@uh-design-system/component-library 1.4.0-rc.1 → 1.4.0-rc.3

package/dist/components/ds-spinner.js

@@ -1,6 +1 @@
-import { D as DsSpinner$1, d as defineCustomElement$1 } from './p-KU9nm6J4.js';
-
-const DsSpinner = DsSpinner$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsSpinner, defineCustomElement };
+import{D as o,d as s}from"./p-DLh_CSNT.js";const p=o,r=s;export{p as DsSpinner,r as defineCustomElement}

package/dist/components/ds-store.js

@@ -1,57 +1 @@
-import { p as proxyCustomElement, H, c as createEvent } from './p-DaqCt6bT.js';
-import { d as defaultLanguage, i as initialize, s as setLanguage, g as getLanguage } from './p-BiwrhYeU.js';
-
-const DsStore$1 = proxyCustomElement(class DsStore extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.dsLanguageChange = createEvent(this, "dsLanguageChange");
-    }
-    dsLanguage = defaultLanguage;
-    dsLanguageChange;
-    componentWillLoad() {
-        initialize({
-            language: this.dsLanguage,
-        });
-    }
-    dsLanguageObserver(newLanguage) {
-        setLanguage(newLanguage);
-        this.dsLanguageChange.emit(newLanguage);
-    }
-    async setLanguage(language) {
-        this.dsLanguage = language;
-        setLanguage(language);
-    }
-    async getLanguage() {
-        return getLanguage();
-    }
-    static get watchers() { return {
-        "dsLanguage": ["dsLanguageObserver"]
-    }; }
-}, [0, "ds-store", {
-        "dsLanguage": [1537, "ds-language"],
-        "setLanguage": [64],
-        "getLanguage": [64]
-    }, undefined, {
-        "dsLanguage": ["dsLanguageObserver"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-store"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-store":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsStore$1);
-            }
-            break;
-    } });
-}
-
-const DsStore = DsStore$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsStore, defineCustomElement };
+import{p as s,H as e,c as a,t as g}from"./p-DZOTmLzP.js";import{d as t,i as n,s as u,g as r}from"./p-CHu0W_4n.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsLanguageChange=a(this,"dsLanguageChange",7)}dsLanguage=t;dsLanguageChange;componentWillLoad(){n({language:this.dsLanguage})}dsLanguageObserver(s){u(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,u(s)}async getLanguage(){return r()}static get watchers(){return{dsLanguage:[{dsLanguageObserver:0}]}}},[512,"ds-store",{dsLanguage:[1537,"ds-language"],setLanguage:[64],getLanguage:[64]},void 0,{dsLanguage:[{dsLanguageObserver:0}]}]),d=o,L=function(){"undefined"!=typeof customElements&&["ds-store"].forEach((s=>{"ds-store"===s&&(customElements.get(g(s))||customElements.define(g(s),o))}))};export{d as DsStore,L as defineCustomElement}

