@db-ux/wc-core-components 4.6.1 → 4.7.0-tabs-34782eb
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/CHANGELOG.md +8 -0
- package/agent/Tabs.md +30 -30
- package/dist/cjs/db-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/db-accordion.cjs.entry.js +1 -1
- package/dist/cjs/db-badge.cjs.entry.js +1 -1
- package/dist/cjs/db-brand.cjs.entry.js +1 -1
- package/dist/cjs/db-button.cjs.entry.js +1 -1
- 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-button.cjs.entry.js +2 -2
- package/dist/cjs/db-custom-select-dropdown_5.cjs.entry.js +9 -9
- package/dist/cjs/db-custom-select-form-field.cjs.entry.js +2 -2
- package/dist/cjs/db-custom-select.cjs.entry.js +5 -5
- package/dist/cjs/db-divider.cjs.entry.js +1 -1
- package/dist/cjs/db-drawer.cjs.entry.js +3 -3
- package/dist/cjs/db-header.cjs.entry.js +2 -2
- package/dist/cjs/db-icon.cjs.entry.js +1 -1
- package/dist/cjs/db-infotext.cjs.entry.js +1 -1
- package/dist/cjs/db-link.cjs.entry.js +1 -1
- package/dist/cjs/db-navigation-item.cjs.entry.js +1 -1
- 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 +1 -1
- 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 +133 -67
- package/dist/cjs/db-tabs.cjs.entry.js +373 -123
- package/dist/cjs/db-textarea.cjs.entry.js +2 -2
- package/dist/cjs/db-tooltip.cjs.entry.js +3 -4
- package/dist/cjs/db-ux.cjs.js +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/accordion/accordion.js +1 -1
- package/dist/collection/components/accordion-item/accordion-item.js +2 -2
- package/dist/collection/components/badge/badge.js +1 -1
- package/dist/collection/components/brand/brand.js +1 -1
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/card/card.js +2 -2
- package/dist/collection/components/checkbox/checkbox.js +2 -2
- package/dist/collection/components/custom-button/custom-button.js +2 -2
- package/dist/collection/components/custom-select/custom-select.js +5 -5
- package/dist/collection/components/custom-select-dropdown/custom-select-dropdown.js +2 -2
- package/dist/collection/components/custom-select-form-field/custom-select-form-field.js +2 -2
- package/dist/collection/components/custom-select-list/custom-select-list.js +2 -2
- package/dist/collection/components/custom-select-list-item/custom-select-list-item.js +1 -1
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/drawer/drawer.js +3 -3
- package/dist/collection/components/header/header.js +2 -2
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/infotext/infotext.js +1 -1
- package/dist/collection/components/input/input.js +2 -2
- package/dist/collection/components/link/link.js +1 -1
- package/dist/collection/components/navigation/navigation.js +2 -2
- package/dist/collection/components/navigation-item/navigation-item.js +1 -1
- package/dist/collection/components/notification/notification.js +2 -2
- package/dist/collection/components/page/page.js +2 -2
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/radio/radio.js +1 -1
- package/dist/collection/components/section/section.js +2 -2
- package/dist/collection/components/select/select.js +2 -2
- package/dist/collection/components/stack/stack.js +2 -2
- package/dist/collection/components/switch/switch.js +2 -2
- package/dist/collection/components/tab-item/tab-item.js +198 -129
- package/dist/collection/components/tab-list/tab-list.js +74 -12
- package/dist/collection/components/tab-panel/tab-panel.js +80 -2
- package/dist/collection/components/tabs/tabs.js +504 -167
- package/dist/collection/components/tag/tag.js +2 -2
- package/dist/collection/components/textarea/textarea.js +2 -2
- package/dist/collection/components/tooltip/tooltip.js +3 -4
- package/dist/collection/shared/model.js +1 -1
- package/dist/custom-elements.json +4021 -3053
- package/dist/db-ux/db-ux.esm.js +1 -1
- package/dist/db-ux/index.esm.js +1 -1
- package/dist/db-ux/{p-2355324e.entry.js → p-01c278b9.entry.js} +1 -1
- package/dist/db-ux/{p-5f5eb78d.entry.js → p-071ae423.entry.js} +1 -1
- package/dist/db-ux/{p-abb0885d.entry.js → p-07c7ecc9.entry.js} +1 -1
- package/dist/db-ux/p-10869bfa.entry.js +1 -0
- package/dist/db-ux/p-1427bb15.entry.js +1 -0
- package/dist/db-ux/{p-70823b80.entry.js → p-328faf6b.entry.js} +1 -1
- package/dist/db-ux/p-397bc590.entry.js +1 -0
- package/dist/db-ux/{p-d85b1c15.entry.js → p-43a9623f.entry.js} +1 -1
- package/dist/db-ux/{p-67d59d5b.entry.js → p-44a0407b.entry.js} +1 -1
- package/dist/db-ux/{p-12a2c502.entry.js → p-61784f7a.entry.js} +1 -1
- package/dist/db-ux/p-68835a75.entry.js +1 -0
- package/dist/db-ux/p-68a995df.entry.js +1 -0
- package/dist/db-ux/{p-a65d0d23.entry.js → p-6c26b0ba.entry.js} +1 -1
- package/dist/db-ux/p-6e898a58.entry.js +1 -0
- package/dist/db-ux/{p-761c9ddf.entry.js → p-70e6d32f.entry.js} +1 -1
- package/dist/db-ux/p-71868bb5.entry.js +1 -0
- package/dist/db-ux/{p-bed8d029.entry.js → p-74a45768.entry.js} +1 -1
- package/dist/db-ux/{p-ba8464d2.entry.js → p-9a895c18.entry.js} +1 -1
- package/dist/db-ux/p-9b4d0c18.entry.js +1 -0
- package/dist/db-ux/{p-0e0c3c72.entry.js → p-9b518eb4.entry.js} +1 -1
- package/dist/db-ux/p-a927fe88.entry.js +1 -0
- package/dist/db-ux/p-a93ca690.entry.js +1 -0
- package/dist/db-ux/{p-212bde1e.entry.js → p-b06fe221.entry.js} +1 -1
- package/dist/db-ux/{p-13157b54.entry.js → p-b7087f0b.entry.js} +1 -1
- package/dist/db-ux/{p-d8b38722.entry.js → p-d93b9d58.entry.js} +1 -1
- package/dist/db-ux/p-d97c0787.entry.js +1 -0
- package/dist/db-ux/{p-c76089f6.entry.js → p-ee43015b.entry.js} +1 -1
- package/dist/db-ux/p-efde1b6e.entry.js +1 -0
- package/dist/db-ux/{p-5cb74480.entry.js → p-f08b14d9.entry.js} +1 -1
- package/dist/db-ux/p-f92cbbae.entry.js +1 -0
- package/dist/db-ux/{p-980a6afe.entry.js → p-ffe614c8.entry.js} +1 -1
- package/dist/esm/db-accordion-item.entry.js +2 -2
- package/dist/esm/db-accordion.entry.js +1 -1
- package/dist/esm/db-badge.entry.js +1 -1
- package/dist/esm/db-brand.entry.js +1 -1
- package/dist/esm/db-button.entry.js +1 -1
- package/dist/esm/db-card.entry.js +2 -2
- package/dist/esm/db-checkbox.entry.js +2 -2
- package/dist/esm/db-custom-button.entry.js +2 -2
- package/dist/esm/db-custom-select-dropdown_5.entry.js +9 -9
- package/dist/esm/db-custom-select-form-field.entry.js +2 -2
- package/dist/esm/db-custom-select.entry.js +5 -5
- package/dist/esm/db-divider.entry.js +1 -1
- package/dist/esm/db-drawer.entry.js +3 -3
- package/dist/esm/db-header.entry.js +2 -2
- package/dist/esm/db-icon.entry.js +1 -1
- package/dist/esm/db-infotext.entry.js +1 -1
- package/dist/esm/db-link.entry.js +1 -1
- package/dist/esm/db-navigation-item.entry.js +1 -1
- 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 +1 -1
- 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 +134 -68
- package/dist/esm/db-tabs.entry.js +373 -123
- package/dist/esm/db-textarea.entry.js +2 -2
- package/dist/esm/db-tooltip.entry.js +4 -5
- package/dist/esm/db-ux.js +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/tab-item/model.d.ts +28 -11
- package/dist/types/components/tab-item/tab-item.d.ts +22 -20
- package/dist/types/components/tab-list/model.d.ts +15 -5
- package/dist/types/components/tab-list/tab-list.d.ts +4 -1
- package/dist/types/components/tab-panel/model.d.ts +13 -3
- package/dist/types/components/tab-panel/tab-panel.d.ts +3 -0
- package/dist/types/components/tabs/model.d.ts +51 -17
- package/dist/types/components/tabs/tabs.d.ts +35 -16
- package/dist/types/components.d.ts +80 -30
- package/dist/types/shared/model.d.ts +5 -5
- package/dist/vscode.html-custom-data.json +153 -59
- package/dist/web-types.json +297 -135
- package/package.json +3 -3
- package/dist/db-ux/p-202323c2.entry.js +0 -1
- package/dist/db-ux/p-21068628.entry.js +0 -1
- package/dist/db-ux/p-377987d0.entry.js +0 -1
- package/dist/db-ux/p-3d5d49ff.entry.js +0 -1
- package/dist/db-ux/p-452a8b6b.entry.js +0 -1
- package/dist/db-ux/p-4de2c697.entry.js +0 -1
- package/dist/db-ux/p-605013f0.entry.js +0 -1
- package/dist/db-ux/p-6f9e146e.entry.js +0 -1
- package/dist/db-ux/p-7fa91164.entry.js +0 -1
- package/dist/db-ux/p-8e84712d.entry.js +0 -1
- package/dist/db-ux/p-a9efbb0b.entry.js +0 -1
- package/dist/db-ux/p-bd66d144.entry.js +0 -1
- package/dist/db-ux/p-dd08f6e4.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as s,F as h}from"./p-K4o-AcjZ.js";import{l,a as e,m as a,f as o,g as d,h as n,e as c,d as v,i as r,o as u,k as w,c as f,s as m}from"./p-BdL-nI5y.js";import{h as p,d as b,s as y,m as g,u as k,g as A,e as F,l as D,c as x}from"./p-xkoBSP8R.js";import{D as C}from"./p-D_roHmuC.js";import{D as L}from"./p-CHLgQ9vn.js";import{a as S}from"./p-DOPXnIzL.js";import{b as I}from"./p-D5mInaY7.js";const R=class{constructor(s){i(this,s),this.amountChange=t(this,"amountChange"),this.dropdownToggle=t(this,"dropdownToggle"),this.optionSelected=t(this,"optionSelected"),this.search=t(this,"search"),this.showClearSelection=!0,this.clearSelectionText="Clear selection",this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._selectId=void 0,this._labelId=void 0,this._summaryId=void 0,this._placeholderId=void 0,this._infoTextId=void 0,this._validity="no-validation",this._userInteraction=!1,this.abortController=void 0,this._descByIds=void 0,this._selectedLabels="",this._selectedLabelsId=void 0,this._voiceOverFallback="",this._selectedOptions=[],this.selectAllEnabled=!1,this.searchEnabled=!1,this.amountOptions=0,this._values=[],this._options=[],this._hasNoOptions=!1,this._documentClickListenerCallbackId=void 0,this._internalChangeTimestamp=0,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this._searchValue=void 0,this.selectAllChecked=!1,this.selectAllIndeterminate=!1,this.satisfyReact=function(i){i.stopPropagation()}}handleDocumentScroll(i){var t,s;(null===(t=null==i?void 0:i.target)||void 0===t?void 0:t.contains)&&(null===(s=null==i?void 0:i.target)||void 0===s?void 0:s.contains(this.detailsRef))&&this.handleAutoPlacement()}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,h,e,a,o,d;this.selectRef&&(this.selectRef.value=this.getNativeSelectValue()),(null===(i=this.selectRef)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(h=this.selectRef)||void 0===h?void 0:h.validity.valid)&&this.required?(this.setDescById(this._validMessageId),p()&&(this._voiceOverFallback=null!==(e=this.validMessage)&&void 0!==e?e:w,b((()=>this._voiceOverFallback=""),1e3)),this._validity=null!==(a=this.validation)&&void 0!==a?a:"valid"):y(this.message,this.showMessage)?(this.setDescById(this._messageId),this._validity=null!==(o=this.validation)&&void 0!==o?o:"no-validation"):(this.setDescById(this._placeholderId),this._validity=null!==(d=this.validation)&&void 0!==d?d:"no-validation"):(this.setDescById(this._invalidMessageId),this._invalidMessage=this.invalidMessage||(null===(t=this.selectRef)||void 0===t?void 0:t.validationMessage)||l,p()&&(this._voiceOverFallback=this._invalidMessage,b((()=>this._voiceOverFallback=""),1e3)),this._userInteraction&&(this._validity=null!==(s=this.validation)&&void 0!==s?s:"invalid"))}handleDropdownToggle(i){var t,s;this.dropdownToggle&&(i.stopPropagation(),this.dropdownToggle.emit(i)),i.target instanceof HTMLDetailsElement&&i.target.open?(this._documentClickListenerCallbackId=(new C).addCallback((i=>this.handleDocumentClose(i))),this._documentScrollListenerCallbackId=(new L).addCallback((i=>this.handleDocumentScroll(i))),this.handleAutoPlacement(),null===(t=this._observer)||void 0===t||t.observe(this.detailsRef),i.target.dataset.test||this.handleOpenByKeyboardFocus()):(this._documentClickListenerCallbackId&&(new C).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new L).removeCallback(this._documentScrollListenerCallbackId),null===(s=this._observer)||void 0===s||s.unobserve(this.detailsRef))}getNativeSelectValue(){var i,t;return(null===(i=this._values)||void 0===i?void 0:i.length)&&null!==(t=this._values.at(0))&&void 0!==t?t:""}setDescById(i){var t;const s=[];i&&s.push(i),this._selectedLabelsId&&(null===(t=this._selectedLabels)||void 0===t?void 0:t.length)&&s.push(this._selectedLabelsId),this._descByIds=s.join(" ")}getSelectAllLabel(){var i;return null!==(i=this.selectAllLabel)&&void 0!==i?i:e}getOptionLabel(i){var t,s,h;return null!==(h=null!==(t=i.label)&&void 0!==t?t:null===(s=i.value)||void 0===s?void 0:s.toString())&&void 0!==h?h:""}getOptionChecked(i){var t,s;return!(!i||!(null===(t=this._values)||void 0===t?void 0:t.includes))&&(null===(s=this._values)||void 0===s?void 0:s.includes(i))}getTagRemoveLabel(i){const t=this.removeTagsTexts,s=this.options;if(t&&s){const h=s.findIndex((t=>t.value===i.value));if(h>=0&&h<t.length)return t[h]}return`${a} ${this.getOptionLabel(i)}`}handleTagRemove(i,t){t&&t.stopPropagation(),this.handleSelect(i.value),this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const i=this.detailsRef.querySelector("article");i&&b((()=>{var t;S(i,this.detailsRef,null!==(t=this.placement)&&void 0!==t?t:"bottom")}),1)}}handleArrowDownUp(i){var t,s,h;if(null===(t=this.detailsRef)||void 0===t?void 0:t.open){if(self.document){const t=self.document.activeElement;if(t)if("checkbox"===t.getAttribute("type")||"radio"===t.getAttribute("type")){const l=null==t?void 0:t.closest("li");if("ArrowDown"===i.key||"ArrowRight"===i.key){let i=null==l?void 0:l.nextElementSibling;for(;i;){const t=i.querySelector("input");if(t){t.focus();break}i=i.nextElementSibling}i||this.handleFocusFirstDropdownCheckbox(t)}else{let i=null==l?void 0:l.previousElementSibling;for(;i;){const t=i.querySelector("input");if(t){t.focus();break}i=i.previousElementSibling}if(!i){const i=this.detailsRef.querySelector('input[type="checkbox"]');if(i&&i!==t)this.handleFocusFirstDropdownCheckbox(t);else{const i=g(this.detailsRef);if(i)b((()=>{i.focus()}),100);else{const i=Array.from(null===(s=this.detailsRef)||void 0===s?void 0:s.querySelectorAll('input[type="checkbox"],input[type="radio"]'));i.length&&(null===(h=i.at(-1))||void 0===h||h.focus())}}}}}else"search"!==t.getAttribute("type")||"ArrowUp"!==i.key&&"ArrowLeft"!==i.key?this.handleFocusFirstDropdownCheckbox(t):(this.handleClose(void 0,!0),this.handleSummaryFocus())}}else"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(this.handleAutoPlacement(),this.detailsRef&&(this.detailsRef.open=!0),this.handleOpenByKeyboardFocus());i.stopPropagation(),i.preventDefault()}handleKeyboardPress(i){var t,s,h;if(i.stopPropagation(),"Escape"===i.key&&(null===(t=this.detailsRef)||void 0===t?void 0:t.open))this.handleClose(void 0,!0),this.handleSummaryFocus();else if("Enter"===i.key&&(null===(s=this.detailsRef)||void 0===s?void 0:s.open)){if(self.document){const t=self.document.activeElement;if(["checkbox","radio"].includes(t.getAttribute("type")||""))t.click(),i.preventDefault();else if("search"===t.getAttribute("type")){const t=null===(h=this._options)||void 0===h?void 0:h.find((i=>!i.isGroupTitle&&!i.disabled));(null==t?void 0:t.value)&&(this.handleSelect(t.value),i.preventDefault())}}}else"ArrowDown"!==i.key&&"ArrowUp"!==i.key&&"ArrowLeft"!==i.key&&"ArrowRight"!==i.key||this.handleArrowDownUp(i)}handleClose(i,t){if(this.detailsRef)if(t)this.detailsRef.open=!1,this.handleSummaryFocus();else if(this.detailsRef.open&&i&&i.relatedTarget){const t=i.relatedTarget;this.detailsRef.contains(t)||"dialog"===t.localName||b((()=>this.detailsRef.open=!1),1)}}handleDocumentClose(i){var t,s;if(i){const h="number"==typeof i.detail?i.target:null===(t=i.detail)||void 0===t?void 0:t.target;(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&!this.detailsRef.contains(h)&&(this.detailsRef.open=!1)}}handleOptionSelected(i){(new Date).getTime()-this._internalChangeTimestamp<200||(this._values=i,this._userInteraction=!0,this.optionSelected&&this.optionSelected.emit(null!=i?i:[]),this._internalChangeTimestamp=(new Date).getTime())}handleSelect(i){var t;i&&(this.multiple?(null===(t=this._values)||void 0===t?void 0:t.includes(i))?this.handleOptionSelected(this._values.filter((t=>t!==i))):this.handleOptionSelected([...this._values||[],i]):(this.handleOptionSelected([i]),this.handleClose(void 0,!0)))}handleSelectAll(i){var t;if(i.stopPropagation(),(null===(t=this._values)||void 0===t?void 0:t.length)===this.amountOptions)this.handleOptionSelected([]);else{const i=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:void 0;this.handleOptionSelected(this.options?this.options.filter((t=>{var s;return!t.isGroupTitle&&(!i||(null===(s=t.value)||void 0===s?void 0:s.toLowerCase().includes(i.toLowerCase())))})).map((i=>{var t;return null!==(t=i.value)&&void 0!==t?t:""})):[])}}handleFocusFirstDropdownCheckbox(i){if(this.detailsRef){const t=Array.from(this.detailsRef.querySelectorAll('input[type="checkbox"],input[type="radio"]'));if(t.length){const s=t.at(0),h=s===i&&t.length>1?t.at(1):s;h&&b((()=>{h.focus()}),1)}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const i=g(this.detailsRef);i?b((()=>{i.focus()}),1):this.handleFocusFirstDropdownCheckbox()}}handleSearch(i){if(void 0===i)return;let t;if("string"==typeof i)t=i;else{const s=i;s.stopPropagation(),this.search&&this.search.emit(s),t=s.target.value,this._searchValue=t}this._options=this.options&&t&&0!==t.length?this.options.filter(this.searchFilter?i=>this.searchFilter(i,t):i=>!i.isGroupTitle&&this.getOptionLabel(i).toLowerCase().includes(t.toLowerCase())):this.options}handleClearAll(i){i.stopPropagation(),this.handleOptionSelected([]),this.handleSummaryFocus()}handleSummaryFocus(){var i;this.detailsRef&&(null===(i=this.detailsRef.querySelector("summary"))||void 0===i||i.focus())}resetIds(){var i,t,s;const h=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:`custom-select-${k()}`;this._id=h,this._messageId=h+o,this._validMessageId=h+d,this._invalidMessageId=h+n,this._selectId=h+c,this._labelId=h+v,this._summaryId=h+"-summary",this._placeholderId=h+r,this._selectedLabelsId=h+"-selected-labels",this._infoTextId=h+"-info"}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const l=t.item(h);if(l&&"data-density"!==l.name&&(l.name.startsWith("data-")||l.name.startsWith("aria-")))i.setAttribute(l.name,l.value),s.removeAttribute(l.name);else if(l&&"data-density"!==l.name&&"class"!==l.name&&"style"===l.name)i.setAttribute(l.name,l.value),s.removeAttribute(l.name);else if(l&&"class"===l.name){const t=l.value.includes("hydrated"),h=l.value.replace("hydrated","").trim(),e=i.getAttribute("class");i.setAttribute(l.name,`${e?`${e} `:""}${h}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(l.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){this.detailsRef&&this.detailsRef.addEventListener("focusout",(i=>this.handleClose(i)))}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const i=this._id+o;this._labelId=this._id+v,this._selectId=this._id+c,this._validMessageId=this._id+d,this._invalidMessageId=this._id+n,this._placeholderId=this._id+r,y(this.message,this.showMessage)?this.setDescById(i):this.setDescById()}}watch2(){this.watch2Fn()}watch3Fn(){var i;if(this.detailsRef){const t=this.detailsRef.querySelector("summary");t&&t.setAttribute("aria-describedby",null!==(i=this.ariaDescribedBy)&&void 0!==i?i:this._descByIds||"")}}watch3(){this.watch3Fn()}watch4Fn(){void 0!==this.showNoResults?this._hasNoOptions=this.showNoResults:this._options&&(this._hasNoOptions=0===this._options.length)}watch4(){this.watch4Fn()}watch5Fn(){var i;this.selectAllEnabled=Boolean(this.multiple&&(null!==(i=this.showSelectAll)&&void 0!==i?i:this.amountOptions>5))}watch5(){this.watch5Fn()}watch6Fn(){var i;this.searchEnabled=null!==(i=this.showSearch)&&void 0!==i?i:this.amountOptions>9}watch6(){this.watch6Fn()}watch7Fn(){var i;const t=this.values;Array.isArray(t)?this._values!==t&&(this._values=t):null==t&&0!==(null===(i=this._values)||void 0===i?void 0:i.length)&&(this._values=[])}watch7(){this.watch7Fn()}watch8Fn(){this.selectRef&&this.handleValidation()}watch8(){this.watch8Fn()}watch9Fn(){if(this.selectRef){let i=this.abortController;i||(i=new AbortController,this.abortController=i);const t=this.values;I(this.selectRef,(()=>{this.handleOptionSelected(t||(this.selectRef.value?[this.selectRef.value]:[])),this.handleValidation()}),i.signal)}}watch9(){this.watch9Fn()}watch10Fn(){this._validity=this.validation}watch10(){this.watch10Fn()}watch11Fn(){var i,t;0===(null===(i=this._values)||void 0===i?void 0:i.length)?(this.selectAllChecked=!1,this.selectAllIndeterminate=!1):(null===(t=this._values)||void 0===t?void 0:t.length)===this.amountOptions?(this.selectAllIndeterminate=!1,this.selectAllChecked=!0):this._values&&(this.selectAllIndeterminate=!0)}watch11(){this.watch11Fn()}watch12Fn(){var i,t;this._options=this.options,this.amountOptions=null!==(t=null===(i=this.options)||void 0===i?void 0:i.filter((i=>!i.isGroupTitle)).length)&&void 0!==t?t:0}watch12(){this.watch12Fn()}watch13Fn(){this._searchValue=this.searchValue,this.searchValue&&this.handleSearch(this.searchValue)}watch13(){this.watch13Fn()}watch14Fn(){var i,t;(null===(i=this.options)||void 0===i?void 0:i.length)&&(this._selectedOptions=null===(t=this.options)||void 0===t?void 0:t.filter((i=>{var t,s;return!(!i.value||!(null===(t=this._values)||void 0===t?void 0:t.includes))&&!i.isGroupTitle&&(null===(s=this._values)||void 0===s?void 0:s.includes(i.value))})))}watch14(){this.watch14Fn()}watch15Fn(){var i,t,s;if(this.selectedLabels)this._selectedLabels=this.selectedLabels;else if(null===(i=this._selectedOptions)||void 0===i?void 0:i.length){if(this.transformSelectedLabels)return void(this._selectedLabels=(0,this.transformSelectedLabels)(this._selectedOptions));this._selectedLabels="amount"===this.selectedType?this.amountText?this.amountText:`${null===(t=this._selectedOptions)||void 0===t?void 0:t.length} ${u}`:null===(s=this._selectedOptions)||void 0===s?void 0:s.map((i=>this.getOptionLabel(i))).join(", ")}else this._selectedLabels=""}watch15(){this.watch15Fn()}watch16Fn(){var i,t;this.amountChange&&this.amountChange.emit(null!==(t=null===(i=this._selectedOptions)||void 0===i?void 0:i.length)&&void 0!==t?t:0)}watch16(){this.watch16Fn()}watch17Fn(){this.selectAllRef&&(this.selectAllRef.indeterminate=Boolean(this.selectAllIndeterminate))}watch17(){this.watch17Fn()}watch18Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this.selectRef)||void 0===i?void 0:i.validationMessage)||l}watch18(){this.watch18Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select"),this.resetIds(),this._invalidMessage=this.invalidMessage||l,"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((i=>{if(this.detailsRef){const t=i.find((({target:i})=>i===this.detailsRef));t&&!t.isIntersecting&&this.detailsRef.open&&(this.detailsRef.open=!1)}}))),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn(),this.watch6Fn(),this.watch7Fn(),this.watch8Fn(),this.watch9Fn(),this.watch10Fn(),this.watch11Fn(),this.watch12Fn(),this.watch13Fn(),this.watch14Fn(),this.watch15Fn(),this.watch16Fn(),this.watch17Fn(),this.watch18Fn()}disconnectedCallback(){var i;null===(i=this.abortController)||void 0===i||i.abort()}render(){var i,t,l,a,o,d,n,c,v,r,u,p,b,g,k;return s("div",{key:"04344ea736f4311c09459970f6c743516c0a45ba",class:x("db-custom-select",this.className),id:this._id,ref:i=>{this._ref=i},"aria-invalid":"invalid"===this._validity,"data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":"floating"===this.variant&&"tag"===this.selectedType&&this.multiple?"above":this.variant,"data-required":A(this.required),"data-hide-asterisk":D(this.showRequiredAsterisk),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":D(this.showLabel),"data-icon":this.icon,"data-show-icon":A(this.showIcon)},s("label",{key:"ed856ad29b0f840ebe37c8edf275267efc780f2c",id:this._labelId},null!==(i=this.label)&&void 0!==i?i:e,s("select",{key:"093be2cd13041a45a95664e083125f5e4e8c2689",role:"none",hidden:!0,id:this._selectId,tabIndex:-1,ref:i=>{this.selectRef=i},form:this.form,name:this.name,"data-custom-validity":this._validity,multiple:F(this.multiple,"multiple"),disabled:F(this.disabled,"disabled"),required:F(this.required,"required"),onChange:i=>this.satisfyReact(i)},(null===(t=this.options)||void 0===t?void 0:t.length)?null===(l=this.options)||void 0===l?void 0:l.map((i=>s("option",{disabled:i.disabled,value:i.value,key:void 0},this.getOptionLabel(i)))):null)),s("details",{key:"e0617c55fb94a72432719b485d922d87cca58d40",ref:i=>{this.detailsRef=i},open:this.open,onToggle:i=>this.handleDropdownToggle(i),onKeyDown:i=>this.handleKeyboardPress(i)},s("slot",{key:"4a4754177ce637816734d8e195d1d34b0e4a9707"}),this.options?s(h,null,s("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":A(this.disabled),tabIndex:this.disabled?-1:void 0,"aria-labelledby":this._labelId},(null===(a=this._selectedLabels)||void 0===a?void 0:a.length)?s("span",{"data-visually-hidden":A("tag"===this.selectedType),id:this._selectedLabelsId},this.selectedPrefix?s("span",{"data-visually-hidden":"true"},this.selectedPrefix):null,this._selectedLabels):null,"tag"===this.selectedType?s("div",null,null===(o=this._selectedOptions)||void 0===o?void 0:o.map((i=>s("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(i),onRemove:t=>this.handleTagRemove(i,t),key:void 0},this.getOptionLabel(i))))):null),s("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?s("div",null,s("db-input",{type:"search",ref:i=>{this.searchInputRef=i},name:this._id,form:this._id,showLabel:!1,value:this._searchValue,label:null!==(d=this.searchLabel)&&void 0!==d?d:e,placeholder:null!==(n=this.searchPlaceholder)&&void 0!==n?n:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:void 0,onInput:i=>this.handleSearch(i)})):null,this._hasNoOptions||this.showLoading?s("db-infotext",{id:this._infoTextId,icon:this.showLoading?"circular_arrows":void 0,semantic:this.showLoading?"informational":"warning"},null!==(c=this.showLoading?this.loadingText:this.noResultsText)&&void 0!==c?c:f):s(h,null,this.selectAllEnabled?s("div",null,s("div",{class:"db-checkbox db-custom-select-list-item"},s("label",null,s("input",{type:"checkbox",value:"select-all",ref:i=>{this.selectAllRef=i},form:this._id,checked:this.selectAllChecked,onChange:i=>this.handleSelectAll(i)}),this.getSelectAllLabel()))):null,s("db-custom-select-list",{multiple:F(this.multiple,"multiple"),label:null!==(r=null!==(v=this.listLabel)&&void 0!==v?v:this.label)&&void 0!==r?r:e},null===(u=this._options)||void 0===u?void 0:u.map((i=>s("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:i.showDivider,icon:i.icon,isGroupTitle:i.isGroupTitle,groupTitle:this.getOptionLabel(i),name:this._id,checked:this.getOptionChecked(i.value),disabled:i.disabled,value:i.value,onChange:()=>this.handleSelect(i.value),key:void 0},i.isGroupTitle?null:this.getOptionLabel(i)))))),s("div",null,s("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose(void 0,!0)},null!==(p=this.mobileCloseButtonText)&&void 0!==p?p:m)))):null),(null===(b=this.showClearSelection)||void 0===b||b)&&(null===(g=this._values)||void 0===g?void 0:g.length)?s("db-button",{icon:"cross",variant:"ghost",size:"small",noText:!0,name:this._id,form:this._id,disabled:F(this.disabled,"disabled"),onClick:i=>this.handleClearAll(i)},this.clearSelectionText,s("db-tooltip",{placement:"top"},this.clearSelectionText)):null,s("span",{key:"ea3f5751609a4383f9d381cfbc7947a4b0192880",class:"db-custom-select-placeholder","aria-hidden":A(!0),id:this._placeholderId},null!==(k=this.placeholder)&&void 0!==k?k:this.label),y(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||w):null,s("db-infotext",{key:"d8733256a74ba4876d4080a27798f01264d6472d",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"4ca046467d7da79ac48f0e1dddf2712ef2a93074","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}}};export{R as db_custom_select}
|
|
1
|
+
import{r as i,c as t,h as s,F as h}from"./p-K4o-AcjZ.js";import{l,a as e,m as o,f as a,g as d,h as n,e as c,d as v,i as r,o as u,k as w,c as f,s as b}from"./p-BdL-nI5y.js";import{h as m,d as p,s as y,m as g,u as k,g as A,e as F,l as D,c as x}from"./p-xkoBSP8R.js";import{D as C}from"./p-D_roHmuC.js";import{D as L}from"./p-CHLgQ9vn.js";import{a as S}from"./p-DOPXnIzL.js";import{b as I}from"./p-D5mInaY7.js";const R=class{constructor(s){i(this,s),this.amountChange=t(this,"amountChange"),this.dropdownToggle=t(this,"dropdownToggle"),this.optionSelected=t(this,"optionSelected"),this.search=t(this,"search"),this.showClearSelection=!0,this.clearSelectionText="Clear selection",this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._selectId=void 0,this._labelId=void 0,this._summaryId=void 0,this._placeholderId=void 0,this._infoTextId=void 0,this._validity="no-validation",this._userInteraction=!1,this.abortController=void 0,this._descByIds=void 0,this._selectedLabels="",this._selectedLabelsId=void 0,this._voiceOverFallback="",this._selectedOptions=[],this.selectAllEnabled=!1,this.searchEnabled=!1,this.amountOptions=0,this._values=[],this._options=[],this._hasNoOptions=!1,this._documentClickListenerCallbackId=void 0,this._internalChangeTimestamp=0,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this._searchValue=void 0,this.selectAllChecked=!1,this.selectAllIndeterminate=!1,this.satisfyReact=function(i){i.stopPropagation()}}handleDocumentScroll(i){var t,s;(null===(t=null==i?void 0:i.target)||void 0===t?void 0:t.contains)&&(null===(s=null==i?void 0:i.target)||void 0===s?void 0:s.contains(this.detailsRef))&&this.handleAutoPlacement()}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,h,e,o,a,d;this.selectRef&&(this.selectRef.value=this.getNativeSelectValue()),(null===(i=this.selectRef)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(h=this.selectRef)||void 0===h?void 0:h.validity.valid)&&this.required?(this.setDescById(this._validMessageId),m()&&(this._voiceOverFallback=null!==(e=this.validMessage)&&void 0!==e?e:w,p((()=>this._voiceOverFallback=""),1e3)),this._validity=null!==(o=this.validation)&&void 0!==o?o:"valid"):y(this.message,this.showMessage)?(this.setDescById(this._messageId),this._validity=null!==(a=this.validation)&&void 0!==a?a:"no-validation"):(this.setDescById(this._placeholderId),this._validity=null!==(d=this.validation)&&void 0!==d?d:"no-validation"):(this.setDescById(this._invalidMessageId),this._invalidMessage=this.invalidMessage||(null===(t=this.selectRef)||void 0===t?void 0:t.validationMessage)||l,m()&&(this._voiceOverFallback=this._invalidMessage,p((()=>this._voiceOverFallback=""),1e3)),this._userInteraction&&(this._validity=null!==(s=this.validation)&&void 0!==s?s:"invalid"))}handleDropdownToggle(i){var t,s;this.dropdownToggle&&(i.stopPropagation(),this.dropdownToggle.emit(i)),i.target instanceof HTMLDetailsElement&&i.target.open?(this._documentClickListenerCallbackId=(new C).addCallback((i=>this.handleDocumentClose(i))),this._documentScrollListenerCallbackId=(new L).addCallback((i=>this.handleDocumentScroll(i))),this.handleAutoPlacement(),null===(t=this._observer)||void 0===t||t.observe(this.detailsRef),i.target.dataset.test||this.handleOpenByKeyboardFocus()):(this._documentClickListenerCallbackId&&(new C).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new L).removeCallback(this._documentScrollListenerCallbackId),null===(s=this._observer)||void 0===s||s.unobserve(this.detailsRef))}getNativeSelectValue(){var i,t;return(null===(i=this._values)||void 0===i?void 0:i.length)&&null!==(t=this._values.at(0))&&void 0!==t?t:""}setDescById(i){var t;const s=[];i&&s.push(i),this._selectedLabelsId&&(null===(t=this._selectedLabels)||void 0===t?void 0:t.length)&&s.push(this._selectedLabelsId),this._descByIds=s.join(" ")}getSelectAllLabel(){var i;return null!==(i=this.selectAllLabel)&&void 0!==i?i:e}getOptionLabel(i){var t,s,h;return null!==(h=null!==(t=i.label)&&void 0!==t?t:null===(s=i.value)||void 0===s?void 0:s.toString())&&void 0!==h?h:""}getOptionChecked(i){var t,s;return!(!i||!(null===(t=this._values)||void 0===t?void 0:t.includes))&&(null===(s=this._values)||void 0===s?void 0:s.includes(i))}getTagRemoveLabel(i){const t=this.removeTagsTexts,s=this.options;if(t&&s){const h=s.findIndex((t=>t.value===i.value));if(h>=0&&h<t.length)return t[h]}return`${o} ${this.getOptionLabel(i)}`}handleTagRemove(i,t){t&&t.stopPropagation(),this.handleSelect(i.value),this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const i=this.detailsRef.querySelector("article");i&&p((()=>{var t;S(i,this.detailsRef,null!==(t=this.placement)&&void 0!==t?t:"bottom")}),1)}}handleArrowDownUp(i){var t,s,h;if(null===(t=this.detailsRef)||void 0===t?void 0:t.open){if(self.document){const t=self.document.activeElement;if(t)if("checkbox"===t.getAttribute("type")||"radio"===t.getAttribute("type")){const l=null==t?void 0:t.closest("li");if("ArrowDown"===i.key||"ArrowRight"===i.key){let i=null==l?void 0:l.nextElementSibling;for(;i;){const t=i.querySelector("input");if(t){t.focus();break}i=i.nextElementSibling}i||this.handleFocusFirstDropdownCheckbox(t)}else{let i=null==l?void 0:l.previousElementSibling;for(;i;){const t=i.querySelector("input");if(t){t.focus();break}i=i.previousElementSibling}if(!i){const i=this.detailsRef.querySelector('input[type="checkbox"]');if(i&&i!==t)this.handleFocusFirstDropdownCheckbox(t);else{const i=g(this.detailsRef);if(i)p((()=>{i.focus()}),100);else{const i=Array.from(null===(s=this.detailsRef)||void 0===s?void 0:s.querySelectorAll('input[type="checkbox"],input[type="radio"]'));i.length&&(null===(h=i.at(-1))||void 0===h||h.focus())}}}}}else"search"!==t.getAttribute("type")||"ArrowUp"!==i.key&&"ArrowLeft"!==i.key?this.handleFocusFirstDropdownCheckbox(t):(this.handleClose(void 0,!0),this.handleSummaryFocus())}}else"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(this.handleAutoPlacement(),this.detailsRef&&(this.detailsRef.open=!0),this.handleOpenByKeyboardFocus());i.stopPropagation(),i.preventDefault()}handleKeyboardPress(i){var t,s,h;if(i.stopPropagation(),"Escape"===i.key&&(null===(t=this.detailsRef)||void 0===t?void 0:t.open))this.handleClose(void 0,!0),this.handleSummaryFocus();else if("Enter"===i.key&&(null===(s=this.detailsRef)||void 0===s?void 0:s.open)){if(self.document){const t=self.document.activeElement;if(["checkbox","radio"].includes(t.getAttribute("type")||""))t.click(),i.preventDefault();else if("search"===t.getAttribute("type")){const t=null===(h=this._options)||void 0===h?void 0:h.find((i=>!i.isGroupTitle&&!i.disabled));(null==t?void 0:t.value)&&(this.handleSelect(t.value),i.preventDefault())}}}else"ArrowDown"!==i.key&&"ArrowUp"!==i.key&&"ArrowLeft"!==i.key&&"ArrowRight"!==i.key||this.handleArrowDownUp(i)}handleClose(i,t){if(this.detailsRef)if(t)this.detailsRef.open=!1,this.handleSummaryFocus();else if(this.detailsRef.open&&i&&i.relatedTarget){const t=i.relatedTarget;this.detailsRef.contains(t)||"dialog"===t.localName||p((()=>this.detailsRef.open=!1),1)}}handleDocumentClose(i){var t,s;if(i){const h="number"==typeof i.detail?i.target:null===(t=i.detail)||void 0===t?void 0:t.target;(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&!this.detailsRef.contains(h)&&(this.detailsRef.open=!1)}}handleOptionSelected(i){(new Date).getTime()-this._internalChangeTimestamp<200||(this._values=i,this._userInteraction=!0,this.optionSelected&&this.optionSelected.emit(null!=i?i:[]),this._internalChangeTimestamp=(new Date).getTime())}handleSelect(i){var t;i&&(this.multiple?(null===(t=this._values)||void 0===t?void 0:t.includes(i))?this.handleOptionSelected(this._values.filter((t=>t!==i))):this.handleOptionSelected([...this._values||[],i]):(this.handleOptionSelected([i]),this.handleClose(void 0,!0)))}handleSelectAll(i){var t;if(i.stopPropagation(),(null===(t=this._values)||void 0===t?void 0:t.length)===this.amountOptions)this.handleOptionSelected([]);else{const i=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:void 0;this.handleOptionSelected(this.options?this.options.filter((t=>{var s;return!t.isGroupTitle&&(!i||(null===(s=t.value)||void 0===s?void 0:s.toLowerCase().includes(i.toLowerCase())))})).map((i=>{var t;return null!==(t=i.value)&&void 0!==t?t:""})):[])}}handleFocusFirstDropdownCheckbox(i){if(this.detailsRef){const t=Array.from(this.detailsRef.querySelectorAll('input[type="checkbox"],input[type="radio"]'));if(t.length){const s=t.at(0),h=s===i&&t.length>1?t.at(1):s;h&&p((()=>{h.focus()}),1)}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const i=g(this.detailsRef);i?p((()=>{i.focus()}),1):this.handleFocusFirstDropdownCheckbox()}}handleSearch(i){if(void 0===i)return;let t;if("string"==typeof i)t=i;else{const s=i;s.stopPropagation(),this.search&&this.search.emit(s),t=s.target.value,this._searchValue=t}this._options=this.options&&t&&0!==t.length?this.options.filter(this.searchFilter?i=>this.searchFilter(i,t):i=>!i.isGroupTitle&&this.getOptionLabel(i).toLowerCase().includes(t.toLowerCase())):this.options}handleClearAll(i){i.stopPropagation(),this.handleOptionSelected([]),this.handleSummaryFocus()}handleSummaryFocus(){var i;this.detailsRef&&(null===(i=this.detailsRef.querySelector("summary"))||void 0===i||i.focus())}resetIds(){var i,t,s;const h=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:`custom-select-${k()}`;this._id=h,this._messageId=h+a,this._validMessageId=h+d,this._invalidMessageId=h+n,this._selectId=h+c,this._labelId=h+v,this._summaryId=h+"-summary",this._placeholderId=h+r,this._selectedLabelsId=h+"-selected-labels",this._infoTextId=h+"-info"}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const l=t.item(h);if(l&&"data-density"!==l.name&&(l.name.startsWith("data-")||l.name.startsWith("aria-")))i.setAttribute(l.name,l.value),s.removeAttribute(l.name);else if(l&&"data-density"!==l.name&&"class"!==l.name&&"style"===l.name)i.setAttribute(l.name,l.value),s.removeAttribute(l.name);else if(l&&"class"===l.name){const t=l.value.includes("hydrated"),h=l.value.replace("hydrated","").trim(),e=i.getAttribute("class");i.setAttribute(l.name,`${e?`${e} `:""}${h}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(l.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){this.detailsRef&&this.detailsRef.addEventListener("focusout",(i=>this.handleClose(i)))}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const i=this._id+a;this._labelId=this._id+v,this._selectId=this._id+c,this._validMessageId=this._id+d,this._invalidMessageId=this._id+n,this._placeholderId=this._id+r,y(this.message,this.showMessage)?this.setDescById(i):this.setDescById()}}watch2(){this.watch2Fn()}watch3Fn(){var i;if(this.detailsRef){const t=this.detailsRef.querySelector("summary");t&&t.setAttribute("aria-describedby",null!==(i=this.ariaDescribedBy)&&void 0!==i?i:this._descByIds||"")}}watch3(){this.watch3Fn()}watch4Fn(){void 0!==this.showNoResults?this._hasNoOptions=this.showNoResults:this._options&&(this._hasNoOptions=0===this._options.length)}watch4(){this.watch4Fn()}watch5Fn(){var i;this.selectAllEnabled=Boolean(this.multiple&&(null!==(i=this.showSelectAll)&&void 0!==i?i:this.amountOptions>5))}watch5(){this.watch5Fn()}watch6Fn(){var i;this.searchEnabled=null!==(i=this.showSearch)&&void 0!==i?i:this.amountOptions>9}watch6(){this.watch6Fn()}watch7Fn(){var i;const t=this.values;Array.isArray(t)?this._values!==t&&(this._values=t):null==t&&0!==(null===(i=this._values)||void 0===i?void 0:i.length)&&(this._values=[])}watch7(){this.watch7Fn()}watch8Fn(){this.selectRef&&this.handleValidation()}watch8(){this.watch8Fn()}watch9Fn(){if(this.selectRef){let i=this.abortController;i||(i=new AbortController,this.abortController=i);const t=this.values;I(this.selectRef,(()=>{this.handleOptionSelected(t||(this.selectRef.value?[this.selectRef.value]:[])),this.handleValidation()}),i.signal)}}watch9(){this.watch9Fn()}watch10Fn(){this._validity=this.validation}watch10(){this.watch10Fn()}watch11Fn(){var i,t;0===(null===(i=this._values)||void 0===i?void 0:i.length)?(this.selectAllChecked=!1,this.selectAllIndeterminate=!1):(null===(t=this._values)||void 0===t?void 0:t.length)===this.amountOptions?(this.selectAllIndeterminate=!1,this.selectAllChecked=!0):this._values&&(this.selectAllIndeterminate=!0)}watch11(){this.watch11Fn()}watch12Fn(){var i,t;this._options=this.options,this.amountOptions=null!==(t=null===(i=this.options)||void 0===i?void 0:i.filter((i=>!i.isGroupTitle)).length)&&void 0!==t?t:0}watch12(){this.watch12Fn()}watch13Fn(){this._searchValue=this.searchValue,this.searchValue&&this.handleSearch(this.searchValue)}watch13(){this.watch13Fn()}watch14Fn(){var i,t;(null===(i=this.options)||void 0===i?void 0:i.length)&&(this._selectedOptions=null===(t=this.options)||void 0===t?void 0:t.filter((i=>{var t,s;return!(!i.value||!(null===(t=this._values)||void 0===t?void 0:t.includes))&&!i.isGroupTitle&&(null===(s=this._values)||void 0===s?void 0:s.includes(i.value))})))}watch14(){this.watch14Fn()}watch15Fn(){var i,t,s;if(this.selectedLabels)this._selectedLabels=this.selectedLabels;else if(null===(i=this._selectedOptions)||void 0===i?void 0:i.length){if(this.transformSelectedLabels)return void(this._selectedLabels=(0,this.transformSelectedLabels)(this._selectedOptions));this._selectedLabels="amount"===this.selectedType?this.amountText?this.amountText:`${null===(t=this._selectedOptions)||void 0===t?void 0:t.length} ${u}`:null===(s=this._selectedOptions)||void 0===s?void 0:s.map((i=>this.getOptionLabel(i))).join(", ")}else this._selectedLabels=""}watch15(){this.watch15Fn()}watch16Fn(){var i,t;this.amountChange&&this.amountChange.emit(null!==(t=null===(i=this._selectedOptions)||void 0===i?void 0:i.length)&&void 0!==t?t:0)}watch16(){this.watch16Fn()}watch17Fn(){this.selectAllRef&&(this.selectAllRef.indeterminate=Boolean(this.selectAllIndeterminate))}watch17(){this.watch17Fn()}watch18Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this.selectRef)||void 0===i?void 0:i.validationMessage)||l}watch18(){this.watch18Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select"),this.resetIds(),this._invalidMessage=this.invalidMessage||l,"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((i=>{if(this.detailsRef){const t=i.find((({target:i})=>i===this.detailsRef));t&&!t.isIntersecting&&this.detailsRef.open&&(this.detailsRef.open=!1)}}))),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn(),this.watch6Fn(),this.watch7Fn(),this.watch8Fn(),this.watch9Fn(),this.watch10Fn(),this.watch11Fn(),this.watch12Fn(),this.watch13Fn(),this.watch14Fn(),this.watch15Fn(),this.watch16Fn(),this.watch17Fn(),this.watch18Fn()}disconnectedCallback(){var i;null===(i=this.abortController)||void 0===i||i.abort()}render(){var i,t,l,o,a,d,n,c,v,r,u,m,p,g,k;return s("div",{key:"1eb32ad2f5badccbc6b84ef451b3627d1a4439f5",class:x("db-custom-select",this.className),id:this._id,ref:i=>{this._ref=i},"aria-invalid":"invalid"===this._validity,"data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":"floating"===this.variant&&"tag"===this.selectedType&&this.multiple?"above":this.variant,"data-required":A(this.required),"data-hide-asterisk":D(this.showRequiredAsterisk),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":D(this.showLabel),"data-icon":this.icon,"data-show-icon":A(this.showIcon)},s("label",{key:"e6803b081d3bc122a21257833ba64741820467b9",id:this._labelId},null!==(i=this.label)&&void 0!==i?i:e,s("select",{key:"5c3d8165e1183b06f632e6da64621e30840e22d2",role:"none",hidden:!0,id:this._selectId,tabIndex:-1,ref:i=>{this.selectRef=i},form:this.form,name:this.name,"data-custom-validity":this._validity,multiple:F(this.multiple,"multiple"),disabled:F(this.disabled,"disabled"),required:F(this.required,"required"),onChange:i=>this.satisfyReact(i)},(null===(t=this.options)||void 0===t?void 0:t.length)?null===(l=this.options)||void 0===l?void 0:l.map((i=>s("option",{disabled:i.disabled,value:i.value,key:void 0},this.getOptionLabel(i)))):null)),s("details",{key:"d3a47c7e456138026a77228e3bd39814309c8ab2",ref:i=>{this.detailsRef=i},open:this.open,onToggle:i=>this.handleDropdownToggle(i),onKeyDown:i=>this.handleKeyboardPress(i)},s("slot",{key:"fc7e14327dd7f731e69fee985b537bfb5df4ebf7"}),this.options?s(h,null,s("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":A(this.disabled),tabIndex:this.disabled?-1:void 0,"aria-labelledby":this._labelId},(null===(o=this._selectedLabels)||void 0===o?void 0:o.length)?s("span",{"data-visually-hidden":A("tag"===this.selectedType),id:this._selectedLabelsId},this.selectedPrefix?s("span",{"data-visually-hidden":"true"},this.selectedPrefix):null,this._selectedLabels):null,"tag"===this.selectedType?s("div",null,null===(a=this._selectedOptions)||void 0===a?void 0:a.map((i=>s("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(i),onRemove:t=>this.handleTagRemove(i,t),key:void 0},this.getOptionLabel(i))))):null),s("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?s("div",null,s("db-input",{type:"search",ref:i=>{this.searchInputRef=i},name:this._id,form:this._id,showLabel:!1,value:this._searchValue,label:null!==(d=this.searchLabel)&&void 0!==d?d:e,placeholder:null!==(n=this.searchPlaceholder)&&void 0!==n?n:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:void 0,onInput:i=>this.handleSearch(i)})):null,this._hasNoOptions||this.showLoading?s("db-infotext",{id:this._infoTextId,icon:this.showLoading?"circular_arrows":void 0,semantic:this.showLoading?"informational":"warning"},null!==(c=this.showLoading?this.loadingText:this.noResultsText)&&void 0!==c?c:f):s(h,null,this.selectAllEnabled?s("div",null,s("div",{class:"db-checkbox db-custom-select-list-item"},s("label",null,s("input",{type:"checkbox",value:"select-all",ref:i=>{this.selectAllRef=i},form:this._id,checked:this.selectAllChecked,onChange:i=>this.handleSelectAll(i)}),this.getSelectAllLabel()))):null,s("db-custom-select-list",{multiple:F(this.multiple,"multiple"),label:null!==(r=null!==(v=this.listLabel)&&void 0!==v?v:this.label)&&void 0!==r?r:e},null===(u=this._options)||void 0===u?void 0:u.map((i=>s("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:i.showDivider,icon:i.icon,isGroupTitle:i.isGroupTitle,groupTitle:this.getOptionLabel(i),name:this._id,checked:this.getOptionChecked(i.value),disabled:i.disabled,value:i.value,onChange:()=>this.handleSelect(i.value),key:void 0},i.isGroupTitle?null:this.getOptionLabel(i)))))),s("div",null,s("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose(void 0,!0)},null!==(m=this.mobileCloseButtonText)&&void 0!==m?m:b)))):null),(null===(p=this.showClearSelection)||void 0===p||p)&&(null===(g=this._values)||void 0===g?void 0:g.length)?s("db-button",{icon:"cross",variant:"ghost",size:"small",noText:!0,name:this._id,form:this._id,disabled:F(this.disabled,"disabled"),onClick:i=>this.handleClearAll(i)},this.clearSelectionText,s("db-tooltip",{placement:"top"},this.clearSelectionText)):null,s("span",{key:"09e3a2a61b2be1027da1218b5115aaef6b9cdf2c",class:"db-custom-select-placeholder","aria-hidden":A(!0),id:this._placeholderId},null!==(k=this.placeholder)&&void 0!==k?k:this.label),y(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||w):null,s("db-infotext",{key:"68092f98cf584db276b56a27edfb1c2890ff6c92",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"701dedd77ceb37f3f02d04cec198540357683bcf","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}}};export{R as db_custom_select}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i}from"./p-K4o-AcjZ.js";import{u as s,d as a,g as e,c as h}from"./p-xkoBSP8R.js";import{D as o}from"./p-CHLgQ9vn.js";import{b as d}from"./p-DOPXnIzL.js";const l=class{constructor(i){t(this,i),this._id="tooltip-"+s(),this.initialized=!1,this._documentScrollListenerCallbackId=void 0,this._observer=void 0}handleClick(t){t.stopPropagation()}handleEscape(t){t&&"Escape"!==t.key||!this._ref||"visible"!==getComputedStyle(this._ref).visibility||this.getParent().blur()}getParent(){let t=this._ref.parentElement;return t&&t.localName.includes("tooltip")&&(t=t.parentElement),t}handleAutoPlacement(t){t&&this._ref&&a((()=>{var i;this._ref&&d(this._ref,t,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}handleDocumentScroll(t,i){var s,a;(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains)&&(null===(a=null==t?void 0:t.target)||void 0===a?void 0:a.contains(this._ref))&&this.handleAutoPlacement(i)}handleLeave(){var t;this._documentScrollListenerCallbackId&&(new o).removeCallback(this._documentScrollListenerCallbackId),null===(t=this._observer)||void 0===t||t.unobserve(this.getParent())}handleEnter(t){var i;this._documentScrollListenerCallbackId=(new o).addCallback((i=>this.handleDocumentScroll(i,t))),this.handleAutoPlacement(t),null===(i=this._observer)||void 0===i||i.observe(this.getParent())}resetIds(){var t,i,a;this._id=null!==(a=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==a?a:"tooltip-"+s()}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let a=0;a<i.length;a++){const e=i.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"class"===e.name){const i=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(e.name)}}}}watch0Fn(){var t,i;(null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref&&this.initialized&&this._id){const t=this.getParent();t&&(this.handleAutoPlacement(t),["mouseenter","focusin"].forEach((i=>{t.addEventListener(i,(()=>this.handleEnter(t)))})),t.addEventListener("keydown",(t=>this.handleEscape(t))),["mouseleave","focusout"].forEach((i=>{t.addEventListener(i,(()=>this.handleLeave()))})),t.dataset.hasTooltip="true",t.setAttribute("label"===this.variant?"aria-labelledby":"aria-describedby",this._id)),"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getParent()));i&&!i.isIntersecting&&this.handleEscape(!1)}))),this.initialized=!1}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tooltip"),this.resetIds(),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var t,s;return i("i",{key:"c96329202b5534b72d32091f25637fa0cd49e8bb",class:h("db-tooltip",this.className),role:"tooltip","aria-hidden":"true","data-gap":"true",ref:t=>{this._ref=t},id:this._id,"data-emphasis":this.emphasis,"data-wrap":e(this.wrap),"data-animation":e(null===(t=this.animation)||void 0===t||t),"data-delay":this.delay,"data-width":this.width,"data-show-arrow":e(null===(s=this.showArrow)||void 0===s||s),"data-placement":this.placement,onClick:t=>this.handleClick(t)},i("slot",{key:"ffbe2e72d2a2071c09c2dd66d694453be33c809c"}))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0}],initialized:[{watch1:0}],_id:[{watch1:0}]}}};export{l as db_tooltip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s}from"./p-K4o-AcjZ.js";import{g as i,c as a}from"./p-xkoBSP8R.js";const e=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"class"===e.name){const s=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-link")}render(){var t,e,d,r;return s("a",{key:"
|
|
1
|
+
import{r as t,h as s}from"./p-K4o-AcjZ.js";import{g as i,c as a}from"./p-xkoBSP8R.js";const e=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"class"===e.name){const s=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-link")}render(){var t,e,d,r;return s("a",{key:"e5663911fcd4d3c7089f915aa842a28f09a4cafa",class:a("db-link",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(e=this.propOverrides)||void 0===e?void 0:e.id,href:this.href,target:this.target,rel:this.rel,role:this.role,referrerPolicy:null!==(d=this.referrerpolicy)&&void 0!==d?d:this.referrerPolicy,hrefLang:this.hreflang,"aria-disabled":i(this.disabled),tabIndex:this.disabled?-1:0,"data-size":this.size,"data-show-icon-trailing":i(null===(r=this.showIcon)||void 0===r||r),"data-variant":this.variant,"data-content":this.content||"internal","data-wrap":i(this.wrap)},this.text?this.text:s("slot",null))}};export{e as db_link}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as s,F as n}from"./p-K4o-AcjZ.js";import{u as e,c as l}from"./p-xkoBSP8R.js";const a=class{constructor(s){t(this,s),this.indexChange=i(this,"indexChange"),this.valueChange=i(this,"valueChange"),this.tabItemAlignment="start",this.tabItemWidth="auto",this.scrollStartLabel="Scroll start",this.scrollEndLabel="Scroll end",this._generatedId="tabs-"+e(),this._generatedName=e(),this.activeTabIndex=0,this.initialized=!1,this.showScrollStart=!1,this.showScrollEnd=!1,this._resizeObserver=null,this._observer=null,this._pendingRafId=null,this._scrollListener=null,this._cachedTabs=[]}_id(){return this.id||this._generatedId}_name(){return"tabs-"+(this.name||this._generatedName)}getTabId(t){return`${this._name()}-tab-${t}`}getPanelId(t){return`${this._name()}-tab-panel-${t}`}activateTab(t){var i,s,n;if(this._ref){const i=this._ref.querySelector('[role="tablist"]');if(i){const s=Array.from(i.querySelectorAll('[role="tab"]'))[t];if((null==s?void 0:s.disabled)||"true"===(null==s?void 0:s.getAttribute("aria-disabled")))return}}if(this.activeTabIndex!==t){if(this.activeTabIndex=t,this.indexChange&&this.indexChange.emit(t),this.valueChange){const e=null===(i=this._ref)||void 0===i?void 0:i.querySelector('[role="tablist"]'),l=null===(n=null===(s=(e?Array.from(e.querySelectorAll('[role="tab"]')):[])[t])||void 0===s?void 0:s.dataset)||void 0===n?void 0:n.value;this.valueChange.emit(l)}this.initTabs(t)}}handleClick(t){var i;if(this.tabs)return;const s=t.target.closest('[role="tab"]');if(!s||!this._ref)return;const n=null===(i=this._ref)||void 0===i?void 0:i.querySelector('[role="tablist"]');if(!n)return;const e=Array.from(n.querySelectorAll('[role="tab"]')).indexOf(s);-1!==e&&(t.preventDefault(),this.activateTab(e))}handleKeyDown(t){var i;if(!this._ref)return;const s=t.key;if(!["ArrowRight","ArrowDown","ArrowLeft","ArrowUp","Home","End","Enter"," "].includes(s))return;const n=this._ref.querySelector('[role="tablist"]');if(!n)return;const e=Array.from(n.querySelectorAll('[role="tab"]'));let l=-1;if("undefined"!=typeof document){let t=document.activeElement;for(;null===(i=null==t?void 0:t.shadowRoot)||void 0===i?void 0:i.activeElement;)t=t.shadowRoot.activeElement;if(t){const i=t.closest('[role="tab"]');i&&(l=e.indexOf(i))}}if(-1===l&&(l=this.activeTabIndex),e.length>0){if("Enter"===s||" "===s)return t.preventDefault(),void this.activateTab(l);let i;const n=e.length;if("ArrowRight"===s||"ArrowDown"===s?i=(l+1)%n:"ArrowLeft"===s||"ArrowUp"===s?i=(l-1+n)%n:"Home"===s?i=0:"End"===s&&(i=n-1),void 0!==i){t.preventDefault();const l="ArrowRight"===s||"ArrowDown"===s,a=n;for(let t=0;t<a;t++){const t=e[i];if(!(null==t?void 0:t.disabled)&&"true"!==(null==t?void 0:t.getAttribute("aria-disabled")))break;i=l?(i+1)%n:(i-1+n)%n}const o=e[i];o&&!o.disabled&&"true"!==o.getAttribute("aria-disabled")&&o.focus()}}}isIndexActive(t){return this.activeTabIndex===Number(t)}getTabItemTabIndex(t){const i=Number(t);return this.activeTabIndex===i||-1===this.activeTabIndex&&0===i?0:-1}_updateCachedTabs(){try{this._cachedTabs="string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs?this.tabs:[]}catch(t){console.error(t),this._cachedTabs=[]}}_getScrollContainer(){var t,i;return null!==(i=null===(t=this._ref)||void 0===t?void 0:t.querySelector('[role="tablist"]'))&&void 0!==i?i:null}_isRtl(){const t=this._getScrollContainer();return!!t&&"undefined"!=typeof getComputedStyle&&"rtl"===getComputedStyle(t).direction}evaluateScrollButtons(t){if(!(t.scrollWidth>t.clientWidth))return this.showScrollStart=!1,void(this.showScrollEnd=!1);const i=Math.abs(t.scrollLeft),s=t.scrollWidth-t.clientWidth;this.showScrollStart=i>2,this.showScrollEnd=i<s-2}scroll(t){const i=this._getScrollContainer();if(!i)return;let s=Number(this.arrowScrollDistance)||120;!!t!==this._isRtl()&&(s*=-1),i.scrollBy({left:s,behavior:"smooth"})}initTabList(){var t,i;if(this._ref){const s=this._ref.querySelector('[role="tablist"]');if(s){if(s.getAttribute("aria-orientation")||s.setAttribute("aria-orientation",null!==(t=this.orientation)&&void 0!==t?t:"horizontal"),"arrows"===this.behavior){this.evaluateScrollButtons(s);const t=this._scrollListener;t&&s&&(s.removeEventListener("scroll",t.fn),this._scrollListener=null);const i=()=>this.evaluateScrollButtons(s);if(this._scrollListener={fn:i},s.addEventListener("scroll",i),!this._resizeObserver){const t=new ResizeObserver((()=>{this.evaluateScrollButtons(s)}));t.observe(s),this._resizeObserver=t}}this.name&&!s.getAttribute("aria-label")&&s.setAttribute("aria-label",null!==(i=this.name)&&void 0!==i?i:"")}}}initTabs(t){var i,s;const n=void 0!==t?t:this.activeTabIndex;if(this._ref){const t=this._ref.querySelector('[role="tablist"]'),e=Array.from(null!==(s=null===(i=this._ref)||void 0===i?void 0:i.querySelectorAll('[role="tabpanel"]'))&&void 0!==s?s:[]).filter((t=>t.closest(".db-tabs")===this._ref));if(!t)return;Array.from(t.querySelectorAll('[role="tab"]')).forEach(((t,i)=>{const s=n===i,l=e[i],a=t.id||this.getTabId(i),o=(null==l?void 0:l.id)||this.getPanelId(i);t.id||(t.id=a),t.getAttribute("aria-controls")||t.setAttribute("aria-controls",o),t.dispatchEvent(new CustomEvent("aria-selected-changed",{detail:{selected:s,tabIndex:n===i||-1===n&&0===i?0:-1}})),l&&(l.id||(l.id=o),l.getAttribute("aria-label")||l.getAttribute("aria-labelledby")||l.setAttribute("aria-labelledby",a),l.hidden=!s)}))}}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let n=0;n<i.length;n++){const e=i.item(n);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"class"===e.name){const i=e.value.includes("hydrated"),n=e.value.replace("hydrated","").trim(),l=t.getAttribute("class");t.setAttribute(e.name,`${l?`${l} `:""}${n}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(e.name)}}}}watch0Fn(){this._updateCachedTabs()}watch0(){this.watch0Fn()}watch1Fn(){if(void 0!==this.activeIndex){const t=Number(this.activeIndex);isNaN(t)||t===this.activeTabIndex||this.activateTab(t)}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tabs");let t=0;if(void 0!==this.initialSelectedIndex){const i=Number(this.initialSelectedIndex);t=isNaN(i)?0:i}else"manually"===this.initialSelectedMode&&(t=-1);if("undefined"!=typeof window&&window.location.hash){const i=window.location.hash.substring(1),s=`${this.name?"tabs-"+this.name:this._name()}-tab-`;if(i.startsWith(s)){const n=i.replace(s,""),e=parseInt(n,10);isNaN(e)||(t=e)}}if(this.activeTabIndex=t,this.initialized=!0,this._updateCachedTabs(),"undefined"!=typeof window&&requestAnimationFrame((()=>{this.initTabList(),this.initTabs(t)})),this._ref){const t=this._ref.querySelector('[role="tablist"]');if(t){const i=new MutationObserver((()=>{const t=this._pendingRafId;null!==t&&cancelAnimationFrame(t),this._pendingRafId=requestAnimationFrame((()=>{this._pendingRafId=null,this.initTabList(),this.initTabs(this.activeTabIndex)}))}));i.observe(t,{childList:!0,subtree:!0}),this._observer=i}}this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t,i;const s=this._pendingRafId;null!==s&&(cancelAnimationFrame(s),this._pendingRafId=null);const n=this._scrollListener,e=this._getScrollContainer();n&&e&&e.removeEventListener("scroll",n.fn),null===(t=this._resizeObserver)||void 0===t||t.disconnect(),this._resizeObserver=null,null===(i=this._observer)||void 0===i||i.disconnect(),this._observer=null}render(){var t,i,e,a,o;return s("div",{key:"8d9608e7d9255b3bc138ee4c50f1fdfb0b09ba72",class:l("db-tabs",this.className),ref:t=>{this._ref=t},id:null!==(e=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==e?e:this._id(),"data-orientation":this.orientation,"data-scroll-behavior":this.behavior,"data-tab-item-alignment":this.tabItemAlignment,"data-tab-item-width":this.tabItemWidth,onClick:t=>this.handleClick(t),onKeyDown:t=>this.handleKeyDown(t)},this.showScrollStart?s("db-button",{class:"tabs-scroll-start",variant:"ghost",icon:"chevron_left",type:"button",noText:!0,onClick:()=>this.scroll(!0)},this.scrollStartLabel):null,this.tabs?s(n,null,s("db-tab-list",{orientation:this.orientation,ariaLabel:this.name},null===(a=this._cachedTabs)||void 0===a?void 0:a.map(((t,i)=>s("db-tab-item",{key:this.name+"tab-item"+i,id:this.getTabId(i),ariaControls:this.getPanelId(i),active:this.isIndexActive(i),tabIndex:this.getTabItemTabIndex(i),label:t.label,iconTrailing:t.iconTrailing,icon:t.icon,noText:t.noText,onClick:()=>this.activateTab(i)})))),null===(o=this._cachedTabs)||void 0===o?void 0:o.map(((t,i)=>s("db-tab-panel",{key:this.name+"tab-panel"+i,id:this.getPanelId(i),ariaLabelledby:this.getTabId(i),content:t.content,hidden:!this.isIndexActive(i)},t.children)))):null,this.tabs?null:s("slot",null),this.showScrollEnd?s("db-button",{class:"tabs-scroll-end",variant:"ghost",icon:"chevron_right",type:"button",noText:!0,onClick:()=>this.scroll(!1)},this.scrollEndLabel):null)}static get watchers(){return{tabs:[{watch0:0}],activeIndex:[{watch1:0}]}}};export{a as db_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s}from"./p-K4o-AcjZ.js";import{g as a,c as i}from"./p-xkoBSP8R.js";const d=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=null==t?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const d=s.item(i);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))t.setAttribute(d.name,d.value),a.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)t.setAttribute(d.name,d.value),a.removeAttribute(d.name);else if(d&&"class"===d.name){const s=d.value.includes("hydrated"),i=d.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(d.name,`${o?`${o} `:""}${i}`),s?a.setAttribute("class","hydrated"):a.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t,d,o;return s("span",{key:"1a8d9f9db5b32a884f90a41cb124d54f32a7f4c0",class:i("db-infotext",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(d=this.propOverrides)||void 0===d?void 0:d.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-wrap":a(this.wrap),"data-show-icon-leading":a(null===(o=this.showIcon)||void 0===o||o)},this.text?this.text:s("slot",null))}};export{d as db_infotext}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i}from"./p-K4o-AcjZ.js";import{g as a,c as e}from"./p-xkoBSP8R.js";const h=class{constructor(i){t(this,i),this.toggle=s(this,"toggle"),this._open=!1,this._name=void 0,this.initialized=!1}handleNameAttribute(){if(this._ref){const t=this._ref.setAttribute;this._ref.setAttribute=(s,i)=>{t.call(this._ref,s,i),"name"===s&&(this._name=i)}}}handleToggle(t){null==t||t.preventDefault();const s=!this._open;this.toggle&&this.toggle.emit(s),this._open=s}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"class"===e.name){const s=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}watch0Fn(){}watch0(){this.watch0Fn()}watch1Fn(){this.name&&(this._name=this.name)}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion-item"),this.defaultOpen&&(this._open=this.defaultOpen),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var t,s;return i("li",{key:"
|
|
1
|
+
import{r as t,c as s,h as i}from"./p-K4o-AcjZ.js";import{g as a,c as e}from"./p-xkoBSP8R.js";const h=class{constructor(i){t(this,i),this.toggle=s(this,"toggle"),this._open=!1,this._name=void 0,this.initialized=!1}handleNameAttribute(){if(this._ref){const t=this._ref.setAttribute;this._ref.setAttribute=(s,i)=>{t.call(this._ref,s,i),"name"===s&&(this._name=i)}}}handleToggle(t){null==t||t.preventDefault();const s=!this._open;this.toggle&&this.toggle.emit(s),this._open=s}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),i.removeAttribute(e.name);else if(e&&"class"===e.name){const s=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(e.name)}}}}watch0Fn(){}watch0(){this.watch0Fn()}watch1Fn(){this.name&&(this._name=this.name)}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion-item"),this.defaultOpen&&(this._open=this.defaultOpen),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var t,s;return i("li",{key:"37313149dbb34624302188bd983b9932457f076f",class:e("db-accordion-item",this.className),id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id},i("details",{key:"b3e3ff977d50beaac0fd9494b299c4350051efde","aria-disabled":a(this.disabled),ref:t=>{this._ref=t},name:this._name,open:this._open},i("summary",{key:"f5ba8731107cec6502f3e6428d570902d1cde500",onClick:t=>this.handleToggle(t)},this.headlinePlain?this.headlinePlain:null,this.headlinePlain?null:i("slot",{name:"headline"})),i("div",{key:"bc360ea7abba4c097948ad189098aed9af02f5e6"},this.text?this.text:i("slot",null))))}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}],name:[{watch1:0}]}}};export{h as db_accordion_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i}from"./p-K4o-AcjZ.js";import{g as a,e as d,c as o}from"./p-xkoBSP8R.js";const h=class{constructor(i){t(this,i),this.click=s(this,"click")}getButtonType(){return this.type?this.type:this.click?"button":"submit"}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const d=s.item(a);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))t.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)t.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"class"===d.name){const s=d.value.includes("hydrated"),a=d.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(d.name,`${o?`${o} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-button")}render(){var t,s,h,n;return i("button",{key:"
|
|
1
|
+
import{r as t,c as s,h as i}from"./p-K4o-AcjZ.js";import{g as a,e as d,c as o}from"./p-xkoBSP8R.js";const h=class{constructor(i){t(this,i),this.click=s(this,"click")}getButtonType(){return this.type?this.type:this.click?"button":"submit"}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const d=s.item(a);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))t.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)t.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"class"===d.name){const s=d.value.includes("hydrated"),a=d.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(d.name,`${o?`${o} `:""}${a}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-button")}render(){var t,s,h,n;return i("button",{key:"c4186fdd782849f2a8cb35f252f748b5db975eee",class:o("db-button",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,type:this.getButtonType(),disabled:d(this.disabled,"disabled"),"data-icon":null!==(h=this.iconLeading)&&void 0!==h?h:this.icon,"data-show-icon":a(null!==(n=this.showIconLeading)&&void 0!==n?n:this.showIcon),"data-icon-trailing":this.iconTrailing,"data-show-icon-trailing":a(this.showIconTrailing),"data-size":this.size,"data-width":this.width,"data-variant":this.variant,"data-wrap":a(this.wrap),"data-no-text":a(this.noText),name:this.name,form:this.form,value:this.value},this.text?this.text:i("slot",null))}};export{h as db_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as t}from"./p-K4o-AcjZ.js";import{c as i}from"./p-xkoBSP8R.js";const a=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const i=null==s?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const d=t.item(a);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))s.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)s.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"class"===d.name){const t=d.value.includes("hydrated"),a=d.value.replace("hydrated","").trim(),e=s.getAttribute("class");s.setAttribute(d.name,`${e?`${e} `:""}${a}`),t?i.setAttribute("class","hydrated"):i.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-divider")}render(){var s,a;return t("div",{key:"
|
|
1
|
+
import{r as s,h as t}from"./p-K4o-AcjZ.js";import{c as i}from"./p-xkoBSP8R.js";const a=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const i=null==s?void 0:s.closest(t);if(s&&i){const t=i.attributes;for(let a=0;a<t.length;a++){const d=t.item(a);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))s.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)s.setAttribute(d.name,d.value),i.removeAttribute(d.name);else if(d&&"class"===d.name){const t=d.value.includes("hydrated"),a=d.value.replace("hydrated","").trim(),e=s.getAttribute("class");s.setAttribute(d.name,`${e?`${e} `:""}${a}`),t?i.setAttribute("class","hydrated"):i.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-divider")}render(){var s,a;return t("div",{key:"229834e66fd365d36a7076ee50375f2d648016f2",class:i("db-divider",this.className),ref:s=>{this._ref=s},id:null!==(s=this.id)&&void 0!==s?s:null===(a=this.propOverrides)||void 0===a?void 0:a.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}};export{a as db_divider}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as e,h as d}from"./p-K4o-AcjZ.js";import{p as t}from"./p-BdL-nI5y.js";import{a as s,e as i,c}from"./p-xkoBSP8R.js";import{i as f}from"./p-BuBrj57D.js";import"./p-DOPXnIzL.js";const n=class{constructor(d){a(this,d),this.toggle=e(this,"toggle"),this.initialized=!1,this.forcedToMobile=!1}handleToggle(a){a&&a.stopPropagation&&a.stopPropagation();const e=!i(this.drawerOpen,"drawerOpen");this.toggle&&this.toggle.emit(e)}handleNavigationItemClick(a){f(a)&&this.handleToggle()}enableAttributePassing(a,e){const d=null==a?void 0:a.closest(e);if(a&&d){const e=d.attributes;for(let t=0;t<e.length;t++){const s=e.item(t);if(s&&"data-density"!==s.name&&(s.name.startsWith("data-")||s.name.startsWith("aria-")))a.setAttribute(s.name,s.value),d.removeAttribute(s.name);else if(s&&"data-density"!==s.name&&"class"!==s.name&&"style"===s.name)a.setAttribute(s.name,s.value),d.removeAttribute(s.name);else if(s&&"class"===s.name){const e=s.value.includes("hydrated"),t=s.value.replace("hydrated","").trim(),i=a.getAttribute("class");a.setAttribute(s.name,`${i?`${i} `:""}${t}`),e?d.setAttribute("class","hydrated"):d.removeAttribute(s.name)}}}}watch0Fn(){this.initialized&&this._ref&&this.forceMobile&&(s(this._ref,{key:"data-force-mobile",value:"true"}),this.forcedToMobile=!0)}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-header"),this.initialized=!0,this.watch0Fn()}render(){var a,e,s;return d("header",{key:"6b7542f09be273019e4a2db38194482a90d7860a",class:c("db-header",this.className),ref:a=>{this._ref=a},id:null!==(a=this.id)&&void 0!==a?a:null===(e=this.propOverrides)||void 0===e?void 0:e.id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},d("db-drawer",{key:"831aaf817b0fa513ec5e5dc4c330c2fa716897af",class:"db-header-drawer",spacing:"small",rounded:!0,closeButtonId:this.closeButtonId,closeButtonText:this.closeButtonText,open:i(this.drawerOpen),onClose:()=>this.handleToggle()},d("div",{key:"271d421742eae32a41d8a7768e29f01f1b9c952f",class:"db-header-drawer-navigation"},d("div",{key:"ac6d9af5ff4b2e294760695a776f248d9d5bf756",class:"db-header-navigation",onClick:a=>this.handleNavigationItemClick(a)},d("slot",{key:"148922ebf9d852a8c240de740cca790191f8f81e"})),d("div",{key:"482b32d7e04547960ef2478f4b10f304cc246b20",class:"db-header-meta-navigation"},d("slot",{key:"a6feae39c0714770d5a9fb9d25260df1fb10effc",name:"metaNavigation"}))),d("div",{key:"de0e67d3d547e4d0ea82de788e5a253436a67949",class:"db-header-secondary-action"},d("slot",{key:"989d9cab2d33fc445ab5c7988b3e851f3452c452",name:"secondaryAction"}))),d("div",{key:"e518b5045d99fa7a171ff330914bf915ca87b7e6",class:"db-header-meta-navigation"},d("slot",{key:"aa1077eacd48bef3e16a8b31635c89b9e31addf9",name:"metaNavigation"})),d("div",{key:"028358578a614b11aee56905b791f1fdf0e44c65",class:"db-header-navigation-bar"},d("div",{key:"c48f6905f52fe8b387f671802d5d1f4f0598be07",class:"db-header-brand-container"},d("slot",{key:"37aae0fdf18ee4747bd685a223b1d9b205336042",name:"brand"})),d("div",{key:"e2155e4f546d91c75733290d0a8c73b507b628aa",class:"db-header-navigation-container"},d("div",{key:"07e19faa67fa4920872ff1f8426b4fb89118e9de",class:"db-header-navigation"},d("slot",{key:"ba4358bc0b459092feb524a02240bd465be5f1be"})),d("div",{key:"b85a9d1dab7ea4b8e1d8f0bb9156c575511ea88f",class:"db-header-primary-action"},d("slot",{key:"f76003fd65f01088b9dfd7e4966895a8b893b675",name:"primaryAction"}))),d("div",{key:"0b9c26a05325fad02c4f1076d67a88de05b1f739",class:"db-header-action-container"},d("div",{key:"5cd34e7a341e041508134c5cae16448fde09251b",class:"db-header-burger-menu-container"},d("db-button",{key:"6ac1cf00982f515ee86c978afef7788ad6a7eb81",icon:"menu",variant:"ghost",noText:!0,onClick:()=>this.handleToggle()},null!==(s=this.burgerMenuLabel)&&void 0!==s?s:t)),d("div",{key:"f25c7681051a6b8763c48630f3f23f9946cd68ea",class:"db-header-secondary-action"},d("slot",{key:"76806c54a2558ffcd3498934e183bcba7fc2ef94",name:"secondaryAction"})))))}static get watchers(){return{initialized:[{watch0:0}],_ref:[{watch0:0}]}}};export{n as db_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s}from"./p-K4o-AcjZ.js";import{u as h,e as a,l as e,c as d,d as c}from"./p-xkoBSP8R.js";import{b as l}from"./p-D5mInaY7.js";const o=class{constructor(s){t(this,s),this.input=i(this,"input"),this.change=i(this,"change"),this.blur=i(this,"blur"),this.focus=i(this,"focus"),this.initialized=!1,this._id=void 0,this.abortController=void 0}handleInput(t,i){this.input&&this.input.emit(t)}handleChange(t,i){this.change&&this.change.emit(t)}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}resetIds(){var t,i,s;this._id=null!==(s=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==s?s:`radio-${h()}`}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let h=0;h<i.length;h++){const a=i.item(h);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(a.name,`${e?`${e} `:""}${h}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var t,i;(null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){this.checked&&this.initialized&&this._ref&&(this._ref.checked=!0)}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref){let t=this.abortController;t||(t=new AbortController,this.abortController=t),l(this._ref,(t=>{c((()=>{const i=this.checked?this.checked:this._ref.checked,s=Object.assign(Object.assign({},t),{target:Object.assign(Object.assign({},t.target),{value:"",checked:i})});this.handleChange(s,!0),this.handleInput(s,!0)}),1)}),t.signal)}}watch2(){this.watch2Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-radio"),this.initialized=!0,this.resetIds(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){return s("label",{key:"
|
|
1
|
+
import{r as t,c as i,h as s}from"./p-K4o-AcjZ.js";import{u as h,e as a,l as e,c as d,d as c}from"./p-xkoBSP8R.js";import{b as l}from"./p-D5mInaY7.js";const o=class{constructor(s){t(this,s),this.input=i(this,"input"),this.change=i(this,"change"),this.blur=i(this,"blur"),this.focus=i(this,"focus"),this.initialized=!1,this._id=void 0,this.abortController=void 0}handleInput(t,i){this.input&&this.input.emit(t)}handleChange(t,i){this.change&&this.change.emit(t)}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}resetIds(){var t,i,s;this._id=null!==(s=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==s?s:`radio-${h()}`}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let h=0;h<i.length;h++){const a=i.item(h);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(a.name,`${e?`${e} `:""}${h}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var t,i;(null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){this.checked&&this.initialized&&this._ref&&(this._ref.checked=!0)}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref){let t=this.abortController;t||(t=new AbortController,this.abortController=t),l(this._ref,(t=>{c((()=>{const i=this.checked?this.checked:this._ref.checked,s=Object.assign(Object.assign({},t),{target:Object.assign(Object.assign({},t.target),{value:"",checked:i})});this.handleChange(s,!0),this.handleInput(s,!0)}),1)}),t.signal)}}watch2(){this.watch2Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-radio"),this.initialized=!0,this.resetIds(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn()}disconnectedCallback(){var t;null===(t=this.abortController)||void 0===t||t.abort()}render(){return s("label",{key:"2e30a82188ac83cc3c7bd7a396b1c5b46cc0a79a",class:d("db-radio",this.className),"data-size":this.size,"data-hide-label":e(this.showLabel),"data-hide-asterisk":e(this.showRequiredAsterisk),htmlFor:this._id},s("input",{key:"74aad9996cffe5ed928bdacb63f82e860a603cb7",type:"radio","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:t=>{this._ref=t},id:this._id,name:this.name,checked:a(this.checked,"checked"),disabled:a(this.disabled,"disabled"),value:this.value,required:a(this.required,"required"),onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t)}),this.label?this.label:s("slot",null))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],initialized:[{watch1:0}],_ref:[{watch1:0},{watch2:0}],checked:[{watch1:0}]}}};export{o as db_radio}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as s}from"./p-K4o-AcjZ.js";import{e as a,c as e,u as h}from"./p-xkoBSP8R.js";const d=class{constructor(s){t(this,s),this.click=i(this,"click"),this.initialized=!1,this.internalActive=!1,this.internalTabIndex=-1,this.isTruncated=!1,this.tooltipText="",this._resizeObserver=null,this._ariaSelectedListener=null}getCurrentTabIndex(){return void 0!==this.tabIndex?Number(this.tabIndex):this.internalTabIndex}handleClick(t){t&&t.preventDefault&&t.preventDefault(),!a(this.disabled)&&this.click&&this.click.emit(t)}checkTruncation(){if(this._labelRef){const t=Math.ceil(this._labelRef.scrollWidth)>Math.ceil(this._labelRef.clientWidth)+1;this.isTruncated!==t&&(this.isTruncated=t,!t&&this._ref&&(this._ref.hasAttribute("data-has-tooltip")&&this._ref.removeAttribute("data-has-tooltip"),this._ref.hasAttribute("aria-describedby")&&this._ref.removeAttribute("aria-describedby"))),this.tooltipText=t&&(this.label||this._labelRef.innerText||this._labelRef.textContent)||""}}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let a=0;a<i.length;a++){const e=i.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"class"===e.name){const i=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(e.name)}}}}watch0Fn(){void 0!==this.active&&(this.internalActive=a(this.active)||!1)}watch0(){this.watch0Fn()}componentDidLoad(){var t;if(this.enableAttributePassing(this._ref,"db-tab-item"),this.internalActive=a(this.active)||!1,this.internalTabIndex=a(this.active)?0:-1,"undefined"!=typeof window){const i=()=>{requestAnimationFrame((()=>{this.checkTruncation();const t=this._labelRef;if(t&&!t.dataset.label&&(t.dataset.label=this.label||t.innerText||t.textContent||""),this._labelRef){const t=new ResizeObserver((()=>{requestAnimationFrame((()=>{this.checkTruncation()}))}));t.observe(this._labelRef),this._resizeObserver=t}}))};this.showIcon&&this.icon&&(null===(t=document.fonts)||void 0===t?void 0:t.ready)?document.fonts.ready.then(i):i()}if(this._ref){const t=t=>{this.internalActive=t.detail.selected,void 0===this.tabIndex&&(this.internalTabIndex=void 0!==t.detail.tabIndex?t.detail.tabIndex:t.detail.selected?0:-1)};this._ariaSelectedListener={fn:t},this._ref.addEventListener("aria-selected-changed",t)}this.watch0Fn()}disconnectedCallback(){var t;null===(t=this._resizeObserver)||void 0===t||t.disconnect();const i=this._ariaSelectedListener;this._ref&&i&&this._ref.removeEventListener("aria-selected-changed",i.fn)}componentDidUpdate(){var t,i;if(this._ref){const s=a(this.disabled)?"true":"false";(null===(t=this._ref)||void 0===t?void 0:t.getAttribute("aria-disabled"))!==s&&(null===(i=this._ref)||void 0===i||i.setAttribute("aria-disabled",s)),this.isTruncated||(this._ref.hasAttribute("data-has-tooltip")&&this._ref.removeAttribute("data-has-tooltip"),this._ref.hasAttribute("aria-describedby")&&this._ref.removeAttribute("aria-describedby"))}}render(){var t,i,h,d;return s("button",{key:"87666630bffa6918a10d8b2f3539263d4dbcbc32",class:e("db-tab-item",this.className),type:"button",role:"tab",title:"",ref:t=>{this._ref=t},"aria-label":a(this.noText)?this.label:void 0,"aria-selected":(void 0!==this.active?a(this.active):this.internalActive)?"true":"false","aria-controls":this.ariaControls,disabled:!!a(this.disabled)||void 0,tabIndex:this.getCurrentTabIndex(),id:this.id,"data-active":void 0!==this.active?a(this.active):this.internalActive,"data-no-text":a(this.noText)?"true":void 0,"data-value":this.value,onClick:t=>this.handleClick(t)},this.noText?null:s("span",{class:"db-tab-label",title:"",ref:t=>{this._labelRef=t},"data-icon":a(null!==(t=this.showIconLeading)&&void 0!==t?t:this.showIcon)?null!==(i=this.iconLeading)&&void 0!==i?i:this.icon:void 0,"data-icon-trailing":a(this.showIconTrailing)?this.iconTrailing:void 0},this.label?this.label:null,this.label?null:s("slot",null)),a(this.noText)?s("span",{class:"db-tab-label","aria-hidden":"true","data-icon":a(null!==(h=this.showIconLeading)&&void 0!==h?h:this.showIcon)?null!==(d=this.iconLeading)&&void 0!==d?d:this.icon:void 0}):null,this.isTruncated&&this.tooltipText?s("db-tooltip",{placement:"right"},this.tooltipText):null)}static get watchers(){return{active:[{watch0:0}]}}},l=class{constructor(i){t(this,i),this._id="tab-list-base-id"}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let a=0;a<i.length;a++){const e=i.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"class"===e.name){const i=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(e.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-list"),this._id=this.id||"tab-list-"+h()}render(){return s("div",{key:"d6e9d47968f44e65f2c0f400a4141917e2035727",class:e("db-tab-list",this.className),role:"tablist",ref:t=>{this._ref=t},id:this._id,"aria-orientation":this.orientation||"horizontal","aria-label":this.ariaLabelledby?void 0:this.ariaLabel,"aria-labelledby":this.ariaLabelledby},s("slot",{key:"dafa7344fceee4c2cb0fd3d364509c41e4686e6d"}))}},n=class{constructor(i){t(this,i)}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let a=0;a<i.length;a++){const e=i.item(a);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"data-density"!==e.name&&"class"!==e.name&&"style"===e.name)t.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"class"===e.name){const i=e.value.includes("hydrated"),a=e.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(e.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-panel")}render(){var t,i;return s("div",{key:"231689474d2f2b3acfa8e8aed736b3a76559daf9",class:e("db-tab-panel",this.className),role:"tabpanel",ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,tabIndex:this.hidden?-1:0,hidden:this.hidden,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabel?void 0:this.ariaLabelledby},this.content?this.content:null,s("slot",{key:"eb72a30d12dcd1bce44b0a2b61d2c486ec779d16"}))}};export{d as db_tab_item,l as db_tab_list,n as db_tab_panel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as s}from"./p-K4o-AcjZ.js";import{l as h,f as a,g as
|
|
1
|
+
import{r as i,c as t,h as s}from"./p-K4o-AcjZ.js";import{l as h,f as a,g as e,h as d,k as c}from"./p-BdL-nI5y.js";import{h as l,d as o,s as n,u as r,e as v,l as u,c as f}from"./p-xkoBSP8R.js";import{a as b}from"./p-D5mInaY7.js";const w=class{constructor(s){i(this,s),this.change=t(this,"change"),this.blur=t(this,"blur"),this.focus=t(this,"focus"),this.initialized=!1,this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._descByIds=void 0,this._voiceOverFallback="",this.abortController=void 0}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,a;(null===(i=this._ref)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&this.required?(this._descByIds=this._validMessageId,l()&&(this._voiceOverFallback=null!==(a=this.validMessage)&&void 0!==a?a:c,o((()=>this._voiceOverFallback=""),1e3))):this._descByIds=n(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||h,l()&&(this._voiceOverFallback=this._invalidMessage,o((()=>this._voiceOverFallback=""),1e3)))}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}resetIds(){var i,t,s;const h=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:`checkbox-${r()}`;this._id=h,this._messageId=h+a,this._validMessageId=h+e,this._invalidMessageId=h+d}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const a=t.item(h);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))i.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)i.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const t=a.value.includes("hydrated"),h=a.value.replace("hydrated","").trim(),e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||h}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const i=this._id+a;this._messageId=i,this._validMessageId=this._id+e,this._invalidMessageId=this._id+d,n(this.message,this.showMessage)&&(this._descByIds=i),this.handleValidation()}}watch2(){this.watch2Fn()}watch3Fn(){this._ref&&void 0!==this.indeterminate&&(this._ref.indeterminate=!!v(this.indeterminate))}watch3(){this.watch3Fn()}watch4Fn(){this.initialized&&this._ref&&(null!=this.checked&&(this._ref.checked=!!v(this.checked)),this.initialized=!1)}watch4(){this.watch4Fn()}watch5Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),b(this._ref,{checked:this.checked,defaultChecked:i},(i=>{this.handleChange(i,!0)}),t.signal)}}watch5(){this.watch5Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-checkbox"),this.initialized=!0,this.resetIds(),this._invalidMessage=this.invalidMessage||h,this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn()}disconnectedCallback(){var i;null===(i=this.abortController)||void 0===i||i.abort()}render(){var i;return s("div",{key:"086f192b0edf3d55b182e0e5b344c880bf26ce70",class:f("db-checkbox",this.className),"data-size":this.size,"data-hide-asterisk":u(this.showRequiredAsterisk),"data-hide-label":u(this.showLabel)},s("label",{key:"05b81d3e48bf645507647fe2c496fff6f311df8c",htmlFor:this._id},s("input",{key:"3ead0f7307b874b5e86c19f25e26e0eaa9100f73",type:"checkbox","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:v(this.checked,"checked"),disabled:v(this.disabled,"disabled"),value:this.value,required:v(this.required,"required"),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":null!==(i=this.ariaDescribedBy)&&void 0!==i?i:this._descByIds}),this.label?this.label:s("slot",null)),n(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||c):null,s("db-infotext",{key:"e4de39f7423cd40b5f7007d36a35c1f696177445",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"4a304d5c3c30852100cb8cee089470df84e29973","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch3:0},{watch4:0},{watch5:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],initialized:[{watch3:0},{watch4:0}],indeterminate:[{watch3:0}],checked:[{watch4:0}]}}};export{w as db_checkbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as s}from"./p-K4o-AcjZ.js";import{c as t}from"./p-xkoBSP8R.js";const i=class{constructor(s){a(this,s)}enableAttributePassing(a,s){const t=null==a?void 0:a.closest(s);if(a&&t){const s=t.attributes;for(let i=0;i<s.length;i++){const d=s.item(i);if(d&&"data-density"!==d.name&&(d.name.startsWith("data-")||d.name.startsWith("aria-")))a.setAttribute(d.name,d.value),t.removeAttribute(d.name);else if(d&&"data-density"!==d.name&&"class"!==d.name&&"style"===d.name)a.setAttribute(d.name,d.value),t.removeAttribute(d.name);else if(d&&"class"===d.name){const s=d.value.includes("hydrated"),i=d.value.replace("hydrated","").trim(),e=a.getAttribute("class");a.setAttribute(d.name,`${e?`${e} `:""}${i}`),s?t.setAttribute("class","hydrated"):t.removeAttribute(d.name)}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation")}render(){var a,i;return s("nav",{key:"ca94fff30f495b5c5e4ff9ac7c7149fb371171d5",class:t("db-navigation",this.className),ref:a=>{this._ref=a},id:null!==(a=this.id)&&void 0!==a?a:null===(i=this.propOverrides)||void 0===i?void 0:i.id},s("menu",{key:"73f90a492f154a67253f02ca5b6b6d0ef0845df0"},s("slot",{key:"d70091bcc15c09d90086f2e04a0ad990b161f5ae"})))}};export{i as db_navigation}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i}from"./p-K4o-AcjZ.js";import{d as s,g as e,c as a}from"./p-xkoBSP8R.js";import{D as o}from"./p-CHLgQ9vn.js";import{b as n}from"./p-DOPXnIzL.js";const h=class{constructor(i){t(this,i),this.initialized=!1,this.isExpanded=!1,this._documentScrollListenerCallbackId=void 0,this._observer=void 0}handleEscape(t){if(!t||"Escape"===t.key)for(const t of Array.from(this._ref.children))t.blur()}handleAutoPlacement(){if(!this._ref)return;const t=this._ref.querySelector("article");t&&s((()=>{var i;n(t,this._ref,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this._ref))&&this.handleAutoPlacement()}handleEnter(){var t;this.isExpanded=!0,this._documentScrollListenerCallbackId=(new o).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement();const i=this.getTrigger();i&&(null===(t=this._observer)||void 0===t||t.observe(i))}handleLeave(t){var i;const s=null==t?void 0:t.target;if(!(null==s?void 0:s.parentNode)||s.parentNode.querySelector(":focus")!==s&&s.parentNode.querySelector(":focus-within")!==s&&s.parentNode.querySelector(":hover")!==s){this.isExpanded=!1,this._documentScrollListenerCallbackId&&(new o).removeCallback(this._documentScrollListenerCallbackId);const t=this.getTrigger();t&&(null===(i=this._observer)||void 0===i||i.unobserve(t))}}getTrigger(){var t;if(this._ref){const i=Array.from(this._ref.children);if(i.length>=2){const s=i[0];return s.tagName.includes("-")?(null===(t=s.children)||void 0===t?void 0:t.length)>0?s.children[0]:null:s}}return null}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(a.name,`${o?`${o} `:""}${e}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initialized=!1;const t=this.getTrigger();t&&(t.ariaHasPopup="true"),this.handleAutoPlacement(),this._ref.addEventListener("keydown",(t=>this.handleEscape(t))),["mouseenter","focusin"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleEnter()))})),["mouseleave","focusout"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleLeave()))})),"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getTrigger()));i&&!i.isIntersecting&&this.handleEscape(!1)})))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this.getTrigger();t&&(t.ariaExpanded=Boolean(this.isExpanded).toString())}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-popover"),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var t,s,o;return i("div",{key:"
|
|
1
|
+
import{r as t,h as i}from"./p-K4o-AcjZ.js";import{d as s,g as e,c as a}from"./p-xkoBSP8R.js";import{D as o}from"./p-CHLgQ9vn.js";import{b as n}from"./p-DOPXnIzL.js";const h=class{constructor(i){t(this,i),this.initialized=!1,this.isExpanded=!1,this._documentScrollListenerCallbackId=void 0,this._observer=void 0}handleEscape(t){if(!t||"Escape"===t.key)for(const t of Array.from(this._ref.children))t.blur()}handleAutoPlacement(){if(!this._ref)return;const t=this._ref.querySelector("article");t&&s((()=>{var i;n(t,this._ref,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this._ref))&&this.handleAutoPlacement()}handleEnter(){var t;this.isExpanded=!0,this._documentScrollListenerCallbackId=(new o).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement();const i=this.getTrigger();i&&(null===(t=this._observer)||void 0===t||t.observe(i))}handleLeave(t){var i;const s=null==t?void 0:t.target;if(!(null==s?void 0:s.parentNode)||s.parentNode.querySelector(":focus")!==s&&s.parentNode.querySelector(":focus-within")!==s&&s.parentNode.querySelector(":hover")!==s){this.isExpanded=!1,this._documentScrollListenerCallbackId&&(new o).removeCallback(this._documentScrollListenerCallbackId);const t=this.getTrigger();t&&(null===(i=this._observer)||void 0===i||i.unobserve(t))}}getTrigger(){var t;if(this._ref){const i=Array.from(this._ref.children);if(i.length>=2){const s=i[0];return s.tagName.includes("-")?(null===(t=s.children)||void 0===t?void 0:t.length)>0?s.children[0]:null:s}}return null}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"data-density"!==a.name&&"class"!==a.name&&"style"===a.name)t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(a.name,`${o?`${o} `:""}${e}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initialized=!1;const t=this.getTrigger();t&&(t.ariaHasPopup="true"),this.handleAutoPlacement(),this._ref.addEventListener("keydown",(t=>this.handleEscape(t))),["mouseenter","focusin"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleEnter()))})),["mouseleave","focusout"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleLeave()))})),"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getTrigger()));i&&!i.isIntersecting&&this.handleEscape(!1)})))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this.getTrigger();t&&(t.ariaExpanded=Boolean(this.isExpanded).toString())}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-popover"),this.initialized=!0,this.watch0Fn(),this.watch1Fn()}render(){var t,s,o;return i("div",{key:"421d455f7991553a839b74e0911286ae9c02cff4",class:a("db-popover",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id},i("slot",{key:"f84d068f415c002eda648d07dbbf0d150922693f",name:"trigger"}),i("article",{key:"d63682e3b821dd2d566ccfec3703b740146d7a7a",class:"db-popover-content","data-spacing":this.spacing,"data-gap":e(this.gap),"data-animation":e(null===(o=this.animation)||void 0===o||o),"data-open":e(this.open),"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},i("slot",{key:"74a46121e0a9c5ae62e0d2e35299ff8de0939242"})))}static get watchers(){return{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}}};export{h as db_popover}
|
|
@@ -89,9 +89,9 @@ const DBAccordionItem = class {
|
|
|
89
89
|
}
|
|
90
90
|
render() {
|
|
91
91
|
var _a, _b;
|
|
92
|
-
return (h("li", { key: '
|
|
92
|
+
return (h("li", { key: '37313149dbb34624302188bd983b9932457f076f', class: cls("db-accordion-item", this.className), id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("details", { key: 'b3e3ff977d50beaac0fd9494b299c4350051efde', "aria-disabled": getBooleanAsString(this.disabled), ref: (el) => {
|
|
93
93
|
this._ref = el;
|
|
94
|
-
}, name: this._name, open: this._open }, h("summary", { key: '
|
|
94
|
+
}, name: this._name, open: this._open }, h("summary", { key: 'f5ba8731107cec6502f3e6428d570902d1cde500', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: 'bc360ea7abba4c097948ad189098aed9af02f5e6' }, this.text ? this.text : h("slot", null)))));
|
|
95
95
|
}
|
|
96
96
|
static get watchers() { return {
|
|
97
97
|
"_ref": [{
|
|
@@ -128,7 +128,7 @@ const DBAccordion = class {
|
|
|
128
128
|
}
|
|
129
129
|
render() {
|
|
130
130
|
var _a, _b, _c;
|
|
131
|
-
return (h("ul", { key: '
|
|
131
|
+
return (h("ul", { key: '8164d39268a49f21eef416e8d654360cc79f4c33', class: cls("db-accordion", this.className), ref: (el) => {
|
|
132
132
|
this._ref = el;
|
|
133
133
|
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-variant": this.variant }, !this.items ? h("slot", null) : null, this.items
|
|
134
134
|
? (_c = this.convertItems()) === null || _c === void 0 ? void 0 : _c.map((item, index) => (h("db-accordion-item", { key: `accordion-item-${index}`, headlinePlain: item.headlinePlain, disabled: item.disabled, text: item.text })))
|
|
@@ -68,7 +68,7 @@ const DBBadge = class {
|
|
|
68
68
|
}
|
|
69
69
|
render() {
|
|
70
70
|
var _a, _b, _c, _d;
|
|
71
|
-
return (h("span", { key: '
|
|
71
|
+
return (h("span", { key: '4a5cd6564dbd1664d3c3f0a573b3fc6d3d8a74c4', class: cls("db-badge", this.className), ref: (el) => {
|
|
72
72
|
this._ref = el;
|
|
73
73
|
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-semantic": this.semantic, "data-size": this.size, "data-emphasis": this.emphasis, "data-placement": this.placement, "data-wrap": getBooleanAsString(this.wrap), "data-label": ((_c = this.placement) === null || _c === void 0 ? void 0 : _c.startsWith("corner")) && ((_d = this.label) !== null && _d !== void 0 ? _d : DEFAULT_LABEL) }, this.text ? this.text : h("slot", null)));
|
|
74
74
|
}
|
|
@@ -47,7 +47,7 @@ const DBBrand = class {
|
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
49
|
var _a, _b, _c;
|
|
50
|
-
return (h("div", { key: '
|
|
50
|
+
return (h("div", { key: '460aeec1f8fa37791fcbe7257359acb1dd5517cb', class: cls("db-brand", this.className), ref: (el) => {
|
|
51
51
|
this._ref = el;
|
|
52
52
|
}, "data-icon": this.hideLogo ? "none" : (_a = this.icon) !== null && _a !== void 0 ? _a : DEFAULT_ICON, "data-show-icon": getBooleanAsString(this.showIcon), id: (_b = this.id) !== null && _b !== void 0 ? _b : (_c = this.propOverrides) === null || _c === void 0 ? void 0 : _c.id }, this.text ? this.text : h("slot", null)));
|
|
53
53
|
}
|
|
@@ -56,7 +56,7 @@ const DBButton = class {
|
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
58
|
var _a, _b, _c, _d;
|
|
59
|
-
return (h("button", { key: '
|
|
59
|
+
return (h("button", { key: 'c4186fdd782849f2a8cb35f252f748b5db975eee', class: cls("db-button", this.className), ref: (el) => {
|
|
60
60
|
this._ref = el;
|
|
61
61
|
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, type: this.getButtonType(), disabled: getBoolean(this.disabled, "disabled"), "data-icon": (_c = this.iconLeading) !== null && _c !== void 0 ? _c : this.icon, "data-show-icon": getBooleanAsString((_d = this.showIconLeading) !== null && _d !== void 0 ? _d : this.showIcon), "data-icon-trailing": this.iconTrailing, "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing), "data-size": this.size, "data-width": this.width, "data-variant": this.variant, "data-wrap": getBooleanAsString(this.wrap), "data-no-text": getBooleanAsString(this.noText), name: this.name, form: this.form, value: this.value }, this.text ? this.text : h("slot", null)));
|
|
62
62
|
}
|
|
@@ -52,9 +52,9 @@ const DBCard = class {
|
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
54
|
var _a, _b;
|
|
55
|
-
return (h("div", { key: '
|
|
55
|
+
return (h("div", { key: '3c58b4510721a7c6b8bd5250a248376c2a92c980', class: cls("db-card", this.className), ref: (el) => {
|
|
56
56
|
this._ref = el;
|
|
57
|
-
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-behavior": this.behavior, "data-elevation-level": this.elevationLevel, "data-spacing": this.spacing, onClick: (event) => this.handleClick(event) }, h("slot", { key: '
|
|
57
|
+
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-behavior": this.behavior, "data-elevation-level": this.elevationLevel, "data-spacing": this.spacing, onClick: (event) => this.handleClick(event) }, h("slot", { key: 'e2d63fe761ada56274a5854dda1fa457aff6933c' })));
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
60
|
|
|
@@ -208,9 +208,9 @@ const DBCheckbox = class {
|
|
|
208
208
|
}
|
|
209
209
|
render() {
|
|
210
210
|
var _a;
|
|
211
|
-
return (h("div", { key: '
|
|
211
|
+
return (h("div", { key: '086f192b0edf3d55b182e0e5b344c880bf26ce70', class: cls("db-checkbox", this.className), "data-size": this.size, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: '05b81d3e48bf645507647fe2c496fff6f311df8c', htmlFor: this._id }, h("input", { key: '3ead0f7307b874b5e86c19f25e26e0eaa9100f73', type: "checkbox", "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
|
|
212
212
|
this._ref = el;
|
|
213
|
-
}, id: this._id, name: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, required: getBoolean(this.required, "required"), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": (_a = this.ariaDescribedBy) !== null && _a !== void 0 ? _a : this._descByIds }), this.label ? this.label : h("slot", null)), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '
|
|
213
|
+
}, id: this._id, name: this.name, checked: getBoolean(this.checked, "checked"), disabled: getBoolean(this.disabled, "disabled"), value: this.value, required: getBoolean(this.required, "required"), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), "aria-describedby": (_a = this.ariaDescribedBy) !== null && _a !== void 0 ? _a : this._descByIds }), this.label ? this.label : h("slot", null)), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: 'e4de39f7423cd40b5f7007d36a35c1f696177445', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '4a304d5c3c30852100cb8cee089470df84e29973', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
214
214
|
}
|
|
215
215
|
static get watchers() { return {
|
|
216
216
|
"id": [{
|
|
@@ -46,9 +46,9 @@ const DBCustomButton = class {
|
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
48
|
var _a, _b, _c, _d;
|
|
49
|
-
return (h("div", { key: '
|
|
49
|
+
return (h("div", { key: 'cf5f5cca402398107d3d54c67bcf031c3e5d8958', class: cls("db-custom-button", this.className), ref: (el) => {
|
|
50
50
|
this._ref = el;
|
|
51
|
-
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-icon": (_c = this.iconLeading) !== null && _c !== void 0 ? _c : this.icon, "data-show-icon": getBooleanAsString((_d = this.showIconLeading) !== null && _d !== void 0 ? _d : this.showIcon), "data-icon-trailing": this.iconTrailing, "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing), "data-size": this.size, "data-width": this.width, "data-variant": this.variant, "data-no-text": getBooleanAsString(this.noText) }, h("slot", { key: '
|
|
51
|
+
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-icon": (_c = this.iconLeading) !== null && _c !== void 0 ? _c : this.icon, "data-show-icon": getBooleanAsString((_d = this.showIconLeading) !== null && _d !== void 0 ? _d : this.showIcon), "data-icon-trailing": this.iconTrailing, "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing), "data-size": this.size, "data-width": this.width, "data-variant": this.variant, "data-no-text": getBooleanAsString(this.noText) }, h("slot", { key: '14ac67bcd2415cd449605ad413be1aa7985a9f2b' })));
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
|
|
@@ -49,9 +49,9 @@ const DBCustomSelectDropdown = class {
|
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
51
|
var _a, _b;
|
|
52
|
-
return (h("article", { key: '
|
|
52
|
+
return (h("article", { key: '625d4e6552b4e578d69e752964a8ff5e8f9beac4', class: cls("db-custom-select-dropdown db-card", this.className), "data-spacing": "none", ref: (el) => {
|
|
53
53
|
this._ref = el;
|
|
54
|
-
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-width": this.width }, h("slot", { key: '
|
|
54
|
+
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-width": this.width }, h("slot", { key: '998fddb455e0c9be05ebc9436d0ec585d9c336be' })));
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
57
|
|
|
@@ -100,9 +100,9 @@ const DBCustomSelectList = class {
|
|
|
100
100
|
}
|
|
101
101
|
render() {
|
|
102
102
|
var _a, _b;
|
|
103
|
-
return (h("div", { key: '
|
|
103
|
+
return (h("div", { key: 'd4f56f29ffc19a5fd5c4017bf60da2b84629a3cb', class: cls("db-custom-select-list", this.className), role: this.multiple ? "group" : "radiogroup", "aria-label": this.label, ref: (el) => {
|
|
104
104
|
this._ref = el;
|
|
105
|
-
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("ul", { key: '
|
|
105
|
+
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("ul", { key: '94211bc6ef2548695f7c373e47583476f609d2e3' }, h("slot", { key: '9fc30009e8eca4f3d47889859b9d746ca6ea1118' }))));
|
|
106
106
|
}
|
|
107
107
|
};
|
|
108
108
|
|
|
@@ -172,7 +172,7 @@ const DBCustomSelectListItem = class {
|
|
|
172
172
|
}
|
|
173
173
|
render() {
|
|
174
174
|
var _a, _b;
|
|
175
|
-
return (h("li", { key: '
|
|
175
|
+
return (h("li", { key: 'a2e057b64e5f73c9d6cb64b2b07afd5226858453', class: cls("db-custom-select-list-item", this.className, {
|
|
176
176
|
"db-checkbox": this.type === "checkbox" && !this.isGroupTitle,
|
|
177
177
|
"db-radio": this.type !== "checkbox" && !this.isGroupTitle,
|
|
178
178
|
}), ref: (el) => {
|
|
@@ -399,7 +399,7 @@ const DBInput = class {
|
|
|
399
399
|
}
|
|
400
400
|
render() {
|
|
401
401
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
402
|
-
return (h("div", { key: '
|
|
402
|
+
return (h("div", { key: '73b3cb05e018833a4d0904da71c2a65fc5614415', class: cls("db-input", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel), "data-show-icon": getBooleanAsString((_a = this.showIconLeading) !== null && _a !== void 0 ? _a : this.showIcon), "data-icon": (_b = this.iconLeading) !== null && _b !== void 0 ? _b : this.icon, "data-icon-trailing": this.iconTrailing, "data-hide-asterisk": getHideProp(this.showRequiredAsterisk), "data-show-icon-trailing": getBooleanAsString(this.showIconTrailing) }, h("label", { key: '6032dd2d9e002ab97b5d507816735491fcc9d987', htmlFor: this._id }, (_c = this.label) !== null && _c !== void 0 ? _c : DEFAULT_LABEL), h("input", { key: 'da74f699db5ef2aa13c470d616f9c6566c7cee63', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, "data-field-sizing": this.fieldSizing, ref: (el) => {
|
|
403
403
|
this._ref = el;
|
|
404
404
|
}, id: this._id, name: this.name, type: this.type || "text", multiple: getBoolean(this.multiple, "multiple"), accept: this.accept, placeholder: (_d = this.placeholder) !== null && _d !== void 0 ? _d : DEFAULT_PLACEHOLDER, disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), step: getStep(this.step), value: (_f = (_e = this.value) !== null && _e !== void 0 ? _e : this._value) !== null && _f !== void 0 ? _f : "", maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.minLength, this.minlength), max: getInputValue(this.max, this.type), min: getInputValue(this.min, this.type), readOnly: getBoolean(this.readOnly, "readOnly") ||
|
|
405
405
|
getBoolean(this.readonly, "readonly"), form: this.form, pattern: this.pattern, size: this.size, autoComplete: this.autocomplete, autoFocus: getBoolean(this.autofocus, "autofocus"), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), list: this.dataList && this._dataListId, "aria-describedby": (_g = this.ariaDescribedBy) !== null && _g !== void 0 ? _g : this._descByIds, role: [
|
|
@@ -411,7 +411,7 @@ const DBInput = class {
|
|
|
411
411
|
"color",
|
|
412
412
|
].includes((_h = this.type) !== null && _h !== void 0 ? _h : "") && isIOSSafari()
|
|
413
413
|
? "textbox"
|
|
414
|
-
: undefined }), this.dataList ? (h("datalist", { id: this._dataListId }, (_j = this.getDataList()) === null || _j === void 0 ? void 0 : _j.map((option) => (h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, h("slot", { key: '
|
|
414
|
+
: undefined }), this.dataList ? (h("datalist", { id: this._dataListId }, (_j = this.getDataList()) === null || _j === void 0 ? void 0 : _j.map((option) => (h("option", { key: this._dataListId + "-option-" + option.value, value: option.value }, option.label))))) : null, h("slot", { key: '1f106ac73098292312f9ec4f581c5dd8429e282b' }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: this.messageSize || "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { semantic: "successful", id: this._validMessageId, size: this.validMessageSize || "small" }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '9c7fab3b45bccccbeafa8d56b5772c4cc69cb9f8', semantic: "critical", id: this._invalidMessageId, size: this.invalidMessageSize || "small" }, this._invalidMessage), h("span", { key: '8a65d32462252587f672d2c54f7a275a7913b3e1', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
415
415
|
}
|
|
416
416
|
static get watchers() { return {
|
|
417
417
|
"id": [{
|
|
@@ -498,9 +498,9 @@ const DBTag = class {
|
|
|
498
498
|
}
|
|
499
499
|
render() {
|
|
500
500
|
var _a, _b, _c;
|
|
501
|
-
return (h("div", { key: '
|
|
501
|
+
return (h("div", { key: '6e87ea98743b6973817e5c8ab5100b369e3c577a', class: cls("db-tag", this.className), ref: (el) => {
|
|
502
502
|
this._ref = el;
|
|
503
|
-
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-semantic": this.semantic, "data-emphasis": this.emphasis, "data-icon": this.icon, "data-show-check-state": getBooleanAsString((_c = this.showCheckState) !== null && _c !== void 0 ? _c : true), "data-show-icon": getBooleanAsString(this.showIcon), "data-no-text": getBooleanAsString(this.noText), "data-overflow": getBooleanAsString(this.overflow) }, h("slot", { key: '
|
|
503
|
+
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id, "data-semantic": this.semantic, "data-emphasis": this.emphasis, "data-icon": this.icon, "data-show-check-state": getBooleanAsString((_c = this.showCheckState) !== null && _c !== void 0 ? _c : true), "data-show-icon": getBooleanAsString(this.showIcon), "data-no-text": getBooleanAsString(this.noText), "data-overflow": getBooleanAsString(this.overflow) }, h("slot", { key: 'd36b9c086d8f01f4a5dfbcb1bd8af0e2e2879c38', name: "content" }), h("slot", { key: '3f00e92338335abc36f74e0ba33c8e6bd20a2998' }), this.text ? this.text : null, this.behavior === "removable" ? (h("button", { class: "db-button db-tab-remove-button", "data-icon": "cross", "data-size": "small", "data-no-text": "true", "data-variant": "ghost", type: "button", onClick: (event) => this.handleRemove(event) }, h("db-tooltip", { variant: "label" }, this.getRemoveButtonText()))) : null));
|
|
504
504
|
}
|
|
505
505
|
};
|
|
506
506
|
|
|
@@ -46,9 +46,9 @@ const DBCustomSelectFormField = class {
|
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
48
|
var _a, _b;
|
|
49
|
-
return (h("summary", { key: '
|
|
49
|
+
return (h("summary", { key: '1edca678b33ebc2e238f479fd303b155fd5f34ba', class: cls("db-custom-select-form-field", this.className), ref: (el) => {
|
|
50
50
|
this._ref = el;
|
|
51
|
-
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("slot", { key: '
|
|
51
|
+
}, id: (_a = this.id) !== null && _a !== void 0 ? _a : (_b = this.propOverrides) === null || _b === void 0 ? void 0 : _b.id }, h("slot", { key: '646cf76bb6376af8ac5be736ffb33b7b83fc2406' })));
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
|