npm - @db-ux/wc-core-components - Versions diffs - 2.3.1 → 2.4.0 - Mend

@db-ux/wc-core-components 2.3.1 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (406) hide show

package/dist/db-ux/p-b2c36a7b.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["DBRadio","constructor","hostRef","this","initialized","_id","undefined","handleChange","event","change","emit","handleBlur","blur","handleFocus","focus","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","checked","_ref","watch0","componentDidLoad","_a","id","uuid","render","h","key","class","cls","className","size","getHideProp","showLabel","htmlFor","type","validation","ref","el","getBoolean","disabled","describedbyid","ariaDescribedBy","required","onChange","onBlur","onFocus","label"],"sources":["src/components/radio/radio.tsx"],"sourcesContent":["import { DBRadioProps, DBRadioState } from \"./model\";\nimport { cls, getBoolean, getHideProp, uuid } 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-radio\",\n})\nexport class DBRadio {\n private _ref!: HTMLInputElement | any;\n @Prop() id: DBRadioProps[\"id\"];\n @Prop() checked: DBRadioProps[\"checked\"];\n @Event() change: EventEmitter<\n Parameters<Required<DBRadioProps>[\"onChange\"]>[number]\n > | void;\n @Event() blur: EventEmitter<\n Parameters<Required<DBRadioProps>[\"onBlur\"]>[number]\n > | void;\n @Event() focus: EventEmitter<\n Parameters<Required<DBRadioProps>[\"onFocus\"]>[number]\n > | void;\n @Prop() size: DBRadioProps[\"size\"];\n @Prop() showLabel: DBRadioProps[\"showLabel\"];\n @Prop({attribute: \"classname\"}) className: DBRadioProps[\"className\"];\n @Prop() validation: DBRadioProps[\"validation\"];\n @Prop() name: DBRadioProps[\"name\"];\n @Prop() disabled: DBRadioProps[\"disabled\"];\n @Prop() describedbyid: DBRadioProps[\"describedbyid\"];\n @Prop() ariaDescribedBy: DBRadioProps[\"ariaDescribedBy\"];\n @Prop() value: DBRadioProps[\"value\"];\n @Prop() required: DBRadioProps[\"required\"];\n @Prop() label: DBRadioProps[\"label\"];\n @State() initialized = false;\n @State() _id = undefined;\n\n handleChange(event: ChangeEvent<HTMLInputElement> | any) {\n if (this.change) {\n this.change.emit(event);\n }\n }\n handleBlur(event: InteractionEvent<HTMLInputElement> | any) {\n if (this.blur) {\n this.blur.emit(event);\n }\n }\n handleFocus(event: InteractionEvent<HTMLInputElement> | any) {\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 && this.initialized && this._ref) {\n this._ref.checked = true;\n }\n }\n\n @Watch(\"initialized\")\n @Watch(\"_ref\")\n @Watch(\"checked\")\n watch0() {\n this.watch0Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-radio\");\n this.initialized = true;\n this._id = this.id ?? `radio-${uuid()}`;\n this.watch0Fn();\n }\n\n render() {\n return (\n <label\n class={cls(\"db-radio\", this.className)}\n data-size={this.size}\n data-hide-label={getHideProp(this.showLabel)}\n htmlFor={this._id}\n >\n <input\n type=\"radio\"\n aria-invalid={this.validation === \"invalid\"}\n data-custom-validity={this.validation}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this._id}\n name={this.name}\n checked={getBoolean(this.checked, \"checked\")}\n disabled={getBoolean(this.disabled, \"disabled\")}\n aria-describedby={this.describedbyid ?? this.ariaDescribedBy}\n value={this.value}\n required={getBoolean(this.required, \"required\")}\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"],"mappings":"iHA2BaA,EAAO,MAHnB,WAAAC,CAAAC,G,2FA2BUC,KAAWC,YAAG,MACdD,KAAGE,IAAGC,SA4GhB,CA1GC,YAAAC,CAAaC,GACX,GAAIL,KAAKM,OAAQ,CACfN,KAAKM,OAAOC,KAAKF,E,EAGrB,UAAAG,CAAWH,GACT,GAAIL,KAAKS,KAAM,CACbT,KAAKS,KAAKF,KAAKF,E,EAGnB,WAAAK,CAAYL,GACV,GAAIL,KAAKW,MAAO,CACdX,KAAKW,MAAMJ,KAAKF,E,EASZ,sBAAAO,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,QAAAW,GACE,GAAIjC,KAAKkC,SAAWlC,KAAKC,aAAeD,KAAKmC,KAAM,CACjDnC,KAAKmC,KAAKD,QAAU,I,EAOxB,MAAAE,GACEpC,KAAKiC,U,CAGP,gBAAAI,G,MACErC,KAAKY,uBAAuBZ,KAAKmC,KAAM,YACvCnC,KAAKC,YAAc,KACnBD,KAAKE,KAAMoC,EAAAtC,KAAKuC,MAAE,MAAAD,SAAA,EAAAA,EAAI,SAASE,MAC/BxC,KAAKiC,U,CAGP,MAAAQ,G,MACE,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAOC,EAAI,WAAY7C,KAAK8C,WACjB,YAAA9C,KAAK+C,KACC,kBAAAC,EAAYhD,KAAKiD,WAClCC,QAASlD,KAAKE,KAEdwC,EAAA,SAAAC,IAAA,2CACEQ,KAAK,QAAO,eACEnD,KAAKoD,aAAe,UAAS,uBACrBpD,KAAKoD,WAC3BC,IAAMC,IACJtD,KAAKmC,KAAOmB,CAAE,EAEhBf,GAAIvC,KAAKE,IACToB,KAAMtB,KAAKsB,KACXY,QAASqB,EAAWvD,KAAKkC,QAAS,WAClCsB,SAAUD,EAAWvD,KAAKwD,SAAU,YAAW,oBAC7BlB,EAAAtC,KAAKyD,iBAAa,MAAAnB,SAAA,EAAAA,EAAItC,KAAK0D,gBAC7CjC,MAAOzB,KAAKyB,MACZkC,SAAUJ,EAAWvD,KAAK2D,SAAU,YACpCC,SAAWvD,GAAUL,KAAKI,aAAaC,GACvCwD,OAASxD,GAAUL,KAAKQ,WAAWH,GACnCyD,QAAUzD,GAAUL,KAAKU,YAAYL,KAEtCL,KAAK+D,MAAQ/D,KAAK+D,MAAQrB,EAAa,a","ignoreList":[]}