package/dist/components/ds-tab.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsTab extends Components.DsTab, HTMLElement {}
+export const DsTab: {
+    prototype: DsTab;
+    new (): DsTab;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ds-tab.js

@@ -0,0 +1 @@
+import{D as o,d as s}from"./p-C6MunAAm.js";const m=o,p=s;export{m as DsTab,p as defineCustomElement}

package/dist/components/ds-tablist.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsTablist extends Components.DsTablist, HTMLElement {}
+export const DsTablist: {
+    prototype: DsTablist;
+    new (): DsTablist;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ds-tablist.js

@@ -0,0 +1 @@
+import{p as t,M as s,c as a,h as e,t as i}from"./p-DZOTmLzP.js";import{c as r}from"./p-BfTCfPZ1.js";import{c as d}from"./p-ByHAbBpc.js";import{t as o,e as l,a as n,d as b}from"./p-J5Ghj1_T.js";import{t as c}from"./p-t2gGbeQx.js";import{d as h}from"./p-NoqVzqGs.js";import{d as _}from"./p-CeglrwZj.js";import{d as u}from"./p-DLh_CSNT.js";import{d as m}from"./p-C6MunAAm.js";import{d as f}from"./p-DCn1Mkl6.js";const p=t(class extends(s(c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsTabChange=a(this,"dsTabChange",7)}get el(){return this}RESIZE_THROTTLE_TIMEOUT=100;scrollableElement;backwardButtonElement;forwardButtonElement;dsTabChange;dsAriaLabel;dsAriaLabelledby;showBackwardButton=!1;showForwardButton=!1;get DsTab(){return o("ds-tab","ds-tablist",this.el)}get DsButton(){return o("ds-button","ds-tablist",this.el)}setButtonsVisibility=t=>{if(!t)return;const{scrollLeft:s,scrollWidth:a,clientWidth:e}=t;this.showBackwardButton=s>0,this.showForwardButton=Math.round(s+e)<a};throttledSetButtonsVisibility=l(this.setButtonsVisibility,this.RESIZE_THROTTLE_TIMEOUT);async tabConnected(){this.setButtonsVisibility(this.scrollableElement)}async tabDisconnected(){this.setButtonsVisibility(this.scrollableElement)}handleResize(){this.throttledSetButtonsVisibility(this.scrollableElement)}handleTabClick(t){t.stopPropagation(),t.detail.tabId!==this.context?.currentTab&&this.dsTabChange.emit(t.detail)}scrollTabIntoView=t=>{if(!this.scrollableElement)return;const s=t.querySelector('[role="tab"]');if(!s)return;const a=this.backwardButtonElement&&!this.backwardButtonElement.hidden?this.backwardButtonElement.offsetWidth:0,e=this.forwardButtonElement&&!this.forwardButtonElement.hidden?this.forwardButtonElement.offsetWidth:0,{left:i,right:r}=this.scrollableElement.getBoundingClientRect(),{left:d,right:o}=s.getBoundingClientRect();let l=this.scrollableElement.scrollLeft;d<i+a+16?l-=i+a+16-d:o>r-e-16&&(l+=o-(r-e-16)),this.scrollableElement.scrollTo({left:Math.max(0,Math.min(l,this.scrollableElement.scrollWidth-this.scrollableElement.clientWidth)),behavior:"auto"})};handleTabFocus(t){t.stopPropagation(),this.scrollTabIntoView(t.target)}handleKeyDown=t=>{t.stopPropagation();const s=t.target.closest(this.DsTab),a=Array.from(this.el.querySelectorAll(this.DsTab)),e=a.indexOf(s);if(-1===e)return;let i=0;switch(t.key){case"Enter":case" ":if(this.context?.currentTab===a[e].dsId)return;return void this.dsTabChange.emit({tabId:a[e].dsId,tabPanelId:a[e].dsTabPanelId});case"ArrowRight":i=(e+1)%a.length;break;case"ArrowLeft":i=(e-1+a.length)%a.length;break;case"Home":i=0;break;case"End":i=a.length-1;break;default:return}t.preventDefault(),t.stopPropagation(),a[i].setFocus()};handleScroll=t=>{this.setButtonsVisibility(t.target)};handleButtonClick=t=>{if(!this.scrollableElement)return;const s=.8*this.scrollableElement.clientWidth;this.scrollableElement.scrollTo({left:"backward"===t?this.scrollableElement.scrollLeft-s:this.scrollableElement.scrollLeft+s,behavior:"smooth"})};connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.setButtonsVisibility(this.scrollableElement)}disconnectedCallback(){super.disconnectedCallback(),this.el.removeEventListener("keydown",this.handleKeyDown)}renderButton=t=>{const s=d("ds-tablist");return e(this.DsButton,{class:s+"__button__ds-button",onClick:()=>this.handleButtonClick(t),dsAriaHidden:!0,dsTabIndex:-1,dsVariant:"supplementary",dsColour:"black",dsIcon:"backward"===t?"chevron_backward":"chevron_forward"})};render(){const t=d("ds-tablist"),s=t+"__scrollable",a=t+"__button";return e("div",{key:"0b8939092cebd964f1d059c39e96356c9667b30b",class:t},e("div",{key:"95df4f0c08c9d7683b7ad33c619f6316a01645bd",ref:t=>this.scrollableElement=t,class:r(s,{[s+"--container"]:"container"===this.context?.variant,[s+"--line"]:"line"===this.context?.variant}),role:"tablist",...n("aria-label",this.dsAriaLabel),...n("aria-labelledby",this.dsAriaLabelledby),onScroll:this.handleScroll},e("slot",{key:"4f8a069e168c9de0387347d08c618abd0b6167a6"})),e("div",{key:"53fb3cbeca8828a5e8cb29252b62458902b2d292",ref:t=>this.backwardButtonElement=t,class:r(a,a+"--backward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showBackwardButton},this.renderButton("backward")),e("div",{key:"4a4b57eb33f521de240bb884252b0c557c03e7be",ref:t=>this.forwardButtonElement=t,class:r(a,a+"--forward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showForwardButton},this.renderButton("forward")))}static get style(){return'.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__KmYz6O.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__scrollable.sc-ds-tablist:focus,.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button--backward.sc-ds-tablist{left:0}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button--forward.sc-ds-tablist{right:0}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button--container.ds-tablist__KmYz6O__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button--container.ds-tablist__KmYz6O__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button[hidden].sc-ds-tablist{display:none}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button__ds-button.sc-ds-tablist{width:100%;height:100%}'}},[774,"ds-tablist",{dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],context:[32],showBackwardButton:[32],showForwardButton:[32],tabConnected:[64],tabDisconnected:[64]},[[9,"resize","handleResize"],[0,"dsTabClick","handleTabClick"],[0,"dsTabFocus","handleTabFocus"]]]);b([e("ds-tab",{dsId:"",dsTabPanelId:""}),e("ds-button",null)]);const v=p,g=function(){"undefined"!=typeof customElements&&["ds-tablist","ds-button","ds-icon","ds-spinner","ds-tab","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-tablist":customElements.get(i(t))||customElements.define(i(t),p);break;case"ds-button":customElements.get(i(t))||h();break;case"ds-icon":customElements.get(i(t))||_();break;case"ds-spinner":customElements.get(i(t))||u();break;case"ds-tab":customElements.get(i(t))||m();break;case"ds-visually-hidden":customElements.get(i(t))||f()}}))};export{v as DsTablist,g as defineCustomElement}

