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

package/pagination/pagination.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{baseStyles as i,notProductionEnvironment as s,LogService as e,globalStyle as r,querySlot as o}from"@cds/core/internal";import{LitElement as n,css as a,html as l}from"lit";import{cache as p}from"lit/directives/cache.js";import u from"./pagination.element.scss.js";class d extends n{constructor(){super(...arguments),this.globalStyles=a`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=l`<slot></slot>`,i=l`<div cds-layout="horizontal gap:sm align:center"><slot></slot></div>`;return l`${p(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[i,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){var t;s()&&!(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)&&e.warn("An aria-label is missing",this)}}t([r()],d.prototype,"globalStyles",void 0),t([o("cds-input[cds-pagination-number]")],d.prototype,"numberInput",void 0);export{d as CdsPagination};
+import{__decorate as t}from"tslib";import{LitElement as i,css as s,html as e}from"lit";import{cache as r}from"lit/directives/cache.js";import{baseStyles as n,notProductionEnvironment as o,LogService as a,globalStyle as l,querySlot as p}from"@cds/core/internal";import u from"./pagination.element.scss.js";class m extends i{constructor(){super(...arguments);this.globalStyles=s`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=e`<slot></slot>`,i=e`<div cds-layout="horizontal gap:sm align:center"><slot></slot></div>`;return e`${r(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[n,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){o()&&!this.getAttribute("aria-label")?.length&&a.warn("An aria-label is missing",this)}}t([l()],m.prototype,"globalStyles",void 0),t([p("cds-input[cds-pagination-number]")],m.prototype,"numberInput",void 0);export{m as CdsPagination};
 //# sourceMappingURL=pagination.element.js.map

package/pagination/pagination.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.element.js","sources":["../../../src/pagination/pagination.element.ts"],"sourcesContent":null,"names":["CdsPagination","LitElement","[object Object]","super","arguments","this","globalStyles","css","userLayout","html","defaultLayout","cache","hasAttribute","styles","baseStyles","props","firstUpdated","setupNumberInput","validateAriaLabel","numberInput","controlWidth","layout","_a","notProductionEnvironment","getAttribute","length","LogService","warn","__decorate","globalStyle","prototype","querySlot"],"mappings":"iTAkCO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,aAAeC,CAAI,mEAM5BL,SACI,MAAMM,EAAaC,CAAK,gBAClBC,EAAgBD,CAAK,uEAC3B,OAAOA,CAAK,GAAGE,EAAMN,KAAKO,aAAa,cAAgBJ,EAAaE,KAExEG,oBACI,MAAO,CAACC,EAAYD,GAExBX,aAAaa,GACTZ,MAAMa,aAAaD,GACnBV,KAAKY,mBACLZ,KAAKa,oBAEThB,mBACQG,KAAKc,cACLd,KAAKc,YAAYC,aAAe,SAChCf,KAAKc,YAAYE,OAAS,WAGlCnB,oBACI,IAAIoB,EACAC,OAA2E,QAA1CD,EAAKjB,KAAKmB,aAAa,qBAAkC,IAAPF,OAAgB,EAASA,EAAGG,SAC/GC,EAAWC,KAAK,2BAA4BtB,OAIxDuB,EAAW,CACPC,KACD7B,EAAc8B,UAAW,oBAAgB,GAC5CF,EAAW,CACPG,EAAU,qCACX/B,EAAc8B,UAAW,mBAAe"}
+{"version":3,"file":"pagination.element.js","sources":["../../../src/pagination/pagination.element.ts"],"sourcesContent":null,"names":["CdsPagination","LitElement","[object Object]","super","this","globalStyles","css","userLayout","html","defaultLayout","cache","hasAttribute","styles","baseStyles","props","firstUpdated","setupNumberInput","validateAriaLabel","numberInput","controlWidth","layout","notProductionEnvironment","getAttribute","length","LogService","warn","__decorate","globalStyle","prototype","querySlot"],"mappings":"iTAkCO,MAAMA,UAAsBC,EAC/BC,cACIC,oBACAC,KAAKC,aAAeC,CAAI,mEAM5BJ,SACI,MAAMK,EAAaC,CAAK,gBAClBC,EAAgBD,CAAK,uEAC3B,OAAOA,CAAK,GAAGE,EAAMN,KAAKO,aAAa,cAAgBJ,EAAaE,KAExEG,oBACI,MAAO,CAACC,EAAYD,GAExBV,aAAaY,GACTX,MAAMY,aAAaD,GACnBV,KAAKY,mBACLZ,KAAKa,oBAETf,mBACQE,KAAKc,cACLd,KAAKc,YAAYC,aAAe,SAChCf,KAAKc,YAAYE,OAAS,WAGlClB,oBACQmB,MAA+BjB,KAAKkB,aAAa,eAAeC,QAChEC,EAAWC,KAAK,2BAA4BrB,OAIxDsB,EAAW,CACPC,KACD3B,EAAc4B,UAAW,oBAAgB,GAC5CF,EAAW,CACPG,EAAU,qCACX7B,EAAc4B,UAAW,mBAAe"}

package/pagination/pagination.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var a=o`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);color:var(--color);display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;font-size:var(--font-size)}::slotted(cds-input[cds-pagination-number]){--background:var(--cds-alias-object-container-background);--border-radius:var(--cds-alias-object-border-radius-100);--border:var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-border-color);--border-bottom:0;--padding:var(--cds-global-space-2) var(--cds-global-space-4) 0;--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--text-align:center}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export default a;
+import{css as o}from"lit";var a=o`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);color:var(--color);display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;font-size:var(--font-size)}::slotted(cds-input[cds-pagination-number]){--background:var(--cds-alias-object-container-background);--border-radius:var(--cds-alias-object-border-radius-100);--border:var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-border-color);--border-bottom:0;--padding:var(--cds-global-space-2) var(--cds-global-space-4) 0;--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--text-align:center}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export{a as default};
 //# sourceMappingURL=pagination.element.scss.js.map

package/pagination/register.d.ts

@@ -1,6 +1,7 @@
 import '@cds/core/button/register.js';
 import '@cds/core/icon/register.js';
 import '@cds/core/input/register.js';
+import '@cds/core/select/register.js';
 import { CdsPaginationButton } from './pagination-button.element.js';
 import { CdsPagination } from './pagination.element.js';
 declare global {

package/pagination/register.js

@@ -1,2 +1,2 @@
-import"@cds/core/button/register.js";import"@cds/core/icon/register.js";import"@cds/core/input/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as r}from"@cds/core/icon/icon.service.js";import{angleIcon as i}from"@cds/core/icon/shapes/angle.js";import{stepForward2Icon as s}from"@cds/core/icon/shapes/step-forward-2.js";import{CdsPaginationButton as t}from"./pagination-button.element.js";import{CdsPagination as e}from"./pagination.element.js";o("cds-pagination",e),o("cds-pagination-button",t),r.addIcons(i),r.addIcons(s);
+import"@cds/core/button/register.js";import"@cds/core/icon/register.js";import"@cds/core/input/register.js";import"@cds/core/select/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as r}from"@cds/core/icon/icon.service.js";import{angleIcon as s}from"@cds/core/icon/shapes/angle.js";import{stepForward2Icon as e}from"@cds/core/icon/shapes/step-forward-2.js";import{CdsPaginationButton as i}from"./pagination-button.element.js";import{CdsPagination as t}from"./pagination.element.js";o("cds-pagination",t),o("cds-pagination-button",i),r.addIcons(s),r.addIcons(e);
 //# sourceMappingURL=register.js.map

package/pagination/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/pagination/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsPagination","CdsPaginationButton","ClarityIcons","addIcons","angleIcon","stepForward2Icon"],"mappings":"weAcAA,EAAsB,iBAAkBC,GACxCD,EAAsB,wBAAyBE,GAC/CC,EAAaC,SAASC,GACtBF,EAAaC,SAASE"}
+{"version":3,"file":"register.js","sources":["../../../src/pagination/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsPagination","CdsPaginationButton","ClarityIcons","addIcons","angleIcon","stepForward2Icon"],"mappings":"6gBAeAA,EAAsB,iBAAkBC,GACxCD,EAAsB,wBAAyBE,GAC/CC,EAAaC,SAASC,GACtBF,EAAaC,SAASE"}

package/pagination/utils.js

@@ -1,2 +1,2 @@
-function e(e){var i;return null!==(i={next:{shape:"angle",direction:"right"},last:{shape:"step-forward-2",direction:"up"},prev:{shape:"angle",direction:"left"},first:{shape:"step-forward-2",direction:"down"}}[e])&&void 0!==i?i:{shape:"ellipsis-vertical",direction:"up"}}export{e as getPaginationIconConfig};
+function e(e){return{next:{shape:"angle",direction:"right"},last:{shape:"step-forward-2",direction:"up"},prev:{shape:"angle",direction:"left"},first:{shape:"step-forward-2",direction:"down"}}[e]??{shape:"ellipsis-vertical",direction:"up"}}export{e as getPaginationIconConfig};
 //# sourceMappingURL=utils.js.map

package/pagination/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/pagination/utils.ts"],"sourcesContent":null,"names":["getPaginationIconConfig","action","_a","next","shape","direction","last","prev","first"],"mappings":"AAKO,SAASA,EAAwBC,GACpC,IAAIC,EAOJ,OAAiC,QAAzBA,EANO,CACXC,KAAM,CAAEC,MAAO,QAASC,UAAW,SACnCC,KAAM,CAAEF,MAAO,iBAAkBC,UAAW,MAC5CE,KAAM,CAAEH,MAAO,QAASC,UAAW,QACnCG,MAAO,CAAEJ,MAAO,iBAAkBC,UAAW,SAE7BJ,UAA4B,IAAPC,EAAgBA,EAAK,CAAEE,MAAO,oBAAqBC,UAAW"}
+{"version":3,"file":"utils.js","sources":["../../../src/pagination/utils.ts"],"sourcesContent":null,"names":["getPaginationIconConfig","action","next","shape","direction","last","prev","first"],"mappings":"AAKO,SAASA,EAAwBC,GAOpC,MANe,CACXC,KAAM,CAAEC,MAAO,QAASC,UAAW,SACnCC,KAAM,CAAEF,MAAO,iBAAkBC,UAAW,MAC5CE,KAAM,CAAEH,MAAO,QAASC,UAAW,QACnCG,MAAO,CAAEJ,MAAO,iBAAkBC,UAAW,SAEnCH,IAAW,CAAEE,MAAO,oBAAqBC,UAAW"}

package/password/password.element.js

@@ -1,2 +1,2 @@
-import{__decorate as s}from"tslib";import{html as o}from"lit";import{I18nService as t,state as i,i18n as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as d}from"@cds/core/icon/icon.service.js";import{eyeIcon as a}from"@cds/core/icon/shapes/eye.js";import{eyeHideIcon as h}from"@cds/core/icon/shapes/eye-hide.js";class n extends e{constructor(){super(),this.showPassword=!1,this.i18n=t.keys.password,d.addIcons(a,h)}get suffixDefaultTemplate(){return o`<cds-button-action @click="${()=>this.togglePasswordVisibility()}" .pressed="${this.showPassword}" .ariaLabel="${this.showPassword?this.i18n.hideButtonAriaLabel:this.i18n.showButtonAriaLabel}"><cds-icon shape="${this.showPassword?"eye-hide":"eye"}"></cds-icon></cds-button-action>`}static get styles(){return[...super.styles,c]}togglePasswordVisibility(){this.showPassword=!this.showPassword,this.inputControl.type=this.showPassword?"text":"password",this.inputControl.focus()}}s([i()],n.prototype,"showPassword",void 0),s([r()],n.prototype,"i18n",void 0);export{n as CdsPassword};
+import{__decorate as s}from"tslib";import{html as o}from"lit";import{I18nService as t,state as i,i18n as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as d}from"@cds/core/icon/icon.service.js";import{eyeIcon as a}from"@cds/core/icon/shapes/eye.js";import{eyeHideIcon as h}from"@cds/core/icon/shapes/eye-hide.js";class n extends e{constructor(){super();this.showPassword=!1,this.i18n=t.keys.password,d.addIcons(a,h)}get suffixDefaultTemplate(){return o`<cds-button-action @click="${()=>this.togglePasswordVisibility()}" .pressed="${this.showPassword}" .ariaLabel="${this.showPassword?this.i18n.hideButtonAriaLabel:this.i18n.showButtonAriaLabel}"><cds-icon shape="${this.showPassword?"eye-hide":"eye"}"></cds-icon></cds-button-action>`}static get styles(){return[...super.styles,c]}togglePasswordVisibility(){this.showPassword=!this.showPassword,this.inputControl.type=this.showPassword?"text":"password",this.inputControl.focus()}}s([i()],n.prototype,"showPassword",void 0),s([r()],n.prototype,"i18n",void 0);export{n as CdsPassword};
 //# sourceMappingURL=password.element.js.map

package/polyfills/aria-reflect.js

@@ -1,2 +1,2 @@
-let e=!1,t=!1;function o(){var e,t,o;return void 0!==(null===(o=null===(t=null===(e=globalThis)||void 0===e?void 0:e.process)||void 0===t?void 0:t.env)||void 0===o?void 0:o.JEST_WORKER_ID)}function l(e,t,o){Object.defineProperty(e,o,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(t)?this.getAttribute(t):null},set:function(e){null!==e?this.setAttribute(t,e):this.removeAttribute(t)}})}e||Element.prototype.hasOwnProperty("role")||o()||(l(Element.prototype,"role","role"),e=!0),t||Element.prototype.hasOwnProperty("ariaLabel")||o()||(t=!0,["ActiveDescendant","Atomic","AutoComplete","Busy","Checked","ColCount","ColIndex","ColSpan","Controls","Current","DescribedBy","Details","Disabled","ErrorMessage","Expanded","FlowTo","HasPopup","Hidden","Invalid","KeyShortcuts","Label","LabelledBy","Level","Live","Modal","MultiLine","MultiSelectable","Orientation","Owns","Placeholder","PosInSet","Pressed","ReadOnly","Relevant","Required","RoleDescription","RowCount","RowIndex","RowSpan","Selected","SetSize","Sort","ValueMax","ValueMin","ValueNow","ValueText"].forEach((e=>l(Element.prototype,"aria-"+e.toLowerCase(),"aria"+e))));export{l as reflect};
+let e=!1,t=!1;function o(e,t,o){Object.defineProperty(e,o,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(t)?this.getAttribute(t):null},set:function(e){null!==e?this.setAttribute(t,e):this.removeAttribute(t)}})}e||Element.prototype.hasOwnProperty("role")||(o(Element.prototype,"role","role"),e=!0),t||Element.prototype.hasOwnProperty("ariaLabel")||(t=!0,["ActiveDescendant","Atomic","AutoComplete","Busy","Checked","ColCount","ColIndex","ColSpan","Controls","Current","DescribedBy","Details","Disabled","ErrorMessage","Expanded","FlowTo","HasPopup","Hidden","Invalid","KeyShortcuts","Label","LabelledBy","Level","Live","Modal","MultiLine","MultiSelectable","Orientation","Owns","Placeholder","PosInSet","Pressed","ReadOnly","Relevant","Required","RoleDescription","RowCount","RowIndex","RowSpan","Selected","SetSize","Sort","ValueMax","ValueMin","ValueNow","ValueText"].forEach((e=>o(Element.prototype,"aria-"+e.toLowerCase(),"aria"+e))));export{o as reflect};
 //# sourceMappingURL=aria-reflect.js.map