package/dist/db-ux/p-cc6f6897.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["DBCustomSelect","constructor","hostRef","this","showClearSelection","clearSelectionText","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_selectId","_labelId","_summaryId","_placeholderId","_infoTextId","_validity","_descByIds","_selectedLabels","_selectedLabelsId","_voiceOverFallback","_selectedOptions","selectAllEnabled","searchEnabled","amountOptions","_values","_options","_hasNoOptions","_documentClickListenerCallbackId","_internalChangeTimestamp","_documentScrollListenerCallbackId","_observer","_searchValue","selectAllChecked","selectAllIndeterminate","satisfyReact","event","stopPropagation","handleDocumentScroll","_a","target","contains","_b","detailsRef","handleAutoPlacement","hasValidState","validMessage","validation","handleValidation","selectRef","value","getNativeSelectValue","validity","valid","invalidMessage","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","_d","required","_e","DEFAULT_VALID_MESSAGE","_f","stringPropVisible","message","showMessage","_g","_h","handleDropdownToggle","dropdownToggle","emit","HTMLDetailsElement","open","DocumentClickListener","addCallback","handleDocumentClose","DocumentScrollListener","observe","dataset","handleOpenByKeyboardFocus","removeCallback","unobserve","length","at","setDescById","descId","descByIds","push","join","getSelectAllLabel","selectAllLabel","DEFAULT_LABEL","getOptionLabel","option","label","toString","getOptionChecked","includes","getTagRemoveLabel","index","removeTagsTexts","DEFAULT_REMOVE","handleTagRemove","handleSelect","handleSummaryFocus","dropdown","querySelector","handleFixedDropdown","placement","handleArrowDownUp","self","document","activeElement","isCheckbox","getAttribute","listElement","closest","key","nextElementSibling","focus","handleFocusFirstDropdownCheckbox","previousElementSibling","search","getSearchInput","checkboxList","Array","from","querySelectorAll","handleClose","preventDefault","handleKeyboardPress","forceClose","relatedTarget","detail","handleOptionSelected","values","skip","Date","getTime","optionSelected","multiple","filter","v","handleSelectAll","searchValue","searchInputRef","options","isGroupTitle","toLowerCase","map","checkboxes","first","checkbox","handleSearch","valueOrEvent","filterText","searchFilter","handleClearAll","enableAttributePassing","element","customElementSelector","parent","attributes","i","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","replace","trim","currentClass","watch0Fn","addEventListener","watch0","watch1Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_LABEL_ID_SUFFIX","DEFAULT_SELECT_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","DEFAULT_PLACEHOLDER_ID_SUFFIX","watch1","watch2Fn","summary","ariaDescribedBy","watch2","watch3Fn","showNoResults","watch3","watch4Fn","Boolean","showSelectAll","watch4","watch5Fn","showSearch","watch5","watch6Fn","isArray","watch6","watch7Fn","watch7","watch8Fn","watch8","watch9Fn","watch9","watch10Fn","watch10","watch11Fn","sValue","watch11","watch12Fn","watch12","watch13Fn","selectedLabels","transformSelectedLabels","selectedOptions","transformFn","selectedType","amountText","DEFAULT_SELECTED","watch13","watch14Fn","amountChange","watch14","watch15Fn","selectAllRef","indeterminate","watch15","watch16Fn","watch16","componentDidLoad","_ref","mId","id","uuid","window","IntersectionObserver","payload","entry","find","isIntersecting","render","h","class","cls","className","ref","el","formFieldWidth","variant","getBooleanAsString","getHideProp","showLabel","icon","showIcon","role","hidden","tabIndex","form","getBoolean","disabled","onChange","onToggle","onKeyDown","Fragment","emphasis","behavior","removeButton","onRemove","width","dropdownWidth","type","searchLabel","placeholder","searchPlaceholder","showLoading","onInput","semantic","noResultsText","loadingText","DEFAULT_MESSAGE","checked","_k","_j","ariaListLabel","_l","showDivider","groupTitle","size","onClick","_m","mobileCloseButtonText","DEFAULT_CLOSE_BUTTON","_o","_p","noText","_q","messageIcon"],"sources":["src/components/custom-select/custom-select.tsx"],"sourcesContent":["import {\n CustomSelectOptionType,\n DBCustomSelectProps,\n DBCustomSelectState,\n} from \"./model\";\nimport {\n cls,\n delay,\n getBoolean,\n getBooleanAsString,\n getHideProp,\n getOptionKey,\n getSearchInput,\n hasVoiceOver,\n stringPropVisible,\n uuid,\n} from \"../../utils\";\nimport {\n DEFAULT_CLOSE_BUTTON,\n DEFAULT_INVALID_MESSAGE,\n DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n DEFAULT_LABEL,\n DEFAULT_LABEL_ID_SUFFIX,\n DEFAULT_MESSAGE,\n DEFAULT_MESSAGE_ID_SUFFIX,\n DEFAULT_PLACEHOLDER_ID_SUFFIX,\n DEFAULT_REMOVE,\n DEFAULT_SELECT_ID_SUFFIX,\n DEFAULT_SELECTED,\n DEFAULT_VALID_MESSAGE,\n DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport {\n ClickEvent,\n GeneralEvent,\n InputEvent,\n InteractionEvent,\n} from \"../../shared/model\";\nimport { DBCustomSelectList } from \"../custom-select-list/custom-select-list\";\nimport { DBCustomSelectListItem } from \"../custom-select-list-item/custom-select-list-item\";\nimport { DBCustomSelectDropdown } from \"../custom-select-dropdown/custom-select-dropdown\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport { DBTag } from \"../tag/tag\";\nimport { DBButton } from \"../button/button\";\nimport { DBTooltip } from \"../tooltip/tooltip\";\nimport {\n handleFrameworkEventAngular,\n handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInput } from \"../input/input\";\nimport { DocumentClickListener } from \"../../utils/document-click-listener\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\nimport { handleFixedDropdown } from \"../../utils/floating-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-custom-select\",\n})\nexport class DBCustomSelect {\n private _ref!: HTMLDivElement | any;\n private detailsRef!: HTMLDetailsElement | any;\n private selectRef!: HTMLSelectElement | any;\n private selectAllRef!: HTMLInputElement | any;\n private searchInputRef!: HTMLInputElement | any;\n @Prop() id: DBCustomSelectProps[\"id\"];\n @Prop() invalidMessage: DBCustomSelectProps[\"invalidMessage\"];\n @Prop() message: DBCustomSelectProps[\"message\"];\n @Prop() showMessage: DBCustomSelectProps[\"showMessage\"];\n @Prop() ariaDescribedBy: DBCustomSelectProps[\"ariaDescribedBy\"];\n @Prop() showNoResults: DBCustomSelectProps[\"showNoResults\"];\n @Prop() multiple: DBCustomSelectProps[\"multiple\"];\n @Prop() showSelectAll: DBCustomSelectProps[\"showSelectAll\"];\n @Prop() showSearch: DBCustomSelectProps[\"showSearch\"];\n @Prop() values: DBCustomSelectProps[\"values\"];\n @Prop() validation: DBCustomSelectProps[\"validation\"];\n @Prop() options: DBCustomSelectProps[\"options\"];\n @Prop() searchValue: DBCustomSelectProps[\"searchValue\"];\n @Prop() selectedLabels: DBCustomSelectProps[\"selectedLabels\"];\n @Prop()\n transformSelectedLabels: DBCustomSelectProps[\"transformSelectedLabels\"];\n @Prop() selectedType: DBCustomSelectProps[\"selectedType\"];\n @Prop() amountText: DBCustomSelectProps[\"amountText\"];\n @Event() amountChange: EventEmitter<\n Parameters<Required<DBCustomSelectProps>[\"onAmountChange\"]>[number]\n > | void;\n @Prop() validMessage: DBCustomSelectProps[\"validMessage\"];\n @Prop() required: DBCustomSelectProps[\"required\"];\n @Event() dropdownToggle: EventEmitter<\n Parameters<Required<DBCustomSelectProps>[\"onDropdownToggle\"]>[number]\n > | void;\n @Prop() selectAllLabel: DBCustomSelectProps[\"selectAllLabel\"];\n @Prop() removeTagsTexts: DBCustomSelectProps[\"removeTagsTexts\"];\n @Prop() placement: DBCustomSelectProps[\"placement\"];\n @Event() optionSelected: EventEmitter<\n Parameters<Required<DBCustomSelectProps>[\"onOptionSelected\"]>[number]\n > | void;\n @Event() search: EventEmitter<\n Parameters<Required<DBCustomSelectProps>[\"onSearch\"]>[number]\n > | void;\n @Prop() searchFilter: DBCustomSelectProps[\"searchFilter\"];\n @Prop({attribute: \"classname\"}) className: DBCustomSelectProps[\"className\"];\n @Prop() formFieldWidth: DBCustomSelectProps[\"formFieldWidth\"];\n @Prop() variant: DBCustomSelectProps[\"variant\"];\n @Prop() showLabel: DBCustomSelectProps[\"showLabel\"];\n @Prop() icon: DBCustomSelectProps[\"icon\"];\n @Prop() showIcon: DBCustomSelectProps[\"showIcon\"];\n @Prop() label: DBCustomSelectProps[\"label\"];\n @Prop() form: DBCustomSelectProps[\"form\"];\n @Prop() name: DBCustomSelectProps[\"name\"];\n @Prop() disabled: DBCustomSelectProps[\"disabled\"];\n @Prop() open: DBCustomSelectProps[\"open\"];\n @Prop() dropdownWidth: DBCustomSelectProps[\"dropdownWidth\"];\n @Prop() searchLabel: DBCustomSelectProps[\"searchLabel\"];\n @Prop() searchPlaceholder: DBCustomSelectProps[\"searchPlaceholder\"];\n @Prop() showLoading: DBCustomSelectProps[\"showLoading\"];\n @Prop() ariaListLabel: DBCustomSelectProps[\"ariaListLabel\"];\n @Prop() noResultsText: DBCustomSelectProps[\"noResultsText\"];\n @Prop() loadingText: DBCustomSelectProps[\"loadingText\"];\n @Prop() mobileCloseButtonText: DBCustomSelectProps[\"mobileCloseButtonText\"];\n @Prop() showClearSelection: DBCustomSelectProps[\"showClearSelection\"] = true;\n @Prop() clearSelectionText: DBCustomSelectProps[\"clearSelectionText\"] =\n \"Clear selection\";\n @Prop() placeholder: DBCustomSelectProps[\"placeholder\"];\n @Prop() messageIcon: DBCustomSelectProps[\"messageIcon\"];\n @State() _id = undefined;\n @State() _messageId = undefined;\n @State() _validMessageId = undefined;\n @State() _invalidMessageId = undefined;\n @State() _invalidMessage = undefined;\n @State() _selectId = undefined;\n @State() _labelId = undefined;\n @State() _summaryId = undefined;\n @State() _placeholderId = undefined;\n @State() _infoTextId = undefined;\n @State() _validity = \"no-validation\";\n @State() _descByIds = \"\";\n @State() _selectedLabels = \"\";\n @State() _selectedLabelsId = undefined;\n @State() _voiceOverFallback = \"\";\n @State() _selectedOptions = [];\n @State() selectAllEnabled = false;\n @State() searchEnabled = false;\n @State() amountOptions = 0;\n @State() _values = [];\n @State() _options = [];\n @State() _hasNoOptions = false;\n @State() _documentClickListenerCallbackId = undefined;\n @State() _internalChangeTimestamp = 0;\n @State() _documentScrollListenerCallbackId = undefined;\n @State() _observer = undefined;\n @State() _searchValue = undefined;\n @State() selectAllChecked = false;\n @State() selectAllIndeterminate = false;\n\n handleDocumentScroll(event: any) {\n if (event?.target?.contains && event?.target?.contains(this.detailsRef)) {\n this.handleAutoPlacement();\n }\n }\n hasValidState() {\n return !!(this.validMessage ?? this.validation === \"valid\");\n }\n handleValidation() {\n if (this.selectRef) {\n this.selectRef.value = this.getNativeSelectValue();\n }\n /* For a11y reasons we need to map the correct message with the select */\n if (!this.selectRef?.validity.valid || this.validation === \"invalid\") {\n this._descByIds = this._invalidMessageId;\n this._invalidMessage =\n this.invalidMessage ||\n this.selectRef?.validationMessage ||\n DEFAULT_INVALID_MESSAGE;\n if (hasVoiceOver()) {\n this._voiceOverFallback = this._invalidMessage;\n delay(() => (this._voiceOverFallback = \"\"), 1000);\n }\n this._validity = this.validation ?? \"invalid\";\n } else if (\n this.hasValidState() &&\n this.selectRef?.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 this._validity = this.validation ?? \"valid\";\n } else if (stringPropVisible(this.message, this.showMessage)) {\n this._descByIds = this._messageId;\n this._validity = this.validation ?? \"no-validation\";\n } else {\n this._descByIds = this._placeholderId;\n this._validity = this.validation ?? \"no-validation\";\n }\n }\n handleDropdownToggle(event: GeneralEvent<HTMLDetailsElement>) {\n if (this.dropdownToggle) {\n event.stopPropagation();\n this.dropdownToggle.emit(event);\n }\n if (event.target instanceof HTMLDetailsElement && event.target.open) {\n this._documentClickListenerCallbackId =\n new DocumentClickListener().addCallback((event) =>\n this.handleDocumentClose(event)\n );\n this._documentScrollListenerCallbackId =\n new DocumentScrollListener().addCallback((event) =>\n this.handleDocumentScroll(event)\n );\n this.handleAutoPlacement();\n this._observer?.observe(this.detailsRef);\n if (!event.target.dataset[\"test\"]) {\n // We need this workaround for snapshot testing\n this.handleOpenByKeyboardFocus();\n }\n } else {\n if (this._documentClickListenerCallbackId) {\n new DocumentClickListener().removeCallback(\n this._documentClickListenerCallbackId!\n );\n }\n if (this._documentScrollListenerCallbackId) {\n new DocumentScrollListener().removeCallback(\n this._documentScrollListenerCallbackId!\n );\n }\n this._observer?.unobserve(this.detailsRef);\n }\n }\n getNativeSelectValue() {\n if (this._values?.length) {\n return this._values!.at(0) ?? \"\";\n }\n return \"\";\n }\n setDescById(descId?: string) {\n const descByIds: string[] = [];\n if (descId) {\n descByIds.push(descId);\n }\n if (this._selectedLabelsId && this._selectedLabels?.length) {\n descByIds.push(this._selectedLabelsId!);\n }\n this._descByIds = descByIds.join(\" \");\n }\n getSelectAllLabel() {\n return this.selectAllLabel ?? DEFAULT_LABEL;\n }\n getOptionLabel(option: CustomSelectOptionType) {\n return option.label ?? option.value?.toString() ?? \"\";\n }\n getOptionChecked(value?: string) {\n if (value && this._values?.includes) {\n return this._values?.includes(value!);\n }\n return false;\n }\n getTagRemoveLabel(index: number) {\n if (this.removeTagsTexts && this.removeTagsTexts!.length > index) {\n return this.removeTagsTexts!.at(index)!;\n } else {\n return `${DEFAULT_REMOVE} ${\n this._selectedOptions\n ? this.getOptionLabel(this._selectedOptions![index])\n : \"\"\n }`;\n }\n }\n handleTagRemove(\n option: CustomSelectOptionType,\n event?: ClickEvent<HTMLButtonElement> | void\n ) {\n if (event) {\n event.stopPropagation();\n }\n this.handleSelect(option.value);\n this.handleSummaryFocus();\n }\n handleAutoPlacement() {\n if (this.detailsRef) {\n const dropdown = this.detailsRef.querySelector(\"article\");\n if (dropdown) {\n // This is a workaround for Angular\n delay(() => {\n handleFixedDropdown(\n dropdown,\n this.detailsRef,\n (this.placement as unknown as string) ?? \"bottom\"\n );\n }, 1);\n }\n }\n }\n handleArrowDownUp(event: any) {\n if (this.detailsRef?.open) {\n if (self.document) {\n const activeElement = self.document.activeElement;\n if (activeElement) {\n // 1. we check if we are currently focusing a checkbox in the dropdown\n const isCheckbox =\n activeElement.getAttribute(\"type\") === \"checkbox\" ||\n activeElement.getAttribute(\"type\") === \"radio\";\n if (isCheckbox) {\n const listElement = activeElement?.closest(\"li\");\n if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n if (listElement?.nextElementSibling) {\n listElement?.nextElementSibling\n ?.querySelector(\"input\")\n ?.focus();\n } else {\n // We are on the last checkbox we move to the top checkbox\n this.handleFocusFirstDropdownCheckbox(activeElement);\n }\n } else {\n if (listElement?.previousElementSibling) {\n listElement?.previousElementSibling\n ?.querySelector(\"input\")\n ?.focus();\n } else if (\n this.detailsRef.querySelector(`input[type=\"checkbox\"]`) !==\n activeElement\n ) {\n // We are on the top list checkbox but there is a select all checkbox as well\n this.handleFocusFirstDropdownCheckbox(activeElement);\n } else {\n // We are on the top checkbox, we need to move to the search\n // or to the last checkbox\n const search = getSearchInput(this.detailsRef);\n if (search) {\n delay(() => {\n search.focus();\n }, 100);\n } else {\n const checkboxList: HTMLInputElement[] = Array.from(\n this.detailsRef?.querySelectorAll(\n `input[type=\"checkbox\"],input[type=\"radio\"]`\n )\n );\n if (checkboxList.length) {\n checkboxList.at(-1)?.focus();\n }\n }\n }\n }\n } else {\n // 2. If we are on the search, and press up we go back to summary and close\n if (\n activeElement.getAttribute(\"type\") === \"search\" &&\n (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\")\n ) {\n this.handleClose(undefined, true);\n this.handleSummaryFocus();\n } else {\n // 3. Otherwise, we need to move to the first checkbox\n this.handleFocusFirstDropdownCheckbox(activeElement);\n }\n }\n }\n }\n } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n // Open dropdown with arrows see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/#keyboardinteraction\n this.handleAutoPlacement();\n if (this.detailsRef) {\n this.detailsRef.open = true;\n }\n this.handleOpenByKeyboardFocus();\n }\n event.stopPropagation();\n event.preventDefault();\n }\n handleKeyboardPress(event: any) {\n event.stopPropagation();\n if (event.key === \"Escape\" && this.detailsRef?.open) {\n this.handleClose(undefined, true);\n this.handleSummaryFocus();\n } else if (\n event.key === \"ArrowDown\" ||\n event.key === \"ArrowUp\" ||\n event.key === \"ArrowLeft\" ||\n event.key === \"ArrowRight\"\n ) {\n this.handleArrowDownUp(event);\n }\n }\n handleClose(\n event?: InteractionEvent<HTMLDetailsElement> | void,\n forceClose?: boolean\n ) {\n if (this.detailsRef) {\n if (forceClose) {\n this.detailsRef.open = false;\n this.handleSummaryFocus();\n } else if (this.detailsRef.open && event) {\n if (event.relatedTarget) {\n const relatedTarget = event.relatedTarget as HTMLElement;\n if (!this.detailsRef.contains(relatedTarget)) {\n // We need to use delay here because the combination of `contains`\n // and changing the DOM element causes a race condition inside browser\n delay(() => (this.detailsRef.open = false), 1);\n }\n }\n }\n }\n }\n handleDocumentClose(event: any) {\n if (event) {\n // stencil is sending a custom event which wraps the pointer event into details\n const target =\n typeof event.detail === \"number\" ? event.target : event.detail?.target;\n if (this.detailsRef?.open && !this.detailsRef.contains(target)) {\n this.detailsRef.open = false;\n }\n }\n }\n handleOptionSelected(values: string[]) {\n const skip = new Date().getTime() - this._internalChangeTimestamp < 200;\n if (skip) return;\n this._values = values;\n if (this.optionSelected) {\n this.optionSelected.emit(values ?? []);\n }\n this._internalChangeTimestamp = new Date().getTime();\n }\n handleSelect(value?: string) {\n if (value) {\n if (this.multiple) {\n if (this._values?.includes(value)) {\n this.handleOptionSelected(\n this._values!.filter((v: string) => v !== value)\n );\n } else {\n this.handleOptionSelected([...(this._values || []), value]);\n }\n } else {\n this.handleOptionSelected([value]);\n this.handleClose(undefined, true);\n }\n }\n }\n handleSelectAll(event: any) {\n event.stopPropagation();\n if (this._values?.length === this.amountOptions) {\n this.handleOptionSelected([]);\n } else {\n const searchValue: string | undefined =\n this.searchEnabled && this.searchInputRef\n ? this.searchInputRef.value\n : undefined;\n this.handleOptionSelected(\n this.options\n ? this.options!.filter(\n (option) =>\n !option.isGroupTitle &&\n (!searchValue ||\n option.value\n ?.toLowerCase()\n .includes(searchValue.toLowerCase()))\n ).map((option) => option.value ?? \"\")\n : []\n );\n }\n }\n handleFocusFirstDropdownCheckbox(activeElement?: Element) {\n if (this.detailsRef) {\n const checkboxes: HTMLInputElement[] = Array.from(\n this.detailsRef.querySelectorAll(\n `input[type=\"checkbox\"],input[type=\"radio\"]`\n )\n );\n if (checkboxes.length) {\n const first = checkboxes.at(0);\n const checkbox =\n first === activeElement && checkboxes.length > 1\n ? checkboxes.at(1)\n : first;\n if (checkbox) {\n delay(() => {\n // Takes some time until element can be focused\n (checkbox as HTMLInputElement).focus();\n }, 1);\n }\n }\n }\n }\n handleOpenByKeyboardFocus() {\n if (this.detailsRef) {\n // Focus search if possible\n const search = getSearchInput(this.detailsRef);\n if (search) {\n delay(() => {\n // Takes some time until element can be focused\n search.focus();\n }, 1);\n } else {\n // Focus first checkbox otherwise\n this.handleFocusFirstDropdownCheckbox();\n }\n }\n }\n handleSearch(valueOrEvent?: InputEvent<HTMLInputElement> | string | void) {\n if (valueOrEvent === undefined) {\n return;\n }\n let filterText;\n if (typeof valueOrEvent === \"string\") {\n filterText = valueOrEvent;\n } else {\n const event = valueOrEvent as InputEvent<HTMLInputElement>;\n event.stopPropagation();\n if (this.search) {\n this.search.emit(event);\n }\n filterText = (event.target as HTMLInputElement).value;\n this._searchValue = filterText;\n }\n if (!this.options || !filterText || filterText.length === 0) {\n this._options = this.options;\n } else if (this.searchFilter) {\n this._options = this.options!.filter((option) =>\n this.searchFilter!(option, filterText)\n );\n } else {\n this._options = this.options!.filter(\n (option) =>\n !option.isGroupTitle &&\n this.getOptionLabel(option)\n .toLowerCase()\n .includes(filterText.toLowerCase())\n );\n }\n }\n handleClearAll(event: any) {\n event.stopPropagation();\n this.handleOptionSelected([]);\n this.handleSummaryFocus();\n }\n handleSummaryFocus() {\n if (this.detailsRef) {\n (this.detailsRef as HTMLDetailsElement).querySelector(\"summary\")?.focus();\n }\n }\n satisfyReact = function satisfyReact(event: any) {\n // This is a function to satisfy React\n event.stopPropagation();\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.detailsRef) {\n this.detailsRef.addEventListener(\n \"focusout\",\n (event: InteractionEvent<HTMLDetailsElement>) => this.handleClose(event)\n );\n }\n }\n\n @Watch(\"detailsRef\")\n watch0() {\n this.watch0Fn();\n }\n\n watch1Fn() {\n if (this._id) {\n const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n this._labelId = this._id + DEFAULT_LABEL_ID_SUFFIX;\n this._selectId = this._id + DEFAULT_SELECT_ID_SUFFIX;\n this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n this._placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n if (stringPropVisible(this.message, this.showMessage)) {\n this.setDescById(messageId);\n } else {\n this.setDescById();\n }\n }\n }\n\n @Watch(\"_id\")\n watch1() {\n this.watch1Fn();\n }\n\n watch2Fn() {\n if (this.detailsRef) {\n const summary = this.detailsRef.querySelector(\"summary\");\n if (summary) {\n summary.setAttribute(\n \"aria-describedby\",\n this.ariaDescribedBy ?? (this._descByIds || \"\")\n );\n }\n }\n }\n\n @Watch(\"detailsRef\")\n @Watch(\"_descByIds\")\n watch2() {\n this.watch2Fn();\n }\n\n watch3Fn() {\n if (this.showNoResults !== undefined) {\n this._hasNoOptions = this.showNoResults!;\n } else if (this._options) {\n this._hasNoOptions = this._options!.length === 0;\n }\n }\n\n @Watch(\"showNoResults\")\n @Watch(\"_options\")\n watch3() {\n this.watch3Fn();\n }\n\n watch4Fn() {\n this.selectAllEnabled = Boolean(\n this.multiple && (this.showSelectAll ?? this.amountOptions > 5)\n );\n }\n\n @Watch(\"showSelectAll\")\n @Watch(\"amountOptions\")\n @Watch(\"multiple\")\n watch4() {\n this.watch4Fn();\n }\n\n watch5Fn() {\n this.searchEnabled = this.showSearch ?? this.amountOptions > 9;\n }\n\n @Watch(\"showSearch\")\n @Watch(\"amountOptions\")\n watch5() {\n this.watch5Fn();\n }\n\n watch6Fn() {\n if (\n this.values &&\n Array.isArray(this.values) &&\n this.values !== this._values\n ) {\n this._values = this.values ?? [];\n }\n }\n\n @Watch(\"values\")\n watch6() {\n this.watch6Fn();\n }\n\n watch7Fn() {\n this.handleValidation();\n }\n\n @Watch(\"_values\")\n watch7() {\n this.watch7Fn();\n }\n\n watch8Fn() {\n this._validity = this.validation;\n }\n\n @Watch(\"validation\")\n watch8() {\n this.watch8Fn();\n }\n\n watch9Fn() {\n if (this._values?.length === 0) {\n this.selectAllChecked = false;\n this.selectAllIndeterminate = false;\n } else if (this._values?.length === this.amountOptions) {\n this.selectAllIndeterminate = false;\n this.selectAllChecked = true;\n } else if (this._values) {\n this.selectAllIndeterminate = true;\n }\n }\n\n @Watch(\"_values\")\n @Watch(\"amountOptions\")\n watch9() {\n this.watch9Fn();\n }\n\n watch10Fn() {\n this._options = this.options;\n this.amountOptions =\n this.options?.filter((option) => !option.isGroupTitle).length ?? 0;\n }\n\n @Watch(\"options\")\n watch10() {\n this.watch10Fn();\n }\n\n watch11Fn() {\n this._searchValue = this.searchValue;\n if (this.searchValue) {\n const sValue = this.searchValue!; // <- workaround for Angular\n this.handleSearch(sValue);\n }\n }\n\n @Watch(\"searchValue\")\n watch11() {\n this.watch11Fn();\n }\n\n watch12Fn() {\n if (this.options?.length) {\n this._selectedOptions = this.options?.filter(\n (option: CustomSelectOptionType) => {\n if (!option.value || !this._values?.[\"includes\"]) {\n return false;\n }\n return !option.isGroupTitle && this._values?.includes(option.value);\n }\n );\n }\n }\n\n @Watch(\"options\")\n @Watch(\"_values\")\n watch12() {\n this.watch12Fn();\n }\n\n watch13Fn() {\n if (this.selectedLabels) {\n this._selectedLabels = this.selectedLabels;\n return;\n }\n if (this._selectedOptions?.length) {\n if (this.transformSelectedLabels) {\n // We need to add this to another ``const`` for Angular generated output to work\n const selectedOptions = this._selectedOptions;\n const transformFn = this.transformSelectedLabels!;\n this._selectedLabels = transformFn!(selectedOptions);\n return;\n }\n if (this.selectedType === \"amount\") {\n this._selectedLabels = this.amountText\n ? this.amountText\n : `${this._selectedOptions?.length} ${DEFAULT_SELECTED}`;\n } else {\n this._selectedLabels = this._selectedOptions\n ?.map((option: CustomSelectOptionType) => this.getOptionLabel(option))\n .join(\", \");\n }\n } else {\n this._selectedLabels = \"\";\n }\n }\n\n @Watch(\"_selectedOptions\")\n @Watch(\"selectedType\")\n @Watch(\"amountText\")\n @Watch(\"selectedLabels\")\n @Watch(\"transformSelectedLabels\")\n watch13() {\n this.watch13Fn();\n }\n\n watch14Fn() {\n if (this.amountChange) {\n this.amountChange.emit(this._selectedOptions?.length ?? 0);\n }\n }\n\n @Watch(\"_selectedOptions\")\n watch14() {\n this.watch14Fn();\n }\n\n watch15Fn() {\n if (this.selectAllRef) {\n this.selectAllRef.indeterminate = Boolean(this.selectAllIndeterminate);\n }\n }\n\n @Watch(\"selectAllIndeterminate\")\n @Watch(\"selectAllRef\")\n watch15() {\n this.watch15Fn();\n }\n\n watch16Fn() {\n this._invalidMessage =\n this.invalidMessage ||\n this.selectRef?.validationMessage ||\n DEFAULT_INVALID_MESSAGE;\n }\n\n @Watch(\"selectRef\")\n @Watch(\"invalidMessage\")\n watch16() {\n this.watch16Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-custom-select\");\n const mId = this.id ?? `custom-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._selectId = mId + DEFAULT_SELECT_ID_SUFFIX;\n this._labelId = mId + DEFAULT_LABEL_ID_SUFFIX;\n this._summaryId = mId + \"-summary\";\n this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n this._selectedLabelsId = mId + \"-selected-labels\";\n this._infoTextId = mId + \"-info\";\n this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n if (typeof window !== \"undefined\" && \"IntersectionObserver\" in window) {\n this._observer = new IntersectionObserver((payload) => {\n if (this.detailsRef) {\n const entry = payload.find(\n ({ target }) => target === this.detailsRef\n );\n if (entry && !entry.isIntersecting && this.detailsRef.open) {\n this.detailsRef.open = false;\n }\n }\n });\n }\n this.watch0Fn();\n this.watch1Fn();\n this.watch2Fn();\n this.watch3Fn();\n this.watch4Fn();\n this.watch5Fn();\n this.watch6Fn();\n this.watch7Fn();\n this.watch8Fn();\n this.watch9Fn();\n this.watch10Fn();\n this.watch11Fn();\n this.watch12Fn();\n this.watch13Fn();\n this.watch14Fn();\n this.watch15Fn();\n this.watch16Fn();\n }\n\n render() {\n return (\n <div\n class={cls(\"db-custom-select\", this.className)}\n id={this._id}\n ref={(el: any) => {\n this._ref = el;\n }}\n aria-invalid={this._validity === \"invalid\"}\n data-custom-validity={this._validity}\n data-width={this.formFieldWidth}\n data-variant={\n this.variant === \"floating\" &&\n this.selectedType === \"tag\" &&\n this.multiple\n ? \"above\"\n : this.variant\n }\n data-required={getBooleanAsString(this.required)}\n data-placement={this.placement}\n data-selected-type={this.multiple ? this.selectedType : \"text\"}\n data-hide-label={getHideProp(this.showLabel)}\n data-icon={this.icon}\n data-hide-icon={getHideProp(this.showIcon)}\n >\n <label id={this._labelId}>\n {this.label ?? DEFAULT_LABEL}\n <select\n role=\"none\"\n hidden={true}\n id={this._selectId}\n tabIndex={-1}\n ref={(el: any) => {\n this.selectRef = el;\n }}\n form={this.form}\n name={this.name}\n multiple={getBoolean(this.multiple, \"multiple\")}\n disabled={getBoolean(this.disabled, \"disabled\")}\n required={getBoolean(this.required, \"required\")}\n onChange={(event) => this.satisfyReact(event)}\n >\n {this.options?.length\n ? this.options?.map((option) => (\n <option\n disabled={option.disabled}\n value={option.value}\n key={undefined}\n >\n {this.getOptionLabel(option)}\n </option>\n ))\n : null}\n </select>\n </label>\n <details\n ref={(el: any) => {\n this.detailsRef = el;\n }}\n open={this.open}\n onToggle={(event) => this.handleDropdownToggle(event)}\n onKeyDown={(event) => this.handleKeyboardPress(event)}\n >\n <slot></slot>\n {this.options ? (\n <Fragment>\n <summary\n class=\"db-custom-select-form-field\"\n id={this._summaryId}\n aria-disabled={getBooleanAsString(this.disabled)}\n aria-labelledby={this._labelId}\n >\n {this._selectedLabels?.length ? (\n <span\n data-visually-hidden={getBooleanAsString(\n this.selectedType === \"tag\"\n )}\n id={this._selectedLabelsId}\n >\n {this._selectedLabels}\n </span>\n ) : null}\n {this.selectedType === \"tag\" ? (\n <div>\n {this._selectedOptions?.map((option, index) => (\n <db-tag\n emphasis=\"strong\"\n behavior=\"removable\"\n removeButton={this.getTagRemoveLabel(index)}\n onRemove={(event) =>\n this.handleTagRemove(option, event)\n }\n key={undefined}\n >\n {this.getOptionLabel(option)}\n </db-tag>\n ))}\n </div>\n ) : null}\n </summary>\n <db-custom-select-dropdown width={this.dropdownWidth}>\n {this.searchEnabled ? (\n <div>\n <db-input\n type=\"search\"\n ref={(el: any) => {\n this.searchInputRef = el;\n }}\n name={this._id}\n form={this._id}\n showLabel={false}\n value={this._searchValue}\n label={this.searchLabel ?? DEFAULT_LABEL}\n placeholder={this.searchPlaceholder ?? this.searchLabel}\n ariaDescribedBy={\n this._hasNoOptions || this.showLoading\n ? this._infoTextId\n : undefined\n }\n onInput={(event) => this.handleSearch(event)}\n ></db-input>\n </div>\n ) : null}\n {this._hasNoOptions || this.showLoading ? (\n <db-infotext\n id={this._infoTextId}\n icon={this._hasNoOptions ? undefined : \"circular_arrows\"}\n semantic={this._hasNoOptions ? \"warning\" : \"informational\"}\n >\n {(this._hasNoOptions\n ? this.noResultsText\n : this.loadingText) ?? DEFAULT_MESSAGE}\n </db-infotext>\n ) : (\n <Fragment>\n {this.selectAllEnabled ? (\n <div>\n <div class=\"db-checkbox db-custom-select-list-item\">\n <label>\n <input\n type=\"checkbox\"\n value=\"select-all\"\n ref={(el: any) => {\n this.selectAllRef = el;\n }}\n form={this._id}\n checked={this.selectAllChecked}\n onChange={(event) => this.handleSelectAll(event)}\n />\n {this.getSelectAllLabel()}\n </label>\n </div>\n </div>\n ) : null}\n <db-custom-select-list\n multiple={getBoolean(this.multiple, \"multiple\")}\n label={this.ariaListLabel ?? this.label ?? DEFAULT_LABEL}\n >\n {this._options?.map((option) => (\n <db-custom-select-list-item\n type={this.multiple ? \"checkbox\" : \"radio\"}\n showDivider={option.showDivider}\n icon={option.icon}\n isGroupTitle={option.isGroupTitle}\n groupTitle={this.getOptionLabel(option)}\n name={this._id}\n checked={this.getOptionChecked(option.value)}\n disabled={option.disabled}\n value={option.value}\n onChange={() => this.handleSelect(option.value)}\n key={undefined}\n >\n {!option.isGroupTitle\n ? this.getOptionLabel(option)\n : null}\n </db-custom-select-list-item>\n ))}\n </db-custom-select-list>\n </Fragment>\n )}\n <div>\n <db-button\n variant=\"ghost\"\n width=\"full\"\n icon=\"cross\"\n size=\"small\"\n name={this._id}\n form={this._id}\n onClick={() => this.handleClose(undefined, true)}\n >\n {this.mobileCloseButtonText ?? DEFAULT_CLOSE_BUTTON}\n </db-button>\n </div>\n </db-custom-select-dropdown>\n </Fragment>\n ) : null}\n </details>\n {(this.showClearSelection ?? true) && this._values?.length ? (\n <db-button\n icon=\"cross\"\n variant=\"ghost\"\n size=\"small\"\n noText={true}\n name={this._id}\n form={this._id}\n onClick={(event) => this.handleClearAll(event)}\n >\n {this.clearSelectionText}\n <db-tooltip placement=\"top\">{this.clearSelectionText}</db-tooltip>\n </db-button>\n ) : null}\n <span aria-hidden={getBooleanAsString(true)} id={this._placeholderId}>\n {this.placeholder ?? this.label}\n </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"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-d3b0703c.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as s}from"./p-BJ_BOsfY.js";import{j as i,c as a}from"./p-YECpAE3G.js";const e=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")\|\|e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"93d3fd56dc8b5d3e52d3b7339e93ed03f26739e9",class:a("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-hide-icon-before":i((t=this.showIcon)!==null&&t!==void 0?t:true)},this.text?this.text:s("slot",null))}};export{e as db_infotext};
2	- //# sourceMappingURL=p-d3b0703c.entry.js.map

