@db-ux/wc-core-components 2.1.0 → 2.1.2

package/dist/cjs/db-select.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"db-select.entry.cjs.js","mappings":"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","names":["DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","DEFAULT_VALID_MESSAGE","stringPropVisible","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_PLACEHOLDER_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","uuid","h","cls","getHideProp","DEFAULT_LABEL","getBoolean","Fragment"],"sources":["src/components/select/select.tsx"],"sourcesContent":["import { DBSelectOptionType, DBSelectProps, DBSelectState } from \"./model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  ChangeEvent,\n  ClickEvent,\n  InputEvent,\n  InteractionEvent,\n} from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-select\",\n})\nexport class DBSelect {\n  private _ref!: HTMLSelectElement | any;\n  @Prop() id: DBSelectProps[\"id\"];\n  @Prop() invalidMessage: DBSelectProps[\"invalidMessage\"];\n  @Prop() message: DBSelectProps[\"message\"];\n  @Prop() showMessage: DBSelectProps[\"showMessage\"];\n  @Prop() value: DBSelectProps[\"value\"];\n  @Prop() validMessage: DBSelectProps[\"validMessage\"];\n  @Prop() validation: DBSelectProps[\"validation\"];\n  @Prop() required: DBSelectProps[\"required\"];\n  @Event() click: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onClick\"]>[number]\n  > | void;\n  @Event() input: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onInput\"]>[number]\n  > | void;\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBSelectProps[\"className\"];\n  @Prop() variant: DBSelectProps[\"variant\"];\n  @Prop() showLabel: DBSelectProps[\"showLabel\"];\n  @Prop() icon: DBSelectProps[\"icon\"];\n  @Prop() showIcon: DBSelectProps[\"showIcon\"];\n  @Prop() label: DBSelectProps[\"label\"];\n  @Prop() disabled: DBSelectProps[\"disabled\"];\n  @Prop() name: DBSelectProps[\"name\"];\n  @Prop() size: DBSelectProps[\"size\"];\n  @Prop() autocomplete: DBSelectProps[\"autocomplete\"];\n  @Prop() multiple: DBSelectProps[\"multiple\"];\n  @Prop() ariaDescribedBy: DBSelectProps[\"ariaDescribedBy\"];\n  @Prop() options: DBSelectProps[\"options\"];\n  @Prop() placeholder: DBSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _placeholderId = \"\";\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() initialized = false;\n  @State() _voiceOverFallback = \"\";\n\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this._ref?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.hasValidState() &&\n      this._ref?.validity.valid &&\n      this.required\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = this._placeholderId;\n    }\n  }\n  handleClick(event: ClickEvent<HTMLSelectElement> | any) {\n    if (this.click) {\n      event.stopPropagation();\n      this.click.emit(event);\n    }\n  }\n  handleInput(event: InputEvent<HTMLSelectElement> | any) {\n    event.stopPropagation();\n    if (this.input) {\n      this.input.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleChange(event: ChangeEvent<HTMLSelectElement> | any) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLSelectElement> | any) {\n    event.stopPropagation();\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLSelectElement> | any) {\n    event.stopPropagation();\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n  getOptionLabel(option: DBSelectOptionType) {\n    return option.label ?? option.value?.toString();\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLSelectElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this._ref?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"invalidMessage\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id && this.initialized) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      const placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = placeholderId;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      } else {\n        this._descByIds = placeholderId;\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_id\")\n  @Watch(\"initialized\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-select\");\n    this.initialized = true;\n    const mId = this.id ?? `select-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-select\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <select\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          required={getBoolean(this.required, \"required\")}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          id={this._id}\n          name={this.name}\n          size={this.size}\n          /* @ts-ignore */\nvalue={this.value ?? this._value}\n          autocomplete={this.autocomplete}\n          multiple={this.multiple}\n          onInput={(event) => this.handleInput(event)}\n          onClick={(event) => this.handleClick(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          aria-describedby={this.ariaDescribedBy ?? this._descByIds}\n        >\n          <option hidden={true}></option>\n          {this.options ? (\n            this.options?.map((option) => (\n              <Fragment>\n                {option.options ? (\n                  <optgroup label={this.getOptionLabel(option)}>\n                    {option.options?.map((optgroupOption) => (\n                      <option\n                        key={optgroupOption.value.toString()}\n                        value={optgroupOption.value}\n                        selected={optgroupOption.selected}\n                        disabled={optgroupOption.disabled}\n                      >\n                        {this.getOptionLabel(optgroupOption)}\n                      </option>\n                    ))}\n                  </optgroup>\n                ) : null}\n                {!option.options ? (\n                  <option\n                    value={option.value}\n                    disabled={option.disabled}\n                    selected={option.selected}\n                  >\n                    {this.getOptionLabel(option)}\n                  </option>\n                ) : null}\n              </Fragment>\n            ))\n          ) : (\n            <slot></slot>\n          )}\n        </select>\n        <span id={this._placeholderId}>{this.placeholder ?? this.label}</span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-select.entry.cjs.js","mappings":";;;;;;MAkDa,QAAQ,GAAA,MAAA;AAHpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;AA2CU,QAAA,IAAG,CAAA,GAAA,GAAG,SAAS;AACf,QAAA,IAAU,CAAA,UAAA,GAAG,SAAS;AACtB,QAAA,IAAe,CAAA,eAAA,GAAG,SAAS;AAC3B,QAAA,IAAiB,CAAA,iBAAA,GAAG,SAAS;AAC7B,QAAA,IAAe,CAAA,eAAA,GAAG,SAAS;AAC3B,QAAA,IAAc,CAAA,cAAA,GAAG,EAAE;AACnB,QAAA,IAAU,CAAA,UAAA,GAAG,EAAE;AACf,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE;AACX,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK;AACnB,QAAA,IAAkB,CAAA,kBAAA,GAAG,EAAE;AAoQjC;IAlQC,aAAa,GAAA;;AACX,QAAA,OAAO,CAAC,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,CAAC,UAAU,KAAK,OAAO,CAAC;;IAE7D,gBAAgB,GAAA;;;AAEd,QAAA,IAAI,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,KAAK,CAAA,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;AAC/D,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB;AACxC,YAAA,IAAI,CAAC,eAAe;AAClB,gBAAA,IAAI,CAAC,cAAc;qBACnB,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,iBAAiB,CAAA;AAC5B,oBAAAA,iCAAuB;YACzB,IAAIC,oBAAY,EAAE,EAAE;AAClB,gBAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,eAAe;AAC9C,gBAAAC,aAAK,CAAC,OAAO,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC;;;aAE9C,IACL,IAAI,CAAC,aAAa,EAAE;aACpB,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,KAAK,CAAA;YACzB,IAAI,CAAC,QAAQ,EACb;AACA,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe;YACtC,IAAID,oBAAY,EAAE,EAAE;gBAClB,IAAI,CAAC,kBAAkB,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAAE,+BAAqB;AACpE,gBAAAD,aAAK,CAAC,OAAO,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC;;;aAE9C,IAAIE,yBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;AAC5D,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU;;aAC5B;AACL,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc;;;AAGzC,IAAA,WAAW,CAAC,KAA0C,EAAA;AACpD,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;;AAG1B,IAAA,WAAW,CAAC,KAA0C,EAAA;AACpD,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;QAExB,IAAI,CAAC,gBAAgB,EAAE;;AAEzB,IAAA,YAAY,CAAC,KAA2C,EAAA;AACtD,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;QAEzB,IAAI,CAAC,gBAAgB,EAAE;;AAEzB,IAAA,UAAU,CAAC,KAAgD,EAAA;AACzD,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;;AAGzB,IAAA,WAAW,CAAC,KAAgD,EAAA;AAC1D,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;;AAG1B,IAAA,cAAc,CAAC,MAA0B,EAAA;;QACvC,OAAO,CAAA,EAAA,GAAA,MAAM,CAAC,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAM,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,EAAE;;AAGjD;;;;AAIG;IACK,sBAAsB,CAC5B,OAAiC,EACjC,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,QAAQ,GAAA;;AACN,QAAA,IAAI,CAAC,eAAe;AAClB,YAAA,IAAI,CAAC,cAAc;iBACnB,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,iBAAiB,CAAA;AAC5B,gBAAAJ,iCAAuB;;IAK3B,MAAM,GAAA;QACJ,IAAI,CAAC,QAAQ,EAAE;;IAGjB,QAAQ,GAAA;QACN,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,WAAW,EAAE;AAChC,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,GAAGK,mCAAyB;AACtD,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,GAAGC,uCAA6B;AAC9D,YAAA,IAAI,CAAC,UAAU,GAAG,SAAS;YAC3B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,GAAGC,yCAA+B;YACjE,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,GAAG,GAAGC,2CAAiC;AACrE,YAAA,IAAI,CAAC,cAAc,GAAG,aAAa;YACnC,IAAIJ,yBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;AACrD,gBAAA,IAAI,CAAC,UAAU,GAAG,SAAS;;iBACtB;AACL,gBAAA,IAAI,CAAC,UAAU,GAAG,aAAa;;AAEjC,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;;;IAM5B,MAAM,GAAA;QACJ,IAAI,CAAC,QAAQ,EAAE;;IAGjB,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK;;IAI1B,MAAM,GAAA;QACJ,IAAI,CAAC,QAAQ,EAAE;;IAGjB,gBAAgB,GAAA;;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC;AACnD,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,MAAM,GAAG,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAU,OAAA,EAAAK,YAAI,EAAE,CAAA,CAAE;AACzC,QAAA,IAAI,CAAC,GAAG,GAAG,GAAG;AACd,QAAA,IAAI,CAAC,UAAU,GAAG,GAAG,GAAGJ,mCAAyB;AACjD,QAAA,IAAI,CAAC,eAAe,GAAG,GAAG,GAAGE,yCAA+B;AAC5D,QAAA,IAAI,CAAC,iBAAiB,GAAG,GAAG,GAAGC,2CAAiC;AAChE,QAAA,IAAI,CAAC,cAAc,GAAG,GAAG,GAAGF,uCAA6B;QACzD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,cAAc,IAAIN,iCAAuB;QACrE,IAAI,CAAC,QAAQ,EAAE;QACf,IAAI,CAAC,QAAQ,EAAE;QACf,IAAI,CAAC,QAAQ,EAAE;;IAGjB,MAAM,GAAA;;QACJ,QACEU,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAEC,WAAG,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,EAAA,cAAA,EACzB,IAAI,CAAC,OAAO,EACT,iBAAA,EAAAC,mBAAW,CAAC,IAAI,CAAC,SAAS,CAAC,EACjC,WAAA,EAAA,IAAI,CAAC,IAAI,oBACJA,mBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EAE1CF,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,IAAI,CAAC,GAAG,EAAA,EAAG,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAAG,uBAAa,CAAS,EAC/DH,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,cAAA,EACgB,IAAI,CAAC,UAAU,KAAK,SAAS,EACrB,sBAAA,EAAA,IAAI,CAAC,UAAU,EACrC,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;AAChB,aAAC,EACD,QAAQ,EAAEI,kBAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,EAC/C,QAAQ,EAAEA,kBAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,EAC/C,EAAE,EAAE,IAAI,CAAC,GAAG,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI;;AAEzB,YAAA,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,CAAC,MAAM,EACtB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,sBACzB,CAAA,EAAA,GAAA,IAAI,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAI,CAAC,UAAU,EAAA,EAEzDJ,OAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,MAAM,EAAE,IAAI,EAAW,CAAA,EAC9B,IAAI,CAAC,OAAO,IACX,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;AAAC,YAAA,QAC5BA,QAACK,cAAQ,EAAA,IAAA,EACN,MAAM,CAAC,OAAO,IACbL,sBAAU,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAA,EACzC,CAAA,EAAA,GAAA,MAAM,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,cAAc,MAClCA,OAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,QAAQ,EAAE,EACpC,KAAK,EAAE,cAAc,CAAC,KAAK,EAC3B,QAAQ,EAAE,cAAc,CAAC,QAAQ,EACjC,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAA,EAEhC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,CAC7B,CACV,CAAC,CACO,KAEXA,OAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAExB,EAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CACrB,CACV,CACQ;SACZ,CAAC,KAEFA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACd,CACM,EACTA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,EAAE,EAAE,IAAI,CAAC,cAAc,EAAG,EAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAI,CAAC,KAAK,CAAQ,EACrEN,yBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAChDM,yBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,EAAE,EAAE,IAAI,CAAC,UAAU,EAElB,EAAA,IAAI,CAAC,OAAO,CACD,IACZ,IAAI,EACP,IAAI,CAAC,aAAa,EAAE,IACnBA,OACE,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,YAAY,EACrB,EAAE,EAAE,IAAI,CAAC,eAAe,EAAA,EAEvB,IAAI,CAAC,YAAY,IAAIP,+BAAqB,CAC/B,IACZ,IAAI,EACRO,OAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAE,IAAI,CAAC,iBAAiB,IAEzB,IAAI,CAAC,eAAe,CACT,EACdA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,sBAAA,EAA2B,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAA,EAC5C,IAAI,CAAC,kBAAkB,CACnB,CACH;;;;;;;;;;;;;","names":["DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","DEFAULT_VALID_MESSAGE","stringPropVisible","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_PLACEHOLDER_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","uuid","h","cls","getHideProp","DEFAULT_LABEL","getBoolean","Fragment"],"sources":["src/components/select/select.tsx"],"sourcesContent":["import { DBSelectOptionType, DBSelectProps, DBSelectState } from \"./model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  ChangeEvent,\n  ClickEvent,\n  InputEvent,\n  InteractionEvent,\n} from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-select\",\n})\nexport class DBSelect {\n  private _ref!: HTMLSelectElement | any;\n  @Prop() id: DBSelectProps[\"id\"];\n  @Prop() invalidMessage: DBSelectProps[\"invalidMessage\"];\n  @Prop() message: DBSelectProps[\"message\"];\n  @Prop() showMessage: DBSelectProps[\"showMessage\"];\n  @Prop() value: DBSelectProps[\"value\"];\n  @Prop() validMessage: DBSelectProps[\"validMessage\"];\n  @Prop() validation: DBSelectProps[\"validation\"];\n  @Prop() required: DBSelectProps[\"required\"];\n  @Event() click: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onClick\"]>[number]\n  > | void;\n  @Event() input: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onInput\"]>[number]\n  > | void;\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBSelectProps[\"className\"];\n  @Prop() variant: DBSelectProps[\"variant\"];\n  @Prop() showLabel: DBSelectProps[\"showLabel\"];\n  @Prop() icon: DBSelectProps[\"icon\"];\n  @Prop() showIcon: DBSelectProps[\"showIcon\"];\n  @Prop() label: DBSelectProps[\"label\"];\n  @Prop() disabled: DBSelectProps[\"disabled\"];\n  @Prop() name: DBSelectProps[\"name\"];\n  @Prop() size: DBSelectProps[\"size\"];\n  @Prop() autocomplete: DBSelectProps[\"autocomplete\"];\n  @Prop() multiple: DBSelectProps[\"multiple\"];\n  @Prop() ariaDescribedBy: DBSelectProps[\"ariaDescribedBy\"];\n  @Prop() options: DBSelectProps[\"options\"];\n  @Prop() placeholder: DBSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _placeholderId = \"\";\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() initialized = false;\n  @State() _voiceOverFallback = \"\";\n\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this._ref?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.hasValidState() &&\n      this._ref?.validity.valid &&\n      this.required\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = this._placeholderId;\n    }\n  }\n  handleClick(event: ClickEvent<HTMLSelectElement> | any) {\n    if (this.click) {\n      this.click.emit(event);\n    }\n  }\n  handleInput(event: InputEvent<HTMLSelectElement> | any) {\n    if (this.input) {\n      this.input.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleChange(event: ChangeEvent<HTMLSelectElement> | any) {\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLSelectElement> | any) {\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLSelectElement> | any) {\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n  getOptionLabel(option: DBSelectOptionType) {\n    return option.label ?? option.value?.toString();\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLSelectElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this._ref?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"invalidMessage\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id && this.initialized) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      const placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = placeholderId;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      } else {\n        this._descByIds = placeholderId;\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_id\")\n  @Watch(\"initialized\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-select\");\n    this.initialized = true;\n    const mId = this.id ?? `select-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-select\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <select\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          required={getBoolean(this.required, \"required\")}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          id={this._id}\n          name={this.name}\n          size={this.size}\n          /* @ts-ignore */\nvalue={this.value ?? this._value}\n          autocomplete={this.autocomplete}\n          multiple={this.multiple}\n          onInput={(event) => this.handleInput(event)}\n          onClick={(event) => this.handleClick(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          aria-describedby={this.ariaDescribedBy ?? this._descByIds}\n        >\n          <option hidden={true}></option>\n          {this.options ? (\n            this.options?.map((option) => (\n              <Fragment>\n                {option.options ? (\n                  <optgroup label={this.getOptionLabel(option)}>\n                    {option.options?.map((optgroupOption) => (\n                      <option\n                        key={optgroupOption.value.toString()}\n                        value={optgroupOption.value}\n                        selected={optgroupOption.selected}\n                        disabled={optgroupOption.disabled}\n                      >\n                        {this.getOptionLabel(optgroupOption)}\n                      </option>\n                    ))}\n                  </optgroup>\n                ) : (\n                  <option\n                    value={option.value}\n                    disabled={option.disabled}\n                    selected={option.selected}\n                  >\n                    {this.getOptionLabel(option)}\n                  </option>\n                )}\n              </Fragment>\n            ))\n          ) : (\n            <slot></slot>\n          )}\n        </select>\n        <span id={this._placeholderId}>{this.placeholder ?? this.label}</span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/db-select.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"db-select.entry.cjs.js","sources":["src/components/select/select.tsx"],"sourcesContent":["import { DBSelectOptionType, DBSelectProps, DBSelectState } from \"./model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  ChangeEvent,\n  ClickEvent,\n  InputEvent,\n  InteractionEvent,\n} from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-select\",\n})\nexport class DBSelect {\n  private _ref!: HTMLSelectElement | any;\n  @Prop() id: DBSelectProps[\"id\"];\n  @Prop() invalidMessage: DBSelectProps[\"invalidMessage\"];\n  @Prop() message: DBSelectProps[\"message\"];\n  @Prop() showMessage: DBSelectProps[\"showMessage\"];\n  @Prop() value: DBSelectProps[\"value\"];\n  @Prop() validMessage: DBSelectProps[\"validMessage\"];\n  @Prop() validation: DBSelectProps[\"validation\"];\n  @Prop() required: DBSelectProps[\"required\"];\n  @Event() click: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onClick\"]>[number]\n  > | void;\n  @Event() input: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onInput\"]>[number]\n  > | void;\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBSelectProps[\"className\"];\n  @Prop() variant: DBSelectProps[\"variant\"];\n  @Prop() showLabel: DBSelectProps[\"showLabel\"];\n  @Prop() icon: DBSelectProps[\"icon\"];\n  @Prop() showIcon: DBSelectProps[\"showIcon\"];\n  @Prop() label: DBSelectProps[\"label\"];\n  @Prop() disabled: DBSelectProps[\"disabled\"];\n  @Prop() name: DBSelectProps[\"name\"];\n  @Prop() size: DBSelectProps[\"size\"];\n  @Prop() autocomplete: DBSelectProps[\"autocomplete\"];\n  @Prop() multiple: DBSelectProps[\"multiple\"];\n  @Prop() ariaDescribedBy: DBSelectProps[\"ariaDescribedBy\"];\n  @Prop() options: DBSelectProps[\"options\"];\n  @Prop() placeholder: DBSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _placeholderId = \"\";\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() initialized = false;\n  @State() _voiceOverFallback = \"\";\n\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this._ref?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.hasValidState() &&\n      this._ref?.validity.valid &&\n      this.required\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = this._placeholderId;\n    }\n  }\n  handleClick(event: ClickEvent<HTMLSelectElement> | any) {\n    if (this.click) {\n      event.stopPropagation();\n      this.click.emit(event);\n    }\n  }\n  handleInput(event: InputEvent<HTMLSelectElement> | any) {\n    event.stopPropagation();\n    if (this.input) {\n      this.input.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleChange(event: ChangeEvent<HTMLSelectElement> | any) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLSelectElement> | any) {\n    event.stopPropagation();\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLSelectElement> | any) {\n    event.stopPropagation();\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n  getOptionLabel(option: DBSelectOptionType) {\n    return option.label ?? option.value?.toString();\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLSelectElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this._ref?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"invalidMessage\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id && this.initialized) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      const placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = placeholderId;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      } else {\n        this._descByIds = placeholderId;\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_id\")\n  @Watch(\"initialized\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-select\");\n    this.initialized = true;\n    const mId = this.id ?? `select-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-select\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <select\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          required={getBoolean(this.required, \"required\")}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          id={this._id}\n          name={this.name}\n          size={this.size}\n          /* @ts-ignore */\nvalue={this.value ?? this._value}\n          autocomplete={this.autocomplete}\n          multiple={this.multiple}\n          onInput={(event) => this.handleInput(event)}\n          onClick={(event) => this.handleClick(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          aria-describedby={this.ariaDescribedBy ?? this._descByIds}\n        >\n          <option hidden={true}></option>\n          {this.options ? (\n            this.options?.map((option) => (\n              <Fragment>\n                {option.options ? (\n                  <optgroup label={this.getOptionLabel(option)}>\n                    {option.options?.map((optgroupOption) => (\n                      <option\n                        key={optgroupOption.value.toString()}\n                        value={optgroupOption.value}\n                        selected={optgroupOption.selected}\n                        disabled={optgroupOption.disabled}\n                      >\n                        {this.getOptionLabel(optgroupOption)}\n                      </option>\n                    ))}\n                  </optgroup>\n                ) : null}\n                {!option.options ? (\n                  <option\n                    value={option.value}\n                    disabled={option.disabled}\n                    selected={option.selected}\n                  >\n                    {this.getOptionLabel(option)}\n                  </option>\n                ) : null}\n              </Fragment>\n            ))\n          ) : (\n            <slot></slot>\n          )}\n        </select>\n        <span id={this._placeholderId}>{this.placeholder ?? this.label}</span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"names":["DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","DEFAULT_VALID_MESSAGE","stringPropVisible","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_PLACEHOLDER_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","uuid","h","cls","getHideProp","DEFAULT_LABEL","getBoolean","Fragment"],"mappings":"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"}
+{"version":3,"file":"db-select.entry.cjs.js","sources":["src/components/select/select.tsx"],"sourcesContent":["import { DBSelectOptionType, DBSelectProps, DBSelectState } from \"./model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  ChangeEvent,\n  ClickEvent,\n  InputEvent,\n  InteractionEvent,\n} from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-select\",\n})\nexport class DBSelect {\n  private _ref!: HTMLSelectElement | any;\n  @Prop() id: DBSelectProps[\"id\"];\n  @Prop() invalidMessage: DBSelectProps[\"invalidMessage\"];\n  @Prop() message: DBSelectProps[\"message\"];\n  @Prop() showMessage: DBSelectProps[\"showMessage\"];\n  @Prop() value: DBSelectProps[\"value\"];\n  @Prop() validMessage: DBSelectProps[\"validMessage\"];\n  @Prop() validation: DBSelectProps[\"validation\"];\n  @Prop() required: DBSelectProps[\"required\"];\n  @Event() click: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onClick\"]>[number]\n  > | void;\n  @Event() input: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onInput\"]>[number]\n  > | void;\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBSelectProps[\"className\"];\n  @Prop() variant: DBSelectProps[\"variant\"];\n  @Prop() showLabel: DBSelectProps[\"showLabel\"];\n  @Prop() icon: DBSelectProps[\"icon\"];\n  @Prop() showIcon: DBSelectProps[\"showIcon\"];\n  @Prop() label: DBSelectProps[\"label\"];\n  @Prop() disabled: DBSelectProps[\"disabled\"];\n  @Prop() name: DBSelectProps[\"name\"];\n  @Prop() size: DBSelectProps[\"size\"];\n  @Prop() autocomplete: DBSelectProps[\"autocomplete\"];\n  @Prop() multiple: DBSelectProps[\"multiple\"];\n  @Prop() ariaDescribedBy: DBSelectProps[\"ariaDescribedBy\"];\n  @Prop() options: DBSelectProps[\"options\"];\n  @Prop() placeholder: DBSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _placeholderId = \"\";\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() initialized = false;\n  @State() _voiceOverFallback = \"\";\n\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this._ref?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.hasValidState() &&\n      this._ref?.validity.valid &&\n      this.required\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = this._placeholderId;\n    }\n  }\n  handleClick(event: ClickEvent<HTMLSelectElement> | any) {\n    if (this.click) {\n      this.click.emit(event);\n    }\n  }\n  handleInput(event: InputEvent<HTMLSelectElement> | any) {\n    if (this.input) {\n      this.input.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleChange(event: ChangeEvent<HTMLSelectElement> | any) {\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLSelectElement> | any) {\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLSelectElement> | any) {\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n  getOptionLabel(option: DBSelectOptionType) {\n    return option.label ?? option.value?.toString();\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLSelectElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this._ref?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"invalidMessage\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id && this.initialized) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      const placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = placeholderId;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      } else {\n        this._descByIds = placeholderId;\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_id\")\n  @Watch(\"initialized\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-select\");\n    this.initialized = true;\n    const mId = this.id ?? `select-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-select\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <select\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          required={getBoolean(this.required, \"required\")}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          id={this._id}\n          name={this.name}\n          size={this.size}\n          /* @ts-ignore */\nvalue={this.value ?? this._value}\n          autocomplete={this.autocomplete}\n          multiple={this.multiple}\n          onInput={(event) => this.handleInput(event)}\n          onClick={(event) => this.handleClick(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          aria-describedby={this.ariaDescribedBy ?? this._descByIds}\n        >\n          <option hidden={true}></option>\n          {this.options ? (\n            this.options?.map((option) => (\n              <Fragment>\n                {option.options ? (\n                  <optgroup label={this.getOptionLabel(option)}>\n                    {option.options?.map((optgroupOption) => (\n                      <option\n                        key={optgroupOption.value.toString()}\n                        value={optgroupOption.value}\n                        selected={optgroupOption.selected}\n                        disabled={optgroupOption.disabled}\n                      >\n                        {this.getOptionLabel(optgroupOption)}\n                      </option>\n                    ))}\n                  </optgroup>\n                ) : (\n                  <option\n                    value={option.value}\n                    disabled={option.disabled}\n                    selected={option.selected}\n                  >\n                    {this.getOptionLabel(option)}\n                  </option>\n                )}\n              </Fragment>\n            ))\n          ) : (\n            <slot></slot>\n          )}\n        </select>\n        <span id={this._placeholderId}>{this.placeholder ?? this.label}</span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"names":["DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","DEFAULT_VALID_MESSAGE","stringPropVisible","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_PLACEHOLDER_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","uuid","h","cls","getHideProp","DEFAULT_LABEL","getBoolean","Fragment"],"mappings":"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"}

package/dist/cjs/db-switch.cjs.entry.js

@@ -14,7 +14,6 @@ const DBSwitch = class {
     }
     handleChange(event) {
         var _a;
-        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -22,13 +21,11 @@ const DBSwitch = class {
         this._checked = (_a = event.target) === null || _a === void 0 ? void 0 : _a["checked"];
     }
     handleBlur(event) {
-        event.stopPropagation();
         if (this.blur) {
             this.blur.emit(event);
         }
     }
     handleFocus(event) {
-        event.stopPropagation();
         if (this.focus) {
             this.focus.emit(event);
         }
@@ -81,7 +78,7 @@ const DBSwitch = class {
     }
     render() {
         var _a;
-        return (index.h("label", { key: '76d43e4764f5b785bd2ae4d32d91d2438c30efaf', class: index$1.cls("db-switch", this.className), "data-visual-aid": index$1.getBooleanAsString(this.visualAid), "data-size": this.size, "data-hide-label": index$1.getHideProp(this.showLabel), "data-emphasis": this.emphasis, htmlFor: this._id }, index.h("input", { key: '4b460940bce49974ef2d8ff3866202452fd7cda8', type: "checkbox", role: "switch", id: this._id, "aria-checked": index$1.getBooleanAsString(this._checked), ref: (el) => {
+        return (index.h("label", { key: '27f9111d3d3435f4f92ac229bfbe431537247a58', class: index$1.cls("db-switch", this.className), "data-visual-aid": index$1.getBooleanAsString(this.visualAid), "data-size": this.size, "data-hide-label": index$1.getHideProp(this.showLabel), "data-emphasis": this.emphasis, htmlFor: this._id }, index.h("input", { key: '56f0cfd711812f7e3d2f78b373b0792e6a552d66', type: "checkbox", role: "switch", id: this._id, "aria-checked": index$1.getBooleanAsString(this._checked), ref: (el) => {
                 this._ref = el;
             }, checked: index$1.getBoolean(this.checked, "checked"), value: this.value, disabled: index$1.getBoolean(this.disabled, "disabled"), "aria-describedby": (_a = this.describedbyid) !== null && _a !== void 0 ? _a : this.ariaDescribedBy, "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, name: this.name, required: index$1.getBoolean(this.required, "required"), "data-aid-icon": this.icon, "data-aid-icon-after": this.iconAfter, onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event) }), this.label ? this.label : index.h("slot", null)));
     }

package/dist/cjs/db-switch.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"db-switch.entry.cjs.js","mappings":";;;;;MAiCa,QAAQ,GAAA,MAAA;AAHpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;AA+BU,QAAA,IAAG,CAAA,GAAA,GAAG,SAAS;AACf,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAqH1B;AAnHC,IAAA,YAAY,CAAC,KAAoC,EAAA;;QAC/C,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;;AAIzB,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAA,GAAA,KAAK,CAAC,MAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAG,SAAS,CAAC;;AAEpD,IAAA,UAAU,CAAC,KAAyC,EAAA;QAClD,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;;AAGzB,IAAA,WAAW,CAAC,KAAyC,EAAA;QACnD,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;;AAI1B;;;;AAIG;IACK,sBAAsB,CAC5B,OAAgC,EAChC,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE;YACvD,IAAI,CAAC,QAAQ,GAAGA,kBAAU,CAAC,IAAI,CAAC,OAAO,CAAC;;;IAK5C,MAAM,GAAA;QACJ,IAAI,CAAC,QAAQ,EAAE;;IAGjB,gBAAgB,GAAA;;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC;AACnD,QAAA,IAAI,CAAC,GAAG,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAU,OAAA,EAAAC,YAAI,EAAE,CAAA,CAAE;QACxC,IAAI,CAAC,QAAQ,EAAE;;IAGjB,MAAM,GAAA;;QACJ,QACEC,OACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,EAAA,iBAAA,EACtBC,0BAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,EACxC,WAAA,EAAA,IAAI,CAAC,IAAI,EAAA,iBAAA,EACHC,mBAAW,CAAC,IAAI,CAAC,SAAS,CAAC,EAC7B,eAAA,EAAA,IAAI,CAAC,QAAQ,EAC5B,OAAO,EAAE,IAAI,CAAC,GAAG,EAAA,EAEjBH,OACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,IAAI,CAAC,GAAG,kBACEE,0BAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC/C,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;AAChB,aAAC,EACD,OAAO,EAAEJ,kBAAU,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,EAC5C,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAEA,kBAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,EAC7B,kBAAA,EAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAI,CAAC,eAAe,EAAA,cAAA,EAC9C,IAAI,CAAC,UAAU,KAAK,SAAS,EACrB,sBAAA,EAAA,IAAI,CAAC,UAAU,EACrC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAEA,kBAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,mBAChC,IAAI,CAAC,IAAI,EAAA,qBAAA,EACH,IAAI,CAAC,SAAS,EACnC,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,CAAA,EACD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAGE,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CAClC;;;;;;;;;","names":["getBoolean","uuid","h","cls","getBooleanAsString","getHideProp"],"sources":["src/components/switch/switch.tsx"],"sourcesContent":["import { DBSwitchProps, DBSwitchState } from \"./model\";\nimport {\n  cls,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-switch\",\n})\nexport class DBSwitch {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBSwitchProps[\"id\"];\n  @Prop() checked: DBSwitchProps[\"checked\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop() visualAid: DBSwitchProps[\"visualAid\"];\n  @Prop() size: DBSwitchProps[\"size\"];\n  @Prop() showLabel: DBSwitchProps[\"showLabel\"];\n  @Prop() emphasis: DBSwitchProps[\"emphasis\"];\n  @Prop({attribute: \"classname\"}) className: DBSwitchProps[\"className\"];\n  @Prop() value: DBSwitchProps[\"value\"];\n  @Prop() disabled: DBSwitchProps[\"disabled\"];\n  @Prop() describedbyid: DBSwitchProps[\"describedbyid\"];\n  @Prop() ariaDescribedBy: DBSwitchProps[\"ariaDescribedBy\"];\n  @Prop() validation: DBSwitchProps[\"validation\"];\n  @Prop() name: DBSwitchProps[\"name\"];\n  @Prop() required: DBSwitchProps[\"required\"];\n  @Prop() icon: DBSwitchProps[\"icon\"];\n  @Prop() iconAfter: DBSwitchProps[\"iconAfter\"];\n  @Prop() label: DBSwitchProps[\"label\"];\n  @State() _id = undefined;\n  @State() _checked = false;\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n\n    // We have different ts types in different frameworks, so we need to use any here\n    this._checked = (event.target as any)?.[\"checked\"];\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.checked !== undefined && this.checked !== null) {\n      this._checked = getBoolean(this.checked);\n    }\n  }\n\n  @Watch(\"checked\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-switch\");\n    this._id = this.id ?? `switch-${uuid()}`;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-switch\", this.className)}\n        data-visual-aid={getBooleanAsString(this.visualAid)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-emphasis={this.emphasis}\n        htmlFor={this._id}\n      >\n        <input\n          type=\"checkbox\"\n          role=\"switch\"\n          id={this._id}\n          aria-checked={getBooleanAsString(this._checked)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          checked={getBoolean(this.checked, \"checked\")}\n          value={this.value}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          aria-describedby={this.describedbyid ?? this.ariaDescribedBy}\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          name={this.name}\n          required={getBoolean(this.required, \"required\")}\n          data-aid-icon={this.icon}\n          data-aid-icon-after={this.iconAfter}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n        />\n        {this.label ? this.label : <slot></slot>}\n      </label>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-switch.entry.cjs.js","mappings":"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","names":["getBoolean","uuid","h","cls","getBooleanAsString","getHideProp"],"sources":["src/components/switch/switch.tsx"],"sourcesContent":["import { DBSwitchProps, DBSwitchState } from \"./model\";\nimport {\n  cls,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-switch\",\n})\nexport class DBSwitch {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBSwitchProps[\"id\"];\n  @Prop() checked: DBSwitchProps[\"checked\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop() visualAid: DBSwitchProps[\"visualAid\"];\n  @Prop() size: DBSwitchProps[\"size\"];\n  @Prop() showLabel: DBSwitchProps[\"showLabel\"];\n  @Prop() emphasis: DBSwitchProps[\"emphasis\"];\n  @Prop({attribute: \"classname\"}) className: DBSwitchProps[\"className\"];\n  @Prop() value: DBSwitchProps[\"value\"];\n  @Prop() disabled: DBSwitchProps[\"disabled\"];\n  @Prop() describedbyid: DBSwitchProps[\"describedbyid\"];\n  @Prop() ariaDescribedBy: DBSwitchProps[\"ariaDescribedBy\"];\n  @Prop() validation: DBSwitchProps[\"validation\"];\n  @Prop() name: DBSwitchProps[\"name\"];\n  @Prop() required: DBSwitchProps[\"required\"];\n  @Prop() icon: DBSwitchProps[\"icon\"];\n  @Prop() iconAfter: DBSwitchProps[\"iconAfter\"];\n  @Prop() label: DBSwitchProps[\"label\"];\n  @State() _id = undefined;\n  @State() _checked = false;\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (this.change) {\n      this.change.emit(event);\n    }\n\n    // We have different ts types in different frameworks, so we need to use any here\n    this._checked = (event.target as any)?.[\"checked\"];\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement>) {\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.checked !== undefined && this.checked !== null) {\n      this._checked = getBoolean(this.checked);\n    }\n  }\n\n  @Watch(\"checked\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-switch\");\n    this._id = this.id ?? `switch-${uuid()}`;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-switch\", this.className)}\n        data-visual-aid={getBooleanAsString(this.visualAid)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-emphasis={this.emphasis}\n        htmlFor={this._id}\n      >\n        <input\n          type=\"checkbox\"\n          role=\"switch\"\n          id={this._id}\n          aria-checked={getBooleanAsString(this._checked)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          checked={getBoolean(this.checked, \"checked\")}\n          value={this.value}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          aria-describedby={this.describedbyid ?? this.ariaDescribedBy}\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          name={this.name}\n          required={getBoolean(this.required, \"required\")}\n          data-aid-icon={this.icon}\n          data-aid-icon-after={this.iconAfter}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n        />\n        {this.label ? this.label : <slot></slot>}\n      </label>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/db-switch.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"db-switch.entry.cjs.js","sources":["src/components/switch/switch.tsx"],"sourcesContent":["import { DBSwitchProps, DBSwitchState } from \"./model\";\nimport {\n  cls,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-switch\",\n})\nexport class DBSwitch {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBSwitchProps[\"id\"];\n  @Prop() checked: DBSwitchProps[\"checked\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop() visualAid: DBSwitchProps[\"visualAid\"];\n  @Prop() size: DBSwitchProps[\"size\"];\n  @Prop() showLabel: DBSwitchProps[\"showLabel\"];\n  @Prop() emphasis: DBSwitchProps[\"emphasis\"];\n  @Prop({attribute: \"classname\"}) className: DBSwitchProps[\"className\"];\n  @Prop() value: DBSwitchProps[\"value\"];\n  @Prop() disabled: DBSwitchProps[\"disabled\"];\n  @Prop() describedbyid: DBSwitchProps[\"describedbyid\"];\n  @Prop() ariaDescribedBy: DBSwitchProps[\"ariaDescribedBy\"];\n  @Prop() validation: DBSwitchProps[\"validation\"];\n  @Prop() name: DBSwitchProps[\"name\"];\n  @Prop() required: DBSwitchProps[\"required\"];\n  @Prop() icon: DBSwitchProps[\"icon\"];\n  @Prop() iconAfter: DBSwitchProps[\"iconAfter\"];\n  @Prop() label: DBSwitchProps[\"label\"];\n  @State() _id = undefined;\n  @State() _checked = false;\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n\n    // We have different ts types in different frameworks, so we need to use any here\n    this._checked = (event.target as any)?.[\"checked\"];\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.checked !== undefined && this.checked !== null) {\n      this._checked = getBoolean(this.checked);\n    }\n  }\n\n  @Watch(\"checked\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-switch\");\n    this._id = this.id ?? `switch-${uuid()}`;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-switch\", this.className)}\n        data-visual-aid={getBooleanAsString(this.visualAid)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-emphasis={this.emphasis}\n        htmlFor={this._id}\n      >\n        <input\n          type=\"checkbox\"\n          role=\"switch\"\n          id={this._id}\n          aria-checked={getBooleanAsString(this._checked)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          checked={getBoolean(this.checked, \"checked\")}\n          value={this.value}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          aria-describedby={this.describedbyid ?? this.ariaDescribedBy}\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          name={this.name}\n          required={getBoolean(this.required, \"required\")}\n          data-aid-icon={this.icon}\n          data-aid-icon-after={this.iconAfter}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n        />\n        {this.label ? this.label : <slot></slot>}\n      </label>\n    );\n  }\n}\n"],"names":["getBoolean","uuid","h","cls","getBooleanAsString","getHideProp"],"mappings":"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"}
+{"version":3,"file":"db-switch.entry.cjs.js","sources":["src/components/switch/switch.tsx"],"sourcesContent":["import { DBSwitchProps, DBSwitchState } from \"./model\";\nimport {\n  cls,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-switch\",\n})\nexport class DBSwitch {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBSwitchProps[\"id\"];\n  @Prop() checked: DBSwitchProps[\"checked\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop() visualAid: DBSwitchProps[\"visualAid\"];\n  @Prop() size: DBSwitchProps[\"size\"];\n  @Prop() showLabel: DBSwitchProps[\"showLabel\"];\n  @Prop() emphasis: DBSwitchProps[\"emphasis\"];\n  @Prop({attribute: \"classname\"}) className: DBSwitchProps[\"className\"];\n  @Prop() value: DBSwitchProps[\"value\"];\n  @Prop() disabled: DBSwitchProps[\"disabled\"];\n  @Prop() describedbyid: DBSwitchProps[\"describedbyid\"];\n  @Prop() ariaDescribedBy: DBSwitchProps[\"ariaDescribedBy\"];\n  @Prop() validation: DBSwitchProps[\"validation\"];\n  @Prop() name: DBSwitchProps[\"name\"];\n  @Prop() required: DBSwitchProps[\"required\"];\n  @Prop() icon: DBSwitchProps[\"icon\"];\n  @Prop() iconAfter: DBSwitchProps[\"iconAfter\"];\n  @Prop() label: DBSwitchProps[\"label\"];\n  @State() _id = undefined;\n  @State() _checked = false;\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (this.change) {\n      this.change.emit(event);\n    }\n\n    // We have different ts types in different frameworks, so we need to use any here\n    this._checked = (event.target as any)?.[\"checked\"];\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement>) {\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement>) {\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.checked !== undefined && this.checked !== null) {\n      this._checked = getBoolean(this.checked);\n    }\n  }\n\n  @Watch(\"checked\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-switch\");\n    this._id = this.id ?? `switch-${uuid()}`;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <label\n        class={cls(\"db-switch\", this.className)}\n        data-visual-aid={getBooleanAsString(this.visualAid)}\n        data-size={this.size}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-emphasis={this.emphasis}\n        htmlFor={this._id}\n      >\n        <input\n          type=\"checkbox\"\n          role=\"switch\"\n          id={this._id}\n          aria-checked={getBooleanAsString(this._checked)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          checked={getBoolean(this.checked, \"checked\")}\n          value={this.value}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          aria-describedby={this.describedbyid ?? this.ariaDescribedBy}\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          name={this.name}\n          required={getBoolean(this.required, \"required\")}\n          data-aid-icon={this.icon}\n          data-aid-icon-after={this.iconAfter}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n        />\n        {this.label ? this.label : <slot></slot>}\n      </label>\n    );\n  }\n}\n"],"names":["getBoolean","uuid","h","cls","getBooleanAsString","getHideProp"],"mappings":"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"}

package/dist/cjs/db-tabs.cjs.entry.js

@@ -66,6 +66,7 @@ const DBTabs = class {
     initTabs(init) {
         if (this._ref) {
             const tabItems = Array.from(this._ref.getElementsByClassName("db-tab-item"));
+            const tabPanels = Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));
             for (const tabItem of tabItems) {
                 const index = tabItems.indexOf(tabItem);
                 const label = tabItem.querySelector("label");
@@ -74,9 +75,11 @@ const DBTabs = class {
                     if (!input.id) {
                         const tabId = `${this._name}-tab-${index}`;
                         label.setAttribute("for", tabId);
-                        input.setAttribute("aria-controls", `${this._name}-tab-panel-${index}`);
                         input.id = tabId;
                         input.setAttribute("name", this._name);
+                        if (tabPanels.length > index) {
+                            input.setAttribute("aria-controls", `${this._name}-tab-panel-${index}`);
+                        }
                     }
                     if (init) {
                         // Auto select
@@ -89,7 +92,6 @@ const DBTabs = class {
                     }
                 }
             }
-            const tabPanels = Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));
             for (const panel of tabPanels) {
                 if (panel.id)
                     continue;
@@ -182,10 +184,10 @@ const DBTabs = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h("div", { key: '3a43afc5262eeb9e97d4d2dcff20477dfaf3f46f', class: index$1.cls("db-tabs", this.className), ref: (el) => {
+        return (index.h("div", { key: 'efdab501a5c293282a7de44b6a8d16a8a8cf4960', class: index$1.cls("db-tabs", this.className), ref: (el) => {
                 this._ref = el;
             }, id: this._id, "data-orientation": this.orientation, "data-scroll-behavior": this.behavior, "data-alignment": (_a = this.alignment) !== null && _a !== void 0 ? _a : "start", "data-width": (_b = this.width) !== null && _b !== void 0 ? _b : "auto", onInput: (event) => this.handleChange(event) }, this.showScrollLeft ? (index.h("db-button", { class: "tabs-scroll-left", variant: "ghost", icon: "chevron_left", type: "button", noText: true, onClick: () => this.scroll(true) }, "Scroll left")) : null, this.tabs ? (index.h(index.Fragment, null, index.h("db-tab-list", null, (_c = this.convertTabs()) === null || _c === void 0 ? void 0 : _c.map((tab, index$1) => (index.h("db-tab-item", { key: this.name + "tab-item" + index$1, active: tab.active, label: tab.label, iconAfter: tab.iconAfter, icon: tab.icon, noText: tab.noText })))), (_d = this.convertTabs()) === null || _d === void 0 ? void 0 :
-            _d.map((tab, index$1) => (index.h("db-tab-panel", { key: this.name + "tab-panel" + index$1, content: tab.content }, tab.children))))) : null, this.showScrollRight ? (index.h("db-button", { class: "tabs-scroll-right", variant: "ghost", icon: "chevron_right", type: "button", noText: true, onClick: () => this.scroll() }, "Scroll right")) : null, index.h("slot", { key: '56a99820a6cb5f4c39fd1e2f2bbeb33aa294ace9' })));
+            _d.map((tab, index$1) => (index.h("db-tab-panel", { key: this.name + "tab-panel" + index$1, content: tab.content }, tab.children))))) : null, this.showScrollRight ? (index.h("db-button", { class: "tabs-scroll-right", variant: "ghost", icon: "chevron_right", type: "button", noText: true, onClick: () => this.scroll() }, "Scroll right")) : null, index.h("slot", { key: 'b8e93e34b3ac44cdf845fb1c75da72cd980f54f0' })));
     }
     static get watchers() { return {
         "_ref": ["watch0"],

package/dist/cjs/db-tabs.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"db-tabs.entry.cjs.js","mappings":"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","names":["uuid","h","cls","Fragment","index"],"sources":["src/components/tabs/tabs.tsx"],"sourcesContent":["import { DBSimpleTabProps, DBTabsProps, DBTabsState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DBButton } from \"../button/button\";\nimport { DBTabList } from \"../tab-list/tab-list\";\nimport { DBTabItem } from \"../tab-item/tab-item\";\nimport { DBTabPanel } from \"../tab-panel/tab-panel\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tabs\",\n})\nexport class DBTabs {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBTabsProps[\"id\"];\n  @Prop() name: DBTabsProps[\"name\"];\n  @Prop() tabs: DBTabsProps[\"tabs\"];\n  @Prop() arrowScrollDistance: DBTabsProps[\"arrowScrollDistance\"];\n  @Prop() orientation: DBTabsProps[\"orientation\"];\n  @Prop() behavior: DBTabsProps[\"behavior\"];\n  @Prop() initialSelectedMode: DBTabsProps[\"initialSelectedMode\"];\n  @Prop() initialSelectedIndex: DBTabsProps[\"initialSelectedIndex\"];\n  @Event() indexChange: EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onIndexChange\"]>[number]\n  > | void;\n  @Event() tabSelect: EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onTabSelect\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBTabsProps[\"className\"];\n  @Prop() alignment: DBTabsProps[\"alignment\"];\n  @Prop() width: DBTabsProps[\"width\"];\n  @State() _id = \"tabs-\" + uuid();\n  @State() _name = \"\";\n  @State() initialized = false;\n  @State() showScrollLeft = false;\n  @State() showScrollRight = false;\n  @State() scrollContainer = null;\n\n  convertTabs() {\n    try {\n      if (typeof this.tabs === \"string\") {\n        return JSON.parse(this.tabs as string);\n      }\n      return this.tabs as DBSimpleTabProps[];\n    } catch (error) {\n      console.error(error);\n    }\n    return [];\n  }\n  evaluateScrollButtons(tList: Element) {\n    const needsScroll = tList.scrollWidth > tList.clientWidth;\n    this.showScrollLeft = needsScroll && tList.scrollLeft > 1;\n    this.showScrollRight =\n      needsScroll && tList.scrollLeft < tList.scrollWidth - tList.clientWidth;\n  }\n  scroll(left?: boolean) {\n    let step = Number(this.arrowScrollDistance) || 100;\n    if (left) {\n      step *= -1;\n    }\n    this.scrollContainer?.scrollBy({\n      top: 0,\n      left: step,\n      behavior: \"smooth\",\n    });\n  }\n  initTabList() {\n    if (this._ref) {\n      const tabList = this._ref.querySelector(\".db-tab-list\");\n      if (tabList) {\n        const container: HTMLElement | null =\n          tabList.querySelector('[role=\"tablist\"]');\n        if (container) {\n          container.setAttribute(\n            \"aria-orientation\",\n            this.orientation || \"horizontal\"\n          );\n          if (this.behavior === \"arrows\") {\n            this.scrollContainer = container;\n            this.evaluateScrollButtons(container);\n            container.addEventListener(\"scroll\", () => {\n              this.evaluateScrollButtons(container);\n            });\n          }\n        }\n      }\n    }\n  }\n  initTabs(init?: boolean) {\n    if (this._ref) {\n      const tabItems = Array.from<Element>(\n        this._ref.getElementsByClassName(\"db-tab-item\")\n      );\n      for (const tabItem of tabItems) {\n        const index: number = tabItems.indexOf(tabItem);\n        const label = tabItem.querySelector(\"label\");\n        const input = tabItem.querySelector(\"input\");\n        if (input && label) {\n          if (!input.id) {\n            const tabId = `${this._name}-tab-${index}`;\n            label.setAttribute(\"for\", tabId);\n            input.setAttribute(\n              \"aria-controls\",\n              `${this._name}-tab-panel-${index}`\n            );\n            input.id = tabId;\n            input.setAttribute(\"name\", this._name);\n          }\n          if (init) {\n            // Auto select\n            const autoSelect =\n              !this.initialSelectedMode || this.initialSelectedMode === \"auto\";\n            const shouldAutoSelect =\n              (this.initialSelectedIndex == null && index === 0) ||\n              Number(this.initialSelectedIndex) === index;\n            if (autoSelect && shouldAutoSelect) {\n              input.click();\n            }\n          }\n        }\n      }\n      const tabPanels = Array.from<Element>(\n        this._ref.querySelectorAll(\n          \":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)\"\n        )\n      );\n      for (const panel of tabPanels) {\n        if (panel.id) continue;\n        const index: number = tabPanels.indexOf(panel);\n        panel.id = `${this._name}-tab-panel-${index}`;\n        panel.setAttribute(\"aria-labelledby\", `${this._name}-tab-${index}`);\n      }\n    }\n  }\n  handleChange(event: any) {\n    event.stopPropagation();\n    const list = event.target?.closest(\"ul\");\n    const listItem =\n      // db-tab-item for angular and stencil wrapping elements\n      event.target.closest(\"db-tab-item\") ?? event.target.closest(\"li\");\n    if (list !== null && listItem !== null) {\n      const indices = Array.from(list.childNodes).indexOf(listItem);\n      if (this.indexChange) {\n        this.indexChange.emit(indices);\n      }\n    }\n    if (this.tabSelect) {\n      this.tabSelect.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized) {\n      this.initTabList();\n      this.initTabs(true);\n      const tabList = this._ref.querySelector(\".db-tab-list\");\n      if (tabList) {\n        const observer = new MutationObserver((mutations) => {\n          mutations.forEach((mutation) => {\n            if (mutation.removedNodes.length || mutation.addedNodes.length) {\n              this.initTabList();\n              this.initTabs();\n            }\n          });\n        });\n        observer.observe(tabList, {\n          childList: true,\n          subtree: true,\n        });\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tabs\");\n    this._id = this.id || this._id;\n    this._name = `tabs-${this.name || uuid()}`;\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-tabs\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-orientation={this.orientation}\n        data-scroll-behavior={this.behavior}\n        data-alignment={this.alignment ?? \"start\"}\n        data-width={this.width ?? \"auto\"}\n        onInput={(event) => this.handleChange(event)}\n      >\n        {this.showScrollLeft ? (\n          <db-button\n            class=\"tabs-scroll-left\"\n            variant=\"ghost\"\n            icon=\"chevron_left\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll(true)}\n          >\n            Scroll left\n          </db-button>\n        ) : null}\n        {this.tabs ? (\n          <Fragment>\n            <db-tab-list>\n              {this.convertTabs()?.map((tab, index) => (\n                <db-tab-item\n                  key={this.name + \"tab-item\" + index}\n                  active={tab.active}\n                  label={tab.label}\n                  iconAfter={tab.iconAfter}\n                  icon={tab.icon}\n                  noText={tab.noText}\n                ></db-tab-item>\n              ))}\n            </db-tab-list>\n            {this.convertTabs()?.map((tab, index) => (\n              <db-tab-panel\n                key={this.name + \"tab-panel\" + index}\n                content={tab.content}\n              >\n                {tab.children}\n              </db-tab-panel>\n            ))}\n          </Fragment>\n        ) : null}\n        {this.showScrollRight ? (\n          <db-button\n            class=\"tabs-scroll-right\"\n            variant=\"ghost\"\n            icon=\"chevron_right\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll()}\n          >\n            Scroll right\n          </db-button>\n        ) : null}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-tabs.entry.cjs.js","mappings":"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","names":["uuid","h","cls","Fragment","index"],"sources":["src/components/tabs/tabs.tsx"],"sourcesContent":["import { DBSimpleTabProps, DBTabsProps, DBTabsState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DBButton } from \"../button/button\";\nimport { DBTabList } from \"../tab-list/tab-list\";\nimport { DBTabItem } from \"../tab-item/tab-item\";\nimport { DBTabPanel } from \"../tab-panel/tab-panel\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tabs\",\n})\nexport class DBTabs {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBTabsProps[\"id\"];\n  @Prop() name: DBTabsProps[\"name\"];\n  @Prop() tabs: DBTabsProps[\"tabs\"];\n  @Prop() arrowScrollDistance: DBTabsProps[\"arrowScrollDistance\"];\n  @Prop() orientation: DBTabsProps[\"orientation\"];\n  @Prop() behavior: DBTabsProps[\"behavior\"];\n  @Prop() initialSelectedMode: DBTabsProps[\"initialSelectedMode\"];\n  @Prop() initialSelectedIndex: DBTabsProps[\"initialSelectedIndex\"];\n  @Event() indexChange: EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onIndexChange\"]>[number]\n  > | void;\n  @Event() tabSelect: EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onTabSelect\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBTabsProps[\"className\"];\n  @Prop() alignment: DBTabsProps[\"alignment\"];\n  @Prop() width: DBTabsProps[\"width\"];\n  @State() _id = \"tabs-\" + uuid();\n  @State() _name = \"\";\n  @State() initialized = false;\n  @State() showScrollLeft = false;\n  @State() showScrollRight = false;\n  @State() scrollContainer = null;\n\n  convertTabs() {\n    try {\n      if (typeof this.tabs === \"string\") {\n        return JSON.parse(this.tabs as string);\n      }\n      return this.tabs as DBSimpleTabProps[];\n    } catch (error) {\n      console.error(error);\n    }\n    return [];\n  }\n  evaluateScrollButtons(tList: Element) {\n    const needsScroll = tList.scrollWidth > tList.clientWidth;\n    this.showScrollLeft = needsScroll && tList.scrollLeft > 1;\n    this.showScrollRight =\n      needsScroll && tList.scrollLeft < tList.scrollWidth - tList.clientWidth;\n  }\n  scroll(left?: boolean) {\n    let step = Number(this.arrowScrollDistance) || 100;\n    if (left) {\n      step *= -1;\n    }\n    this.scrollContainer?.scrollBy({\n      top: 0,\n      left: step,\n      behavior: \"smooth\",\n    });\n  }\n  initTabList() {\n    if (this._ref) {\n      const tabList = this._ref.querySelector(\".db-tab-list\");\n      if (tabList) {\n        const container: HTMLElement | null =\n          tabList.querySelector('[role=\"tablist\"]');\n        if (container) {\n          container.setAttribute(\n            \"aria-orientation\",\n            this.orientation || \"horizontal\"\n          );\n          if (this.behavior === \"arrows\") {\n            this.scrollContainer = container;\n            this.evaluateScrollButtons(container);\n            container.addEventListener(\"scroll\", () => {\n              this.evaluateScrollButtons(container);\n            });\n          }\n        }\n      }\n    }\n  }\n  initTabs(init?: boolean) {\n    if (this._ref) {\n      const tabItems = Array.from<Element>(\n        this._ref.getElementsByClassName(\"db-tab-item\")\n      );\n      const tabPanels = Array.from<Element>(\n        this._ref.querySelectorAll(\n          \":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)\"\n        )\n      );\n      for (const tabItem of tabItems) {\n        const index: number = tabItems.indexOf(tabItem);\n        const label = tabItem.querySelector(\"label\");\n        const input = tabItem.querySelector(\"input\");\n        if (input && label) {\n          if (!input.id) {\n            const tabId = `${this._name}-tab-${index}`;\n            label.setAttribute(\"for\", tabId);\n            input.id = tabId;\n            input.setAttribute(\"name\", this._name);\n            if (tabPanels.length > index) {\n              input.setAttribute(\n                \"aria-controls\",\n                `${this._name}-tab-panel-${index}`\n              );\n            }\n          }\n          if (init) {\n            // Auto select\n            const autoSelect =\n              !this.initialSelectedMode || this.initialSelectedMode === \"auto\";\n            const shouldAutoSelect =\n              (this.initialSelectedIndex == null && index === 0) ||\n              Number(this.initialSelectedIndex) === index;\n            if (autoSelect && shouldAutoSelect) {\n              input.click();\n            }\n          }\n        }\n      }\n      for (const panel of tabPanels) {\n        if (panel.id) continue;\n        const index: number = tabPanels.indexOf(panel);\n        panel.id = `${this._name}-tab-panel-${index}`;\n        panel.setAttribute(\"aria-labelledby\", `${this._name}-tab-${index}`);\n      }\n    }\n  }\n  handleChange(event: any) {\n    event.stopPropagation();\n    const list = event.target?.closest(\"ul\");\n    const listItem =\n      // db-tab-item for angular and stencil wrapping elements\n      event.target.closest(\"db-tab-item\") ?? event.target.closest(\"li\");\n    if (list !== null && listItem !== null) {\n      const indices = Array.from(list.childNodes).indexOf(listItem);\n      if (this.indexChange) {\n        this.indexChange.emit(indices);\n      }\n    }\n    if (this.tabSelect) {\n      this.tabSelect.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized) {\n      this.initTabList();\n      this.initTabs(true);\n      const tabList = this._ref.querySelector(\".db-tab-list\");\n      if (tabList) {\n        const observer = new MutationObserver((mutations) => {\n          mutations.forEach((mutation) => {\n            if (mutation.removedNodes.length || mutation.addedNodes.length) {\n              this.initTabList();\n              this.initTabs();\n            }\n          });\n        });\n        observer.observe(tabList, {\n          childList: true,\n          subtree: true,\n        });\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tabs\");\n    this._id = this.id || this._id;\n    this._name = `tabs-${this.name || uuid()}`;\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-tabs\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-orientation={this.orientation}\n        data-scroll-behavior={this.behavior}\n        data-alignment={this.alignment ?? \"start\"}\n        data-width={this.width ?? \"auto\"}\n        onInput={(event) => this.handleChange(event)}\n      >\n        {this.showScrollLeft ? (\n          <db-button\n            class=\"tabs-scroll-left\"\n            variant=\"ghost\"\n            icon=\"chevron_left\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll(true)}\n          >\n            Scroll left\n          </db-button>\n        ) : null}\n        {this.tabs ? (\n          <Fragment>\n            <db-tab-list>\n              {this.convertTabs()?.map((tab, index) => (\n                <db-tab-item\n                  key={this.name + \"tab-item\" + index}\n                  active={tab.active}\n                  label={tab.label}\n                  iconAfter={tab.iconAfter}\n                  icon={tab.icon}\n                  noText={tab.noText}\n                ></db-tab-item>\n              ))}\n            </db-tab-list>\n            {this.convertTabs()?.map((tab, index) => (\n              <db-tab-panel\n                key={this.name + \"tab-panel\" + index}\n                content={tab.content}\n              >\n                {tab.children}\n              </db-tab-panel>\n            ))}\n          </Fragment>\n        ) : null}\n        {this.showScrollRight ? (\n          <db-button\n            class=\"tabs-scroll-right\"\n            variant=\"ghost\"\n            icon=\"chevron_right\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll()}\n          >\n            Scroll right\n          </db-button>\n        ) : null}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/db-tabs.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"db-tabs.entry.cjs.js","sources":["src/components/tabs/tabs.tsx"],"sourcesContent":["import { DBSimpleTabProps, DBTabsProps, DBTabsState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DBButton } from \"../button/button\";\nimport { DBTabList } from \"../tab-list/tab-list\";\nimport { DBTabItem } from \"../tab-item/tab-item\";\nimport { DBTabPanel } from \"../tab-panel/tab-panel\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tabs\",\n})\nexport class DBTabs {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBTabsProps[\"id\"];\n  @Prop() name: DBTabsProps[\"name\"];\n  @Prop() tabs: DBTabsProps[\"tabs\"];\n  @Prop() arrowScrollDistance: DBTabsProps[\"arrowScrollDistance\"];\n  @Prop() orientation: DBTabsProps[\"orientation\"];\n  @Prop() behavior: DBTabsProps[\"behavior\"];\n  @Prop() initialSelectedMode: DBTabsProps[\"initialSelectedMode\"];\n  @Prop() initialSelectedIndex: DBTabsProps[\"initialSelectedIndex\"];\n  @Event() indexChange: EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onIndexChange\"]>[number]\n  > | void;\n  @Event() tabSelect: EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onTabSelect\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBTabsProps[\"className\"];\n  @Prop() alignment: DBTabsProps[\"alignment\"];\n  @Prop() width: DBTabsProps[\"width\"];\n  @State() _id = \"tabs-\" + uuid();\n  @State() _name = \"\";\n  @State() initialized = false;\n  @State() showScrollLeft = false;\n  @State() showScrollRight = false;\n  @State() scrollContainer = null;\n\n  convertTabs() {\n    try {\n      if (typeof this.tabs === \"string\") {\n        return JSON.parse(this.tabs as string);\n      }\n      return this.tabs as DBSimpleTabProps[];\n    } catch (error) {\n      console.error(error);\n    }\n    return [];\n  }\n  evaluateScrollButtons(tList: Element) {\n    const needsScroll = tList.scrollWidth > tList.clientWidth;\n    this.showScrollLeft = needsScroll && tList.scrollLeft > 1;\n    this.showScrollRight =\n      needsScroll && tList.scrollLeft < tList.scrollWidth - tList.clientWidth;\n  }\n  scroll(left?: boolean) {\n    let step = Number(this.arrowScrollDistance) || 100;\n    if (left) {\n      step *= -1;\n    }\n    this.scrollContainer?.scrollBy({\n      top: 0,\n      left: step,\n      behavior: \"smooth\",\n    });\n  }\n  initTabList() {\n    if (this._ref) {\n      const tabList = this._ref.querySelector(\".db-tab-list\");\n      if (tabList) {\n        const container: HTMLElement | null =\n          tabList.querySelector('[role=\"tablist\"]');\n        if (container) {\n          container.setAttribute(\n            \"aria-orientation\",\n            this.orientation || \"horizontal\"\n          );\n          if (this.behavior === \"arrows\") {\n            this.scrollContainer = container;\n            this.evaluateScrollButtons(container);\n            container.addEventListener(\"scroll\", () => {\n              this.evaluateScrollButtons(container);\n            });\n          }\n        }\n      }\n    }\n  }\n  initTabs(init?: boolean) {\n    if (this._ref) {\n      const tabItems = Array.from<Element>(\n        this._ref.getElementsByClassName(\"db-tab-item\")\n      );\n      for (const tabItem of tabItems) {\n        const index: number = tabItems.indexOf(tabItem);\n        const label = tabItem.querySelector(\"label\");\n        const input = tabItem.querySelector(\"input\");\n        if (input && label) {\n          if (!input.id) {\n            const tabId = `${this._name}-tab-${index}`;\n            label.setAttribute(\"for\", tabId);\n            input.setAttribute(\n              \"aria-controls\",\n              `${this._name}-tab-panel-${index}`\n            );\n            input.id = tabId;\n            input.setAttribute(\"name\", this._name);\n          }\n          if (init) {\n            // Auto select\n            const autoSelect =\n              !this.initialSelectedMode || this.initialSelectedMode === \"auto\";\n            const shouldAutoSelect =\n              (this.initialSelectedIndex == null && index === 0) ||\n              Number(this.initialSelectedIndex) === index;\n            if (autoSelect && shouldAutoSelect) {\n              input.click();\n            }\n          }\n        }\n      }\n      const tabPanels = Array.from<Element>(\n        this._ref.querySelectorAll(\n          \":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)\"\n        )\n      );\n      for (const panel of tabPanels) {\n        if (panel.id) continue;\n        const index: number = tabPanels.indexOf(panel);\n        panel.id = `${this._name}-tab-panel-${index}`;\n        panel.setAttribute(\"aria-labelledby\", `${this._name}-tab-${index}`);\n      }\n    }\n  }\n  handleChange(event: any) {\n    event.stopPropagation();\n    const list = event.target?.closest(\"ul\");\n    const listItem =\n      // db-tab-item for angular and stencil wrapping elements\n      event.target.closest(\"db-tab-item\") ?? event.target.closest(\"li\");\n    if (list !== null && listItem !== null) {\n      const indices = Array.from(list.childNodes).indexOf(listItem);\n      if (this.indexChange) {\n        this.indexChange.emit(indices);\n      }\n    }\n    if (this.tabSelect) {\n      this.tabSelect.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized) {\n      this.initTabList();\n      this.initTabs(true);\n      const tabList = this._ref.querySelector(\".db-tab-list\");\n      if (tabList) {\n        const observer = new MutationObserver((mutations) => {\n          mutations.forEach((mutation) => {\n            if (mutation.removedNodes.length || mutation.addedNodes.length) {\n              this.initTabList();\n              this.initTabs();\n            }\n          });\n        });\n        observer.observe(tabList, {\n          childList: true,\n          subtree: true,\n        });\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tabs\");\n    this._id = this.id || this._id;\n    this._name = `tabs-${this.name || uuid()}`;\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-tabs\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-orientation={this.orientation}\n        data-scroll-behavior={this.behavior}\n        data-alignment={this.alignment ?? \"start\"}\n        data-width={this.width ?? \"auto\"}\n        onInput={(event) => this.handleChange(event)}\n      >\n        {this.showScrollLeft ? (\n          <db-button\n            class=\"tabs-scroll-left\"\n            variant=\"ghost\"\n            icon=\"chevron_left\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll(true)}\n          >\n            Scroll left\n          </db-button>\n        ) : null}\n        {this.tabs ? (\n          <Fragment>\n            <db-tab-list>\n              {this.convertTabs()?.map((tab, index) => (\n                <db-tab-item\n                  key={this.name + \"tab-item\" + index}\n                  active={tab.active}\n                  label={tab.label}\n                  iconAfter={tab.iconAfter}\n                  icon={tab.icon}\n                  noText={tab.noText}\n                ></db-tab-item>\n              ))}\n            </db-tab-list>\n            {this.convertTabs()?.map((tab, index) => (\n              <db-tab-panel\n                key={this.name + \"tab-panel\" + index}\n                content={tab.content}\n              >\n                {tab.children}\n              </db-tab-panel>\n            ))}\n          </Fragment>\n        ) : null}\n        {this.showScrollRight ? (\n          <db-button\n            class=\"tabs-scroll-right\"\n            variant=\"ghost\"\n            icon=\"chevron_right\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll()}\n          >\n            Scroll right\n          </db-button>\n        ) : null}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":["uuid","h","cls","Fragment","index"],"mappings":"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"}
+{"version":3,"file":"db-tabs.entry.cjs.js","sources":["src/components/tabs/tabs.tsx"],"sourcesContent":["import { DBSimpleTabProps, DBTabsProps, DBTabsState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DBButton } from \"../button/button\";\nimport { DBTabList } from \"../tab-list/tab-list\";\nimport { DBTabItem } from \"../tab-item/tab-item\";\nimport { DBTabPanel } from \"../tab-panel/tab-panel\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tabs\",\n})\nexport class DBTabs {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBTabsProps[\"id\"];\n  @Prop() name: DBTabsProps[\"name\"];\n  @Prop() tabs: DBTabsProps[\"tabs\"];\n  @Prop() arrowScrollDistance: DBTabsProps[\"arrowScrollDistance\"];\n  @Prop() orientation: DBTabsProps[\"orientation\"];\n  @Prop() behavior: DBTabsProps[\"behavior\"];\n  @Prop() initialSelectedMode: DBTabsProps[\"initialSelectedMode\"];\n  @Prop() initialSelectedIndex: DBTabsProps[\"initialSelectedIndex\"];\n  @Event() indexChange: EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onIndexChange\"]>[number]\n  > | void;\n  @Event() tabSelect: EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onTabSelect\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBTabsProps[\"className\"];\n  @Prop() alignment: DBTabsProps[\"alignment\"];\n  @Prop() width: DBTabsProps[\"width\"];\n  @State() _id = \"tabs-\" + uuid();\n  @State() _name = \"\";\n  @State() initialized = false;\n  @State() showScrollLeft = false;\n  @State() showScrollRight = false;\n  @State() scrollContainer = null;\n\n  convertTabs() {\n    try {\n      if (typeof this.tabs === \"string\") {\n        return JSON.parse(this.tabs as string);\n      }\n      return this.tabs as DBSimpleTabProps[];\n    } catch (error) {\n      console.error(error);\n    }\n    return [];\n  }\n  evaluateScrollButtons(tList: Element) {\n    const needsScroll = tList.scrollWidth > tList.clientWidth;\n    this.showScrollLeft = needsScroll && tList.scrollLeft > 1;\n    this.showScrollRight =\n      needsScroll && tList.scrollLeft < tList.scrollWidth - tList.clientWidth;\n  }\n  scroll(left?: boolean) {\n    let step = Number(this.arrowScrollDistance) || 100;\n    if (left) {\n      step *= -1;\n    }\n    this.scrollContainer?.scrollBy({\n      top: 0,\n      left: step,\n      behavior: \"smooth\",\n    });\n  }\n  initTabList() {\n    if (this._ref) {\n      const tabList = this._ref.querySelector(\".db-tab-list\");\n      if (tabList) {\n        const container: HTMLElement | null =\n          tabList.querySelector('[role=\"tablist\"]');\n        if (container) {\n          container.setAttribute(\n            \"aria-orientation\",\n            this.orientation || \"horizontal\"\n          );\n          if (this.behavior === \"arrows\") {\n            this.scrollContainer = container;\n            this.evaluateScrollButtons(container);\n            container.addEventListener(\"scroll\", () => {\n              this.evaluateScrollButtons(container);\n            });\n          }\n        }\n      }\n    }\n  }\n  initTabs(init?: boolean) {\n    if (this._ref) {\n      const tabItems = Array.from<Element>(\n        this._ref.getElementsByClassName(\"db-tab-item\")\n      );\n      const tabPanels = Array.from<Element>(\n        this._ref.querySelectorAll(\n          \":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)\"\n        )\n      );\n      for (const tabItem of tabItems) {\n        const index: number = tabItems.indexOf(tabItem);\n        const label = tabItem.querySelector(\"label\");\n        const input = tabItem.querySelector(\"input\");\n        if (input && label) {\n          if (!input.id) {\n            const tabId = `${this._name}-tab-${index}`;\n            label.setAttribute(\"for\", tabId);\n            input.id = tabId;\n            input.setAttribute(\"name\", this._name);\n            if (tabPanels.length > index) {\n              input.setAttribute(\n                \"aria-controls\",\n                `${this._name}-tab-panel-${index}`\n              );\n            }\n          }\n          if (init) {\n            // Auto select\n            const autoSelect =\n              !this.initialSelectedMode || this.initialSelectedMode === \"auto\";\n            const shouldAutoSelect =\n              (this.initialSelectedIndex == null && index === 0) ||\n              Number(this.initialSelectedIndex) === index;\n            if (autoSelect && shouldAutoSelect) {\n              input.click();\n            }\n          }\n        }\n      }\n      for (const panel of tabPanels) {\n        if (panel.id) continue;\n        const index: number = tabPanels.indexOf(panel);\n        panel.id = `${this._name}-tab-panel-${index}`;\n        panel.setAttribute(\"aria-labelledby\", `${this._name}-tab-${index}`);\n      }\n    }\n  }\n  handleChange(event: any) {\n    event.stopPropagation();\n    const list = event.target?.closest(\"ul\");\n    const listItem =\n      // db-tab-item for angular and stencil wrapping elements\n      event.target.closest(\"db-tab-item\") ?? event.target.closest(\"li\");\n    if (list !== null && listItem !== null) {\n      const indices = Array.from(list.childNodes).indexOf(listItem);\n      if (this.indexChange) {\n        this.indexChange.emit(indices);\n      }\n    }\n    if (this.tabSelect) {\n      this.tabSelect.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized) {\n      this.initTabList();\n      this.initTabs(true);\n      const tabList = this._ref.querySelector(\".db-tab-list\");\n      if (tabList) {\n        const observer = new MutationObserver((mutations) => {\n          mutations.forEach((mutation) => {\n            if (mutation.removedNodes.length || mutation.addedNodes.length) {\n              this.initTabList();\n              this.initTabs();\n            }\n          });\n        });\n        observer.observe(tabList, {\n          childList: true,\n          subtree: true,\n        });\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tabs\");\n    this._id = this.id || this._id;\n    this._name = `tabs-${this.name || uuid()}`;\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-tabs\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-orientation={this.orientation}\n        data-scroll-behavior={this.behavior}\n        data-alignment={this.alignment ?? \"start\"}\n        data-width={this.width ?? \"auto\"}\n        onInput={(event) => this.handleChange(event)}\n      >\n        {this.showScrollLeft ? (\n          <db-button\n            class=\"tabs-scroll-left\"\n            variant=\"ghost\"\n            icon=\"chevron_left\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll(true)}\n          >\n            Scroll left\n          </db-button>\n        ) : null}\n        {this.tabs ? (\n          <Fragment>\n            <db-tab-list>\n              {this.convertTabs()?.map((tab, index) => (\n                <db-tab-item\n                  key={this.name + \"tab-item\" + index}\n                  active={tab.active}\n                  label={tab.label}\n                  iconAfter={tab.iconAfter}\n                  icon={tab.icon}\n                  noText={tab.noText}\n                ></db-tab-item>\n              ))}\n            </db-tab-list>\n            {this.convertTabs()?.map((tab, index) => (\n              <db-tab-panel\n                key={this.name + \"tab-panel\" + index}\n                content={tab.content}\n              >\n                {tab.children}\n              </db-tab-panel>\n            ))}\n          </Fragment>\n        ) : null}\n        {this.showScrollRight ? (\n          <db-button\n            class=\"tabs-scroll-right\"\n            variant=\"ghost\"\n            icon=\"chevron_right\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll()}\n          >\n            Scroll right\n          </db-button>\n        ) : null}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":["uuid","h","cls","Fragment","index"],"mappings":"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"}