@db-ux/wc-core-components 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/db-accordion-item.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/db-checkbox.cjs.entry.js +15 -16
- package/dist/cjs/db-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/db-divider.cjs.entry.js +1 -1
- package/dist/cjs/db-drawer.cjs.entry.js +1 -1
- 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-input.cjs.entry.js +3 -3
- package/dist/cjs/db-input.cjs.entry.js.map +1 -1
- package/dist/cjs/db-link.cjs.entry.js +1 -1
- package/dist/cjs/db-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/db-navigation.cjs.entry.js +1 -1
- package/dist/cjs/db-notification.cjs.entry.js +1 -1
- package/dist/cjs/db-page.cjs.entry.js +1 -1
- package/dist/cjs/db-popover.cjs.entry.js +1 -1
- package/dist/cjs/db-radio.cjs.entry.js +4 -9
- package/dist/cjs/db-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/db-section.cjs.entry.js +1 -1
- package/dist/cjs/db-select.cjs.entry.js +5 -5
- package/dist/cjs/db-select.cjs.entry.js.map +1 -1
- package/dist/cjs/db-stack.cjs.entry.js +1 -1
- package/dist/cjs/db-switch.cjs.entry.js +8 -4
- package/dist/cjs/db-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/db-tab-item_3.cjs.entry.js +3 -3
- package/dist/cjs/db-tab-item_3.cjs.entry.js.map +1 -1
- package/dist/cjs/db-tabs.cjs.entry.js +21 -4
- package/dist/cjs/db-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/db-tag.cjs.entry.js +1 -1
- package/dist/cjs/db-textarea.cjs.entry.js +1 -1
- package/dist/cjs/db-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/db-ux.cjs.js +1 -1
- package/dist/cjs/{index-c0df827d.js → index-403366c7.js} +1 -12
- package/dist/cjs/index-403366c7.js.map +1 -0
- package/dist/cjs/index.cjs.js +2 -4
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{navigation-bb2d5552.js → navigation-5586b826.js} +2 -2
- package/dist/cjs/{navigation-bb2d5552.js.map → navigation-5586b826.js.map} +1 -1
- package/dist/collection/components/checkbox/checkbox.js +21 -22
- package/dist/collection/components/checkbox/checkbox.js.map +1 -1
- package/dist/collection/components/input/input.js +27 -2
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/input/model.js.map +1 -1
- package/dist/collection/components/radio/radio.js +3 -8
- package/dist/collection/components/radio/radio.js.map +1 -1
- package/dist/collection/components/select/model.js.map +1 -1
- package/dist/collection/components/select/select.js +29 -4
- package/dist/collection/components/select/select.js.map +1 -1
- package/dist/collection/components/switch/model.js.map +1 -1
- package/dist/collection/components/switch/switch.js +38 -10
- package/dist/collection/components/switch/switch.js.map +1 -1
- package/dist/collection/components/tab-item/tab-item.js +2 -2
- package/dist/collection/components/tab-item/tab-item.js.map +1 -1
- package/dist/collection/components/tabs/model.js.map +1 -1
- package/dist/collection/components/tabs/tabs.js +51 -3
- package/dist/collection/components/tabs/tabs.js.map +1 -1
- package/dist/collection/shared/model.js.map +1 -1
- package/dist/collection/utils/index.js +0 -11
- package/dist/collection/utils/index.js.map +1 -1
- package/dist/collection/utils/react.js +16 -0
- package/dist/collection/utils/react.js.map +1 -0
- package/dist/custom-elements.json +144 -43
- package/dist/db-ux/db-ux.esm.js +1 -1
- package/dist/db-ux/db-ux.esm.js.map +1 -1
- package/dist/db-ux/index.esm.js +1 -1
- package/dist/db-ux/index.esm.js.map +1 -1
- package/dist/db-ux/p-0983e297.entry.js +2 -0
- package/dist/db-ux/p-0983e297.entry.js.map +1 -0
- package/dist/db-ux/{p-34f88e4e.js → p-0cdf053e.js} +2 -2
- package/dist/db-ux/{p-2d32aa06.entry.js → p-0d08f973.entry.js} +2 -2
- package/dist/db-ux/{p-78e5293a.entry.js → p-123cb839.entry.js} +2 -2
- package/dist/db-ux/p-123cb839.entry.js.map +1 -0
- package/dist/db-ux/{p-10d30f53.entry.js → p-1665a1f6.entry.js} +2 -2
- package/dist/db-ux/{p-b0f1a571.entry.js → p-1efdd41a.entry.js} +2 -2
- package/dist/db-ux/{p-031e9fbf.entry.js → p-223b1031.entry.js} +2 -2
- package/dist/db-ux/{p-a3be13fd.entry.js → p-2f695fb2.entry.js} +2 -2
- package/dist/db-ux/{p-ab8a1944.entry.js → p-300fb4ff.entry.js} +2 -2
- package/dist/db-ux/{p-d48f3770.entry.js → p-3958b712.entry.js} +2 -2
- package/dist/db-ux/p-3958b712.entry.js.map +1 -0
- package/dist/db-ux/{p-fea6db86.entry.js → p-398c72a6.entry.js} +2 -2
- package/dist/db-ux/p-45bb9feb.js +2 -0
- package/dist/db-ux/p-45bb9feb.js.map +1 -0
- package/dist/db-ux/{p-43aa16d7.entry.js → p-5c1b65ac.entry.js} +2 -2
- package/dist/db-ux/p-69948f78.entry.js +2 -0
- package/dist/db-ux/p-69948f78.entry.js.map +1 -0
- package/dist/db-ux/{p-6b6f1f7f.entry.js → p-7eb92648.entry.js} +2 -2
- package/dist/db-ux/{p-1c12853c.entry.js → p-8d9ef330.entry.js} +2 -2
- package/dist/db-ux/{p-79b43b42.entry.js → p-90caefe4.entry.js} +2 -2
- package/dist/db-ux/{p-c6d54dd4.entry.js → p-95e59a69.entry.js} +2 -2
- package/dist/db-ux/{p-71cb932e.entry.js → p-ab783af4.entry.js} +2 -2
- package/dist/db-ux/{p-3f2e2d87.entry.js → p-b0b04684.entry.js} +2 -2
- package/dist/db-ux/{p-79d9caa7.entry.js → p-b2886d1c.entry.js} +2 -2
- package/dist/db-ux/p-b4eefd78.entry.js +2 -0
- package/dist/db-ux/{p-08126c21.entry.js → p-c367b891.entry.js} +2 -2
- package/dist/db-ux/{p-1066cd52.entry.js → p-cf22eaea.entry.js} +2 -2
- package/dist/db-ux/{p-2e318e2a.entry.js → p-e1788dce.entry.js} +2 -2
- package/dist/db-ux/p-e1788dce.entry.js.map +1 -0
- package/dist/db-ux/p-e24051a3.entry.js +2 -0
- package/dist/db-ux/p-e24051a3.entry.js.map +1 -0
- package/dist/db-ux/{p-683d690f.entry.js → p-e6f5c82d.entry.js} +2 -2
- package/dist/db-ux/{p-5a689165.entry.js → p-f23ca7f6.entry.js} +2 -2
- package/dist/db-ux/{p-b47af6eb.entry.js → p-f3251c56.entry.js} +2 -2
- package/dist/db-ux/{p-8e2a086b.entry.js → p-f78c8591.entry.js} +2 -2
- package/dist/db-ux/p-fa9a7966.entry.js +2 -0
- package/dist/db-ux/p-fa9a7966.entry.js.map +1 -0
- package/dist/esm/db-accordion-item.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/db-checkbox.entry.js +15 -16
- package/dist/esm/db-checkbox.entry.js.map +1 -1
- package/dist/esm/db-divider.entry.js +1 -1
- package/dist/esm/db-drawer.entry.js +1 -1
- 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-input.entry.js +3 -3
- package/dist/esm/db-input.entry.js.map +1 -1
- package/dist/esm/db-link.entry.js +1 -1
- package/dist/esm/db-navigation-item.entry.js +2 -2
- package/dist/esm/db-navigation.entry.js +1 -1
- package/dist/esm/db-notification.entry.js +1 -1
- package/dist/esm/db-page.entry.js +1 -1
- package/dist/esm/db-popover.entry.js +1 -1
- package/dist/esm/db-radio.entry.js +4 -9
- package/dist/esm/db-radio.entry.js.map +1 -1
- package/dist/esm/db-section.entry.js +1 -1
- package/dist/esm/db-select.entry.js +5 -5
- package/dist/esm/db-select.entry.js.map +1 -1
- package/dist/esm/db-stack.entry.js +1 -1
- package/dist/esm/db-switch.entry.js +8 -4
- package/dist/esm/db-switch.entry.js.map +1 -1
- package/dist/esm/db-tab-item_3.entry.js +3 -3
- package/dist/esm/db-tab-item_3.entry.js.map +1 -1
- package/dist/esm/db-tabs.entry.js +22 -5
- package/dist/esm/db-tabs.entry.js.map +1 -1
- package/dist/esm/db-tag.entry.js +1 -1
- package/dist/esm/db-textarea.entry.js +1 -1
- package/dist/esm/db-tooltip.entry.js +1 -1
- package/dist/esm/db-ux.js +1 -1
- package/dist/esm/{index-fad99efc.js → index-7d31752e.js} +2 -11
- package/dist/esm/index-7d31752e.js.map +1 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{navigation-9fec9921.js → navigation-09e3ace3.js} +2 -2
- package/dist/esm/{navigation-9fec9921.js.map → navigation-09e3ace3.js.map} +1 -1
- package/dist/types/components/checkbox/checkbox.d.ts +1 -1
- package/dist/types/components/input/input.d.ts +1 -0
- package/dist/types/components/input/model.d.ts +2 -2
- package/dist/types/components/select/model.d.ts +2 -2
- package/dist/types/components/select/select.d.ts +1 -0
- package/dist/types/components/switch/model.d.ts +2 -2
- package/dist/types/components/switch/switch.d.ts +3 -2
- package/dist/types/components/tab-item/tab-item.d.ts +1 -2
- package/dist/types/components/tabs/model.d.ts +9 -0
- package/dist/types/components/tabs/tabs.d.ts +3 -0
- package/dist/types/components.d.ts +24 -0
- package/dist/types/shared/model.d.ts +6 -0
- package/dist/types/utils/index.d.ts +0 -4
- package/dist/types/utils/react.d.ts +7 -0
- package/dist/vscode.html-custom-data.json +14 -7
- package/dist/web-types.json +54 -19
- package/package.json +3 -3
- package/dist/cjs/index-c0df827d.js.map +0 -1
- package/dist/db-ux/p-1566cfef.entry.js +0 -2
- package/dist/db-ux/p-1566cfef.entry.js.map +0 -1
- package/dist/db-ux/p-2e318e2a.entry.js.map +0 -1
- package/dist/db-ux/p-6f645f17.entry.js +0 -2
- package/dist/db-ux/p-6f645f17.entry.js.map +0 -1
- package/dist/db-ux/p-78e5293a.entry.js.map +0 -1
- package/dist/db-ux/p-871805e1.entry.js +0 -2
- package/dist/db-ux/p-871805e1.entry.js.map +0 -1
- package/dist/db-ux/p-99d90022.js +0 -2
- package/dist/db-ux/p-99d90022.js.map +0 -1
- package/dist/db-ux/p-a494046c.entry.js +0 -2
- package/dist/db-ux/p-a494046c.entry.js.map +0 -1
- package/dist/db-ux/p-d48f3770.entry.js.map +0 -1
- package/dist/db-ux/p-f65f4eac.entry.js +0 -2
- package/dist/esm/index-fad99efc.js.map +0 -1
- /package/dist/db-ux/{p-34f88e4e.js.map → p-0cdf053e.js.map} +0 -0
- /package/dist/db-ux/{p-2d32aa06.entry.js.map → p-0d08f973.entry.js.map} +0 -0
- /package/dist/db-ux/{p-10d30f53.entry.js.map → p-1665a1f6.entry.js.map} +0 -0
- /package/dist/db-ux/{p-b0f1a571.entry.js.map → p-1efdd41a.entry.js.map} +0 -0
- /package/dist/db-ux/{p-031e9fbf.entry.js.map → p-223b1031.entry.js.map} +0 -0
- /package/dist/db-ux/{p-a3be13fd.entry.js.map → p-2f695fb2.entry.js.map} +0 -0
- /package/dist/db-ux/{p-ab8a1944.entry.js.map → p-300fb4ff.entry.js.map} +0 -0
- /package/dist/db-ux/{p-fea6db86.entry.js.map → p-398c72a6.entry.js.map} +0 -0
- /package/dist/db-ux/{p-43aa16d7.entry.js.map → p-5c1b65ac.entry.js.map} +0 -0
- /package/dist/db-ux/{p-6b6f1f7f.entry.js.map → p-7eb92648.entry.js.map} +0 -0
- /package/dist/db-ux/{p-1c12853c.entry.js.map → p-8d9ef330.entry.js.map} +0 -0
- /package/dist/db-ux/{p-79b43b42.entry.js.map → p-90caefe4.entry.js.map} +0 -0
- /package/dist/db-ux/{p-c6d54dd4.entry.js.map → p-95e59a69.entry.js.map} +0 -0
- /package/dist/db-ux/{p-71cb932e.entry.js.map → p-ab783af4.entry.js.map} +0 -0
- /package/dist/db-ux/{p-3f2e2d87.entry.js.map → p-b0b04684.entry.js.map} +0 -0
- /package/dist/db-ux/{p-79d9caa7.entry.js.map → p-b2886d1c.entry.js.map} +0 -0
- /package/dist/db-ux/{p-f65f4eac.entry.js.map → p-b4eefd78.entry.js.map} +0 -0
- /package/dist/db-ux/{p-08126c21.entry.js.map → p-c367b891.entry.js.map} +0 -0
- /package/dist/db-ux/{p-1066cd52.entry.js.map → p-cf22eaea.entry.js.map} +0 -0
- /package/dist/db-ux/{p-683d690f.entry.js.map → p-e6f5c82d.entry.js.map} +0 -0
- /package/dist/db-ux/{p-5a689165.entry.js.map → p-f23ca7f6.entry.js.map} +0 -0
- /package/dist/db-ux/{p-b47af6eb.entry.js.map → p-f3251c56.entry.js.map} +0 -0
- /package/dist/db-ux/{p-8e2a086b.entry.js.map → p-f78c8591.entry.js.map} +0 -0
package/dist/db-ux/db-ux.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-1feee149.js";export{s as setNonce}from"./p-1feee149.js";import{g as i}from"./p-e1255160.js";var n=()=>{const a=import.meta.url;const s={};if(a!==""){s.resourcesUrl=new URL(".",a).href}return e(s)};n().then((async e=>{await i();return a([["p-
|
|
1
|
+
import{p as e,b as a}from"./p-1feee149.js";export{s as setNonce}from"./p-1feee149.js";import{g as i}from"./p-e1255160.js";var n=()=>{const a=import.meta.url;const s={};if(a!==""){s.resourcesUrl=new URL(".",a).href}return e(s)};n().then((async e=>{await i();return a([["p-e24051a3",[[4,"db-tabs",{id:[1],name:[1],arrowScrollDistance:[2,"arrow-scroll-distance"],orientation:[1],behavior:[1],initialSelectedMode:[1,"initial-selected-mode"],initialSelectedIndex:[2,"initial-selected-index"],className:[1,"classname"],alignment:[1],width:[1],tabs:[1],_id:[32],_name:[32],initialized:[32],showScrollLeft:[32],showScrollRight:[32],scrollContainer:[32]}]]],["p-c367b891",[[4,"db-header",{id:[1],forceMobile:[4,"force-mobile"],drawerOpen:[4,"drawer-open"],className:[1,"classname"],width:[1],burgerMenuLabel:[1,"burger-menu-label"],_id:[32],initialized:[32],forcedToMobile:[32]}]]],["p-ab783af4",[[4,"db-accordion",{id:[1],name:[1],behavior:[1],initOpenIndex:[16],className:[1,"classname"],variant:[1],items:[1],_id:[32],_name:[32],initialized:[32],_initOpenIndexDone:[32]}]]],["p-69948f78",[[4,"db-checkbox",{id:[1],message:[1],showMessage:[4,"show-message"],indeterminate:[4],checked:[4],change:[16],validation:[1],invalidMessage:[1,"invalid-message"],required:[4],validMessage:[1,"valid-message"],blur:[16],focus:[16],className:[1,"classname"],size:[1],showLabel:[4,"show-label"],name:[1],disabled:[4],value:[8],label:[1],messageIcon:[1,"message-icon"],initialized:[32],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_descByIds:[32],_voiceOverFallback:[32]}]]],["p-123cb839",[[4,"db-input",{id:[1],dataListId:[1,"data-list-id"],message:[1],showMessage:[4,"show-message"],value:[8],input:[16],change:[16],validation:[1],invalidMessage:[1,"invalid-message"],required:[4],minLength:[2,"min-length"],maxLength:[2,"max-length"],pattern:[1],validMessage:[1,"valid-message"],blur:[16],focus:[16],className:[1,"classname"],variant:[1],showLabel:[4,"show-label"],showIcon:[4,"show-icon"],icon:[1],iconAfter:[1,"icon-after"],label:[1],name:[1],type:[1],placeholder:[1],disabled:[4],step:[8],max:[8],min:[8],readOnly:[4,"read-only"],form:[1],size:[2],autocomplete:[1],autofocus:[4],dataList:[16],messageIcon:[1,"message-icon"],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_dataListId:[32],_descByIds:[32],_value:[32],_voiceOverFallback:[32]}]]],["p-f78c8591",[[4,"db-navigation-item",{subNavigationExpanded:[4,"sub-navigation-expanded"],id:[1],className:[1,"classname"],width:[1],icon:[1],showIcon:[4,"show-icon"],active:[4],disabled:[4],text:[1],backButtonId:[1,"back-button-id"],backButtonText:[1,"back-button-text"],initialized:[32],hasAreaPopup:[32],hasSubNavigation:[32],isSubNavigationExpanded:[32],subNavigationId:[32],navigationItemSafeTriangle:[32]}]]],["p-5c1b65ac",[[4,"db-notification",{id:[1],className:[1,"classname"],ariaLive:[1,"aria-live"],semantic:[1],variant:[1],icon:[1],showIcon:[4,"show-icon"],linkVariant:[1,"link-variant"],headline:[8],showHeadline:[4,"show-headline"],text:[1],timestamp:[1],showTimestamp:[4,"show-timestamp"],closeable:[4],closeButtonId:[1,"close-button-id"],closeButtonText:[1,"close-button-text"]}]]],["p-3958b712",[[4,"db-select",{id:[1],message:[1],showMessage:[4,"show-message"],value:[8],input:[16],change:[16],validation:[1],invalidMessage:[1,"invalid-message"],required:[4],validMessage:[1,"valid-message"],blur:[16],focus:[16],className:[1,"classname"],variant:[1],showLabel:[4,"show-label"],icon:[1],showIcon:[4,"show-icon"],label:[1],disabled:[4],name:[1],size:[2],autocomplete:[1],options:[16],placeholder:[1],messageIcon:[1,"message-icon"],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_placeholderId:[32],_descByIds:[32],_value:[32],initialized:[32],_voiceOverFallback:[32]}]]],["p-223b1031",[[0,"db-textarea",{id:[1],message:[1],showMessage:[4,"show-message"],value:[8],input:[16],change:[16],validation:[1],invalidMessage:[1,"invalid-message"],required:[4],minLength:[2,"min-length"],maxLength:[2,"max-length"],validMessage:[1,"valid-message"],blur:[16],focus:[16],className:[1,"classname"],variant:[1],showLabel:[4,"show-label"],label:[1],resize:[1],disabled:[4],readOnly:[4,"read-only"],form:[1],name:[1],wrap:[1],spellCheck:[4,"spell-check"],autocomplete:[1],placeholder:[1],rows:[2],cols:[2],messageIcon:[1,"message-icon"],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_descByIds:[32],_value:[32],_voiceOverFallback:[32]}]]],["p-8d9ef330",[[4,"db-badge",{placement:[1],id:[1],className:[1,"classname"],semantic:[1],size:[1],emphasis:[1],label:[1],text:[1],initialized:[32]}]]],["p-b4eefd78",[[4,"db-brand",{hideLogo:[4,"hide-logo"],icon:[1],showIcon:[4,"show-icon"],id:[1],className:[1,"classname"],text:[1]}]]],["p-0d08f973",[[4,"db-card",{id:[1],className:[1,"classname"],behavior:[1],elevationLevel:[1,"elevation-level"],spacing:[1]}]]],["p-f23ca7f6",[[0,"db-divider",{id:[1],margin:[1],variant:[1],emphasis:[1],width:[1],className:[1,"classname"]}]]],["p-e6f5c82d",[[4,"db-icon",{id:[1],className:[1,"classname"],icon:[1],weight:[1],variant:[1],text:[1]}]]],["p-cf22eaea",[[4,"db-link",{id:[1],className:[1,"classname"],href:[1],target:[1],rel:[1],role:[1],hreflang:[1],disabled:[4],selected:[4],label:[1],current:[8],size:[1],showIcon:[4,"show-icon"],variant:[1],content:[1],text:[1]}]]],["p-1665a1f6",[[4,"db-navigation",{id:[1],labelledBy:[1,"labelled-by"],className:[1,"classname"],_id:[32]}]]],["p-1efdd41a",[[4,"db-page",{fadeIn:[4,"fade-in"],documentOverflow:[1,"document-overflow"],variant:[1],id:[1],className:[1,"classname"],fontsLoaded:[32]}]]],["p-398c72a6",[[4,"db-popover",{id:[1],className:[1,"classname"],spacing:[1],gap:[4],animation:[4],open:[4],delay:[1],width:[1],placement:[1],initialized:[32],isExpanded:[32]}]]],["p-0983e297",[[4,"db-radio",{id:[1],checked:[4],change:[16],blur:[16],focus:[16],size:[1],showLabel:[4,"show-label"],className:[1,"classname"],validation:[1],name:[1],disabled:[4],describedbyid:[1],value:[8],required:[4],label:[1],initialized:[32],_id:[32]}]]],["p-b2886d1c",[[4,"db-section",{id:[1],className:[1,"classname"],spacing:[1],width:[1],_id:[32]}]]],["p-7eb92648",[[4,"db-stack",{id:[1],className:[1,"classname"],gap:[1],variant:[1],direction:[1],alignment:[1],justifyContent:[1,"justify-content"],wrap:[4]}]]],["p-fa9a7966",[[4,"db-switch",{id:[1],checked:[4],change:[16],blur:[16],focus:[16],visualAid:[4,"visual-aid"],size:[1],showLabel:[4,"show-label"],emphasis:[1],className:[1,"classname"],value:[8],disabled:[4],describedbyid:[1],validation:[1],name:[1],required:[4],icon:[1],iconAfter:[1,"icon-after"],label:[1],_id:[32],_checked:[32]}]]],["p-b0b04684",[[4,"db-tag",{disabled:[4],removeButton:[1,"remove-button"],id:[1],className:[1,"classname"],semantic:[1],emphasis:[1],icon:[1],showCheckState:[4,"show-check-state"],showIcon:[4,"show-icon"],noText:[4,"no-text"],overflow:[4],text:[1],behavior:[1],initialized:[32]}]]],["p-f3251c56",[[4,"db-tooltip",{id:[1],className:[1,"classname"],emphasis:[1],animation:[4],delay:[1],width:[1],showArrow:[4,"show-arrow"],placement:[1],_id:[32],initialized:[32]}]]],["p-90caefe4",[[4,"db-drawer",{open:[4],backdrop:[1],variant:[1],id:[1],className:[1,"classname"],spacing:[1],width:[1],direction:[1],rounded:[4],closeButtonId:[1,"close-button-id"],closeButtonText:[1,"close-button-text"]}]]],["p-300fb4ff",[[4,"db-accordion-item",{id:[1],defaultOpen:[4,"default-open"],className:[1,"classname"],disabled:[4],headlinePlain:[1,"headline-plain"],text:[1],_id:[32],_open:[32]}]]],["p-e1788dce",[[4,"db-tab-item",{active:[4],change:[16],className:[1,"classname"],id:[1],icon:[1],iconAfter:[1,"icon-after"],showIcon:[4,"show-icon"],noText:[4,"no-text"],disabled:[4],controls:[1],checked:[4],label:[1],initialized:[32],_selected:[32]}],[4,"db-tab-list",{id:[1],className:[1,"classname"],_id:[32]}],[4,"db-tab-panel",{className:[1,"classname"],id:[1],labelledBy:[1,"labelled-by"],content:[1]}]]],["p-2f695fb2",[[4,"db-infotext",{id:[1],className:[1,"classname"],icon:[1],semantic:[1],size:[1],showIcon:[4,"show-icon"],text:[1]}]]],["p-95e59a69",[[4,"db-button",{id:[1],className:[1,"classname"],type:[1],disabled:[4],label:[1],icon:[1],showIcon:[4,"show-icon"],size:[1],state:[1],width:[1],variant:[1],noText:[4,"no-text"],name:[1],value:[1],describedbyid:[1],ariaexpanded:[4],ariapressed:[4],text:[1]}]]]],e)}));
|
|
2
2
|
//# sourceMappingURL=db-ux.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","id","name","arrowScrollDistance","orientation","behavior","initialSelectedMode","initialSelectedIndex","className","alignment","width","tabs","_id","_name","initialized","showScrollLeft","showScrollRight","scrollContainer","forceMobile","drawerOpen","burgerMenuLabel","forcedToMobile","initOpenIndex","variant","items","_initOpenIndexDone","message","showMessage","
|
|
1
|
+
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","id","name","arrowScrollDistance","orientation","behavior","initialSelectedMode","initialSelectedIndex","className","alignment","width","tabs","_id","_name","initialized","showScrollLeft","showScrollRight","scrollContainer","forceMobile","drawerOpen","burgerMenuLabel","forcedToMobile","initOpenIndex","variant","items","_initOpenIndexDone","message","showMessage","indeterminate","checked","change","validation","invalidMessage","required","validMessage","blur","focus","size","showLabel","disabled","value","label","messageIcon","_messageId","_validMessageId","_invalidMessageId","_descByIds","_voiceOverFallback","dataListId","input","minLength","maxLength","pattern","showIcon","icon","iconAfter","type","placeholder","step","max","min","readOnly","form","autocomplete","autofocus","dataList","_dataListId","_value","subNavigationExpanded","active","text","backButtonId","backButtonText","hasAreaPopup","hasSubNavigation","isSubNavigationExpanded","subNavigationId","navigationItemSafeTriangle","ariaLive","semantic","linkVariant","headline","showHeadline","timestamp","showTimestamp","closeable","closeButtonId","closeButtonText","_placeholderId","resize","wrap","spellCheck","rows","cols","placement","emphasis","hideLogo","elevationLevel","spacing","margin","weight","target","rel","role","hreflang","selected","current","content","labelledBy","fadeIn","documentOverflow","fontsLoaded","gap","animation","open","delay","isExpanded","describedbyid","direction","justifyContent","visualAid","_checked","removeButton","showCheckState","noText","overflow","showArrow","backdrop","rounded","defaultOpen","headlinePlain","_open","controls","_selected","state","ariaexpanded","ariapressed"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}
|
package/dist/db-ux/index.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"./p-1feee149.js";export{s as COLOR,t as COLORS,u as COLORS_SIMPLE,C as COLOR_CONST,r as COLOR_SIMPLE,j as DEFAULT_BACK,k as DEFAULT_BURGER_MENU,n as DEFAULT_CLOSE_BUTTON,g as DEFAULT_DATALIST_ID_SUFFIX,l as DEFAULT_ICON,D as DEFAULT_ID,i as DEFAULT_INVALID_MESSAGE,e as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,a as DEFAULT_LABEL,c as DEFAULT_MESSAGE_ID_SUFFIX,b as DEFAULT_PLACEHOLDER,f as DEFAULT_PLACEHOLDER_ID_SUFFIX,m as DEFAULT_ROWS,h as DEFAULT_VALID_MESSAGE,d as DEFAULT_VALID_MESSAGE_ID_SUFFIX,w as DEFAULT_VIEWPORT,q as DENSITIES,p as DENSITY,o as DENSITY_CONST,x as DESKTOP_VIEWPORT,S as SEMANTIC,v as SEMANTICS,T as TESTING_VIEWPORTS}from"./p-af3834b6.js";export{a as addAttributeToChildren,c as cls,
|
|
1
|
+
import"./p-1feee149.js";export{s as COLOR,t as COLORS,u as COLORS_SIMPLE,C as COLOR_CONST,r as COLOR_SIMPLE,j as DEFAULT_BACK,k as DEFAULT_BURGER_MENU,n as DEFAULT_CLOSE_BUTTON,g as DEFAULT_DATALIST_ID_SUFFIX,l as DEFAULT_ICON,D as DEFAULT_ID,i as DEFAULT_INVALID_MESSAGE,e as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,a as DEFAULT_LABEL,c as DEFAULT_MESSAGE_ID_SUFFIX,b as DEFAULT_PLACEHOLDER,f as DEFAULT_PLACEHOLDER_ID_SUFFIX,m as DEFAULT_ROWS,h as DEFAULT_VALID_MESSAGE,d as DEFAULT_VALID_MESSAGE_ID_SUFFIX,w as DEFAULT_VIEWPORT,q as DENSITIES,p as DENSITY,o as DENSITY_CONST,x as DESKTOP_VIEWPORT,S as SEMANTIC,v as SEMANTICS,T as TESTING_VIEWPORTS}from"./p-af3834b6.js";export{a as addAttributeToChildren,c as cls,f as delay,g as getBooleanAsString,j as getHideProp,h as handleDataOutside,e as hasVoiceOver,d as isArrayOfStrings,i as isInView,s as stringPropVisible,u as uuid,v as visibleInVX,b as visibleInVY}from"./p-45bb9feb.js";export{N as NavigationItemSafeTriangle,i as isEventTargetNavigationItem}from"./p-0cdf053e.js";const E=["adaptive","neutral","critical","informational","warning","successful"];const _=["medium","small","large","none"];const A=["medium","small","large","none"];const I=["left","right","top","bottom","left-start","left-end","right-start","right-end","top-start","top-end","bottom-start","bottom-end"];const L=["none","3x-large","2x-large","x-large","large","medium","small","x-small","2x-small","3x-small"];const F=["horizontal","vertical"];const O=["full","auto"];const U=["full","medium","large","small"];const y=["none","slow","fast"];const R=["auto","fixed"];const V=["small","medium"];const M=["weak","strong"];const P=[...M,"origin"];const G=["invalid","valid","no-validation"];const X=["above","floating"];const B=["off","on","name","honorific-prefix","given-name","additional-name","family-name","honorific-suffix","nickname","email","username","new-password","current-password","one-time-code","organization-title","organization","street-address","shipping","billing","address-line1","address-line2","address-line3","address-level4","address-level3","address-level2","address-level1","country","country-name","postal-code","cc-name","cc-given-name","cc-additional-name","cc-family-name","cc-number","cc-exp","cc-exp-month","cc-exp-year","cc-csc","cc-type","transaction-currency","transaction-amount","language","bday","bday-day","bday-month","bday-year","sex","tel","tel-country-code","tel-national","tel-area-code","tel-local","tel-extension","impp","url","photo","webauthn"];const W=["time","true","false","date","page","step","location"];const z=["_self","_blank","_parent","_top"];const H=["no-referrer","no-referrer-when-downgrade","origin","origin-when-cross-origin","same-origin","strict-origin","strict-origin-when-cross-origin","unsafe-url"];const Y=["start","center"];export{Y as AlignmentList,B as AutoCompleteList,M as EmphasisList,L as GapSpacingList,X as LabelVariantList,W as LinkCurrentList,H as LinkReferrerPolicyList,z as LinkTargetList,A as MarginList,U as MaxWidthList,F as OrientationList,I as PlacementList,y as PopoverDelayList,R as PopoverWidthList,E as SemanticList,V as SizeList,_ as SpacingList,P as TagEmphasisList,G as ValidationList,O as WidthList};
|
|
2
2
|
//# sourceMappingURL=index.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SemanticList","SpacingList","MarginList","PlacementList","GapSpacingList","OrientationList","WidthList","MaxWidthList","PopoverDelayList","PopoverWidthList","SizeList","EmphasisList","TagEmphasisList","ValidationList","LabelVariantList","AutoCompleteList","LinkCurrentList","LinkTargetList","LinkReferrerPolicyList","AlignmentList"],"sources":["src/shared/model.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { IconTypes } from '@db-ux/core-foundations';\nexport type GlobalProps = {\n /**\n * default slot\n */\n\n children?: any;\n\n /**\n * React specific for adding className to the component.\n */\n className?: string;\n\n /**\n * Workaround for TypeScript using class for all components.\n */\n class?: string | any;\n\n /**\n * [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used to link to the elements that describe the element with the set attribute.\n */\n describedbyid?: string;\n\n /**\n * [ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.\n */\n id?: string;\n\n /**\n * Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)\n */\n autofocus?: boolean;\n};\nexport type GlobalState = {\n _id?: string;\n};\nexport const SemanticList = (['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'] as const);\nexport type SemanticType = (typeof SemanticList)[number];\nexport type SemanticProps = {\n /**\n * The semantic defines the default variants for most components.\n */\n semantic?: SemanticType;\n};\nexport type IconProps = {\n /**\n * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n */\n icon?: IconTypes;\n};\nexport type ShowIconProps = {\n /**\n * Enables or disables the visibility of the icon. The default value depends on the component.\n * For many components this property is optional to reflect Figma properties.\n */\n showIcon?: boolean;\n};\nexport type IconAfterProps = {\n /**\n * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n */\n iconAfter?: IconTypes;\n};\nexport const SpacingList = (['medium', 'small', 'large', 'none'] as const);\nexport type SpacingType = (typeof SpacingList)[number];\nexport type SpacingProps = {\n /**\n * The spacing attribute changes the padding of the component.\n */\n spacing?: SpacingType;\n};\nexport const MarginList = (['medium', 'small', 'large', 'none'] as const);\nexport type MarginType = (typeof MarginList)[number];\nexport type MarginProps = {\n /**\n * The margin attribute changes the margin of the component.\n */\n margin?: MarginType;\n};\nexport const PlacementList = (['left', 'right', 'top', 'bottom', 'left-start', 'left-end', 'right-start', 'right-end', 'top-start', 'top-end', 'bottom-start', 'bottom-end'] as const);\nexport type PlacementType = (typeof PlacementList)[number];\nexport type PlacementProps = {\n /**\n * The `placement` attributes values change the position to absolute and adds a transform based on the placement.\n */\n placement?: PlacementType;\n};\nexport type NavigationBehaviorState = {\n handleNavigationItemClick: (event: unknown) => void;\n};\nexport type GapProps = {\n /**\n * If the absolute element should have a gap between the parent element.\n */\n gap?: boolean;\n};\nexport const GapSpacingList = (['none', '3x-large', '2x-large', 'x-large', 'large', 'medium', 'small', 'x-small', '2x-small', '3x-small'] as const);\nexport type GapSpacingType = (typeof GapSpacingList)[number];\nexport type GapSpacingProps = {\n /**\n * Set the gap/spacing between elements\n */\n gap?: GapSpacingType;\n};\nexport type OverflowProps = {\n /**\n * The overflow attribute sets a max-width and longer text will be dotted.\n */\n overflow?: boolean;\n};\nexport const OrientationList = (['horizontal', 'vertical'] as const);\nexport type OrientationType = (typeof OrientationList)[number];\nexport type OrientationProps = {\n /**\n * Change the orientation. Defaults to horizontal.\n */\n orientation?: OrientationType;\n};\nexport const WidthList = (['full', 'auto'] as const);\nexport type WidthType = (typeof WidthList)[number];\nexport type WidthProps = {\n /**\n * Width of the component. Auto width based on children size, full width based on parent elements width.\n */\n width?: WidthType;\n};\nexport const MaxWidthList = (['full', 'medium', 'large', 'small'] as const);\nexport type MaxWidthType = (typeof MaxWidthList)[number];\nexport type ContainerWidthProps = {\n /**\n * Set max width for the component\n */\n width?: MaxWidthType;\n};\nexport const PopoverDelayList = (['none', 'slow', 'fast'] as const);\nexport type PopoverDelayType = (typeof PopoverDelayList)[number];\nexport const PopoverWidthList = (['auto', 'fixed'] as const);\nexport type PopoverWidthType = (typeof PopoverWidthList)[number];\nexport type PopoverProps = {\n /**\n * Add a delay before showing the tooltip\n */\n delay?: PopoverDelayType;\n /**\n * Disable animation\n */\n animation?: boolean;\n /**\n * Use fixed with for default max-width\n */\n width?: PopoverWidthType;\n};\nexport type PopoverState = {\n handleAutoPlacement: () => void;\n};\nexport type ContentSlotProps = {\n /**\n * Default slot which is used to pass in additional content.\n */\n content?: any;\n};\nexport const SizeList = (['small', 'medium'] as const);\nexport type SizeType = (typeof SizeList)[number];\nexport type SizeProps = {\n /**\n * The size attribute changes the font-size and other related sizes of the component.\n */\n size?: SizeType;\n};\nexport const EmphasisList = (['weak', 'strong'] as const);\nexport type EmphasisType = (typeof EmphasisList)[number];\nexport type EmphasisProps = {\n /**\n * The emphasis attribute divides in between a weak or strong importance.\n */\n emphasis?: EmphasisType;\n};\nexport const TagEmphasisList = ([...EmphasisList, 'origin'] as const);\nexport type TagEmphasisType = (typeof TagEmphasisList)[number];\nexport type TagEmphasisProps = {\n /**\n * The emphasis attribute divides in between a weak, strong or origin appearance.\n */\n emphasis?: TagEmphasisType;\n};\nexport const ValidationList = (['invalid', 'valid', 'no-validation'] as const);\nexport type ValidationType = (typeof ValidationList)[number];\nexport type FormProps = {\n /**\n * Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.\n */\n validation?: ValidationType;\n /**\n * The disabled attribute can be set to keep a user from clicking on the form element.\n */\n disabled?: boolean;\n /**\n * \tAssociates the control with a form element\n */\n form?: string;\n\n /**\n * The label attribute specifies the caption of the form element.\n */\n label?: string;\n\n /**\n * The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.\n */\n name?: string;\n\n /**\n * When the required attribute specified, the user will be required to fill the form element before submitting the form.\n */\n required?: boolean;\n /**\n * Enables/disables the visibility of the label\n */\n showLabel?: boolean;\n /**\n * The value property is to receive results from the native form element.\n */\n value?: any;\n};\nexport type FormTextProps = {\n /**\n * Maximum length (number of characters) of value\n */\n maxLength?: number;\n /**\n * Minimum length (number of characters) of value\n */\n minLength?: number;\n /**\n * The disabled attribute can be set to keep a user from edit on the form element\n */\n readOnly?: boolean;\n};\nexport type FormCheckProps = {\n /**\n * Define the radio or checkbox elements checked state\n */\n checked?: boolean;\n};\nexport const LabelVariantList = (['above', 'floating'] as const);\nexport type LabelVariantType = (typeof LabelVariantList)[number];\nexport const AutoCompleteList = (['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'] as const);\nexport type AutoCompleteType = (typeof AutoCompleteList)[number];\nexport type FormMessageProps = {\n /**\n * Change the variant of the label to float or hidden\n */\n variant?: LabelVariantType;\n /**\n * Text that appears in the form control when it has no value set\n */\n placeholder?: string;\n /**\n * Optional helper message for form components\n */\n message?: string;\n\n /**\n * Helper message for valid form components\n */\n validMessage?: string;\n\n /**\n * Helper message for invalid form components\n */\n invalidMessage?: string;\n\n /**\n * Set/overwrite icon for helper message for form components\n */\n messageIcon?: IconTypes;\n\n /**\n * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n */\n autocomplete?: string | AutoCompleteType;\n\n /**\n * Enables or disables the visibility of the message.\n */\n showMessage?: boolean;\n};\nexport type FormState = {\n _messageId?: string;\n _validMessageId?: string;\n _invalidMessageId?: string;\n _descByIds?: string;\n _value?: string;\n\n /**\n * https://www.davidmacd.com/blog/test-aria-describedby-errormessage-aria-live.html\n * Currently VoiceOver isn't supporting changes from aria-describedby.\n * This is an internal Fallback\n */\n _voiceOverFallback?: string;\n};\nexport type InitializedState = {\n initialized: boolean;\n};\nexport const LinkCurrentList = (['time', 'true', 'false', 'date', 'page', 'step', 'location'] as const);\nexport type LinkCurrentType = (typeof LinkCurrentList)[number];\nexport const LinkTargetList = (['_self', '_blank', '_parent', '_top'] as const);\nexport type LinkTargetType = (typeof LinkTargetList)[number];\nexport const LinkReferrerPolicyList = (['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'] as const);\nexport type LinkReferrerPolicyType = (typeof LinkReferrerPolicyList)[number];\nexport type LinkProps = {\n /**\n * Sets aria attribute based on [`aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).\n */\n current?: boolean | LinkCurrentType;\n /**\n * Disables the link.\n */\n disabled?: boolean;\n /**\n * The [URL that the hyperlink points to](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).\n */\n href?: string;\n /**\n * Hints for the human [language of the linked page or document](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang).\n */\n hreflang?: string;\n /**\n * Sets aria attribute based on [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).\n */\n label?: string;\n /**\n * Where to open the linked URL, as the name for a [browsing context](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n */\n target?: LinkTargetType;\n /**\n * The relationship of the linked URL as space-separated link types.\n */\n rel?: string;\n /**\n * Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).\n */\n role?: string;\n /**\n * How much of the referrer to send when following the link.\n */\n referrerpolicy?: LinkReferrerPolicyType;\n /**\n * Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).\n */\n selected?: boolean;\n};\nexport type TextProps = {\n /**\n * Alternative for default slot/children.\n */\n text?: string;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type ClickEvent<T> = MouseEvent;\nexport type ClickEventProps<T> = {\n /**\n * React specific onClick to pass to forward ref.\n */\n onClick?: (event: ClickEvent<T>) => void;\n};\nexport type ClickEventState<T> = {\n handleClick: (event: ClickEvent<T>) => void;\n};\nexport type ToggleEventProps = {\n onToggle?: (open: boolean) => void;\n};\nexport type ToggleEventState<T> = {\n toggle: (event?: ClickEvent<T>) => void;\n};\nexport type CloseEventProps = {\n /**\n * Function to handle button click (close).\n */\n onClose?: (event?: any) => void;\n};\nexport type CloseEventState = {\n handleClose: (event: any) => void;\n};\nexport const AlignmentList = (['start', 'center'] as const);\nexport type AlignmentType = (typeof AlignmentList)[number];\nexport type AlignmentProps = {\n /**\n * Define the content alignment in full width\n */\n alignment?: AlignmentType;\n};\nexport type ActiveProps = {\n /**\n * If the tab is checked/active.\n */\n active?: boolean;\n};\nexport type InputEvent<T> = Event;\nexport type InputEventProps<T> = {\n input?: (event: InputEvent<T>) => void;\n onInput?: (event: InputEvent<T>) => void;\n};\nexport type InputEventState<T> = {\n handleInput: (event: InputEvent<T>) => void;\n};\nexport type ChangeEvent<T> = Event;\nexport type ChangeEventProps<T> = {\n change?: (event: ChangeEvent<T>) => void;\n onChange?: (event: ChangeEvent<T>) => void;\n};\nexport type ChangeEventState<T> = {\n handleChange: (event: ChangeEvent<T>) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type InteractionEvent<T> = FocusEvent;\nexport type FocusEventProps<T> = {\n blur?: (event: InteractionEvent<T>) => void;\n onBlur?: (event: InteractionEvent<T>) => void;\n focus?: (event: InteractionEvent<T>) => void;\n onFocus?: (event: InteractionEvent<T>) => void;\n};\nexport type FocusEventState<T> = {\n handleBlur: (event: InteractionEvent<T>) => void;\n handleFocus: (event: InteractionEvent<T>) => void;\n};\nexport type InnerCloseButtonProps = {\n /**\n * The closeButtonId attribute changes the id inside the close button.\n */\n closeButtonId?: string;\n /**\n * The closeButtonText attribute changes the text inside the close button.\n */\n closeButtonText?: string;\n};\nexport type NavigationBackButtonProps = {\n /**\n * The backButtonId attribute changes the id inside the back button.\n */\n backButtonId?: string;\n /**\n * The backButtonText attribute changes the text inside the back button.\n */\n backButtonText?: string;\n};\nexport type AriaLabelledByProps = {\n /**\n * Pass aria-labelledby to inner element\n */\n labelledBy?: string;\n};\nexport type AriaControlsProps = {\n /**\n * Pass aria-controls to inner element\n */\n controls?: string;\n};\nexport type ValueLabelType = {\n value: string;\n label?: string;\n}"],"mappings":"gjCAsCaA,EAAgB,CAAC,WAAY,UAAW,WAAY,gBAAiB,UAAW,c,MA2BhFC,EAAe,CAAC,SAAU,QAAS,QAAS,Q,MAQ5CC,EAAc,CAAC,SAAU,QAAS,QAAS,Q,MAQ3CC,EAAiB,CAAC,OAAQ,QAAS,MAAO,SAAU,aAAc,WAAY,cAAe,YAAa,YAAa,UAAW,eAAgB,c,MAiBlJC,EAAkB,CAAC,OAAQ,WAAY,WAAY,UAAW,QAAS,SAAU,QAAS,UAAW,WAAY,Y,MAcjHC,EAAmB,CAAC,aAAc,Y,MAQlCC,EAAa,CAAC,OAAQ,Q,MAQtBC,EAAgB,CAAC,OAAQ,SAAU,QAAS,S,MAQ5CC,EAAoB,CAAC,OAAQ,OAAQ,Q,MAErCC,EAAoB,CAAC,OAAQ,S,MAyB7BC,EAAY,CAAC,QAAS,U,MAQtBC,EAAgB,CAAC,OAAQ,U,MAQzBC,EAAmB,IAAID,EAAc,U,MAQrCE,EAAkB,CAAC,UAAW,QAAS,iB,MA2DvCC,EAAoB,CAAC,QAAS,Y,MAE9BC,EAAoB,CAAC,MAAO,KAAM,OAAQ,mBAAoB,aAAc,kBAAmB,cAAe,mBAAoB,WAAY,QAAS,WAAY,eAAgB,mBAAoB,gBAAiB,qBAAsB,eAAgB,iBAAkB,WAAY,UAAW,gBAAiB,gBAAiB,gBAAiB,iBAAkB,iBAAkB,iBAAkB,iBAAkB,UAAW,eAAgB,cAAe,UAAW,gBAAiB,qBAAsB,iBAAkB,YAAa,SAAU,eAAgB,cAAe,SAAU,UAAW,uBAAwB,qBAAsB,WAAY,OAAQ,WAAY,aAAc,YAAa,MAAO,MAAO,mBAAoB,eAAgB,gBAAiB,YAAa,gBAAiB,OAAQ,MAAO,QAAS,Y,MA0D7zBC,EAAmB,CAAC,OAAQ,OAAQ,QAAS,OAAQ,OAAQ,OAAQ,Y,MAErEC,EAAkB,CAAC,QAAS,SAAU,UAAW,Q,MAEjDC,EAA0B,CAAC,cAAe,6BAA8B,SAAU,2BAA4B,cAAe,gBAAiB,kCAAmC,c,MA6EjLC,EAAiB,CAAC,QAAS,iB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["SemanticList","SpacingList","MarginList","PlacementList","GapSpacingList","OrientationList","WidthList","MaxWidthList","PopoverDelayList","PopoverWidthList","SizeList","EmphasisList","TagEmphasisList","ValidationList","LabelVariantList","AutoCompleteList","LinkCurrentList","LinkTargetList","LinkReferrerPolicyList","AlignmentList"],"sources":["src/shared/model.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { IconTypes } from '@db-ux/core-foundations';\nexport type GlobalProps = {\n /**\n * default slot\n */\n\n children?: any;\n\n /**\n * React specific for adding className to the component.\n */\n className?: string;\n\n /**\n * Workaround for TypeScript using class for all components.\n */\n class?: string | any;\n\n /**\n * [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used to link to the elements that describe the element with the set attribute.\n */\n describedbyid?: string;\n\n /**\n * [ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.\n */\n id?: string;\n\n /**\n * Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)\n */\n autofocus?: boolean;\n};\nexport type GlobalState = {\n _id?: string;\n};\nexport const SemanticList = (['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'] as const);\nexport type SemanticType = (typeof SemanticList)[number];\nexport type SemanticProps = {\n /**\n * The semantic defines the default variants for most components.\n */\n semantic?: SemanticType;\n};\nexport type IconProps = {\n /**\n * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n */\n icon?: IconTypes;\n};\nexport type ShowIconProps = {\n /**\n * Enables or disables the visibility of the icon. The default value depends on the component.\n * For many components this property is optional to reflect Figma properties.\n */\n showIcon?: boolean;\n};\nexport type IconAfterProps = {\n /**\n * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n */\n iconAfter?: IconTypes;\n};\nexport const SpacingList = (['medium', 'small', 'large', 'none'] as const);\nexport type SpacingType = (typeof SpacingList)[number];\nexport type SpacingProps = {\n /**\n * The spacing attribute changes the padding of the component.\n */\n spacing?: SpacingType;\n};\nexport const MarginList = (['medium', 'small', 'large', 'none'] as const);\nexport type MarginType = (typeof MarginList)[number];\nexport type MarginProps = {\n /**\n * The margin attribute changes the margin of the component.\n */\n margin?: MarginType;\n};\nexport const PlacementList = (['left', 'right', 'top', 'bottom', 'left-start', 'left-end', 'right-start', 'right-end', 'top-start', 'top-end', 'bottom-start', 'bottom-end'] as const);\nexport type PlacementType = (typeof PlacementList)[number];\nexport type PlacementProps = {\n /**\n * The `placement` attributes values change the position to absolute and adds a transform based on the placement.\n */\n placement?: PlacementType;\n};\nexport type NavigationBehaviorState = {\n handleNavigationItemClick: (event: unknown) => void;\n};\nexport type GapProps = {\n /**\n * If the absolute element should have a gap between the parent element.\n */\n gap?: boolean;\n};\nexport const GapSpacingList = (['none', '3x-large', '2x-large', 'x-large', 'large', 'medium', 'small', 'x-small', '2x-small', '3x-small'] as const);\nexport type GapSpacingType = (typeof GapSpacingList)[number];\nexport type GapSpacingProps = {\n /**\n * Set the gap/spacing between elements\n */\n gap?: GapSpacingType;\n};\nexport type OverflowProps = {\n /**\n * The overflow attribute sets a max-width and longer text will be dotted.\n */\n overflow?: boolean;\n};\nexport const OrientationList = (['horizontal', 'vertical'] as const);\nexport type OrientationType = (typeof OrientationList)[number];\nexport type OrientationProps = {\n /**\n * Change the orientation. Defaults to horizontal.\n */\n orientation?: OrientationType;\n};\nexport const WidthList = (['full', 'auto'] as const);\nexport type WidthType = (typeof WidthList)[number];\nexport type WidthProps = {\n /**\n * Width of the component. Auto width based on children size, full width based on parent elements width.\n */\n width?: WidthType;\n};\nexport const MaxWidthList = (['full', 'medium', 'large', 'small'] as const);\nexport type MaxWidthType = (typeof MaxWidthList)[number];\nexport type ContainerWidthProps = {\n /**\n * Set max width for the component\n */\n width?: MaxWidthType;\n};\nexport const PopoverDelayList = (['none', 'slow', 'fast'] as const);\nexport type PopoverDelayType = (typeof PopoverDelayList)[number];\nexport const PopoverWidthList = (['auto', 'fixed'] as const);\nexport type PopoverWidthType = (typeof PopoverWidthList)[number];\nexport type PopoverProps = {\n /**\n * Add a delay before showing the tooltip\n */\n delay?: PopoverDelayType;\n /**\n * Disable animation\n */\n animation?: boolean;\n /**\n * Use fixed with for default max-width\n */\n width?: PopoverWidthType;\n};\nexport type PopoverState = {\n handleAutoPlacement: () => void;\n};\nexport type ContentSlotProps = {\n /**\n * Default slot which is used to pass in additional content.\n */\n content?: any;\n};\nexport const SizeList = (['small', 'medium'] as const);\nexport type SizeType = (typeof SizeList)[number];\nexport type SizeProps = {\n /**\n * The size attribute changes the font-size and other related sizes of the component.\n */\n size?: SizeType;\n};\nexport const EmphasisList = (['weak', 'strong'] as const);\nexport type EmphasisType = (typeof EmphasisList)[number];\nexport type EmphasisProps = {\n /**\n * The emphasis attribute divides in between a weak or strong importance.\n */\n emphasis?: EmphasisType;\n};\nexport const TagEmphasisList = ([...EmphasisList, 'origin'] as const);\nexport type TagEmphasisType = (typeof TagEmphasisList)[number];\nexport type TagEmphasisProps = {\n /**\n * The emphasis attribute divides in between a weak, strong or origin appearance.\n */\n emphasis?: TagEmphasisType;\n};\nexport const ValidationList = (['invalid', 'valid', 'no-validation'] as const);\nexport type ValidationType = (typeof ValidationList)[number];\nexport type FormProps = {\n /**\n * Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.\n */\n validation?: ValidationType;\n /**\n * The disabled attribute can be set to keep a user from clicking on the form element.\n */\n disabled?: boolean;\n /**\n * \tAssociates the control with a form element\n */\n form?: string;\n\n /**\n * The label attribute specifies the caption of the form element.\n */\n label?: string;\n\n /**\n * The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.\n */\n name?: string;\n\n /**\n * When the required attribute specified, the user will be required to fill the form element before submitting the form.\n */\n required?: boolean;\n /**\n * Enables/disables the visibility of the label\n */\n showLabel?: boolean;\n /**\n * The value property is to receive results from the native form element.\n */\n value?: any;\n};\nexport type FormTextProps = {\n /**\n * Maximum length (number of characters) of value\n */\n maxLength?: number;\n /**\n * Minimum length (number of characters) of value\n */\n minLength?: number;\n /**\n * The disabled attribute can be set to keep a user from edit on the form element\n */\n readOnly?: boolean;\n};\nexport type FormSizeProps = {\n /**\n * Size of the control\n */\n size?: number;\n};\nexport type FormCheckProps = {\n /**\n * Define the radio or checkbox elements checked state\n */\n checked?: boolean;\n};\nexport const LabelVariantList = (['above', 'floating'] as const);\nexport type LabelVariantType = (typeof LabelVariantList)[number];\nexport const AutoCompleteList = (['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'] as const);\nexport type AutoCompleteType = (typeof AutoCompleteList)[number];\nexport type FormMessageProps = {\n /**\n * Change the variant of the label to float or hidden\n */\n variant?: LabelVariantType;\n /**\n * Text that appears in the form control when it has no value set\n */\n placeholder?: string;\n /**\n * Optional helper message for form components\n */\n message?: string;\n\n /**\n * Helper message for valid form components\n */\n validMessage?: string;\n\n /**\n * Helper message for invalid form components\n */\n invalidMessage?: string;\n\n /**\n * Set/overwrite icon for helper message for form components\n */\n messageIcon?: IconTypes;\n\n /**\n * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n */\n autocomplete?: string | AutoCompleteType;\n\n /**\n * Enables or disables the visibility of the message.\n */\n showMessage?: boolean;\n};\nexport type FormState = {\n _messageId?: string;\n _validMessageId?: string;\n _invalidMessageId?: string;\n _descByIds?: string;\n _value?: string;\n\n /**\n * https://www.davidmacd.com/blog/test-aria-describedby-errormessage-aria-live.html\n * Currently VoiceOver isn't supporting changes from aria-describedby.\n * This is an internal Fallback\n */\n _voiceOverFallback?: string;\n};\nexport type InitializedState = {\n initialized: boolean;\n};\nexport const LinkCurrentList = (['time', 'true', 'false', 'date', 'page', 'step', 'location'] as const);\nexport type LinkCurrentType = (typeof LinkCurrentList)[number];\nexport const LinkTargetList = (['_self', '_blank', '_parent', '_top'] as const);\nexport type LinkTargetType = (typeof LinkTargetList)[number];\nexport const LinkReferrerPolicyList = (['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'] as const);\nexport type LinkReferrerPolicyType = (typeof LinkReferrerPolicyList)[number];\nexport type LinkProps = {\n /**\n * Sets aria attribute based on [`aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).\n */\n current?: boolean | LinkCurrentType;\n /**\n * Disables the link.\n */\n disabled?: boolean;\n /**\n * The [URL that the hyperlink points to](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).\n */\n href?: string;\n /**\n * Hints for the human [language of the linked page or document](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang).\n */\n hreflang?: string;\n /**\n * Sets aria attribute based on [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).\n */\n label?: string;\n /**\n * Where to open the linked URL, as the name for a [browsing context](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n */\n target?: LinkTargetType;\n /**\n * The relationship of the linked URL as space-separated link types.\n */\n rel?: string;\n /**\n * Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).\n */\n role?: string;\n /**\n * How much of the referrer to send when following the link.\n */\n referrerpolicy?: LinkReferrerPolicyType;\n /**\n * Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).\n */\n selected?: boolean;\n};\nexport type TextProps = {\n /**\n * Alternative for default slot/children.\n */\n text?: string;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type ClickEvent<T> = MouseEvent;\nexport type ClickEventProps<T> = {\n /**\n * React specific onClick to pass to forward ref.\n */\n onClick?: (event: ClickEvent<T>) => void;\n};\nexport type ClickEventState<T> = {\n handleClick: (event: ClickEvent<T>) => void;\n};\nexport type ToggleEventProps = {\n onToggle?: (open: boolean) => void;\n};\nexport type ToggleEventState<T> = {\n toggle: (event?: ClickEvent<T>) => void;\n};\nexport type CloseEventProps = {\n /**\n * Function to handle button click (close).\n */\n onClose?: (event?: any) => void;\n};\nexport type CloseEventState = {\n handleClose: (event: any) => void;\n};\nexport const AlignmentList = (['start', 'center'] as const);\nexport type AlignmentType = (typeof AlignmentList)[number];\nexport type AlignmentProps = {\n /**\n * Define the content alignment in full width\n */\n alignment?: AlignmentType;\n};\nexport type ActiveProps = {\n /**\n * If the tab is checked/active.\n */\n active?: boolean;\n};\nexport type InputEvent<T> = Event;\nexport type InputEventProps<T> = {\n input?: (event: InputEvent<T>) => void;\n onInput?: (event: InputEvent<T>) => void;\n};\nexport type InputEventState<T> = {\n handleInput: (event: InputEvent<T>) => void;\n};\nexport type ChangeEvent<T> = Event;\nexport type ChangeEventProps<T> = {\n change?: (event: ChangeEvent<T>) => void;\n onChange?: (event: ChangeEvent<T>) => void;\n};\nexport type ChangeEventState<T> = {\n handleChange: (event: ChangeEvent<T>) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type InteractionEvent<T> = FocusEvent;\nexport type FocusEventProps<T> = {\n blur?: (event: InteractionEvent<T>) => void;\n onBlur?: (event: InteractionEvent<T>) => void;\n focus?: (event: InteractionEvent<T>) => void;\n onFocus?: (event: InteractionEvent<T>) => void;\n};\nexport type FocusEventState<T> = {\n handleBlur: (event: InteractionEvent<T>) => void;\n handleFocus: (event: InteractionEvent<T>) => void;\n};\nexport type InnerCloseButtonProps = {\n /**\n * The closeButtonId attribute changes the id inside the close button.\n */\n closeButtonId?: string;\n /**\n * The closeButtonText attribute changes the text inside the close button.\n */\n closeButtonText?: string;\n};\nexport type NavigationBackButtonProps = {\n /**\n * The backButtonId attribute changes the id inside the back button.\n */\n backButtonId?: string;\n /**\n * The backButtonText attribute changes the text inside the back button.\n */\n backButtonText?: string;\n};\nexport type AriaLabelledByProps = {\n /**\n * Pass aria-labelledby to inner element\n */\n labelledBy?: string;\n};\nexport type AriaControlsProps = {\n /**\n * Pass aria-controls to inner element\n */\n controls?: string;\n};\nexport type ValueLabelType = {\n value: string;\n label?: string;\n}"],"mappings":"sgCAsCaA,EAAgB,CAAC,WAAY,UAAW,WAAY,gBAAiB,UAAW,c,MA2BhFC,EAAe,CAAC,SAAU,QAAS,QAAS,Q,MAQ5CC,EAAc,CAAC,SAAU,QAAS,QAAS,Q,MAQ3CC,EAAiB,CAAC,OAAQ,QAAS,MAAO,SAAU,aAAc,WAAY,cAAe,YAAa,YAAa,UAAW,eAAgB,c,MAiBlJC,EAAkB,CAAC,OAAQ,WAAY,WAAY,UAAW,QAAS,SAAU,QAAS,UAAW,WAAY,Y,MAcjHC,EAAmB,CAAC,aAAc,Y,MAQlCC,EAAa,CAAC,OAAQ,Q,MAQtBC,EAAgB,CAAC,OAAQ,SAAU,QAAS,S,MAQ5CC,EAAoB,CAAC,OAAQ,OAAQ,Q,MAErCC,EAAoB,CAAC,OAAQ,S,MAyB7BC,EAAY,CAAC,QAAS,U,MAQtBC,EAAgB,CAAC,OAAQ,U,MAQzBC,EAAmB,IAAID,EAAc,U,MAQrCE,EAAkB,CAAC,UAAW,QAAS,iB,MAiEvCC,EAAoB,CAAC,QAAS,Y,MAE9BC,EAAoB,CAAC,MAAO,KAAM,OAAQ,mBAAoB,aAAc,kBAAmB,cAAe,mBAAoB,WAAY,QAAS,WAAY,eAAgB,mBAAoB,gBAAiB,qBAAsB,eAAgB,iBAAkB,WAAY,UAAW,gBAAiB,gBAAiB,gBAAiB,iBAAkB,iBAAkB,iBAAkB,iBAAkB,UAAW,eAAgB,cAAe,UAAW,gBAAiB,qBAAsB,iBAAkB,YAAa,SAAU,eAAgB,cAAe,SAAU,UAAW,uBAAwB,qBAAsB,WAAY,OAAQ,WAAY,aAAc,YAAa,MAAO,MAAO,mBAAoB,eAAgB,gBAAiB,YAAa,gBAAiB,OAAQ,MAAO,QAAS,Y,MA0D7zBC,EAAmB,CAAC,OAAQ,OAAQ,QAAS,OAAQ,OAAQ,OAAQ,Y,MAErEC,EAAkB,CAAC,QAAS,SAAU,UAAW,Q,MAEjDC,EAA0B,CAAC,cAAe,6BAA8B,SAAU,2BAA4B,cAAe,gBAAiB,kCAAmC,c,MA6EjLC,EAAiB,CAAC,QAAS,iB","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as i,c as s,h as t}from"./p-1feee149.js";import{u as h,c as a,j as e}from"./p-45bb9feb.js";const d=class{constructor(t){i(this,t);this.onChange=s(this,"onChange",7);this.onBlur=s(this,"onBlur",7);this.onFocus=s(this,"onFocus",7);this.initialized=false;this._id=undefined}handleChange(i){if(this.onChange){this.onChange.emit(i)}if(this.change){this.change(i)}}handleBlur(i){if(this.onBlur){this.onBlur.emit(i)}if(this.blur){this.blur(i)}}handleFocus(i){if(this.onFocus){this.onFocus.emit(i)}if(this.focus){this.focus(i)}}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let h=0;h<s.length;h++){const a=s.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);t.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(a.name)}}}}}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-radio");this.initialized=true;this._id=(i=this.id)!==null&&i!==void 0?i:`radio-${h()}`}componentDidUpdate(){if(this.checked&&this.initialized&&this._ref){this._ref.checked=true}}render(){return t("label",{key:"cf284d1056ea238ee9172220c34bc818fa0f5216",class:a("db-radio",this.className),"data-size":this.size,"data-hide-label":e(this.showLabel),htmlFor:this._id},t("input",{key:"0c43cd33933fdfc52557a82c13e96f8c182183f6",type:"radio","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:this.checked,disabled:this.disabled,"aria-describedby":this.describedbyid,value:this.value,required:this.required,onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i)}),this.label?this.label:t("slot",null))}};export{d as db_radio};
|
|
2
|
+
//# sourceMappingURL=p-0983e297.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DBRadio","constructor","hostRef","this","initialized","_id","undefined","handleChange","event","onChange","emit","change","handleBlur","onBlur","blur","handleFocus","onFocus","focus","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","_a","id","uuid","componentDidUpdate","checked","render","h","key","class","cls","className","size","getHideProp","showLabel","htmlFor","type","validation","ref","el","disabled","describedbyid","required","label"],"sources":["src/components/radio/radio.tsx"],"sourcesContent":["import { DBRadioProps, DBRadioState } from \"./model\";\nimport { cls, getHideProp, uuid } from \"../../utils\";\nimport { ChangeEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n handleFrameworkEventAngular,\n handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport { Component, h, Fragment, Event, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n tag: \"db-radio\",\n})\nexport class DBRadio {\n private _ref!: HTMLInputElement | null;\n @Prop() id: DBRadioProps[\"id\"];\n @Prop() checked: DBRadioProps[\"checked\"];\n @Event() onChange: any;\n @Prop() change: DBRadioProps[\"change\"];\n @Event() onBlur: any;\n @Prop() blur: DBRadioProps[\"blur\"];\n @Event() onFocus: any;\n @Prop() focus: DBRadioProps[\"focus\"];\n @Prop() size: DBRadioProps[\"size\"];\n @Prop() showLabel: DBRadioProps[\"showLabel\"];\n @Prop({attribute: \"classname\"}) className: DBRadioProps[\"className\"];\n @Prop() validation: DBRadioProps[\"validation\"];\n @Prop() name: DBRadioProps[\"name\"];\n @Prop() disabled: DBRadioProps[\"disabled\"];\n @Prop() describedbyid: DBRadioProps[\"describedbyid\"];\n @Prop() value: DBRadioProps[\"value\"];\n @Prop() required: DBRadioProps[\"required\"];\n @Prop() label: DBRadioProps[\"label\"];\n\n @State() initialized = false;\n @State() _id = undefined;\n\n handleChange(event: ChangeEvent<HTMLInputElement>) {\n if (this.onChange) {\n this.onChange.emit(event);\n }\n if (this.change) {\n this.change(event);\n }\n }\n handleBlur(event: InteractionEvent<HTMLInputElement>) {\n if (this.onBlur) {\n this.onBlur.emit(event);\n }\n if (this.blur) {\n this.blur(event);\n }\n }\n handleFocus(event: InteractionEvent<HTMLInputElement>) {\n if (this.onFocus) {\n this.onFocus.emit(event);\n }\n if (this.focus) {\n this.focus(event);\n }\n }\n\n /**\n * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n * @param element the ref for the component\n * @param customElementSelector the custom element like `my-component`\n */\n private enableAttributePassing(\n element: HTMLInputElement | null,\n customElementSelector: string\n ) {\n const parent = element?.closest(customElementSelector);\n if (element && parent) {\n const attributes = parent.attributes;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes.item(i);\n if (\n attr &&\n (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n ) {\n element.setAttribute(attr.name, attr.value);\n parent.removeAttribute(attr.name);\n }\n if (attr && attr.name === \"class\") {\n const isWebComponent = attr.value.includes(\"hydrated\");\n const value = attr.value.replace(\"hydrated\", \"\").trim();\n const currentClass = element.getAttribute(\"class\");\n element.setAttribute(\n attr.name,\n `${currentClass ? `${currentClass} ` : \"\"}${value}`\n );\n if (isWebComponent) {\n // Stencil is using this class for lazy loading component\n parent.setAttribute(\"class\", \"hydrated\");\n } else {\n parent.removeAttribute(attr.name);\n }\n }\n }\n }\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-radio\");\n this.initialized = true;\n this._id = this.id ?? `radio-${uuid()}`;\n }\n\n componentDidUpdate() {\n if (this.checked && this.initialized && this._ref) {\n this._ref.checked = true;\n }\n }\n\n render() {\n return (\n <label\n class={cls(\"db-radio\", this.className)}\n data-size={this.size}\n data-hide-label={getHideProp(this.showLabel)}\n htmlFor={this._id}\n >\n <input\n type=\"radio\"\n aria-invalid={this.validation === \"invalid\"}\n data-custom-validity={this.validation}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this._id}\n name={this.name}\n checked={this.checked}\n disabled={this.disabled}\n aria-describedby={this.describedbyid}\n value={this.value}\n required={this.required}\n onChange={(event) => this.handleChange(event)}\n onBlur={(event) => this.handleBlur(event)}\n onFocus={(event) => this.handleFocus(event)}\n />\n {this.label ? this.label : <slot></slot>}\n </label>\n );\n }\n}\n"],"mappings":"0GAkBaA,EAAO,MAHnB,WAAAC,CAAAC,G,6GAwBUC,KAAAC,YAAc,MACdD,KAAAE,IAAMC,S,CAEf,YAAAC,CAAaC,GACX,GAAIL,KAAKM,SAAU,CACjBN,KAAKM,SAASC,KAAKF,E,CAErB,GAAIL,KAAKQ,OAAQ,CACfR,KAAKQ,OAAOH,E,EAGhB,UAAAI,CAAWJ,GACT,GAAIL,KAAKU,OAAQ,CACfV,KAAKU,OAAOH,KAAKF,E,CAEnB,GAAIL,KAAKW,KAAM,CACbX,KAAKW,KAAKN,E,EAGd,WAAAO,CAAYP,GACV,GAAIL,KAAKa,QAAS,CAChBb,KAAKa,QAAQN,KAAKF,E,CAEpB,GAAIL,KAAKc,MAAO,CACdd,KAAKc,MAAMT,E,EASP,sBAAAU,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,G,MACEpC,KAAKe,uBAAuBf,KAAKqC,KAAM,YACvCrC,KAAKC,YAAc,KACnBD,KAAKE,KAAMoC,EAAAtC,KAAKuC,MAAE,MAAAD,SAAA,EAAAA,EAAI,SAASE,K,CAGjC,kBAAAC,GACE,GAAIzC,KAAK0C,SAAW1C,KAAKC,aAAeD,KAAKqC,KAAM,CACjDrC,KAAKqC,KAAKK,QAAU,I,EAIxB,MAAAC,GACE,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAOC,EAAI,WAAY/C,KAAKgD,WAAU,YAC3BhD,KAAKiD,KAAI,kBACHC,EAAYlD,KAAKmD,WAClCC,QAASpD,KAAKE,KAEd0C,EAAA,SAAAC,IAAA,2CACEQ,KAAK,QAAO,eACErD,KAAKsD,aAAe,UAAS,uBACrBtD,KAAKsD,WAC3BC,IAAMC,IACJxD,KAAKqC,KAAOmB,CAAE,EAEhBjB,GAAIvC,KAAKE,IACTuB,KAAMzB,KAAKyB,KACXiB,QAAS1C,KAAK0C,QACde,SAAUzD,KAAKyD,SAAQ,mBACLzD,KAAK0D,cACvB9B,MAAO5B,KAAK4B,MACZ+B,SAAU3D,KAAK2D,SACfrD,SAAWD,GAAUL,KAAKI,aAAaC,GACvCK,OAASL,GAAUL,KAAKS,WAAWJ,GACnCQ,QAAUR,GAAUL,KAAKY,YAAYP,KAEtCL,KAAK4D,MAAQ5D,KAAK4D,MAAQhB,EAAA,a","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{h as t}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{h as t}from"./p-45bb9feb.js";const i=t=>{var i,s;const{target:n}=t;return Boolean(!((i=n===null||n===void 0?void 0:n.classList)===null||i===void 0?void 0:i.contains("db-navigation-item-expand-button"))&&((s=n===null||n===void 0?void 0:n.parentElement)===null||s===void 0?void 0:s.classList.contains("db-navigation-item")))};class s{constructor(t,i){var s;this.parentSubNavigation=null;this.initialized=false;this.mouseX=0;this.mouseY=0;this.element=t;this.subNavigation=i;if(!this.element||!this.subNavigation){return}this.parentSubNavigation=(s=this.element)===null||s===void 0?void 0:s.closest(".db-sub-navigation");if(this.parentSubNavigation&&!this.element.closest(".db-drawer")){this.init()}}init(){var t,i,s;const n=(i=(t=this.parentSubNavigation)===null||t===void 0?void 0:t.getBoundingClientRect().width)!==null&&i!==void 0?i:0;(s=this.element)===null||s===void 0?void 0:s.style.setProperty("--db-navigation-item-inline-size",`${n}px`);this.initialized=true}enableFollow(){var i,s;if(!this.initialized||this.triangleData||!this.element||!this.subNavigation){return}const n=t(this.subNavigation);const h=this.element.getBoundingClientRect();const e=(s=(i=this.parentSubNavigation)===null||i===void 0?void 0:i.getBoundingClientRect().width)!==null&&s!==void 0?s:0;this.triangleData={itemRect:h,parentElementWidth:e,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(e-h.width)/2,outsideVX:n.vx,outsideVY:n.vy}}disableFollow(){this.triangleData=undefined}getTriangleTipX(){if(!this.triangleData)return 0;if(this.triangleData.outsideVX==="right"){return this.triangleData.itemRect.width-this.mouseX}return Math.min(this.mouseX,this.triangleData.itemRect.width*.75)}getTriangleTipY(){if(!this.triangleData)return 0;const t=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;if(this.triangleData.outsideVY==="bottom"){return t+(this.triangleData.subNavigationHeight-this.triangleData.padding*2-this.triangleData.itemRect.height)}return t}hasMouseEnteredSubNavigation(){if(!this.triangleData){return false}const t=this.triangleData.outsideVX==="right";if(t&&this.mouseX<-1*this.triangleData.padding){return true}if(!t&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding){return true}return false}getTriangleCoordinates(t){if(!this.triangleData){return}if(t==="fill-gap"){const t=`${this.triangleData.itemRect.height+2*this.triangleData.padding}px`;const i=`${this.triangleData.parentElementWidth-this.triangleData.padding}px`;return{lb:`${i} ${t}`,lt:`${i} 0`,rt:"100% 0",rb:`100% ${t}`}}const i=this.getTriangleTipX();const s=this.getTriangleTipY();const n=`${i}px ${s}px`;const h=`${i}px ${s}px`;return{lb:n,lt:h,rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(t){if(!this.initialized||!this.triangleData||!this.element||!this.subNavigation){return}this.mouseX=t.clientX-this.triangleData.itemRect.left;this.mouseY=t.clientY-this.triangleData.itemRect.top;const i=this.hasMouseEnteredSubNavigation();const s=this.getTriangleCoordinates(i?"fill-gap":"safe-triangle");if(!s){return}this.element.style.setProperty("--db-navigation-item-clip-path",`polygon(${s.lb}, ${s.lt}, ${s.rt}, ${s.rb})`);if(i){this.triangleData=undefined}}}export{s as N,i};
|
|
2
|
+
//# sourceMappingURL=p-0cdf053e.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as i}from"./p-1feee149.js";import{c as e}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as i}from"./p-1feee149.js";import{c as e}from"./p-45bb9feb.js";const a=class{constructor(i){t(this,i);this.onClick=s(this,"onClick",7)}handleClick(t){if(this.onClick){this.onClick.emit(t)}}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);i.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const e=a.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(a.name,`${d?`${d} `:""}${e}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(a.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-card")}render(){return i("div",{key:"ccbc53820799b727bdf095528da4bf4c7fdf1129",class:e("db-card",this.className),ref:t=>{this._ref=t},id:this.id,"data-behavior":this.behavior,"data-elevation-level":this.elevationLevel,"data-spacing":this.spacing,role:this.behavior==="interactive"?"button":undefined,tabIndex:this.behavior==="interactive"?0:undefined,onClick:t=>this.handleClick(t)},i("slot",{key:"8afa05261ef6931eceecfd55694c8dc06d78f7a3"}))}};export{a as db_card};
|
|
2
|
+
//# sourceMappingURL=p-0d08f973.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,c as t,h as s}from"./p-1feee149.js";import{e as h,
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,c as t,h as s}from"./p-1feee149.js";import{e as h,f as a,s as e,d,u as n,c as l,j as o}from"./p-45bb9feb.js";import{i as f,h as c,c as u,d as r,e as b,g as v,b as p,a as m}from"./p-af3834b6.js";const y=class{constructor(s){i(this,s);this.onInput=t(this,"onInput",7);this.onChange=t(this,"onChange",7);this.onBlur=t(this,"onBlur",7);this.onFocus=t(this,"onFocus",7);this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._dataListId=undefined;this._descByIds="";this._value="";this._voiceOverFallback=""}handleInput(i){if(this.onInput){this.onInput.emit(i)}if(this.input){this.input(i)}}handleChange(i){var t,s,d,n,l,o;if(this.onChange){this.onChange.emit(i)}if(this.change){this.change(i)}if(!((t=this._ref)===null||t===void 0?void 0:t.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;if(h()){this._voiceOverFallback=(n=(s=this.invalidMessage)!==null&&s!==void 0?s:(d=this._ref)===null||d===void 0?void 0:d.validationMessage)!==null&&n!==void 0?n:f;a((()=>this._voiceOverFallback=""),1e3)}}else if(this.validation==="valid"||((l=this._ref)===null||l===void 0?void 0:l.validity.valid)&&(this.required||this.minLength||this.maxLength||this.pattern)){this._descByIds=this._validMessageId;if(h()){this._voiceOverFallback=(o=this.validMessage)!==null&&o!==void 0?o:c;a((()=>this._voiceOverFallback=""),1e3)}}else if(e(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleBlur(i){if(this.onBlur){this.onBlur.emit(i)}if(this.blur){this.blur(i)}}handleFocus(i){if(this.onFocus){this.onFocus.emit(i)}if(this.focus){this.focus(i)}}getDataList(i){return Array.from((d(i)?i.map((i=>({value:i,label:undefined}))):i)||[])}enableAttributePassing(i,t){const s=i===null||i===void 0?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&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const t=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-input");const t=(i=this.id)!==null&&i!==void 0?i:`input-${n()}`;this._id=t;this._messageId=t+u;this._validMessageId=t+r;this._invalidMessageId=t+b;this._dataListId=t+v}componentDidUpdate(){var i;if(this._id){const t=this._id+u;this._messageId=t;this._validMessageId=this._id+r;this._invalidMessageId=this._id+b;this._dataListId=(i=this.dataListId)!==null&&i!==void 0?i:this._id+v;if(e(this.message,this.showMessage)){this._descByIds=t}}this._value=this.value}render(){var i,t,h,a,d,n,u,r;return s("div",{key:"c495a9fab61d950908b499b3e0086d43ab640e9e",class:l("db-input",this.className),"data-variant":this.variant,"data-hide-label":o(this.showLabel),"data-hide-icon":o(this.showIcon),"data-icon":this.icon,"data-icon-after":this.iconAfter,"data-hide-icon-after":o(this.showIcon)},s("label",{key:"1455952e00ec64ebbdff99dbfeca1bcab0fad386",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:m),s("input",{key:"a44ee0cf8bf6f970a8e5124f6a0e3ac3271ec49d","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,type:this.type||"text",placeholder:(t=this.placeholder)!==null&&t!==void 0?t:p,disabled:this.disabled,required:this.required,step:this.step,value:(h=this.value)!==null&&h!==void 0?h:this._value,maxLength:this.maxLength,minLength:this.minLength,max:this.max,min:this.min,readOnly:this.readOnly,form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:this.autofocus,onInput:i=>this.handleInput(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),list:this.dataList&&this._dataListId,"aria-describedby":this._descByIds}),this.dataList?s("datalist",{id:this._dataListId},(a=this.getDataList(this.dataList))===null||a===void 0?void 0:a.map((i=>s("option",{key:this._dataListId+"-option-"+i.value,value:i.value},i.label)))):null,s("slot",{key:"84a78c2ff5cc605c59a3e6ce87fdd7a9ff00d62d"}),e(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,s("db-infotext",{key:"cb6f79a3454d4a43252908a06ac865f136d29831",size:"small",semantic:"successful",id:this._validMessageId},(d=this.validMessage)!==null&&d!==void 0?d:c),s("db-infotext",{key:"cceacdec37a23a0ecbf20cd72f713a8bb01de9cd",size:"small",semantic:"critical",id:this._invalidMessageId},(r=(n=this.invalidMessage)!==null&&n!==void 0?n:(u=this._ref)===null||u===void 0?void 0:u.validationMessage)!==null&&r!==void 0?r:f),s("span",{key:"f9e3edcb965bd270a3183fd5d715ef4b1138b90b","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}};export{y as db_input};
|
|
2
|
+
//# sourceMappingURL=p-123cb839.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DBInput","constructor","hostRef","this","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_dataListId","_descByIds","_value","_voiceOverFallback","handleInput","event","onInput","emit","input","handleChange","onChange","change","_a","_ref","validity","valid","validation","hasVoiceOver","_d","_b","invalidMessage","_c","validationMessage","DEFAULT_INVALID_MESSAGE","delay","_e","required","minLength","maxLength","pattern","_f","validMessage","DEFAULT_VALID_MESSAGE","stringPropVisible","message","showMessage","handleBlur","onBlur","blur","handleFocus","onFocus","focus","getDataList","_list","Array","from","isArrayOfStrings","map","val","value","label","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","mId","id","uuid","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","DEFAULT_DATALIST_ID_SUFFIX","componentDidUpdate","messageId","dataListId","render","h","key","class","cls","className","variant","getHideProp","showLabel","showIcon","icon","iconAfter","htmlFor","DEFAULT_LABEL","ref","el","type","placeholder","DEFAULT_PLACEHOLDER","disabled","step","max","min","readOnly","form","size","autoComplete","autocomplete","autoFocus","autofocus","list","dataList","option","messageIcon","semantic","_h","_g","role"],"sources":["src/components/input/input.tsx"],"sourcesContent":["import {\n cls,\n delay,\n getHideProp,\n hasVoiceOver,\n isArrayOfStrings,\n stringPropVisible,\n uuid,\n} from \"../../utils\";\nimport { DBInputProps, DBInputState } from \"./model\";\nimport {\n DEFAULT_DATALIST_ID_SUFFIX,\n DEFAULT_INVALID_MESSAGE,\n DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n DEFAULT_LABEL,\n DEFAULT_MESSAGE_ID_SUFFIX,\n DEFAULT_PLACEHOLDER,\n DEFAULT_VALID_MESSAGE,\n DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport {\n ChangeEvent,\n InputEvent,\n InteractionEvent,\n ValueLabelType,\n} from \"../../shared/model\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n handleFrameworkEventVue,\n handleFrameworkEventAngular,\n} from \"../../utils/form-components\";\n\nimport { Component, h, Fragment, Event, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n tag: \"db-input\",\n})\nexport class DBInput {\n private _ref!: HTMLInputElement | null;\n @Prop() id: DBInputProps[\"id\"];\n @Prop() dataListId: DBInputProps[\"dataListId\"];\n @Prop() message: DBInputProps[\"message\"];\n @Prop() showMessage: DBInputProps[\"showMessage\"];\n @Prop() value: DBInputProps[\"value\"];\n @Event() onInput: any;\n @Prop() input: DBInputProps[\"input\"];\n @Event() onChange: any;\n @Prop() change: DBInputProps[\"change\"];\n @Prop() validation: DBInputProps[\"validation\"];\n @Prop() invalidMessage: DBInputProps[\"invalidMessage\"];\n @Prop() required: DBInputProps[\"required\"];\n @Prop() minLength: DBInputProps[\"minLength\"];\n @Prop() maxLength: DBInputProps[\"maxLength\"];\n @Prop() pattern: DBInputProps[\"pattern\"];\n @Prop() validMessage: DBInputProps[\"validMessage\"];\n @Event() onBlur: any;\n @Prop() blur: DBInputProps[\"blur\"];\n @Event() onFocus: any;\n @Prop() focus: DBInputProps[\"focus\"];\n @Prop({attribute: \"classname\"}) className: DBInputProps[\"className\"];\n @Prop() variant: DBInputProps[\"variant\"];\n @Prop() showLabel: DBInputProps[\"showLabel\"];\n @Prop() showIcon: DBInputProps[\"showIcon\"];\n @Prop() icon: DBInputProps[\"icon\"];\n @Prop() iconAfter: DBInputProps[\"iconAfter\"];\n @Prop() label: DBInputProps[\"label\"];\n @Prop() name: DBInputProps[\"name\"];\n @Prop() type: DBInputProps[\"type\"];\n @Prop() placeholder: DBInputProps[\"placeholder\"];\n @Prop() disabled: DBInputProps[\"disabled\"];\n @Prop() step: DBInputProps[\"step\"];\n @Prop() max: DBInputProps[\"max\"];\n @Prop() min: DBInputProps[\"min\"];\n @Prop() readOnly: DBInputProps[\"readOnly\"];\n @Prop() form: DBInputProps[\"form\"];\n @Prop() size: DBInputProps[\"size\"];\n @Prop() autocomplete: DBInputProps[\"autocomplete\"];\n @Prop() autofocus: DBInputProps[\"autofocus\"];\n @Prop() dataList: DBInputProps[\"dataList\"];\n\n @Prop() messageIcon: DBInputProps[\"messageIcon\"];\n @State() _id = undefined;\n @State() _messageId = undefined;\n @State() _validMessageId = undefined;\n @State() _invalidMessageId = undefined;\n @State() _dataListId = undefined;\n @State() _descByIds = \"\";\n @State() _value = \"\";\n @State() _voiceOverFallback = \"\";\n\n handleInput(event: InputEvent<HTMLInputElement>) {\n if (this.onInput) {\n this.onInput.emit(event);\n }\n if (this.input) {\n this.input(event);\n }\n }\n handleChange(event: ChangeEvent<HTMLInputElement>) {\n if (this.onChange) {\n this.onChange.emit(event);\n }\n if (this.change) {\n this.change(event);\n }\n /* For a11y reasons we need to map the correct message with the input */\n if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n this._descByIds = this._invalidMessageId;\n if (hasVoiceOver()) {\n this._voiceOverFallback =\n this.invalidMessage ??\n this._ref?.validationMessage ??\n DEFAULT_INVALID_MESSAGE;\n delay(() => (this._voiceOverFallback = \"\"), 1000);\n }\n } else if (\n this.validation === \"valid\" ||\n (this._ref?.validity.valid &&\n (this.required || this.minLength || this.maxLength || this.pattern))\n ) {\n this._descByIds = this._validMessageId;\n if (hasVoiceOver()) {\n this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n delay(() => (this._voiceOverFallback = \"\"), 1000);\n }\n } else if (stringPropVisible(this.message, this.showMessage)) {\n this._descByIds = this._messageId;\n } else {\n this._descByIds = \"\";\n }\n }\n handleBlur(event: InteractionEvent<HTMLInputElement>) {\n if (this.onBlur) {\n this.onBlur.emit(event);\n }\n if (this.blur) {\n this.blur(event);\n }\n }\n handleFocus(event: InteractionEvent<HTMLInputElement>) {\n if (this.onFocus) {\n this.onFocus.emit(event);\n }\n if (this.focus) {\n this.focus(event);\n }\n }\n getDataList(_list?: string[] | ValueLabelType[]) {\n return Array.from(\n (isArrayOfStrings(_list)\n ? _list.map((val: string) => ({\n value: val,\n label: undefined,\n }))\n : _list) || []\n );\n }\n\n /**\n * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n * @param element the ref for the component\n * @param customElementSelector the custom element like `my-component`\n */\n private enableAttributePassing(\n element: HTMLInputElement | null,\n customElementSelector: string\n ) {\n const parent = element?.closest(customElementSelector);\n if (element && parent) {\n const attributes = parent.attributes;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes.item(i);\n if (\n attr &&\n (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n ) {\n element.setAttribute(attr.name, attr.value);\n parent.removeAttribute(attr.name);\n }\n if (attr && attr.name === \"class\") {\n const isWebComponent = attr.value.includes(\"hydrated\");\n const value = attr.value.replace(\"hydrated\", \"\").trim();\n const currentClass = element.getAttribute(\"class\");\n element.setAttribute(\n attr.name,\n `${currentClass ? `${currentClass} ` : \"\"}${value}`\n );\n if (isWebComponent) {\n // Stencil is using this class for lazy loading component\n parent.setAttribute(\"class\", \"hydrated\");\n } else {\n parent.removeAttribute(attr.name);\n }\n }\n }\n }\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-input\");\n const mId = this.id ?? `input-${uuid()}`;\n this._id = mId;\n this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n this._dataListId = mId + DEFAULT_DATALIST_ID_SUFFIX;\n }\n\n componentDidUpdate() {\n if (this._id) {\n const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n this._messageId = messageId;\n this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n this._dataListId =\n this.dataListId ?? this._id + DEFAULT_DATALIST_ID_SUFFIX;\n if (stringPropVisible(this.message, this.showMessage)) {\n this._descByIds = messageId;\n }\n }\n this._value = this.value;\n }\n\n render() {\n return (\n <div\n class={cls(\"db-input\", this.className)}\n data-variant={this.variant}\n data-hide-label={getHideProp(this.showLabel)}\n data-hide-icon={getHideProp(this.showIcon)}\n data-icon={this.icon}\n data-icon-after={this.iconAfter}\n data-hide-icon-after={getHideProp(this.showIcon)}\n >\n <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n <input\n aria-invalid={this.validation === \"invalid\"}\n data-custom-validity={this.validation}\n ref={(el: any) => {\n this._ref = el;\n }}\n id={this._id}\n name={this.name}\n type={this.type || \"text\"}\n placeholder={this.placeholder ?? DEFAULT_PLACEHOLDER}\n disabled={this.disabled}\n required={this.required}\n step={this.step}\n value={this.value ?? this._value}\n maxLength={this.maxLength}\n minLength={this.minLength}\n max={this.max}\n min={this.min}\n readOnly={this.readOnly}\n form={this.form}\n pattern={this.pattern}\n size={this.size}\n autoComplete={this.autocomplete}\n autoFocus={this.autofocus}\n onInput={(event) => this.handleInput(event)}\n onChange={(event) => this.handleChange(event)}\n onBlur={(event) => this.handleBlur(event)}\n onFocus={(event) => this.handleFocus(event)}\n list={this.dataList && this._dataListId}\n aria-describedby={this._descByIds}\n />\n {this.dataList ? (\n <datalist id={this._dataListId}>\n {this.getDataList(this.dataList)?.map((option) => (\n <option\n key={this._dataListId + \"-option-\" + option.value}\n value={option.value}\n >\n {option.label}\n </option>\n ))}\n </datalist>\n ) : null}\n <slot></slot>\n {stringPropVisible(this.message, this.showMessage) ? (\n <db-infotext\n size=\"small\"\n icon={this.messageIcon}\n id={this._messageId}\n >\n {this.message}\n </db-infotext>\n ) : null}\n <db-infotext\n size=\"small\"\n semantic=\"successful\"\n id={this._validMessageId}\n >\n {this.validMessage ?? DEFAULT_VALID_MESSAGE}\n </db-infotext>\n <db-infotext\n size=\"small\"\n semantic=\"critical\"\n id={this._invalidMessageId}\n >\n {this.invalidMessage ??\n this._ref?.validationMessage ??\n DEFAULT_INVALID_MESSAGE}\n </db-infotext>\n <span data-visually-hidden=\"true\" role=\"status\">\n {this._voiceOverFallback}\n </span>\n </div>\n );\n }\n}\n"],"mappings":"sNA0CaA,EAAO,MAHnB,WAAAC,CAAAC,G,8IA+CUC,KAAAC,IAAMC,UACNF,KAAAG,WAAaD,UACbF,KAAAI,gBAAkBF,UAClBF,KAAAK,kBAAoBH,UACpBF,KAAAM,YAAcJ,UACdF,KAAAO,WAAa,GACbP,KAAAQ,OAAS,GACTR,KAAAS,mBAAqB,E,CAE9B,WAAAC,CAAYC,GACV,GAAIX,KAAKY,QAAS,CAChBZ,KAAKY,QAAQC,KAAKF,E,CAEpB,GAAIX,KAAKc,MAAO,CACdd,KAAKc,MAAMH,E,EAGf,YAAAI,CAAaJ,G,gBACX,GAAIX,KAAKgB,SAAU,CACjBhB,KAAKgB,SAASH,KAAKF,E,CAErB,GAAIX,KAAKiB,OAAQ,CACfjB,KAAKiB,OAAON,E,CAGd,MAAKO,EAAAlB,KAAKmB,QAAI,MAAAD,SAAA,SAAAA,EAAEE,SAASC,QAASrB,KAAKsB,aAAe,UAAW,CAC/DtB,KAAKO,WAAaP,KAAKK,kBACvB,GAAIkB,IAAgB,CAClBvB,KAAKS,oBACHe,GAAAC,EAAAzB,KAAK0B,kBAAc,MAAAD,SAAA,EAAAA,GACnBE,EAAA3B,KAAKmB,QAAI,MAAAQ,SAAA,SAAAA,EAAEC,qBAAiB,MAAAJ,SAAA,EAAAA,EAC5BK,EACFC,GAAM,IAAO9B,KAAKS,mBAAqB,IAAK,I,OAEzC,GACLT,KAAKsB,aAAe,WACnBS,EAAA/B,KAAKmB,QAAI,MAAAY,SAAA,SAAAA,EAAEX,SAASC,SAClBrB,KAAKgC,UAAYhC,KAAKiC,WAAajC,KAAKkC,WAAalC,KAAKmC,SAC7D,CACAnC,KAAKO,WAAaP,KAAKI,gBACvB,GAAImB,IAAgB,CAClBvB,KAAKS,oBAAqB2B,EAAApC,KAAKqC,gBAAY,MAAAD,SAAA,EAAAA,EAAIE,EAC/CR,GAAM,IAAO9B,KAAKS,mBAAqB,IAAK,I,OAEzC,GAAI8B,EAAkBvC,KAAKwC,QAASxC,KAAKyC,aAAc,CAC5DzC,KAAKO,WAAaP,KAAKG,U,KAClB,CACLH,KAAKO,WAAa,E,EAGtB,UAAAmC,CAAW/B,GACT,GAAIX,KAAK2C,OAAQ,CACf3C,KAAK2C,OAAO9B,KAAKF,E,CAEnB,GAAIX,KAAK4C,KAAM,CACb5C,KAAK4C,KAAKjC,E,EAGd,WAAAkC,CAAYlC,GACV,GAAIX,KAAK8C,QAAS,CAChB9C,KAAK8C,QAAQjC,KAAKF,E,CAEpB,GAAIX,KAAK+C,MAAO,CACd/C,KAAK+C,MAAMpC,E,EAGf,WAAAqC,CAAYC,GACV,OAAOC,MAAMC,MACVC,EAAiBH,GACdA,EAAMI,KAAKC,IAAW,CACpBC,MAAOD,EACPE,MAAOtD,cAET+C,IAAU,G,CASV,sBAAAQ,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKV,OACrCK,EAAOU,gBAAgBL,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMI,EAAiBN,EAAKV,MAAMiB,SAAS,YAC3C,MAAMjB,EAAQU,EAAKV,MAAMkB,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAejB,EAAQkB,aAAa,SAC1ClB,EAAQW,aACNJ,EAAKE,KACL,GAAGQ,EAAe,GAAGA,KAAkB,KAAKpB,KAE9C,GAAIgB,EAAgB,CAElBX,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOU,gBAAgBL,EAAKE,K,KAOtC,gBAAAU,G,MACE7E,KAAKyD,uBAAuBzD,KAAKmB,KAAM,YACvC,MAAM2D,GAAM5D,EAAAlB,KAAK+E,MAAE,MAAA7D,SAAA,EAAAA,EAAI,SAAS8D,MAChChF,KAAKC,IAAM6E,EACX9E,KAAKG,WAAa2E,EAAMG,EACxBjF,KAAKI,gBAAkB0E,EAAMI,EAC7BlF,KAAKK,kBAAoByE,EAAMK,EAC/BnF,KAAKM,YAAcwE,EAAMM,C,CAG3B,kBAAAC,G,MACE,GAAIrF,KAAKC,IAAK,CACZ,MAAMqF,EAAYtF,KAAKC,IAAMgF,EAC7BjF,KAAKG,WAAamF,EAClBtF,KAAKI,gBAAkBJ,KAAKC,IAAMiF,EAClClF,KAAKK,kBAAoBL,KAAKC,IAAMkF,EACpCnF,KAAKM,aACHY,EAAAlB,KAAKuF,cAAU,MAAArE,SAAA,EAAAA,EAAIlB,KAAKC,IAAMmF,EAChC,GAAI7C,EAAkBvC,KAAKwC,QAASxC,KAAKyC,aAAc,CACrDzC,KAAKO,WAAa+E,C,EAGtBtF,KAAKQ,OAASR,KAAKuD,K,CAGrB,MAAAiC,G,oBACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAI,WAAY5F,KAAK6F,WAAU,eACxB7F,KAAK8F,QAAO,kBACTC,EAAY/F,KAAKgG,WAAU,iBAC5BD,EAAY/F,KAAKiG,UAAS,YAC/BjG,KAAKkG,KAAI,kBACHlG,KAAKmG,UAAS,uBACTJ,EAAY/F,KAAKiG,WAEvCR,EAAA,SAAAC,IAAA,2CAAOU,QAASpG,KAAKC,MAAMiB,EAAAlB,KAAKwD,SAAK,MAAAtC,SAAA,EAAAA,EAAImF,GACzCZ,EAAA,SAAAC,IAAA,0DACgB1F,KAAKsB,aAAe,UAAS,uBACrBtB,KAAKsB,WAC3BgF,IAAMC,IACJvG,KAAKmB,KAAOoF,CAAE,EAEhBxB,GAAI/E,KAAKC,IACTkE,KAAMnE,KAAKmE,KACXqC,KAAMxG,KAAKwG,MAAQ,OACnBC,aAAahF,EAAAzB,KAAKyG,eAAW,MAAAhF,SAAA,EAAAA,EAAIiF,EACjCC,SAAU3G,KAAK2G,SACf3E,SAAUhC,KAAKgC,SACf4E,KAAM5G,KAAK4G,KACXrD,OAAO5B,EAAA3B,KAAKuD,SAAK,MAAA5B,SAAA,EAAAA,EAAI3B,KAAKQ,OAC1B0B,UAAWlC,KAAKkC,UAChBD,UAAWjC,KAAKiC,UAChB4E,IAAK7G,KAAK6G,IACVC,IAAK9G,KAAK8G,IACVC,SAAU/G,KAAK+G,SACfC,KAAMhH,KAAKgH,KACX7E,QAASnC,KAAKmC,QACd8E,KAAMjH,KAAKiH,KACXC,aAAclH,KAAKmH,aACnBC,UAAWpH,KAAKqH,UAChBzG,QAAUD,GAAUX,KAAKU,YAAYC,GACrCK,SAAWL,GAAUX,KAAKe,aAAaJ,GACvCgC,OAAShC,GAAUX,KAAK0C,WAAW/B,GACnCmC,QAAUnC,GAAUX,KAAK6C,YAAYlC,GACrC2G,KAAMtH,KAAKuH,UAAYvH,KAAKM,YAAW,mBACrBN,KAAKO,aAExBP,KAAKuH,SACJ9B,EAAA,YAAUV,GAAI/E,KAAKM,cAChBkB,EAAAxB,KAAKgD,YAAYhD,KAAKuH,aAAS,MAAA/F,SAAA,SAAAA,EAAE6B,KAAKmE,GACrC/B,EAAA,UACEC,IAAK1F,KAAKM,YAAc,WAAakH,EAAOjE,MAC5CA,MAAOiE,EAAOjE,OAEbiE,EAAOhE,UAIZ,KACJiC,EAAA,QAAAC,IAAA,6CACCnD,EAAkBvC,KAAKwC,QAASxC,KAAKyC,aACpCgD,EAAA,eACEwB,KAAK,QACLf,KAAMlG,KAAKyH,YACX1C,GAAI/E,KAAKG,YAERH,KAAKwC,SAEN,KACJiD,EAAA,eAAAC,IAAA,2CACEuB,KAAK,QACLS,SAAS,aACT3C,GAAI/E,KAAKI,kBAER2B,EAAA/B,KAAKqC,gBAAY,MAAAN,SAAA,EAAAA,EAAIO,GAExBmD,EAAA,eAAAC,IAAA,2CACEuB,KAAK,QACLS,SAAS,WACT3C,GAAI/E,KAAKK,oBAERsH,GAAAvF,EAAApC,KAAK0B,kBAAc,MAAAU,SAAA,EAAAA,GAClBwF,EAAA5H,KAAKmB,QAAI,MAAAyG,SAAA,SAAAA,EAAEhG,qBAAiB,MAAA+F,SAAA,EAAAA,EAC5B9F,GAEJ4D,EAAA,QAAAC,IAAA,kEAA2B,OAAOmC,KAAK,UACpC7H,KAAKS,oB","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as s}from"./p-1feee149.js";import{u as t,c as e}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as s}from"./p-1feee149.js";import{u as t,c as e}from"./p-45bb9feb.js";import{D as i}from"./p-af3834b6.js";const o=class{constructor(s){a(this,s);this._id=i}enableAttributePassing(a,s){const t=a===null||a===void 0?void 0:a.closest(s);if(a&&t){const s=t.attributes;for(let e=0;e<s.length;e++){const i=s.item(e);if(i&&(i.name.startsWith("data-")||i.name.startsWith("aria-"))){a.setAttribute(i.name,i.value);t.removeAttribute(i.name)}if(i&&i.name==="class"){const s=i.value.includes("hydrated");const e=i.value.replace("hydrated","").trim();const o=a.getAttribute("class");a.setAttribute(i.name,`${o?`${o} `:""}${e}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(i.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation");this._id=this.id||"navigation-"+t()}render(){return s("nav",{key:"4591f1348a2d7fceafc4ad0fbd6ebc768b819af1",class:e("db-navigation",this.className),ref:a=>{this._ref=a},id:this._id,"aria-labelledby":this.labelledBy},s("menu",{key:"ade607816e1b561f5c74eb18ea7dbbef7d8e0d93"},s("slot",{key:"02578f17abb1eb0513aa2663b5617427eaa291c5"})))}};export{o as db_navigation};
|
|
2
|
+
//# sourceMappingURL=p-1665a1f6.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-1feee149.js";import{c as a,
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t}from"./p-1feee149.js";import{c as a,g as s}from"./p-45bb9feb.js";const d=class{constructor(t){e(this,t);this.fontsLoaded=false}enableAttributePassing(e,t){const a=e===null||e===void 0?void 0:e.closest(t);if(e&&a){const t=a.attributes;for(let s=0;s<t.length;s++){const d=t.item(s);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){e.setAttribute(d.name,d.value);a.removeAttribute(d.name)}if(d&&d.name==="class"){const t=d.value.includes("hydrated");const s=d.value.replace("hydrated","").trim();const i=e.getAttribute("class");e.setAttribute(d.name,`${i?`${i} `:""}${s}`);if(t){a.setAttribute("class","hydrated")}else{a.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-page");this.fontsLoaded=!this.fadeIn;if(document&&this.fadeIn){document.fonts.ready.then((()=>{this.fontsLoaded=true}))}else{this.fontsLoaded=true}}disconnectedCallback(){if(typeof window!=="undefined"&&document.documentElement.classList.contains("db-page-document")){document.documentElement.classList.remove("db-page-document")}}render(){return t("div",{key:"1813172b90b8bdae5e14024bdb764211a9516af7",class:a("db-page",this.className),ref:e=>{this._ref=e},id:this.id,"data-variant":this.variant,"data-fade-in":this.fadeIn,"data-fonts-loaded":s(this.fontsLoaded)},t("slot",{key:"7b3cb18c6f48fa169c68b528f500a856fdb829a4",name:"header"}),t("main",{key:"17468d52548cee8710499a796bc5a8454744508a",class:"db-main"},t("slot",{key:"23f7b20371a3e8cb6d0dc7388a4217d2361eef5e"})),t("slot",{key:"b9143dcf291836be5bf133934c546e5168c7676f",name:"footer"}))}};export{d as db_page};
|
|
2
|
+
//# sourceMappingURL=p-1efdd41a.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,c as s,h as t}from"./p-1feee149.js";import{e as h,
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,c as s,h as t}from"./p-1feee149.js";import{e as h,f as e,s as a,u as d,c as l,j as n}from"./p-45bb9feb.js";import{i as o,h as c,c as f,d as r,e as u,b as v,m as b,a as m}from"./p-af3834b6.js";const p=class{constructor(t){i(this,t);this.onInput=s(this,"onInput",7);this.onChange=s(this,"onChange",7);this.onBlur=s(this,"onBlur",7);this.onFocus=s(this,"onFocus",7);this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._descByIds="";this._value="";this._voiceOverFallback=""}handleInput(i){if(this.onInput){this.onInput.emit(i)}if(this.input){this.input(i)}}handleChange(i){var s,t,d,l,n,f;if(this.onChange){this.onChange.emit(i)}if(this.change){this.change(i)}if(!((s=this._ref)===null||s===void 0?void 0:s.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;if(h()){this._voiceOverFallback=(l=(t=this.invalidMessage)!==null&&t!==void 0?t:(d=this._ref)===null||d===void 0?void 0:d.validationMessage)!==null&&l!==void 0?l:o;e((()=>this._voiceOverFallback=""),1e3)}}else if(this.validation==="valid"||((n=this._ref)===null||n===void 0?void 0:n.validity.valid)&&(this.required||this.minLength||this.maxLength)){this._descByIds=this._validMessageId;if(h()){this._voiceOverFallback=(f=this.validMessage)!==null&&f!==void 0?f:c;e((()=>this._voiceOverFallback=""),1e3)}}else if(a(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleBlur(i){if(this.onBlur){this.onBlur.emit(i)}if(this.blur){this.blur(i)}}handleFocus(i){if(this.onFocus){this.onFocus.emit(i)}if(this.focus){this.focus(i)}}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let h=0;h<s.length;h++){const e=s.item(h);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){i.setAttribute(e.name,e.value);t.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const h=e.value.replace("hydrated","").trim();const a=i.getAttribute("class");i.setAttribute(e.name,`${a?`${a} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(e.name)}}}}}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-textarea");const s=(i=this.id)!==null&&i!==void 0?i:`textarea-${d()}`;this._id=s;this._messageId=s+f;this._validMessageId=s+r;this._invalidMessageId=s+u}componentDidUpdate(){if(this._id){const i=this._id+f;this._messageId=i;this._validMessageId=this._id+r;this._invalidMessageId=this._id+u;if(a(this.message,this.showMessage)){this._descByIds=i}}this._value=this.value}render(){var i,s,h,e,d,f,r,u;return t("div",{key:"00e7421cc95291ae0b42e710f7e0dab15abf83f4",class:l("db-textarea",this.className),"data-variant":this.variant,"data-hide-label":n(this.showLabel)},t("label",{key:"038acbf2c0f722961956c4ab35f5ea05aece9f1d",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:m),t("textarea",{key:"a4cd136c1b4067bbd057c0e1460894c69f398fff","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,"data-resize":this.resize,disabled:this.disabled,required:this.required,readOnly:this.readOnly,form:this.form,maxLength:this.maxLength,minLength:this.minLength,name:this.name,wrap:this.wrap,spellcheck:this.spellCheck,autocomplete:this.autocomplete,onInput:i=>this.handleInput(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),value:(s=this.value)!==null&&s!==void 0?s:this._value,"aria-describedby":this._descByIds,placeholder:(h=this.placeholder)!==null&&h!==void 0?h:v,rows:(e=this.rows)!==null&&e!==void 0?e:b,cols:this.cols}),a(this.message,this.showMessage)?t("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,t("db-infotext",{key:"cd978d641857528de8f5b45e5c835a5e5e40d2f6",size:"small",semantic:"successful",id:this._validMessageId},(d=this.validMessage)!==null&&d!==void 0?d:c),t("db-infotext",{key:"29176035e95cc91274d6ee06384ee4e131af6da3",size:"small",semantic:"critical",id:this._invalidMessageId},(u=(f=this.invalidMessage)!==null&&f!==void 0?f:(r=this._ref)===null||r===void 0?void 0:r.validationMessage)!==null&&u!==void 0?u:o),t("span",{key:"42a703d938ea2c635b23372a8dd782a1e1ea34ef","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}};export{p as db_textarea};
|
|
2
|
+
//# sourceMappingURL=p-223b1031.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as s}from"./p-1feee149.js";import{c as i,
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as s}from"./p-1feee149.js";import{c as i,j as e}from"./p-45bb9feb.js";const a=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);i.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const e=a.value.replace("hydrated","").trim();const o=t.getAttribute("class");t.setAttribute(a.name,`${o?`${o} `:""}${e}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(a.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"b27c5cfd908a8c0ff8b45c13eed0d6e9090e6571",class:i("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-hide-icon-before":e((t=this.showIcon)!==null&&t!==void 0?t:true)},this.text?this.text:s("slot",null))}};export{a as db_infotext};
|
|
2
|
+
//# sourceMappingURL=p-2f695fb2.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,c as i,h as t}from"./p-1feee149.js";import{u as a,
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,c as i,h as t}from"./p-1feee149.js";import{u as a,g as e,c as o}from"./p-45bb9feb.js";import{D as c}from"./p-af3834b6.js";const d=class{constructor(t){s(this,t);this.onToggle=i(this,"onToggle",7);this._id=c;this._open=false}toggle(s){s===null||s===void 0?void 0:s.preventDefault();const i=!this._open;if(this.onToggle){this.onToggle.emit(i)}this._open=i}enableAttributePassing(s,i){const t=s===null||s===void 0?void 0:s.closest(i);if(s&&t){const i=t.attributes;for(let a=0;a<i.length;a++){const e=i.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){s.setAttribute(e.name,e.value);t.removeAttribute(e.name)}if(e&&e.name==="class"){const i=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const o=s.getAttribute("class");s.setAttribute(e.name,`${o?`${o} `:""}${a}`);if(i){t.setAttribute("class","hydrated")}else{t.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion-item");this._id=this.id||"accordion-item-"+a();if(this.defaultOpen){this._open=this.defaultOpen}}render(){return t("li",{key:"7094e608b01a216da13c416ba6d6f845bc3554df",class:o("db-accordion-item",this.className),id:this._id},t("details",{key:"8eb8bc7f0741d7e03a79923407709d7451a1c423","aria-disabled":e(this.disabled),ref:s=>{this._ref=s},open:this._open},t("summary",{key:"7f531a785588b63c302c637416552171e88b310a",onClick:s=>this.toggle(s)},this.headlinePlain?this.headlinePlain:null,!this.headlinePlain?t("slot",{name:"headline"}):null),t("div",{key:"9a53a8b06d591360965973288075ab2b06968ac4"},this.text?this.text:t("slot",null))))}};export{d as db_accordion_item};
|
|
2
|
+
//# sourceMappingURL=p-300fb4ff.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,c as s,h as t,F as h}from"./p-1feee149.js";import{e,
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,c as s,h as t,F as h}from"./p-1feee149.js";import{e,f as a,s as d,u as l,c as n,j as o}from"./p-45bb9feb.js";import{i as c,h as f,c as u,d as r,e as v,f as b,a as p}from"./p-af3834b6.js";const m=class{constructor(t){i(this,t);this.onClick=s(this,"onClick",7);this.onInput=s(this,"onInput",7);this.onChange=s(this,"onChange",7);this.onBlur=s(this,"onBlur",7);this.onFocus=s(this,"onFocus",7);this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._placeholderId="";this._descByIds="";this._value="";this.initialized=false;this._voiceOverFallback=""}handleClick(i){if(this.onClick){this.onClick.emit(i)}}handleInput(i){if(this.onInput){this.onInput.emit(i)}if(this.input){this.input(i)}}handleChange(i){var s,t,h,l,n,o;if(this.onChange){this.onChange.emit(i)}if(this.change){this.change(i)}if(!((s=this._ref)===null||s===void 0?void 0:s.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;if(e()){this._voiceOverFallback=(l=(t=this.invalidMessage)!==null&&t!==void 0?t:(h=this._ref)===null||h===void 0?void 0:h.validationMessage)!==null&&l!==void 0?l:c;a((()=>this._voiceOverFallback=""),1e3)}}else if(this.validation==="valid"||((n=this._ref)===null||n===void 0?void 0:n.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(e()){this._voiceOverFallback=(o=this.validMessage)!==null&&o!==void 0?o:f;a((()=>this._voiceOverFallback=""),1e3)}}else if(d(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=this._placeholderId}}handleBlur(i){if(this.onBlur){this.onBlur.emit(i)}if(this.blur){this.blur(i)}}handleFocus(i){if(this.onFocus){this.onFocus.emit(i)}if(this.focus){this.focus(i)}}getOptionLabel(i){var s;return(s=i.label)!==null&&s!==void 0?s:i.value.toString()}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let h=0;h<s.length;h++){const e=s.item(h);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){i.setAttribute(e.name,e.value);t.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const h=e.value.replace("hydrated","").trim();const a=i.getAttribute("class");i.setAttribute(e.name,`${a?`${a} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(e.name)}}}}}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-select");this.initialized=true;const s=(i=this.id)!==null&&i!==void 0?i:`select-${l()}`;this._id=s;this._messageId=s+u;this._validMessageId=s+r;this._invalidMessageId=s+v;this._placeholderId=s+b}componentDidUpdate(){if(this._id&&this.initialized){const i=this._id+u;const s=this._id+b;this._messageId=i;this._validMessageId=this._id+r;this._invalidMessageId=this._id+v;this._placeholderId=s;if(d(this.message,this.showMessage)){this._descByIds=i}else{this._descByIds=s}this.initialized=false}this._value=this.value}render(){var i,s,e,a,l,u,r,v;return t("div",{key:"1c026d87264bbb7476188faed638bdff983b7257",class:n("db-select",this.className),"data-variant":this.variant,"data-hide-label":o(this.showLabel),"data-icon":this.icon,"data-hide-icon":o(this.showIcon)},t("label",{key:"6e05a86b0f2c78603141e9de2573e2c494924301",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:p),t("select",{key:"d3c4e34efd818c04def64f755bb3958205e54250","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},required:this.required,disabled:this.disabled,id:this._id,name:this.name,size:this.size,value:(s=this.value)!==null&&s!==void 0?s:this._value,autocomplete:this.autocomplete,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":this._descByIds},t("option",{key:"c6244178d81b998d7e25322b2dfca86d384f7df7",hidden:true}),this.options?(e=this.options)===null||e===void 0?void 0:e.map((i=>{var s;return t(h,null,i.options?t("optgroup",{label:this.getOptionLabel(i)},(s=i.options)===null||s===void 0?void 0:s.map((i=>t("option",{key:i.value.toString(),value:i.value,selected:i.selected,disabled:i.disabled},this.getOptionLabel(i))))):null,!i.options?t("option",{value:i.value,disabled:i.disabled,selected:i.selected},this.getOptionLabel(i)):null)})):null,t("slot",{key:"62937996853419228ae5738e077d4598b8691b0e"})),t("span",{key:"928d88490be50b727a7c47c54ad5fcc94b01f081",id:this._placeholderId},(a=this.placeholder)!==null&&a!==void 0?a:this.label),d(this.message,this.showMessage)?t("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,t("db-infotext",{key:"a4a0dbbc17cca2f44ac5800de5180a7c14638c5a",size:"small",semantic:"successful",id:this._validMessageId},(l=this.validMessage)!==null&&l!==void 0?l:f),t("db-infotext",{key:"2ba1ac947180675feddc7a1567aa9c68cf5ca319",size:"small",semantic:"critical",id:this._invalidMessageId},(v=(u=this.invalidMessage)!==null&&u!==void 0?u:(r=this._ref)===null||r===void 0?void 0:r.validationMessage)!==null&&v!==void 0?v:c),t("span",{key:"2fc22ca7ad620da602ea173665e7fee349bd6f98","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}};export{m as db_select};
|
|
2
|
+
//# sourceMappingURL=p-3958b712.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DBSelect","constructor","hostRef","this","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_placeholderId","_descByIds","_value","initialized","_voiceOverFallback","handleClick","event","onClick","emit","handleInput","onInput","input","handleChange","onChange","change","_a","_ref","validity","valid","validation","hasVoiceOver","_d","_b","invalidMessage","_c","validationMessage","DEFAULT_INVALID_MESSAGE","delay","_e","required","_f","validMessage","DEFAULT_VALID_MESSAGE","stringPropVisible","message","showMessage","handleBlur","onBlur","blur","handleFocus","onFocus","focus","getOptionLabel","option","label","value","toString","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","mId","id","uuid","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","DEFAULT_PLACEHOLDER_ID_SUFFIX","componentDidUpdate","messageId","placeholderId","render","h","key","class","cls","className","variant","getHideProp","showLabel","icon","showIcon","htmlFor","DEFAULT_LABEL","ref","el","disabled","size","autocomplete","hidden","options","map","Fragment","optgroupOption","selected","placeholder","messageIcon","semantic","_h","_g","role"],"sources":["src/components/select/select.tsx"],"sourcesContent":["import { DBSelectOptionType, DBSelectProps, DBSelectState } from \"./model\";\nimport {\n cls,\n delay,\n getHideProp,\n hasVoiceOver,\n stringPropVisible,\n uuid,\n} from \"../../utils\";\nimport {\n DEFAULT_INVALID_MESSAGE,\n DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n DEFAULT_LABEL,\n DEFAULT_MESSAGE_ID_SUFFIX,\n DEFAULT_PLACEHOLDER_ID_SUFFIX,\n DEFAULT_VALID_MESSAGE,\n DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n ChangeEvent,\n ClickEvent,\n InputEvent,\n InteractionEvent,\n} from \"../../shared/model\";\nimport {\n handleFrameworkEventAngular,\n handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport { Component, h, Fragment, Event, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n tag: \"db-select\",\n})\nexport class DBSelect {\n private _ref!: HTMLSelectElement | null;\n @Prop() id: DBSelectProps[\"id\"];\n @Prop() message: DBSelectProps[\"message\"];\n @Prop() showMessage: DBSelectProps[\"showMessage\"];\n @Prop() value: DBSelectProps[\"value\"];\n @Event() onClick: any;\n @Event() onInput: any;\n @Prop() input: DBSelectProps[\"input\"];\n @Event() onChange: any;\n @Prop() change: DBSelectProps[\"change\"];\n @Prop() validation: DBSelectProps[\"validation\"];\n @Prop() invalidMessage: DBSelectProps[\"invalidMessage\"];\n @Prop() required: DBSelectProps[\"required\"];\n @Prop() validMessage: DBSelectProps[\"validMessage\"];\n @Event() onBlur: any;\n @Prop() blur: DBSelectProps[\"blur\"];\n @Event() onFocus: any;\n @Prop() focus: DBSelectProps[\"focus\"];\n @Prop({attribute: \"classname\"}) className: DBSelectProps[\"className\"];\n @Prop() variant: DBSelectProps[\"variant\"];\n @Prop() showLabel: DBSelectProps[\"showLabel\"];\n @Prop() icon: DBSelectProps[\"icon\"];\n @Prop() showIcon: DBSelectProps[\"showIcon\"];\n @Prop() label: DBSelectProps[\"label\"];\n @Prop() disabled: DBSelectProps[\"disabled\"];\n @Prop() name: DBSelectProps[\"name\"];\n @Prop() size: DBSelectProps[\"size\"];\n @Prop() autocomplete: DBSelectProps[\"autocomplete\"];\n @Prop() options: DBSelectProps[\"options\"];\n\n @Prop() placeholder: DBSelectProps[\"placeholder\"];\n @Prop() messageIcon: DBSelectProps[\"messageIcon\"];\n @State() _id = undefined;\n @State() _messageId = undefined;\n @State() _validMessageId = undefined;\n @State() _invalidMessageId = undefined;\n @State() _placeholderId = \"\";\n @State() _descByIds = \"\";\n @State() _value = \"\";\n @State() initialized = false;\n @State() _voiceOverFallback = \"\";\n\n handleClick(event: ClickEvent<HTMLSelectElement>) {\n if (this.onClick) {\n this.onClick.emit(event);\n }\n }\n handleInput(event: InputEvent<HTMLSelectElement>) {\n if (this.onInput) {\n this.onInput.emit(event);\n }\n if (this.input) {\n this.input(event);\n }\n }\n handleChange(event: ChangeEvent<HTMLSelectElement>) {\n if (this.onChange) {\n this.onChange.emit(event);\n }\n if (this.change) {\n this.change(event);\n }\n /* For a11y reasons we need to map the correct message with the select */\n if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n this._descByIds = this._invalidMessageId;\n if (hasVoiceOver()) {\n this._voiceOverFallback =\n this.invalidMessage ??\n this._ref?.validationMessage ??\n DEFAULT_INVALID_MESSAGE;\n delay(() => (this._voiceOverFallback = \"\"), 1000);\n }\n } else if (\n this.validation === \"valid\" ||\n (this._ref?.validity.valid && this.required)\n ) {\n this._descByIds = this._validMessageId;\n if (hasVoiceOver()) {\n this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n delay(() => (this._voiceOverFallback = \"\"), 1000);\n }\n } else if (stringPropVisible(this.message, this.showMessage)) {\n this._descByIds = this._messageId;\n } else {\n this._descByIds = this._placeholderId;\n }\n }\n handleBlur(event: InteractionEvent<HTMLSelectElement>) {\n if (this.onBlur) {\n this.onBlur.emit(event);\n }\n if (this.blur) {\n this.blur(event);\n }\n }\n handleFocus(event: InteractionEvent<HTMLSelectElement>) {\n if (this.onFocus) {\n this.onFocus.emit(event);\n }\n if (this.focus) {\n this.focus(event);\n }\n }\n getOptionLabel(option: DBSelectOptionType) {\n return option.label ?? option.value.toString();\n }\n\n /**\n * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n * @param element the ref for the component\n * @param customElementSelector the custom element like `my-component`\n */\n private enableAttributePassing(\n element: HTMLSelectElement | null,\n customElementSelector: string\n ) {\n const parent = element?.closest(customElementSelector);\n if (element && parent) {\n const attributes = parent.attributes;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes.item(i);\n if (\n attr &&\n (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n ) {\n element.setAttribute(attr.name, attr.value);\n parent.removeAttribute(attr.name);\n }\n if (attr && attr.name === \"class\") {\n const isWebComponent = attr.value.includes(\"hydrated\");\n const value = attr.value.replace(\"hydrated\", \"\").trim();\n const currentClass = element.getAttribute(\"class\");\n element.setAttribute(\n attr.name,\n `${currentClass ? `${currentClass} ` : \"\"}${value}`\n );\n if (isWebComponent) {\n // Stencil is using this class for lazy loading component\n parent.setAttribute(\"class\", \"hydrated\");\n } else {\n parent.removeAttribute(attr.name);\n }\n }\n }\n }\n }\n\n componentDidLoad() {\n this.enableAttributePassing(this._ref, \"db-select\");\n this.initialized = true;\n const mId = this.id ?? `select-${uuid()}`;\n this._id = mId;\n this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n }\n\n componentDidUpdate() {\n if (this._id && this.initialized) {\n const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n const placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n this._messageId = messageId;\n this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n this._placeholderId = placeholderId;\n if (stringPropVisible(this.message, this.showMessage)) {\n this._descByIds = messageId;\n } else {\n this._descByIds = placeholderId;\n }\n this.initialized = false;\n }\n this._value = this.value;\n }\n\n render() {\n return (\n <div\n class={cls(\"db-select\", this.className)}\n data-variant={this.variant}\n data-hide-label={getHideProp(this.showLabel)}\n data-icon={this.icon}\n data-hide-icon={getHideProp(this.showIcon)}\n >\n <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n <select\n aria-invalid={this.validation === \"invalid\"}\n data-custom-validity={this.validation}\n ref={(el: any) => {\n this._ref = el;\n }}\n required={this.required}\n disabled={this.disabled}\n id={this._id}\n name={this.name}\n size={this.size}\n /* @ts-ignore */\nvalue={this.value ?? this._value}\n autocomplete={this.autocomplete}\n onInput={(event) => this.handleInput(event)}\n onClick={(event) => this.handleClick(event)}\n onChange={(event) => this.handleChange(event)}\n onBlur={(event) => this.handleBlur(event)}\n onFocus={(event) => this.handleFocus(event)}\n aria-describedby={this._descByIds}\n >\n <option hidden={true}></option>\n {this.options\n ? this.options?.map((option) => (\n <Fragment>\n {option.options ? (\n <optgroup label={this.getOptionLabel(option)}>\n {option.options?.map((optgroupOption) => (\n <option\n key={optgroupOption.value.toString()}\n value={optgroupOption.value}\n selected={optgroupOption.selected}\n disabled={optgroupOption.disabled}\n >\n {this.getOptionLabel(optgroupOption)}\n </option>\n ))}\n </optgroup>\n ) : null}\n {!option.options ? (\n <option\n value={option.value}\n disabled={option.disabled}\n selected={option.selected}\n >\n {this.getOptionLabel(option)}\n </option>\n ) : null}\n </Fragment>\n ))\n : null}\n <slot></slot>\n </select>\n <span id={this._placeholderId}>{this.placeholder ?? this.label}</span>\n {stringPropVisible(this.message, this.showMessage) ? (\n <db-infotext\n size=\"small\"\n icon={this.messageIcon}\n id={this._messageId}\n >\n {this.message}\n </db-infotext>\n ) : null}\n <db-infotext\n size=\"small\"\n semantic=\"successful\"\n id={this._validMessageId}\n >\n {this.validMessage ?? DEFAULT_VALID_MESSAGE}\n </db-infotext>\n <db-infotext\n size=\"small\"\n semantic=\"critical\"\n id={this._invalidMessageId}\n >\n {this.invalidMessage ??\n this._ref?.validationMessage ??\n DEFAULT_INVALID_MESSAGE}\n </db-infotext>\n <span data-visually-hidden=\"true\" role=\"status\">\n {this._voiceOverFallback}\n </span>\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as s}from"./p-1feee149.js";import{h as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as s}from"./p-1feee149.js";import{h as e,g as a,c as i}from"./p-45bb9feb.js";const o=class{constructor(s){t(this,s);this.initialized=false;this.isExpanded=false}handleAutoPlacement(){this.isExpanded=true;if(!this._ref)return;const t=this._ref.querySelector("article");if(!t)return;e(t)}handleLeave(t){const s=t.target;const e=s.parentNode;if(!e||s.parentNode.querySelector(":focus")!==s&&s.parentNode.querySelector(":focus-within")!==s&&s.parentNode.querySelector(":hover")!==s){this.isExpanded=false}}getTrigger(){var t;if(this._ref){const s=Array.from(this._ref.children);if(s.length>=2){const e=s[0];if(e.tagName.includes("-")){return((t=e.children)===null||t===void 0?void 0:t.length)>0?e.children[0]:null}else{return e}}}return null}enableAttributePassing(t,s){const e=t===null||t===void 0?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let a=0;a<s.length;a++){const i=s.item(a);if(i&&(i.name.startsWith("data-")||i.name.startsWith("aria-"))){t.setAttribute(i.name,i.value);e.removeAttribute(i.name)}if(i&&i.name==="class"){const s=i.value.includes("hydrated");const a=i.value.replace("hydrated","").trim();const o=t.getAttribute("class");t.setAttribute(i.name,`${o?`${o} `:""}${a}`);if(s){e.setAttribute("class","hydrated")}else{e.removeAttribute(i.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-popover");this.initialized=true}componentDidUpdate(){if(this._ref&&this.initialized){const t=this.getTrigger();if(t){t.ariaHasPopup="true"}this.initialized=false}if(this._ref){const t=this.getTrigger();if(t){t.ariaExpanded=Boolean(this.isExpanded).toString()}}}render(){var t;return s("div",{key:"959688fa0ba764ae73b1dc6c184aaf74c31d163c",class:i("db-popover",this.className),ref:t=>{this._ref=t},id:this.id,onFocus:()=>this.handleAutoPlacement(),onBlur:t=>this.handleLeave(t),onMouseEnter:()=>this.handleAutoPlacement(),onMouseLeave:t=>this.handleLeave(t)},s("slot",{key:"a4d9922139a48d24095791378175abca0b6bd53e",name:"trigger"}),s("article",{key:"dabb36120c1a3b7f56f723a18abadc539f4ef851",class:"db-popover-content","data-spacing":this.spacing,"data-gap":a(this.gap),"data-animation":a((t=this.animation)!==null&&t!==void 0?t:true),"data-open":this.open,"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},s("slot",{key:"c184bdeeaf5db986c6631b5cbd9a2dce4a8d3eec"})))}};export{o as db_popover};
|
|
2
|
+
//# sourceMappingURL=p-398c72a6.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const t=()=>{var t,o;if(typeof window!=="undefined"){if((t=window.crypto)===null||t===void 0?void 0:t.randomUUID){return window.crypto.randomUUID()}else if((o=window.crypto)===null||o===void 0?void 0:o.getRandomValues){return window.crypto.getRandomValues(new Uint32Array(3)).join("-")}}return Math.random().toString().substring(2)};const o=(t,n)=>{const e=t.children;Object.values(e).forEach((t=>{t.setAttribute(n.key,n.value);if(t.children.length>0){o(t,n)}}))};const n=(...t)=>{let o="";for(const n of t){if(n){if(typeof n==="string"){o+=`${n} `}else{for(const t in n){if(n[t]){o+=`${t} `}}}}}return o.trim()};const e=t=>{const{left:o,right:n}=t.getBoundingClientRect();const{innerWidth:e}=window;return o>=0&&n<=e};const i=t=>{const{top:o,bottom:n}=t.getBoundingClientRect();const{innerHeight:e}=window;return o>=0&&n<=e};const s=t=>{var o;const{top:n,bottom:e,left:i,right:s}=t.getBoundingClientRect();const{innerHeight:d,innerWidth:r}=window;let u=n<0;let a=e>d;let f=i<0;let c=s>r;const l=t.hasAttribute("data-outside-vy");const w=t.hasAttribute("data-outside-vx");const v=(o=t===null||t===void 0?void 0:t.parentElement)===null||o===void 0?void 0:o.getBoundingClientRect();if(v){if(l){const o=t.getAttribute("data-outside-vy");if(o==="top"){u=v.top-(e-v.bottom)<0}else{a=v.bottom+(v.top-n)>d}}if(w){const o=t.getAttribute("data-outside-vx");if(o==="left"){f=v.left-(s-v.right)<0}else{c=v.right+(v.left-i)>r}}}return{outTop:u,outBottom:a,outLeft:f,outRight:c}};const d=t=>{const{outTop:o,outBottom:n,outLeft:e,outRight:i}=s(t);let d={};if(o||n){d={vy:o?"top":"bottom"};t.setAttribute("data-outside-vy",d.vy)}else{t.removeAttribute("data-outside-vy")}if(e||i){d=Object.assign(Object.assign({},d),{vx:i?"right":"left"});t.setAttribute("data-outside-vx",d.vx)}else{t.removeAttribute("data-outside-vx")}return d};const r=t=>Array.isArray(t)&&t.every((t=>typeof t==="string"));const u=["Mac","iPhone","iPad","iPod"];const a=()=>typeof window!=="undefined"&&u.some((t=>window.navigator.userAgent.includes(t)));const f=(t,o)=>new Promise((()=>setTimeout(t,o)));const c=t=>{if(t){return String(t)}return t};const l=t=>{if(t===undefined||t===null){return undefined}return c(!t)};const w=(t,o)=>{if(o===undefined){return!!t}else{return o&&t}};export{o as a,i as b,n as c,r as d,a as e,f,c as g,d as h,s as i,l as j,w as s,t as u,e as v};
|
|
2
|
+
//# sourceMappingURL=p-45bb9feb.js.map
|