package/polyfills/aria-reflect.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria-reflect.js","sources":["../../../src/polyfills/aria-reflect.ts"],"sourcesContent":null,"names":["roleRegistered","ariaRegistered","isNode","_a","_b","_c","undefined","globalThis","process","env","JEST_WORKER_ID","reflect","element","attributeName","propertyName","Object","defineProperty","configurable","enumerable","get","this","hasAttribute","getAttribute","set","value","setAttribute","removeAttribute","Element","prototype","hasOwnProperty","forEach","name","toLowerCase"],"mappings":"AAKA,IAAIA,GAAiB,EACjBC,GAAiB,EACrB,SAASC,IACL,IAAIC,EAAIC,EAAIC,EACZ,YAAgMC,KAAxD,QAA/HD,EAAkF,QAA5ED,EAA2B,QAArBD,EAAKI,kBAA+B,IAAPJ,OAAgB,EAASA,EAAGK,eAA4B,IAAPJ,OAAgB,EAASA,EAAGK,WAAwB,IAAPJ,OAAgB,EAASA,EAAGK,gBA4DzK,SAASC,EAAQC,EAASC,EAAeC,GAC5CC,OAAOC,eAAeJ,EAASE,EAAc,CACzCG,cAAc,EACdC,YAAY,EACZC,IAAK,WACD,OAAOC,KAAKC,aAAaR,GAAiBO,KAAKE,aAAaT,GAAiB,MAEjFU,IAAK,SAAUC,GACG,OAAVA,EACAJ,KAAKK,aAAaZ,EAAeW,GAGjCJ,KAAKM,gBAAgBb,MArEhCb,GAAmB2B,QAAQC,UAAUC,eAAe,SAAY3B,MACjES,EAAQgB,QAAQC,UAAW,OAAQ,QACnC5B,GAAiB,GAIhBC,GAAmB0B,QAAQC,UAAUC,eAAe,cAAiB3B,MACtED,GAAiB,EACjB,CACI,mBACA,SACA,eACA,OACA,UACA,WACA,WACA,UACA,WACA,UACA,cACA,UACA,WACA,eACA,WACA,SACA,WACA,SACA,UACA,eACA,QACA,aACA,QACA,OACA,QACA,YACA,kBACA,cACA,OACA,cACA,WACA,UACA,WACA,WACA,WACA,kBACA,WACA,WACA,UACA,WACA,UACA,OACA,WACA,WACA,WACA,aACF6B,SAAQC,GAAQpB,EAAQgB,QAAQC,UAAW,QAAQG,EAAKC,cAAiB,OAAOD"}
+{"version":3,"file":"aria-reflect.js","sources":["../../../src/polyfills/aria-reflect.ts"],"sourcesContent":null,"names":["roleRegistered","ariaRegistered","reflect","element","attributeName","propertyName","Object","defineProperty","configurable","enumerable","get","this","hasAttribute","getAttribute","set","value","setAttribute","removeAttribute","Element","prototype","hasOwnProperty","forEach","name","toLowerCase"],"mappings":"AAKA,IAAIA,GAAiB,EACjBC,GAAiB,EA2Dd,SAASC,EAAQC,EAASC,EAAeC,GAC5CC,OAAOC,eAAeJ,EAASE,EAAc,CACzCG,cAAc,EACdC,YAAY,EACZC,IAAK,WACD,OAAOC,KAAKC,aAAaR,GAAiBO,KAAKE,aAAaT,GAAiB,MAEjFU,IAAK,SAAUC,GACG,OAAVA,EACAJ,KAAKK,aAAaZ,EAAeW,GAGjCJ,KAAKM,gBAAgBb,MArEhCJ,GAAmBkB,QAAQC,UAAUC,eAAe,UACrDlB,EAAQgB,QAAQC,UAAW,OAAQ,QACnCnB,GAAiB,GAIhBC,GAAmBiB,QAAQC,UAAUC,eAAe,eACrDnB,GAAiB,EACjB,CACI,mBACA,SACA,eACA,OACA,UACA,WACA,WACA,UACA,WACA,UACA,cACA,UACA,WACA,eACA,WACA,SACA,WACA,SACA,UACA,eACA,QACA,aACA,QACA,OACA,QACA,YACA,kBACA,cACA,OACA,cACA,WACA,UACA,WACA,WACA,WACA,kBACA,WACA,WACA,UACA,WACA,UACA,OACA,WACA,WACA,WACA,aACFoB,SAAQC,GAAQpB,EAAQgB,QAAQC,UAAW,QAAQG,EAAKC,cAAiB,OAAOD"}

package/progress-circle/progress-circle.element.d.ts

@@ -1,5 +1,5 @@
+import { LitElement, PropertyValues } from 'lit';
 import { StatusTypes } from '@cds/core/internal';
-import { LitElement } from 'lit';
 /**
  * Circular progress indicators provide a method to track how close long-running tasks are to
  * completion. Circular progress offer a compact way to track progress in a variety of situations.
@@ -55,31 +55,13 @@ export declare class CdsProgressCircle extends LitElement {
      */
     set size(val: string);
     private _ariaLabel;
-    /**
-     * The aria-label attribute is added here as a convenience. It is not set
-     * to a default value.
-     *
-     * If this attribute/property remains unset, it will default to an i18n string.
-     * This means that the aria-label can be customized using the aria-label
-     * attribute or by overriding the i18n value for the progress circle.
-     */
-    get ariaLabel(): string;
-    /**
-     * Changes the svg glyph displayed in the icon component. Defaults to the 'unknown' icon if
-     * the specified icon cannot be found in the icon registry.
-     */
-    set ariaLabel(newAriaLabel: string);
     i18n: {
         loading: string;
         looping: string;
     };
-    /** @private */
-    setAriaAttributes(oldValueForAriaLabelCheck?: number): void;
     connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected observers: MutationObserver[];
-    firstUpdated(props: Map<string, any>): void;
-    updated(props: Map<string, any>): void;
+    protected updated(props: PropertyValues<this>): void;
+    private updateAria;
     render(): import("lit-html").TemplateResult<1>;
     static get styles(): import("lit").CSSResultGroup[];
 }

package/progress-circle/progress-circle.element.js