package/dist/db-ux/p-dcfc3873.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as i,c as s,h as t}from"./p-BJ_BOsfY.js";import{b as h,u as a,g as e,j as d,c}from"./p-YECpAE3G.js";const l=class{constructor(t){i(this,t);this.change=s(this,"change");this.blur=s(this,"blur");this.focus=s(this,"focus");this._id=undefined;this._checked=false}handleChange(i){var s;if(this.change){this.change.emit(i)}this._checked=(s=i.target)===null\|\|s===void 0?void 0:s["checked"]}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}enableAttributePassing(i,s){const t=i===null\|\|i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let h=0;h<s.length;h++){const a=s.item(h);if(a&&(a.name.startsWith("data-")\|\|a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);t.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(a.name)}}}}}watch0Fn(){if(this.checked!==undefined&&this.checked!==null){this._checked=h(this.checked)}}watch0(){this.watch0Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-switch");this._id=(i=this.id)!==null&&i!==void 0?i:`switch-${a()}`;this.watch0Fn()}render(){var i;return t("label",{key:"27f9111d3d3435f4f92ac229bfbe431537247a58",class:c("db-switch",this.className),"data-visual-aid":e(this.visualAid),"data-size":this.size,"data-hide-label":d(this.showLabel),"data-emphasis":this.emphasis,htmlFor:this._id},t("input",{key:"56f0cfd711812f7e3d2f78b373b0792e6a552d66",type:"checkbox",role:"switch",id:this._id,"aria-checked":e(this._checked),ref:i=>{this._ref=i},checked:h(this.checked,"checked"),value:this.value,disabled:h(this.disabled,"disabled"),"aria-describedby":(i=this.describedbyid)!==null&&i!==void 0?i:this.ariaDescribedBy,"aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,name:this.name,required:h(this.required,"required"),"data-aid-icon":this.icon,"data-aid-icon-after":this.iconAfter,onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i)}),this.label?this.label:t("slot",null))}static get watchers(){return{checked:["watch0"]}}};export{l as db_switch};
2	- //# sourceMappingURL=p-dcfc3873.entry.js.map

