@cds/core 6.0.0-next.2 → 6.0.0-next.6

package/datalist/datalist.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as r}from"lit";import{globalStyle as o,querySlot as e}from"@cds/core/internal";import{CdsControl as s}from"@cds/core/forms";import{inputStyles as l}from"@cds/core/input";import i from"./datalist.global.scss.js";class a extends s{constructor(){super(...arguments),this.globalStyles=i}get suffixDefaultTemplate(){return r`<cds-button-expand pressed readonly="readonly"></cds-button-expand>`}static get styles(){return[...super.styles,l]}}t([o()],a.prototype,"globalStyles",void 0),t([e("datalist",{required:"error"})],a.prototype,"datalistControl",void 0);export{a as CdsDatalist};
+import{__decorate as t}from"tslib";import{html as r}from"lit";import{globalStyle as o,querySlot as e}from"@cds/core/internal";import{CdsControl as s}from"@cds/core/forms";import{inputStyles as l}from"@cds/core/input";import i from"./datalist.global.scss.js";class a extends s{constructor(){super(...arguments);this.globalStyles=i}get suffixDefaultTemplate(){return r`<cds-button-expand pressed readonly="readonly"></cds-button-expand>`}static get styles(){return[...super.styles,l]}}t([o()],a.prototype,"globalStyles",void 0),t([e("datalist",{required:"error"})],a.prototype,"datalistControl",void 0);export{a as CdsDatalist};
 //# sourceMappingURL=datalist.element.js.map

package/datalist/datalist.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"datalist.element.js","sources":["../../../src/datalist/datalist.element.ts"],"sourcesContent":null,"names":["CdsDatalist","CdsControl","[object Object]","super","arguments","this","globalStyles","styles","suffixDefaultTemplate","html","inputStyles","__decorate","globalStyle","prototype","querySlot","required"],"mappings":"kQA4CO,MAAMA,UAAoBC,EAC7BC,cACIC,SAASC,WACTC,KAAKC,aAAeC,EAExBC,4BACI,OAAOC,CAAK,sEAEhBF,oBACI,MAAO,IAAIJ,MAAMI,OAAQG,IAGjCC,EAAW,CACPC,KACDZ,EAAYa,UAAW,oBAAgB,GAC1CF,EAAW,CACPG,EAAU,WAAY,CAAEC,SAAU,WACnCf,EAAYa,UAAW,uBAAmB"}
+{"version":3,"file":"datalist.element.js","sources":["../../../src/datalist/datalist.element.ts"],"sourcesContent":null,"names":["CdsDatalist","CdsControl","[object Object]","super","this","globalStyles","styles","suffixDefaultTemplate","html","inputStyles","__decorate","globalStyle","prototype","querySlot","required"],"mappings":"kQA4CO,MAAMA,UAAoBC,EAC7BC,cACIC,oBACAC,KAAKC,aAAeC,EAExBC,4BACI,OAAOC,CAAK,sEAEhBF,oBACI,MAAO,IAAIH,MAAMG,OAAQG,IAGjCC,EAAW,CACPC,KACDX,EAAYY,UAAW,oBAAgB,GAC1CF,EAAW,CACPG,EAAU,WAAY,CAAEC,SAAU,WACnCd,EAAYY,UAAW,uBAAmB"}

package/datalist/datalist.global.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var i=t`cds-datalist input::-webkit-calendar-picker-indicator{opacity:0;cursor:text}`;export default i;
+import{css as t}from"lit";var a=t`cds-datalist input::-webkit-calendar-picker-indicator{opacity:0;cursor:text}`;export{a as default};
 //# sourceMappingURL=datalist.global.scss.js.map

package/date/date.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as o}from"lit";import{globalStyle as r}from"@cds/core/internal";import{CdsControl as s}from"@cds/core/forms";import{inputStyles as e}from"@cds/core/input";import l from"./date.global.scss.js";class a extends s{constructor(){super(...arguments),this.globalStyles=l}get suffixDefaultTemplate(){return o`<cds-button-action shape="calendar" readonly="readonly"></cds-button-action>`}static get styles(){return[...super.styles,e]}}t([r()],a.prototype,"globalStyles",void 0);export{a as CdsDate};
+import{__decorate as t}from"tslib";import{html as o}from"lit";import{globalStyle as r}from"@cds/core/internal";import{CdsControl as s}from"@cds/core/forms";import{inputStyles as e}from"@cds/core/input";import l from"./date.global.scss.js";class a extends s{constructor(){super(...arguments);this.globalStyles=l}get suffixDefaultTemplate(){return o`<cds-button-action shape="calendar" readonly="readonly"></cds-button-action>`}static get styles(){return[...super.styles,e]}}t([r()],a.prototype,"globalStyles",void 0);export{a as CdsDate};
 //# sourceMappingURL=date.element.js.map

package/date/date.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.element.js","sources":["../../../src/date/date.element.ts"],"sourcesContent":null,"names":["CdsDate","CdsControl","[object Object]","super","arguments","this","globalStyles","styles","suffixDefaultTemplate","html","inputStyles","__decorate","globalStyle","prototype"],"mappings":"+OA6BO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,aAAeC,EAExBC,4BACI,OAAOC,CAAK,+EAEhBF,oBACI,MAAO,IAAIJ,MAAMI,OAAQG,IAGjCC,EAAW,CACPC,KACDZ,EAAQa,UAAW,oBAAgB"}
+{"version":3,"file":"date.element.js","sources":["../../../src/date/date.element.ts"],"sourcesContent":null,"names":["CdsDate","CdsControl","[object Object]","super","this","globalStyles","styles","suffixDefaultTemplate","html","inputStyles","__decorate","globalStyle","prototype"],"mappings":"+OA6BO,MAAMA,UAAgBC,EACzBC,cACIC,oBACAC,KAAKC,aAAeC,EAExBC,4BACI,OAAOC,CAAK,+EAEhBF,oBACI,MAAO,IAAIH,MAAMG,OAAQG,IAGjCC,EAAW,CACPC,KACDX,EAAQY,UAAW,oBAAgB"}

package/date/date.global.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var c=a`input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:calc(var(--cds-global-space-1,.0625rem)*-1);right:calc(var(--cds-global-space-2,.125rem)*-1);bottom:calc(var(--cds-global-space-1,.0625rem)*-1);width:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-2,.125rem));height:auto;color:transparent;background:0 0;z-index:99;margin:0}`;export default c;
+import{css as a}from"lit";var c=a`input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:calc(var(--cds-global-space-1,.0625rem)*-1);right:calc(var(--cds-global-space-2,.125rem)*-1);bottom:calc(var(--cds-global-space-1,.0625rem)*-1);width:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-2,.125rem));height:auto;color:transparent;background:0 0;z-index:99;margin:0}`;export{c as default};
 //# sourceMappingURL=date.global.scss.js.map

package/divider/divider.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{baseStyles as r,property as o}from"@cds/core/internal";import{LitElement as i,html as e}from"lit";import s from"./divider.element.scss.js";class n extends i{constructor(){super(...arguments),this.orientation="horizontal"}render(){return e`<div class="private-host" role="separator" aria-orientation="${this.orientation}"></div>`}static get styles(){return[r,s]}}t([o({type:String})],n.prototype,"orientation",void 0);export{n as CdsDivider};
+import{__decorate as t}from"tslib";import{baseStyles as r,property as o}from"@cds/core/internal";import{LitElement as i,html as e}from"lit";import s from"./divider.element.scss.js";class n extends i{constructor(){super(...arguments);this.orientation="horizontal"}render(){return e`<div class="private-host" role="separator" aria-orientation="${this.orientation}"></div>`}static get styles(){return[r,s]}}t([o({type:String})],n.prototype,"orientation",void 0);export{n as CdsDivider};
 //# sourceMappingURL=divider.element.js.map

package/divider/divider.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.element.js","sources":["../../../src/divider/divider.element.ts"],"sourcesContent":null,"names":["CdsDivider","LitElement","[object Object]","super","arguments","this","orientation","html","styles","baseStyles","__decorate","property","type","String","prototype"],"mappings":"qLA0BO,MAAMA,UAAmBC,EAC5BC,cACIC,SAASC,WACTC,KAAKC,YAAc,aAEvBJ,SACI,OAAOK,CAAK,gEAAgEF,KAAKC,sBAErFE,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBb,EAAWc,UAAW,mBAAe"}
+{"version":3,"file":"divider.element.js","sources":["../../../src/divider/divider.element.ts"],"sourcesContent":null,"names":["CdsDivider","LitElement","[object Object]","super","this","orientation","html","styles","baseStyles","__decorate","property","type","String","prototype"],"mappings":"qLA0BO,MAAMA,UAAmBC,EAC5BC,cACIC,oBACAC,KAAKC,YAAc,aAEvBH,SACI,OAAOI,CAAK,gEAAgEF,KAAKC,sBAErFE,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBZ,EAAWa,UAAW,mBAAe"}

package/divider/divider.element.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var i=t`:host{--color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--size:var(--cds-alias-object-border-width-100, 0.0625rem);--padding:0;display:block;width:100%;padding:var(--padding)}.private-host{height:var(--size);background:var(--color)}:host([orientation=vertical]){-ms-flex-item-align:stretch;align-self:stretch;height:inherit;width:var(--size)}:host([orientation*=vertical]) .private-host{height:100%;width:var(--size)}`;export default i;
+import{css as t}from"lit";var i=t`:host{--color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--size:var(--cds-alias-object-border-width-100, 0.0625rem);--padding:0;display:block;width:100%;padding:var(--padding)}.private-host{height:var(--size);background:var(--color)}:host([orientation=vertical]){-ms-flex-item-align:stretch;align-self:stretch;height:inherit;width:var(--size)}:host([orientation*=vertical]) .private-host{height:100%;width:var(--size)}`;export{i as default};
 //# sourceMappingURL=divider.element.scss.js.map

package/dropdown/dropdown.element.d.ts

@@ -13,6 +13,7 @@ import { CdsInternalPopup } from '@cds/core/internal-components/popup';
  * @element cds-dropdown
  * @slot - Content slot for the content inside the popup's panel
  * @event closeChange - Notify user when close event has occurred
+ * @property anchor
  * @cssprop --active-corner-border-radius
  * @cssprop --background
  * @cssprop --backdrop-background

package/dropdown/dropdown.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.element.js","sources":["../../../src/dropdown/dropdown.element.ts"],"sourcesContent":null,"names":["CdsDropdown","CdsInternalPopup"],"mappings":"uEA0CO,MAAMA,UAAoBC"}
+{"version":3,"file":"dropdown.element.js","sources":["../../../src/dropdown/dropdown.element.ts"],"sourcesContent":null,"names":["CdsDropdown","CdsInternalPopup"],"mappings":"uEA2CO,MAAMA,UAAoBC"}

package/dropdown/index.js

@@ -1,2 +1,2 @@
-export{CdsDropdown}from"./dropdown.element.js";import"@cds/core/internal-components/popup";
+export{CdsDropdown}from"./dropdown.element.js";
 //# sourceMappingURL=index.js.map

package/file/file.element.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { CdsControl } from '@cds/core/forms';
 /**
  * Time Input
@@ -28,7 +29,7 @@ export declare class CdsFile extends CdsControl {
     static get styles(): import("lit").CSSResultGroup[];
     protected get inputTemplate(): import("lit-html").TemplateResult<1>;
     protected get clearFilesControlTemplate(): import("lit-html").TemplateResult<1>;
-    firstUpdated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
     /** @private */
     clearFiles(fireEvent?: boolean): void;
     /** @private */