@@ -1,2 +1,2 @@
-import{__decorate as s}from"tslib";import{I18nService as t,hasStringPropertyChanged as e,updateEquilateralSizeStyles as i,isNilOrEmpty as r,setAttributes as a,listenForAttributeChange as o,baseStyles as l,property as h,i18n as n}from"@cds/core/internal";import{LitElement as p,html as u}from"lit";import c from"ramda/es/isNil.js";import d from"./progress-circle.element.scss.js";import{getProgressCircleRadius as b,getAriaLabelOrDefault as g,getDefaultAriaLabel as v,getProgressCircleAriaAttributes as f}from"./progress-circle.utils.js";class m extends p{constructor(){super(...arguments),this.status="neutral",this.inverse=!1,this.line=3,this.i18n=t.keys.progress,this.observers=[]}get radius(){return b(this.line)}get circumference(){return 2*Math.PI*this.radius}get progress(){return c(this.value)?30:this.value}get progressOffset(){return(100-this.progress)/100*this.circumference}get size(){return this._size}set size(s){if(e(s,this._size)){const t=this._size;this._size=s,i(this,s),this.requestUpdate("size",t)}}get ariaLabel(){return g(this._ariaLabel,this.value,this.i18n.loading,this.i18n.looping)}set ariaLabel(s){if(e(s,this._ariaLabel)){const t=this._ariaLabel;this._ariaLabel=s,this.requestUpdate("ariaLabel",t)}}setAriaAttributes(s){const t=this.value;let e;e=r(s)?r(t)||this.ariaLabel!==this.i18n.looping?this.ariaLabel:v(t,this.i18n.loading,this.i18n.looping):g(this._ariaLabel,t,this.i18n.loading,this.i18n.looping,s);const i=f(t,e);a(this,...i)}connectedCallback(){super.connectedCallback(),this.setAriaAttributes()}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((s=>s.disconnect()))}firstUpdated(s){super.firstUpdated(s),this.observers.push(o(this,"cds-i18n",(()=>{const s=this.ariaLabel;this.ariaLabel="",this.requestUpdate("ariaLabel",s)})))}updated(s){super.updated(s),s.has("value")?this.setAriaAttributes(s.get("value")):s.has("ariaLabel")?this.setAriaAttributes():s.has("ariaLabelTemplate")&&(this._ariaLabel=null,this.setAriaAttributes(this.value))}render(){return u`<div class="private-host" aria-hidden="true"><div class="progress-wrapper"><svg version="1.1" viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false"><circle stroke-width="${this.line}" fill="none" cx="18" cy="18" r="${this.radius}" class="${this.progress>99?"arcstroke":"backstroke"}"/><path d="M 18 18 m 0,-${this.radius} a ${this.radius},${this.radius} 0 1 1 0,${2*this.radius} a ${this.radius},${this.radius} 0 1 1 0,-${2*this.radius}" class="fillstroke arcstroke" stroke-width="${this.line}" stroke-dasharray="${this.circumference}" stroke-dashoffset="${this.progressOffset}" fill="none"/></svg></div></div>`}static get styles(){return[l,d]}}s([h({type:String})],m.prototype,"status",void 0),s([h({type:Boolean})],m.prototype,"inverse",void 0),s([h({type:Number})],m.prototype,"value",void 0),s([h({type:Number})],m.prototype,"line",void 0),s([h({type:String})],m.prototype,"size",null),s([h({type:String})],m.prototype,"ariaLabel",null),s([n()],m.prototype,"i18n",void 0);export{m as CdsProgressCircle};
+import{__decorate as s}from"tslib";import{LitElement as i,html as e}from"lit";import{I18nService as t,hasStringPropertyChanged as r,updateEquilateralSizeStyles as a,isNilOrEmpty as o,baseStyles as l,property as h,i18n as n}from"@cds/core/internal";import{getProgressCircleRadius as u}from"./progress-circle.utils.js";import p from"./progress-circle.element.scss.js";class d extends i{constructor(){super(...arguments);this.status="neutral",this.inverse=!1,this.line=3,this.i18n=t.keys.progress}get radius(){return u(this.line)}get circumference(){return 2*Math.PI*this.radius}get progress(){return this.value??30}get progressOffset(){return(100-this.progress)/100*this.circumference}get size(){return this._size}set size(s){if(r(s,this._size)){const i=this._size;this._size=s,a(this,s),this.requestUpdate("size",i)}}connectedCallback(){super.connectedCallback(),this._ariaLabel=this.ariaLabel,this.updateAria()}updated(s){super.updated(s),(s.has("value")||s.has("i18n"))&&this.updateAria()}updateAria(){this._ariaLabel===this.ariaLabel&&(this._ariaLabel=o(this.value)?this.i18n.looping:`${this.i18n.loading} ${this.value}%`,this.ariaLabel=this._ariaLabel),o(this.value)?(this.role="img",this.ariaValueMin=null,this.ariaValueMax=null,this.ariaValueNow=null):(this.role="progressbar",this.ariaValueMin=0,this.ariaValueMax=100,this.ariaValueNow=this.value)}render(){return e`<div class="private-host" aria-hidden="true"><div class="progress-wrapper"><svg version="1.1" viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false"><circle stroke-width="${this.line}" fill="none" cx="18" cy="18" r="${this.radius}" class="${this.progress>99?"arcstroke":"backstroke"}"/><path d="M 18 18 m 0,-${this.radius} a ${this.radius},${this.radius} 0 1 1 0,${2*this.radius} a ${this.radius},${this.radius} 0 1 1 0,-${2*this.radius}" class="fillstroke arcstroke" stroke-width="${this.line}" stroke-dasharray="${this.circumference}" stroke-dashoffset="${this.progressOffset}" fill="none"/></svg></div></div>`}static get styles(){return[l,p]}}s([h({type:String})],d.prototype,"status",void 0),s([h({type:Boolean})],d.prototype,"inverse",void 0),s([h({type:Number})],d.prototype,"value",void 0),s([h({type:Number})],d.prototype,"line",void 0),s([h({type:String})],d.prototype,"size",null),s([n()],d.prototype,"i18n",void 0);export{d as CdsProgressCircle};
 //# sourceMappingURL=progress-circle.element.js.map

package/progress-circle/progress-circle.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-circle.element.js","sources":["../../../src/progress-circle/progress-circle.element.ts"],"sourcesContent":null,"names":["CdsProgressCircle","LitElement","[object Object]","super","arguments","this","status","inverse","line","i18n","I18nService","keys","progress","observers","radius","getProgressCircleRadius","circumference","Math","PI","isNil","value","progressOffset","size","_size","val","hasStringPropertyChanged","oldVal","updateEquilateralSizeStyles","requestUpdate","ariaLabel","getAriaLabelOrDefault","_ariaLabel","loading","looping","newAriaLabel","oldValueForAriaLabelCheck","currentValue","isNilOrEmpty","getDefaultAriaLabel","attrsToSet","getProgressCircleAriaAttributes","setAttributes","connectedCallback","setAriaAttributes","disconnectedCallback","forEach","o","disconnect","props","firstUpdated","push","listenForAttributeChange","oldAriaLabel","updated","has","get","html","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","Number"],"mappings":"yhBA6BO,MAAMA,UAA0BC,EACnCC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UAKdD,KAAKE,SAAU,EAMfF,KAAKG,KAAO,EACZH,KAAKI,KAAOC,EAAYC,KAAKC,SAC7BP,KAAKQ,UAAY,GAErBC,aAEI,OAAOC,EAAwBV,KAAKG,MAExCQ,oBACI,OAAO,EAAIC,KAAKC,GAAKb,KAAKS,OAG9BF,eAEI,OAAOO,EAAMd,KAAKe,OADM,GACqBf,KAAKe,MAGtDC,qBAEI,OADoB,IACGhB,KAAKO,UADR,IACmCP,KAAKW,cAEhEM,WACI,OAAOjB,KAAKkB,MAMhBD,SAASE,GACL,GAAIC,EAAyBD,EAAKnB,KAAKkB,OAAQ,CAC3C,MAAMG,EAASrB,KAAKkB,MACpBlB,KAAKkB,MAAQC,EACbG,EAA4BtB,KAAMmB,GAClCnB,KAAKuB,cAAc,OAAQF,IAWnCG,gBACI,OAAOC,EAAsBzB,KAAK0B,WAAY1B,KAAKe,MAAOf,KAAKI,KAAKuB,QAAS3B,KAAKI,KAAKwB,SAM3FJ,cAAcK,GACV,GAAIT,EAAyBS,EAAc7B,KAAK0B,YAAa,CACzD,MAAML,EAASrB,KAAK0B,WACpB1B,KAAK0B,WAAaG,EAClB7B,KAAKuB,cAAc,YAAaF,IAMxCxB,kBAAkBiC,GACd,MAAMC,EAAe/B,KAAKe,MAE1B,IAAIS,EAMIA,EAPYQ,EAAaF,GAGxBE,EAAaD,IAAiB/B,KAAKwB,YAAcxB,KAAKI,KAAKwB,QAIhD5B,KAAKwB,UAHLS,EAAoBF,EAAc/B,KAAKI,KAAKuB,QAAS3B,KAAKI,KAAKwB,SAOnEH,EAAsBzB,KAAK0B,WAAYK,EAAc/B,KAAKI,KAAKuB,QAAS3B,KAAKI,KAAKwB,QAASE,GAE3G,MAAMI,EAAaC,EAAgCJ,EAAcP,GACjEY,EAAcpC,QAASkC,GAE3BrC,oBACIC,MAAMuC,oBACNrC,KAAKsC,oBAETzC,uBACIC,MAAMyC,uBACNvC,KAAKQ,UAAUgC,SAAQC,GAAKA,EAAEC,eAElC7C,aAAa8C,GACT7C,MAAM8C,aAAaD,GAInB3C,KAAKQ,UAAUqC,KAAKC,EAAyB9C,KAAM,YAAY,KAC3D,MAAM+C,EAAe/C,KAAKwB,UAC1BxB,KAAKwB,UAAY,GACjBxB,KAAKuB,cAAc,YAAawB,OAKxClD,QAAQ8C,GACJ7C,MAAMkD,QAAQL,GACVA,EAAMM,IAAI,SACVjD,KAAKsC,kBAAkBK,EAAMO,IAAI,UAE5BP,EAAMM,IAAI,aACfjD,KAAKsC,oBAEAK,EAAMM,IAAI,uBAEfjD,KAAK0B,WAAa,KAClB1B,KAAKsC,kBAAkBtC,KAAKe,QAGpClB,SACI,OAAOsD,CAAK,+QAYUnD,KAAKG,wCAIhBH,KAAKS,kBACDT,KAAKO,SAAW,GAAK,YAAc,wCAG1BP,KAAKS,YAAYT,KAAKS,UAAUT,KAAKS,kBAAkB,EAAIT,KAAKS,YAAYT,KAC/FS,UAAUT,KAAKS,mBAAmB,EAAIT,KAAKS,sDAE1BT,KAAKG,2BACDH,KAAKW,qCACJX,KAAKgB,kDAQpCoC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB9D,EAAkB+D,UAAW,cAAU,GAC1CJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBhE,EAAkB+D,UAAW,eAAW,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClBjE,EAAkB+D,UAAW,aAAS,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClBjE,EAAkB+D,UAAW,YAAQ,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB9D,EAAkB+D,UAAW,OAAQ,MACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB9D,EAAkB+D,UAAW,YAAa,MAC7CJ,EAAW,CACPlD,KACDT,EAAkB+D,UAAW,YAAQ"}
+{"version":3,"file":"progress-circle.element.js","sources":["../../../src/progress-circle/progress-circle.element.ts"],"sourcesContent":null,"names":["CdsProgressCircle","LitElement","[object Object]","super","this","status","inverse","line","i18n","I18nService","keys","progress","radius","getProgressCircleRadius","circumference","Math","PI","value","progressOffset","size","_size","val","hasStringPropertyChanged","oldVal","updateEquilateralSizeStyles","requestUpdate","connectedCallback","_ariaLabel","ariaLabel","updateAria","props","updated","has","isNilOrEmpty","looping","loading","role","ariaValueMin","ariaValueMax","ariaValueNow","html","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","Number"],"mappings":"8WA4BO,MAAMA,UAA0BC,EACnCC,cACIC,oBAKAC,KAAKC,OAAS,UAKdD,KAAKE,SAAU,EAMfF,KAAKG,KAAO,EACZH,KAAKI,KAAOC,EAAYC,KAAKC,SAEjCC,aAEI,OAAOC,EAAwBT,KAAKG,MAExCO,oBACI,OAAO,EAAIC,KAAKC,GAAKZ,KAAKQ,OAG9BD,eAEI,OAAOP,KAAKa,OADY,GAI5BC,qBAEI,OADoB,IACGd,KAAKO,UADR,IACmCP,KAAKU,cAEhEK,WACI,OAAOf,KAAKgB,MAMhBD,SAASE,GACL,GAAIC,EAAyBD,EAAKjB,KAAKgB,OAAQ,CAC3C,MAAMG,EAASnB,KAAKgB,MACpBhB,KAAKgB,MAAQC,EACbG,EAA4BpB,KAAMiB,GAClCjB,KAAKqB,cAAc,OAAQF,IAGnCrB,oBACIC,MAAMuB,oBACNtB,KAAKuB,WAAavB,KAAKwB,UACvBxB,KAAKyB,aAET3B,QAAQ4B,GACJ3B,MAAM4B,QAAQD,IACVA,EAAME,IAAI,UAAYF,EAAME,IAAI,UAChC5B,KAAKyB,aAGb3B,aACQE,KAAKuB,aAAevB,KAAKwB,YACzBxB,KAAKuB,WAAaM,EAAa7B,KAAKa,OAASb,KAAKI,KAAK0B,QAAU,GAAG9B,KAAKI,KAAK2B,WAAW/B,KAAKa,SAC9Fb,KAAKwB,UAAYxB,KAAKuB,YAEtBM,EAAa7B,KAAKa,QAElBb,KAAKgC,KAAO,MACZhC,KAAKiC,aAAe,KACpBjC,KAAKkC,aAAe,KACpBlC,KAAKmC,aAAe,OAIpBnC,KAAKgC,KAAO,cACZhC,KAAKiC,aAAe,EACpBjC,KAAKkC,aAAe,IACpBlC,KAAKmC,aAAenC,KAAKa,OAGjCf,SACI,OAAOsC,CAAK,+QAYUpC,KAAKG,wCAIhBH,KAAKQ,kBACDR,KAAKO,SAAW,GAAK,YAAc,wCAG1BP,KAAKQ,YAAYR,KAAKQ,UAAUR,KAAKQ,kBAAkB,EAAIR,KAAKQ,YAAYR,KAC/FQ,UAAUR,KAAKQ,mBAAmB,EAAIR,KAAKQ,sDAE1BR,KAAKG,2BACDH,KAAKU,qCACJV,KAAKc,kDAQpCuB,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB9C,EAAkB+C,UAAW,cAAU,GAC1CJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBhD,EAAkB+C,UAAW,eAAW,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClBjD,EAAkB+C,UAAW,aAAS,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClBjD,EAAkB+C,UAAW,YAAQ,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB9C,EAAkB+C,UAAW,OAAQ,MACxCJ,EAAW,CACPnC,KACDR,EAAkB+C,UAAW,YAAQ"}