package/dist/db-ux/p-dcfc3873.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["DBSwitch","constructor","hostRef","this","_id","undefined","_checked","handleChange","event","change","emit","_a","target","handleBlur","blur","handleFocus","focus","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","checked","getBoolean","watch0","componentDidLoad","_ref","id","uuid","render","h","key","class","cls","className","getBooleanAsString","visualAid","size","getHideProp","showLabel","emphasis","htmlFor","type","role","ref","el","disabled","describedbyid","ariaDescribedBy","validation","required","icon","iconAfter","onChange","onBlur","onFocus","label"],"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"],"mappings":"mHAiCaA,EAAQ,MAHpB,WAAAC,CAAAC,G,2FA+BUC,KAAGC,IAAGC,UACNF,KAAQG,SAAG,KAkHrB,CAhHC,YAAAC,CAAaC,G,MACX,GAAIL,KAAKM,OAAQ,CACfN,KAAKM,OAAOC,KAAKF,E,CAInBL,KAAKG,UAAYK,EAAAH,EAAMI,UAAc,MAAAD,SAAA,SAAAA,EAAG,U,CAE1C,UAAAE,CAAWL,GACT,GAAIL,KAAKW,KAAM,CACbX,KAAKW,KAAKJ,KAAKF,E,EAGnB,WAAAO,CAAYP,GACV,GAAIL,KAAKa,MAAO,CACdb,KAAKa,MAAMN,KAAKF,E,EASZ,sBAAAS,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,QAAAW,GACE,GAAInC,KAAKoC,UAAYlC,WAAaF,KAAKoC,UAAY,KAAM,CACvDpC,KAAKG,SAAWkC,EAAWrC,KAAKoC,Q,EAKpC,MAAAE,GACEtC,KAAKmC,U,CAGP,gBAAAI,G,MACEvC,KAAKc,uBAAuBd,KAAKwC,KAAM,aACvCxC,KAAKC,KAAMO,EAAAR,KAAKyC,MAAE,MAAAjC,SAAA,EAAAA,EAAI,UAAUkC,MAChC1C,KAAKmC,U,CAGP,MAAAQ,G,MACE,OACEC,EACE,SAAAC,IAAA,2CAAAC,MAAOC,EAAI,YAAa/C,KAAKgD,WAAU,kBACtBC,EAAmBjD,KAAKkD,WAC9B,YAAAlD,KAAKmD,KAAI,kBACHC,EAAYpD,KAAKqD,WACnB,gBAAArD,KAAKsD,SACpBC,QAASvD,KAAKC,KAEd2C,EACE,SAAAC,IAAA,2CAAAW,KAAK,WACLC,KAAK,SACLhB,GAAIzC,KAAKC,IAAG,eACEgD,EAAmBjD,KAAKG,UACtCuD,IAAMC,IACJ3D,KAAKwC,KAAOmB,CAAE,EAEhBvB,QAASC,EAAWrC,KAAKoC,QAAS,WAClCT,MAAO3B,KAAK2B,MACZiC,SAAUvB,EAAWrC,KAAK4D,SAAU,YAClB,oBAAApD,EAAAR,KAAK6D,iBAAa,MAAArD,SAAA,EAAAA,EAAIR,KAAK8D,gBAAe,eAC9C9D,KAAK+D,aAAe,UACZ,uBAAA/D,KAAK+D,WAC3BvC,KAAMxB,KAAKwB,KACXwC,SAAU3B,EAAWrC,KAAKgE,SAAU,YAAW,gBAChChE,KAAKiE,KAAI,sBACHjE,KAAKkE,UAC1BC,SAAW9D,GAAUL,KAAKI,aAAaC,GACvC+D,OAAS/D,GAAUL,KAAKU,WAAWL,GACnCgE,QAAUhE,GAAUL,KAAKY,YAAYP,KAEtCL,KAAKsE,MAAQtE,KAAKsE,MAAQ1B,EAAa,a","ignoreList":[]}

package/dist/db-ux/p-edf76c20.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,c as t,h as a}from"./p-BJ_BOsfY.js";import{s as i}from"./p-DC9V_oNU.js";import{m as e,d,g as r,c}from"./p-YECpAE3G.js";const h=class{constructor(a){s(this,a);this.close=t(this,"close")}handleClose(s,t){var a;if(!s)return;if(e(s)){if(s.key==="Escape"){s.preventDefault();if(this.close){this.close.emit(s)}}}else{if(t){s.stopPropagation();if(this.close){this.close.emit(s)}}if(((a=s.target)===null\|\|a===void 0?void 0:a.nodeName)==="DIALOG"&&s.type==="click"&&this.backdrop!=="none"){if(this.close){this.close.emit(s)}}}}handleDialogOpen(){if(this._ref){const s=Boolean(this.open);if(s&&!this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}if(this.backdrop==="none"\|\|this.variant==="inside"){this._ref.show()}else{this._ref.showModal()}}if(!s&&this._ref.open){if(this.dialogContainerRef){this.dialogContainerRef.hidden=true}d((()=>{var s;if(this.dialogContainerRef){this.dialogContainerRef.hidden=false}(s=this._ref)===null\|\|s===void 0?void 0:s.close()}),401)}}}enableAttributePassing(s,t){const a=s===null\|\|s===void 0?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let i=0;i<t.length;i++){const e=t.item(i);if(e&&(e.name.startsWith("data-")\|\|e.name.startsWith("aria-"))){s.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const t=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=s.getAttribute("class");s.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(t){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}watch0Fn(){this.handleDialogOpen()}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-drawer");this.handleDialogOpen();this.watch0Fn()}render(){var s;return a("dialog",{key:"1b185cbfa270bdb61afebc9e38c54672f2a5df85",class:"db-drawer",id:this.id,ref:s=>{this._ref=s},onClick:s=>this.handleClose(s),onKeyDown:s=>this.handleClose(s),"data-backdrop":this.backdrop,"data-variant":this.variant},a("article",{key:"78a4e95d322735656bab1f7e92a381491344a7a2",class:c("db-drawer-container",this.className),ref:s=>{this.dialogContainerRef=s},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":r(this.rounded)},a("header",{key:"cb3ce2ad1725889ea2af3f967ecdfa6970a55930",class:"db-drawer-header"},a("div",{key:"19f19c44875bf2cfcb46fb6e8dc1938ade0b3619",class:"db-drawer-header-text"},a("slot",{key:"8b49be2090dcb14364251c28417124e1f0a0eee2",name:"drawerHeader"})),a("db-button",{key:"159f6c207a6a3b9e0b118b125d249893358ae479",class:"button-close-drawer",icon:"cross",variant:"ghost",id:this.closeButtonId,noText:true,onClick:s=>this.handleClose(s,true)},(s=this.closeButtonText)!==null&&s!==void 0?s:i)),a("div",{key:"a99e9ba27c0dfb734d082ff49405ed201d29980c",class:"db-drawer-content"},a("slot",{key:"68a534f5f73d3a2459cee1a58fce5d77318eb35b"}))))}static get watchers(){return{open:["watch0"]}}};export{h as db_drawer};
2	- //# sourceMappingURL=p-edf76c20.entry.js.map

