@cds/core 5.6.2 → 5.6.3

package/breadcrumb/breadcrumb.element.d.ts

@@ -22,8 +22,8 @@ import { LitElement } from 'lit';
 export declare class CdsBreadcrumb extends LitElement {
     private navItems;
     private customSeparator;
-    role: string;
     render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
     private get separator();
     private assignSlots;
     private get slotNames();

package/breadcrumb/breadcrumb.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as s,html as r}from"lit";import{createId as e,baseStyles as o,state as a,querySlot as i}from"@cds/core/internal";import l from"./breadcrumb.element.scss.js";class n extends s{constructor(){super(...arguments),this.navItems=[],this.role="navigation"}render(){return r`<div class="private-host"><ol cds-layout="horizontal gap:sm align:vertical-center">${this.slotNames.map((t=>r`<li cds-layout="horizontal gap:sm align:vertical-center"><slot name="${t}"></slot><span part="separator" aria-hidden="true">${this.separator}</span></li>`))}</ol></div><slot @slotchange="${this.assignSlots}"></slot>`}get separator(){if(this.customSeparator){const t=this.customSeparator.cloneNode(!0);return t.removeAttribute("slot"),t}return r`/`}assignSlots(){this.navItems=Array.from(this.children).filter((t=>"cds-separator"!==t.getAttribute("slot"))).map((t=>(t.setAttribute("slot",e()),t)))}get slotNames(){return this.navItems.map((t=>t.slot))}static get styles(){return[o,l]}}t([a({type:Array})],n.prototype,"navItems",void 0),t([i('[slot="cds-separator"]')],n.prototype,"customSeparator",void 0);export{n as CdsBreadcrumb};
+import{__decorate as t}from"tslib";import{LitElement as s,html as r}from"lit";import{createId as e,baseStyles as o,state as a,querySlot as i}from"@cds/core/internal";import l from"./breadcrumb.element.scss.js";class n extends s{constructor(){super(...arguments),this.navItems=[]}render(){return r`<div class="private-host"><ol cds-layout="horizontal gap:sm align:vertical-center">${this.slotNames.map((t=>r`<li cds-layout="horizontal gap:sm align:vertical-center"><slot name="${t}"></slot><span part="separator" aria-hidden="true">${this.separator}</span></li>`))}</ol></div><slot @slotchange="${this.assignSlots}"></slot>`}connectedCallback(){super.connectedCallback(),this.role="navigation"}get separator(){if(this.customSeparator){const t=this.customSeparator.cloneNode(!0);return t.removeAttribute("slot"),t}return r`/`}assignSlots(){this.navItems=Array.from(this.children).filter((t=>"cds-separator"!==t.getAttribute("slot"))).map((t=>(t.setAttribute("slot",e()),t)))}get slotNames(){return this.navItems.map((t=>t.slot))}static get styles(){return[o,l]}}t([a({type:Array})],n.prototype,"navItems",void 0),t([i('[slot="cds-separator"]')],n.prototype,"customSeparator",void 0);export{n as CdsBreadcrumb};
 //# sourceMappingURL=breadcrumb.element.js.map