package/progress-circle/progress-circle.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var s=a`@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--ring-opacity:1;--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--fill-speed:var(--cds-global-animation-duration-secondary, 0.3s);font-family:inherit;font-size:inherit;color:inherit;display:block;cursor:inherit}.private-host,svg{height:100%;width:100%}svg{display:block}.private-host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.private-host .backstroke{stroke:var(--ring-color);opacity:var(--ring-opacity)}.private-host .arcstroke{stroke:var(--fill-color);-webkit-transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79));transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79))}:host,:host([size=sm]){height:var(--cds-global-space-7,1rem);width:var(--cds-global-space-7,1rem)}:host([size=md]){height:var(--cds-global-space-9,1.5rem);width:var(--cds-global-space-9,1.5rem)}:host([size=lg]){height:var(--cds-global-space-11,2.25rem);width:var(--cds-global-space-11,2.25rem)}:host([size=xl]){height:var(--cds-global-space-12,3rem);width:var(--cds-global-space-12,3rem)}:host([size=xxl]){height:calc(var(--cds-global-space-13,4rem) - var(--cds-global-space-5,.5rem));width:calc(var(--cds-global-space-13,4rem) - var(--cds-global-space-5,.5rem))}:host([value="0"]) .fillstroke,:host([value="100"]) .fillstroke{display:none}:host(:not([value])) .progress-wrapper{-webkit-animation:spin var(--cds-global-animation-duration-slowest,.8s) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79)) infinite;animation:spin var(--cds-global-animation-duration-slowest,.8s) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79)) infinite}:host([status=info]){--ring-color:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--fill-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--ring-color:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--fill-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--ring-color:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--fill-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e))}:host([status=danger]){--ring-color:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--fill-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=alt]){--ring-color:var(--cds-alias-status-alt-tint, var(--cds-global-color-violet-600, #9b32c8));--fill-color:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5))}:host([inverse]){--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}`;export default s;
+import{css as a}from"lit";var s=a`@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--ring-opacity:1;--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--fill-speed:var(--cds-global-animation-duration-secondary, 0.3s);font-family:inherit;font-size:inherit;color:inherit;display:block;cursor:inherit}.private-host,svg{height:100%;width:100%}svg{display:block}.private-host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.private-host .backstroke{stroke:var(--ring-color);opacity:var(--ring-opacity)}.private-host .arcstroke{stroke:var(--fill-color);-webkit-transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79));transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79))}:host,:host([size=sm]){height:var(--cds-global-space-7,1rem);width:var(--cds-global-space-7,1rem)}:host([size=md]){height:var(--cds-global-space-9,1.5rem);width:var(--cds-global-space-9,1.5rem)}:host([size=lg]){height:var(--cds-global-space-11,2.25rem);width:var(--cds-global-space-11,2.25rem)}:host([size=xl]){height:var(--cds-global-space-12,3rem);width:var(--cds-global-space-12,3rem)}:host([size=xxl]){height:calc(var(--cds-global-space-13,4rem) - var(--cds-global-space-5,.5rem));width:calc(var(--cds-global-space-13,4rem) - var(--cds-global-space-5,.5rem))}:host([value="0"]) .fillstroke,:host([value="100"]) .fillstroke{display:none}:host(:not([value])) .progress-wrapper{-webkit-animation:spin var(--cds-global-animation-duration-slowest,.8s) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79)) infinite;animation:spin var(--cds-global-animation-duration-slowest,.8s) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79)) infinite}:host([status=info]){--ring-color:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--fill-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--ring-color:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--fill-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--ring-color:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--fill-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e))}:host([status=danger]){--ring-color:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--fill-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=alt]){--ring-color:var(--cds-alias-status-alt-tint, var(--cds-global-color-violet-600, #9b32c8));--fill-color:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5))}:host([inverse]){--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}`;export{s as default};
 //# sourceMappingURL=progress-circle.element.scss.js.map

package/progress-circle/progress-circle.utils.d.ts

@@ -1,6 +1 @@
-import { HTMLAttributeTuple } from '@cds/core/internal';
 export declare function getProgressCircleRadius(lineThickness: number, viewboxDimension?: number): number;
-export declare function getAriaLabelFromTemplate(currentValue: number, loadingi18n: string, forceToValue?: number): string;
-export declare function getDefaultAriaLabel(currentValue: number | undefined | null, loadingi18n: string, loopingMsg: string): string;
-export declare function getAriaLabelOrDefault(existingAriaLabel: string, currentValue: number, loadingi18n: string, loopingMsg: string, previousValue?: number): string;
-export declare function getProgressCircleAriaAttributes(currentValue: number | undefined | null, ariaLabel: string): HTMLAttributeTuple[];

package/progress-circle/progress-circle.utils.js

@@ -1,2 +1,2 @@
-import{isNilOrEmpty as a}from"@cds/core/internal";function r(a,r=36){return r/2-Math.ceil(a/2)}function e(r,e,n){return`${e} ${a(n)?r:n}%`}function n(r,n,i){return a(r)?i:e(r,n)}function i(a,r,i,u,t){switch(!0){case!a:case t&&a===e(r,i,t):return n(r,i,u);default:return a}}function u(r,e){return a(r)?[["role","img"],["aria-valuemin",!1],["aria-valuemax",!1],["aria-valuenow",!1],["aria-label",e]]:[["role","progressbar"],["aria-valuemin","0"],["aria-valuemax","100"],["aria-valuenow",r+""],["aria-label",e]]}export{e as getAriaLabelFromTemplate,i as getAriaLabelOrDefault,n as getDefaultAriaLabel,u as getProgressCircleAriaAttributes,r as getProgressCircleRadius};
+function t(t,e=36){return e/2-Math.ceil(t/2)}export{t as getProgressCircleRadius};
 //# sourceMappingURL=progress-circle.utils.js.map

