{"version":3,"file":"96ca6ac.js","mappings":"+sBA2BIA,KAAO,MACT,UACA,UACA,cACA,SACF,EAAGC,KAAS,MACVD,EACA,SACF,EAAGE,EAAgB,wmCAAymCC,EAAcC,GAAU,CAClpC,OAAQA,EAAO,CACb,IAAK,UACL,IAAK,UACH,SAAO,gJACT,IAAK,cACL,IAAK,UACH,SAAO,2JACX,CACF,EAAGC,EAAuB,cAAc,IAAW,CACjD,aAAc,CACZ,MAAM,EAAG,KAAK,KAAO,UAAW,KAAK,QAAU,GAAI,IAAI,KAA6B,KAAM,CACxF,KAAMJ,EACN,WAAS,MAAe,EAAE,CAC5B,CAAC,EAAG,KAAK,iBAAmB,KAAK,iBAAiB,KAAK,IAAI,CAC7D,CAIA,oBAAoBK,EAAS,CAC3BA,EAAQ,MAAM,MAAQ,iBAAkBA,EAAQ,MAAM,YAAY,WAAY,gBAAgB,EAAGA,EAAQ,MAAM,YAAY,WAAY,gBAAgB,EAAGA,EAAQ,aAAa,SAAU,gBAAgB,EAAGA,EAAQ,aAAa,SAAU,gBAAgB,EAAGA,EAAQ,aAAa,yBAA0B,qBAAqB,CACpU,CAIA,iBAAiBC,EAAG,CAClB,KAAK,OAAS,WAAaA,EAAE,kBAAkB,iBAAmBA,EAAE,OAAO,iBAAiB,EAAE,QAASD,GAAY,CACjHA,aAAmB,aAAe,KAAK,oBAAoBA,CAAO,CACpE,CAAC,CACH,CACA,QAAS,CACP,SAAO,8FAA6F,KAAK,IAAI,YAAY,KAAK,OAAS,aAAY,+CAA8C,KAAK,gBAAgB,KAAKH,EAAW,KAAK,IAAI,CAAC,UAAYA,EAAW,KAAK,IAAI,CAAC,qFAAqF,MAAM,WAAW,OAAO,qBAAqB,KAAK,OAAO,mCACja,CACF,EACAE,EAAqB,UAAS,MAAUH,CAAa,KAAG,KAAgB,IACtE,MAAS,CAAE,KAAM,OAAQ,UAAWD,CAAO,CAAC,CAC9C,EAAGI,EAAqB,UAAW,OAAQ,CAAC,KAAG,KAAgB,IAC7D,MAAS,CAAE,KAAM,MAAO,CAAC,CAC3B,EAAGA,EAAqB,UAAW,UAAW,CAAC,EAAGA,KAAuB,KAAgB,IACvF,MAAc,2BAA2B,CAC3C,EAAGA,CAAoB,C","sources":["webpack://nuxt-app/./node_modules/@88labs/tsukuri-components-vue/libs/wc-tsukuri-inline-message-F2SRQW4W.js"],"sourcesContent":["import {\n  __decorateClass\n} from \"./chunk-GDSHCYFF.js\";\nimport \"./chunk-QQK3AK6K.js\";\nimport \"./chunk-KNHENXW5.js\";\nimport \"./chunk-O6FMPWRI.js\";\nimport \"./chunk-ZVKNMDWP.js\";\nimport \"./chunk-SVB7QVGC.js\";\nimport \"./chunk-2K2X2VFV.js\";\nimport {\n  $enum,\n  createParser\n} from \"./chunk-KYGNPTYE.js\";\nimport \"./chunk-JO2RVYIO.js\";\nimport \"./chunk-444UF7LD.js\";\nimport {\n  ValidatePropertiesController,\n  validateString\n} from \"./chunk-Z77RWYJX.js\";\n\n// ../../components/components/InlineMessage/libs/chunk-BGWWABNE.js\nimport {\n  LitElement,\n  html,\n  unsafeCSS\n} from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nvar type = $enum(\n  \"caution\",\n  \"warning\",\n  \"informative\",\n  \"neutral\"\n), toType = createParser(\n  type,\n  \"neutral\"\n), style_default = \":host{display:inline-block}[data-tsukuri-component=inline-message]{display:flex;flex-direction:row;gap:4px;width:100%;--_color2:var(--color-sys-object-foreground)}[data-tsukuri-component=inline-message][data-tsukuri-state-inline-message-type=caution]{--_color1:var(--color-sys-background-object-notice);--_color:var(--color-sys-text-notice)}[data-tsukuri-component=inline-message][data-tsukuri-state-inline-message-type=warning]{--_color1:var(--color-sys-background-object-accent);--_color:var(--color-sys-text-accent)}[data-tsukuri-component=inline-message][data-tsukuri-state-inline-message-type=informative]{--_color1:var(--color-sys-background-object-informative);--_color:var(--color-sys-text-informative)}[data-tsukuri-component=inline-message][data-tsukuri-state-inline-message-type=neutral]{--_color1:var(--color-sys-background-object-neutral);--_color:var(--color-sys-text-secondary)}::slotted([data-tsukuri-component=inline-message-icon]),[data-tsukuri-component=inline-message-icon]{font-size:18px}[data-tsukuri-component=inline-message-text]{align-items:center;color:var(--_color);display:flex;flex-direction:row}\", renderIcon = (type2) => {\n  switch (type2) {\n    case \"caution\":\n    case \"warning\":\n      return html`<two-tone-icon-error data-tsukuri-component=\"inline-message-icon\" color1=\"var(--_color1)\" color2=\"var(--_color2)\"></two-tone-icon-error>`;\n    case \"informative\":\n    case \"neutral\":\n      return html`<two-tone-icon-info-circle data-tsukuri-component=\"inline-message-icon\" color1=\"var(--_color1)\" color2=\"var(--_color2)\"></two-tone-icon-info-circle>`;\n  }\n}, TsukuriInlineMessage = class extends LitElement {\n  constructor() {\n    super(), this.type = \"neutral\", this.message = \"\", new ValidatePropertiesController(this, {\n      type: toType,\n      message: validateString(\"\")\n    }), this.handleSlotChange = this.handleSlotChange.bind(this);\n  }\n  /**\n   * スロット内の要素にCSSカスタムプロパティを適用する\n   */\n  applyColorToElement(element) {\n    element.style.color = \"var(--_color1)\", element.style.setProperty(\"--color1\", \"var(--_color1)\"), element.style.setProperty(\"--color2\", \"var(--_color2)\"), element.setAttribute(\"color1\", \"var(--_color1)\"), element.setAttribute(\"color2\", \"var(--_color2)\"), element.setAttribute(\"data-tsukuri-component\", \"inline-message-icon\");\n  }\n  /**\n   * スロットの内容が変更された時に呼び出されるイベントハンドラ\n   */\n  handleSlotChange(e) {\n    this.type === \"neutral\" && e.target instanceof HTMLSlotElement && e.target.assignedElements().forEach((element) => {\n      element instanceof HTMLElement && this.applyColorToElement(element);\n    });\n  }\n  render() {\n    return html` <div data-tsukuri-component=\"inline-message\" data-tsukuri-state-inline-message-type=\"${this.type}\"> <div> ${this.type === \"neutral\" ? html`<slot name=\"leading-icon\" @slotchange=\"${this.handleSlotChange}\">${renderIcon(this.type)}</slot>` : renderIcon(this.type)} </div> <div data-tsukuri-component=\"inline-message-text\"> <wc-tsukuri-text type=\"${\"body\"}\" size=\"${\"small\"}\" color=\"inherit\">${this.message}</wc-tsukuri-text> </div> </div> `;\n  }\n};\nTsukuriInlineMessage.styles = unsafeCSS(style_default), __decorateClass([\n  property({ type: String, converter: toType })\n], TsukuriInlineMessage.prototype, \"type\", 2), __decorateClass([\n  property({ type: String })\n], TsukuriInlineMessage.prototype, \"message\", 2), TsukuriInlineMessage = __decorateClass([\n  customElement(\"wc-tsukuri-inline-message\")\n], TsukuriInlineMessage);\nexport {\n  TsukuriInlineMessage\n};\n//# sourceMappingURL=wc-tsukuri-inline-message-F2SRQW4W.js.map"],"names":["type","toType","style_default","renderIcon","type2","TsukuriInlineMessage","element","e"],"sourceRoot":""}