package/breadcrumb/breadcrumb.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.element.js","sources":["../../../src/breadcrumb/breadcrumb.element.ts"],"sourcesContent":null,"names":["CdsBreadcrumb","LitElement","[object Object]","super","arguments","this","navItems","role","html","slotNames","map","slotName","separator","assignSlots","customSeparator","separatorClone","cloneNode","removeAttribute","Array","from","children","filter","c","getAttribute","element","setAttribute","createId","slot","styles","baseStyles","__decorate","state","type","prototype","querySlot"],"mappings":"kNAwBO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,SAAW,GAChBD,KAAKE,KAAO,aAEhBL,SACI,OAAOM,CAAK,sFAGRH,KAAKI,UAAUC,KAAIC,GAAYH,CAAK,wEAElBG,uDAC8BN,KAAKO,0DAKvCP,KAAKQ,uBAG3BD,gBACI,GAAIP,KAAKS,gBAAiB,CACtB,MAAMC,EAAiBV,KAAKS,gBAAgBE,WAAU,GAEtD,OADAD,EAAeE,gBAAgB,QACxBF,EAGP,OAAOP,CAAK,IAGpBN,cACIG,KAAKC,SAAWY,MAAMC,KAAKd,KAAKe,UAC3BC,QAAOC,GAAgC,kBAA3BA,EAAEC,aAAa,UAC3Bb,KAAIc,IACLA,EAAQC,aAAa,OAAQC,KACtBF,KAGff,gBACI,OAAOJ,KAAKC,SAASI,KAAIc,GAAWA,EAAQG,OAEhDC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAM,CAAEC,KAAMd,SACflB,EAAciC,UAAW,gBAAY,GACxCH,EAAW,CACPI,EAAU,2BACXlC,EAAciC,UAAW,uBAAmB"}
+{"version":3,"file":"breadcrumb.element.js","sources":["../../../src/breadcrumb/breadcrumb.element.ts"],"sourcesContent":null,"names":["CdsBreadcrumb","LitElement","[object Object]","super","arguments","this","navItems","html","slotNames","map","slotName","separator","assignSlots","connectedCallback","role","customSeparator","separatorClone","cloneNode","removeAttribute","Array","from","children","filter","c","getAttribute","element","setAttribute","createId","slot","styles","baseStyles","__decorate","state","type","prototype","querySlot"],"mappings":"kNAwBO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,SAAW,GAEpBJ,SACI,OAAOK,CAAK,sFAGRF,KAAKG,UAAUC,KAAIC,GAAYH,CAAK,wEAElBG,uDAC8BL,KAAKM,0DAKvCN,KAAKO,uBAG3BV,oBACIC,MAAMU,oBACNR,KAAKS,KAAO,aAEhBH,gBACI,GAAIN,KAAKU,gBAAiB,CACtB,MAAMC,EAAiBX,KAAKU,gBAAgBE,WAAU,GAEtD,OADAD,EAAeE,gBAAgB,QACxBF,EAGP,OAAOT,CAAK,IAGpBL,cACIG,KAAKC,SAAWa,MAAMC,KAAKf,KAAKgB,UAC3BC,QAAOC,GAAgC,kBAA3BA,EAAEC,aAAa,UAC3Bf,KAAIgB,IACLA,EAAQC,aAAa,OAAQC,KACtBF,KAGfjB,gBACI,OAAOH,KAAKC,SAASG,KAAIgB,GAAWA,EAAQG,OAEhDC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAM,CAAEC,KAAMd,SACfnB,EAAckC,UAAW,gBAAY,GACxCH,EAAW,CACPI,EAAU,2BACXnC,EAAckC,UAAW,uBAAmB"}

package/button/button.element.d.ts

@@ -62,12 +62,13 @@ export declare class CdsButton extends CdsBaseButton {
      * - `success`: disables the button and shows a check mark inside the button; auto-triggers to change back to DEFAULT state after 1000 ms
      * - `error`: shows the content of the button (in the context of application, this state is usually entered from a LOADING state. the application should show appropriate error message)
      */
-    get loadingState(): keyof typeof ClrLoadingState;
-    set loadingState(value: keyof typeof ClrLoadingState);
-    private _loadingState;
+    loadingState: keyof typeof ClrLoadingState;
+    firstUpdated(props: Map<string, any>): void;
+    update(props: Map<string, any>): void;
     private _disabled;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResultGroup[];
+    isDefaultLoadingState(state: string): boolean;
     private disableButton;
     private enableButton;
 }