package/progress-circle/progress-circle.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-circle.utils.js","sources":["../../../src/progress-circle/progress-circle.utils.ts"],"sourcesContent":null,"names":["getProgressCircleRadius","lineThickness","viewboxDimension","Math","ceil","getAriaLabelFromTemplate","currentValue","loadingi18n","forceToValue","isNilOrEmpty","getDefaultAriaLabel","loopingMsg","getAriaLabelOrDefault","existingAriaLabel","previousValue","getProgressCircleAriaAttributes","ariaLabel"],"mappings":"kDAQO,SAASA,EAAwBC,EAAeC,EAAmB,IAMtE,OAHsBA,EAAmB,EAEtBC,KAAKC,KAAKH,EAAgB,GAK1C,SAASI,EAAyBC,EAAcC,EAAaC,GAGhE,MAAO,GAAGD,KAFIE,EAAaD,GAAgBF,EAAeE,KAIvD,SAASE,EAAoBJ,EAAcC,EAAaI,GAC3D,OAAIF,EAAaH,GACNK,EAGAN,EAAyBC,EAAcC,GAG/C,SAASK,EAAsBC,EAAmBP,EAAcC,EAAaI,EAAYG,GAC5F,QAAQ,GACJ,KAAMD,EAEN,KAAKC,GAAiBD,IAAsBR,EAAyBC,EAAcC,EAAaO,GAC5F,OAAOJ,EAAoBJ,EAAcC,EAAaI,GAC1D,QACI,OAAOE,GAGZ,SAASE,EAAgCT,EAAcU,GAC1D,OAAIP,EAAaH,GAEN,CACH,CAAC,OAAQ,OACT,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,aAAcU,IAKZ,CACH,CAAC,OAAQ,eACT,CAAC,gBAAiB,KAClB,CAAC,gBAAiB,OAClB,CAAC,gBAAiBV,EAAe,IACjC,CAAC,aAAcU"}
+{"version":3,"file":"progress-circle.utils.js","sources":["../../../src/progress-circle/progress-circle.utils.ts"],"sourcesContent":null,"names":["getProgressCircleRadius","lineThickness","viewboxDimension","Math","ceil"],"mappings":"AAOO,SAASA,EAAwBC,EAAeC,EAAmB,IAMtE,OAHsBA,EAAmB,EAEtBC,KAAKC,KAAKH,EAAgB"}

package/radio/index.js

@@ -1,2 +1,2 @@
-export{CdsRadio}from"./radio.element.js";export{CdsRadioGroup}from"./radio-group.element.js";import"@cds/core/forms";
+export{CdsRadio}from"./radio.element.js";export{CdsRadioGroup}from"./radio-group.element.js";
 //# sourceMappingURL=index.js.map