package/dist/db-ux/p-edf76c20.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["DBDrawer","handleClose","event","forceClose","isKeyboardEvent","key","preventDefault","this","close","emit","stopPropagation","_a","target","nodeName","type","backdrop","handleDialogOpen","_ref","open","Boolean","dialogContainerRef","hidden","variant","show","showModal","delay","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","watch0","componentDidLoad","render","h","class","id","ref","el","onClick","onKeyDown","cls","className","spacing","width","direction","getBooleanAsString","rounded","icon","closeButtonId","noText","closeButtonText","DEFAULT_CLOSE_BUTTON"],"sources":["src/components/drawer/drawer.tsx"],"sourcesContent":["import { DBDrawerProps, DBDrawerState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport { DEFAULT_CLOSE_BUTTON } from \"../../shared/constants\";\nimport { cls, delay, getBooleanAsString, isKeyboardEvent } from \"../../utils\";\nimport { ClickEvent, GeneralKeyboardEvent } from \"../../shared/model\";\n\nimport {\n Component,\n h,\n Fragment,\n Watch,\n Event,\n EventEmitter,\n Prop,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot drawerHeader - TODO: Add description for slotDrawerHeader\n */\n @Component({\n tag: \"db-drawer\",\n})\nexport class DBDrawer {\n private _ref!: HTMLDialogElement | any;\n private dialogContainerRef!: HTMLDivElement | any;\n @Prop() open: DBDrawerProps[\"open\"];\n @Event() close: EventEmitter<\n Parameters<Required<DBDrawerProps>[\"onClose\"]>[number]\n > | void;\n @Prop() backdrop: DBDrawerProps[\"backdrop\"];\n @Prop() variant: DBDrawerProps[\"variant\"];\n @Prop() id: DBDrawerProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBDrawerProps[\"className\"];\n @Prop() spacing: DBDrawerProps[\"spacing\"];\n @Prop() width: DBDrawerProps[\"width\"];\n @Prop() direction: DBDrawerProps[\"direction\"];\n @Prop() rounded: DBDrawerProps[\"rounded\"];\n @Prop() closeButtonId: DBDrawerProps[\"closeButtonId\"];\n @Prop() closeButtonText: DBDrawerProps[\"closeButtonText\"];\n\n handleClose(\n event?:\n | ClickEvent<HTMLButtonElement | HTMLDialogElement>\n | GeneralKeyboardEvent<HTMLDialogElement>\n | void,\n forceClose?: boolean\n ) {\n if (!event) return;\n if (isKeyboardEvent<HTMLButtonElement | HTMLDialogElement>(event)) {\n if (event.key === \"Escape\") {\n event.preventDefault();\n if (this.close) {\n this.close.emit(event);\n }\n }\n } else {\n if (forceClose) {\n event.stopPropagation();\n if (this.close) {\n this.close.emit(event);\n }\n }\n if (\n (event.target as any)?.nodeName === \"DIALOG\" &&\n event.type === \"click\" &&\n this.backdrop !== \"none\"\n ) {\n if (this.close) {\n this.close.emit(event);\n }\n }\n }\n }\n handleDialogOpen() {\n if (this._ref) {\n const open = Boolean(this.open);\n if (open && !this._ref.open) {\n if (this.dialogContainerRef) {\n this.dialogContainerRef.hidden = false;\n }\n if (this.backdrop === \"none\" || this.variant === \"inside\") {\n this._ref.show();\n } else {\n this._ref.showModal();\n }\n }\n if (!open && this._ref.open) {\n if (this.dialogContainerRef) {\n this.dialogContainerRef.hidden = true;\n }\n delay(() => {\n if (this.dialogContainerRef) {\n this.dialogContainerRef.hidden = false;\n }\n this._ref?.close();\n }, 401);\n }\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 this.handleDialogOpen();\n }\n\n @Watch(\"open\")\n watch0() {\n this.watch0Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-drawer\");\n this.handleDialogOpen();\n this.watch0Fn();\n }\n\n render() {\n return (\n <dialog\n class=\"db-drawer\"\n id={this.id}\n ref={(el: any) => {\n this._ref = el;\n }}\n onClick={(event) => this.handleClose(event)}\n onKeyDown={(event) => this.handleClose(event)}\n data-backdrop={this.backdrop}\n data-variant={this.variant}\n >\n <article\n class={cls(\"db-drawer-container\", this.className)}\n ref={(el: any) => {\n this.dialogContainerRef = el;\n }}\n data-spacing={this.spacing}\n data-width={this.width}\n data-direction={this.direction}\n data-rounded={getBooleanAsString(this.rounded)}\n >\n <header class=\"db-drawer-header\">\n <div class=\"db-drawer-header-text\">\n <slot name=\"drawerHeader\"></slot>\n </div>\n <db-button\n class=\"button-close-drawer\"\n icon=\"cross\"\n variant=\"ghost\"\n id={this.closeButtonId}\n noText={true}\n onClick={(event) => this.handleClose(event, true)}\n >\n {this.closeButtonText ?? DEFAULT_CLOSE_BUTTON}\n </db-button>\n </header>\n <div class=\"db-drawer-content\">\n <slot></slot>\n </div>\n </article>\n </dialog>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-f098a79b.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c as a,h as d}from"./p-BJ_BOsfY.js";import{a as c,u as i,b as s,c as t}from"./p-YECpAE3G.js";import{D as n,p as r}from"./p-DC9V_oNU.js";import{i as o}from"./p-DdyDId49.js";import"./p-CifCRcqG.js";const b=class{constructor(d){e(this,d);this.toggle=a(this,"toggle");this._id=n;this.initialized=false;this.forcedToMobile=false}handleToggle(e){if(e&&e.stopPropagation){e.stopPropagation()}const a=!s(this.drawerOpen,"drawerOpen");if(this.toggle){this.toggle.emit(a)}}handleNavigationItemClick(e){if(o(e)){this.handleToggle()}}enableAttributePassing(e,a){const d=e===null\|\|e===void 0?void 0:e.closest(a);if(e&&d){const a=d.attributes;for(let c=0;c<a.length;c++){const i=a.item(c);if(i&&(i.name.startsWith("data-")\|\|i.name.startsWith("aria-"))){e.setAttribute(i.name,i.value);d.removeAttribute(i.name)}if(i&&i.name==="class"){const a=i.value.includes("hydrated");const c=i.value.replace("hydrated","").trim();const s=e.getAttribute("class");e.setAttribute(i.name,`${s?`${s} `:""}${c}`);if(a){d.setAttribute("class","hydrated")}else{d.removeAttribute(i.name)}}}}}watch0Fn(){var e;if(this.initialized&&document&&this._id&&this.forceMobile){const a=document.getElementById((e=this._id)!==null&&e!==void 0?e:"");if(a){c(a,{key:"data-force-mobile",value:"true"})}this.forcedToMobile=true}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-header");this.initialized=true;this._id=this.id\|\|"header-"+i();this.watch0Fn()}render(){var e;return d("header",{key:"e3c481e7cc59c48f98050d9b014e8912fdcace6d",class:t("db-header",this.className),ref:e=>{this._ref=e},id:this._id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},d("db-drawer",{key:"851d96ddee466b650fac5e2aa8619004f3792d6d",class:"db-header-drawer",spacing:"small",rounded:true,open:s(this.drawerOpen),onClose:()=>this.handleToggle()},d("div",{key:"4a63f5d6b730ad4b7c5b5469aead1c791901e08d",class:"db-header-drawer-navigation"},d("div",{key:"f3a375f07fcc688fe01e751d14965479d8b0fd67",class:"db-header-navigation",onClick:e=>this.handleNavigationItemClick(e)},d("slot",{key:"8c0cc3b4f76622ec4bb3263417a5710044ff54c1"})),d("div",{key:"538eeec5b946d3b5de1cfc3c5dcf0aac0f1cae3f",class:"db-header-meta-navigation"},d("slot",{key:"fe5b29b17211c6f3458905dab5e0ac6c308ea1c8",name:"metaNavigation"}))),d("div",{key:"9d76492f991335066736205049078e137f683c25",class:"db-header-secondary-action"},d("slot",{key:"ae9e157bd16957d985f217d697d46473b94aacc3",name:"secondaryAction"}))),d("div",{key:"685e4f7dfedbeb5663e7932a75328897120f23d1",class:"db-header-meta-navigation"},d("slot",{key:"19ddfa552eed45eda8eb54b6197a17170f8fbe96",name:"metaNavigation"})),d("div",{key:"6f2d87a054372575d5a35d9975d276b09c910b6e",class:"db-header-navigation-bar"},d("div",{key:"1a95b153905575dd73b46408dfc6fe09a3fef480",class:"db-header-brand-container"},d("slot",{key:"eb589d84bda0b1a6e857cb01df058339e98a916a",name:"brand"})),d("div",{key:"195c03a6ae54881ec6e0065cc605bd89d6200846",class:"db-header-navigation-container"},d("div",{key:"b9e2ec192cdc908b77dc036addf85d81146ae89e",class:"db-header-navigation"},d("slot",{key:"921233eebceac68fcda24a70f4a218c9d588daac"})),d("div",{key:"6cb58fe0e628b7549f0d70858bc7a382cd3a087d",class:"db-header-primary-action"},d("slot",{key:"700428f9997edd91647b91e28174f2a7516ab7dc",name:"primaryAction"}))),d("div",{key:"3ca4479d6c5142418ec1878e9d0b5f01d5e4303a",class:"db-header-action-container"},d("div",{key:"19c73cd038ed9be869ecfc80bb9c6f7a66e9b9b0",class:"db-header-burger-menu-container"},d("db-button",{key:"53cb57495f1e215630a5529040492dfff7709a62",icon:"menu",variant:"ghost",id:this._id+"-burger-menu",noText:true,onClick:()=>this.handleToggle()},(e=this.burgerMenuLabel)!==null&&e!==void 0?e:r)),d("div",{key:"76a7166387cdfdb4fb962339af640896fc26e6ae",class:"db-header-secondary-action"},d("slot",{key:"77c898741eccdd11f5c5783537f5b5316e18f163",name:"secondaryAction"})))))}static get watchers(){return{initialized:["watch0"]}}};export{b as db_header};
2	- //# sourceMappingURL=p-f098a79b.entry.js.map

