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

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:xs 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:xs 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/button-inline/button-inline.element.d.ts

@@ -25,9 +25,3 @@ export declare class CdsButtonInline extends CdsBaseButton {
     render(): import("lit-html").TemplateResult<1>;
     static get styles(): import("lit").CSSResultGroup[];
 }
-/**
- * @deprecated
- * renamed to `cds-button-inline` in 6.0 to align to rest of the `cds-button-*` APIs
- */
-export declare class CdsInlineButton extends CdsButtonInline {
-}

package/button-inline/button-inline.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{CdsBaseButton as s,addClassnames as e,baseStyles as o,querySlot as n}from"@cds/core/internal";import{html as r}from"lit";import c from"./button-inline.element.scss.js";class i extends s{connectedCallback(){super.connectedCallback(),this.icon&&e(this.icon,"anchored-icon")}render(){return r`<span class="private-host"><slot></slot></span>`}static get styles(){return[o,c]}}t([n("cds-icon")],i.prototype,"icon",void 0);class l extends i{}export{i as CdsButtonInline,l as CdsInlineButton};
+import{__decorate as t}from"tslib";import{CdsBaseButton as o,addClassnames as e,baseStyles as s,querySlot as n}from"@cds/core/internal";import{html as r}from"lit";import c from"./button-inline.element.scss.js";class i extends o{connectedCallback(){super.connectedCallback(),this.icon&&e(this.icon,"anchored-icon")}render(){return r`<span class="private-host"><slot></slot></span>`}static get styles(){return[s,c]}}t([n("cds-icon")],i.prototype,"icon",void 0);export{i as CdsButtonInline};
 //# sourceMappingURL=button-inline.element.js.map

package/button-inline/button-inline.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-inline.element.js","sources":["../../../src/button-inline/button-inline.element.ts"],"sourcesContent":null,"names":["CdsButtonInline","CdsBaseButton","[object Object]","super","connectedCallback","this","icon","addClassnames","html","styles","baseStyles","__decorate","querySlot","prototype","CdsInlineButton"],"mappings":"kNA6BO,MAAMA,UAAwBC,EACjCC,oBACIC,MAAMC,oBAGFC,KAAKC,MACLC,EAAcF,KAAKC,KAAM,iBAGjCJ,SACI,OAAOM,CAAK,kDAEhBC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAU,aACXZ,EAAgBa,UAAW,YAAQ,GAK/B,MAAMC,UAAwBd"}
+{"version":3,"file":"button-inline.element.js","sources":["../../../src/button-inline/button-inline.element.ts"],"sourcesContent":null,"names":["CdsButtonInline","CdsBaseButton","[object Object]","super","connectedCallback","this","icon","addClassnames","html","styles","baseStyles","__decorate","querySlot","prototype"],"mappings":"kNA6BO,MAAMA,UAAwBC,EACjCC,oBACIC,MAAMC,oBAGFC,KAAKC,MACLC,EAAcF,KAAKC,KAAM,iBAGjCJ,SACI,OAAOM,CAAK,kDAEhBC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAU,aACXZ,EAAgBa,UAAW,YAAQ"}

package/button-inline/index.js

@@ -1,2 +1,2 @@
-export{CdsButtonInline,CdsInlineButton}from"./button-inline.element.js";
+export{CdsButtonInline}from"./button-inline.element.js";
 //# sourceMappingURL=index.js.map

package/button-inline/register.d.ts

@@ -1,11 +1,6 @@
-import { CdsButtonInline, CdsInlineButton } from './button-inline.element.js';
+import { CdsButtonInline } from './button-inline.element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'cds-button-inline': CdsButtonInline;
     }
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'cds-inline-button': CdsInlineButton;
-    }
-}

package/button-inline/register.js

@@ -1,2 +1,2 @@
-import{registerElementSafely as n}from"@cds/core/internal";import{CdsButtonInline as t,CdsInlineButton as i}from"./button-inline.element.js";n("cds-button-inline",t),n("cds-inline-button",i);
+import{registerElementSafely as n}from"@cds/core/internal";import{CdsButtonInline as t}from"./button-inline.element.js";n("cds-button-inline",t);
 //# sourceMappingURL=register.js.map

package/button-inline/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/button-inline/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsButtonInline","CdsInlineButton"],"mappings":"6IAOAA,EAAsB,oBAAqBC,GAE3CD,EAAsB,oBAAqBE"}
+{"version":3,"file":"register.js","sources":["../../../src/button-inline/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsButtonInline"],"mappings":"wHAOAA,EAAsB,oBAAqBC"}