package/file/file.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as e}from"lit";import{I18nService as i,i18n as s,state as o}from"@cds/core/internal";import{CdsControl as n}from"@cds/core/forms";import l from"./file.element.scss.js";class r extends n{constructor(){super(...arguments),this.i18n=i.keys.file,this.buttonLabel=this.i18n.browse,this.fixedControlWidth=!0,this.supportsPrefixSuffixActions=!1}static get styles(){return[...super.styles,l]}get inputTemplate(){return e`<div cds-layout="horizontal gap:sm align:vertical-center"><cds-button size="sm" action="outline" @click="${()=>this.label.click()}" ?disabled="${this.disabled}"><cds-icon shape="folder" aria-hidden="true"></cds-icon><span>${this.buttonLabel}</span></cds-button>${this.clearFilesControlTemplate}</div>`}get clearFilesControlTemplate(){var t;return(null===(t=this.inputControl.files)||void 0===t?void 0:t.length)&&!this.disabled?e`<cds-button-action shape="times" @click="${()=>this.clearFiles()}" aria-label="${this.i18n.removeFile}"></cds-button-action>`:e``}firstUpdated(t){super.firstUpdated(t),this.inputControl.addEventListener("change",(t=>{t.isTrusted&&this.updateLabelAndFocus(t.target.files)}))}clearFiles(t=!0){var e;this.buttonLabel=this.i18n.browse,this.inputControl.value="",t&&this.inputControl.dispatchEvent&&this.inputControl.dispatchEvent(new Event("change"));const i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("cds-button");i&&i.focus()}updateLabelAndFocus(t){t&&t.length?this.buttonLabel=t.length>1?`${t.length} ${this.i18n.files}`:t[0].name:this.clearFiles(!1)}}t([s()],r.prototype,"i18n",void 0),t([o()],r.prototype,"buttonLabel",void 0),t([o()],r.prototype,"fixedControlWidth",void 0),t([o()],r.prototype,"supportsPrefixSuffixActions",void 0);export{r as CdsFile};
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{I18nService as i,i18n as s,state as o}from"@cds/core/internal";import{CdsControl as n}from"@cds/core/forms";import r from"./file.element.scss.js";class l extends n{constructor(){super(...arguments);this.i18n=i.keys.file,this.buttonLabel=this.i18n.browse,this.fixedControlWidth=!0,this.supportsPrefixSuffixActions=!1}static get styles(){return[...super.styles,r]}get inputTemplate(){return e`<div cds-layout="horizontal gap:sm align:vertical-center"><cds-button size="sm" action="outline" @click="${()=>this.label.click()}" ?disabled="${this.disabled}"><cds-icon shape="folder" aria-hidden="true"></cds-icon><span>${this.buttonLabel}</span></cds-button>${this.clearFilesControlTemplate}</div>`}get clearFilesControlTemplate(){return this.inputControl.files?.length&&!this.disabled?e`<cds-button-action shape="times" @click="${()=>this.clearFiles()}" aria-label="${this.i18n.removeFile}"></cds-button-action>`:e``}firstUpdated(t){super.firstUpdated(t),this.inputControl.addEventListener("change",(t=>{t.isTrusted&&this.updateLabelAndFocus(t.target.files)}))}clearFiles(t=!0){this.buttonLabel=this.i18n.browse,this.inputControl.value="",t&&this.inputControl.dispatchEvent&&this.inputControl.dispatchEvent(new Event("change"));const e=this.shadowRoot?.querySelector("cds-button");e&&e.focus()}updateLabelAndFocus(t){t&&t.length?this.buttonLabel=t.length>1?`${t.length} ${this.i18n.files}`:t[0].name:this.clearFiles(!1)}}t([s()],l.prototype,"i18n",void 0),t([o()],l.prototype,"buttonLabel",void 0),t([o()],l.prototype,"fixedControlWidth",void 0),t([o()],l.prototype,"supportsPrefixSuffixActions",void 0);export{l as CdsFile};
 //# sourceMappingURL=file.element.js.map

package/file/file.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"file.element.js","sources":["../../../src/file/file.element.ts"],"sourcesContent":null,"names":["CdsFile","CdsControl","[object Object]","super","arguments","this","i18n","I18nService","keys","file","buttonLabel","browse","fixedControlWidth","supportsPrefixSuffixActions","styles","inputTemplate","html","label","click","disabled","clearFilesControlTemplate","_a","inputControl","files","length","clearFiles","removeFile","props","firstUpdated","addEventListener","e","isTrusted","updateLabelAndFocus","target","fireEvent","value","dispatchEvent","Event","browseButton","shadowRoot","querySelector","focus","name","__decorate","prototype","state"],"mappings":"uNA4BO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,KAC7BJ,KAAKK,YAAcL,KAAKC,KAAKK,OAC7BN,KAAKO,mBAAoB,EACzBP,KAAKQ,6BAA8B,EAEvCC,oBACI,MAAO,IAAIX,MAAMW,OAAQA,GAE7BC,oBACI,OAAOC,CAAK,4GAEqC,IAAMX,KAAKY,MAAMC,uBAAsBb,KAAKc,0EAEnFd,KAAKK,kCAEbL,KAAKe,kCAIXA,gCACI,IAAIC,EACJ,OAA2C,QAAlCA,EAAKhB,KAAKiB,aAAaC,aAA0B,IAAPF,OAAgB,EAASA,EAAGG,UAAYnB,KAAKc,SAC1FH,CAAK,4CAEA,IAAMX,KAAKoB,6BACNpB,KAAKC,KAAKoB,mCAEpBV,CAAK,GAEfd,aAAayB,GACTxB,MAAMyB,aAAaD,GACnBtB,KAAKiB,aAAaO,iBAAiB,UAAUC,IAGrCA,EAAEC,WACF1B,KAAK2B,oBAAoBF,EAAEG,OAAOV,UAK9CrB,WAAWgC,GAAY,GACnB,IAAIb,EACJhB,KAAKK,YAAcL,KAAKC,KAAKK,OAC7BN,KAAKiB,aAAaa,MAAQ,GAGtBD,GAAa7B,KAAKiB,aAAac,eAC/B/B,KAAKiB,aAAac,cAAc,IAAIC,MAAM,WAE9C,MAAMC,EAA0C,QAA1BjB,EAAKhB,KAAKkC,kBAA+B,IAAPlB,OAAgB,EAASA,EAAGmB,cAAc,cAC9FF,GACAA,EAAaG,QAIrBvC,oBAAoBqB,GACZA,GAASA,EAAMC,OACfnB,KAAKK,YAAca,EAAMC,OAAS,EAAI,GAAGD,EAAMC,UAAUnB,KAAKC,KAAKiB,QAAUA,EAAM,GAAGmB,KAGtFrC,KAAKoB,YAAW,IAI5BkB,EAAW,CACPrC,KACDN,EAAQ4C,UAAW,YAAQ,GAC9BD,EAAW,CACPE,KACD7C,EAAQ4C,UAAW,mBAAe,GACrCD,EAAW,CACPE,KACD7C,EAAQ4C,UAAW,yBAAqB,GAC3CD,EAAW,CACPE,KACD7C,EAAQ4C,UAAW,mCAA+B"}
+{"version":3,"file":"file.element.js","sources":["../../../src/file/file.element.ts"],"sourcesContent":null,"names":["CdsFile","CdsControl","[object Object]","super","this","i18n","I18nService","keys","file","buttonLabel","browse","fixedControlWidth","supportsPrefixSuffixActions","styles","inputTemplate","html","label","click","disabled","clearFilesControlTemplate","inputControl","files","length","clearFiles","removeFile","props","firstUpdated","addEventListener","e","isTrusted","updateLabelAndFocus","target","fireEvent","value","dispatchEvent","Event","browseButton","shadowRoot","querySelector","focus","name","__decorate","prototype","state"],"mappings":"uNA4BO,MAAMA,UAAgBC,EACzBC,cACIC,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,KAC7BJ,KAAKK,YAAcL,KAAKC,KAAKK,OAC7BN,KAAKO,mBAAoB,EACzBP,KAAKQ,6BAA8B,EAEvCC,oBACI,MAAO,IAAIV,MAAMU,OAAQA,GAE7BC,oBACI,OAAOC,CAAK,4GAEqC,IAAMX,KAAKY,MAAMC,uBAAsBb,KAAKc,0EAEnFd,KAAKK,kCAEbL,KAAKe,kCAIXA,gCACI,OAAOf,KAAKgB,aAAaC,OAAOC,SAAWlB,KAAKc,SAC1CH,CAAK,4CAEA,IAAMX,KAAKmB,6BACNnB,KAAKC,KAAKmB,mCAEpBT,CAAK,GAEfb,aAAauB,GACTtB,MAAMuB,aAAaD,GACnBrB,KAAKgB,aAAaO,iBAAiB,UAAUC,IAGrCA,EAAEC,WACFzB,KAAK0B,oBAAoBF,EAAEG,OAAOV,UAK9CnB,WAAW8B,GAAY,GACnB5B,KAAKK,YAAcL,KAAKC,KAAKK,OAC7BN,KAAKgB,aAAaa,MAAQ,GAGtBD,GAAa5B,KAAKgB,aAAac,eAC/B9B,KAAKgB,aAAac,cAAc,IAAIC,MAAM,WAE9C,MAAMC,EAAehC,KAAKiC,YAAYC,cAAc,cAChDF,GACAA,EAAaG,QAIrBrC,oBAAoBmB,GACZA,GAASA,EAAMC,OACflB,KAAKK,YAAcY,EAAMC,OAAS,EAAI,GAAGD,EAAMC,UAAUlB,KAAKC,KAAKgB,QAAUA,EAAM,GAAGmB,KAGtFpC,KAAKmB,YAAW,IAI5BkB,EAAW,CACPpC,KACDL,EAAQ0C,UAAW,YAAQ,GAC9BD,EAAW,CACPE,KACD3C,EAAQ0C,UAAW,mBAAe,GACrCD,EAAW,CACPE,KACD3C,EAAQ0C,UAAW,yBAAqB,GAC3CD,EAAW,CACPE,KACD3C,EAAQ0C,UAAW,mCAA+B"}

package/file/file.element.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var o=t`:host{--control-width:calc(var(--cds-global-layout-space-xxxl, 4rem) * 3)}::slotted(input){display:none!important}:host([layout=compact]:not([control-width=shrink])) .input-container{min-width:initial}cds-button span{overflow:hidden;text-overflow:ellipsis;padding:var(--cds-global-space-4,.375rem) 0;max-width:var(--control-width)}`;export default o;
+import{css as t}from"lit";var o=t`:host{--control-width:calc(var(--cds-global-layout-space-xxxl, 4rem) * 3)}::slotted(input){display:none!important}:host([layout=compact]:not([control-width=shrink])) .input-container{min-width:initial}cds-button span{overflow:hidden;text-overflow:ellipsis;padding:var(--cds-global-space-4,.375rem) 0;max-width:var(--control-width)}`;export{o as default};
 //# sourceMappingURL=file.element.scss.js.map

package/forms/control/control.element.d.ts

@@ -1,4 +1,4 @@
-import { LitElement, TemplateResult } from 'lit';
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
 import { EventEmitter } from '@cds/core/internal';
 import { CdsControlMessage } from './../control-message/control-message.element.js';
 import { ControlStatus, ControlLayout, ControlWidth } from './../utils/interfaces.js';