package/dist/db-ux/p-fb06953f.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as s,h as i}from"./p-BJ_BOsfY.js";import{h as a,d as e,s as h,i as d,u as n,b as c,f as o,e as l,j as r,c as u,g as f}from"./p-YECpAE3G.js";import{l as b,g as v,h as m,j as p,f as y,k as g,b as k,a as w,m as x}from"./p-DC9V_oNU.js";const _=class{constructor(i){t(this,i);this.input=s(this,"input");this.change=s(this,"change");this.blur=s(this,"blur");this.focus=s(this,"focus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._dataListId=undefined;this._descByIds="";this._value="";this._voiceOverFallback=""}hasValidState(){var t;return!!((t=this.validMessage)!==null&&t!==void 0?t:this.validation==="valid")}handleValidation(){var t,s,i,d;if(!((t=this._ref)===null\|\|t===void 0?void 0:t.validity.valid)\|\|this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage\|\|((s=this._ref)===null\|\|s===void 0?void 0:s.validationMessage)\|\|b;if(a()){this._voiceOverFallback=this._invalidMessage;e((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((i=this._ref)===null\|\|i===void 0?void 0:i.validity.valid)&&(this.required\|\|this.minLength\|\|this.maxLength\|\|this.pattern)){this._descByIds=this._validMessageId;if(a()){this._voiceOverFallback=(d=this.validMessage)!==null&&d!==void 0?d:g;e((()=>this._voiceOverFallback=""),1e3)}}else if(h(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleInput(t){if(this.input){this.input.emit(t)}this.handleValidation()}handleChange(t){if(this.change){this.change.emit(t)}this.handleValidation()}handleBlur(t){if(this.blur){this.blur.emit(t)}}handleFocus(t){if(this.focus){this.focus.emit(t)}}getDataList(){const t=this.dataList;return Array.from((d(t)?t===null\|\|t===void 0?void 0:t.map((t=>({value:t,label:undefined}))):t)\|\|[])}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")\|\|e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){var t;this._invalidMessage=this.invalidMessage\|\|((t=this._ref)===null\|\|t===void 0?void 0:t.validationMessage)\|\|b}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._id){const s=this._id+y;this._messageId=s;this._validMessageId=this._id+v;this._invalidMessageId=this._id+m;this._dataListId=(t=this.dataListId)!==null&&t!==void 0?t:this._id+p;if(h(this.message,this.showMessage)){this._descByIds=s}}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-input");const s=(t=this.id)!==null&&t!==void 0?t:`input-${n()}`;this._id=s;this._messageId=s+y;this._validMessageId=s+v;this._invalidMessageId=s+m;this._dataListId=s+p;this._invalidMessage=this.invalidMessage\|\|b;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var t,s,a,e,d;return i("div",{key:"9cea36266e6044d488cf212560cc1cd6bd912fdd",class:u("db-input",this.className),"data-variant":this.variant,"data-hide-label":r(this.showLabel),"data-hide-icon":r(this.showIcon),"data-icon":this.icon,"data-icon-after":this.iconAfter,"data-hide-icon-after":r(this.showIcon)},i("label",{key:"de9bcd17cbcc3edef5ee2a0daa44081f42e274b1",htmlFor:this._id},(t=this.label)!==null&&t!==void 0?t:w),i("input",{key:"110ac26c64af5cc6bc205aad9c5025a9f8d4020d","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,name:this.name,type:this.type\|\|"text",placeholder:(s=this.placeholder)!==null&&s!==void 0?s:k,disabled:c(this.disabled,"disabled"),required:c(this.required,"required"),step:l(this.step),value:(a=this.value)!==null&&a!==void 0?a:this._value,maxLength:l(this.maxLength,this.maxlength),minLength:l(this.minLength,this.minlength),max:o(this.max,this.type),min:o(this.min,this.type),readOnly:c(this.readOnly,"readOnly")\|\|c(this.readonly,"readonly"),form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:c(this.autofocus,"autofocus"),onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),list:this.dataList&&this._dataListId,"aria-describedby":(e=this.ariaDescribedBy)!==null&&e!==void 0?e:this._descByIds}),this.dataList?i("datalist",{id:this._dataListId},(d=this.getDataList())===null\|\|d===void 0?void 0:d.map((t=>i("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,i("slot",{key:"2de1f3a18d07e7ac15669450e82c6675f3e40228"}),h(this.message,this.showMessage)?i("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?i("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage\|\|g):null,i("db-infotext",{key:"edd1c559cda0c29352b322b61b8bcb39f778a6c9",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),i("span",{key:"fad4ee2dd86dbde52e089114de8df0c10680a29c","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],value:["watch2"]}}};const $=class{constructor(i){t(this,i);this.remove=s(this,"remove");this.initialized=false}handleRemove(t){if(!t)return;t.stopPropagation();if(this.remove){this.remove.emit(t)}}getRemoveButtonText(){if(this.removeButton){return this.removeButton}return x}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")\|\|e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){var t,s;if(this.initialized&&this._ref&&this.disabled!==undefined){const i=(t=this._ref)===null\|\|t===void 0?void 0:t.querySelector("button:not(.db-tab-remove-button)");const a=(s=this._ref)===null\|\|s===void 0?void 0:s.querySelector("input");for(const t of[i,a]){if(t){t.disabled=Boolean(this.disabled)}}}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tag");this.watch0Fn()}render(){var t;return i("div",{key:"e7fcf12b3f650b1b16a72642418a7616259c6ec2",class:u("db-tag",this.className),ref:t=>{this._ref=t},id:this.id,"data-disabled":f(this.disabled),"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":f((t=this.showCheckState)!==null&&t!==void 0?t:true),"data-hide-icon":r(this.showIcon),"data-no-text":f(this.noText),"data-overflow":f(this.overflow)},i("slot",{key:"d6f5551f412995ca921cb6a1966ecc551b204efe",name:"content"}),i("slot",{key:"bee4c647d1758e5a475d0b3452271f8a75f21d94"}),this.text?this.text:null,this.behavior==="removable"?i("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",type:"button",onClick:t=>this.handleRemove(t)},i("db-tooltip",{variant:"label"},this.getRemoveButtonText())):null)}static get watchers(){return{initialized:["watch0"],disabled:["watch0"],_ref:["watch0"]}}};const F=class{constructor(s){t(this,s);this.width="fixed"}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")\|\|e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-dropdown")}render(){return i("article",{key:"6996fad215702cb1f31f4a3a9625a1ada0121528",class:u("db-custom-select-dropdown db-card",this.className),"data-spacing":"none",ref:t=>{this._ref=t},id:this.id,"data-width":this.width},i("slot",{key:"31056fd553f9312376ff94fb7415a117ab29b17b"}))}};const A=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")\|\|e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list")}render(){return i("div",{key:"55b9bf7f522c5dab2113ba4755fb0d01a6539a33",class:u("db-custom-select-list",this.className),role:this.multiple?"group":"radiogroup","aria-label":this.label,ref:t=>{this._ref=t},id:this.id},i("ul",{key:"87553958e161d97f8095a79abcd4c79a3b4b4b2a"},i("slot",{key:"68034e713e4b5095e32da5c0704671912cda26cd"})))}};const C=class{constructor(i){t(this,i);this.change=s(this,"change");this._id=undefined;this.hasDivider=false}handleChange(t){t.stopPropagation();if(this.change){this.change.emit(t)}}getIconAfter(){if(this.isGroupTitle\|\|this.type==="checkbox"){return}return c(this.checked,"checked")?"check":"x_placeholder"}enableAttributePassing(t,s){const i=t===null\|\|t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")\|\|e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle\|\|this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-custom-select-list-item");this._id=(t=this.id)!==null&&t!==void 0?t:`custom-select-list-item-${n()}`;this.watch0Fn()}render(){return i("li",{key:"e3e90fd8d73cedc493624a10270bc7fe5fe880ba",class:u("db-custom-select-list-item",this.className,{"db-checkbox":this.type==="checkbox"&&!this.isGroupTitle,"db-radio":this.type!=="checkbox"&&!this.isGroupTitle}),ref:t=>{this._ref=t},id:this._id,"data-divider":f(this.hasDivider)},!this.isGroupTitle?i("label",{"data-icon":this.type!=="checkbox"&&this.icon?this.icon:undefined,"data-hide-icon":r(this.showIcon),"data-icon-after":this.getIconAfter()},i("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,form:this.name,checked:c(this.checked,"checked"),disabled:c(this.disabled,"disabled"),value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:i("slot",null)):i("span",null,this.groupTitle))}static get watchers(){return{isGroupTitle:["watch0"],showDivider:["watch0"]}}};export{F as db_custom_select_dropdown,A as db_custom_select_list,C as db_custom_select_list_item,_ as db_input,$ as db_tag};
2	- //# sourceMappingURL=p-fb06953f.entry.js.map

package/dist/db-ux/p-fb06953f.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["DBInput","constructor","hostRef","this","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_dataListId","_descByIds","_value","_voiceOverFallback","hasValidState","_a","validMessage","validation","handleValidation","_ref","validity","valid","invalidMessage","_b","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","required","minLength","maxLength","pattern","_d","DEFAULT_VALID_MESSAGE","stringPropVisible","message","showMessage","handleInput","event","input","emit","handleChange","change","handleBlur","blur","handleFocus","focus","getDataList","_list","dataList","Array","from","isArrayOfStrings","map","val","value","label","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","watch0","watch1Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","dataListId","DEFAULT_DATALIST_ID_SUFFIX","watch1","watch2Fn","watch2","componentDidLoad","mId","id","uuid","render","h","key","class","cls","className","variant","getHideProp","showLabel","showIcon","icon","iconAfter","htmlFor","DEFAULT_LABEL","fieldSizing","ref","el","type","placeholder","DEFAULT_PLACEHOLDER","disabled","getBoolean","step","getNumber","maxlength","minlength","max","getInputValue","min","readOnly","readonly","form","size","autoComplete","autocomplete","autoFocus","autofocus","onInput","onChange","onBlur","onFocus","list","ariaDescribedBy","_e","option","messageIcon","semantic","role","DBTag","initialized","handleRemove","stopPropagation","remove","getRemoveButtonText","removeButton","DEFAULT_REMOVE","button","querySelector","Boolean","getBooleanAsString","emphasis","showCheckState","noText","overflow","text","behavior","onClick","DBCustomSelectDropdown","width","DBCustomSelectList","multiple","DBCustomSelectListItem","hasDivider","getIconAfter","isGroupTitle","checked","showDivider","groupTitle"],"sources":["src/components/input/input.tsx","src/components/tag/tag.tsx","src/components/custom-select-dropdown/custom-select-dropdown.tsx","src/components/custom-select-list/custom-select-list.tsx","src/components/custom-select-list-item/custom-select-list-item.tsx"],"sourcesContent":["import {\n cls,\n delay,\n getBoolean,\n getHideProp,\n getNumber,\n hasVoiceOver,\n isArrayOfStrings,\n stringPropVisible,\n uuid,\n getInputValue,\n} from \"../../utils\";\nimport { DBInputProps, DBInputState } from \"./model\";\nimport {\n DEFAULT_DATALIST_ID_SUFFIX,\n DEFAULT_INVALID_MESSAGE,\n DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n DEFAULT_LABEL,\n DEFAULT_MESSAGE_ID_SUFFIX,\n DEFAULT_PLACEHOLDER,\n DEFAULT_VALID_MESSAGE,\n DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport {\n ChangeEvent,\n InputEvent,\n InteractionEvent,\n ValueLabelType,\n} from \"../../shared/model\";\nimport { DBInfotext } from \"../infotext/infotext\";\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-input\",\n})\nexport class DBInput {\n private _ref!: HTMLInputElement | any;\n @Prop() id: DBInputProps[\"id\"];\n @Prop() invalidMessage: DBInputProps[\"invalidMessage\"];\n @Prop() dataListId: DBInputProps[\"dataListId\"];\n @Prop() message: DBInputProps[\"message\"];\n @Prop() showMessage: DBInputProps[\"showMessage\"];\n @Prop() value: DBInputProps[\"value\"];\n @Prop() validMessage: DBInputProps[\"validMessage\"];\n @Prop() validation: DBInputProps[\"validation\"];\n @Prop() required: DBInputProps[\"required\"];\n @Prop() minLength: DBInputProps[\"minLength\"];\n @Prop() maxLength: DBInputProps[\"maxLength\"];\n @Prop() pattern: DBInputProps[\"pattern\"];\n @Event() input: EventEmitter<\n Parameters<Required<DBInputProps>[\"onInput\"]>[number]\n > | void;\n @Event() change: EventEmitter<\n Parameters<Required<DBInputProps>[\"onChange\"]>[number]\n > | void;\n @Event() blur: EventEmitter<\n Parameters<Required<DBInputProps>[\"onBlur\"]>[number]\n > | void;\n @Event() focus: EventEmitter<\n Parameters<Required<DBInputProps>[\"onFocus\"]>[number]\n > | void;\n @Prop() dataList: DBInputProps[\"dataList\"];\n @Prop({attribute: \"classname\"}) className: DBInputProps[\"className\"];\n @Prop() variant: DBInputProps[\"variant\"];\n @Prop() showLabel: DBInputProps[\"showLabel\"];\n @Prop() showIcon: DBInputProps[\"showIcon\"];\n @Prop() icon: DBInputProps[\"icon\"];\n @Prop() iconAfter: DBInputProps[\"iconAfter\"];\n @Prop() label: DBInputProps[\"label\"];\n @Prop() fieldSizing: DBInputProps[\"fieldSizing\"];\n @Prop() name: DBInputProps[\"name\"];\n @Prop() type: DBInputProps[\"type\"];\n @Prop() placeholder: DBInputProps[\"placeholder\"];\n @Prop() disabled: DBInputProps[\"disabled\"];\n @Prop() step: DBInputProps[\"step\"];\n @Prop() maxlength: DBInputProps[\"maxlength\"];\n @Prop() minlength: DBInputProps[\"minlength\"];\n @Prop() max: DBInputProps[\"max\"];\n @Prop() min: DBInputProps[\"min\"];\n @Prop() readOnly: DBInputProps[\"readOnly\"];\n @Prop() readonly: DBInputProps[\"readonly\"];\n @Prop() form: DBInputProps[\"form\"];\n @Prop() size: DBInputProps[\"size\"];\n @Prop() autocomplete: DBInputProps[\"autocomplete\"];\n @Prop() autofocus: DBInputProps[\"autofocus\"];\n @Prop() ariaDescribedBy: DBInputProps[\"ariaDescribedBy\"];\n @Prop() messageIcon: DBInputProps[\"messageIcon\"];\n @State() _id = undefined;\n @State() _messageId = undefined;\n @State() _validMessageId = undefined;\n @State() _invalidMessageId = undefined;\n @State() _invalidMessage = undefined;\n @State() _dataListId = undefined;\n @State() _descByIds = \"\";\n @State() _value = \"\";\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 input */\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 || this.minLength || this.maxLength || this.pattern)\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 = \"\";\n }\n }\n handleInput(event: InputEvent<HTMLInputElement>) {\n if (this.input) {\n this.input.emit(event);\n }\n this.handleValidation();\n }\n handleChange(event: ChangeEvent<HTMLInputElement>) {\n if (this.change) {\n this.change.emit(event);\n }\n this.handleValidation();\n }\n handleBlur(event: InteractionEvent<HTMLInputElement> | any) {\n if (this.blur) {\n this.blur.emit(event);\n }\n }\n handleFocus(event: InteractionEvent<HTMLInputElement> | any) {\n if (this.focus) {\n this.focus.emit(event);\n }\n }\n getDataList() {\n const _list = this.dataList;\n return Array.from(\n (isArrayOfStrings(_list)\n ? _list?.map((val: string) => ({\n value: val,\n label: undefined,\n }))\n : _list) || []\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 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) {\n const messageId = this._id + DEFAULT_MESSAGE_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._dataListId =\n this.dataListId ?? this._id + DEFAULT_DATALIST_ID_SUFFIX;\n if (stringPropVisible(this.message, this.showMessage)) {\n this._descByIds = messageId;\n }\n }\n }\n\n @Watch(\"_id\")\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-input\");\n const mId = this.id ?? `input-${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._dataListId = mId + DEFAULT_DATALIST_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-input\", this.className)}\n data-variant={this.variant}\n data-hide-label={getHideProp(this.showLabel)}\n data-hide-icon={getHideProp(this.showIcon)}\n data-icon={this.icon}\n data-icon-after={this.iconAfter}\n data-hide-icon-after={getHideProp(this.showIcon)}\n >\n <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n <input\n aria-invalid={this.validation === \"invalid\"}\n data-custom-validity={this.validation}\n data-field-sizing={this.fieldSizing}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this._id}\n name={this.name}\n type={this.type || \"text\"}\n placeholder={this.placeholder ?? DEFAULT_PLACEHOLDER}\n disabled={getBoolean(this.disabled, \"disabled\")}\n required={getBoolean(this.required, \"required\")}\n step={getNumber(this.step)}\n value={this.value ?? this._value}\n maxLength={getNumber(this.maxLength, this.maxlength)}\n minLength={getNumber(this.minLength, this.minlength)}\n max={getInputValue(this.max, this.type)}\n min={getInputValue(this.min, this.type)}\n readOnly={\n getBoolean(this.readOnly, \"readOnly\") ||\n getBoolean(this.readonly, \"readonly\")\n }\n form={this.form}\n pattern={this.pattern}\n size={this.size}\n autoComplete={this.autocomplete}\n autoFocus={getBoolean(this.autofocus, \"autofocus\")}\n onInput={(event) => this.handleInput(event)}\n onChange={(event) => this.handleChange(event)}\n onBlur={(event) => this.handleBlur(event)}\n onFocus={(event) => this.handleFocus(event)}\n list={this.dataList && this._dataListId}\n aria-describedby={this.ariaDescribedBy ?? this._descByIds}\n />\n {this.dataList ? (\n <datalist id={this._dataListId}>\n {this.getDataList()?.map((option) => (\n <option\n key={this._dataListId + \"-option-\" + option.value}\n value={option.value}\n >\n {option.label}\n </option>\n ))}\n </datalist>\n ) : null}\n <slot></slot>\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","import { DBTagProps, DBTagState } from \"./model\";\nimport { cls, getBooleanAsString, getHideProp } from \"../../utils\";\nimport { DEFAULT_REMOVE } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DBTooltip } from \"../tooltip/tooltip\";\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 * @slot content - TODO: Add description for slotContent\n */\n @Component({\n tag: \"db-tag\",\n})\nexport class DBTag {\n private _ref!: HTMLDivElement | any;\n @Prop() disabled: DBTagProps[\"disabled\"];\n @Event() remove: EventEmitter<\n Parameters<Required<DBTagProps>[\"remove\"]>[number]\n > | void;\n @Prop() removeButton: DBTagProps[\"removeButton\"];\n @Prop() id: DBTagProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBTagProps[\"className\"];\n @Prop() semantic: DBTagProps[\"semantic\"];\n @Prop() emphasis: DBTagProps[\"emphasis\"];\n @Prop() icon: DBTagProps[\"icon\"];\n @Prop() showCheckState: DBTagProps[\"showCheckState\"];\n @Prop() showIcon: DBTagProps[\"showIcon\"];\n @Prop() noText: DBTagProps[\"noText\"];\n @Prop() overflow: DBTagProps[\"overflow\"];\n @Prop() text: DBTagProps[\"text\"];\n @Prop() behavior: DBTagProps[\"behavior\"];\n @State() initialized = false;\n\n handleRemove(event?: ClickEvent<HTMLButtonElement> | void) {\n if (!event) return;\n event.stopPropagation();\n if (this.remove) {\n this.remove.emit(event);\n }\n }\n getRemoveButtonText() {\n if (this.removeButton) {\n return this.removeButton;\n }\n\n // TODO: We should think this through again, if we would really like to have default and especially english, instead of german labels in here\n return DEFAULT_REMOVE;\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.initialized && this._ref && this.disabled !== undefined) {\n const button: HTMLButtonElement | null = this._ref?.querySelector(\n \"button:not(.db-tab-remove-button)\"\n );\n const input: HTMLInputElement | null = this._ref?.querySelector(\"input\");\n for (const element of [button, input]) {\n if (element) {\n element.disabled = Boolean(this.disabled);\n }\n }\n }\n }\n\n @Watch(\"initialized\")\n @Watch(\"disabled\")\n @Watch(\"_ref\")\n watch0() {\n this.watch0Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-tag\");\n\n this.watch0Fn();\n }\n\n render() {\n return (\n <div\n class={cls(\"db-tag\", this.className)}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n data-disabled={getBooleanAsString(this.disabled)}\n data-semantic={this.semantic}\n data-emphasis={this.emphasis}\n data-icon={this.icon}\n data-show-check-state={getBooleanAsString(this.showCheckState ?? true)}\n data-hide-icon={getHideProp(this.showIcon)}\n data-no-text={getBooleanAsString(this.noText)}\n data-overflow={getBooleanAsString(this.overflow)}\n >\n <slot name=\"content\"></slot>\n <slot></slot>\n {this.text ? this.text : null}\n {this.behavior === \"removable\" ? (\n <button\n class=\"db-button db-tab-remove-button\"\n data-icon=\"cross\"\n data-size=\"small\"\n data-no-text=\"true\"\n data-variant=\"ghost\"\n type=\"button\"\n onClick={(event) => this.handleRemove(event)}\n >\n <db-tooltip variant=\"label\">\n {this.getRemoveButtonText()}\n </db-tooltip>\n </button>\n ) : null}\n </div>\n );\n }\n}\n","import { DBCustomSelectDropdownProps } from \"./model\";\nimport { cls } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n tag: \"db-custom-select-dropdown\",\n})\nexport class DBCustomSelectDropdown {\n private _ref!: HTMLDivElement | any;\n @Prop() id: DBCustomSelectDropdownProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBCustomSelectDropdownProps[\"className\"];\n @Prop() width: DBCustomSelectDropdownProps[\"width\"] = \"fixed\";\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 componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-custom-select-dropdown\");\n }\n\n render() {\n return (\n <article\n class={cls(\"db-custom-select-dropdown db-card\", this.className)}\n data-spacing=\"none\"\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n data-width={this.width}\n >\n <slot></slot>\n </article>\n );\n }\n}\n","import { DBCustomSelectListProps } from \"./model\";\nimport { cls } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n tag: \"db-custom-select-list\",\n})\nexport class DBCustomSelectList {\n private _ref!: HTMLDivElement | any;\n @Prop() multiple: DBCustomSelectListProps[\"multiple\"];\n @Prop() label: DBCustomSelectListProps[\"label\"];\n @Prop() id: DBCustomSelectListProps[\"id\"];\n @Prop({attribute: \"classname\"}) className: DBCustomSelectListProps[\"className\"];\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 componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-custom-select-list\");\n }\n\n render() {\n return (\n <div\n class={cls(\"db-custom-select-list\", this.className)}\n role={this.multiple ? \"group\" : \"radiogroup\"}\n aria-label={this.label}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this.id}\n >\n <ul>\n <slot></slot>\n </ul>\n </div>\n );\n }\n}\n","import {\n DBCustomSelectListItemProps,\n DBCustomSelectListItemState,\n} from \"./model\";\nimport {\n cls,\n getBoolean,\n getBooleanAsString,\n getHideProp,\n uuid,\n} from \"../../utils\";\nimport { ChangeEvent } 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-custom-select-list-item\",\n})\nexport class DBCustomSelectListItem {\n private _ref!: HTMLLIElement | any;\n @Prop() id: DBCustomSelectListItemProps[\"id\"];\n @Prop() isGroupTitle: DBCustomSelectListItemProps[\"isGroupTitle\"];\n @Prop() showDivider: DBCustomSelectListItemProps[\"showDivider\"];\n @Event() change: EventEmitter<\n Parameters<Required<DBCustomSelectListItemProps>[\"onChange\"]>[number]\n > | void;\n @Prop() type: DBCustomSelectListItemProps[\"type\"];\n @Prop() checked: DBCustomSelectListItemProps[\"checked\"];\n @Prop({attribute: \"classname\"}) className: DBCustomSelectListItemProps[\"className\"];\n @Prop() groupTitle: DBCustomSelectListItemProps[\"groupTitle\"];\n @Prop() icon: DBCustomSelectListItemProps[\"icon\"];\n @Prop() showIcon: DBCustomSelectListItemProps[\"showIcon\"];\n @Prop() name: DBCustomSelectListItemProps[\"name\"];\n @Prop() disabled: DBCustomSelectListItemProps[\"disabled\"];\n @Prop() value: DBCustomSelectListItemProps[\"value\"];\n @Prop() label: DBCustomSelectListItemProps[\"label\"];\n @State() _id = undefined;\n @State() hasDivider = false;\n\n handleChange(event: ChangeEvent<HTMLInputElement>) {\n event.stopPropagation();\n if (this.change) {\n this.change.emit(event);\n }\n }\n getIconAfter() {\n if (this.isGroupTitle || this.type === \"checkbox\") {\n return;\n }\n return getBoolean(this.checked, \"checked\") ? \"check\" : \"x_placeholder\";\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 this.hasDivider = Boolean(this.isGroupTitle || this.showDivider);\n }\n\n @Watch(\"isGroupTitle\")\n @Watch(\"showDivider\")\n watch0() {\n this.watch0Fn();\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-custom-select-list-item\");\n this._id = this.id ?? `custom-select-list-item-${uuid()}`;\n this.watch0Fn();\n }\n\n render() {\n return (\n <li\n class={cls(\"db-custom-select-list-item\", this.className, {\n \"db-checkbox\": this.type === \"checkbox\" && !this.isGroupTitle,\n \"db-radio\": this.type !== \"checkbox\" && !this.isGroupTitle,\n })}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this._id}\n data-divider={getBooleanAsString(this.hasDivider)}\n >\n {!this.isGroupTitle ? (\n <label\n data-icon={\n this.type !== \"checkbox\" && this.icon ? this.icon : undefined\n }\n data-hide-icon={getHideProp(this.showIcon)}\n data-icon-after={this.getIconAfter()}\n >\n <input\n class=\"db-custom-select-list-item-checkbox\"\n data-disable-focus=\"true\"\n type={this.type}\n name={this.name}\n form={this.name}\n checked={getBoolean(this.checked, \"checked\")}\n disabled={getBoolean(this.disabled, \"disabled\")}\n value={this.value}\n onChange={(event) => this.handleChange(event)}\n />\n {this.label ? this.label : <slot></slot>}\n </label>\n ) : (\n <span>{this.groupTitle}</span>\n )}\n </li>\n );\n }\n}\n"],"mappings":"8PAsDaA,EAAO,MAHnB,WAAAC,CAAAC,G,sHAuDUC,KAAGC,IAAGC,UACNF,KAAUG,WAAGD,UACbF,KAAeI,gBAAGF,UAClBF,KAAiBK,kBAAGH,UACpBF,KAAeM,gBAAGJ,UAClBF,KAAWO,YAAGL,UACdF,KAAUQ,WAAG,GACbR,KAAMS,OAAG,GACTT,KAAkBU,mBAAG,EA6P/B,CA3PC,aAAAC,G,MACE,UAAUC,EAAAZ,KAAKa,gBAAgB,MAAAD,SAAA,EAAAA,EAAAZ,KAAKc,aAAe,Q,CAErD,gBAAAC,G,YAEE,MAAKH,EAAAZ,KAAKgB,QAAI,MAAAJ,SAAA,SAAAA,EAAEK,SAASC,QAASlB,KAAKc,aAAe,UAAW,CAC/Dd,KAAKQ,WAAaR,KAAKK,kBACvBL,KAAKM,gBACHN,KAAKmB,kBACLC,EAAApB,KAAKgB,QAAI,MAAAI,SAAA,SAAAA,EAAEC,oBACXC,EACF,GAAIC,IAAgB,CAClBvB,KAAKU,mBAAqBV,KAAKM,gBAC/BkB,GAAM,IAAOxB,KAAKU,mBAAqB,IAAK,I,OAEzC,GACLV,KAAKW,mBACLc,EAAAzB,KAAKgB,QAAI,MAAAS,SAAA,SAAAA,EAAER,SAASC,SACnBlB,KAAK0B,UAAY1B,KAAK2B,WAAa3B,KAAK4B,WAAa5B,KAAK6B,SAC3D,CACA7B,KAAKQ,WAAaR,KAAKI,gBACvB,GAAImB,IAAgB,CAClBvB,KAAKU,oBAAqBoB,EAAA9B,KAAKa,gBAAgB,MAAAiB,SAAA,EAAAA,EAAAC,EAC/CP,GAAM,IAAOxB,KAAKU,mBAAqB,IAAK,I,OAEzC,GAAIsB,EAAkBhC,KAAKiC,QAASjC,KAAKkC,aAAc,CAC5DlC,KAAKQ,WAAaR,KAAKG,U,KAClB,CACLH,KAAKQ,WAAa,E,EAGtB,WAAA2B,CAAYC,GACV,GAAIpC,KAAKqC,MAAO,CACdrC,KAAKqC,MAAMC,KAAKF,E,CAElBpC,KAAKe,kB,CAEP,YAAAwB,CAAaH,GACX,GAAIpC,KAAKwC,OAAQ,CACfxC,KAAKwC,OAAOF,KAAKF,E,CAEnBpC,KAAKe,kB,CAEP,UAAA0B,CAAWL,GACT,GAAIpC,KAAK0C,KAAM,CACb1C,KAAK0C,KAAKJ,KAAKF,E,EAGnB,WAAAO,CAAYP,GACV,GAAIpC,KAAK4C,MAAO,CACd5C,KAAK4C,MAAMN,KAAKF,E,EAGpB,WAAAS,GACE,MAAMC,EAAQ9C,KAAK+C,SACnB,OAAOC,MAAMC,MACVC,EAAiBJ,GACdA,IAAA,MAAAA,SAAK,SAALA,EAAOK,KAAKC,IAAW,CACrBC,MAAOD,EACPE,MAAOpD,cAET4C,IAAU,G,CASV,sBAAAS,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKV,OACrCK,EAAOU,gBAAgBL,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMI,EAAiBN,EAAKV,MAAMiB,SAAS,YAC3C,MAAMjB,EAAQU,EAAKV,MAAMkB,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAejB,EAAQkB,aAAa,SAC1ClB,EAAQW,aACNJ,EAAKE,KACL,GAAGQ,EAAe,GAAGA,KAAkB,KAAKpB,KAE9C,GAAIgB,EAAgB,CAElBX,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOU,gBAAgBL,EAAKE,K,KAOtC,QAAAU,G,MACE3E,KAAKM,gBACHN,KAAKmB,kBACLP,EAAAZ,KAAKgB,QAAI,MAAAJ,SAAA,SAAAA,EAAES,oBACXC,C,CAKJ,MAAAsD,GACE5E,KAAK2E,U,CAGP,QAAAE,G,MACE,GAAI7E,KAAKC,IAAK,CACZ,MAAM6E,EAAY9E,KAAKC,IAAM8E,EAC7B/E,KAAKG,WAAa2E,EAClB9E,KAAKI,gBAAkBJ,KAAKC,IAAM+E,EAClChF,KAAKK,kBAAoBL,KAAKC,IAAMgF,EACpCjF,KAAKO,aACHK,EAAAZ,KAAKkF,cAAU,MAAAtE,SAAA,EAAAA,EAAIZ,KAAKC,IAAMkF,EAChC,GAAInD,EAAkBhC,KAAKiC,QAASjC,KAAKkC,aAAc,CACrDlC,KAAKQ,WAAasE,C,GAMxB,MAAAM,GACEpF,KAAK6E,U,CAGP,QAAAQ,GACErF,KAAKS,OAAST,KAAKqD,K,CAIrB,MAAAiC,GACEtF,KAAKqF,U,CAGP,gBAAAE,G,MACEvF,KAAKuD,uBAAuBvD,KAAKgB,KAAM,YACvC,MAAMwE,GAAM5E,EAAAZ,KAAKyF,MAAE,MAAA7E,SAAA,EAAAA,EAAI,SAAS8E,MAChC1F,KAAKC,IAAMuF,EACXxF,KAAKG,WAAaqF,EAAMT,EACxB/E,KAAKI,gBAAkBoF,EAAMR,EAC7BhF,KAAKK,kBAAoBmF,EAAMP,EAC/BjF,KAAKO,YAAciF,EAAML,EACzBnF,KAAKM,gBAAkBN,KAAKmB,gBAAkBG,EAC9CtB,KAAK2E,WACL3E,KAAK6E,WACL7E,KAAKqF,U,CAGP,MAAAM,G,cACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAI,WAAY/F,KAAKgG,WAAU,eACxBhG,KAAKiG,QAAO,kBACTC,EAAYlG,KAAKmG,WAClB,iBAAAD,EAAYlG,KAAKoG,UAAS,YAC/BpG,KAAKqG,KAAI,kBACHrG,KAAKsG,UACA,uBAAAJ,EAAYlG,KAAKoG,WAEvCR,EAAA,SAAAC,IAAA,2CAAOU,QAASvG,KAAKC,MAAMW,EAAAZ,KAAKsD,SAAS,MAAA1C,SAAA,EAAAA,EAAA4F,GACzCZ,EAAA,SAAAC,IAAA,0DACgB7F,KAAKc,aAAe,UAAS,uBACrBd,KAAKc,WAAU,oBAClBd,KAAKyG,YACxBC,IAAMC,IACJ3G,KAAKgB,KAAO2F,CAAE,EAEhBlB,GAAIzF,KAAKC,IACTgE,KAAMjE,KAAKiE,KACX2C,KAAM5G,KAAK4G,MAAQ,OACnBC,aAAazF,EAAApB,KAAK6G,eAAe,MAAAzF,SAAA,EAAAA,EAAA0F,EACjCC,SAAUC,EAAWhH,KAAK+G,SAAU,YACpCrF,SAAUsF,EAAWhH,KAAK0B,SAAU,YACpCuF,KAAMC,EAAUlH,KAAKiH,MACrB5D,OAAO5B,EAAAzB,KAAKqD,SAAK,MAAA5B,SAAA,EAAAA,EAAIzB,KAAKS,OAC1BmB,UAAWsF,EAAUlH,KAAK4B,UAAW5B,KAAKmH,WAC1CxF,UAAWuF,EAAUlH,KAAK2B,UAAW3B,KAAKoH,WAC1CC,IAAKC,EAActH,KAAKqH,IAAKrH,KAAK4G,MAClCW,IAAKD,EAActH,KAAKuH,IAAKvH,KAAK4G,MAClCY,SACER,EAAWhH,KAAKwH,SAAU,aAC1BR,EAAWhH,KAAKyH,SAAU,YAE5BC,KAAM1H,KAAK0H,KACX7F,QAAS7B,KAAK6B,QACd8F,KAAM3H,KAAK2H,KACXC,aAAc5H,KAAK6H,aACnBC,UAAWd,EAAWhH,KAAK+H,UAAW,aACtCC,QAAU5F,GAAUpC,KAAKmC,YAAYC,GACrC6F,SAAW7F,GAAUpC,KAAKuC,aAAaH,GACvC8F,OAAS9F,GAAUpC,KAAKyC,WAAWL,GACnC+F,QAAU/F,GAAUpC,KAAK2C,YAAYP,GACrCgG,KAAMpI,KAAK+C,UAAY/C,KAAKO,YAAW,oBACrBuB,EAAA9B,KAAKqI,mBAAmB,MAAAvG,SAAA,EAAAA,EAAA9B,KAAKQ,aAEhDR,KAAK+C,SACJ6C,EAAA,YAAUH,GAAIzF,KAAKO,cAChB+H,EAAAtI,KAAK6C,iBAAe,MAAAyF,SAAA,SAAAA,EAAAnF,KAAKoF,GACxB3C,EAAA,UACEC,IAAK7F,KAAKO,YAAc,WAAagI,EAAOlF,MAC5CA,MAAOkF,EAAOlF,OAEbkF,EAAOjF,UAIZ,KACJsC,EAAa,QAAAC,IAAA,6CACZ7D,EAAkBhC,KAAKiC,QAASjC,KAAKkC,aACpC0D,EAAA,eACE+B,KAAK,QACLtB,KAAMrG,KAAKwI,YACX/C,GAAIzF,KAAKG,YAERH,KAAKiC,SAEN,KACHjC,KAAKW,gBACJiF,EACE,eAAA+B,KAAK,QACLc,SAAS,aACThD,GAAIzF,KAAKI,iBAERJ,KAAKa,cAAgBkB,GAEtB,KACJ6D,EAAA,eAAAC,IAAA,2CACE8B,KAAK,QACLc,SAAS,WACThD,GAAIzF,KAAKK,mBAERL,KAAKM,iBAERsF,EAAA,QAAAC,IAAA,kEAA2B,OAAO6C,KAAK,UACpC1I,KAAKU,oB,iHCjVHiI,EAAK,MAHjB,WAAA7I,CAAAC,G,uCAqBUC,KAAW4I,YAAG,KA2HxB,CAzHC,YAAAC,CAAazG,GACX,IAAKA,EAAO,OACZA,EAAM0G,kBACN,GAAI9I,KAAK+I,OAAQ,CACf/I,KAAK+I,OAAOzG,KAAKF,E,EAGrB,mBAAA4G,GACE,GAAIhJ,KAAKiJ,aAAc,CACrB,OAAOjJ,KAAKiJ,Y,CAId,OAAOC,C,CAQD,sBAAA3F,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKV,OACrCK,EAAOU,gBAAgBL,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMI,EAAiBN,EAAKV,MAAMiB,SAAS,YAC3C,MAAMjB,EAAQU,EAAKV,MAAMkB,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAejB,EAAQkB,aAAa,SAC1ClB,EAAQW,aACNJ,EAAKE,KACL,GAAGQ,EAAe,GAAGA,KAAkB,KAAKpB,KAE9C,GAAIgB,EAAgB,CAElBX,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOU,gBAAgBL,EAAKE,K,KAOtC,QAAAU,G,QACE,GAAI3E,KAAK4I,aAAe5I,KAAKgB,MAAQhB,KAAK+G,WAAa7G,UAAW,CAChE,MAAMiJ,GAAmCvI,EAAAZ,KAAKgB,QAAI,MAAAJ,SAAA,SAAAA,EAAEwI,cAClD,qCAEF,MAAM/G,GAAiCjB,EAAApB,KAAKgB,QAAI,MAAAI,SAAA,SAAAA,EAAEgI,cAAc,SAChE,IAAK,MAAM5F,IAAW,CAAC2F,EAAQ9G,GAAQ,CACrC,GAAImB,EAAS,CACXA,EAAQuD,SAAWsC,QAAQrJ,KAAK+G,S,IASxC,MAAAnC,GACE5E,KAAK2E,U,CAGP,gBAAAY,GACEvF,KAAKuD,uBAAuBvD,KAAKgB,KAAM,UAEvChB,KAAK2E,U,CAGP,MAAAgB,G,MACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,SAAU/F,KAAKgG,WAC1BU,IAAMC,IACJ3G,KAAKgB,KAAO2F,CAAE,EAEhBlB,GAAIzF,KAAKyF,GACM,gBAAA6D,EAAmBtJ,KAAK+G,UACxB,gBAAA/G,KAAKyI,SACL,gBAAAzI,KAAKuJ,SACT,YAAAvJ,KAAKqG,KACO,wBAAAiD,GAAmB1I,EAAAZ,KAAKwJ,kBAAkB,MAAA5I,SAAA,EAAAA,EAAA,MAAK,iBACtDsF,EAAYlG,KAAKoG,UAAS,eAC5BkD,EAAmBtJ,KAAKyJ,QACvB,gBAAAH,EAAmBtJ,KAAK0J,WAEvC9D,EAAM,QAAAC,IAAA,2CAAA5B,KAAK,YACX2B,EAAa,QAAAC,IAAA,6CACZ7F,KAAK2J,KAAO3J,KAAK2J,KAAO,KACxB3J,KAAK4J,WAAa,YACjBhE,EACE,UAAAE,MAAM,iCAAgC,YAC5B,QAAO,YACP,QACG,sBACA,uBACbc,KAAK,SACLiD,QAAUzH,GAAUpC,KAAK6I,aAAazG,IAEtCwD,EAAA,cAAYK,QAAQ,SACjBjG,KAAKgJ,wBAGR,K,kGCrJCc,EAAsB,MAHlC,WAAAhK,CAAAC,G,UAOSC,KAAK+J,MAAyC,OA6DvD,CAtDS,sBAAAxG,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKV,OACrCK,EAAOU,gBAAgBL,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMI,EAAiBN,EAAKV,MAAMiB,SAAS,YAC3C,MAAMjB,EAAQU,EAAKV,MAAMkB,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAejB,EAAQkB,aAAa,SAC1ClB,EAAQW,aACNJ,EAAKE,KACL,GAAGQ,EAAe,GAAGA,KAAkB,KAAKpB,KAE9C,GAAIgB,EAAgB,CAElBX,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOU,gBAAgBL,EAAKE,K,KAOtC,gBAAAsB,GACEvF,KAAKuD,uBAAuBvD,KAAKgB,KAAM,4B,CAGzC,MAAA2E,GACE,OACEC,EAAA,WAAAC,IAAA,2CACEC,MAAOC,EAAI,oCAAqC/F,KAAKgG,WAAU,eAClD,OACbU,IAAMC,IACJ3G,KAAKgB,KAAO2F,CAAE,EAEhBlB,GAAIzF,KAAKyF,GAAE,aACCzF,KAAK+J,OAEjBnE,EAAa,QAAAC,IAAA,6C,SC7DRmE,EAAkB,M,yBAYrB,sBAAAzG,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKV,OACrCK,EAAOU,gBAAgBL,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMI,EAAiBN,EAAKV,MAAMiB,SAAS,YAC3C,MAAMjB,EAAQU,EAAKV,MAAMkB,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAejB,EAAQkB,aAAa,SAC1ClB,EAAQW,aACNJ,EAAKE,KACL,GAAGQ,EAAe,GAAGA,KAAkB,KAAKpB,KAE9C,GAAIgB,EAAgB,CAElBX,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOU,gBAAgBL,EAAKE,K,KAOtC,gBAAAsB,GACEvF,KAAKuD,uBAAuBvD,KAAKgB,KAAM,wB,CAGzC,MAAA2E,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,wBAAyB/F,KAAKgG,WACzC0C,KAAM1I,KAAKiK,SAAW,QAAU,aACpB,aAAAjK,KAAKsD,MACjBoD,IAAMC,IACJ3G,KAAKgB,KAAO2F,CAAE,EAEhBlB,GAAIzF,KAAKyF,IAETG,EAAA,MAAAC,IAAA,4CACED,EAAa,QAAAC,IAAA,8C,SCxCVqE,EAAsB,MAHlC,WAAApK,CAAAC,G,uCAqBUC,KAAGC,IAAGC,UACNF,KAAUmK,WAAG,KA+GvB,CA7GC,YAAA5H,CAAaH,GACXA,EAAM0G,kBACN,GAAI9I,KAAKwC,OAAQ,CACfxC,KAAKwC,OAAOF,KAAKF,E,EAGrB,YAAAgI,GACE,GAAIpK,KAAKqK,cAAgBrK,KAAK4G,OAAS,WAAY,CACjD,M,CAEF,OAAOI,EAAWhH,KAAKsK,QAAS,WAAa,QAAU,e,CAQjD,sBAAA/G,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKV,OACrCK,EAAOU,gBAAgBL,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMI,EAAiBN,EAAKV,MAAMiB,SAAS,YAC3C,MAAMjB,EAAQU,EAAKV,MAAMkB,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAejB,EAAQkB,aAAa,SAC1ClB,EAAQW,aACNJ,EAAKE,KACL,GAAGQ,EAAe,GAAGA,KAAkB,KAAKpB,KAE9C,GAAIgB,EAAgB,CAElBX,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOU,gBAAgBL,EAAKE,K,KAOtC,QAAAU,GACE3E,KAAKmK,WAAad,QAAQrJ,KAAKqK,cAAgBrK,KAAKuK,Y,CAKtD,MAAA3F,GACE5E,KAAK2E,U,CAGP,gBAAAY,G,MACEvF,KAAKuD,uBAAuBvD,KAAKgB,KAAM,8BACvChB,KAAKC,KAAMW,EAAAZ,KAAKyF,MAAE,MAAA7E,SAAA,EAAAA,EAAI,2BAA2B8E,MACjD1F,KAAK2E,U,CAGP,MAAAgB,GACE,OACEC,EACE,MAAAC,IAAA,2CAAAC,MAAOC,EAAI,6BAA8B/F,KAAKgG,UAAW,CACvD,cAAehG,KAAK4G,OAAS,aAAe5G,KAAKqK,aACjD,WAAYrK,KAAK4G,OAAS,aAAe5G,KAAKqK,eAEhD3D,IAAMC,IACJ3G,KAAKgB,KAAO2F,CAAE,EAEhBlB,GAAIzF,KAAKC,IACK,eAAAqJ,EAAmBtJ,KAAKmK,cAEpCnK,KAAKqK,aACLzE,EAEI,qBAAA5F,KAAK4G,OAAS,YAAc5G,KAAKqG,KAAOrG,KAAKqG,KAAOnG,UAAS,iBAE/CgG,EAAYlG,KAAKoG,UAChB,kBAAApG,KAAKoK,gBAEtBxE,EAAA,SACEE,MAAM,sCAAqC,qBACxB,OACnBc,KAAM5G,KAAK4G,KACX3C,KAAMjE,KAAKiE,KACXyD,KAAM1H,KAAKiE,KACXqG,QAAStD,EAAWhH,KAAKsK,QAAS,WAClCvD,SAAUC,EAAWhH,KAAK+G,SAAU,YACpC1D,MAAOrD,KAAKqD,MACZ4E,SAAW7F,GAAUpC,KAAKuC,aAAaH,KAExCpC,KAAKsD,MAAQtD,KAAKsD,MAAQsC,EAAa,cAG1CA,EAAO,YAAA5F,KAAKwK,Y","ignoreList":[]}