package/button/button.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{CdsBaseButton as s,getElementWidth as e,baseStyles as i,property as o}from"@cds/core/internal";import{html as a}from"lit";import d from"./button.element.scss.js";var r;!function(t){t.default="default",t.loading="loading",t.success="success",t.error="error"}(r||(r={}));class l extends s{constructor(){super(...arguments),this.action="solid",this.status="primary",this.size="md",this.block=!1,this._loadingState=r.default,this._disabled=!1}get loadingState(){return this._loadingState}set loadingState(t){this._loadingState===r.default&&(this._disabled=this.disabled),t===r.default?this.enableButton():this.disableButton();const s=this._loadingState;this._loadingState=t,this.requestUpdate("loadingState",s)}render(){return a`<div class="private-host" cds-layout="horizontal gap:sm wrap:none align:center">${this.loadingState===r.success?a`<cds-icon shape="check" status="success" size="18"></cds-icon>`:""} ${this.loadingState===r.error?a`<cds-icon shape="error-standard" status="danger" size="18"></cds-icon>`:""} ${this.loadingState===r.loading?a`<cds-progress-circle .size="${"sm"===this.size?"12":"18"}" status="info"></cds-progress-circle>`:""} ${this.loadingState===r.default?a`<slot></slot>`:""}</div>`}async disableButton(){await this.updateComplete,this.style.width=e(this),this.disabled=!0}enableButton(){this.style.removeProperty("width"),this.disabled=this._disabled}}l.styles=[i,d],t([o({type:String})],l.prototype,"action",void 0),t([o({type:String})],l.prototype,"status",void 0),t([o({type:String})],l.prototype,"size",void 0),t([o({type:Boolean})],l.prototype,"block",void 0),t([o({type:String})],l.prototype,"loadingState",null);export{l as CdsButton,r as ClrLoadingState};
+import{__decorate as t}from"tslib";import{CdsBaseButton as s,getElementWidth as i,baseStyles as e,property as a}from"@cds/core/internal";import{html as o}from"lit";import d from"./button.element.scss.js";var r;!function(t){t.default="default",t.loading="loading",t.success="success",t.error="error"}(r||(r={}));class l extends s{constructor(){super(...arguments),this.action="solid",this.status="primary",this.size="md",this.block=!1,this.loadingState=r.default,this._disabled=!1}firstUpdated(t){super.firstUpdated(t),this.isDefaultLoadingState(this.loadingState)||(this.disabled=!0)}update(t){t.has("loadingState")&&(this.isDefaultLoadingState(t.get("loadingState"))&&(this._disabled=this.disabled),void 0!==t.get("loadingState")&&(this.isDefaultLoadingState(this.loadingState)?this.enableButton():this.disableButton())),super.update(t)}render(){return o`<div class="private-host" cds-layout="horizontal gap:sm wrap:none align:center">${this.loadingState===r.success?o`<cds-icon shape="check" status="success" size="18"></cds-icon>`:""} ${this.loadingState===r.error?o`<cds-icon shape="error-standard" status="danger" size="18"></cds-icon>`:""} ${this.loadingState===r.loading?o`<cds-progress-circle .size="${"sm"===this.size?"12":"18"}" status="info"></cds-progress-circle>`:""} ${this.loadingState===r.default?o`<slot></slot>`:""}</div>`}isDefaultLoadingState(t){return t===r.default}disableButton(){this.style.width=i(this),this.disabled=!0}enableButton(){this.style.removeProperty("width"),this.disabled=this._disabled}}l.styles=[e,d],t([a({type:String})],l.prototype,"action",void 0),t([a({type:String})],l.prototype,"status",void 0),t([a({type:String})],l.prototype,"size",void 0),t([a({type:Boolean})],l.prototype,"block",void 0),t([a({type:String})],l.prototype,"loadingState",void 0);export{l as CdsButton,r as ClrLoadingState};
 //# sourceMappingURL=button.element.js.map