package/radio/radio-group.element.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { CdsInternalControlGroup } from '@cds/core/forms';
 import { CdsRadio } from './radio.element.js';
 /**
@@ -29,7 +30,7 @@ export declare class CdsRadioGroup extends CdsInternalControlGroup {
     protected controls: NodeListOf<CdsRadio>;
     protected radioName: string;
     static get styles(): import("lit").CSSResultGroup[];
-    firstUpdated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
     private associateRadioControls;
     private syncRadioControls;
 }

package/radio/radio.element.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { CdsInternalControlInline } from '@cds/core/forms';
 /**
  * Radio
@@ -22,7 +23,7 @@ import { CdsInternalControlInline } from '@cds/core/forms';
  */
 export declare class CdsRadio extends CdsInternalControlInline {
     static get styles(): import("lit").CSSResultGroup[];
-    firstUpdated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
     /**
      * Native radio inputs have no concept of an un-checked event. This means for
      * our radios to update/rerender we need to listen for the other radios in the

package/radio/radio.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--width:var(--cds-global-space-7, 1rem);--height:var(--cds-global-space-7, 1rem);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--fill-box-shadow:none}.input,.input::after{width:var(--width);height:var(--height);border-radius:var(--cds-alias-object-border-radius-300,50%);content:""}.input{min-width:var(--width);border:var(--border);-webkit-box-shadow:var(--fill-box-shadow);box-shadow:var(--fill-box-shadow);display:inline-block;cursor:pointer}.input::after{position:absolute;top:0;left:0}:host([status=error]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, 0.375rem) var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border:0!important}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, 0.375rem) var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:0!important}`;export default o;
+import{css as a}from"lit";var o=a`:host{--width:var(--cds-global-space-7, 1rem);--height:var(--cds-global-space-7, 1rem);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--fill-box-shadow:none}.input,.input::after{width:var(--width);height:var(--height);border-radius:var(--cds-alias-object-border-radius-300,50%);content:""}.input{min-width:var(--width);border:var(--border);-webkit-box-shadow:var(--fill-box-shadow);box-shadow:var(--fill-box-shadow);display:inline-block;cursor:pointer}.input::after{position:absolute;top:0;left:0}:host([status=error]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, 0.375rem) var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border:0!important}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--fill-box-shadow:inset 0 0 0 var(--cds-global-space-4, 0.375rem) var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:0!important}`;export{o as default};
 //# sourceMappingURL=radio.element.scss.js.map

package/range/range.element.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { CdsControl } from '@cds/core/forms';
 /**
  * Range
@@ -29,6 +30,6 @@ export declare class CdsRange extends CdsControl {
     static get styles(): import("lit").CSSResultGroup[];
     protected globalStyles: import("lit").CSSResultGroup;
     protected get inputTemplate(): import("lit-html").TemplateResult<1>;
-    firstUpdated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
     private setTrackWidth;
 }

package/range/range.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as s}from"lit";import{globalStyle as r}from"@cds/core/internal";import{CdsControl as i}from"@cds/core/forms";import e from"./range.global.scss.js";import o from"./range.element.scss.js";class n extends i{constructor(){super(...arguments),this.globalStyles=e}static get styles(){return[...super.styles,o]}get inputTemplate(){return s`<div class="input-track"></div>`}firstUpdated(t){super.firstUpdated(t),this.setTrackWidth(),this.inputControl.addEventListener("input",(()=>this.setTrackWidth()))}setTrackWidth(){const t=this.inputControl.valueAsNumber,s=this.inputControl.min?parseInt(this.inputControl.min):0,r=this.inputControl.max?parseInt(this.inputControl.max):100;this.style.setProperty("--track-width",Math.floor((t-s)/(r-s)*100)+"%")}}t([r()],n.prototype,"globalStyles",void 0);export{n as CdsRange};
+import{__decorate as t}from"tslib";import{html as s}from"lit";import{globalStyle as r}from"@cds/core/internal";import{CdsControl as i}from"@cds/core/forms";import e from"./range.global.scss.js";import o from"./range.element.scss.js";class n extends i{constructor(){super(...arguments);this.globalStyles=e}static get styles(){return[...super.styles,o]}get inputTemplate(){return s`<div class="input-track"></div>`}firstUpdated(t){super.firstUpdated(t),this.setTrackWidth(),this.inputControl.addEventListener("input",(()=>this.setTrackWidth()))}setTrackWidth(){const t=this.inputControl.valueAsNumber,s=this.inputControl.min?parseInt(this.inputControl.min):0,r=this.inputControl.max?parseInt(this.inputControl.max):100;this.style.setProperty("--track-width",Math.floor((t-s)/(r-s)*100)+"%")}}t([r()],n.prototype,"globalStyles",void 0);export{n as CdsRange};
 //# sourceMappingURL=range.element.js.map

package/range/range.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.element.js","sources":["../../../src/range/range.element.ts"],"sourcesContent":null,"names":["CdsRange","CdsControl","[object Object]","super","arguments","this","globalStyles","styles","inputTemplate","html","props","firstUpdated","setTrackWidth","inputControl","addEventListener","value","valueAsNumber","min","parseInt","max","style","setProperty","Math","floor","__decorate","globalStyle","prototype"],"mappings":"yOAqCO,MAAMA,UAAiBC,EAC1BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EAExBC,oBACI,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BC,oBACI,OAAOC,CAAK,kCAEhBP,aAAaQ,GACTP,MAAMQ,aAAaD,GACnBL,KAAKO,gBACLP,KAAKQ,aAAaC,iBAAiB,SAAS,IAAMT,KAAKO,kBAE3DV,gBACI,MAAMa,EAAQV,KAAKQ,aAAaG,cAC1BC,EAAMZ,KAAKQ,aAAaI,IAAMC,SAASb,KAAKQ,aAAaI,KAAO,EAChEE,EAAMd,KAAKQ,aAAaM,IAAMD,SAASb,KAAKQ,aAAaM,KAAO,IACtEd,KAAKe,MAAMC,YAAY,gBAAoBC,KAAKC,OAAQR,EAAQE,IAAQE,EAAMF,GAAQ,KAA9C,MAGhDO,EAAW,CACPC,KACDzB,EAAS0B,UAAW,oBAAgB"}
+{"version":3,"file":"range.element.js","sources":["../../../src/range/range.element.ts"],"sourcesContent":null,"names":["CdsRange","CdsControl","[object Object]","super","this","globalStyles","styles","inputTemplate","html","props","firstUpdated","setTrackWidth","inputControl","addEventListener","value","valueAsNumber","min","parseInt","max","style","setProperty","Math","floor","__decorate","globalStyle","prototype"],"mappings":"yOAqCO,MAAMA,UAAiBC,EAC1BC,cACIC,oBACAC,KAAKC,aAAeA,EAExBC,oBACI,MAAO,IAAIH,MAAMG,OAAQA,GAE7BC,oBACI,OAAOC,CAAK,kCAEhBN,aAAaO,GACTN,MAAMO,aAAaD,GACnBL,KAAKO,gBACLP,KAAKQ,aAAaC,iBAAiB,SAAS,IAAMT,KAAKO,kBAE3DT,gBACI,MAAMY,EAAQV,KAAKQ,aAAaG,cAC1BC,EAAMZ,KAAKQ,aAAaI,IAAMC,SAASb,KAAKQ,aAAaI,KAAO,EAChEE,EAAMd,KAAKQ,aAAaM,IAAMD,SAASb,KAAKQ,aAAaM,KAAO,IACtEd,KAAKe,MAAMC,YAAY,gBAAoBC,KAAKC,OAAQR,EAAQE,IAAQE,EAAMF,GAAQ,KAA9C,MAGhDO,EAAW,CACPC,KACDxB,EAASyB,UAAW,oBAAgB"}

package/range/range.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--track-background:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--track-fill-background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--track-height:var(--cds-alias-object-border-width-400, 0.25rem);--track-width:50%;--thumb-background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--thumb-width:calc(var(--cds-alias-object-border-width-400, 0.25rem) + calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-1, 0.0625rem)));--thumb-height:calc(var(--cds-alias-object-border-width-400, 0.25rem) + calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-1, 0.0625rem)));display:block;width:100%}.input-container{position:relative}::slotted(input){-webkit-appearance:none;width:100%;height:var(--track-height);margin:var(--cds-global-space-5,.5rem) 0 var(--cds-global-space-4,.375rem) 0;position:relative;padding:0!important;padding:var(--cds-global-space-4,.375rem) 0;cursor:pointer}.input-track{position:absolute;top:var(--cds-global-space-6,.75rem);left:0;width:var(--track-width);height:var(--track-height);background:var(--track-fill-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,.25rem));pointer-events:none;z-index:999}:host([_disabled]){--track-background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--track-fill-background:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc));--thumb-background:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled]) .input,:host([_disabled]) ::slotted(input){cursor:not-allowed}.rtl .input-track{left:initial;right:0}.input-container{padding:var(--cds-global-space-6,.75rem) 0 var(--cds-global-space-5,.5rem) 0}`;export default r;
+import{css as a}from"lit";var r=a`:host{--track-background:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--track-fill-background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--track-height:var(--cds-alias-object-border-width-400, 0.25rem);--track-width:50%;--thumb-background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--thumb-width:calc(var(--cds-alias-object-border-width-400, 0.25rem) + calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-1, 0.0625rem)));--thumb-height:calc(var(--cds-alias-object-border-width-400, 0.25rem) + calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-1, 0.0625rem)));display:block;width:100%}.input-container{position:relative}::slotted(input){-webkit-appearance:none;width:100%;height:var(--track-height);margin:var(--cds-global-space-5,.5rem) 0 var(--cds-global-space-4,.375rem) 0;position:relative;padding:0!important;padding:var(--cds-global-space-4,.375rem) 0;cursor:pointer}.input-track{position:absolute;top:var(--cds-global-space-6,.75rem);left:0;width:var(--track-width);height:var(--track-height);background:var(--track-fill-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,.25rem));pointer-events:none;z-index:999}:host([_disabled]){--track-background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--track-fill-background:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc));--thumb-background:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled]) .input,:host([_disabled]) ::slotted(input){cursor:not-allowed}.rtl .input-track{left:initial;right:0}.input-container{padding:var(--cds-global-space-6,.75rem) 0 var(--cds-global-space-5,.5rem) 0}`;export{r as default};
 //# sourceMappingURL=range.element.scss.js.map

package/range/range.global.scss.js

@@ -1,2 +1,2 @@
-import{css as r}from"lit";var a=r`cds-range input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--track-height);background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,.25rem));border:0;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:flex}cds-range input[type=range]::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,.75rem);background:var(--thumb-background);-webkit-appearance:none;align-self:center;margin-top:calc(var(--cds-global-space-3,.25rem)*-1)}cds-range input[type=range]:focus::-webkit-slider-runnable-track{background:var(--track-background)}cds-range input[type=range]::-moz-range-track{width:100%;height:var(--track-height);box-shadow:0;background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,.25rem));border:0}cds-range input[type=range]::-moz-range-thumb{box-shadow:0;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,.75rem);background:var(--thumb-background)}`;export default a;
+import{css as r}from"lit";var a=r`cds-range input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--track-height);background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,.25rem));border:0;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:flex}cds-range input[type=range]::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,.75rem);background:var(--thumb-background);-webkit-appearance:none;align-self:center;margin-top:calc(var(--cds-global-space-3,.25rem)*-1)}cds-range input[type=range]:focus::-webkit-slider-runnable-track{background:var(--track-background)}cds-range input[type=range]::-moz-range-track{width:100%;height:var(--track-height);box-shadow:0;background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,.25rem));border:0}cds-range input[type=range]::-moz-range-thumb{box-shadow:0;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,.75rem);background:var(--thumb-background)}`;export{a as default};
 //# sourceMappingURL=range.global.scss.js.map

package/search/search.element.js

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

package/search/search.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.element.js","sources":["../../../src/search/search.element.ts"],"sourcesContent":null,"names":["CdsSearch","CdsControl","[object Object]","super","arguments","this","globalStyles","prefixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"iPAuCO,MAAMA,UAAkBC,EAC3BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EAExBC,4BACI,OAAOC,CAAK,6EAEhBC,oBACI,MAAO,IAAIN,MAAMM,OAAQC,IAGjCC,EAAW,CACPC,KACDZ,EAAUa,UAAW,oBAAgB"}
+{"version":3,"file":"search.element.js","sources":["../../../src/search/search.element.ts"],"sourcesContent":null,"names":["CdsSearch","CdsControl","[object Object]","super","this","globalStyles","prefixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"iPAuCO,MAAMA,UAAkBC,EAC3BC,cACIC,oBACAC,KAAKC,aAAeA,EAExBC,4BACI,OAAOC,CAAK,6EAEhBC,oBACI,MAAO,IAAIL,MAAMK,OAAQC,IAGjCC,EAAW,CACPC,KACDX,EAAUY,UAAW,oBAAgB"}

package/search/search.global.scss.js

@@ -1,2 +1,2 @@
-import{css as e}from"lit";var t=e`cds-search input[type=search]::-webkit-search-cancel-button{display:none}`;export default t;
+import{css as e}from"lit";var t=e`cds-search input[type=search]::-webkit-search-cancel-button{display:none}`;export{t as default};
 //# sourceMappingURL=search.global.scss.js.map

package/select/select.element.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { CdsControl } from '@cds/core/forms';
 /**
  * Select
@@ -36,5 +37,5 @@ export declare class CdsSelect extends CdsControl {
     protected globalStyles: import("lit").CSSResultGroup;
     protected multiple: boolean;
     protected size: boolean;
-    firstUpdated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
 }

package/select/select.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as e}from"lit";import{listenForAttributeChange as s,globalStyle as o,state as i}from"@cds/core/internal";import{CdsControl as r}from"@cds/core/forms";import{inputStyles as l}from"@cds/core/input";import p from"./select.global.scss.js";import u from"./select.element.scss.js";class n extends r{constructor(){super(...arguments),this.globalStyles=p,this.multiple=!1,this.size=!1}get suffixDefaultTemplate(){return e`<cds-button-expand pressed readonly="readonly"></cds-button-expand>`}static get styles(){return[...super.styles,l,u]}firstUpdated(t){super.firstUpdated(t),this.multiple=this.inputControl.hasAttribute("multiple"),this.observers.push(s(this.inputControl,"multiple",(t=>this.multiple=null!==t))),this.size=this.inputControl.hasAttribute("size"),this.observers.push(s(this.inputControl,"size",(t=>this.size=null!==t)))}}t([o()],n.prototype,"globalStyles",void 0),t([i({type:Boolean,reflect:!0})],n.prototype,"multiple",void 0),t([i({type:Boolean,reflect:!0})],n.prototype,"size",void 0);export{n as CdsSelect};
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{listenForAttributeChange as s,globalStyle as o,state as i}from"@cds/core/internal";import{CdsControl as r}from"@cds/core/forms";import{inputStyles as l}from"@cds/core/input";import p from"./select.global.scss.js";import u from"./select.element.scss.js";class n extends r{constructor(){super(...arguments);this.globalStyles=p,this.multiple=!1,this.size=!1}get suffixDefaultTemplate(){return e`<cds-button-expand pressed readonly="readonly"></cds-button-expand>`}static get styles(){return[...super.styles,l,u]}firstUpdated(t){super.firstUpdated(t),this.multiple=this.inputControl.hasAttribute("multiple"),this.observers.push(s(this.inputControl,"multiple",(t=>this.multiple=null!==t))),this.size=this.inputControl.hasAttribute("size"),this.observers.push(s(this.inputControl,"size",(t=>this.size=null!==t)))}}t([o()],n.prototype,"globalStyles",void 0),t([i({type:Boolean,reflect:!0})],n.prototype,"multiple",void 0),t([i({type:Boolean,reflect:!0})],n.prototype,"size",void 0);export{n as CdsSelect};
 //# sourceMappingURL=select.element.js.map

package/select/select.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.element.js","sources":["../../../src/select/select.element.ts"],"sourcesContent":null,"names":["CdsSelect","CdsControl","[object Object]","super","arguments","this","globalStyles","multiple","size","suffixDefaultTemplate","html","styles","inputStyles","props","firstUpdated","inputControl","hasAttribute","observers","push","listenForAttributeChange","val","__decorate","globalStyle","prototype","state","type","Boolean","reflect"],"mappings":"kUA2CO,MAAMA,UAAkBC,EAC3BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EACpBD,KAAKE,UAAW,EAChBF,KAAKG,MAAO,EAEhBC,4BACI,OAAOC,CAAK,sEAEhBC,oBACI,MAAO,IAAIR,MAAMQ,OAAQC,EAAaD,GAE1CT,aAAaW,GACTV,MAAMW,aAAaD,GACnBR,KAAKE,SAAWF,KAAKU,aAAaC,aAAa,YAC/CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,YAAYK,GAAQf,KAAKE,SAAmB,OAARa,KACpGf,KAAKG,KAAOH,KAAKU,aAAaC,aAAa,QAC3CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,QAAQK,GAAQf,KAAKG,KAAe,OAARY,MAGpGC,EAAW,CACPC,KACDtB,EAAUuB,UAAW,oBAAgB,GACxCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC3B,EAAUuB,UAAW,gBAAY,GACpCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC3B,EAAUuB,UAAW,YAAQ"}
+{"version":3,"file":"select.element.js","sources":["../../../src/select/select.element.ts"],"sourcesContent":null,"names":["CdsSelect","CdsControl","[object Object]","super","this","globalStyles","multiple","size","suffixDefaultTemplate","html","styles","inputStyles","props","firstUpdated","inputControl","hasAttribute","observers","push","listenForAttributeChange","val","__decorate","globalStyle","prototype","state","type","Boolean","reflect"],"mappings":"kUA2CO,MAAMA,UAAkBC,EAC3BC,cACIC,oBACAC,KAAKC,aAAeA,EACpBD,KAAKE,UAAW,EAChBF,KAAKG,MAAO,EAEhBC,4BACI,OAAOC,CAAK,sEAEhBC,oBACI,MAAO,IAAIP,MAAMO,OAAQC,EAAaD,GAE1CR,aAAaU,GACTT,MAAMU,aAAaD,GACnBR,KAAKE,SAAWF,KAAKU,aAAaC,aAAa,YAC/CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,YAAYK,GAAQf,KAAKE,SAAmB,OAARa,KACpGf,KAAKG,KAAOH,KAAKU,aAAaC,aAAa,QAC3CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,QAAQK,GAAQf,KAAKG,KAAe,OAARY,MAGpGC,EAAW,CACPC,KACDrB,EAAUsB,UAAW,oBAAgB,GACxCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC1B,EAAUsB,UAAW,gBAAY,GACpCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC1B,EAAUsB,UAAW,YAAQ"}

package/select/select.element.scss.js

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var o=t`:host([_multiple]),:host([_size]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-bottom:0}:host([_multiple]) [cds-button-action],:host([_size]) [cds-button-action]{display:none}::slotted([slot=input]){cursor:pointer}::slotted([slot=input][multiple]),::slotted([slot=input][size]){width:100%!important;border-radius:var(--cds-alias-object-border-radius-100,.25rem)!important;border:var(--border);padding:0!important;font-size:var(--cds-global-typography-font-size-3,.8125rem)!important}`;export default o;
+import{css as t}from"lit";var o=t`:host([_multiple]),:host([_size]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-bottom:0}:host([_multiple]) [cds-button-action],:host([_size]) [cds-button-action]{display:none}::slotted([slot=input]){cursor:pointer}::slotted([slot=input][multiple]),::slotted([slot=input][size]){width:100%!important;border-radius:var(--cds-alias-object-border-radius-100,.25rem)!important;border:var(--border);padding:0!important;font-size:var(--cds-global-typography-font-size-3,.8125rem)!important}`;export{o as default};
 //# sourceMappingURL=select.element.scss.js.map

package/select/select.global.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var a=o`cds-select option{background:var(--cds-alias-object-container-background,var(--cds-global-color-white,#fff));color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b));padding:var(--cds-global-space-4,.375rem);font-size:var(--cds-global-typography-font-size-3,.8125rem)}cds-select input::-webkit-calendar-picker-indicator{display:none}`;export default a;
+import{css as o}from"lit";var a=o`cds-select option{background:var(--cds-alias-object-container-background,var(--cds-global-color-white,#fff));color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b));padding:var(--cds-global-space-4,.375rem);font-size:var(--cds-global-typography-font-size-3,.8125rem)}cds-select input::-webkit-calendar-picker-indicator{display:none}`;export{a as default};
 //# sourceMappingURL=select.global.scss.js.map

package/selection-panels/checkbox/checkbox-panel.element.js

@@ -1,2 +1,2 @@
-import{__decorate as e}from"tslib";import{html as t}from"lit";import{CdsCheckbox as s}from"@cds/core/checkbox";import r from"../shared/selection-panel.element.scss.js";import{property as o}from"@cds/core/internal";class l extends s{constructor(){super(...arguments),this.size="default"}get internalLabelTemplate(){return t`<slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot>`}static get styles(){return[...super.styles,r]}}e([o({type:String})],l.prototype,"size",void 0);export{l as CdsCheckboxPanel};
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{CdsCheckbox as s}from"@cds/core/checkbox";import r from"../shared/selection-panel.element.scss.js";import{property as o}from"@cds/core/internal";class l extends s{constructor(){super(...arguments);this.size="default"}get internalLabelTemplate(){return t`<slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot>`}static get styles(){return[...super.styles,r]}}e([o({type:String})],l.prototype,"size",void 0);export{l as CdsCheckboxPanel};
 //# sourceMappingURL=checkbox-panel.element.js.map

package/selection-panels/checkbox/checkbox-panel.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-panel.element.js","sources":["../../../../src/selection-panels/checkbox/checkbox-panel.element.ts"],"sourcesContent":null,"names":["CdsCheckboxPanel","CdsCheckbox","[object Object]","super","arguments","this","size","internalLabelTemplate","html","associateInputAndLabel","styles","__decorate","property","type","String","prototype"],"mappings":"sNAmCO,MAAMA,UAAyBC,EAClCC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,4BACI,OAAOC,CAAK,mCAAkC,IAAMH,KAAKI,oCAE7DC,oBACI,MAAO,IAAIP,MAAMO,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAiBe,UAAW,YAAQ"}
+{"version":3,"file":"checkbox-panel.element.js","sources":["../../../../src/selection-panels/checkbox/checkbox-panel.element.ts"],"sourcesContent":null,"names":["CdsCheckboxPanel","CdsCheckbox","[object Object]","super","this","size","internalLabelTemplate","html","associateInputAndLabel","styles","__decorate","property","type","String","prototype"],"mappings":"sNAmCO,MAAMA,UAAyBC,EAClCC,cACIC,oBACAC,KAAKC,KAAO,UAEhBC,4BACI,OAAOC,CAAK,mCAAkC,IAAMH,KAAKI,oCAE7DC,oBACI,MAAO,IAAIN,MAAMM,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBb,EAAiBc,UAAW,YAAQ"}

package/selection-panels/radio/radio-panel.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as e}from"lit";import{CdsRadio as s}from"@cds/core/radio";import r from"../shared/selection-panel.element.scss.js";import{property as o}from"@cds/core/internal";class i extends s{constructor(){super(...arguments),this.size="default"}static get styles(){return[...super.styles,r]}get internalLabelTemplate(){return e`<slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot>`}}t([o({type:String})],i.prototype,"size",void 0);export{i as CdsRadioPanel};
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{CdsRadio as s}from"@cds/core/radio";import r from"../shared/selection-panel.element.scss.js";import{property as o}from"@cds/core/internal";class i extends s{constructor(){super(...arguments);this.size="default"}static get styles(){return[...super.styles,r]}get internalLabelTemplate(){return e`<slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot>`}}t([o({type:String})],i.prototype,"size",void 0);export{i as CdsRadioPanel};
 //# sourceMappingURL=radio-panel.element.js.map

package/selection-panels/radio/radio-panel.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-panel.element.js","sources":["../../../../src/selection-panels/radio/radio-panel.element.ts"],"sourcesContent":null,"names":["CdsRadioPanel","CdsRadio","[object Object]","super","arguments","this","size","styles","internalLabelTemplate","html","associateInputAndLabel","__decorate","property","type","String","prototype"],"mappings":"gNA2CO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,oBACI,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BC,4BACI,OAAOC,CAAK,mCAAkC,IAAMJ,KAAKK,qCAGjEC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAce,UAAW,YAAQ"}
+{"version":3,"file":"radio-panel.element.js","sources":["../../../../src/selection-panels/radio/radio-panel.element.ts"],"sourcesContent":null,"names":["CdsRadioPanel","CdsRadio","[object Object]","super","this","size","styles","internalLabelTemplate","html","associateInputAndLabel","__decorate","property","type","String","prototype"],"mappings":"gNA2CO,MAAMA,UAAsBC,EAC/BC,cACIC,oBACAC,KAAKC,KAAO,UAEhBC,oBACI,MAAO,IAAIH,MAAMG,OAAQA,GAE7BC,4BACI,OAAOC,CAAK,mCAAkC,IAAMJ,KAAKK,qCAGjEC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBb,EAAcc,UAAW,YAAQ"}

package/selection-panels/shared/selection-panel.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--panel-width:calc(var(--cds-global-space-8, 1.125rem) * 10);--panel-height:calc(var(--cds-global-space-8, 1.125rem) * 10);--panel-background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-layout-space-sm, 0.75rem)}.private-host{gap:0!important;position:relative;width:var(--panel-width);height:var(--panel-height)}.input,[focusable]{left:initial;margin:0 0 var(--cds-global-layout-space-xs,.5rem) var(--cds-global-layout-space-xxs,.25rem);position:absolute;right:var(--cds-global-space-4,.375rem);top:var(--cds-global-space-4,.375rem);z-index:99}::slotted(label){-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);background:var(--panel-background);border:var(--border);border-radius:var(--cds-alias-object-border-radius-100,.25rem);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:var(--padding);text-wrap:normal;white-space:normal;word-break:break-word;overflow:hidden;width:var(--panel-width)!important;height:var(--panel-height)}:host([_disabled][_checked]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([_disabled]),:host([_disabled][_checked]),:host([_disabled][_checked]) .input{--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled][_checked]) .input{--border:var(--border)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([status=error]) ::slotted(label){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host(:hover:not([_disabled])) .input,:host(:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=error]:hover:not([_disabled])) .input,:host([status=error]:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500));--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500))}:host([_checked]:hover:not([_disabled])) .input{--border:var(--border)}:host([_checked]:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([size=sm]),:host([size=sm]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, 1.125rem) * 10);--panel-height:calc(var(--cds-global-space-8, 1.125rem) * 10)}:host([size=md]),:host([size=md]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, 0.75rem) * 20);--panel-height:calc(var(--cds-global-space-6, 0.75rem) * 20)}:host([size=lg]),:host([size=lg]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, 1.125rem) * 20);--panel-height:calc(var(--cds-global-space-8, 1.125rem) * 20)}:host([size=xl]),:host([size=xl]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, 0.75rem) * 40);--panel-height:calc(var(--cds-global-space-6, 0.75rem) * 40)}`;export default o;
+import{css as a}from"lit";var s=a`:host{--panel-width:calc(var(--cds-global-space-8, 1.125rem) * 10);--panel-height:calc(var(--cds-global-space-8, 1.125rem) * 10);--panel-background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-layout-space-sm, 0.75rem)}.private-host{gap:0!important;position:relative;width:var(--panel-width);height:var(--panel-height)}.input,[focusable]{left:initial;margin:0 0 var(--cds-global-layout-space-xs,.5rem) var(--cds-global-layout-space-xxs,.25rem);position:absolute;right:var(--cds-global-space-4,.375rem);top:var(--cds-global-space-4,.375rem);z-index:99}::slotted(label){-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);background:var(--panel-background);border:var(--border);border-radius:var(--cds-alias-object-border-radius-100,.25rem);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:var(--padding);text-wrap:normal;white-space:normal;word-break:break-word;overflow:hidden;width:var(--panel-width)!important;height:var(--panel-height)}:host([_disabled][_checked]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([_disabled]),:host([_disabled][_checked]),:host([_disabled][_checked]) .input{--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled][_checked]) .input{--border:var(--border)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([status=error]) ::slotted(label){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host(:hover:not([_disabled])) .input,:host(:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=error]:hover:not([_disabled])) .input,:host([status=error]:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500));--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500))}:host([_checked]:hover:not([_disabled])) .input{--border:var(--border)}:host([_checked]:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, 0.125rem) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([size=sm]),:host([size=sm]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, 1.125rem) * 10);--panel-height:calc(var(--cds-global-space-8, 1.125rem) * 10)}:host([size=md]),:host([size=md]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, 0.75rem) * 20);--panel-height:calc(var(--cds-global-space-6, 0.75rem) * 20)}:host([size=lg]),:host([size=lg]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, 1.125rem) * 20);--panel-height:calc(var(--cds-global-space-8, 1.125rem) * 20)}:host([size=xl]),:host([size=xl]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, 0.75rem) * 40);--panel-height:calc(var(--cds-global-space-6, 0.75rem) * 40)}`;export{s as default};
 //# sourceMappingURL=selection-panel.element.scss.js.map

package/styles/shim.clr-ui.css

@@ -395,12 +395,15 @@
   --clr-forms-range-progress-fill-color: var(--cds-alias-status-info);
   --clr-forms-range-track-color: var(--cds-alias-object-border-color);
   /* Combobox */
+  --clr-combobox-border-color: var(--cds-alias-object-border-color);
   --clr-combobox-trigger-color: var(--clr-color-neutral-500);
-  --clr-combobox-input-background-color: var(--cds-alias-object-container-background-shade);
+  --clr-combobox-input-background-color: var(--cds-alias-object-container-background-tint);
   --clr-combobox-pill-background-color: var(
     --cds-alias-object-interaction-background
   );
-  --clr-combobox-pill-border-color: var(--cds-alias-object-border-color);
+  --clr-combobox-pill-border-color: var(
+    --cds-alias-object-interaction-border-color
+  );
   --clr-combobox-pill-font-color: var(--cds-global-typography-color-500);
   --clr-combobox-filter-highlight: var(
     --cds-alias-object-interaction-background-highlight

package/styles/shim.clr-ui.min.css

@@ -66,9 +66,11 @@
     --clr-form-disabled-background-color
   );--clr-forms-radio-disabled-mark-color:var(
     --clr-forms-checkbox-disabled-mark-color
-  );--clr-forms-range-progress-fill-color:var(--cds-alias-status-info);--clr-forms-range-track-color:var(--cds-alias-object-border-color);--clr-combobox-trigger-color:var(--clr-color-neutral-500);--clr-combobox-input-background-color:var(--cds-alias-object-container-background-shade);--clr-combobox-pill-background-color:var(
+  );--clr-forms-range-progress-fill-color:var(--cds-alias-status-info);--clr-forms-range-track-color:var(--cds-alias-object-border-color);--clr-combobox-border-color:var(--cds-alias-object-border-color);--clr-combobox-trigger-color:var(--clr-color-neutral-500);--clr-combobox-input-background-color:var(--cds-alias-object-container-background-tint);--clr-combobox-pill-background-color:var(
     --cds-alias-object-interaction-background
-  );--clr-combobox-pill-border-color:var(--cds-alias-object-border-color);--clr-combobox-pill-font-color:var(--cds-global-typography-color-500);--clr-combobox-filter-highlight:var(
+  );--clr-combobox-pill-border-color:var(
+    --cds-alias-object-interaction-border-color
+  );--clr-combobox-pill-font-color:var(--cds-global-typography-color-500);--clr-combobox-filter-highlight:var(
     --cds-alias-object-interaction-background-highlight
   );--clr-calendar-background-color:var(--cds-alias-object-overlay-background);--clr-calendar-border-color:var(--cds-alias-object-container-border-color);--clr-datepicker-trigger-color:var(--cds-alias-status-info);--clr-datepicker-trigger-hover-color:var(--clr-color-action-800);--clr-calendar-btn-color:var(--cds-alias-status-info);--clr-calendar-btn-hover-focus-color:var(
     --cds-alias-object-interaction-background-hover

package/tag/tag.element.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { CdsBaseButton, StatusTypes } from '@cds/core/internal';
 /**
  * Tags show concise metadata in a compact format.
@@ -42,6 +43,6 @@ export declare class CdsTag extends CdsBaseButton {
     private groupLabelId;
     protected icon: HTMLElement;
     protected badge: HTMLElement;
-    updated(props: Map<string, string | boolean | null | undefined>): void;
+    updated(props: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/tag/tag.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{CdsBaseButton as o,baseStyles as s,syncProps as e,property as a,id as r,querySlot as i}from"@cds/core/internal";import{html as l}from"lit";import d from"./tag.element.scss.js";class p extends o{constructor(){super(...arguments),this.status="neutral",this.closable=!1}static get styles(){return[s,d]}updated(t){super.updated(t),t.has("closable")&&!0===t.get("closable")&&(this.readonly=!1),this.badge&&e(this.badge,this,{status:t.has("status"),color:t.has("color")})}render(){return l`<div class="private-host" role="group" aria-labelledby="${this.groupLabelId}" cds-layout="horizontal align:center wrap:none"><slot name="tag-icon"></slot><span id="${this.groupLabelId}" class="tag-content" cds-text="lhe"><slot></slot></span><slot name="tag-badge"></slot>${this.closable?l`<cds-icon shape="times"></cds-icon>`:l``}</div>`}}t([a({type:String})],p.prototype,"status",void 0),t([a({type:String})],p.prototype,"color",void 0),t([a({type:Boolean})],p.prototype,"closable",void 0),t([r()],p.prototype,"groupLabelId",void 0),t([i("cds-icon",{assign:"tag-icon"})],p.prototype,"icon",void 0),t([i("cds-badge",{assign:"tag-badge"})],p.prototype,"badge",void 0);export{p as CdsTag};
+import{__decorate as t}from"tslib";import{html as o}from"lit";import{CdsBaseButton as s,baseStyles as e,syncProps as a,property as r,id as i,querySlot as l}from"@cds/core/internal";import d from"./tag.element.scss.js";class p extends s{constructor(){super(...arguments);this.status="neutral",this.closable=!1}static get styles(){return[e,d]}updated(t){super.updated(t),t.has("closable")&&!0===t.get("closable")&&(this.readonly=!1),this.badge&&a(this.badge,this,{status:t.has("status"),color:t.has("color")})}render(){return o`<div class="private-host" role="group" aria-labelledby="${this.groupLabelId}" cds-layout="horizontal align:center wrap:none"><slot name="tag-icon"></slot><span id="${this.groupLabelId}" class="tag-content" cds-text="lhe"><slot></slot></span><slot name="tag-badge"></slot>${this.closable?o`<cds-icon shape="times"></cds-icon>`:o``}</div>`}}t([r({type:String})],p.prototype,"status",void 0),t([r({type:String})],p.prototype,"color",void 0),t([r({type:Boolean})],p.prototype,"closable",void 0),t([i()],p.prototype,"groupLabelId",void 0),t([l("cds-icon",{assign:"tag-icon"})],p.prototype,"icon",void 0),t([l("cds-badge",{assign:"tag-badge"})],p.prototype,"badge",void 0);export{p as CdsTag};
 //# sourceMappingURL=tag.element.js.map

package/tag/tag.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.element.js","sources":["../../../src/tag/tag.element.ts"],"sourcesContent":null,"names":["CdsTag","CdsBaseButton","[object Object]","super","arguments","this","status","closable","styles","baseStyles","props","updated","has","get","readonly","badge","syncProps","color","html","groupLabelId","__decorate","property","type","String","prototype","Boolean","id","querySlot","assign"],"mappings":"0NAgCO,MAAMA,UAAeC,EACxBC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UAQdD,KAAKE,UAAW,EAEpBC,oBACI,MAAO,CAACC,EAAYD,GAExBN,QAAQQ,GACJP,MAAMQ,QAAQD,GACVA,EAAME,IAAI,cAAyC,IAA1BF,EAAMG,IAAI,cACnCR,KAAKS,UAAW,GAEhBT,KAAKU,OACLC,EAAUX,KAAKU,MAAOV,KAAM,CAAEC,OAAQI,EAAME,IAAI,UAAWK,MAAOP,EAAME,IAAI,WAGpFV,SACI,OAAOgB,CAAK,2DAIOb,KAAKc,uGAIZd,KAAKc,sGAEfd,KAAKE,SAAWW,CAAK,sCAAwCA,CAAK,YAK5EE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvB,EAAOwB,UAAW,cAAU,GAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvB,EAAOwB,UAAW,aAAS,GAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBzB,EAAOwB,UAAW,gBAAY,GACjCJ,EAAW,CACPM,KACD1B,EAAOwB,UAAW,oBAAgB,GACrCJ,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,cACjC5B,EAAOwB,UAAW,YAAQ,GAC7BJ,EAAW,CACPO,EAAU,YAAa,CAAEC,OAAQ,eAClC5B,EAAOwB,UAAW,aAAS"}
+{"version":3,"file":"tag.element.js","sources":["../../../src/tag/tag.element.ts"],"sourcesContent":null,"names":["CdsTag","CdsBaseButton","[object Object]","super","this","status","closable","styles","baseStyles","props","updated","has","get","readonly","badge","syncProps","color","html","groupLabelId","__decorate","property","type","String","prototype","Boolean","id","querySlot","assign"],"mappings":"0NAgCO,MAAMA,UAAeC,EACxBC,cACIC,oBAKAC,KAAKC,OAAS,UAQdD,KAAKE,UAAW,EAEpBC,oBACI,MAAO,CAACC,EAAYD,GAExBL,QAAQO,GACJN,MAAMO,QAAQD,GACVA,EAAME,IAAI,cAAyC,IAA1BF,EAAMG,IAAI,cACnCR,KAAKS,UAAW,GAEhBT,KAAKU,OACLC,EAAUX,KAAKU,MAAOV,KAAM,CAAEC,OAAQI,EAAME,IAAI,UAAWK,MAAOP,EAAME,IAAI,WAGpFT,SACI,OAAOe,CAAK,2DAIOb,KAAKc,uGAIZd,KAAKc,sGAEfd,KAAKE,SAAWW,CAAK,sCAAwCA,CAAK,YAK5EE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtB,EAAOuB,UAAW,cAAU,GAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtB,EAAOuB,UAAW,aAAS,GAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBxB,EAAOuB,UAAW,gBAAY,GACjCJ,EAAW,CACPM,KACDzB,EAAOuB,UAAW,oBAAgB,GACrCJ,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,cACjC3B,EAAOuB,UAAW,YAAQ,GAC7BJ,EAAW,CACPO,EAAU,YAAa,CAAEC,OAAQ,eAClC3B,EAAOuB,UAAW,aAAS"}

package/tag/tag.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var a=o`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, 0.125rem);--font-size:var(--cds-global-typography-font-size-0, 0.625rem);--border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-3,.25rem));-webkit-transform:translateZ(0);transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,.25rem)}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([_active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);-webkit-filter:brightness(95%);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([_active]) .private-host{-webkit-box-shadow:0 var(--cds-global-space-1,.0625rem) 0 0 var(--border-color) inset;box-shadow:0 var(--cds-global-space-1,.0625rem) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([_active]) .tag-content{-webkit-transform:translateY(var(--cds-global-space-1,.0625rem));transform:translateY(var(--cds-global-space-1,.0625rem))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{-webkit-box-shadow:none!important;box-shadow:none!important}:host([disabled]) .tag-content{-webkit-transform:initial!important;transform:initial!important}`;export default a;
+import{css as o}from"lit";var a=o`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, 0.125rem);--font-size:var(--cds-global-typography-font-size-0, 0.625rem);--border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-3,.25rem));-webkit-transform:translateZ(0);transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,.25rem)}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([_active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);-webkit-filter:brightness(95%);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([_active]) .private-host{-webkit-box-shadow:0 var(--cds-global-space-1,.0625rem) 0 0 var(--border-color) inset;box-shadow:0 var(--cds-global-space-1,.0625rem) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([_active]) .tag-content{-webkit-transform:translateY(var(--cds-global-space-1,.0625rem));transform:translateY(var(--cds-global-space-1,.0625rem))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{-webkit-box-shadow:none!important;box-shadow:none!important}:host([disabled]) .tag-content{-webkit-transform:initial!important;transform:initial!important}`;export{a as default};
 //# sourceMappingURL=tag.element.scss.js.map

package/test/index.js

@@ -1,2 +1,2 @@
-export{componentIsStable,createTestElement,emulatedClick,getComponentSlotContent,onceEvent,removeTestElement}from"./utils.js";import"lit";
+export{componentIsStable,createTestElement,emulatedClick,getComponentSlotContent,onceEvent,removeTestElement}from"./utils.js";
 //# sourceMappingURL=index.js.map

package/test/utils.d.ts

@@ -7,4 +7,4 @@ export declare function getComponentSlotContent(component: HTMLElement): {
 export declare function componentIsStable(component: any): Promise<any>;
 export declare function emulatedClick(component: HTMLElement): void;
 /** helpful for capturing a single event in a async test rather than Jasmine `done()` */
-export declare function onceEvent(element: HTMLElement, event: string): Promise<any>;
+export declare function onceEvent(element: HTMLElement | Document, event: string): Promise<any>;