@@ -90,8 +90,8 @@ export declare class CdsControl extends LitElement {
     private get prefixTemplate();
     private get suffixTemplate();
     connectedCallback(): void;
-    firstUpdated(props: Map<string, any>): void;
-    updated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
+    updated(props: PropertyValues<any>): void;
     disconnectedCallback(): void;
     protected associateInputAndLabel(): void;
     private associateInputToDatalist;

package/forms/control/control.element.js

@@ -1,6 +1,6 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as s}from"lit";import{query as i}from"lit/decorators/query.js";import{getElementLanguageDirection as o,baseStyles as a,hasAriaLabelTypeAttr as l,syncProps as r,describeElementByElements as n,getElementUpdates as d,childrenUpdateComplete as u,pxToRem as p,updateComponentLayout as h,property as c,state as y,querySlot as f,querySlotAll as v,event as g}from"@cds/core/internal";import b from"./control.element.scss.js";import{syncHTML5Validation as m}from"../utils/validate.js";import{defaultControlWidth as x,defaultFormLayout as L,getStatusIcon as C,associateInputAndLabel as A,associateInputToDatalist as T,getCurrentMessageStatus as $,controlIsWrapped as S,formLayouts as I}from"../utils/utils.js";var k;!function(t){t.default="default",t.ariaLabel="aria-label",t.inputGroup="input-group",t.hiddenLabel="hidden-label"}(k||(k={}));class w extends e{constructor(){super(...arguments),this.status="neutral",this.controlWidth=x,this.validate=!1,this.responsive=!0,this._layout=L,this.focused=!1,this.disabled=!1,this.readonly=!1,this.fixedControlWidth=!1,this.supportsPrefixSuffixActions=!0,this.labelLayout=k.default,this.observers=[]}get layout(){return this._layout}set layout(t){const e=this._layout;this._layout=t?t.replace("-inline",""):L,this.requestUpdate("layout",e)}get isRTL(){return"rtl"===o(this)}static get styles(){return[a,b]}get hasAriaLabelTypeAttr(){return l(this.inputControl)}get hasStatusIcon(){return this.labelLayout!==k.inputGroup&&("error"===this.status||"success"===this.status)}render(){var t;return s`${this.labelLayout===k.hiddenLabel||this.labelLayout===k.inputGroup?s`<span cds-layout="display:screen-reader-only"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></span>`:""}<div cds-layout="${"vertical"===this.layout?"vertical gap:xs":"horizontal gap:lg"} align:stretch" class="private-host ${this.isRTL?"rtl":""}">${this.primaryLabelTemplate}<div class="input-message-container" cds-layout="
+import{__decorate as t}from"tslib";import{LitElement as e,html as s}from"lit";import{query as i}from"lit/decorators/query.js";import{getElementLanguageDirection as o,baseStyles as a,hasAriaLabelTypeAttr as l,syncProps as r,describeElementByElements as n,getElementUpdates as p,childrenUpdateComplete as u,pxToRem as d,updateComponentLayout as h,property as c,state as y,querySlot as f,querySlotAll as g,event as b}from"@cds/core/internal";import m from"./control.element.scss.js";import{syncHTML5Validation as v}from"../utils/validate.js";import{defaultControlWidth as x,defaultFormLayout as L,getStatusIcon as C,associateInputAndLabel as A,associateInputToDatalist as T,getCurrentMessageStatus as $,controlIsWrapped as S,formLayouts as I}from"../utils/utils.js";var k;!function(t){t.default="default",t.ariaLabel="aria-label",t.inputGroup="input-group",t.hiddenLabel="hidden-label"}(k||(k={}));class w extends e{constructor(){super(...arguments);this.status="neutral",this.controlWidth=x,this.validate=!1,this.responsive=!0,this._layout=L,this.focused=!1,this.disabled=!1,this.readonly=!1,this.fixedControlWidth=!1,this.supportsPrefixSuffixActions=!0,this.labelLayout=k.default,this.observers=[]}get layout(){return this._layout}set layout(t){const e=this._layout;this._layout=t?t.replace("-inline",""):L,this.requestUpdate("layout",e)}get isRTL(){return"rtl"===o(this)}static get styles(){return[a,m]}get hasAriaLabelTypeAttr(){return l(this.inputControl)}get hasStatusIcon(){return this.labelLayout!==k.inputGroup&&("error"===this.status||"success"===this.status)}render(){return s`${this.labelLayout===k.hiddenLabel||this.labelLayout===k.inputGroup?s`<span cds-layout="display:screen-reader-only"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></span>`:""}<div cds-layout="${"vertical"===this.layout?"vertical gap:xs":"horizontal gap:lg"} align:stretch" class="private-host ${this.isRTL?"rtl":""}">${this.primaryLabelTemplate}<div class="input-message-container" cds-layout="
           wrap:none
           ${"compact"===this.layout?"horizontal":"vertical"}
           ${"stretch"!==this.controlWidth||this.fixedControlWidth?"":"align:horizontal-stretch"}
-          ${(null===(t=this.messages)||void 0===t?void 0:t.length)?"gap:xs":""}"><div cds-layout="horizontal gap:xs wrap:none"><div cds-layout="horizontal align:top wrap:none ${"shrink"===this.controlWidth||this.fixedControlWidth?"align:shrink":"align:horizontal-stretch"}" class="${this.hasStatusIcon?"input-container with-status-icon":"input-container"}">${this.inputTemplate} ${this.prefixTemplate}<slot name="input"></slot>${this.suffixTemplate}</div>${this.hasStatusIcon?C(this.status):""}</div>${this.messagesTemplate}<slot name="datalist" @slotchange="${()=>this.associateInputToDatalist()}"></slot></div></div>`}get inputTemplate(){return s``}get prefixDefaultTemplate(){return null}get suffixDefaultTemplate(){return null}get isGenericControl(){return"cds-control"===this.tagName.toLowerCase()}get hasControlActions(){return this.controlActions.length>0||this.prefixDefaultTemplate||this.suffixDefaultTemplate}get primaryLabelTemplate(){return s`${this.labelLayout===k.default?s`<cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:shrink align:top" action="primary"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></cds-internal-control-label>`:""}`}get messagesTemplate(){return s`<div cds-layout="${"compact"===this.layout?"align:shrink":""}" class="messages"><slot name="message"></slot></div>`}get prefixTemplate(){return s`<div cds-layout="align:shrink align:vertical-center" class="prefix"><div cds-layout="horizontal gap:xxs">${this.prefixDefaultTemplate}<slot name="prefix"></slot></div></div>`}get suffixTemplate(){return s`<div cds-layout="align:shrink align:vertical-center" class="suffix"><div cds-layout="horizontal gap:xxs"><slot name="suffix"></slot>${this.suffixDefaultTemplate}</div></div>`}connectedCallback(){super.connectedCallback(),this.setAttribute("cds-control","")}firstUpdated(t){super.firstUpdated(t),this.setupHostAttributes(),this.setupHTML5Validation(),this.setActionOffsetPadding(),this.setupResponsive(),this.setupDescribedByUpdates(),this.setupLabelLayout(),this.assignSlotIfInControlGroup()}updated(t){super.updated(t),this.messages.forEach((e=>r(e,this,{disabled:t.has("disabled")}))),r(this.inputControl,this,{disabled:t.has("disabled")})}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}associateInputAndLabel(){A(this.inputControl,this.label)}associateInputToDatalist(){T(this.inputControl,this.datalistControl)}setupDescribedByUpdates(){var t;null===(t=this.messageSlot)||void 0===t||t.addEventListener("slotchange",(async()=>{n(this.inputControl,Array.from(this.messages)),$(Array.from(this.messages)).then((t=>this.status=t))}))}setupHostAttributes(){this.inputControl.addEventListener("focusin",(()=>this.focused=!0)),this.inputControl.addEventListener("focusout",(()=>this.focused=!1)),this.observers.push(d(this.inputControl,"disabled",(t=>this.disabled=""===t||t)),d(this.inputControl,"aria-disabled",(t=>this.disabled="true"===t)),d(this.inputControl,"readonly",(t=>this.readonly=""===t||t)))}setupHTML5Validation(){var t,e;!(null===(e=null===(t=this.inputControl)||void 0===t?void 0:t.form)||void 0===e?void 0:e.noValidate)&&this.validate&&m(this,Array.from(this.messages))}async setActionOffsetPadding(){var t,e;const s=null===(t=this.prefixAction)||void 0===t?void 0:t.updateComplete,i=null===(e=this.suffixAction)||void 0===e?void 0:e.updateComplete;if(await s||Promise.resolve(!0),await i||Promise.resolve(!0),await u(this.controlActions),!this.isGenericControl&&this.supportsPrefixSuffixActions&&this.hasControlActions){const t=p(this.prefixAction.getBoundingClientRect().width+6),e=p(this.suffixAction.getBoundingClientRect().width+6);this.inputControl.style.setProperty("padding-left",this.isRTL?e:t,"important"),this.inputControl.style.setProperty("padding-right",this.isRTL?t:e,"important")}}get layoutStable(){return this.labelLayout!==k.default||!S(this.inputControl,this.controlLabel,this.layout)}setupResponsive(){if(this.responsive&&this.labelLayout===k.default&&this.controlLabel){const t={layouts:I,initialLayout:this.layout},e=h(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0})));this.observers.push(e)}}setupLabelLayout(){var t,e;(null===(e=null===(t=this.label)||void 0===t?void 0:t.getAttribute("cds-layout"))||void 0===e?void 0:e.includes("display:screen-reader-only"))&&(this.labelLayout=k.hiddenLabel),this.hasAriaLabelTypeAttr&&(this.labelLayout=k.ariaLabel)}assignSlotIfInControlGroup(){var t;(null===(t=this.parentElement)||void 0===t?void 0:t.hasAttribute("cds-control-group"))&&this.setAttribute("slot","controls")}}t([c({type:String})],w.prototype,"status",void 0),t([c({type:String})],w.prototype,"controlWidth",void 0),t([c({type:Boolean})],w.prototype,"validate",void 0),t([c({type:Boolean})],w.prototype,"responsive",void 0),t([c({type:String})],w.prototype,"layout",null),t([y({type:Boolean,reflect:!0})],w.prototype,"focused",void 0),t([y({type:Boolean,reflect:!0})],w.prototype,"disabled",void 0),t([y({type:Boolean,reflect:!0})],w.prototype,"readonly",void 0),t([y()],w.prototype,"fixedControlWidth",void 0),t([y()],w.prototype,"supportsPrefixSuffixActions",void 0),t([y()],w.prototype,"isRTL",null),t([y()],w.prototype,"labelLayout",void 0),t([f("input, select, textarea, [cds-control]",{required:"error",requiredMessage:"input element is missing",assign:"input"})],w.prototype,"inputControl",void 0),t([f("label",{required:"error",requiredMessage:"To meet a11y standards either a <label> or input[aria-label] should be provided.",assign:"label",exemptOn:t=>t.hasAriaLabelTypeAttr})],w.prototype,"label",void 0),t([i("cds-internal-control-label[action=primary]")],w.prototype,"controlLabel",void 0),t([f("datalist",{assign:"datalist"})],w.prototype,"datalistControl",void 0),t([v("cds-control-message")],w.prototype,"messages",void 0),t([v("[cds-button-action]")],w.prototype,"controlActions",void 0),t([i(".prefix")],w.prototype,"prefixAction",void 0),t([i(".suffix")],w.prototype,"suffixAction",void 0),t([i(".messages")],w.prototype,"messageSlot",void 0),t([g()],w.prototype,"layoutChange",void 0);export{w as CdsControl,k as ControlLabelLayout};
+          ${this.messages?.length?"gap:xs":""}"><div cds-layout="horizontal gap:xs wrap:none"><div cds-layout="horizontal align:top wrap:none ${"shrink"===this.controlWidth||this.fixedControlWidth?"align:shrink":"align:horizontal-stretch"}" class="${this.hasStatusIcon?"input-container with-status-icon":"input-container"}">${this.inputTemplate} ${this.prefixTemplate}<slot name="input"></slot>${this.suffixTemplate}</div>${this.hasStatusIcon?C(this.status):""}</div>${this.messagesTemplate}<slot name="datalist" @slotchange="${()=>this.associateInputToDatalist()}"></slot></div></div>`}get inputTemplate(){return s``}get prefixDefaultTemplate(){return null}get suffixDefaultTemplate(){return null}get isGenericControl(){return"cds-control"===this.tagName.toLowerCase()}get hasControlActions(){return this.controlActions.length>0||this.prefixDefaultTemplate||this.suffixDefaultTemplate}get primaryLabelTemplate(){return s`${this.labelLayout===k.default?s`<cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:shrink align:top" action="primary"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></cds-internal-control-label>`:""}`}get messagesTemplate(){return s`<div cds-layout="${"compact"===this.layout?"align:shrink":""}" class="messages"><slot name="message"></slot></div>`}get prefixTemplate(){return s`<div cds-layout="align:shrink align:vertical-center" class="prefix"><div cds-layout="horizontal gap:xxs">${this.prefixDefaultTemplate}<slot name="prefix"></slot></div></div>`}get suffixTemplate(){return s`<div cds-layout="align:shrink align:vertical-center" class="suffix"><div cds-layout="horizontal gap:xxs"><slot name="suffix"></slot>${this.suffixDefaultTemplate}</div></div>`}connectedCallback(){super.connectedCallback(),this.setAttribute("cds-control","")}firstUpdated(t){super.firstUpdated(t),this.setupHostAttributes(),this.setupHTML5Validation(),this.setActionOffsetPadding(),this.setupResponsive(),this.setupDescribedByUpdates(),this.setupLabelLayout(),this.assignSlotIfInControlGroup()}updated(t){super.updated(t),this.messages.forEach((e=>r(e,this,{disabled:t.has("disabled")}))),r(this.inputControl,this,{disabled:t.has("disabled")})}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}associateInputAndLabel(){A(this.inputControl,this.label)}associateInputToDatalist(){T(this.inputControl,this.datalistControl)}setupDescribedByUpdates(){this.messageSlot?.addEventListener("slotchange",(async()=>{n(this.inputControl,Array.from(this.messages)),$(Array.from(this.messages)).then((t=>this.status=t))}))}setupHostAttributes(){this.inputControl.addEventListener("focusin",(()=>this.focused=!0)),this.inputControl.addEventListener("focusout",(()=>this.focused=!1)),this.observers.push(p(this.inputControl,"disabled",(t=>this.disabled=""===t||t)),p(this.inputControl,"aria-disabled",(t=>this.disabled="true"===t)),p(this.inputControl,"readonly",(t=>this.readonly=""===t||t)))}setupHTML5Validation(){!this.inputControl?.form?.noValidate&&this.validate&&v(this,Array.from(this.messages))}async setActionOffsetPadding(){const t=this.prefixAction?.updateComplete,e=this.suffixAction?.updateComplete;if(await t||Promise.resolve(!0),await e||Promise.resolve(!0),await u(this.controlActions),!this.isGenericControl&&this.supportsPrefixSuffixActions&&this.hasControlActions){const t=d(this.prefixAction.getBoundingClientRect().width+6),e=d(this.suffixAction.getBoundingClientRect().width+6);this.inputControl.style.setProperty("padding-left",this.isRTL?e:t,"important"),this.inputControl.style.setProperty("padding-right",this.isRTL?t:e,"important")}}get layoutStable(){return this.labelLayout!==k.default||!S(this.inputControl,this.controlLabel,this.layout)}setupResponsive(){if(this.responsive&&this.labelLayout===k.default&&this.controlLabel){const t={layouts:I,initialLayout:this.layout},e=h(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0})));this.observers.push(e)}}setupLabelLayout(){this.label?.getAttribute("cds-layout")?.includes("display:screen-reader-only")&&(this.labelLayout=k.hiddenLabel),this.hasAriaLabelTypeAttr&&(this.labelLayout=k.ariaLabel)}assignSlotIfInControlGroup(){this.parentElement?.hasAttribute("cds-control-group")&&this.setAttribute("slot","controls")}}t([c({type:String})],w.prototype,"status",void 0),t([c({type:String})],w.prototype,"controlWidth",void 0),t([c({type:Boolean})],w.prototype,"validate",void 0),t([c({type:Boolean})],w.prototype,"responsive",void 0),t([c({type:String})],w.prototype,"layout",null),t([y({type:Boolean,reflect:!0})],w.prototype,"focused",void 0),t([y({type:Boolean,reflect:!0})],w.prototype,"disabled",void 0),t([y({type:Boolean,reflect:!0})],w.prototype,"readonly",void 0),t([y()],w.prototype,"fixedControlWidth",void 0),t([y()],w.prototype,"supportsPrefixSuffixActions",void 0),t([y()],w.prototype,"isRTL",null),t([y()],w.prototype,"labelLayout",void 0),t([f("input, select, textarea, [cds-control]",{required:"error",requiredMessage:"input element is missing",assign:"input"})],w.prototype,"inputControl",void 0),t([f("label",{required:"error",requiredMessage:"To meet a11y standards either a <label> or input[aria-label] should be provided.",assign:"label",exemptOn:t=>t.hasAriaLabelTypeAttr})],w.prototype,"label",void 0),t([i("cds-internal-control-label[action=primary]")],w.prototype,"controlLabel",void 0),t([f("datalist",{assign:"datalist"})],w.prototype,"datalistControl",void 0),t([g("cds-control-message")],w.prototype,"messages",void 0),t([g("[cds-button-action]")],w.prototype,"controlActions",void 0),t([i(".prefix")],w.prototype,"prefixAction",void 0),t([i(".suffix")],w.prototype,"suffixAction",void 0),t([i(".messages")],w.prototype,"messageSlot",void 0),t([b()],w.prototype,"layoutChange",void 0);export{w as CdsControl,k as ControlLabelLayout};
 //# sourceMappingURL=control.element.js.map