package/button/button.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.element.js","sources":["../../../src/button/button.element.ts"],"sourcesContent":null,"names":["ClrLoadingState","CdsButton","CdsBaseButton","[object Object]","super","arguments","this","action","status","size","block","_loadingState","default","_disabled","loadingState","value","disabled","enableButton","disableButton","oldValue","requestUpdate","html","success","error","loading","updateComplete","style","width","getElementWidth","removeProperty","styles","baseStyles","__decorate","property","type","String","prototype","Boolean"],"mappings":"4MASU,IAACA,GACX,SAAWA,GACPA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAuB,MAAI,QAJ/B,CAKGA,IAAoBA,EAAkB,KA8BlC,MAAMC,UAAkBC,EAC3BC,cACIC,SAASC,WAQTC,KAAKC,OAAS,QAIdD,KAAKE,OAAS,UAIdF,KAAKG,KAAO,KAEZH,KAAKI,OAAQ,EACbJ,KAAKK,cAAgBX,EAAgBY,QACrCN,KAAKO,WAAY,EAWrBC,mBACI,OAAOR,KAAKK,cAEhBG,iBAAiBC,GAETT,KAAKK,gBAAkBX,EAAgBY,UACvCN,KAAKO,UAAYP,KAAKU,UAEtBD,IAAUf,EAAgBY,QAC1BN,KAAKW,eAGLX,KAAKY,gBAET,MAAMC,EAAWb,KAAKK,cACtBL,KAAKK,cAAgBI,EACrBT,KAAKc,cAAc,eAAgBD,GAEvChB,SACI,OAAOkB,CAAK,mFACZf,KAAKQ,eAAiBd,EAAgBsB,QAChCD,CAAK,iEACL,MACNf,KAAKQ,eAAiBd,EAAgBuB,MAChCF,CAAK,yEACL,MACNf,KAAKQ,eAAiBd,EAAgBwB,QAChCH,CAAK,+BAA4C,OAAdf,KAAKG,KAAgB,KAAO,6CAC/D,MACNH,KAAKQ,eAAiBd,EAAgBY,QAAUS,CAAK,gBAAkB,WAG3ElB,4BACUG,KAAKmB,eACXnB,KAAKoB,MAAMC,MAAQC,EAAgBtB,MACnCA,KAAKU,UAAW,EAEpBb,eACIG,KAAKoB,MAAMG,eAAe,SAC1BvB,KAAKU,SAAWV,KAAKO,WAG7BZ,EAAU6B,OAAS,CAACC,EAAYD,GAChCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,YAAQ,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBpC,EAAUmC,UAAW,aAAS,GACjCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,eAAgB"}
+{"version":3,"file":"button.element.js","sources":["../../../src/button/button.element.ts"],"sourcesContent":null,"names":["ClrLoadingState","CdsButton","CdsBaseButton","[object Object]","super","arguments","this","action","status","size","block","loadingState","default","_disabled","props","firstUpdated","isDefaultLoadingState","disabled","has","get","undefined","enableButton","disableButton","update","html","success","error","loading","state","style","width","getElementWidth","removeProperty","styles","baseStyles","__decorate","property","type","String","prototype","Boolean"],"mappings":"4MASU,IAACA,GACX,SAAWA,GACPA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAuB,MAAI,QAJ/B,CAKGA,IAAoBA,EAAkB,KA8BlC,MAAMC,UAAkBC,EAC3BC,cACIC,SAASC,WAQTC,KAAKC,OAAS,QAIdD,KAAKE,OAAS,UAIdF,KAAKG,KAAO,KAEZH,KAAKI,OAAQ,EAUbJ,KAAKK,aAAeX,EAAgBY,QACpCN,KAAKO,WAAY,EAErBV,aAAaW,GACTV,MAAMW,aAAaD,GACdR,KAAKU,sBAAsBV,KAAKK,gBACjCL,KAAKW,UAAW,GAGxBd,OAAOW,GACCA,EAAMI,IAAI,kBACNZ,KAAKU,sBAAsBF,EAAMK,IAAI,mBAErCb,KAAKO,UAAYP,KAAKW,eAEQG,IAA9BN,EAAMK,IAAI,kBACNb,KAAKU,sBAAsBV,KAAKK,cAChCL,KAAKe,eAGLf,KAAKgB,kBAIjBlB,MAAMmB,OAAOT,GAEjBX,SACI,OAAOqB,CAAK,mFACZlB,KAAKK,eAAiBX,EAAgByB,QAChCD,CAAK,iEACL,MACNlB,KAAKK,eAAiBX,EAAgB0B,MAChCF,CAAK,yEACL,MACNlB,KAAKK,eAAiBX,EAAgB2B,QAChCH,CAAK,+BAA4C,OAAdlB,KAAKG,KAAgB,KAAO,6CAC/D,MACNH,KAAKK,eAAiBX,EAAgBY,QAAUY,CAAK,gBAAkB,WAG3ErB,sBAAsByB,GAClB,OAAOA,IAAU5B,EAAgBY,QAErCT,gBACIG,KAAKuB,MAAMC,MAAQC,EAAgBzB,MACnCA,KAAKW,UAAW,EAEpBd,eACIG,KAAKuB,MAAMG,eAAe,SAC1B1B,KAAKW,SAAWX,KAAKO,WAG7BZ,EAAUgC,OAAS,CAACC,EAAYD,GAChCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBrC,EAAUsC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBrC,EAAUsC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBrC,EAAUsC,UAAW,YAAQ,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBvC,EAAUsC,UAAW,aAAS,GACjCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBrC,EAAUsC,UAAW,oBAAgB"}