package/dist/components/ds-tabpanel.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsTabpanel extends Components.DsTabpanel, HTMLElement {}
+export const DsTabpanel: {
+    prototype: DsTabpanel;
+    new (): DsTabpanel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ds-tabpanel.js

@@ -0,0 +1 @@
+import{p as d,M as a,h as s,t as e}from"./p-DZOTmLzP.js";import{c as t}from"./p-ByHAbBpc.js";import{t as n}from"./p-t2gGbeQx.js";import{c as i}from"./p-BfTCfPZ1.js";const l=d(class extends(a(n)){constructor(d){super(!1),!1!==d&&this.__registerHost()}get el(){return this}dsId;dsTabId;dsPadded=!0;render(){const d=t("ds-tabpanel");return s("div",{key:"02cfe60faa9a5482863fd37c36fe8280065c63c2",id:this.dsId,class:i(d,{[d+"--container"]:"container"===this.context?.variant,[d+"--padded"]:this.dsPadded}),role:"tabpanel",hidden:this.context?.currentTabPanel!==this.dsId,"aria-labelledby":this.dsTabId},s("slot",{key:"180822110e02fc238cc144ca5028eb64d2b365dc"}))}static get style(){return".ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__KmYz6O.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__KmYz6O--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__KmYz6O--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__KmYz6O--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__KmYz6O--container.ds-tabpanel__KmYz6O--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__KmYz6O--container.ds-tabpanel__KmYz6O--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__KmYz6O[hidden].sc-ds-tabpanel{display:none}"}},[774,"ds-tabpanel",{dsId:[1,"ds-id"],dsTabId:[1,"ds-tab-id"],dsPadded:[4,"ds-padded"],context:[32]}]),r=l,o=function(){"undefined"!=typeof customElements&&["ds-tabpanel"].forEach((d=>{"ds-tabpanel"===d&&(customElements.get(e(d))||customElements.define(e(d),l))}))};export{r as DsTabpanel,o as defineCustomElement}

package/dist/components/ds-tabs.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsTabs extends Components.DsTabs, HTMLElement {}
+export const DsTabs: {
+    prototype: DsTabs;
+    new (): DsTabs;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ds-tabs.js

@@ -0,0 +1 @@
+import{p as t,H as s,h as a,t as e}from"./p-DZOTmLzP.js";import{c as n}from"./p-ByHAbBpc.js";import{s as r,p as d}from"./p-C9U2JkHS.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleTabChange(t){t.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const t=this.createContext();r(this.el,t)};updateContext=()=>{const t=this.createContext();d(this.el,t)};componentWillLoad(){this.storeContext()}componentDidUpdate(){this.updateContext()}render(){const t=n("ds-tabs");return a("div",{key:"8d1dd34db51da0c57559334cc3702ac2f8874eb4",class:t},a("slot",{key:"33780bd8adb124f21410b823712bff55c2c6ff2d"}))}static get style(){return".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__KmYz6O.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}"}},[774,"ds-tabs",{dsCurrentTab:[1,"ds-current-tab"],dsCurrentTabPanel:[1,"ds-current-tab-panel"],dsVariant:[1,"ds-variant"]},[[0,"dsTabChange","handleTabChange"]]]),i=o,b=function(){"undefined"!=typeof customElements&&["ds-tabs"].forEach((t=>{"ds-tabs"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))};export{i as DsTabs,b as defineCustomElement}

package/dist/components/ds-tag-group.js

@@ -1,73 +1 @@
-import { p as proxyCustomElement, H, h } from './p-DaqCt6bT.js';
-import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-nu9LDvw9.js';
-import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { d as defineCustomElement$3 } from './p-BBeZy2di.js';
-import { d as defineCustomElement$2 } from './p-bvESPDLQ.js';
-
-const dsTagGroupCss = ".ds-tag-group__MGLLcm__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";
-
-const tagGroupIdGenerator = idGenerator('ds-tag-group');
-const DsTagGroup$1 = proxyCustomElement(class DsTagGroup extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    tagGroupId = tagGroupIdGenerator.next().value;
-    assistiveTextId = `${this.tagGroupId}-assistive-text`;
-    inheritedAttributes = {};
-    get el() { return this; }
-    dsLabel;
-    dsAriaLabel;
-    dsAssistiveText;
-    componentWillLoad() {
-        this.inheritedAttributes = {
-            ...inheritAttributes(this, this.el),
-            ...inheritAriaAttributes(this.el, ['aria-describedby']),
-        };
-    }
-    render() {
-        const baseClass = cx('ds-tag-group');
-        const DsGroupLabel = transformTagName('ds-group-label', 'ds-tag-group', this.el);
-        const { ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
-        const ariaDescribedBy = [!!this.dsAssistiveText && this.assistiveTextId].filter(Boolean).join(' ');
-        const ariaLabel = this.dsAriaLabel || attrAriaLabel || this.dsLabel;
-        return (h("div", { key: 'ee16fff7ff64a4875ab3498b62b6931e9da237d2', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, h(DsGroupLabel, { key: 'd1b371536759a7dbfc875c50044b9ea73057ae6f', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, h("slot", { key: 'a44a327d8b6b0b82a6ae9e82d0f0d9b31b263ede', name: "label" }), h("slot", { key: '644f840a3910ca10ac6a105d6c821c9b825fe8c2', name: "assistiveText" })), h("div", { key: '78624b38d7b19433ef54b120a3c3590db538ccec', role: "list", class: `${baseClass}__tags` }, h("slot", { key: '725fc438b3050a584cbb0c6c6fa2a353568c3647' }))));
-    }
-    static get style() { return dsTagGroupCss; }
-}, [262, "ds-tag-group", {
-        "dsLabel": [1, "ds-label"],
-        "dsAriaLabel": [1, "ds-aria-label"],
-        "dsAssistiveText": [1, "ds-assistive-text"]
-    }]);
-declareComponentDependencies([h("ds-group-label", null)]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-tag-group", "ds-assistive-text", "ds-group-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-tag-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsTagGroup$1);
-            }
-            break;
-        case "ds-assistive-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-group-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsTagGroup = DsTagGroup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsTagGroup, defineCustomElement };
+import{p as s,H as e,h as t,t as a}from"./p-DZOTmLzP.js";import{i,t as d,a as r,d as l}from"./p-J5Ghj1_T.js";import{c as o}from"./p-ByHAbBpc.js";import{i as c,a as b}from"./p-BecId8t2.js";import{d as p}from"./p-BLLtctJi.js";import{d as n}from"./p-DZ3YQKK6.js";const g=i("ds-tag-group"),m=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}tagGroupId=g.next().value;assistiveTextId=this.tagGroupId+"-assistive-text";inheritedAttributes={};get el(){return this}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...b(this,this.el),...c(this.el,["aria-describedby"])}}render(){const s=o("ds-tag-group"),e=d("ds-group-label","ds-tag-group",this.el),{"aria-label":a,...i}=this.inheritedAttributes,l=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return t("div",{key:"506cb8b9335b5cdbf8dcd67e1ac09b523dbc7c71",class:s,role:"group",...r("aria-label",this.dsAriaLabel||a||this.dsLabel),...r("aria-describedby",l),...i},t(e,{key:"cfbd992d2f91d68192e511d61dbfd88cf1fc5cb5",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},t("slot",{key:"00fdecc8b0e2fbe3b57b9dd59803bb8e84c604c1",name:"label"}),t("slot",{key:"209aa3a2a855dfa78e2f776d01472c9bb08d049d",name:"assistiveText"})),t("div",{key:"0bfdd460d007fc112e931770e41c593b874692dc",role:"list",class:s+"__tags"},t("slot",{key:"87b3169b5eb8eb25f83889f533005c738fadee7e"})))}static get style(){return".ds-tag-group__KmYz6O__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}"}},[774,"ds-tag-group",{dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAssistiveText:[1,"ds-assistive-text"]}]);l([t("ds-group-label",null)]);const u=m,f=function(){"undefined"!=typeof customElements&&["ds-tag-group","ds-assistive-text","ds-group-label"].forEach((s=>{switch(s){case"ds-tag-group":customElements.get(a(s))||customElements.define(a(s),m);break;case"ds-assistive-text":customElements.get(a(s))||p();break;case"ds-group-label":customElements.get(a(s))||n()}}))};export{u as DsTagGroup,f as defineCustomElement}