package/forms/control/control.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control.element.js","sources":["../../../../src/forms/control/control.element.ts"],"sourcesContent":null,"names":["ControlLabelLayout","CdsControl","LitElement","[object Object]","super","arguments","this","status","controlWidth","defaultControlWidth","validate","responsive","_layout","defaultFormLayout","focused","disabled","readonly","fixedControlWidth","supportsPrefixSuffixActions","labelLayout","default","observers","layout","value","oldValue","replace","requestUpdate","isRTL","getElementLanguageDirection","styles","baseStyles","hasAriaLabelTypeAttr","inputControl","hasStatusIcon","inputGroup","_a","html","hiddenLabel","associateInputAndLabel","primaryLabelTemplate","messages","length","inputTemplate","prefixTemplate","suffixTemplate","getStatusIcon","messagesTemplate","associateInputToDatalist","prefixDefaultTemplate","suffixDefaultTemplate","isGenericControl","tagName","toLowerCase","hasControlActions","controlActions","connectedCallback","setAttribute","props","firstUpdated","setupHostAttributes","setupHTML5Validation","setActionOffsetPadding","setupResponsive","setupDescribedByUpdates","setupLabelLayout","assignSlotIfInControlGroup","updated","forEach","message","syncProps","has","disconnectedCallback","o","disconnect","label","datalistControl","messageSlot","addEventListener","async","describeElementByElements","Array","from","getCurrentMessageStatus","then","s","push","getElementUpdates","_b","form","noValidate","syncHTML5Validation","prefix","prefixAction","updateComplete","suffix","suffixAction","Promise","resolve","childrenUpdateComplete","start","pxToRem","getBoundingClientRect","width","end","style","setProperty","layoutStable","controlIsWrapped","controlLabel","layoutConfig","layouts","formLayouts","initialLayout","observer","updateComponentLayout","layoutChange","emit","bubbles","getAttribute","includes","ariaLabel","parentElement","hasAttribute","__decorate","property","type","String","prototype","Boolean","state","reflect","querySlot","required","requiredMessage","assign","exemptOn","_this","query","querySlotAll","event"],"mappings":"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"}
+{"version":3,"file":"control.element.js","sources":["../../../../src/forms/control/control.element.ts"],"sourcesContent":null,"names":["ControlLabelLayout","CdsControl","LitElement","[object Object]","super","this","status","controlWidth","defaultControlWidth","validate","responsive","_layout","defaultFormLayout","focused","disabled","readonly","fixedControlWidth","supportsPrefixSuffixActions","labelLayout","default","observers","layout","value","oldValue","replace","requestUpdate","isRTL","getElementLanguageDirection","styles","baseStyles","hasAriaLabelTypeAttr","inputControl","hasStatusIcon","inputGroup","html","hiddenLabel","associateInputAndLabel","primaryLabelTemplate","messages","length","inputTemplate","prefixTemplate","suffixTemplate","getStatusIcon","messagesTemplate","associateInputToDatalist","prefixDefaultTemplate","suffixDefaultTemplate","isGenericControl","tagName","toLowerCase","hasControlActions","controlActions","connectedCallback","setAttribute","props","firstUpdated","setupHostAttributes","setupHTML5Validation","setActionOffsetPadding","setupResponsive","setupDescribedByUpdates","setupLabelLayout","assignSlotIfInControlGroup","updated","forEach","message","syncProps","has","disconnectedCallback","o","disconnect","label","datalistControl","messageSlot","addEventListener","async","describeElementByElements","Array","from","getCurrentMessageStatus","then","s","push","getElementUpdates","form","noValidate","syncHTML5Validation","prefix","prefixAction","updateComplete","suffix","suffixAction","Promise","resolve","childrenUpdateComplete","start","pxToRem","getBoundingClientRect","width","end","style","setProperty","layoutStable","controlIsWrapped","controlLabel","layoutConfig","layouts","formLayouts","initialLayout","observer","updateComponentLayout","layoutChange","emit","bubbles","getAttribute","includes","ariaLabel","parentElement","hasAttribute","__decorate","property","type","String","prototype","Boolean","state","reflect","querySlot","required","requiredMessage","assign","exemptOn","_this","query","querySlotAll","event"],"mappings":"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"}

package/forms/control/control.element.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var o=t`:host{contain:inherit;display:block;width:100%;--control-width:calc(var(--cds-global-layout-space-xxxl, 4rem) * 3)}:host([layout=compact]:not([control-width=shrink])) .input-container{min-width:var(--control-width)}:host(:not([layout*=vertical]):not([control-width=shrink])) .input-message-container{-ms-flex-preferred-size:calc(var(--cds-global-layout-space-xxxl,4rem)*3);flex-basis:calc(var(--cds-global-layout-space-xxxl,4rem)*3)}:host([layout=compact]:not([control-width=shrink])) ::slotted(cds-control-message){--max-width:calc(var(--cds-global-layout-space-xxxl, 4rem) * 3)}:host([layout*=vertical]) cds-internal-control-label{--label-width:100%}.input-container{line-height:0;max-width:100%}.input-container.with-status-icon{max-width:calc(100% - 1.2rem)}:host([_disabled]) ::slotted([slot=input]){cursor:not-allowed}:host([control-width=shrink]){width:auto}::slotted([cds-control]){width:100%}::slotted(input){margin:0!important;width:100%}::slotted(input[readonly]){cursor:default}[cds-button-action].status{height:var(--cds-global-space-7,1rem);padding-top:var(--cds-global-space-3,.25rem)}:host(:not([layout*=vertical])) cds-internal-control-label[action=primary],:host([layout=compact]) .messages,:host([layout=compact][status=error]) .messages,:host([layout=compact][status=success]) .messages{padding-top:var(--cds-global-space-5,.5rem)}`;export default o;
+import{css as t}from"lit";var o=t`:host{contain:inherit;display:block;width:100%;--control-width:calc(var(--cds-global-layout-space-xxxl, 4rem) * 3)}:host([layout=compact]:not([control-width=shrink])) .input-container{min-width:var(--control-width)}:host(:not([layout*=vertical]):not([control-width=shrink])) .input-message-container{-ms-flex-preferred-size:calc(var(--cds-global-layout-space-xxxl,4rem)*3);flex-basis:calc(var(--cds-global-layout-space-xxxl,4rem)*3)}:host([layout=compact]:not([control-width=shrink])) ::slotted(cds-control-message){--max-width:calc(var(--cds-global-layout-space-xxxl, 4rem) * 3)}:host([layout*=vertical]) cds-internal-control-label{--label-width:100%}.input-container{line-height:0;max-width:100%}.input-container.with-status-icon{max-width:calc(100% - 1.2rem)}:host([_disabled]) ::slotted([slot=input]){cursor:not-allowed}:host([control-width=shrink]){width:auto}::slotted([cds-control]){width:100%}::slotted(input){margin:0!important;width:100%}::slotted(input[readonly]){cursor:default}[cds-button-action].status{height:var(--cds-global-space-7,1rem);padding-top:var(--cds-global-space-3,.25rem)}:host(:not([layout*=vertical])) cds-internal-control-label[action=primary],:host([layout=compact]) .messages,:host([layout=compact][status=error]) .messages,:host([layout=compact][status=success]) .messages{padding-top:var(--cds-global-space-5,.5rem)}`;export{o as default};
 //# sourceMappingURL=control.element.scss.js.map

package/forms/control-action/control-action.element.d.ts

@@ -18,5 +18,5 @@ import { CdsButtonAction } from '@cds/core/button-action';
  */
 export declare class CdsControlAction extends CdsButtonAction {
     action: 'label' | 'prefix' | 'suffix';
-    updated(props: PropertyValues): void;
+    updated(props: PropertyValues<this>): void;
 }

package/forms/control-action/control-action.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{assignSlotNames as o,property as r}from"@cds/core/internal";import{CdsButtonAction as e}from"@cds/core/button-action";class i extends e{updated(t){var r;super.updated(t),o([this,null!==(r=this.action)&&void 0!==r&&r])}}t([r({type:String,reflect:!0})],i.prototype,"action",void 0);export{i as CdsControlAction};
+import{__decorate as t}from"tslib";import{assignSlotNames as o,property as r}from"@cds/core/internal";import{CdsButtonAction as e}from"@cds/core/button-action";class i extends e{updated(t){super.updated(t),o([this,this.action??!1])}}t([r({type:String,reflect:!0})],i.prototype,"action",void 0);export{i as CdsControlAction};
 //# sourceMappingURL=control-action.element.js.map

package/forms/control-action/control-action.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-action.element.js","sources":["../../../../src/forms/control-action/control-action.element.ts"],"sourcesContent":null,"names":["CdsControlAction","CdsButtonAction","[object Object]","props","_a","super","updated","assignSlotNames","this","action","__decorate","property","type","String","reflect","prototype"],"mappings":"gKAwBO,MAAMA,UAAyBC,EAClCC,QAAQC,GACJ,IAAIC,EACJC,MAAMC,QAAQH,GACdI,EAAgB,CAACC,KAA6B,QAAtBJ,EAAKI,KAAKC,cAA2B,IAAPL,GAAgBA,KAG9EM,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KACnCd,EAAiBe,UAAW,cAAU"}
+{"version":3,"file":"control-action.element.js","sources":["../../../../src/forms/control-action/control-action.element.ts"],"sourcesContent":null,"names":["CdsControlAction","CdsButtonAction","[object Object]","props","super","updated","assignSlotNames","this","action","__decorate","property","type","String","reflect","prototype"],"mappings":"gKAwBO,MAAMA,UAAyBC,EAClCC,QAAQC,GACJC,MAAMC,QAAQF,GACdG,EAAgB,CAACC,KAAMA,KAAKC,SAAU,KAG9CC,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KACnCb,EAAiBc,UAAW,cAAU"}

package/forms/control-group/control-group.element.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 import { EventEmitter } from '@cds/core/internal';
 import { CdsControl } from '../control/control.element.js';
 import { ControlStatus, FormLayout, ControlWidth } from '../utils/interfaces.js';