package/card/card.element.d.ts

@@ -45,7 +45,7 @@ import { CdsInternalPanel } from '@cds/core/internal-components/panel';
  * @cssprop --cds-card-remove-margin
  */
 export declare class CdsCard extends CdsInternalPanel {
-    role: string;
     globalStyles: import("lit").CSSResultGroup;
     static get styles(): import("lit").CSSResultGroup[];
+    connectedCallback(): void;
 }

package/card/card.element.js

@@ -1,2 +1,2 @@
-import{__decorate as r}from"tslib";import{css as e}from"lit";import{globalStyle as t}from"@cds/core/internal";import{CdsInternalPanel as o}from"@cds/core/internal-components/panel";import s from"./card.element.scss.js";class c extends o{constructor(){super(...arguments),this.role="region",this.globalStyles=e`[cds-card-remove-margin]{margin-left:calc(-1 * var(--card-remove-margin));width:calc(100% + calc(var(--card-remove-margin) * 2))}`}static get styles(){return[...super.styles,s]}}r([t()],c.prototype,"globalStyles",void 0);export{c as CdsCard};
+import{__decorate as r}from"tslib";import{css as e}from"lit";import{globalStyle as t}from"@cds/core/internal";import{CdsInternalPanel as o}from"@cds/core/internal-components/panel";import c from"./card.element.scss.js";class s extends o{constructor(){super(...arguments),this.globalStyles=e`[cds-card-remove-margin]{margin-left:calc(-1 * var(--card-remove-margin));width:calc(100% + calc(var(--card-remove-margin) * 2))}`}static get styles(){return[...super.styles,c]}connectedCallback(){super.connectedCallback(),this.role="region"}}r([t()],s.prototype,"globalStyles",void 0);export{s as CdsCard};
 //# sourceMappingURL=card.element.js.map

package/card/card.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.element.js","sources":["../../../src/card/card.element.ts"],"sourcesContent":null,"names":["CdsCard","CdsInternalPanel","[object Object]","super","arguments","this","role","globalStyles","css","styles","__decorate","globalStyle","prototype"],"mappings":"2NAkDO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,KAAO,SACZD,KAAKE,aAAeC,CAAI,oIAO5BC,oBACI,MAAO,IAAIN,MAAMM,OAAQA,IAGjCC,EAAW,CACPC,KACDX,EAAQY,UAAW,oBAAgB"}
+{"version":3,"file":"card.element.js","sources":["../../../src/card/card.element.ts"],"sourcesContent":null,"names":["CdsCard","CdsInternalPanel","[object Object]","super","arguments","this","globalStyles","css","styles","connectedCallback","role","__decorate","globalStyle","prototype"],"mappings":"2NAkDO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,aAAeC,CAAI,oIAO5BC,oBACI,MAAO,IAAIL,MAAMK,OAAQA,GAE7BN,oBACIC,MAAMM,oBACNJ,KAAKK,KAAO,UAGpBC,EAAW,CACPC,KACDZ,EAAQa,UAAW,oBAAgB"}