package/dist/components/ds-tag.js

@@ -1,6 +1 @@
-import { D as DsTag$1, d as defineCustomElement$1 } from './p-BqwR7_jH.js';
-
-const DsTag = DsTag$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsTag, defineCustomElement };
+import{D as o,d as s}from"./p-HcAhEBY0.js";const p=o,r=s;export{p as DsTag,r as defineCustomElement}

package/dist/components/ds-text-area.js

@@ -1,342 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment } from './p-DaqCt6bT.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { p as characterOverage, q as tooLong, u as charactersRemaining, g as getRequiredText, a as getOptionalText, v as validityMessage } from './p-BnNKl24s.js';
-import { i as idGenerator, b as debounce, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { c as cx } from './p-nu9LDvw9.js';
-import { b as FEEDBACK_SET_TIMEOUT } from './p-BT1Kxodd.js';
-import { d as defineCustomElement$7 } from './p-BBeZy2di.js';
-import { d as defineCustomElement$6 } from './p-DZtdqGZv.js';
-import { d as defineCustomElement$5 } from './p-qpKlR6YQ.js';
-import { d as defineCustomElement$4 } from './p-C0tiltnd.js';
-import { d as defineCustomElement$3 } from './p-QWTtFnF3.js';
-import { d as defineCustomElement$2 } from './p-dwuHGzKc.js';
-
-const dsTextAreaCss = ".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area,.ds-text-area__MGLLcm.sc-ds-text-area,.ds-text-area__MGLLcm.sc-ds-text-area .sc-ds-text-area:where([class*=__MGLLcm]){all:unset;box-sizing:border-box}.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__MGLLcm__container--full-width){width:100%}.ds-text-area__MGLLcm.sc-ds-text-area{display:block}.ds-text-area__MGLLcm__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__MGLLcm__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__MGLLcm__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid.ds-text-area__MGLLcm__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__MGLLcm__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__MGLLcm__container--valid.sc-ds-text-area:hover:not(.ds-text-area__MGLLcm__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__MGLLcm__container--valid.ds-text-area__MGLLcm__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__MGLLcm__container--readonly.sc-ds-text-area,.ds-text-area__MGLLcm__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__MGLLcm__container.sc-ds-text-area:focus-within:not(.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--valid.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__MGLLcm__container.sc-ds-text-area:hover:not(.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--disabled,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--readonly.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--active.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--valid.sc-ds-text-area,.ds-text-area__MGLLcm__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__MGLLcm__container.active.sc-ds-text-area:not(.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--disabled,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--readonly.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__MGLLcm__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__MGLLcm__external-button.sc-ds-text-area,.ds-text-area__MGLLcm.sc-ds-text-area-s>[slot=suffix],.ds-text-area__MGLLcm .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__MGLLcm__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__MGLLcm__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__MGLLcm__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__MGLLcm__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__MGLLcm__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__MGLLcm__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__MGLLcm__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__MGLLcm__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__MGLLcm__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__MGLLcm__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__MGLLcm__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__MGLLcm__textarea--resize-auto.sc-ds-text-area,.ds-text-area__MGLLcm__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__MGLLcm__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__MGLLcm__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__MGLLcm__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__MGLLcm__textarea--full-width.sc-ds-text-area{width:100%}";
-
-const textareaIdGenerator = idGenerator('ds-text-area');
-const DsTextArea$1 = proxyCustomElement(class DsTextArea extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.dsChange = createEvent(this, "dsChange");
-        this.dsInput = createEvent(this, "dsInput");
-        this.dsSubmitInvalid = createEvent(this, "dsSubmitInvalid");
-        this.dsValidity = createEvent(this, "dsValidity");
-    }
-    inheritedAttributes = {};
-    textareaElement;
-    assistiveTextId;
-    visuallyHiddenAssistiveTextId;
-    errorTextId;
-    successTextId;
-    get el() { return this; }
-    dsChange;
-    dsInput;
-    dsSubmitInvalid;
-    dsValidity;
-    dsForm;
-    dsLabel;
-    dsPlaceholder;
-    dsId = textareaIdGenerator.next().value;
-    dsName = this.dsId;
-    dsDisabled;
-    dsOptional;
-    dsRequired;
-    dsReadonly;
-    dsValue;
-    dsOptionalText;
-    dsResizing = 'both';
-    dsAriaLabel;
-    dsAriaLabelledby;
-    dsAriaDescribedby;
-    dsErrorText;
-    dsSuccessText;
-    dsAssistiveText;
-    dsHiddenAssistiveText;
-    dsCharacterLimit;
-    dsFullWidth = false;
-    hasFocus = false;
-    textareaActive = false;
-    wasInvalidOnBlur = false;
-    characterCount = 0;
-    internalValue = '';
-    hiddenCharacterCountText = '';
-    setIds = () => {
-        this.assistiveTextId = `${this.dsId}-assistive-text`;
-        this.visuallyHiddenAssistiveTextId = `${this.dsId}-visually-hidden-assistive-text`;
-        this.errorTextId = `${this.dsId}-error-text`;
-        this.successTextId = `${this.dsId}-success-text`;
-    };
-    async setFocus() {
-        const textarea = this.el.querySelector('textarea');
-        textarea?.focus();
-    }
-    async checkValidity() {
-        const textarea = this.el.querySelector('textarea');
-        return textarea?.checkValidity();
-    }
-    async clearTextarea() {
-        this.internalValue = '';
-        const textarea = this.el.querySelector('textarea');
-        if (textarea) {
-            textarea.value = '';
-        }
-    }
-    internalValueObserver(value) {
-        this.characterCount = value.length;
-        this.validateCharacterCount(this.characterCount);
-    }
-    valueObserver(value) {
-        this.internalValue = value || '';
-        this.adjustTextareaHeight();
-    }
-    characterLimitObserver() {
-        this.validateCharacterCount(this.characterCount);
-    }
-    ariaAttributeObserver(newValue, _oldValue, propName) {
-        this.inheritedAttributes = {
-            ...this.inheritedAttributes,
-            [propName]: newValue,
-        };
-        forceUpdate(this);
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = {
-            ...inheritAttributes(this, this.el, ['id']),
-            ...inheritAriaAttributes(this.el, ['aria-invalid']),
-        };
-        this.setIds();
-        this.internalValue = this.dsValue || '';
-        if (this.dsCharacterLimit) {
-            this.validateCharacterCount(this.characterCount);
-        }
-    }
-    componentDidLoad() {
-        this.adjustTextareaHeight();
-    }
-    disconnectedCallback() {
-        this.setHiddenCharacterCountText?.cancel();
-    }
-    setHiddenCharacterCountText = debounce((text) => {
-        this.hiddenCharacterCountText = text;
-    }, FEEDBACK_SET_TIMEOUT);
-    validateCharacterCount = (count) => {
-        if (!this.dsCharacterLimit)
-            return;
-        if (count > this.dsCharacterLimit) {
-            const overage = count - this.dsCharacterLimit;
-            this.setHiddenCharacterCountText(characterOverage(overage));
-            this.textareaElement?.setCustomValidity(tooLong());
-        }
-        else {
-            const remaining = this.dsCharacterLimit - count;
-            this.setHiddenCharacterCountText(charactersRemaining(remaining));
-            this.textareaElement?.setCustomValidity('');
-        }
-    };
-    adjustTextareaHeight = () => {
-        if (this.dsResizing === 'auto' && this.textareaElement) {
-            this.textareaElement.style.height = 'auto';
-            this.textareaElement.style.height = `${this.textareaElement.scrollHeight}px`;
-        }
-    };
-    getLabelText = () => {
-        if (this.dsRequired) {
-            return getRequiredText(this.dsLabel);
-        }
-        if (this.dsOptional) {
-            return getOptionalText(this.dsLabel, this.dsOptionalText);
-        }
-        return this.dsLabel;
-    };
-    getValidityMessage = (key) => {
-        return key === 'customError' ? this.textareaElement?.validationMessage : validityMessage(key);
-    };
-    handleFocus = () => {
-        this.hasFocus = true;
-    };
-    handleBlur = () => {
-        this.hasFocus = false;
-        const validityState = this.textareaElement?.validity;
-        for (const key in validityState) {
-            if (validityState[key]) {
-                this.wasInvalidOnBlur = key !== 'valid';
-                this.dsValidity.emit({
-                    flag: key,
-                    message: this.getValidityMessage(key),
-                });
-                break;
-            }
-        }
-    };
-    handleInvalid = (e) => {
-        e.preventDefault();
-        const validityState = this.textareaElement?.validity;
-        for (const key in validityState) {
-            if (validityState[key]) {
-                this.dsSubmitInvalid.emit({
-                    flag: key,
-                    message: this.getValidityMessage(key),
-                });
-                break;
-            }
-        }
-    };
-    handleInput = (e) => {
-        const target = e.target;
-        this.internalValue = target.value;
-        this.dsInput.emit({ event: e, value: this.internalValue });
-        this.dsChange.emit({ value: this.internalValue });
-        if (this.dsCharacterLimit) {
-            this.validateCharacterCount(this.characterCount);
-        }
-        this.adjustTextareaHeight();
-        if (this.dsErrorText || this.wasInvalidOnBlur) {
-            const validityState = this.textareaElement?.validity;
-            for (const key in validityState) {
-                if (validityState[key]) {
-                    this.dsValidity.emit({
-                        flag: key,
-                        message: this.getValidityMessage(key),
-                    });
-                    break;
-                }
-            }
-        }
-    };
-    handleTextareaContainerClick() {
-        this.textareaElement.focus();
-    }
-    render() {
-        const DsInputValidity = transformTagName('ds-input-validity', 'ds-text-area', this.el);
-        const DsControlLabel = transformTagName('ds-control-label', 'ds-text-area', this.el);
-        const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-text-area', this.el);
-        const baseClass = cx('ds-text-area');
-        const containerClass = `${baseClass}__container`;
-        const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ['aria-describedby']: attrAriaDescribedby, ...restAttributes } = this.inheritedAttributes;
-        const ariaLabel = this.dsAriaLabel || attrAriaLabel;
-        const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (h(Fragment, { key: '96a12866718d05b8d0bcec52ae110b47ecb87087' }, h(DsControlLabel, { key: '37329da40f540d2a03198b983cc8f1f8c652b907', dsHtmlFor: this.dsId, dsLabel: this.getLabelText(), dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId }, h("slot", { key: 'e14d89ddcd0350757d7eabf6f858817f947ec718', name: "label" }), h("slot", { key: 'f30fb8640e9a7cfb09ca2db3a798afa691e0206c', name: "assistiveText" })), h("div", { key: '0bf1214ac9652c40f4e8958943bd900757d8ecad', onMouseDown: () => (this.textareaActive = true), onMouseUp: () => (this.textareaActive = false), onClick: () => this.handleTextareaContainerClick(), class: classNames(containerClass, {
-                [`${containerClass}--disabled`]: this.dsDisabled,
-                [`${containerClass}--readonly`]: this.dsReadonly,
-                [`${containerClass}--valid`]: !!this.dsSuccessText,
-                [`${containerClass}--invalid`]: !!this.dsErrorText,
-                [`${containerClass}--focus`]: this.hasFocus,
-                [`${containerClass}--active`]: !!this.textareaActive,
-                [`${containerClass}--full-width`]: this.dsFullWidth,
-            }) }, h("textarea", { key: 'e33eed220489e8ae118e34dbeaf0c9e27ed9648c', ref: e => (this.textareaElement = e), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, value: this.dsValue !== undefined ? this.dsValue : this.internalValue, placeholder: this.dsPlaceholder, readonly: this.dsReadonly, required: this.dsRequired, class: classNames(`${baseClass}__textarea`, `${baseClass}__textarea--resize-${this.dsResizing}`, {
-                [`${baseClass}__textarea--full-width`]: this.dsFullWidth,
-            }), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
-                classNames({
-                    [this.assistiveTextId]: !!this.dsAssistiveText,
-                    [this.visuallyHiddenAssistiveTextId]: !!this.dsHiddenAssistiveText,
-                    [this.errorTextId]: !!this.dsErrorText,
-                    [this.successTextId]: !!this.dsSuccessText,
-                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes })), h("div", { key: 'd817515bf8c7089ba8971ccc8fe0c9328b8d8d8f', class: classNames(`${baseClass}__validity-container`, {
-                [`${baseClass}__validity-container--has-character-limit`]: !!this.dsCharacterLimit,
-            }) }, h("slot", { key: '831db886d20b7c862f3d834b0a6475dc330731f2', name: "validity" }, h(DsInputValidity, { key: '60bcedf145d0bc46b0598589fdf6a3a71fe3386b', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "assertive" }, this.dsCharacterLimit && h(DsVisuallyHidden, { key: '1c0c58e5199e82e0f4c84484238765de8b61e9cd', dsTag: "span" }, this.hiddenCharacterCountText)), h(DsInputValidity, { key: '025c80d7426db961e2da7ac502a67e8284ffbbdb', id: this.successTextId, dsText: this.dsSuccessText, dsType: "success" })), this.dsCharacterLimit && (h("div", { key: 'be82d462f7e9090e600b58beb21596082d016f2d', class: classNames(`${baseClass}__character-count`, {
-                [`${baseClass}__character-count--over-limit`]: this.characterCount > this.dsCharacterLimit,
-            }) }, h("small", { key: '87fab68a27cbb9cbde84b88247d0a3f26775992d' }, this.characterCount, "/", this.dsCharacterLimit))))));
-    }
-    static get formAssociated() { return true; }
-    static get watchers() { return {
-        "internalValue": ["internalValueObserver"],
-        "dsValue": ["valueObserver"],
-        "dsCharacterLimit": ["characterLimitObserver"],
-        "aria-label": ["ariaAttributeObserver"],
-        "aria-labelledby": ["ariaAttributeObserver"],
-        "aria-describedby": ["ariaAttributeObserver"]
-    }; }
-    static get style() { return dsTextAreaCss; }
-}, [326, "ds-text-area", {
-        "dsForm": [1, "ds-form"],
-        "dsLabel": [1, "ds-label"],
-        "dsPlaceholder": [1, "ds-placeholder"],
-        "dsId": [1, "ds-id"],
-        "dsName": [1, "ds-name"],
-        "dsDisabled": [4, "ds-disabled"],
-        "dsOptional": [4, "ds-optional"],
-        "dsRequired": [4, "ds-required"],
-        "dsReadonly": [4, "ds-readonly"],
-        "dsValue": [1, "ds-value"],
-        "dsOptionalText": [1, "ds-optional-text"],
-        "dsResizing": [1, "ds-resizing"],
-        "dsAriaLabel": [1, "ds-aria-label"],
-        "dsAriaLabelledby": [1, "ds-aria-labelledby"],
-        "dsAriaDescribedby": [1, "ds-aria-describedby"],
-        "dsErrorText": [1, "ds-error-text"],
-        "dsSuccessText": [1, "ds-success-text"],
-        "dsAssistiveText": [1, "ds-assistive-text"],
-        "dsHiddenAssistiveText": [1, "ds-hidden-assistive-text"],
-        "dsCharacterLimit": [2, "ds-character-limit"],
-        "dsFullWidth": [4, "ds-full-width"],
-        "hasFocus": [32],
-        "textareaActive": [32],
-        "wasInvalidOnBlur": [32],
-        "characterCount": [32],
-        "internalValue": [32],
-        "hiddenCharacterCountText": [32],
-        "setFocus": [64],
-        "checkValidity": [64],
-        "clearTextarea": [64]
-    }, undefined, {
-        "internalValue": ["internalValueObserver"],
-        "dsValue": ["valueObserver"],
-        "dsCharacterLimit": ["characterLimitObserver"],
-        "aria-label": ["ariaAttributeObserver"],
-        "aria-labelledby": ["ariaAttributeObserver"],
-        "aria-describedby": ["ariaAttributeObserver"]
-    }]);
-declareComponentDependencies([h("ds-input-validity", null), h("ds-visually-hidden", null), h("ds-control-label", null)]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-text-area", "ds-assistive-text", "ds-control-label", "ds-feedback", "ds-icon", "ds-input-validity", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-text-area":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsTextArea$1);
-            }
-            break;
-        case "ds-assistive-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "ds-control-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ds-feedback":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ds-input-validity":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsTextArea = DsTextArea$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsTextArea, defineCustomElement };
+import{p as e,H as t,c as a,f as s,h as r,F as i,t as d}from"./p-DZOTmLzP.js";import{c as o}from"./p-BfTCfPZ1.js";import{p as n,q as l,u as c,g as _,a as h,v as x}from"./p-BpSE24G8.js";import{i as b,b as m,t as v,a as u,d as f}from"./p-J5Ghj1_T.js";import{i as z,a as O}from"./p-BecId8t2.js";import{c as g}from"./p-ByHAbBpc.js";import{b as y}from"./p-BT1Kxodd.js";import{d as p}from"./p-BLLtctJi.js";import{d as K}from"./p-OhiaSnAg.js";import{d as Y}from"./p-Oz3y34wB.js";import{d as C}from"./p-CeglrwZj.js";import{d as k}from"./p-ZdV_7tJ4.js";import{d as w}from"./p-DCn1Mkl6.js";const T=b("ds-text-area"),A=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=a(this,"dsChange",7),this.dsInput=a(this,"dsInput",7),this.dsSubmitInvalid=a(this,"dsSubmitInvalid",7),this.dsValidity=a(this,"dsValidity",7)}inheritedAttributes={};textareaElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;get el(){return this}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=T.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";setIds=()=>{this.assistiveTextId=this.dsId+"-assistive-text",this.visuallyHiddenAssistiveTextId=this.dsId+"-visually-hidden-assistive-text",this.errorTextId=this.dsId+"-error-text",this.successTextId=this.dsId+"-success-text"};async setFocus(){const e=this.el.querySelector("textarea");e?.focus()}async checkValidity(){const e=this.el.querySelector("textarea");return e?.checkValidity()}async clearTextarea(){this.internalValue="";const e=this.el.querySelector("textarea");e&&(e.value="")}internalValueObserver(e){this.characterCount=e.length,this.validateCharacterCount(this.characterCount)}valueObserver(e){this.internalValue=e||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(e,t,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:e},s(this)}componentWillLoad(){this.inheritedAttributes={...O(this,this.el,["id"]),...z(this.el,["aria-invalid"])},this.setIds(),this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=m((e=>{this.hiddenCharacterCountText=e}),y);validateCharacterCount=e=>{this.dsCharacterLimit&&(e>this.dsCharacterLimit?(this.setHiddenCharacterCountText(n(e-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(l())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-e)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=this.textareaElement.scrollHeight+"px")};getLabelText=()=>this.dsRequired?_(this.dsLabel):this.dsOptional?h(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=e=>"customError"===e?this.textareaElement?.validationMessage:x(e);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.wasInvalidOnBlur="valid"!==t,this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInvalid=e=>{e.preventDefault();const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsSubmitInvalid.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInput=e=>{if(this.internalValue=e.target.value,this.dsInput.emit({event:e,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=v("ds-input-validity","ds-text-area",this.el),t=v("ds-control-label","ds-text-area",this.el),a=v("ds-visually-hidden","ds-text-area",this.el),s=g("ds-text-area"),d=s+"__container",{"aria-label":n,"aria-labelledby":l,"aria-describedby":c,..._}=this.inheritedAttributes,h=this.dsAriaLabel||n,x=this.dsAriaLabelledby||l,b=this.dsAriaDescribedby||c;return r(i,{key:"b552302f5db01214407d5f62545b2ef07a9dfb44"},r(t,{key:"37035555f649c105ec460e6399752efaf1236f51",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},r("slot",{key:"a68186dfa927d07149c2d63138077da1cc08db74",name:"label"}),r("slot",{key:"d40242957ab517309673badf3740068d22db6705",name:"assistiveText"})),r("div",{key:"5edc680c64cdcdecb3d5e6f4cad5e96858ed3644",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:o(d,{[d+"--disabled"]:this.dsDisabled,[d+"--readonly"]:this.dsReadonly,[d+"--valid"]:!!this.dsSuccessText,[d+"--invalid"]:!!this.dsErrorText,[d+"--focus"]:this.hasFocus,[d+"--active"]:!!this.textareaActive,[d+"--full-width"]:this.dsFullWidth})},r("textarea",{key:"22b3486c977abffe10ffefa1a61bf0f8a8b6e73a",ref:e=>this.textareaElement=e,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:void 0!==this.dsValue?this.dsValue:this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:o(s+"__textarea",`${s}__textarea--resize-${this.dsResizing}`,{[s+"__textarea--full-width"]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...u("aria-label",h),...u("aria-labelledby",x),...u("aria-describedby",b||o({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._})),r("div",{key:"27a9a1949248fdb652873a7d4543a52e39fc9883",class:o(s+"__validity-container",{[s+"__validity-container--has-character-limit"]:!!this.dsCharacterLimit})},r("slot",{key:"f42131cd8a54a22509a2405d1c4e869ea890f078",name:"validity"},r(e,{key:"5c98f82c2bc965ab24be16b9898b3261a539e09f",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"assertive"},this.dsCharacterLimit&&r(a,{key:"4078803a0f3bea8c94f23e62222bb3d81b13a439",dsTag:"span"},this.hiddenCharacterCountText)),r(e,{key:"4d4dd7ac89b088a67591828f53e2e8891381dafb",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success"})),this.dsCharacterLimit&&r("div",{key:"aaf767b66c448f8bcaf6e517df4688286470bff1",class:o(s+"__character-count",{[s+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},r("small",{key:"bd86a6b1ed6ee31cdfb1a4105f6a74e3edf9e312"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__KmYz6O__container--full-width){width:100%}.ds-text-area__KmYz6O.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__KmYz6O__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__KmYz6O__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__KmYz6O__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid.ds-text-area__KmYz6O__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__KmYz6O__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__KmYz6O__container--valid.sc-ds-text-area:hover:not(.ds-text-area__KmYz6O__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__KmYz6O__container--valid.ds-text-area__KmYz6O__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__KmYz6O__container--readonly.sc-ds-text-area,.ds-text-area__KmYz6O__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__KmYz6O__container.sc-ds-text-area:focus-within:not(.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--valid.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__KmYz6O__container.sc-ds-text-area:hover:not(.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--disabled,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--readonly.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--active.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--valid.sc-ds-text-area,.ds-text-area__KmYz6O__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__KmYz6O__container.active.sc-ds-text-area:not(.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--disabled,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--readonly.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__KmYz6O__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__KmYz6O__external-button.sc-ds-text-area,.ds-text-area__KmYz6O.sc-ds-text-area-s>[slot=suffix],.ds-text-area__KmYz6O .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__KmYz6O__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__KmYz6O__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__KmYz6O__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__KmYz6O__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__KmYz6O__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__KmYz6O__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__KmYz6O__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__KmYz6O__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__KmYz6O__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__KmYz6O__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__KmYz6O__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__KmYz6O__textarea--resize-auto.sc-ds-text-area,.ds-text-area__KmYz6O__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__KmYz6O__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__KmYz6O__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__KmYz6O__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__KmYz6O__textarea--full-width.sc-ds-text-area{width:100%}"}},[838,"ds-text-area",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsOptionalText:[1,"ds-optional-text"],dsResizing:[1,"ds-resizing"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsErrorText:[1,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsCharacterLimit:[2,"ds-character-limit"],dsFullWidth:[4,"ds-full-width"],hasFocus:[32],textareaActive:[32],wasInvalidOnBlur:[32],characterCount:[32],internalValue:[32],hiddenCharacterCountText:[32],setFocus:[64],checkValidity:[64],clearTextarea:[64]},void 0,{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);f([r("ds-input-validity",null),r("ds-visually-hidden",null),r("ds-control-label",null)]);const L=A,I=function(){"undefined"!=typeof customElements&&["ds-text-area","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-text-area":customElements.get(d(e))||customElements.define(d(e),A);break;case"ds-assistive-text":customElements.get(d(e))||p();break;case"ds-control-label":customElements.get(d(e))||K();break;case"ds-feedback":customElements.get(d(e))||Y();break;case"ds-icon":customElements.get(d(e))||C();break;case"ds-input-validity":customElements.get(d(e))||k();break;case"ds-visually-hidden":customElements.get(d(e))||w()}}))};export{L as DsTextArea,I as defineCustomElement}