@@ -70,8 +70,8 @@ export declare class CdsInternalControlGroup extends LitElement {
     private get controlMessageLayout();
     render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
-    firstUpdated(props: Map<string, any>): void;
-    updated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
+    updated(props: PropertyValues<any>): void;
     disconnectedCallback(): void;
     /** @private */
     get layoutStable(): boolean;

package/forms/control-group/control-group.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as o,html as s}from"lit";import{query as e}from"lit/decorators/query.js";import{setAttributes as i,syncProps as r,syncDefinedProps as a,describeElementByElements as l,updateComponentLayout as n,baseStyles as c,property as d,querySlot as p,querySlotAll as u,id as h,event as y}from"@cds/core/internal";import g from"./control-group.element.scss.js";import{defaultFormLayout as m,defaultControlWidth as v,getStatusIcon as b,inlineControlListIsWrapped as f,controlIsWrapped as C,getCurrentMessageStatus as L,formLayouts as $}from"../utils/utils.js";class A extends o{constructor(){super(...arguments),this.status="neutral",this.layout=m,this.controlAlign="left",this.disabled=!1,this.controlWidth=v,this.responsive=!0,this.isInlineControlGroup=!1,this.isControlGroup=!0,this.observers=[]}get messagesTemplate(){return s`<div ?hidden="${0===this.messages.length}" cds-layout="horizontal align:shrink gap:xs wrap:none" class="messages-container">${this.isInlineControlGroup?"":b(this.status)}<div class="messages"><slot name="message" @slotchange="${this.updateControlMessages}"></slot></div></div>`}get controlsTemplate(){return this.isInlineControlGroup?s`<div cds-layout="horizontal gap:xs align:horizontal-stretch" class="input-container"><div class="controls" cds-layout="horizontal align:horizontal-stretch wrap:none"><slot name="controls"></slot></div>${b(this.status)}</div>`:s`<div cds-layout="horizontal align:shrink" class="input-container"><div class="controls" cds-layout="${this.inlineControlLayout}"><slot name="controls"></slot></div></div>`}get inlineControlLayout(){return`${this.layout.includes("inline")||"compact"===this.layout?"horizontal gap:sm":"vertical gap:xs"} ${this.layout.includes("vertical")?"":"wrap:none"}`}get primaryLabelLayout(){return this.layout.includes("vertical")?"vertical gap:xs":"horizontal gap:lg"}get controlMessageLayout(){return("compact"===this.layout?"horizontal":"vertical")+" gap:xs wrap:none align:stretch"}render(){return s`<div class="private-host" cds-layout="${this.primaryLabelLayout}"><cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:top" action="primary"><slot name="label"></slot></cds-internal-control-label><div class="control-message-container" cds-layout="${this.controlMessageLayout}">${this.controlsTemplate} ${this.messagesTemplate}</div></div>`}connectedCallback(){super.connectedCallback(),i(this,["role","group"],["cds-control-group",""])}firstUpdated(t){super.firstUpdated(t),this.associateLabelAndGroup(),this.setupResponsive()}updated(t){super.updated(t),t.set("isControlGroup",!0),this.controls.forEach((t=>t.isControlGroup=!0)),this.messages.forEach((o=>r(o,this,{disabled:t.has("disabled")}))),a(t,this,Array.from(this.controls))}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}get layoutStable(){return!f(Array.from(this.controls),this.layout)&&!C(this.controlSlot,this.controlLabel,this.layout)}associateLabelAndGroup(){this.setAttribute("aria-labelledby",this.groupLabelId),this.label.setAttribute("id",this.groupLabelId)}async updateControlMessages(){l(this,Array.from(this.messages)),this.status=await L(Array.from(this.messages))}setupResponsive(){if(this.responsive){const t={layouts:$,initialLayout:this.layout};this.observers.push(n(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0}))))}}}A.styles=[c,g],t([d({type:String})],A.prototype,"status",void 0),t([d({type:String})],A.prototype,"layout",void 0),t([d({type:String})],A.prototype,"controlAlign",void 0),t([d({type:Boolean})],A.prototype,"disabled",void 0),t([d({type:String})],A.prototype,"controlWidth",void 0),t([d({type:Boolean})],A.prototype,"responsive",void 0),t([p("label",{assign:"label",required:"warning",requiredMessage:"To meet a11y standards a <label> should be provided"})],A.prototype,"label",void 0),t([u("cds-control, [cds-control]")],A.prototype,"controls",void 0),t([u("cds-control-message")],A.prototype,"messages",void 0),t([e("cds-internal-control-label[action=primary]",!0)],A.prototype,"controlLabel",void 0),t([e(".controls",!0)],A.prototype,"controlSlot",void 0),t([h()],A.prototype,"groupLabelId",void 0),t([y()],A.prototype,"layoutChange",void 0);export{A as CdsInternalControlGroup};
+import{__decorate as t}from"tslib";import{LitElement as o,html as s}from"lit";import{query as e}from"lit/decorators/query.js";import{setAttributes as i,syncProps as r,syncDefinedProps as a,describeElementByElements as l,updateComponentLayout as n,baseStyles as c,property as d,querySlot as p,querySlotAll as u,id as h,event as y}from"@cds/core/internal";import g from"./control-group.element.scss.js";import{defaultFormLayout as m,defaultControlWidth as v,getStatusIcon as b,inlineControlListIsWrapped as f,controlIsWrapped as C,getCurrentMessageStatus as L,formLayouts as $}from"../utils/utils.js";class A extends o{constructor(){super(...arguments);this.status="neutral",this.layout=m,this.controlAlign="left",this.disabled=!1,this.controlWidth=v,this.responsive=!0,this.isInlineControlGroup=!1,this.isControlGroup=!0,this.observers=[]}get messagesTemplate(){return s`<div ?hidden="${0===this.messages.length}" cds-layout="horizontal align:shrink gap:xs wrap:none" class="messages-container">${this.isInlineControlGroup?"":b(this.status)}<div class="messages"><slot name="message" @slotchange="${this.updateControlMessages}"></slot></div></div>`}get controlsTemplate(){return this.isInlineControlGroup?s`<div cds-layout="horizontal gap:xs align:horizontal-stretch" class="input-container"><div class="controls" cds-layout="horizontal align:horizontal-stretch wrap:none"><slot name="controls"></slot></div>${b(this.status)}</div>`:s`<div cds-layout="horizontal align:shrink" class="input-container"><div class="controls" cds-layout="${this.inlineControlLayout}"><slot name="controls"></slot></div></div>`}get inlineControlLayout(){return`${this.layout.includes("inline")||"compact"===this.layout?"horizontal gap:sm":"vertical gap:xs"} ${this.layout.includes("vertical")?"":"wrap:none"}`}get primaryLabelLayout(){return this.layout.includes("vertical")?"vertical gap:xs":"horizontal gap:lg"}get controlMessageLayout(){return("compact"===this.layout?"horizontal":"vertical")+" gap:xs wrap:none align:stretch"}render(){return s`<div class="private-host" cds-layout="${this.primaryLabelLayout}"><cds-internal-control-label .disabled="${this.disabled}" cds-layout="align:top" action="primary"><slot name="label"></slot></cds-internal-control-label><div class="control-message-container" cds-layout="${this.controlMessageLayout}">${this.controlsTemplate} ${this.messagesTemplate}</div></div>`}connectedCallback(){super.connectedCallback(),i(this,["role","group"],["cds-control-group",""])}firstUpdated(t){super.firstUpdated(t),this.associateLabelAndGroup(),this.setupResponsive()}updated(t){super.updated(t),t.set("isControlGroup",!0),this.controls.forEach((t=>t.isControlGroup=!0)),this.messages.forEach((o=>r(o,this,{disabled:t.has("disabled")}))),a(t,this,Array.from(this.controls))}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}get layoutStable(){return!f(Array.from(this.controls),this.layout)&&!C(this.controlSlot,this.controlLabel,this.layout)}associateLabelAndGroup(){this.setAttribute("aria-labelledby",this.groupLabelId),this.label.setAttribute("id",this.groupLabelId)}async updateControlMessages(){l(this,Array.from(this.messages)),this.status=await L(Array.from(this.messages))}setupResponsive(){if(this.responsive){const t={layouts:$,initialLayout:this.layout};this.observers.push(n(this,t,(()=>this.layoutChange.emit(this.layout,{bubbles:!0}))))}}}A.styles=[c,g],t([d({type:String})],A.prototype,"status",void 0),t([d({type:String})],A.prototype,"layout",void 0),t([d({type:String})],A.prototype,"controlAlign",void 0),t([d({type:Boolean})],A.prototype,"disabled",void 0),t([d({type:String})],A.prototype,"controlWidth",void 0),t([d({type:Boolean})],A.prototype,"responsive",void 0),t([p("label",{assign:"label",required:"warning",requiredMessage:"To meet a11y standards a <label> should be provided"})],A.prototype,"label",void 0),t([u("cds-control, [cds-control]")],A.prototype,"controls",void 0),t([u("cds-control-message")],A.prototype,"messages",void 0),t([e("cds-internal-control-label[action=primary]",!0)],A.prototype,"controlLabel",void 0),t([e(".controls",!0)],A.prototype,"controlSlot",void 0),t([h()],A.prototype,"groupLabelId",void 0),t([y()],A.prototype,"layoutChange",void 0);export{A as CdsInternalControlGroup};
 //# sourceMappingURL=control-group.element.js.map

package/forms/control-group/control-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-group.element.js","sources":["../../../../src/forms/control-group/control-group.element.ts"],"sourcesContent":null,"names":["CdsInternalControlGroup","LitElement","[object Object]","super","arguments","this","status","layout","defaultFormLayout","controlAlign","disabled","controlWidth","defaultControlWidth","responsive","isInlineControlGroup","isControlGroup","observers","messagesTemplate","html","messages","length","getStatusIcon","updateControlMessages","controlsTemplate","inlineControlLayout","includes","primaryLabelLayout","controlMessageLayout","connectedCallback","setAttributes","props","firstUpdated","associateLabelAndGroup","setupResponsive","updated","set","controls","forEach","c","message","syncProps","has","syncDefinedProps","Array","from","disconnectedCallback","o","disconnect","layoutStable","inlineControlListIsWrapped","controlIsWrapped","controlSlot","controlLabel","setAttribute","groupLabelId","label","describeElementByElements","getCurrentMessageStatus","layoutConfig","layouts","formLayouts","initialLayout","push","updateComponentLayout","layoutChange","emit","bubbles","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","querySlot","assign","required","requiredMessage","querySlotAll","query","id","event"],"mappings":"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"}
+{"version":3,"file":"control-group.element.js","sources":["../../../../src/forms/control-group/control-group.element.ts"],"sourcesContent":null,"names":["CdsInternalControlGroup","LitElement","[object Object]","super","this","status","layout","defaultFormLayout","controlAlign","disabled","controlWidth","defaultControlWidth","responsive","isInlineControlGroup","isControlGroup","observers","messagesTemplate","html","messages","length","getStatusIcon","updateControlMessages","controlsTemplate","inlineControlLayout","includes","primaryLabelLayout","controlMessageLayout","connectedCallback","setAttributes","props","firstUpdated","associateLabelAndGroup","setupResponsive","updated","set","controls","forEach","c","message","syncProps","has","syncDefinedProps","Array","from","disconnectedCallback","o","disconnect","layoutStable","inlineControlListIsWrapped","controlIsWrapped","controlSlot","controlLabel","setAttribute","groupLabelId","label","describeElementByElements","getCurrentMessageStatus","layoutConfig","layouts","formLayouts","initialLayout","push","updateComponentLayout","layoutChange","emit","bubbles","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","querySlot","assign","required","requiredMessage","querySlotAll","query","id","event"],"mappings":"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"}

package/forms/control-group/control-group.element.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var a=t`:host{width:100%}:host([layout=compact]:not([control-width=shrink])) ::slotted(cds-control-message){--max-width:calc(var(--cds-global-layout-space-xxxl, 4rem) * 3)}.control-message-container{-ms-flex-preferred-size:0;flex-basis:0}[cds-button-action].status{height:var(--cds-global-space-7,1rem)}:host([layout=compact]) .messages,:host([layout=compact]) cds-internal-control-label[action=primary],:host([layout=horizontal-inline]) cds-internal-control-label[action=primary],:host([layout=horizontal]) cds-internal-control-label[action=primary],:host([status=error]) .messages,:host([status=success]) .messages{padding-top:var(--cds-global-space-3,.25rem)}:host([layout*=vertical]) cds-internal-control-label{--label-width:100%}`;export default a;
+import{css as t}from"lit";var a=t`:host{width:100%}:host([layout=compact]:not([control-width=shrink])) ::slotted(cds-control-message){--max-width:calc(var(--cds-global-layout-space-xxxl, 4rem) * 3)}.control-message-container{-ms-flex-preferred-size:0;flex-basis:0}[cds-button-action].status{height:var(--cds-global-space-7,1rem)}:host([layout=compact]) .messages,:host([layout=compact]) cds-internal-control-label[action=primary],:host([layout=horizontal-inline]) cds-internal-control-label[action=primary],:host([layout=horizontal]) cds-internal-control-label[action=primary],:host([status=error]) .messages,:host([status=success]) .messages{padding-top:var(--cds-global-space-3,.25rem)}:host([layout*=vertical]) cds-internal-control-label{--label-width:100%}`;export{a as default};
 //# sourceMappingURL=control-group.element.scss.js.map

