zignal-stencil-library 1.0.0

package/dist/components/p-DspEZ2pG.js.map

@@ -0,0 +1 @@
+{"file":"p-DspEZ2pG.js","mappings":";;;;;;;;AAAA,MAAM,cAAc,GAAG,ihyBAAihyB;;MCO3hyB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;IACb,MAAM,GAAG,CAAC;AAEnB,IAAA,IAAI,GAAG;AACL,QAAA;AACE,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,KAAK,EAAE;AACR,SAAA;AACD,QAAA;AACE,YAAA,KAAK,EAAE,aAAa;AACpB,YAAA,KAAK,EAAE;AACR,SAAA;AACD,QAAA;AACE,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAE;AACR,SAAA;KACF;IAED,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC;QAEtC,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,yCAAA,EAA4C,KAAK,CAAA,CAAE,EAAA,EAC7D,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,qBAAqB,EAC3C,EAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,MAC1B,CAAA,CAAA,IAAA,EAAA,EAAI,IAAI,EAAC,cAAc,EAAA,EACrB,CACE,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,KAAK,EAAA,YAAA,EACE,CAAC,EACb,OAAO,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAChC,KAAK,EACH,CAAuD,qDAAA,CAAA;AACvD,iBAAC,IAAI,CAAC,MAAM,KAAK;AACf,sBAAE,CAAA,eAAA,EAAkB,KAAK,CAAA,8BAAA,EAAiC,KAAK,CAAE;AACjE,sBAAE,CAAA,OAAA,EAAU,KAAK,CAAA,+CAAA,CAAiD,CAAC,EAExD,eAAA,EAAA,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAA,EAElD,KAAK,CACC,CACN,CACN,CAAC,CACC,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qDAAqD,EAAA,EAC7D,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,MAC1B,CACE,CAAA,KAAA,EAAA,EAAA,EAAE,EAAE,CAAS,MAAA,EAAA,CAAC,CAAE,CAAA,EAChB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG,EAAE,GAAG,QAAQ,EAAA,EAEvC,KAAK,KAAK,MAAM,IAAI,CAAgB,CAAA,cAAA,EAAA,IAAA,CAAA,EACpC,KAAK,KAAK,OAAO,IAAI,CAAiB,CAAA,eAAA,EAAA,IAAA,CAAA,EACtC,KAAK,KAAK,SAAS,IAAI,CAAA,CAAA,iBAAA,EAAA,IAAA,CAAmB,CACvC,CACP,CAAC,CACE,CACF,CACD,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/profile-tabs/profile-tabs.css?tag=profile-tabs","src/components/profile-tabs/profile-tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, State, h } from '@stencil/core';\nimport { configStore } from '../../store/store';\n\n@Component({\n  tag: 'profile-tabs',\n  styleUrl: 'profile-tabs.css',\n})\nexport class ProfileTabs {\n  @State() active = 0;\n\n  tabs = [\n    {\n      label: 'ข้อมูล',\n      value: 'info'\n    },\n    {\n      label: 'ไฟล์&รูปภาพ',\n      value: 'media'\n    },\n    {\n      label: 'ประวัติ',\n      value: 'history'\n    },\n  ];\n\n  render() {\n    const theme = configStore.get('theme');\n\n    return (\n      <Host>\n        <slot>\n          <div class=\"flex flex-col z-max-height\">\n            <div class={`w-full border-b-[0.5px] z-border-divider-${theme}`}>\n              <ul role=\"tablist\" class=\"flex space-x-8 px-4\">\n                {this.tabs.map(({ label }, i) => (\n                  <li role=\"presentation\">\n                    <button\n                      role=\"tab\"\n                      data-index={i}\n                      onClick={() => (this.active = i)}\n                      class={\n                        `px-2 py-3 border-b-2 mt-auto h-[60px] cursor-pointer ` +\n                        (this.active === i\n                          ? `z-text-primary-${theme} font-medium z-border-primary-${theme}`\n                          : `z-text-${theme} border-transparent filter hover:brightness-110`)\n                      }\n                      aria-selected={this.active === i ? 'true' : 'false'}\n                    >\n                      {label}\n                    </button>\n                  </li>\n                ))}\n              </ul>\n            </div>\n            <div class=\"py-4 overflow-y-auto scroll-smooth scroll-container\">\n              {this.tabs.map(({ value }, i) => (\n                <div\n                  id={`panel-${i}`}\n                  role=\"tabpanel\"\n                  class={this.active === i ? '' : 'hidden'}\n                >\n                  {value === 'info' && <profile-info />}\n                  {value === 'media' && <profile-media />}\n                  {value === 'history' && <profile-history />}\n                </div>\n              ))}\n            </div>\n          </div>\n        </slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}