@db-ux/wc-core-components 2.0.6 → 2.0.7
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.
- package/dist/cjs/db-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/db-accordion.cjs.entry.js +2 -2
- package/dist/cjs/db-badge.cjs.entry.js +2 -2
- package/dist/cjs/db-brand.cjs.entry.js +2 -2
- package/dist/cjs/db-button.cjs.entry.js +2 -2
- package/dist/cjs/db-card.cjs.entry.js +2 -2
- package/dist/cjs/db-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/db-custom-select-dropdown.db-custom-select-list.db-custom-select-list-item.db-input.db-tag.db-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/db-custom-select-dropdown_6.cjs.entry.js +5 -5
- package/dist/cjs/db-custom-select-dropdown_6.cjs.entry.js.map +1 -1
- package/dist/cjs/db-custom-select-form-field.cjs.entry.js +2 -2
- package/dist/cjs/db-custom-select.cjs.entry.js +3 -3
- package/dist/cjs/db-divider.cjs.entry.js +2 -2
- package/dist/cjs/db-drawer.cjs.entry.js +2 -2
- package/dist/cjs/db-header.cjs.entry.js +3 -3
- package/dist/cjs/db-icon.cjs.entry.js +2 -2
- package/dist/cjs/db-infotext.cjs.entry.js +2 -2
- package/dist/cjs/db-link.cjs.entry.js +2 -2
- package/dist/cjs/db-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/db-navigation.cjs.entry.js +2 -2
- package/dist/cjs/db-notification.cjs.entry.js +2 -2
- package/dist/cjs/db-page.cjs.entry.js +2 -2
- package/dist/cjs/db-popover.cjs.entry.js +2 -2
- package/dist/cjs/db-radio.cjs.entry.js +2 -2
- package/dist/cjs/db-section.cjs.entry.js +2 -2
- package/dist/cjs/db-select.cjs.entry.js +2 -2
- package/dist/cjs/db-stack.cjs.entry.js +2 -2
- package/dist/cjs/db-switch.cjs.entry.js +2 -2
- package/dist/cjs/db-tab-item_3.cjs.entry.js +2 -2
- package/dist/cjs/db-tabs.cjs.entry.js +2 -2
- package/dist/cjs/db-textarea.cjs.entry.js +2 -2
- package/dist/cjs/db-ux.cjs.js +2 -2
- package/dist/cjs/db-ux.cjs.js.map +1 -1
- package/dist/cjs/{document-click-listener-CrbHspH2.js → document-click-listener-BbGE8WyV.js} +3 -3
- package/dist/cjs/{document-click-listener-CrbHspH2.js.map → document-click-listener-BbGE8WyV.js.map} +1 -1
- package/dist/cjs/{index-9h8KqOUd.js → index-7lbP4BU6.js} +16 -2
- package/dist/cjs/index-7lbP4BU6.js.map +1 -0
- package/dist/cjs/{index-fEToMoyG.js → index-BzLx0HVU.js} +3 -3
- package/dist/cjs/{index-fEToMoyG.js.map → index-BzLx0HVU.js.map} +1 -1
- package/dist/cjs/index.cjs.js +5 -4
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{navigation-DjZJIxIq.js → navigation-BLjJ1vaO.js} +3 -3
- package/dist/cjs/{navigation-DjZJIxIq.js.map → navigation-BLjJ1vaO.js.map} +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/utils/index.js +13 -0
- package/dist/collection/utils/index.js.map +1 -1
- package/dist/db-ux/db-custom-select-dropdown.db-custom-select-list.db-custom-select-list-item.db-input.db-tag.db-tooltip.entry.esm.js.map +1 -1
- package/dist/db-ux/db-ux.esm.js +1 -1
- package/dist/db-ux/db-ux.esm.js.map +1 -1
- package/dist/db-ux/index.esm.js +1 -1
- package/dist/db-ux/{p-ce5e2b8e.entry.js → p-01112955.entry.js} +2 -2
- package/dist/db-ux/{p-5d4c828f.entry.js → p-049844c6.entry.js} +2 -2
- package/dist/db-ux/{p-4c056a9f.entry.js → p-14c44b94.entry.js} +2 -2
- package/dist/db-ux/{p-7a4ca08d.entry.js → p-1d40e8cd.entry.js} +2 -2
- package/dist/db-ux/{p-8f733f5a.entry.js → p-33aaf986.entry.js} +2 -2
- package/dist/db-ux/{p-9ee62815.entry.js → p-39d957bb.entry.js} +2 -2
- package/dist/db-ux/{p-10a706a6.entry.js → p-4400f077.entry.js} +2 -2
- package/dist/db-ux/{p-cf1e90bc.entry.js → p-44f6404b.entry.js} +2 -2
- package/dist/db-ux/{p-41feb579.entry.js → p-49cc4a11.entry.js} +2 -2
- package/dist/db-ux/{p-a986a721.entry.js → p-50c9112b.entry.js} +2 -2
- package/dist/db-ux/{p-b92b20d7.entry.js → p-52e736c3.entry.js} +2 -2
- package/dist/db-ux/{p-45e619a9.entry.js → p-55b02c80.entry.js} +2 -2
- package/dist/db-ux/{p-f64c445b.entry.js → p-5c2e9373.entry.js} +2 -2
- package/dist/db-ux/{p-132f2d2c.entry.js → p-5c4d25b8.entry.js} +2 -2
- package/dist/db-ux/{p-fd45d553.entry.js → p-61410d87.entry.js} +2 -2
- package/dist/db-ux/{p-0db532bd.entry.js → p-623a9409.entry.js} +2 -2
- package/dist/db-ux/{p-5001ae7c.entry.js → p-63f30576.entry.js} +2 -2
- package/dist/db-ux/{p-58ae7ba7.entry.js → p-6b6dbd54.entry.js} +2 -2
- package/dist/db-ux/{p-Duz60W3r.js → p-6wgV8aKO.js} +2 -2
- package/dist/db-ux/{p-Duz60W3r.js.map → p-6wgV8aKO.js.map} +1 -1
- package/dist/db-ux/{p-03f2f291.entry.js → p-8b7d868b.entry.js} +2 -2
- package/dist/db-ux/{p-B_W_wePN.js → p-DszXleuv.js} +2 -2
- package/dist/db-ux/{p-B_W_wePN.js.map → p-DszXleuv.js.map} +1 -1
- package/dist/db-ux/{p-b34639cd.entry.js → p-a1ee66b3.entry.js} +2 -2
- package/dist/db-ux/{p-8c60d161.entry.js → p-b3148401.entry.js} +2 -2
- package/dist/db-ux/{p-3e39f409.entry.js → p-b4bc8f26.entry.js} +2 -2
- package/dist/db-ux/p-b5a8e9c3.entry.js +2 -0
- package/dist/db-ux/{p-6335bd9b.entry.js.map → p-b5a8e9c3.entry.js.map} +1 -1
- package/dist/db-ux/{p-FlgrrUDn.js → p-bH2PZLSq.js} +1 -1
- package/dist/db-ux/{p-FlgrrUDn.js.map → p-bH2PZLSq.js.map} +1 -1
- package/dist/db-ux/{p-8ac177b3.entry.js → p-c151750e.entry.js} +2 -2
- package/dist/db-ux/{p-33a60b07.entry.js → p-c5909b40.entry.js} +2 -2
- package/dist/db-ux/p-c989b5d8.entry.js +2 -0
- package/dist/db-ux/{p-c0709274.entry.js.map → p-c989b5d8.entry.js.map} +1 -1
- package/dist/db-ux/{p-85bc6a71.entry.js → p-d7ccd983.entry.js} +2 -2
- package/dist/db-ux/p-d9ff0c75.entry.js +2 -0
- package/dist/db-ux/{p-da4bbdb6.entry.js.map → p-d9ff0c75.entry.js.map} +1 -1
- package/dist/db-ux/{p-2817cc26.entry.js → p-f2ef5e71.entry.js} +2 -2
- package/dist/db-ux/{p-TU0pfK1i.js → p-pglUTSkG.js} +2 -2
- package/dist/db-ux/p-pglUTSkG.js.map +1 -0
- package/dist/esm/db-accordion-item.entry.js +2 -2
- package/dist/esm/db-accordion.entry.js +2 -2
- package/dist/esm/db-badge.entry.js +2 -2
- package/dist/esm/db-brand.entry.js +2 -2
- package/dist/esm/db-button.entry.js +2 -2
- package/dist/esm/db-card.entry.js +2 -2
- package/dist/esm/db-checkbox.entry.js +2 -2
- package/dist/esm/db-custom-select-dropdown.db-custom-select-list.db-custom-select-list-item.db-input.db-tag.db-tooltip.entry.js.map +1 -1
- package/dist/esm/db-custom-select-dropdown_6.entry.js +5 -5
- package/dist/esm/db-custom-select-dropdown_6.entry.js.map +1 -1
- package/dist/esm/db-custom-select-form-field.entry.js +2 -2
- package/dist/esm/db-custom-select.entry.js +3 -3
- package/dist/esm/db-divider.entry.js +2 -2
- package/dist/esm/db-drawer.entry.js +2 -2
- package/dist/esm/db-header.entry.js +3 -3
- package/dist/esm/db-icon.entry.js +2 -2
- package/dist/esm/db-infotext.entry.js +2 -2
- package/dist/esm/db-link.entry.js +2 -2
- package/dist/esm/db-navigation-item.entry.js +3 -3
- package/dist/esm/db-navigation.entry.js +2 -2
- package/dist/esm/db-notification.entry.js +2 -2
- package/dist/esm/db-page.entry.js +2 -2
- package/dist/esm/db-popover.entry.js +2 -2
- package/dist/esm/db-radio.entry.js +2 -2
- package/dist/esm/db-section.entry.js +2 -2
- package/dist/esm/db-select.entry.js +2 -2
- package/dist/esm/db-stack.entry.js +2 -2
- package/dist/esm/db-switch.entry.js +2 -2
- package/dist/esm/db-tab-item_3.entry.js +2 -2
- package/dist/esm/db-tabs.entry.js +2 -2
- package/dist/esm/db-textarea.entry.js +2 -2
- package/dist/esm/db-ux.js +3 -3
- package/dist/esm/db-ux.js.map +1 -1
- package/dist/esm/{document-click-listener-B2jDrCt8.js → document-click-listener-Bn3nIGhA.js} +3 -3
- package/dist/esm/{document-click-listener-B2jDrCt8.js.map → document-click-listener-Bn3nIGhA.js.map} +1 -1
- package/dist/esm/{index-FlgrrUDn.js → index-bH2PZLSq.js} +3 -3
- package/dist/esm/{index-FlgrrUDn.js.map → index-bH2PZLSq.js.map} +1 -1
- package/dist/esm/{index-TU0pfK1i.js → index-pglUTSkG.js} +16 -3
- package/dist/esm/index-pglUTSkG.js.map +1 -0
- package/dist/esm/index.js +4 -4
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{navigation-BjeAmWrQ.js → navigation-C1ssnmpm.js} +3 -3
- package/dist/esm/{navigation-BjeAmWrQ.js.map → navigation-C1ssnmpm.js.map} +1 -1
- package/dist/types/utils/index.d.ts +11 -0
- package/package.json +4 -4
- package/dist/cjs/index-9h8KqOUd.js.map +0 -1
- package/dist/db-ux/p-6335bd9b.entry.js +0 -2
- package/dist/db-ux/p-TU0pfK1i.js.map +0 -1
- package/dist/db-ux/p-c0709274.entry.js +0 -2
- package/dist/db-ux/p-da4bbdb6.entry.js +0 -2
- package/dist/esm/index-TU0pfK1i.js.map +0 -1
- /package/dist/db-ux/{p-ce5e2b8e.entry.js.map → p-01112955.entry.js.map} +0 -0
- /package/dist/db-ux/{p-5d4c828f.entry.js.map → p-049844c6.entry.js.map} +0 -0
- /package/dist/db-ux/{p-4c056a9f.entry.js.map → p-14c44b94.entry.js.map} +0 -0
- /package/dist/db-ux/{p-7a4ca08d.entry.js.map → p-1d40e8cd.entry.js.map} +0 -0
- /package/dist/db-ux/{p-8f733f5a.entry.js.map → p-33aaf986.entry.js.map} +0 -0
- /package/dist/db-ux/{p-9ee62815.entry.js.map → p-39d957bb.entry.js.map} +0 -0
- /package/dist/db-ux/{p-10a706a6.entry.js.map → p-4400f077.entry.js.map} +0 -0
- /package/dist/db-ux/{p-cf1e90bc.entry.js.map → p-44f6404b.entry.js.map} +0 -0
- /package/dist/db-ux/{p-41feb579.entry.js.map → p-49cc4a11.entry.js.map} +0 -0
- /package/dist/db-ux/{p-a986a721.entry.js.map → p-50c9112b.entry.js.map} +0 -0
- /package/dist/db-ux/{p-b92b20d7.entry.js.map → p-52e736c3.entry.js.map} +0 -0
- /package/dist/db-ux/{p-45e619a9.entry.js.map → p-55b02c80.entry.js.map} +0 -0
- /package/dist/db-ux/{p-f64c445b.entry.js.map → p-5c2e9373.entry.js.map} +0 -0
- /package/dist/db-ux/{p-132f2d2c.entry.js.map → p-5c4d25b8.entry.js.map} +0 -0
- /package/dist/db-ux/{p-fd45d553.entry.js.map → p-61410d87.entry.js.map} +0 -0
- /package/dist/db-ux/{p-0db532bd.entry.js.map → p-623a9409.entry.js.map} +0 -0
- /package/dist/db-ux/{p-5001ae7c.entry.js.map → p-63f30576.entry.js.map} +0 -0
- /package/dist/db-ux/{p-58ae7ba7.entry.js.map → p-6b6dbd54.entry.js.map} +0 -0
- /package/dist/db-ux/{p-03f2f291.entry.js.map → p-8b7d868b.entry.js.map} +0 -0
- /package/dist/db-ux/{p-b34639cd.entry.js.map → p-a1ee66b3.entry.js.map} +0 -0
- /package/dist/db-ux/{p-8c60d161.entry.js.map → p-b3148401.entry.js.map} +0 -0
- /package/dist/db-ux/{p-3e39f409.entry.js.map → p-b4bc8f26.entry.js.map} +0 -0
- /package/dist/db-ux/{p-8ac177b3.entry.js.map → p-c151750e.entry.js.map} +0 -0
- /package/dist/db-ux/{p-33a60b07.entry.js.map → p-c5909b40.entry.js.map} +0 -0
- /package/dist/db-ux/{p-85bc6a71.entry.js.map → p-d7ccd983.entry.js.map} +0 -0
- /package/dist/db-ux/{p-2817cc26.entry.js.map → p-f2ef5e71.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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","selectAllChecked","selectAllIndeterminate","satisfyReact","hasValidState","_a","validMessage","validation","handleValidation","selectRef","value","getNativeSelectValue","validity","valid","invalidMessage","_b","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","_d","required","_e","DEFAULT_VALID_MESSAGE","_f","stringPropVisible","message","showMessage","_g","_h","handleDropdownToggle","event","dropdownToggle","emit","target","open","DocumentClickListener","addCallback","handleDocumentClose","removeCallback","length","at","setDescById","descId","descByIds","push","join","getSelectAllLabel","selectAllLabel","DEFAULT_LABEL","getOptionLabel","option","label","toString","getOptionChecked","includes","getOptionKey","id","uuid","getTagRemoveLabel","index","removeTagsTexts","DEFAULT_REMOVE","handleTagRemove","stopPropagation","handleSelect","handleSummaryFocus","handleAutoPlacement","detailsRef","dropdown","querySelector","handleDataOutside","handleArrowDownUp","document","activeElement","isCheckbox","getAttribute","listElement","closest","key","nextElementSibling","focus","handleFocusFirstDropdownCheckbox","previousElementSibling","search","getSearchInput","checkboxList","Array","from","querySelectorAll","handleClose","preventDefault","handleOpenByKeyboardFocus","handleKeyboardPress","relatedTarget","contains","detail","handleOptionSelected","values","skip","Date","getTime","optionSelected","multiple","filter","v","handleSelectAll","searchValue","searchInputRef","options","isGroupTitle","toLowerCase","map","checkboxes","first","checkbox","onlySearch","handleSearch","filterText","handleClearAll","enableAttributePassing","element","customElementSelector","parent","attributes","i","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","replace","trim","currentClass","watch0Fn","summary","addEventListener","code","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","watch2","watch3Fn","showNoResults","watch3","watch4Fn","Boolean","showSelectAll","watch4","watch5Fn","showSearch","watch5","watch6Fn","isArray","watch6","watch7Fn","watch7","watch8Fn","watch8","watch9Fn","watch9","watch10Fn","watch10","watch11Fn","watch11","watch12Fn","selectedType","amountText","DEFAULT_SELECTED","watch12","watch13Fn","amountChange","watch13","watch14Fn","selectAllRef","indeterminate","watch14","watch15Fn","watch15","componentDidLoad","_ref","mId","render","h","class","cls","className","ref","el","formFieldWidth","variant","getBooleanAsString","placement","getHideProp","showLabel","icon","showIcon","role","hidden","tabIndex","form","getBoolean","disabled","onChange","onToggle","onKeyDown","Fragment","emphasis","behavior","removeButton","onRemove","width","dropdownWidth","type","searchLabel","placeholder","searchPlaceholder","ariaDescribedBy","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 DBCustomSelectProps,\n DBCustomSelectState,\n CustomSelectOptionType,\n} from \"./model\";\nimport {\n cls,\n delay,\n getBoolean,\n getBooleanAsString,\n getHideProp,\n getSearchInput,\n handleDataOutside,\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 { ChangeEvent, ClickEvent } 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\";\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() 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() 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 @Event() optionSelected: EventEmitter<\n Parameters<Required<DBCustomSelectProps>[\"onOptionSelected\"]>[number]\n > | void;\n @Prop({attribute: \"classname\"}) className: DBCustomSelectProps[\"className\"];\n @Prop() formFieldWidth: DBCustomSelectProps[\"formFieldWidth\"];\n @Prop() variant: DBCustomSelectProps[\"variant\"];\n @Prop() placement: DBCustomSelectProps[\"placement\"];\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() selectAllChecked = false;\n @State() selectAllIndeterminate = false;\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: any) {\n if (this.dropdownToggle) {\n this.dropdownToggle.emit(event);\n }\n if (event.target.open) {\n this._documentClickListenerCallbackId =\n new DocumentClickListener().addCallback((event) =>\n this.handleDocumentClose(event)\n );\n } else {\n if (this._documentClickListenerCallbackId) {\n new DocumentClickListener().removeCallback(\n this._documentClickListenerCallbackId!\n );\n }\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 getOptionKey(option: CustomSelectOptionType) {\n return (option.id ?? option.value ?? uuid()).toString();\n }\n getTagRemoveLabel(index: number) {\n return this.removeTagsTexts && this.removeTagsTexts!.length > index\n ? this.removeTagsTexts!.at(index)!\n : `${DEFAULT_REMOVE} ${\n this._selectedOptions\n ? this.getOptionLabel(this._selectedOptions![index])\n : \"\"\n }`;\n }\n handleTagRemove(option: CustomSelectOptionType, event: any) {\n event.stopPropagation();\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 delay(() => {\n handleDataOutside(dropdown);\n }, 100);\n }\n }\n }\n handleArrowDownUp(event: any) {\n if (this.detailsRef?.open) {\n if (document) {\n const activeElement = 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(\"close\");\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 event.stopPropagation();\n event.preventDefault();\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 event.stopPropagation();\n event.preventDefault();\n }\n }\n handleKeyboardPress(event: any) {\n if (event.key === \"Escape\" && this.detailsRef && this.detailsRef?.open) {\n this.handleClose(\"close\");\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(event: any) {\n if (this.detailsRef) {\n if (event === \"close\") {\n this.detailsRef.open = false;\n this.handleSummaryFocus();\n } else if (this.detailsRef.open && event?.relatedTarget) {\n const relatedTarget = event.relatedTarget as HTMLElement;\n if (!this.detailsRef.contains(relatedTarget)) {\n this.detailsRef.open = false;\n }\n }\n }\n }\n handleDocumentClose(event: any) {\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 handleOptionSelected(values: string[]) {\n const skip = new Date().getTime() - this._internalChangeTimestamp < 200;\n if (skip) return;\n if (this.optionSelected) {\n this._values = values;\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(\"close\");\n }\n }\n }\n handleSelectAll() {\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 = 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 }, 100);\n }\n }\n }\n }\n handleOpenByKeyboardFocus(onlySearch?: boolean) {\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 }, 100);\n } else if (!onlySearch) {\n // Focus first checkbox otherwise\n this.handleFocusFirstDropdownCheckbox();\n }\n }\n }\n handleSearch(event: any) {\n event.stopPropagation();\n const filterText = (event.target as HTMLInputElement).value;\n this._options =\n !this.options || !filterText || filterText.length === 0\n ? this.options\n : this.options!.filter(\n (option) =>\n !option.isGroupTitle &&\n this.getOptionLabel(option)\n .toLowerCase()\n .includes(filterText.toLowerCase())\n );\n }\n handleClearAll() {\n this.handleOptionSelected([]);\n this.handleSummaryFocus();\n }\n handleSummaryFocus() {\n this.detailsRef?.querySelector(\"summary\")?.focus();\n }\n satisfyReact = function satisfyReact() {\n // This is an empty function to satisfy React\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 const summary = this.detailsRef.querySelector(\"summary\");\n if (summary) {\n summary.addEventListener(\"click\", () => {\n this.handleAutoPlacement();\n this.handleOpenByKeyboardFocus(true);\n });\n summary.addEventListener(\"keydown\", (event: KeyboardEvent) => {\n if (event.code === \"Space\" && !this.detailsRef?.open) {\n this.handleOpenByKeyboardFocus();\n }\n });\n }\n this.detailsRef.addEventListener(\"focusout\", (event: any) =>\n 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(\"aria-describedby\", this._descByIds || \"\");\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 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 watch11() {\n this.watch11Fn();\n }\n\n watch12Fn() {\n if (this._selectedOptions?.length) {\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 watch12() {\n this.watch12Fn();\n }\n\n watch13Fn() {\n if (this.amountChange) {\n this.amountChange.emit(this._selectedOptions?.length ?? 0);\n }\n }\n\n @Watch(\"_selectedOptions\")\n watch13() {\n this.watch13Fn();\n }\n\n watch14Fn() {\n if (this.selectAllRef) {\n this.selectAllRef.indeterminate = Boolean(this.selectAllIndeterminate);\n }\n }\n\n @Watch(\"selectAllIndeterminate\")\n @Watch(\"selectAllRef\")\n watch14() {\n this.watch14Fn();\n }\n\n watch15Fn() {\n this._invalidMessage =\n this.invalidMessage ||\n this.selectRef?.validationMessage ||\n DEFAULT_INVALID_MESSAGE;\n }\n\n @Watch(\"selectRef\")\n @Watch(\"invalidMessage\")\n watch15() {\n this.watch15Fn();\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 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 }\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={() => this.satisfyReact()}\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 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={() => this.handleSelectAll()}\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(\"close\")}\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={() => this.handleClearAll()}\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":[]}
|
|
1
|
+
{"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","selectAllChecked","selectAllIndeterminate","satisfyReact","hasValidState","_a","validMessage","validation","handleValidation","selectRef","value","getNativeSelectValue","validity","valid","invalidMessage","_b","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","_d","required","_e","DEFAULT_VALID_MESSAGE","_f","stringPropVisible","message","showMessage","_g","_h","handleDropdownToggle","event","dropdownToggle","emit","target","open","DocumentClickListener","addCallback","handleDocumentClose","removeCallback","length","at","setDescById","descId","descByIds","push","join","getSelectAllLabel","selectAllLabel","DEFAULT_LABEL","getOptionLabel","option","label","toString","getOptionChecked","includes","getOptionKey","id","uuid","getTagRemoveLabel","index","removeTagsTexts","DEFAULT_REMOVE","handleTagRemove","stopPropagation","handleSelect","handleSummaryFocus","handleAutoPlacement","detailsRef","dropdown","querySelector","handleDataOutside","handleArrowDownUp","document","activeElement","isCheckbox","getAttribute","listElement","closest","key","nextElementSibling","focus","handleFocusFirstDropdownCheckbox","previousElementSibling","search","getSearchInput","checkboxList","Array","from","querySelectorAll","handleClose","preventDefault","handleOpenByKeyboardFocus","handleKeyboardPress","relatedTarget","contains","detail","handleOptionSelected","values","skip","Date","getTime","optionSelected","multiple","filter","v","handleSelectAll","searchValue","searchInputRef","options","isGroupTitle","toLowerCase","map","checkboxes","first","checkbox","onlySearch","handleSearch","filterText","handleClearAll","enableAttributePassing","element","customElementSelector","parent","attributes","i","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","replace","trim","currentClass","watch0Fn","summary","addEventListener","code","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","watch2","watch3Fn","showNoResults","watch3","watch4Fn","Boolean","showSelectAll","watch4","watch5Fn","showSearch","watch5","watch6Fn","isArray","watch6","watch7Fn","watch7","watch8Fn","watch8","watch9Fn","watch9","watch10Fn","watch10","watch11Fn","watch11","watch12Fn","selectedType","amountText","DEFAULT_SELECTED","watch12","watch13Fn","amountChange","watch13","watch14Fn","selectAllRef","indeterminate","watch14","watch15Fn","watch15","componentDidLoad","_ref","mId","render","h","class","cls","className","ref","el","formFieldWidth","variant","getBooleanAsString","placement","getHideProp","showLabel","icon","showIcon","role","hidden","tabIndex","form","getBoolean","disabled","onChange","onToggle","onKeyDown","Fragment","emphasis","behavior","removeButton","onRemove","width","dropdownWidth","type","searchLabel","placeholder","searchPlaceholder","ariaDescribedBy","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 DBCustomSelectProps,\n DBCustomSelectState,\n CustomSelectOptionType,\n} from \"./model\";\nimport {\n cls,\n delay,\n getBoolean,\n getBooleanAsString,\n getHideProp,\n getSearchInput,\n handleDataOutside,\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 { ChangeEvent, ClickEvent } 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\";\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() 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() 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 @Event() optionSelected: EventEmitter<\n Parameters<Required<DBCustomSelectProps>[\"onOptionSelected\"]>[number]\n > | void;\n @Prop({attribute: \"classname\"}) className: DBCustomSelectProps[\"className\"];\n @Prop() formFieldWidth: DBCustomSelectProps[\"formFieldWidth\"];\n @Prop() variant: DBCustomSelectProps[\"variant\"];\n @Prop() placement: DBCustomSelectProps[\"placement\"];\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() selectAllChecked = false;\n @State() selectAllIndeterminate = false;\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: any) {\n if (this.dropdownToggle) {\n this.dropdownToggle.emit(event);\n }\n if (event.target.open) {\n this._documentClickListenerCallbackId =\n new DocumentClickListener().addCallback((event) =>\n this.handleDocumentClose(event)\n );\n } else {\n if (this._documentClickListenerCallbackId) {\n new DocumentClickListener().removeCallback(\n this._documentClickListenerCallbackId!\n );\n }\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 getOptionKey(option: CustomSelectOptionType) {\n return (option.id ?? option.value ?? uuid()).toString();\n }\n getTagRemoveLabel(index: number) {\n return this.removeTagsTexts && this.removeTagsTexts!.length > index\n ? this.removeTagsTexts!.at(index)!\n : `${DEFAULT_REMOVE} ${\n this._selectedOptions\n ? this.getOptionLabel(this._selectedOptions![index])\n : \"\"\n }`;\n }\n handleTagRemove(option: CustomSelectOptionType, event: any) {\n event.stopPropagation();\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 delay(() => {\n handleDataOutside(dropdown);\n }, 100);\n }\n }\n }\n handleArrowDownUp(event: any) {\n if (this.detailsRef?.open) {\n if (document) {\n const activeElement = 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(\"close\");\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 event.stopPropagation();\n event.preventDefault();\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 event.stopPropagation();\n event.preventDefault();\n }\n }\n handleKeyboardPress(event: any) {\n if (event.key === \"Escape\" && this.detailsRef && this.detailsRef?.open) {\n this.handleClose(\"close\");\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(event: any) {\n if (this.detailsRef) {\n if (event === \"close\") {\n this.detailsRef.open = false;\n this.handleSummaryFocus();\n } else if (this.detailsRef.open && event?.relatedTarget) {\n const relatedTarget = event.relatedTarget as HTMLElement;\n if (!this.detailsRef.contains(relatedTarget)) {\n this.detailsRef.open = false;\n }\n }\n }\n }\n handleDocumentClose(event: any) {\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 handleOptionSelected(values: string[]) {\n const skip = new Date().getTime() - this._internalChangeTimestamp < 200;\n if (skip) return;\n if (this.optionSelected) {\n this._values = values;\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(\"close\");\n }\n }\n }\n handleSelectAll() {\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 = 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 }, 100);\n }\n }\n }\n }\n handleOpenByKeyboardFocus(onlySearch?: boolean) {\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 }, 100);\n } else if (!onlySearch) {\n // Focus first checkbox otherwise\n this.handleFocusFirstDropdownCheckbox();\n }\n }\n }\n handleSearch(event: any) {\n event.stopPropagation();\n const filterText = (event.target as HTMLInputElement).value;\n this._options =\n !this.options || !filterText || filterText.length === 0\n ? this.options\n : this.options!.filter(\n (option) =>\n !option.isGroupTitle &&\n this.getOptionLabel(option)\n .toLowerCase()\n .includes(filterText.toLowerCase())\n );\n }\n handleClearAll() {\n this.handleOptionSelected([]);\n this.handleSummaryFocus();\n }\n handleSummaryFocus() {\n this.detailsRef?.querySelector(\"summary\")?.focus();\n }\n satisfyReact = function satisfyReact() {\n // This is an empty function to satisfy React\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 const summary = this.detailsRef.querySelector(\"summary\");\n if (summary) {\n summary.addEventListener(\"click\", () => {\n this.handleAutoPlacement();\n this.handleOpenByKeyboardFocus(true);\n });\n summary.addEventListener(\"keydown\", (event: KeyboardEvent) => {\n if (event.code === \"Space\" && !this.detailsRef?.open) {\n this.handleOpenByKeyboardFocus();\n }\n });\n }\n this.detailsRef.addEventListener(\"focusout\", (event: any) =>\n 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(\"aria-describedby\", this._descByIds || \"\");\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 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 watch11() {\n this.watch11Fn();\n }\n\n watch12Fn() {\n if (this._selectedOptions?.length) {\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 watch12() {\n this.watch12Fn();\n }\n\n watch13Fn() {\n if (this.amountChange) {\n this.amountChange.emit(this._selectedOptions?.length ?? 0);\n }\n }\n\n @Watch(\"_selectedOptions\")\n watch13() {\n this.watch13Fn();\n }\n\n watch14Fn() {\n if (this.selectAllRef) {\n this.selectAllRef.indeterminate = Boolean(this.selectAllIndeterminate);\n }\n }\n\n @Watch(\"selectAllIndeterminate\")\n @Watch(\"selectAllRef\")\n watch14() {\n this.watch14Fn();\n }\n\n watch15Fn() {\n this._invalidMessage =\n this.invalidMessage ||\n this.selectRef?.validationMessage ||\n DEFAULT_INVALID_MESSAGE;\n }\n\n @Watch(\"selectRef\")\n @Watch(\"invalidMessage\")\n watch15() {\n this.watch15Fn();\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 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 }\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={() => this.satisfyReact()}\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 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={() => this.handleSelectAll()}\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(\"close\")}\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={() => this.handleClearAll()}\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":[]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
const e="db-ux";const t={hydratedSelectorName:"hydrated",lazyLoad:true,shadowDom:false,slotRelocation:true,updatable:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var o=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var i=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var l=(e,t)=>{const n={o:0,$hostElement$:e,i:t,l:new Map};{n.u=new Promise((e=>n.v=e));e["s-p"]=[];e["s-rc"]=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var s=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var a=new Map;var c=(e,t,n)=>{const r=e.h.replace(/-/g,"_");const o=e.p;if(!o){return void 0}const i=a.get(o);if(i){return i[r]}
|
|
2
2
|
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((e=>{{a.set(o,e)}return e[r]}),(e=>{f(e,t.$hostElement$)}))};var u="{visibility:hidden}.hydrated{visibility:inherit}";var v="slot-fb{display:contents}slot-fb[hidden]{display:none}";var d=typeof window!=="undefined"?window:{};var h={o:0,m:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var p=t.shadowDom;var m=e=>Promise.resolve(e);var b=false;var y=[];var w=[];var $=(e,t)=>n=>{e.push(n);if(!b){b=true;if(t&&h.o&4){k(j)}else{h.raf(j)}}};var g=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var j=()=>{g(y);{g(w);if(b=y.length>0){h.raf(j)}}};var k=e=>m().then(e);var O=$(w,true);var S=e=>{e=typeof e;return e==="object"||e==="function"};function E(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var N=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var R={};r(R,{err:()=>C,map:()=>M,ok:()=>x,unwrap:()=>T,unwrapErr:()=>F});var x=e=>({isOk:true,isErr:false,value:e});var C=e=>({isOk:false,isErr:true,value:e});function M(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>x(e)))}else{return x(n)}}if(e.isErr){const t=e.value;return C(t)}throw"should never get here"}var T=e=>{if(e.isOk){return e.value}else{throw e.value}};var F=e=>{if(e.isErr){return e.value}else{throw e.value}};var L=e=>{const t=z(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){U(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(D(e,A(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&z(e,"childNodes").length){L(e)}}};var P=e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n]["s-nr"]||void 0;if(r&&r.isConnected){t.push(r)}}return t};function U(e,t,n){let r=0;let o=[];let i;for(;r<e.length;r++){i=e[r];if(i["s-sr"]&&(!t||i["s-hn"]===t)&&n===void 0){o.push(i)}o=[...o,...U(i.childNodes,t,n)]}return o}var D=(e,t,n=true)=>{const r=[];if(n&&e["s-sr"]||!e["s-sr"])r.push(e);let o=e;while(o=o.nextSibling){if(A(o)===t&&(n||!o["s-sr"]))r.push(o)}return r};var W=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var A=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function _(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const r=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n Flattening is not supported for Stencil non-shadow slots. \n You can use \`.childNodes\` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n `)}const o=this["s-cr"].parentElement;const i=o.__childNodes?o.childNodes:P(o.childNodes);i.forEach((e=>{if(r===A(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function z(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var B=(e,t="")=>{{return()=>{}}};var I=(e,t)=>{{return()=>{}}};var H=(e,t,...n)=>{let r=null;let o=null;let i=null;let l=false;let s=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(l=typeof e!=="function"&&!S(r)){r=String(r)}if(l&&s){f[f.length-1].$+=r}else{f.push(l?V(null,r):r)}s=l}}};a(n);if(t){if(t.key){o=t.key}if(t.name){i=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,G)}const c=V(e,null);c.j=t;if(f.length>0){c.k=f}{c.O=o}{c.S=i}return c};var V=(e,t)=>{const n={o:0,N:e,$:t,R:null,k:null};{n.j=null}{n.O=null}{n.S=null}return n};var Y={};var q=e=>e&&e.N===Y;var G={forEach:(e,t)=>e.map(J).forEach(t),map:(e,t)=>e.map(J).map(t).map(K)};var J=e=>({vattrs:e.j,vchildren:e.k,vkey:e.O,vname:e.S,vtag:e.N,vtext:e.$});var K=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return H(e.vtag,t,...e.vchildren||[])}const t=V(e.vtag,e.vtext);t.j=e.vattrs;t.k=e.vchildren;t.O=e.vkey;t.S=e.vname;return t};var Q=e=>{const t=N(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};Q("::slotted");Q(":host");Q(":host-context");var X=(e,t)=>{if(e!=null&&!S(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var Z=e=>o(e).$hostElement$;var ee=(e,t,n)=>{const r=Z(e);return{emit:e=>te(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var te=(e,t,n)=>{const r=h.ce(t,n);e.dispatchEvent(r);return r};var ne=new WeakMap;var re=(e,t,n,r,o,i,l)=>{if(n===r){return}let f=s(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const o=ie(n);let i=ie(r);{t.remove(...o.filter((e=>e&&!i.includes(e))));t.add(...i.filter((e=>e&&!o.includes(e))))}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!f&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(s(d,a)){t=a.slice(2)}else{t=a[2]+t.slice(3)}if(n||r){const o=t.endsWith(le);t=t.replace(se,"");if(n){h.rel(e,t,n,o)}if(r){h.ael(e,t,r,o)}}}else{const l=S(r);if((f||l&&r!==null)&&true){try{if(!e.tagName.includes("-")){const o=r==null?"":r;if(t==="list"){f=false}else if(n==null||e[t]!=o){if(typeof e.__lookupSetter__(t)==="function"){e[t]=o}else{e.setAttribute(t,o)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!f||i&4||o)&&!l&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var oe=/\s/;var ie=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(oe)};var le="Capture";var se=new RegExp(le+"$");var fe=(e,t,n,r)=>{const o=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const i=e&&e.j||{};const l=t.j||{};{for(const e of ae(Object.keys(i))){if(!(e in l)){re(o,e,i[e],void 0,n,t.o)}}}for(const e of ae(Object.keys(l))){re(o,e,i[e],l[e],n,t.o)}};function ae(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ce;var ue;var ve=false;var de=false;var he=false;var pe=false;var me=(e,n,r)=>{var o;const i=n.k[r];let l=0;let s;let f;let a;if(!ve){he=true;if(i.N==="slot"){i.o|=i.k?2:1}}if(i.$!==null){s=i.R=d.document.createTextNode(i.$)}else if(i.o&1){s=i.R=d.document.createTextNode("");{fe(null,i,pe)}}else{if(!d.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}s=i.R=d.document.createElement(!ve&&t.slotRelocation&&i.o&2?"slot-fb":i.N);{fe(null,i,pe)}if(i.k){for(l=0;l<i.k.length;++l){f=me(e,i,l);if(f){s.appendChild(f)}}}}s["s-hn"]=ue;{if(i.o&(2|1)){s["s-sr"]=true;s["s-cr"]=ce;s["s-sn"]=i.S||"";s["s-rf"]=(o=i.j)==null?void 0:o.ref;_(s);a=e&&e.k&&e.k[r];if(a&&a.N===i.N&&e.R){{be(e.R,false)}}}}return s};var be=(e,t)=>{h.o|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const r=n[e];if(r["s-hn"]!==ue&&r["s-ol"]){Ne(je(r).parentNode,r,je(r));r["s-ol"].remove();r["s-ol"]=void 0;r["s-sh"]=void 0;he=true}if(t){be(r,t)}}h.o&=-2};var ye=(e,t,n,r,o,i)=>{let l=e["s-cr"]&&e["s-cr"].parentNode||e;let s;for(;o<=i;++o){if(r[o]){s=me(null,n,o);if(s){r[o].R=s;Ne(l,s,je(t))}}}};var we=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.R;Ee(t);if(e){{de=true;if(e["s-ol"]){e["s-ol"].remove()}else{be(e,true)}}e.remove()}}}};var $e=(e,t,n,r,o=false)=>{let i=0;let l=0;let s=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(i<=a&&l<=v){if(c==null){c=t[++i]}else if(u==null){u=t[--a]}else if(d==null){d=r[++l]}else if(h==null){h=r[--v]}else if(ge(c,d,o)){ke(c,d,o);c=t[++i];d=r[++l]}else if(ge(u,h,o)){ke(u,h,o);u=t[--a];h=r[--v]}else if(ge(c,h,o)){if(c.N==="slot"||h.N==="slot"){be(c.R.parentNode,false)}ke(c,h,o);Ne(e,c.R,u.R.nextSibling);c=t[++i];h=r[--v]}else if(ge(u,d,o)){if(c.N==="slot"||h.N==="slot"){be(u.R.parentNode,false)}ke(u,d,o);Ne(e,u.R,c.R);u=t[--a];d=r[++l]}else{s=-1;{for(f=i;f<=a;++f){if(t[f]&&t[f].O!==null&&t[f].O===d.O){s=f;break}}}if(s>=0){m=t[s];if(m.N!==d.N){p=me(t&&t[l],n,s)}else{ke(m,d,o);t[s]=void 0;p=m.R}d=r[++l]}else{p=me(t&&t[l],n,l);d=r[++l]}if(p){{Ne(je(c.R).parentNode,p,je(c.R))}}}}if(i>a){ye(e,r[v+1]==null?null:r[v+1].R,n,r,l,v)}else if(l>v){we(t,i,a)}};var ge=(e,t,n=false)=>{if(e.N===t.N){if(e.N==="slot"){return e.S===t.S}if(!n){return e.O===t.O}if(n&&!e.O&&t.O){e.O=t.O}return true}return false};var je=e=>e&&e["s-ol"]||e;var ke=(e,n,r=false)=>{const o=n.R=e.R;const i=e.k;const l=n.k;const s=n.$;let f;if(s===null){{fe(e,n,pe)}if(i!==null&&l!==null){$e(o,i,n,l,r)}else if(l!==null){if(e.$!==null){o.textContent=""}ye(o,null,n,l,0,l.length-1)}else if(!r&&t.updatable&&i!==null){we(i,0,i.length-1)}}else if(f=o["s-cr"]){f.parentNode.textContent=s}else if(e.$!==s){o.data=s}};var Oe=[];var Se=e=>{let t;let n;let r;const o=e.__childNodes||e.childNodes;for(const e of o){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const o=e["s-sn"];for(r=n.length-1;r>=0;r--){t=n[r];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(W(t,o)){let n=Oe.find((e=>e.C===t));de=true;t["s-sn"]=t["s-sn"]||o;if(n){n.C["s-sh"]=e["s-hn"];n.M=e}else{t["s-sh"]=e["s-hn"];Oe.push({M:e,C:t})}if(t["s-sr"]){Oe.map((e=>{if(W(e.C,t["s-sn"])){n=Oe.find((e=>e.C===t));if(n&&!e.M){e.M=n.M}}}))}}else if(!Oe.some((e=>e.C===t))){Oe.push({C:t})}}}}if(e.nodeType===1){Se(e)}}};var Ee=e=>{{e.j&&e.j.ref&&e.j.ref(null);e.k&&e.k.map(Ee)}};var Ne=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Re=(e,t,n=false)=>{var r,o,i,l;const s=e.$hostElement$;const f=e.T||V(null,null);const a=q(t);const c=a?t:H(null,null,t);ue=s.tagName;if(n&&c.j){for(const e of Object.keys(c.j)){if(s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.j[e]=s[e]}}}c.N=null;c.o|=4;e.T=c;c.R=f.R=s;ve=p;{ce=s["s-cr"];de=false}ke(f,c,n);{h.o|=1;if(he){Se(c.R);for(const e of Oe){const t=e.C;if(!t["s-ol"]&&d.document){const e=d.document.createTextNode("");e["s-nr"]=t;Ne(t.parentNode,t["s-ol"]=e,t)}}for(const e of Oe){const t=e.C;const s=e.M;if(s){const e=s.parentNode;let n=s.nextSibling;{let i=(r=t["s-ol"])==null?void 0:r.previousSibling;while(i){let r=(o=i["s-nr"])!=null?o:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===t||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){n=r;break}}i=i.previousSibling}}const l=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==l||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Ne(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(i=t["s-ih"])!=null?i:false}}}t&&typeof s["s-rf"]==="function"&&s["s-rf"](s)}else{if(t.nodeType===1){if(n){t["s-ih"]=(l=t.hidden)!=null?l:false}t.hidden=true}}}}if(de){L(c.R)}h.o&=-2;Oe.length=0}ce=void 0};var xe=(e,t)=>{if(t&&!e.F&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.F=()=>{t["s-p"].splice(n-1,1);r()})))}};var Ce=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}xe(e,e.L);const n=()=>Me(e,t);return O(n)};var Me=(e,t)=>{const n=e.$hostElement$;const r=B("scheduleUpdate",e.i.h);const o=e.t;if(!o){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let i;if(t){i=We(o,"componentWillLoad",void 0,n)}else{i=We(o,"componentWillUpdate",void 0,n)}i=Te(i,(()=>We(o,"componentWillRender",void 0,n)));r();return Te(i,(()=>Le(e,o,t)))};var Te=(e,t)=>Fe(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Fe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Le=async(e,t,n)=>{var r;const o=e.$hostElement$;const i=B("update",e.i.h);const l=o["s-rc"];const s=B("render",e.i.h);{Pe(e,t,o,n)}if(l){l.map((e=>e()));o["s-rc"]=void 0}s();i();{const t=(r=o["s-p"])!=null?r:[];const n=()=>Ue(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var Pe=(e,t,n,r)=>{try{t=t.render();{e.o&=-17}{e.o|=2}{{{Re(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var Ue=e=>{const t=e.i.h;const n=e.$hostElement$;const r=B("postUpdate",t);const o=e.t;const i=e.L;We(o,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{Ae(n)}We(o,"componentDidLoad",void 0,n);r();{e.v(n);if(!i){De()}}}else{We(o,"componentDidUpdate",void 0,n);r()}{if(e.F){e.F();e.F=void 0}if(e.o&512){k((()=>Ce(e,false)))}e.o&=-517}};var De=t=>{k((()=>te(d,"appload",{detail:{namespace:e}})))};var We=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e,r)}}return void 0};var Ae=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var _e=(e,t)=>o(e).l.get(t);var ze=(e,t,n,r)=>{const i=o(e);if(!i){throw new Error(`Couldn't find host element for "${r.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const l=i.$hostElement$;const s=i.l.get(t);const a=i.o;const c=i.t;n=X(n,r.P[t][0]);const u=Number.isNaN(s)&&Number.isNaN(n);const v=n!==s&&!u;if((!(a&8)||s===void 0)&&v){i.l.set(t,n);if(c){if(r.U&&a&128){const e=r.U[t];if(e){e.map((e=>{try{c[e](n,s,t)}catch(e){f(e,l)}}))}}if((a&(2|16))===2){if(c.componentShouldUpdate){if(c.componentShouldUpdate(n,s,t)===false){return}}Ce(i,false)}}}};var Be=(e,n,r)=>{var i,l;const s=e.prototype;if(n.P||(n.U||e.watchers)){if(e.watchers&&!n.U){n.U=e.watchers}const f=Object.entries((i=n.P)!=null?i:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:i,set:l}=Object.getOwnPropertyDescriptor(s,e)||{};if(i)n.P[e][0]|=2048;if(l)n.P[e][0]|=4096;if(r&1||!i){Object.defineProperty(s,e,{get(){{if((n.P[e][0]&2048)===0){return _e(this,e)}const t=o(this);const r=t?t.t:s;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(s,e,{set(i){const s=o(this);if(l){const r=t&32?this[e]:s.$hostElement$[e];if(typeof r==="undefined"&&s.l.get(e)){i=s.l.get(e)}else if(!s.l.get(e)&&r){s.l.set(e,r)}l.apply(this,[X(i,t)]);i=t&32?this[e]:s.$hostElement$[e];ze(this,e,i,n);return}{if((r&1)===0||(n.P[e][0]&4096)===0){ze(this,e,i,n);if(r&1&&!s.t){s.u.then((()=>{if(n.P[e][0]&4096&&s.t[e]!==s.l.get(e)){s.t[e]=i}}))}return}const o=()=>{const r=s.t[e];if(!s.l.get(e)&&r){s.l.set(e,r)}s.t[e]=X(i,t);ze(this,e,s.t[e],n)};if(s.t){o()}else{s.u.then((()=>o()))}}}})}}));if(r&1){const r=new Map;s.attributeChangedCallback=function(e,i,l){h.jmp((()=>{var f;const a=r.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){l=this[a];delete this[a]}else if(s.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const t=o(this);const r=t==null?void 0:t.o;if(r&&!(r&8)&&r&128&&l!==i){const r=t.t;const o=(f=n.U)==null?void 0:f[e];o==null?void 0:o.forEach((t=>{if(r[t]!=null){r[t].call(r,l,i,e)}}))}return}const c=Object.getOwnPropertyDescriptor(s,a);l=l===null&&typeof this[a]==="boolean"?false:l;if(l!==this[a]&&(!c.get||!!c.set)){this[a]=l}}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=n.U)!=null?l:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var Ie=async(e,t,n,r)=>{let o;if((t.o&32)===0){t.o|=32;const r=n.p;if(r){const r=c(n,t);if(r&&"then"in r){const e=I();o=await r;e()}else{o=r}if(!o){throw new Error(`Constructor for "${n.h}#${t.D}" was not found`)}if(!o.isProxied){{n.U=o.watchers}Be(o,n,2);o.isProxied=true}const i=B("createInstance",n.h);{t.o|=8}try{new o(t)}catch(t){f(t,e)}{t.o&=-9}{t.o|=128}i();He(t.t,e)}else{o=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}}const i=t.L;const l=()=>Ce(t,true);if(i&&i["s-rc"]){i["s-rc"].push(l)}else{l()}};var He=(e,t)=>{{We(e,"connectedCallback",void 0,t)}};var Ve=e=>{if((h.o&1)===0){const t=o(e);const n=t.i;const r=B("connectedCallback",n.h);if(!(t.o&1)){t.o|=1;{if(n.o&(4|8)){Ye(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){xe(t,t.L=n);break}}}if(n.P){Object.entries(n.P).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ie(e,t,n)}}else{if(t==null?void 0:t.t){He(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>He(t.t,e)))}}r()}};var Ye=e=>{if(!d.document){return}const t=e["s-cr"]=d.document.createComment("");t["s-cn"]=true;Ne(e,t,e.firstChild)};var qe=(e,t)=>{{We(e,"disconnectedCallback",void 0,t||e)}};var Ge=async e=>{if((h.o&1)===0){const t=o(e);if(t==null?void 0:t.t){qe(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>qe(t.t,e)))}}if(ne.has(e)){ne.delete(e)}if(e.shadowRoot&&ne.has(e.shadowRoot)){ne.delete(e.shadowRoot)}};var Je=(e,t={})=>{var n;if(!d.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=B();const i=[];const s=t.exclude||[];const f=d.customElements;const a=d.document.head;const c=a.querySelector("meta[charset]");const p=d.document.createElement("style");const m=[];let b;let y=true;Object.assign(h,t);h.m=new URL(t.resourcesUrl||"./",d.document.baseURI).href;let w=false;e.map((e=>{e[1].map((t=>{var n;const r={o:t[0],h:t[1],P:t[2],W:t[3]};if(r.o&4){w=true}{r.P=t[2]}{r.U=(n=t[4])!=null?n:{}}const a=r.h;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;l(e,r)}connectedCallback(){o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(y){m.push(this)}else{h.jmp((()=>Ve(this)))}}disconnectedCallback(){h.jmp((()=>Ge(this)));h.raf((()=>{var e;const t=o(this);const n=m.findIndex((e=>e===this));if(n>-1){m.splice(n,1)}if(((e=t==null?void 0:t.T)==null?void 0:e.R)instanceof Node&&!t.T.R.isConnected){delete t.T.R}}))}componentOnReady(){return o(this).u}};r.p=e[0];if(!s.includes(a)&&!f.get(a)){i.push(a);f.define(a,Be(c,r,1))}}))}));if(i.length>0){if(w){p.textContent+=v}{p.textContent+=i.sort()+u}if(p.innerHTML.length){p.setAttribute("data-styles","");const e=(n=h.A)!=null?n:E(d.document);if(e!=null){p.setAttribute("nonce",e)}a.insertBefore(p,c?c.nextSibling:a.firstChild)}}y=false;if(m.length){m.map((e=>e.connectedCallback()))}else{{h.jmp((()=>b=setTimeout(De,30)))}}r()};var Ke=(e,t)=>t;var Qe=e=>h.A=e;export{Ke as F,Je as b,ee as c,H as h,m as p,i as r,Qe as s};
|
|
3
|
-
//# sourceMappingURL=p-
|
|
3
|
+
//# sourceMappingURL=p-bH2PZLSq.js.map
|