package/forms/control-inline/control-inline.element.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { EventEmitter } from '@cds/core/internal';
 import { CdsControl } from '../control/control.element.js';
 /**
@@ -31,7 +32,7 @@ export declare class CdsInternalControlInline extends CdsControl {
     static get styles(): import("lit").CSSResultGroup[];
     protected get internalLabelTemplate(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(props: Map<string, any>): void;
-    updated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
+    updated(props: PropertyValues<any>): void;
     private selectInput;
 }

package/forms/control-inline/control-inline.element.js

@@ -1,2 +1,2 @@
-import{__decorate as e}from"tslib";import{html as t}from"lit";import{getElementUpdates as i,property as s,state as n,event as o}from"@cds/core/internal";import r from"./control-inline.element.scss.js";import{CdsControl as l}from"../control/control.element.js";import{getStatusIcon as a}from"../utils/utils.js";class c extends l{constructor(){super(...arguments),this.controlAlign="left",this.checked=!1,this.indeterminate=!1,this.supportsPrefixSuffixActions=!1}static get styles(){return[...super.styles,r]}get internalLabelTemplate(){return t`<cds-internal-control-label action="secondary" .disabled="${this.disabled}" cds-layout="align:vertical-center"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></cds-internal-control-label>`}render(){var e,i;return t`<div class="private-host" cds-layout="${this.isControlGroup?"horizontal align:vertical-center":"vertical"} gap:xs"><div cds-layout="horizontal gap:xs wrap:none align:vertical-center ${"right"===this.controlAlign?"order:reverse":""}"><div role="presentation" class="input" @click="${this.selectInput}"></div><div role="presentation" focusable @click="${this.selectInput}"></div>${this.internalLabelTemplate}</div>${(null===(e=this.messages)||void 0===e?void 0:e.length)?t`<div cds-layout="horizontal wrap:none ${(null===(i=this.messages)||void 0===i?void 0:i.length)?"gap:xs":""}">${a(this.status)}<div cds-layout="align:vertical-center" class="messages"><slot name="message"></slot></div></div>`:""}</div><div cds-layout="display:screen-reader-only"><slot name="input"></slot></div>`}firstUpdated(e){super.firstUpdated(e),this.inputControl.addEventListener("change",(()=>this.checked=this.inputControl.checked)),this.observers.push(i(this.inputControl,"checked",(e=>this.checked=""===e||e)),i(this.inputControl,"indeterminate",(e=>this.indeterminate=""===e||e)))}updated(e){super.updated(e),e.has("indeterminate")&&e.get("indeterminate")!==this.indeterminate&&this.indeterminate&&(this.checked=!1),e.has("checked")&&e.get("checked")!==this.checked&&this.checked&&(this.indeterminate=!1,this.checkedChange.emit(this.checked,{bubbles:!this.isControlGroup}))}selectInput(e){this.inputControl.click(),e.preventDefault()}}e([s({type:String})],c.prototype,"controlAlign",void 0),e([n()],c.prototype,"isControlGroup",void 0),e([n({type:Boolean,reflect:!0})],c.prototype,"checked",void 0),e([n({type:Boolean,reflect:!0})],c.prototype,"indeterminate",void 0),e([o()],c.prototype,"checkedChange",void 0);export{c as CdsInternalControlInline};
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{getElementUpdates as i,property as s,state as n,event as o}from"@cds/core/internal";import r from"./control-inline.element.scss.js";import{CdsControl as l}from"../control/control.element.js";import{getStatusIcon as a}from"../utils/utils.js";class c extends l{constructor(){super(...arguments);this.controlAlign="left",this.checked=!1,this.indeterminate=!1,this.supportsPrefixSuffixActions=!1}static get styles(){return[...super.styles,r]}get internalLabelTemplate(){return t`<cds-internal-control-label action="secondary" .disabled="${this.disabled}" cds-layout="align:vertical-center"><slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot></cds-internal-control-label>`}render(){return t`<div class="private-host" cds-layout="${this.isControlGroup?"horizontal align:vertical-center":"vertical"} gap:xs"><div cds-layout="horizontal gap:xs wrap:none align:vertical-center ${"right"===this.controlAlign?"order:reverse":""}"><div role="presentation" class="input" @click="${this.selectInput}"></div><div role="presentation" focusable @click="${this.selectInput}"></div>${this.internalLabelTemplate}</div>${this.messages?.length?t`<div cds-layout="horizontal wrap:none ${this.messages?.length?"gap:xs":""}">${a(this.status)}<div cds-layout="align:vertical-center" class="messages"><slot name="message"></slot></div></div>`:""}</div><div cds-layout="display:screen-reader-only"><slot name="input"></slot></div>`}firstUpdated(e){super.firstUpdated(e),this.inputControl.addEventListener("change",(()=>this.checked=this.inputControl.checked)),this.observers.push(i(this.inputControl,"checked",(e=>this.checked=""===e||e)),i(this.inputControl,"indeterminate",(e=>this.indeterminate=""===e||e)))}updated(e){super.updated(e),e.has("indeterminate")&&e.get("indeterminate")!==this.indeterminate&&this.indeterminate&&(this.checked=!1),e.has("checked")&&e.get("checked")!==this.checked&&this.checked&&(this.indeterminate=!1,this.checkedChange.emit(this.checked,{bubbles:!this.isControlGroup}))}selectInput(e){this.inputControl.click(),e.preventDefault()}}e([s({type:String})],c.prototype,"controlAlign",void 0),e([n()],c.prototype,"isControlGroup",void 0),e([n({type:Boolean,reflect:!0})],c.prototype,"checked",void 0),e([n({type:Boolean,reflect:!0})],c.prototype,"indeterminate",void 0),e([o()],c.prototype,"checkedChange",void 0);export{c as CdsInternalControlInline};
 //# sourceMappingURL=control-inline.element.js.map

package/forms/control-inline/control-inline.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-inline.element.js","sources":["../../../../src/forms/control-inline/control-inline.element.ts"],"sourcesContent":null,"names":["CdsInternalControlInline","CdsControl","[object Object]","super","arguments","this","controlAlign","checked","indeterminate","supportsPrefixSuffixActions","styles","internalLabelTemplate","html","disabled","associateInputAndLabel","_a","_b","isControlGroup","selectInput","messages","length","getStatusIcon","status","props","firstUpdated","inputControl","addEventListener","observers","push","getElementUpdates","value","updated","has","get","checkedChange","emit","bubbles","e","click","preventDefault","__decorate","property","type","String","prototype","state","Boolean","reflect","event"],"mappings":"sTA2BO,MAAMA,UAAiCC,EAC1CC,cACIC,SAASC,WAETC,KAAKC,aAAe,OAEpBD,KAAKE,SAAU,EAEfF,KAAKG,eAAgB,EACrBH,KAAKI,6BAA8B,EAEvCC,oBACI,MAAO,IAAIP,MAAMO,OAAQA,GAE7BC,4BACI,OAAOC,CAAK,6DAC8CP,KAAKQ,gFAC9B,IAAMR,KAAKS,iEAIhDZ,SACI,IAAIa,EAAIC,EACR,OAAOJ,CAAK,yCAGEP,KAAKY,eAAiB,mCAAqC,yFAGe,UAAtBZ,KAAKC,aACjE,gBACA,sDAE4CD,KAAKa,iEACTb,KAAKa,sBAC/Cb,KAAKM,+BAEmB,QAAxBI,EAAKV,KAAKc,gBAA6B,IAAPJ,OAAgB,EAASA,EAAGK,QAC1DR,CAAK,0CAAoE,QAAxBI,EAAKX,KAAKc,gBAA6B,IAAPH,OAAgB,EAASA,EAAGI,QAAU,SAAW,OAChIC,EAAchB,KAAKiB,2GAKrB,wFAOVpB,aAAaqB,GACTpB,MAAMqB,aAAaD,GACnBlB,KAAKoB,aAAaC,iBAAiB,UAAU,IAAOrB,KAAKE,QAAUF,KAAKoB,aAAalB,UACrFF,KAAKsB,UAAUC,KAAKC,EAAkBxB,KAAKoB,aAAc,WAAYK,GAAWzB,KAAKE,QAAoB,KAAVuB,GAAsBA,IAASD,EAAkBxB,KAAKoB,aAAc,iBAAkBK,GAAWzB,KAAKG,cAA0B,KAAVsB,GAAsBA,KAE/O5B,QAAQqB,GACJpB,MAAM4B,QAAQR,GACVA,EAAMS,IAAI,kBAAoBT,EAAMU,IAAI,mBAAqB5B,KAAKG,eAAiBH,KAAKG,gBACxFH,KAAKE,SAAU,GAEfgB,EAAMS,IAAI,YAAcT,EAAMU,IAAI,aAAe5B,KAAKE,SAAWF,KAAKE,UACtEF,KAAKG,eAAgB,EACrBH,KAAK6B,cAAcC,KAAK9B,KAAKE,QAAS,CAAE6B,SAAU/B,KAAKY,kBAG/Df,YAAYmC,GACRhC,KAAKoB,aAAaa,QAClBD,EAAEE,kBAGVC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB3C,EAAyB4C,UAAW,oBAAgB,GACvDJ,EAAW,CACPK,KACD7C,EAAyB4C,UAAW,sBAAkB,GACzDJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjC/C,EAAyB4C,UAAW,eAAW,GAClDJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjC/C,EAAyB4C,UAAW,qBAAiB,GACxDJ,EAAW,CACPQ,KACDhD,EAAyB4C,UAAW,qBAAiB"}
+{"version":3,"file":"control-inline.element.js","sources":["../../../../src/forms/control-inline/control-inline.element.ts"],"sourcesContent":null,"names":["CdsInternalControlInline","CdsControl","[object Object]","super","this","controlAlign","checked","indeterminate","supportsPrefixSuffixActions","styles","internalLabelTemplate","html","disabled","associateInputAndLabel","isControlGroup","selectInput","messages","length","getStatusIcon","status","props","firstUpdated","inputControl","addEventListener","observers","push","getElementUpdates","value","updated","has","get","checkedChange","emit","bubbles","e","click","preventDefault","__decorate","property","type","String","prototype","state","Boolean","reflect","event"],"mappings":"sTA2BO,MAAMA,UAAiCC,EAC1CC,cACIC,oBAEAC,KAAKC,aAAe,OAEpBD,KAAKE,SAAU,EAEfF,KAAKG,eAAgB,EACrBH,KAAKI,6BAA8B,EAEvCC,oBACI,MAAO,IAAIN,MAAMM,OAAQA,GAE7BC,4BACI,OAAOC,CAAK,6DAC8CP,KAAKQ,gFAC9B,IAAMR,KAAKS,iEAIhDX,SACI,OAAOS,CAAK,yCAGEP,KAAKU,eAAiB,mCAAqC,yFAGe,UAAtBV,KAAKC,aACjE,gBACA,sDAE4CD,KAAKW,iEACTX,KAAKW,sBAC/CX,KAAKM,8BAEPN,KAAKY,UAAUC,OACXN,CAAK,yCAA0CP,KAAKY,UAAUC,OAAS,SAAW,OAChFC,EAAcd,KAAKe,2GAKrB,wFAOVjB,aAAakB,GACTjB,MAAMkB,aAAaD,GACnBhB,KAAKkB,aAAaC,iBAAiB,UAAU,IAAOnB,KAAKE,QAAUF,KAAKkB,aAAahB,UACrFF,KAAKoB,UAAUC,KAAKC,EAAkBtB,KAAKkB,aAAc,WAAYK,GAAWvB,KAAKE,QAAoB,KAAVqB,GAAsBA,IAASD,EAAkBtB,KAAKkB,aAAc,iBAAkBK,GAAWvB,KAAKG,cAA0B,KAAVoB,GAAsBA,KAE/OzB,QAAQkB,GACJjB,MAAMyB,QAAQR,GACVA,EAAMS,IAAI,kBAAoBT,EAAMU,IAAI,mBAAqB1B,KAAKG,eAAiBH,KAAKG,gBACxFH,KAAKE,SAAU,GAEfc,EAAMS,IAAI,YAAcT,EAAMU,IAAI,aAAe1B,KAAKE,SAAWF,KAAKE,UACtEF,KAAKG,eAAgB,EACrBH,KAAK2B,cAAcC,KAAK5B,KAAKE,QAAS,CAAE2B,SAAU7B,KAAKU,kBAG/DZ,YAAYgC,GACR9B,KAAKkB,aAAaa,QAClBD,EAAEE,kBAGVC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxC,EAAyByC,UAAW,oBAAgB,GACvDJ,EAAW,CACPK,KACD1C,EAAyByC,UAAW,sBAAkB,GACzDJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjC5C,EAAyByC,UAAW,eAAW,GAClDJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjC5C,EAAyByC,UAAW,qBAAiB,GACxDJ,EAAW,CACPQ,KACD7C,EAAyByC,UAAW,qBAAiB"}

package/forms/control-inline/control-inline.element.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var a=t`:host{width:initial;position:relative;--width:var(--cds-global-space-7, 1rem);--height:var(--cds-global-space-7, 1rem);--cds-alias-object-interaction-touch-target:var(--cds-global-space-8, 1.125rem)}::slotted(label){white-space:nowrap}cds-internal-control-label{padding-top:var(--cds-global-space-2,.125rem)}[cds-button-action].status{padding-top:0!important}.input{outline:0!important}[focusable]{content:"";position:absolute;top:calc((var(--cds-alias-object-interaction-touch-target,2.25rem) - var(--height))*-1/2);left:calc((var(--cds-alias-object-interaction-touch-target,2.25rem) - var(--width))*-1/2);width:var(--cds-alias-object-interaction-touch-target,2.25rem);height:var(--cds-alias-object-interaction-touch-target,2.25rem);cursor:pointer}:host([_disabled]) [focusable]{cursor:not-allowed}`;export default a;
+import{css as t}from"lit";var a=t`:host{width:initial;position:relative;--width:var(--cds-global-space-7, 1rem);--height:var(--cds-global-space-7, 1rem);--cds-alias-object-interaction-touch-target:var(--cds-global-space-8, 1.125rem)}::slotted(label){white-space:nowrap}cds-internal-control-label{padding-top:var(--cds-global-space-2,.125rem)}[cds-button-action].status{padding-top:0!important}.input{outline:0!important}[focusable]{content:"";position:absolute;top:calc((var(--cds-alias-object-interaction-touch-target,2.25rem) - var(--height))*-1/2);left:calc((var(--cds-alias-object-interaction-touch-target,2.25rem) - var(--width))*-1/2);width:var(--cds-alias-object-interaction-touch-target,2.25rem);height:var(--cds-alias-object-interaction-touch-target,2.25rem);cursor:pointer}:host([_disabled]) [focusable]{cursor:not-allowed}`;export{a as default};
 //# sourceMappingURL=control-inline.element.scss.js.map

package/forms/control-label/control-label.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as o,html as r}from"lit";import{baseStyles as s,property as e}from"@cds/core/internal";import i from"./control-label.element.scss.js";class l extends o{constructor(){super(...arguments),this.disabled=!1,this.action="primary"}static get styles(){return[s,i]}render(){return r`<div class="private-host" cds-layout="horizontal gap:xs align:shrink"><slot></slot></div>`}}t([e({type:Boolean})],l.prototype,"disabled",void 0),t([e({type:String})],l.prototype,"action",void 0);export{l as CdsInternalControlLabel};
+import{__decorate as t}from"tslib";import{LitElement as o,html as r}from"lit";import{baseStyles as s,property as e}from"@cds/core/internal";import i from"./control-label.element.scss.js";class l extends o{constructor(){super(...arguments);this.disabled=!1,this.action="primary"}static get styles(){return[s,i]}render(){return r`<div class="private-host" cds-layout="horizontal gap:xs align:shrink"><slot></slot></div>`}}t([e({type:Boolean})],l.prototype,"disabled",void 0),t([e({type:String})],l.prototype,"action",void 0);export{l as CdsInternalControlLabel};
 //# sourceMappingURL=control-label.element.js.map

package/forms/control-label/control-label.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-label.element.js","sources":["../../../../src/forms/control-label/control-label.element.ts"],"sourcesContent":null,"names":["CdsInternalControlLabel","LitElement","[object Object]","super","arguments","this","disabled","action","styles","baseStyles","html","__decorate","property","type","Boolean","prototype","String"],"mappings":"2LA0BO,MAAMA,UAAgCC,EACzCC,cACIC,SAASC,WACTC,KAAKC,UAAW,EAChBD,KAAKE,OAAS,UAElBC,oBACI,MAAO,CAACC,EAAYD,GAExBN,SACI,OAAOQ,CAAK,6FAOpBC,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBd,EAAwBe,UAAW,gBAAY,GAClDJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBhB,EAAwBe,UAAW,cAAU"}
+{"version":3,"file":"control-label.element.js","sources":["../../../../src/forms/control-label/control-label.element.ts"],"sourcesContent":null,"names":["CdsInternalControlLabel","LitElement","[object Object]","super","this","disabled","action","styles","baseStyles","html","__decorate","property","type","Boolean","prototype","String"],"mappings":"2LA0BO,MAAMA,UAAgCC,EACzCC,cACIC,oBACAC,KAAKC,UAAW,EAChBD,KAAKE,OAAS,UAElBC,oBACI,MAAO,CAACC,EAAYD,GAExBL,SACI,OAAOO,CAAK,6FAOpBC,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBb,EAAwBc,UAAW,gBAAY,GAClDJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBf,EAAwBc,UAAW,cAAU"}

package/forms/control-label/control-label.element.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var a=t`:host{contain:inherit!important;--text-transform:initial}:host([action=primary]){min-width:var(--label-width,var(--internal-label-min-width));max-width:var(--label-width,var(--internal-label-max-width,calc(var(--cds-global-layout-space-xxxl,4rem) * 3)))}::slotted([slot=label]){font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif)!important;display:inline-block!important;text-transform:var(--text-transform)!important;cursor:pointer!important;font-size:var(--cds-global-typography-secondary-font-size,.8125rem)!important;font-weight:var(--cds-global-typography-secondary-font-weight,400)!important;color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))!important;line-height:var(--cds-global-typography-secondary-line-height,1.23077em)!important;letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)!important}::slotted([slot=label])::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}::slotted([slot=label])::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}:host([disabled]) ::slotted([slot=label]){color:var(--cds-alias-status-disabled,var(--cds-global-color-construction-300,#aeb8bc))!important;cursor:not-allowed!important}:host([action=primary]) ::slotted([slot=label]){font-weight:var(--cds-global-typography-font-weight-semibold,600)!important}::slotted([cds-button-action]){padding:var(--cds-global-space-4,.375rem) 0 var(--cds-global-space-3,.25rem) 0!important;margin-bottom:calc(-1*var(--cds-global-space-5,.5rem))!important;margin-top:calc(-1*(var(--cds-global-space-6,.75rem) - var(--cds-global-space-2,.125rem)))!important}`;export default a;
+import{css as a}from"lit";var t=a`:host{contain:inherit!important;--text-transform:initial}:host([action=primary]){min-width:var(--label-width,var(--internal-label-min-width));max-width:var(--label-width,var(--internal-label-max-width,calc(var(--cds-global-layout-space-xxxl,4rem) * 3)))}::slotted([slot=label]){font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif)!important;display:inline-block!important;text-transform:var(--text-transform)!important;cursor:pointer!important;font-size:var(--cds-global-typography-secondary-font-size,.8125rem)!important;font-weight:var(--cds-global-typography-secondary-font-weight,400)!important;color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))!important;line-height:var(--cds-global-typography-secondary-line-height,1.23077em)!important;letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)!important}::slotted([slot=label])::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}::slotted([slot=label])::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}:host([disabled]) ::slotted([slot=label]){color:var(--cds-alias-status-disabled,var(--cds-global-color-construction-300,#aeb8bc))!important;cursor:not-allowed!important}:host([action=primary]) ::slotted([slot=label]){font-weight:var(--cds-global-typography-font-weight-semibold,600)!important}::slotted([cds-button-action]){padding:var(--cds-global-space-4,.375rem) 0 var(--cds-global-space-3,.25rem) 0!important;margin-bottom:calc(-1*var(--cds-global-space-5,.5rem))!important;margin-top:calc(-1*(var(--cds-global-space-6,.75rem) - var(--cds-global-space-2,.125rem)))!important}`;export{t as default};
 //# sourceMappingURL=control-label.element.scss.js.map

package/forms/control-message/control-message.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as r}from"lit";import{baseStyles as s,assignSlotNames as o,property as i,state as l}from"@cds/core/internal";import a from"./control-message.element.scss.js";class n extends e{constructor(){super(...arguments),this.status="neutral",this.disabled=!1}render(){return r`<div class="private-host"><slot></slot></div>`}static get styles(){return[s,a]}connectedCallback(){super.connectedCallback(),o([this,"message"])}}t([i({type:String})],n.prototype,"status",void 0),t([i({type:String})],n.prototype,"error",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);export{n as CdsControlMessage};
+import{__decorate as t}from"tslib";import{LitElement as e,html as r}from"lit";import{baseStyles as s,assignSlotNames as o,property as i,state as l}from"@cds/core/internal";import a from"./control-message.element.scss.js";class n extends e{constructor(){super(...arguments);this.status="neutral",this.disabled=!1}render(){return r`<div class="private-host"><slot></slot></div>`}static get styles(){return[s,a]}connectedCallback(){super.connectedCallback(),o([this,"message"])}}t([i({type:String})],n.prototype,"status",void 0),t([i({type:String})],n.prototype,"error",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);export{n as CdsControlMessage};
 //# sourceMappingURL=control-message.element.js.map

package/forms/control-message/control-message.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"control-message.element.js","sources":["../../../../src/forms/control-message/control-message.element.ts"],"sourcesContent":null,"names":["CdsControlMessage","LitElement","[object Object]","super","arguments","this","status","disabled","html","styles","baseStyles","connectedCallback","assignSlotNames","__decorate","property","type","String","prototype","state","Boolean","reflect"],"mappings":"6NAgCO,MAAMA,UAA0BC,EACnCC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UACdD,KAAKE,UAAW,EAEpBL,SACI,OAAOM,CAAK,gDAMhBC,oBACI,MAAO,CAACC,EAAYD,GAExBP,oBACIC,MAAMQ,oBACNC,EAAgB,CAACP,KAAM,aAG/BQ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhB,EAAkBiB,UAAW,cAAU,GAC1CJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhB,EAAkBiB,UAAW,aAAS,GACzCJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjCpB,EAAkBiB,UAAW,gBAAY"}
+{"version":3,"file":"control-message.element.js","sources":["../../../../src/forms/control-message/control-message.element.ts"],"sourcesContent":null,"names":["CdsControlMessage","LitElement","[object Object]","super","this","status","disabled","html","styles","baseStyles","connectedCallback","assignSlotNames","__decorate","property","type","String","prototype","state","Boolean","reflect"],"mappings":"6NAgCO,MAAMA,UAA0BC,EACnCC,cACIC,oBAKAC,KAAKC,OAAS,UACdD,KAAKE,UAAW,EAEpBJ,SACI,OAAOK,CAAK,gDAMhBC,oBACI,MAAO,CAACC,EAAYD,GAExBN,oBACIC,MAAMO,oBACNC,EAAgB,CAACP,KAAM,aAG/BQ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBf,EAAkBgB,UAAW,cAAU,GAC1CJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBf,EAAkBgB,UAAW,aAAS,GACzCJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,QAASC,SAAS,KACjCnB,EAAkBgB,UAAW,gBAAY"}

package/forms/control-message/control-message.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var t=o`:host{--color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048));--font-size:var(--cds-global-typography-font-size-1, 0.6875rem);--font-weight:var(--cds-global-typography-font-weight-regular, 400);--min-width:var(--cds-global-layout-space-xxxl, 4rem);--max-width:initial;min-width:var(--min-width);max-width:var(--max-width)}.private-host{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:1em}.private-host::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}.private-host::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}:host([status=error]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}::slotted([cds-button-action]){margin-bottom:calc(-1*var(--cds-global-space-5,.5rem))}`;export default t;
+import{css as o}from"lit";var t=o`:host{--color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048));--font-size:var(--cds-global-typography-font-size-1, 0.6875rem);--font-weight:var(--cds-global-typography-font-weight-regular, 400);--min-width:var(--cds-global-layout-space-xxxl, 4rem);--max-width:initial;min-width:var(--min-width);max-width:var(--max-width)}.private-host{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:1em}.private-host::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}.private-host::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}:host([status=error]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}::slotted([cds-button-action]){margin-bottom:calc(-1*var(--cds-global-space-5,.5rem))}`;export{t as default};
 //# sourceMappingURL=control-message.element.scss.js.map

package/forms/form-group/form-group.element.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 import { FormLayout, ControlWidth } from '../utils/interfaces.js';
 /**
  * Form
@@ -54,8 +54,8 @@ export declare class CdsFormGroup extends LitElement {
     static get styles(): import("lit").CSSResultGroup[];
     render(): import("lit-html").TemplateResult<1>;
     private overflowElement;
-    firstUpdated(props: Map<string, any>): void;
-    updated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
+    updated(props: PropertyValues<this>): void;
     disconnectedCallback(): void;
     private setControlLabelWidths;
     private syncLayouts;

package/forms/form-group/form-group.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as o,html as s}from"lit";import{baseStyles as e,elementVisible as r,syncDefinedProps as i,childrenUpdateComplete as l,elementResize as a,pxToRem as n,property as p,querySlotAll as d}from"@cds/core/internal";import{defaultFormLayout as h,getLargestPrimaryLabelWidth as c,isVerticalLayout as u}from"../utils/utils.js";import y from"./form-group.element.scss.js";class m extends o{constructor(){super(...arguments),this.layout=h,this.responsive=!0,this.validate=!1,this.observers=[]}get controlsAndGroups(){return[...Array.from(this.groups),...Array.from(this.controls)]}static get styles(){return[e,y]}render(){return s`<div class="private-host" cds-layout="vertical gap:${"compact"===this.layout?"sm":"lg"}"><slot></slot></div>`}firstUpdated(t){super.firstUpdated(t),this.syncLayouts(),this.setControlLabelWidths(),this.observers.push(r(this,(()=>this.setControlLabelWidths())))}updated(t){super.updated(t),i(t,this,this.controlsAndGroups)}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}async setControlLabelWidths(){"horizontal"!==this.layout&&"horizontal-inline"!==this.layout&&"compact"!==this.layout||(await l(this.controlsAndGroups),this.style.setProperty("--internal-label-min-width",await c(this.controlsAndGroups)),a(this,(()=>this.style.setProperty("--internal-label-max-width",n(this.getBoundingClientRect().width)))))}syncLayouts(){this.addEventListener("layoutChange",(t=>{t.preventDefault(),!this.overflowElement&&u(t.detail)&&this.collapseForm(t.target),t.target!==this.overflowElement||u(t.detail)||this.expandForm(t.detail)}))}collapseForm(t){this.overflowElement=t,this.responsive=!1,this.layout="vertical",t.updateComplete.then((()=>t.responsive=!0))}expandForm(t){this.responsive=!0,this.overflowElement=null,this.layout=t}}t([p({type:String})],m.prototype,"layout",void 0),t([p({type:String})],m.prototype,"controlWidth",void 0),t([p({type:Boolean})],m.prototype,"responsive",void 0),t([p({type:Boolean})],m.prototype,"validate",void 0),t([d("[cds-control]")],m.prototype,"controls",void 0),t([d("[cds-control-group]")],m.prototype,"groups",void 0);export{m as CdsFormGroup};
+import{__decorate as t}from"tslib";import{LitElement as o,html as s}from"lit";import{baseStyles as e,elementVisible as r,syncDefinedProps as i,childrenUpdateComplete as l,elementResize as a,pxToRem as n,property as p,querySlotAll as d}from"@cds/core/internal";import{defaultFormLayout as h,getLargestPrimaryLabelWidth as c,isVerticalLayout as u}from"../utils/utils.js";import y from"./form-group.element.scss.js";class m extends o{constructor(){super(...arguments);this.layout=h,this.responsive=!0,this.validate=!1,this.observers=[]}get controlsAndGroups(){return[...Array.from(this.groups),...Array.from(this.controls)]}static get styles(){return[e,y]}render(){return s`<div class="private-host" cds-layout="vertical gap:${"compact"===this.layout?"sm":"lg"}"><slot></slot></div>`}firstUpdated(t){super.firstUpdated(t),this.syncLayouts(),this.setControlLabelWidths(),this.observers.push(r(this,(()=>this.setControlLabelWidths())))}updated(t){super.updated(t),i(t,this,this.controlsAndGroups)}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}async setControlLabelWidths(){"horizontal"!==this.layout&&"horizontal-inline"!==this.layout&&"compact"!==this.layout||(await l(this.controlsAndGroups),this.style.setProperty("--internal-label-min-width",await c(this.controlsAndGroups)),a(this,(()=>this.style.setProperty("--internal-label-max-width",n(this.getBoundingClientRect().width)))))}syncLayouts(){this.addEventListener("layoutChange",(t=>{t.preventDefault(),!this.overflowElement&&u(t.detail)&&this.collapseForm(t.target),t.target!==this.overflowElement||u(t.detail)||this.expandForm(t.detail)}))}collapseForm(t){this.overflowElement=t,this.responsive=!1,this.layout="vertical",t.updateComplete.then((()=>t.responsive=!0))}expandForm(t){this.responsive=!0,this.overflowElement=null,this.layout=t}}t([p({type:String})],m.prototype,"layout",void 0),t([p({type:String})],m.prototype,"controlWidth",void 0),t([p({type:Boolean})],m.prototype,"responsive",void 0),t([p({type:Boolean})],m.prototype,"validate",void 0),t([d("[cds-control]")],m.prototype,"controls",void 0),t([d("[cds-control-group]")],m.prototype,"groups",void 0);export{m as CdsFormGroup};
 //# sourceMappingURL=form-group.element.js.map

package/forms/form-group/form-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-group.element.js","sources":["../../../../src/forms/form-group/form-group.element.ts"],"sourcesContent":null,"names":["CdsFormGroup","LitElement","[object Object]","super","arguments","this","layout","defaultFormLayout","responsive","validate","observers","controlsAndGroups","Array","from","groups","controls","styles","baseStyles","html","props","firstUpdated","syncLayouts","setControlLabelWidths","push","elementVisible","updated","syncDefinedProps","disconnectedCallback","forEach","o","disconnect","childrenUpdateComplete","style","setProperty","getLargestPrimaryLabelWidth","elementResize","pxToRem","getBoundingClientRect","width","addEventListener","e","preventDefault","overflowElement","isVerticalLayout","detail","collapseForm","target","expandForm","control","updateComplete","then","__decorate","property","type","String","prototype","Boolean","querySlotAll"],"mappings":"6ZAmCO,MAAMA,UAAqBC,EAC9BC,cACIC,SAASC,WAMTC,KAAKC,OAASC,EAKdF,KAAKG,YAAa,EAKlBH,KAAKI,UAAW,EAChBJ,KAAKK,UAAY,GAErBC,wBACI,MAAO,IAAIC,MAAMC,KAAKR,KAAKS,WAAYF,MAAMC,KAAKR,KAAKU,WAE3DC,oBACI,MAAO,CAACC,EAAYD,GAExBd,SACI,OAAOgB,CAAK,sDACuD,YAAhBb,KAAKC,OAAuB,KAAO,4BAK1FJ,aAAaiB,GACThB,MAAMiB,aAAaD,GACnBd,KAAKgB,cACLhB,KAAKiB,wBACLjB,KAAKK,UAAUa,KAAKC,EAAenB,MAAM,IAAMA,KAAKiB,2BAExDpB,QAAQiB,GACJhB,MAAMsB,QAAQN,GACdO,EAAiBP,EAAOd,KAAMA,KAAKM,mBAEvCT,uBACIC,MAAMwB,uBACNtB,KAAKK,UAAUkB,SAAQC,GAAKA,EAAEC,eAElC5B,8BACwB,eAAhBG,KAAKC,QAA2C,sBAAhBD,KAAKC,QAAkD,YAAhBD,KAAKC,eACtEyB,EAAuB1B,KAAKM,mBAClCN,KAAK2B,MAAMC,YAAY,mCAAoCC,EAA4B7B,KAAKM,oBAC5FwB,EAAc9B,MAAM,IAAMA,KAAK2B,MAAMC,YAAY,6BAA8BG,EAAQ/B,KAAKgC,wBAAwBC,WAG5HpC,cACIG,KAAKkC,iBAAiB,gBAAiBC,IACnCA,EAAEC,kBACGpC,KAAKqC,iBAAmBC,EAAiBH,EAAEI,SAC5CvC,KAAKwC,aAAaL,EAAEM,QAEpBN,EAAEM,SAAWzC,KAAKqC,iBAAoBC,EAAiBH,EAAEI,SACzDvC,KAAK0C,WAAWP,EAAEI,WAI9B1C,aAAa8C,GACT3C,KAAKqC,gBAAkBM,EACvB3C,KAAKG,YAAa,EAClBH,KAAKC,OAAS,WACd0C,EAAQC,eAAeC,MAAK,IAAOF,EAAQxC,YAAa,IAE5DN,WAAWI,GACPD,KAAKG,YAAa,EAClBH,KAAKqC,gBAAkB,KACvBrC,KAAKC,OAASA,GAGtB6C,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtD,EAAauD,UAAW,cAAU,GACrCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtD,EAAauD,UAAW,oBAAgB,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBxD,EAAauD,UAAW,kBAAc,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBxD,EAAauD,UAAW,gBAAY,GACvCJ,EAAW,CACPM,EAAa,kBACdzD,EAAauD,UAAW,gBAAY,GACvCJ,EAAW,CACPM,EAAa,wBACdzD,EAAauD,UAAW,cAAU"}
+{"version":3,"file":"form-group.element.js","sources":["../../../../src/forms/form-group/form-group.element.ts"],"sourcesContent":null,"names":["CdsFormGroup","LitElement","[object Object]","super","this","layout","defaultFormLayout","responsive","validate","observers","controlsAndGroups","Array","from","groups","controls","styles","baseStyles","html","props","firstUpdated","syncLayouts","setControlLabelWidths","push","elementVisible","updated","syncDefinedProps","disconnectedCallback","forEach","o","disconnect","childrenUpdateComplete","style","setProperty","getLargestPrimaryLabelWidth","elementResize","pxToRem","getBoundingClientRect","width","addEventListener","e","preventDefault","overflowElement","isVerticalLayout","detail","collapseForm","target","expandForm","control","updateComplete","then","__decorate","property","type","String","prototype","Boolean","querySlotAll"],"mappings":"6ZAmCO,MAAMA,UAAqBC,EAC9BC,cACIC,oBAMAC,KAAKC,OAASC,EAKdF,KAAKG,YAAa,EAKlBH,KAAKI,UAAW,EAChBJ,KAAKK,UAAY,GAErBC,wBACI,MAAO,IAAIC,MAAMC,KAAKR,KAAKS,WAAYF,MAAMC,KAAKR,KAAKU,WAE3DC,oBACI,MAAO,CAACC,EAAYD,GAExBb,SACI,OAAOe,CAAK,sDACuD,YAAhBb,KAAKC,OAAuB,KAAO,4BAK1FH,aAAagB,GACTf,MAAMgB,aAAaD,GACnBd,KAAKgB,cACLhB,KAAKiB,wBACLjB,KAAKK,UAAUa,KAAKC,EAAenB,MAAM,IAAMA,KAAKiB,2BAExDnB,QAAQgB,GACJf,MAAMqB,QAAQN,GACdO,EAAiBP,EAAOd,KAAMA,KAAKM,mBAEvCR,uBACIC,MAAMuB,uBACNtB,KAAKK,UAAUkB,SAAQC,GAAKA,EAAEC,eAElC3B,8BACwB,eAAhBE,KAAKC,QAA2C,sBAAhBD,KAAKC,QAAkD,YAAhBD,KAAKC,eACtEyB,EAAuB1B,KAAKM,mBAClCN,KAAK2B,MAAMC,YAAY,mCAAoCC,EAA4B7B,KAAKM,oBAC5FwB,EAAc9B,MAAM,IAAMA,KAAK2B,MAAMC,YAAY,6BAA8BG,EAAQ/B,KAAKgC,wBAAwBC,WAG5HnC,cACIE,KAAKkC,iBAAiB,gBAAiBC,IACnCA,EAAEC,kBACGpC,KAAKqC,iBAAmBC,EAAiBH,EAAEI,SAC5CvC,KAAKwC,aAAaL,EAAEM,QAEpBN,EAAEM,SAAWzC,KAAKqC,iBAAoBC,EAAiBH,EAAEI,SACzDvC,KAAK0C,WAAWP,EAAEI,WAI9BzC,aAAa6C,GACT3C,KAAKqC,gBAAkBM,EACvB3C,KAAKG,YAAa,EAClBH,KAAKC,OAAS,WACd0C,EAAQC,eAAeC,MAAK,IAAOF,EAAQxC,YAAa,IAE5DL,WAAWG,GACPD,KAAKG,YAAa,EAClBH,KAAKqC,gBAAkB,KACvBrC,KAAKC,OAASA,GAGtB6C,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBrD,EAAasD,UAAW,cAAU,GACrCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBrD,EAAasD,UAAW,oBAAgB,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBvD,EAAasD,UAAW,kBAAc,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBvD,EAAasD,UAAW,gBAAY,GACvCJ,EAAW,CACPM,EAAa,kBACdxD,EAAasD,UAAW,gBAAY,GACvCJ,EAAW,CACPM,EAAa,wBACdxD,EAAasD,UAAW,cAAU"}

package/forms/form-group/form-group.element.scss.js

@@ -1,2 +1,2 @@
-import{css as i}from"lit";var t=i`:host{--internal-label-min-width:initial;display:block;width:100%}.private-host{width:100%}`;export default t;
+import{css as i}from"lit";var t=i`:host{--internal-label-min-width:initial;display:block;width:100%}.private-host{width:100%}`;export{t as default};
 //# sourceMappingURL=form-group.element.scss.js.map

package/forms/utils/utils.js

@@ -1,2 +1,2 @@
-import{html as t}from"lit";import{createId as n,pxToRem as i}from"@cds/core/internal";const e=["vertical","vertical-inline","horizontal","horizontal-inline","compact"],o="horizontal",r="stretch";function l(t,n){t&&n&&(a(t),n.setAttribute("for",t.id))}function c(t,n){n&&(a(t),n.id=t.id+"-datalist",t.setAttribute("list",n.id))}function a(t){t.id.length||(t.id=n())}const u={"horizontal-inline":"horizontal","vertical-inline":"vertical",horizontal:"horizontal",vertical:"vertical",compact:"compact"};function s(n){return t`${"neutral"!==n?t`<cds-button-action readonly="readonly" class="status" cds-layout="align:shrink"><cds-icon status="${"error"===n?"danger":"success"}" shape="${"error"===n?"exclamation-circle":"check-circle"}" size="16" inner-offset="${4}"></cds-icon></cds-button-action>`:""}`}async function d(t){return Promise.all(t.map((t=>t.updateComplete))).then((()=>{const n=t.filter((t=>{var n;return"primary"===(null===(n=t.controlLabel)||void 0===n?void 0:n.action)}));return i(Math.max(...n.map((t=>t.controlLabel.getBoundingClientRect().width))))}))}function h(t,n,i){return"vertical"!==i&&"vertical-inline"!==i&&t.getBoundingClientRect().top>(null==n?void 0:n.getBoundingClientRect().top)+12}function p(t,n){const i=t[0],e=t[t.length-1];return("vertical-inline"===n||"horizontal-inline"===n)&&e.getBoundingClientRect().top>i.getBoundingClientRect().top}function f(t){return"vertical"===t||"vertical-inline"===t}async function v(t){const n=t.find((t=>"neutral"!==t.status));return await(null==n?void 0:n.updateComplete),n&&!n.hidden?n.status:"neutral"}export{a as assignInputId,l as associateInputAndLabel,c as associateInputToDatalist,h as controlIsWrapped,r as defaultControlWidth,o as defaultFormLayout,e as formLayouts,v as getCurrentMessageStatus,d as getLargestPrimaryLabelWidth,s as getStatusIcon,p as inlineControlListIsWrapped,f as isVerticalLayout,u as layoutGroupToControlMapper};
+import{html as t}from"lit";import{createId as n,pxToRem as i}from"@cds/core/internal";const e=["vertical","vertical-inline","horizontal","horizontal-inline","compact"],o="horizontal",r="stretch";function c(t,n){t&&n&&(l(t),n.setAttribute("for",t.id))}function a(t,n){n&&(l(t),n.id=t.id+"-datalist",t.setAttribute("list",n.id))}function l(t){t.id.length||(t.id=n())}const s={"horizontal-inline":"horizontal","vertical-inline":"vertical",horizontal:"horizontal",vertical:"vertical",compact:"compact"};function u(n){return t`${"neutral"!==n?t`<cds-button-action readonly="readonly" class="status" cds-layout="align:shrink"><cds-icon status="${"error"===n?"danger":"success"}" shape="${"error"===n?"exclamation-circle":"check-circle"}" size="16" inner-offset="${4}"></cds-icon></cds-button-action>`:""}`}async function d(t){return Promise.all(t.map((t=>t.updateComplete))).then((()=>{const n=t.filter((t=>"primary"===t.controlLabel?.action));return i(Math.max(...n.map((t=>t.controlLabel.getBoundingClientRect().width))))}))}function h(t,n,i){return"vertical"!==i&&"vertical-inline"!==i&&t.getBoundingClientRect().top>n?.getBoundingClientRect().top+12}function p(t,n){const i=t[0],e=t[t.length-1];return("vertical-inline"===n||"horizontal-inline"===n)&&e.getBoundingClientRect().top>i.getBoundingClientRect().top}function f(t){return"vertical"===t||"vertical-inline"===t}async function m(t){const n=t.find((t=>"neutral"!==t.status));return await(n?.updateComplete),n&&!n.hidden?n.status:"neutral"}export{l as assignInputId,c as associateInputAndLabel,a as associateInputToDatalist,h as controlIsWrapped,r as defaultControlWidth,o as defaultFormLayout,e as formLayouts,m as getCurrentMessageStatus,d as getLargestPrimaryLabelWidth,u as getStatusIcon,p as inlineControlListIsWrapped,f as isVerticalLayout,s as layoutGroupToControlMapper};
 //# sourceMappingURL=utils.js.map