@cds/core 5.7.0 → 6.0.0-beta.2

package/button/button.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.element.js","sources":["../../../src/button/button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { baseStyles, CdsBaseButton, getElementWidth, property } from '@cds/core/internal';\nimport styles from './button.element.scss';\nexport var ClrLoadingState;\n(function (ClrLoadingState) {\n    ClrLoadingState[\"default\"] = \"default\";\n    ClrLoadingState[\"loading\"] = \"loading\";\n    ClrLoadingState[\"success\"] = \"success\";\n    ClrLoadingState[\"error\"] = \"error\";\n})(ClrLoadingState || (ClrLoadingState = {}));\n/**\n * Buttons allow an application to communicate action and direct user intent.\n *\n * ```typescript\n * import '@cds/core/button/register.js';\n * ```\n *\n * ```html\n * <cds-button>submit</cds-button>\n * ```\n *\n * @element cds-button\n * @slot - Content slot for inside the button\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --box-shadow-color\n * @cssprop --color\n * @cssprop --font-family\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --height\n * @cssprop --letter-spacing\n * @cssprop --min-width\n * @cssprop --padding\n * @cssprop --text-decoration\n * @cssprop --text-transform\n */\nexport class CdsButton extends CdsBaseButton {\n    constructor() {\n        super(...arguments);\n        /**\n         * Define the type of action the button triggers\n         *\n         * - `solid`: buttons direct the user’s attention to the primary action the application is suggesting that the user take.\n         * - `outline`: buttons indicate secondary actions that compliments a primary action or reduces visual noise when there are many actions on the page.\n         * - `flat`: buttons are used as tertiary buttons. Can also be used inline because they are different from content in style and recognizable as buttons alongside content.\n         */\n        this.action = 'solid';\n        /**\n         * Sets the color of the button to match the following string statuses\n         */\n        this.status = 'primary';\n        /**\n         * Sets the overall height and width of the button based on the following string values:\n         */\n        this.size = 'md';\n        /** Sets if the button should be full width with display block */\n        this.block = false;\n        /**\n         * Changes the button content based on the value passed.\n         * @type {default | loading | success | error}\n         *\n         * - `default`: shows the content of the button\n         * - `loading`: disables the button and shows a spinner inside the button\n         * - `success`: disables the button and shows a check mark inside the button; auto-triggers to change back to DEFAULT state after 1000 ms\n         * - `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)\n         */\n        this.loadingState = ClrLoadingState.default;\n        this._disabled = false;\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        if (!this.isDefaultLoadingState(this.loadingState)) {\n            this.disabled = true;\n        }\n    }\n    update(props) {\n        if (props.has('loadingState')) {\n            if (this.isDefaultLoadingState(props.get('loadingState'))) {\n                // track prior disabled state to set prior value after button is re-enabled from a loading state\n                this._disabled = this.disabled;\n            }\n            if (props.get('loadingState') !== undefined) {\n                if (this.isDefaultLoadingState(this.loadingState)) {\n                    this.enableButton();\n                }\n                else {\n                    this.disableButton();\n                }\n            }\n        }\n        super.update(props);\n    }\n    render() {\n        return html `<div class=\"private-host\" cds-layout=\"horizontal gap:sm wrap:none align:center\">\n      ${this.loadingState === ClrLoadingState.success\n            ? html `<cds-icon shape=\"check\" status=\"success\" size=\"18\"></cds-icon>`\n            : ''}\n      ${this.loadingState === ClrLoadingState.error\n            ? html `<cds-icon shape=\"error-standard\" status=\"danger\" size=\"18\"></cds-icon>`\n            : ''}\n      ${this.loadingState === ClrLoadingState.loading\n            ? html `<cds-progress-circle .size=${this.size === 'sm' ? '12' : '18'} status=\"info\"></cds-progress-circle>`\n            : ''}\n      ${this.loadingState === ClrLoadingState.default ? html `<slot></slot>` : ''}\n    </div>`;\n    }\n    isDefaultLoadingState(state) {\n        return state === ClrLoadingState.default;\n    }\n    disableButton() {\n        this.style.width = getElementWidth(this);\n        this.disabled = true;\n    }\n    enableButton() {\n        this.style.removeProperty('width');\n        this.disabled = this._disabled;\n    }\n}\nCdsButton.styles = [baseStyles, styles];\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"action\", void 0);\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"status\", void 0);\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"size\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsButton.prototype, \"block\", void 0);\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"loadingState\", void 0);\n"],"names":["ClrLoadingState","CdsButton","CdsBaseButton","constructor","super","this","action","status","size","block","loadingState","default","_disabled","firstUpdated","props","isDefaultLoadingState","disabled","update","has","get","undefined","enableButton","disableButton","render","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,oBAQAC,KAAKC,OAAS,QAIdD,KAAKE,OAAS,UAIdF,KAAKG,KAAO,KAEZH,KAAKI,OAAQ,EAUbJ,KAAKK,aAAeV,EAAgBW,QACpCN,KAAKO,WAAY,EAErBC,aAAaC,GACTV,MAAMS,aAAaC,GACdT,KAAKU,sBAAsBV,KAAKK,gBACjCL,KAAKW,UAAW,GAGxBC,OAAOH,GACCA,EAAMI,IAAI,kBACNb,KAAKU,sBAAsBD,EAAMK,IAAI,mBAErCd,KAAKO,UAAYP,KAAKW,eAEQI,IAA9BN,EAAMK,IAAI,kBACNd,KAAKU,sBAAsBV,KAAKK,cAChCL,KAAKgB,eAGLhB,KAAKiB,kBAIjBlB,MAAMa,OAAOH,GAEjBS,SACI,OAAOC,CAAK,mFACZnB,KAAKK,eAAiBV,EAAgByB,QAChCD,CAAK,iEACL,MACNnB,KAAKK,eAAiBV,EAAgB0B,MAChCF,CAAK,yEACL,MACNnB,KAAKK,eAAiBV,EAAgB2B,QAChCH,CAAK,+BAA4C,OAAdnB,KAAKG,KAAgB,KAAO,6CAC/D,MACNH,KAAKK,eAAiBV,EAAgBW,QAAUa,CAAK,gBAAkB,WAG3ET,sBAAsBa,GAClB,OAAOA,IAAU5B,EAAgBW,QAErCW,gBACIjB,KAAKwB,MAAMC,MAAQC,EAAgB1B,MACnCA,KAAKW,UAAW,EAEpBK,eACIhB,KAAKwB,MAAMG,eAAe,SAC1B3B,KAAKW,SAAWX,KAAKO,WAG7BX,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"}
+{"version":3,"file":"button.element.js","sources":["../../../src/button/button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { baseStyles, CdsBaseButton, getElementWidth, property } from '@cds/core/internal';\nimport styles from './button.element.scss';\nexport var ClrLoadingState;\n(function (ClrLoadingState) {\n    ClrLoadingState[\"default\"] = \"default\";\n    ClrLoadingState[\"loading\"] = \"loading\";\n    ClrLoadingState[\"success\"] = \"success\";\n    ClrLoadingState[\"error\"] = \"error\";\n})(ClrLoadingState || (ClrLoadingState = {}));\n/**\n * Buttons allow an application to communicate action and direct user intent.\n *\n * ```typescript\n * import '@cds/core/button/register.js';\n * ```\n *\n * ```html\n * <cds-button>submit</cds-button>\n * ```\n *\n * @element cds-button\n * @slot - Content slot for inside the button\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --box-shadow-color\n * @cssprop --color\n * @cssprop --font-family\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --height\n * @cssprop --letter-spacing\n * @cssprop --min-width\n * @cssprop --padding\n * @cssprop --text-decoration\n * @cssprop --text-transform\n */\nexport class CdsButton extends CdsBaseButton {\n    constructor() {\n        super(...arguments);\n        /**\n         * Define the type of action the button triggers\n         *\n         * - `solid`: buttons direct the user’s attention to the primary action the application is suggesting that the user take.\n         * - `outline`: buttons indicate secondary actions that compliments a primary action or reduces visual noise when there are many actions on the page.\n         * - `flat`: buttons are used as tertiary buttons. Can also be used inline because they are different from content in style and recognizable as buttons alongside content.\n         */\n        this.action = 'solid';\n        /**\n         * Sets the color of the button to match the following string statuses\n         */\n        this.status = 'primary';\n        /**\n         * Sets the overall height and width of the button based on the following string values:\n         */\n        this.size = 'md';\n        /** Sets if the button should be full width with display block */\n        this.block = false;\n        /**\n         * Changes the button content based on the value passed.\n         * @type {default | loading | success | error}\n         *\n         * - `default`: shows the content of the button\n         * - `loading`: disables the button and shows a spinner inside the button\n         * - `success`: disables the button and shows a check mark inside the button; auto-triggers to change back to DEFAULT state after 1000 ms\n         * - `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)\n         */\n        this.loadingState = ClrLoadingState.default;\n        this._disabled = false;\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        if (!this.isDefaultLoadingState(this.loadingState)) {\n            this.disabled = true;\n        }\n    }\n    update(props) {\n        if (props.has('loadingState')) {\n            if (this.isDefaultLoadingState(props.get('loadingState'))) {\n                // track prior disabled state to set prior value after button is re-enabled from a loading state\n                this._disabled = this.disabled;\n            }\n            if (props.get('loadingState') !== undefined) {\n                if (this.isDefaultLoadingState(this.loadingState)) {\n                    this.enableButton();\n                }\n                else {\n                    this.disableButton();\n                }\n            }\n        }\n        super.update(props);\n    }\n    render() {\n        return html `<div class=\"private-host\" cds-layout=\"horizontal gap:xs wrap:none align:center\">\n      ${this.loadingState === ClrLoadingState.success\n            ? html `<cds-icon shape=\"check\" status=\"success\" size=\"18\"></cds-icon>`\n            : ''}\n      ${this.loadingState === ClrLoadingState.error\n            ? html `<cds-icon shape=\"error-standard\" status=\"danger\" size=\"18\"></cds-icon>`\n            : ''}\n      ${this.loadingState === ClrLoadingState.loading\n            ? html `<cds-progress-circle .size=${this.size === 'sm' ? '12' : '18'} status=\"info\"></cds-progress-circle>`\n            : ''}\n      ${this.loadingState === ClrLoadingState.default ? html `<slot></slot>` : ''}\n    </div>`;\n    }\n    isDefaultLoadingState(state) {\n        return state === ClrLoadingState.default;\n    }\n    disableButton() {\n        this.style.width = getElementWidth(this);\n        this.disabled = true;\n    }\n    enableButton() {\n        this.style.removeProperty('width');\n        this.disabled = this._disabled;\n    }\n}\nCdsButton.styles = [baseStyles, styles];\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"action\", void 0);\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"status\", void 0);\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"size\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsButton.prototype, \"block\", void 0);\n__decorate([\n    property({ type: String })\n], CdsButton.prototype, \"loadingState\", void 0);\n"],"names":["ClrLoadingState","CdsButton","CdsBaseButton","constructor","super","this","action","status","size","block","loadingState","default","_disabled","firstUpdated","props","isDefaultLoadingState","disabled","update","has","get","undefined","enableButton","disableButton","render","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,oBAQAC,KAAKC,OAAS,QAIdD,KAAKE,OAAS,UAIdF,KAAKG,KAAO,KAEZH,KAAKI,OAAQ,EAUbJ,KAAKK,aAAeV,EAAgBW,QACpCN,KAAKO,WAAY,EAErBC,aAAaC,GACTV,MAAMS,aAAaC,GACdT,KAAKU,sBAAsBV,KAAKK,gBACjCL,KAAKW,UAAW,GAGxBC,OAAOH,GACCA,EAAMI,IAAI,kBACNb,KAAKU,sBAAsBD,EAAMK,IAAI,mBAErCd,KAAKO,UAAYP,KAAKW,eAEQI,IAA9BN,EAAMK,IAAI,kBACNd,KAAKU,sBAAsBV,KAAKK,cAChCL,KAAKgB,eAGLhB,KAAKiB,kBAIjBlB,MAAMa,OAAOH,GAEjBS,SACI,OAAOC,CAAK,mFACZnB,KAAKK,eAAiBV,EAAgByB,QAChCD,CAAK,iEACL,MACNnB,KAAKK,eAAiBV,EAAgB0B,MAChCF,CAAK,yEACL,MACNnB,KAAKK,eAAiBV,EAAgB2B,QAChCH,CAAK,+BAA4C,OAAdnB,KAAKG,KAAgB,KAAO,6CAC/D,MACNH,KAAKK,eAAiBV,EAAgBW,QAAUa,CAAK,gBAAkB,WAG3ET,sBAAsBa,GAClB,OAAOA,IAAU5B,EAAgBW,QAErCW,gBACIjB,KAAKwB,MAAMC,MAAQC,EAAgB1B,MACnCA,KAAKW,UAAW,EAEpBK,eACIhB,KAAKwB,MAAMG,eAAe,SAC1B3B,KAAKW,SAAWX,KAAKO,WAG7BX,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/button.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--box-shadow-color:var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2));--border-radius:var(--cds-alias-object-border-radius-100, calc(4 / var(--cds-global-base, 20) * 1rem));--border-width:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem));--border-color:var(--background);--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--font-size:var(--cds-global-space-6, calc(12 / var(--cds-global-base, 20) * 1rem));--padding:calc(var(--cds-global-space-6, calc(12 / var(--cds-global-base, 20) * 1rem)) - var(--border-width));--height:var(--cds-global-space-11, calc(36 / var(--cds-global-base, 20) * 1rem));--min-width:var(--cds-global-space-13, calc(72 / var(--cds-global-base, 20) * 1rem));--text-decoration:none;--font-weight:var(--cds-global-typography-font-weight-semibold, 600);--font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);--text-transform:uppercase;--letter-spacing:0.12em;display:inline-block;height:var(--height)}.private-host{display:inline-flex;align-items:center;-webkit-appearance:none!important;border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);color:var(--color);cursor:pointer;font-size:var(--font-size);height:100%;line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;text-decoration:var(--text-decoration);text-overflow:ellipsis;transform:translateZ(0);user-select:none;vertical-align:middle;white-space:nowrap;width:100%;font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-transform:var(--text-transform)}.private-host>span{display:flex;align-items:center;justify-content:center;height:100%}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}:host(:active) .private-host,:host(:active) .private-host::after{box-shadow:0 var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem)) 0 0 var(--box-shadow-color) inset}.private-host::after{--offset:calc(-1 * var(--cds-global-space-1, calc(1 / var(--cds-global-base, 20) * 1rem)));background:var(--background);border-radius:var(--border-radius);position:absolute;content:"";top:var(--offset);left:var(--offset);bottom:var(--offset);right:var(--offset);inset:var(--offset);z-index:-1}:host(:active) .private-host::after,:host(:focus) .private-host::after,:host(:hover) .private-host::after{filter:brightness(90%)}:host([action=outline]) .private-host::after{filter:brightness(100%);opacity:0}:host([action=outline]:active) .private-host::after,:host([action=outline]:focus) .private-host::after,:host([action=outline]:hover) .private-host::after,:host([status=inverse]:active) .private-host::after,:host([status=inverse]:focus) .private-host::after,:host([status=inverse]:hover) .private-host::after{opacity:.1}::slotted{line-height:1em!important;color:inherit!important}::slotted(cds-icon){--color:inherit;height:calc(var(--font-size) + (2*var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem))));width:calc(var(--font-size) + (2*var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem))))}:host([status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([action=outline]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border-color:var(--color)}:host([status=success][action=outline]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action=outline]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action=outline]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action=outline]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled][status=inverse]),:host([disabled][status=inverse][action=outline]),:host([status=inverse]){--border-color:var(--color)}:host([action*=flat]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([action=flat-inline]){--height:auto;--padding:0;--min-width:auto;line-height:0}:host([status=success][action*=flat]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action*=flat]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action*=flat]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action*=flat]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse][action*=flat]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([size=sm]){--padding:var(--cds-global-space-4, calc(6 / var(--cds-global-base, 20) * 1rem)) var(--cds-global-space-6, calc(12 / var(--cds-global-base, 20) * 1rem));--height:calc(var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem)) + var(--cds-global-space-1, calc(1 / var(--cds-global-base, 20) * 1rem)))}:host([size=sm]) .private-host .spinner:not(.spinner-check){height:var(--cds-global-space-6,calc(12 / var(--cds-global-base,20) * 1rem));width:var(--cds-global-space-6,calc(12 / var(--cds-global-base,20) * 1rem));min-height:var(--cds-global-space-6,calc(12 / var(--cds-global-base,20) * 1rem));min-width:var(--cds-global-space-6,calc(12 / var(--cds-global-base,20) * 1rem))}:host([disabled]:active){pointer-events:none!important}:host([disabled]),:host([disabled][action=outline]){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled]) .private-host,:host([disabled][action=outline]) .private-host{cursor:not-allowed;outline:0}:host([disabled]) .private-host::after,:host([disabled][action=outline]) .private-host::after{filter:brightness(100%)!important;opacity:1!important}:host([disabled][action*=flat]),:host([disabled][action=outline]),:host([disabled][status=inverse]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled][action*=flat]){--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([block]){width:100%}:host([size=sm]) .private-host{--letter-spacing:0.073em}:host([action*=flat]) ::slotted(cds-badge),:host([action=outline]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=success]) ::slotted(cds-badge),:host([action=outline][status=success]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=warning]) ::slotted(cds-badge),:host([action=outline][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--background:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=danger]) ::slotted(cds-badge),:host([action=outline][status=danger]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=neutral]) ::slotted(cds-badge),:host([action=outline][status=neutral]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host(:not([action=outline]):not([action*=flat])) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action=solid][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-global-color-construction-900, #21333b);--color:var(--cds-global-color-construction-900, #21333b)}:host([action*=flat][disabled]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--font-weight:var(--cds-global-typography-font-weight-semibold, 600)!important}:host([disabled]) ::slotted(cds-badge),:host([status=inverse]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled][action*=flat]) ::slotted(cds-badge),:host([disabled][action=outline]) ::slotted(cds-badge),:host([disabled][status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important}::slotted(span)::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}::slotted(span)::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}`;export{o as default};
+import{css as a}from"lit";var o=a`:host{--box-shadow-color:var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-color:var(--background);--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--font-size:var(--cds-global-typography-font-size-2, 0.75rem);--padding:calc(var(--cds-global-space-6, 0.75rem) - var(--border-width));--height:var(--cds-global-space-11, 2.25rem);--min-width:var(--cds-global-space-13, 4rem);--text-decoration:none;--font-weight:var(--cds-global-typography-font-weight-semibold, 600);--font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);--text-transform:uppercase;--letter-spacing:0.12em;display:inline-block;height:var(--height)}.private-host{display:inline-flex;align-items:center;-webkit-appearance:none!important;border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);color:var(--color);cursor:pointer;font-size:var(--font-size);height:100%;line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;text-decoration:var(--text-decoration);text-overflow:ellipsis;transform:translateZ(0);user-select:none;vertical-align:middle;white-space:nowrap;width:100%;font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-transform:var(--text-transform)}.private-host>span{display:flex;align-items:center;justify-content:center;height:100%}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}:host(:active) .private-host,:host(:active) .private-host::after{box-shadow:0 var(--cds-global-space-2,.125rem) 0 0 var(--box-shadow-color) inset}.private-host::after{--offset:calc(-1 * var(--cds-global-space-1, 0.0625rem));background:var(--background);border-radius:var(--border-radius);position:absolute;content:"";top:var(--offset);left:var(--offset);bottom:var(--offset);right:var(--offset);inset:var(--offset);z-index:-1}:host(:active) .private-host::after,:host(:focus) .private-host::after,:host(:hover) .private-host::after{filter:brightness(90%)}:host([action=outline]) .private-host::after{filter:brightness(100%);opacity:0}:host([action=outline]:active) .private-host::after,:host([action=outline]:focus) .private-host::after,:host([action=outline]:hover) .private-host::after,:host([status=inverse]:active) .private-host::after,:host([status=inverse]:focus) .private-host::after,:host([status=inverse]:hover) .private-host::after{opacity:.1}::slotted{line-height:1em!important;color:inherit!important}::slotted(cds-icon){--color:inherit;height:calc(var(--font-size) + (2*var(--cds-global-space-2,.125rem)));width:calc(var(--font-size) + (2*var(--cds-global-space-2,.125rem)))}:host([status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([action=outline]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border-color:var(--color)}:host([status=success][action=outline]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action=outline]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action=outline]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action=outline]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled][status=inverse]),:host([disabled][status=inverse][action=outline]),:host([status=inverse]){--border-color:var(--color)}:host([action*=flat]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([action=flat-inline]){--height:auto;--padding:0;--min-width:auto;line-height:0}:host([status=success][action*=flat]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action*=flat]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action*=flat]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action*=flat]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse][action*=flat]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([size=sm]){--padding:var(--cds-global-space-4, 0.375rem) var(--cds-global-space-6, 0.75rem);--height:calc(var(--cds-global-space-9, 1.5rem) + var(--cds-global-space-1, 0.0625rem))}:host([size=sm]) .private-host .spinner:not(.spinner-check){height:var(--cds-global-space-6,.75rem);width:var(--cds-global-space-6,.75rem);min-height:var(--cds-global-space-6,.75rem);min-width:var(--cds-global-space-6,.75rem)}:host([disabled]:active){pointer-events:none!important}:host([disabled]),:host([disabled][action=outline]){--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));--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled]) .private-host,:host([disabled][action=outline]) .private-host{cursor:not-allowed;outline:0}:host([disabled]) .private-host::after,:host([disabled][action=outline]) .private-host::after{filter:brightness(100%)!important;opacity:1!important}:host([disabled][action*=flat]),:host([disabled][action=outline]),:host([disabled][status=inverse]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled][action*=flat]){--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([block]){width:100%}:host([size=icon]){--padding:calc(var(--cds-global-space-6, 0.75rem) - var(--border-width)) calc(var(--cds-global-space-6, 0.75rem) - var(--cds-global-space-2, 0.125rem) - var(--border-width))}:host([size=icon]) .private-host{min-width:0}:host([size=sm]) .private-host{--letter-spacing:0.073em}:host([action*=flat]) ::slotted(cds-badge),:host([action=outline]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=success]) ::slotted(cds-badge),:host([action=outline][status=success]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=warning]) ::slotted(cds-badge),:host([action=outline][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--background:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=danger]) ::slotted(cds-badge),:host([action=outline][status=danger]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=neutral]) ::slotted(cds-badge),:host([action=outline][status=neutral]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host(:not([action=outline]):not([action*=flat])) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action=solid][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-global-color-construction-900, #21333b);--color:var(--cds-global-color-construction-900, #21333b)}:host([action*=flat][disabled]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--font-weight:var(--cds-global-typography-font-weight-semibold, 600)!important}:host([disabled]) ::slotted(cds-badge),:host([status=inverse]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled][action*=flat]) ::slotted(cds-badge),:host([disabled][action=outline]) ::slotted(cds-badge),:host([disabled][status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important}::slotted(span)::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}::slotted(span)::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}`;export{o as default};
 //# sourceMappingURL=button.element.scss.js.map

package/button/icon-button.element.d.ts

@@ -23,13 +23,5 @@ import { CdsButton } from './button.element.js';
  * @cssprop --padding
  */
 export declare class CdsIconButton extends CdsButton {
-    /**
-     * The aria-label attribute is required for accessibility. The cds-icon-button
-     * will warn if used without the aria-label being set.
-     *
-     * Ideally, the aria-label will be specific to the button's purpose. Avoid sharing
-     * generic labels across multiple icon buttons on a page.
-     */
-    ariaLabel: string;
-    static get styles(): import("lit").CSSResultGroup[];
+    constructor();
 }

package/button/icon-button.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{property as e}from"@cds/core/internal";import r from"./icon-button.element.scss.js";import{CdsButton as o}from"./button.element.js";class s extends o{static get styles(){return[super.styles,r]}}t([e({type:String,required:"warning"})],s.prototype,"ariaLabel",void 0);export{s as CdsIconButton};
+import{CdsButton as t}from"./button.element.js";class e extends t{constructor(){super();this.size="icon"}}export{e as CdsIconButton};
 //# sourceMappingURL=icon-button.element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { property } from '@cds/core/internal';\nimport styles from './icon-button.element.scss';\nimport { CdsButton } from './button.element.js';\n/**\n * Icon buttons give applications a compact alternative to communicate action and direct user intent.\n *\n * ```typescript\n * import '@cds/core/button/register.js';\n * ```\n *\n * ```html\n * <cds-icon-button><cds-icon shape=\"download\"></cds-icon></cds-icon-button>\n * ```\n *\n * @element cds-icon-button\n * @slot - Content slot for inside the button\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --box-shadow-color\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --padding\n */\nexport class CdsIconButton extends CdsButton {\n    static get styles() {\n        return [super.styles, styles];\n    }\n}\n__decorate([\n    property({ type: String, required: 'warning' })\n], CdsIconButton.prototype, \"ariaLabel\", void 0);\n"],"names":["CdsIconButton","CdsButton","styles","super","__decorate","property","type","String","required","prototype"],"mappings":"8KAgCO,MAAMA,UAAsBC,EACpBC,oBACP,MAAO,CAACC,MAAMD,OAAQA,IAG9BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAU,aACpCR,EAAcS,UAAW,iBAAa"}
+{"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { CdsButton } from './button.element.js';\n/**\n * Icon buttons give applications a compact alternative to communicate action and direct user intent.\n *\n * ```typescript\n * import '@cds/core/button/register.js';\n * ```\n *\n * ```html\n * <cds-icon-button><cds-icon shape=\"download\"></cds-icon></cds-icon-button>\n * ```\n *\n * @element cds-icon-button\n * @slot - Content slot for inside the button\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --box-shadow-color\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --padding\n */\nexport class CdsIconButton extends CdsButton {\n    constructor() {\n        super();\n        this.size = 'icon';\n    }\n}\n"],"names":["CdsIconButton","CdsButton","constructor","super","this","size"],"mappings":"gDA6BO,MAAMA,UAAsBC,EAC/BC,cACIC,QACAC,KAAKC,KAAO"}

package/button/index.d.ts

@@ -1,3 +1,2 @@
 export * from './button.element.js';
 export * from './icon-button.element.js';
-export * from './inline-button.element.js';

package/button/index.js

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

package/button/register.d.ts

@@ -2,11 +2,9 @@ import '@cds/core/icon/register.js';
 import '@cds/core/progress-circle/register.js';
 import { CdsButton } from './button.element.js';
 import { CdsIconButton } from './icon-button.element.js';
-import { CdsInlineButton } from './inline-button.element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'cds-button': CdsButton;
         'cds-icon-button': CdsIconButton;
-        'cds-inline-button': CdsInlineButton;
     }
 }

package/button/register.js

@@ -1,2 +1,2 @@
-import"@cds/core/icon/register.js";import"@cds/core/progress-circle/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{CdsButton as r}from"./button.element.js";import{CdsIconButton as e}from"./icon-button.element.js";import{CdsInlineButton as c}from"./inline-button.element.js";import{ClarityIcons as s}from"@cds/core/icon/icon.service.js";import{errorStandardIcon as t}from"@cds/core/icon/shapes/error-standard.js";import{checkIcon as i}from"@cds/core/icon/shapes/check.js";s.addIcons(t,i),o("cds-button",r),o("cds-icon-button",e),o("cds-inline-button",c);
+import"@cds/core/icon/register.js";import"@cds/core/progress-circle/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{CdsButton as r}from"./button.element.js";import{CdsIconButton as c}from"./icon-button.element.js";import{ClarityIcons as s}from"@cds/core/icon/icon.service.js";import{errorStandardIcon as e}from"@cds/core/icon/shapes/error-standard.js";import{checkIcon as t}from"@cds/core/icon/shapes/check.js";s.addIcons(e,t),o("cds-button",r),o("cds-icon-button",c);
 //# sourceMappingURL=register.js.map

package/button/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/button/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport '@cds/core/icon/register.js';\nimport '@cds/core/progress-circle/register.js';\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsButton } from './button.element.js';\nimport { CdsIconButton } from './icon-button.element.js';\nimport { CdsInlineButton } from './inline-button.element.js';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { errorStandardIcon } from '@cds/core/icon/shapes/error-standard.js';\nimport { checkIcon } from '@cds/core/icon/shapes/check.js';\nClarityIcons.addIcons(errorStandardIcon, checkIcon);\nregisterElementSafely('cds-button', CdsButton);\nregisterElementSafely('cds-icon-button', CdsIconButton);\nregisterElementSafely('cds-inline-button', CdsInlineButton);\n"],"names":["ClarityIcons","addIcons","errorStandardIcon","checkIcon","registerElementSafely","CdsButton","CdsIconButton","CdsInlineButton"],"mappings":"ufAcAA,EAAaC,SAASC,EAAmBC,GACzCC,EAAsB,aAAcC,GACpCD,EAAsB,kBAAmBE,GACzCF,EAAsB,oBAAqBG"}
+{"version":3,"file":"register.js","sources":["../../../src/button/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport '@cds/core/icon/register.js';\nimport '@cds/core/progress-circle/register.js';\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsButton } from './button.element.js';\nimport { CdsIconButton } from './icon-button.element.js';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { errorStandardIcon } from '@cds/core/icon/shapes/error-standard.js';\nimport { checkIcon } from '@cds/core/icon/shapes/check.js';\nClarityIcons.addIcons(errorStandardIcon, checkIcon);\nregisterElementSafely('cds-button', CdsButton);\nregisterElementSafely('cds-icon-button', CdsIconButton);\n"],"names":["ClarityIcons","addIcons","errorStandardIcon","checkIcon","registerElementSafely","CdsButton","CdsIconButton"],"mappings":"0bAaAA,EAAaC,SAASC,EAAmBC,GACzCC,EAAsB,aAAcC,GACpCD,EAAsB,kBAAmBE"}

package/button-action/button-action.element.d.ts

@@ -0,0 +1,45 @@
+import { PropertyValues } from 'lit';
+import { CdsBaseButton } from '@cds/core/internal';
+/**
+ * Action Button
+ *
+ * ```typescript
+ * import '@cds/core/button-action/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-button-action></cds-button-action>
+ * ```
+ * @beta
+ * @element cds-button-action
+ * @slot - For projecting text content or cds-icon
+ * @property pressed
+ * @cssprop --icon-width
+ * @cssprop --icon-height
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --cursor
+ * @cssprop --color
+ * @cssprop --font-size
+ * @cssprop --background
+ * @cssprop --padding
+ * @cssprop --outline
+ * @cssprop --outline-offset
+ * @property pressed - boolean
+ * @property expanded - boolean
+ */
+export declare class CdsButtonAction extends CdsBaseButton {
+    shape: string;
+    action: string;
+    i18n: {
+        sort: string;
+        expand: string;
+        close: string;
+        resize: string;
+        filter: string;
+    };
+    protected cdsButtonAction: boolean;
+    static styles: import("lit").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+    updated(props: PropertyValues<this>): void;
+}

package/button-action/button-action.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{CdsBaseButton as i,I18nService as s,LogService as o,baseStyles as r,property as a,i18n as n,state as d}from"@cds/core/internal";import p from"./button-action.element.scss.js";class c extends i{constructor(){super(...arguments);this.i18n=s.keys.actions,this.cdsButtonAction=!0}render(){return e`<div class="private-host"><slot><cds-icon .shape="${this.shape?this.shape:"ellipsis-vertical"}" ?solid="${this.pressed||this.expanded}" inner-offset="${1}"></cds-icon></slot></div>`}updated(t){super.updated(t),this.ariaLabel||this.readonly||o.warn("A aria-label is required for interactive cds-button-action type",this),t.has("readonly")&&(this.readonly&&!this.hasAttribute("aria-label")?this.ariaHidden="true":this.ariaHidden=null)}}c.styles=[r,p],t([a({type:String})],c.prototype,"shape",void 0),t([a({type:String,reflect:!0})],c.prototype,"action",void 0),t([n()],c.prototype,"i18n",void 0),t([d({type:Boolean,reflect:!0,attribute:"cds-button-action"})],c.prototype,"cdsButtonAction",void 0);export{c as CdsButtonAction};
+//# sourceMappingURL=button-action.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-action.element.js","sources":["../../../src/button-action/button-action.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { property, baseStyles, CdsBaseButton, LogService, state, i18n, I18nService } from '@cds/core/internal';\nimport styles from './button-action.element.scss';\n/**\n * Action Button\n *\n * ```typescript\n * import '@cds/core/button-action/register.js';\n * ```\n *\n * ```html\n * <cds-button-action></cds-button-action>\n * ```\n * @beta\n * @element cds-button-action\n * @slot - For projecting text content or cds-icon\n * @property pressed\n * @cssprop --icon-width\n * @cssprop --icon-height\n * @cssprop --width\n * @cssprop --height\n * @cssprop --cursor\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --background\n * @cssprop --padding\n * @cssprop --outline\n * @cssprop --outline-offset\n * @property pressed - boolean\n * @property expanded - boolean\n */\nexport class CdsButtonAction extends CdsBaseButton {\n    constructor() {\n        super(...arguments);\n        this.i18n = I18nService.keys.actions;\n        this.cdsButtonAction = true;\n    }\n    render() {\n        return html `\n      <div class=\"private-host\">\n        <slot\n          ><cds-icon\n            .shape=${this.shape ? this.shape : 'ellipsis-vertical'}\n            ?solid=${this.pressed || this.expanded}\n            inner-offset=${1}\n          ></cds-icon\n        ></slot>\n      </div>\n    `;\n    }\n    updated(props) {\n        super.updated(props);\n        if (!this.ariaLabel && !this.readonly) {\n            LogService.warn('A aria-label is required for interactive cds-button-action type', this);\n        }\n        if (props.has('readonly')) {\n            this.readonly && !this.hasAttribute('aria-label') ? (this.ariaHidden = 'true') : (this.ariaHidden = null);\n        }\n    }\n}\nCdsButtonAction.styles = [baseStyles, styles];\n__decorate([\n    property({ type: String })\n], CdsButtonAction.prototype, \"shape\", void 0);\n__decorate([\n    property({ type: String, reflect: true })\n], CdsButtonAction.prototype, \"action\", void 0);\n__decorate([\n    i18n()\n], CdsButtonAction.prototype, \"i18n\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true, attribute: 'cds-button-action' })\n], CdsButtonAction.prototype, \"cdsButtonAction\", void 0);\n"],"names":["CdsButtonAction","CdsBaseButton","constructor","super","this","i18n","I18nService","keys","actions","cdsButtonAction","render","html","shape","pressed","expanded","updated","props","ariaLabel","readonly","LogService","warn","has","hasAttribute","ariaHidden","styles","baseStyles","__decorate","property","type","String","prototype","reflect","state","Boolean","attribute"],"mappings":"oPAqCO,MAAMA,UAAwBC,EACjCC,cACIC,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,QAC7BJ,KAAKK,iBAAkB,EAE3BC,SACI,OAAOC,CAAK,qDAICP,KAAKQ,MAAQR,KAAKQ,MAAQ,gCAC1BR,KAAKS,SAAWT,KAAKU,2BACf,8BAMvBC,QAAQC,GACJb,MAAMY,QAAQC,GACTZ,KAAKa,WAAcb,KAAKc,UACzBC,EAAWC,KAAK,kEAAmEhB,MAEnFY,EAAMK,IAAI,cACVjB,KAAKc,WAAad,KAAKkB,aAAa,cAAiBlB,KAAKmB,WAAa,OAAWnB,KAAKmB,WAAa,OAIhHvB,EAAgBwB,OAAS,CAACC,EAAYD,GACtCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB7B,EAAgB8B,UAAW,aAAS,GACvCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQE,SAAS,KACnC/B,EAAgB8B,UAAW,cAAU,GACxCJ,EAAW,CACPrB,KACDL,EAAgB8B,UAAW,YAAQ,GACtCJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,QAASF,SAAS,EAAMG,UAAW,uBAClDlC,EAAgB8B,UAAW,uBAAmB"}

package/button-action/button-action.element.scss.js

@@ -0,0 +1,2 @@
+import{css as o}from"lit";var t=o`:host{--icon-width:var(--cds-global-space-7, 1rem);--icon-height:var(--cds-global-space-7, 1rem);--width:var(--icon-width);--height:var(--icon-width);--cursor:pointer;--color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--background:transparent;--padding:0;--outline:var(--cds-alias-object-interaction-outline, Highlight solid 2px);--outline-offset:calc(var(--cds-alias-object-interaction-outline-offset, 1px) * -1);pointer-events:none;display:inline-block;outline:0!important}:host([role=button]){pointer-events:initial;cursor:var(--cursor)!important}:host([status=active]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}::slotted([shape=close]),::slotted([shape=info-circle]),::slotted([shape=times]),:host([shape=close]),:host([shape=info-circle]){--icon-width:var(--cds-global-space-8, 1.125rem);--icon-height:var(--cds-global-space-8, 1.125rem)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32))}:host(:active) .private-host{transform:translateY(calc(var(--cds-global-space-1,.0625rem)/ 2))}:host([disabled]){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))}.private-host{--icon-color:var(--color);background:var(--background);padding:var(--padding);color:var(--color);font-size:var(--font-size);display:flex;justify-content:center;align-items:center;min-width:var(--width);min-height:var(--height)}::slotted(cds-icon),cds-icon{width:var(--icon-width);height:var(--icon-height);pointer-events:none}::slotted(cds-icon:not([status])),cds-icon{--color:var(--icon-color)}:host([disabled]:active){pointer-events:none!important}.private-host::after{content:"";position:absolute;left:calc(-1*var(--width) - 1);top:calc(-1*var(--height) - 1);width:var(--cds-alias-object-interaction-touch-target,2.25rem);height:var(--cds-alias-object-interaction-touch-target,2.25rem)}:host([disabled]) .private-host::after{outline:0!important}:host(:focus) .private-host::after{outline:var(--outline);outline-offset:var(--outline-offset)}@media (-webkit-min-device-pixel-ratio:0){:host(:focus) .private-host::after{outline-color:-webkit-focus-ring-color}}`;export{t as default};
+//# sourceMappingURL=button-action.element.scss.js.map

package/button-action/button-action.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-action.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/button-action/index.d.ts

@@ -0,0 +1 @@
+export * from './button-action.element.js';

package/button-action/index.js

@@ -0,0 +1,2 @@
+export{CdsButtonAction}from"./button-action.element.js";
+//# sourceMappingURL=index.js.map

package/button-action/register.d.ts

@@ -0,0 +1,7 @@
+import { CdsButtonAction } from './button-action.element.js';
+import '@cds/core/icon/register.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-button-action': CdsButtonAction;
+    }
+}

package/button-action/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as s}from"@cds/core/icon/icon.service.js";import{ellipsisVerticalIcon as c}from"@cds/core/icon/shapes/ellipsis-vertical.js";import{timesIcon as i}from"@cds/core/icon/shapes/times.js";import{CdsButtonAction as e}from"./button-action.element.js";import"@cds/core/icon/register.js";s.addIcons(c,i),s.addAliases(["times",["close"]]),o("cds-button-action",e);
+//# sourceMappingURL=register.js.map

package/button-action/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/button-action/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { ellipsisVerticalIcon } from '@cds/core/icon/shapes/ellipsis-vertical.js';\nimport { timesIcon } from '@cds/core/icon/shapes/times.js';\nimport { CdsButtonAction } from './button-action.element.js';\nimport '@cds/core/icon/register.js';\nClarityIcons.addIcons(ellipsisVerticalIcon, timesIcon);\nClarityIcons.addAliases(['times', ['close']]);\nregisterElementSafely('cds-button-action', CdsButtonAction);\n"],"names":["ClarityIcons","addIcons","ellipsisVerticalIcon","timesIcon","addAliases","registerElementSafely","CdsButtonAction"],"mappings":"sWAWAA,EAAaC,SAASC,EAAsBC,GAC5CH,EAAaI,WAAW,CAAC,QAAS,CAAC,WACnCC,EAAsB,oBAAqBC"}

package/button-expand/button-expand.element.d.ts

@@ -0,0 +1,25 @@
+import { PropertyValues } from 'lit';
+import { CdsButtonAction } from '@cds/core/button-action';
+/**
+ * Action Expand Button
+ *
+ * ```typescript
+ * import '@cds/core/button-expand/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-button-expand expanded></cds-button-expand>
+ * ```
+ * @beta
+ * @element cds-button-expand
+ * @slot - For projecting custom cds-icon
+ */
+export declare class CdsButtonExpand extends CdsButtonAction {
+    action: 'vertical' | 'horizontal' | 'detail';
+    static get styles(): import("lit").CSSResultGroup[];
+    private get iconDirection();
+    private get iconShape();
+    render(): import("lit-html").TemplateResult<1>;
+    constructor();
+    firstUpdated(props: PropertyValues<this>): void;
+}

package/button-expand/button-expand.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{html as i}from"lit";import{property as e}from"@cds/core/internal";import{CdsButtonAction as r}from"@cds/core/button-action";import s from"./button-expand.element.scss.js";class o extends r{constructor(){super();this.action="vertical",this.expanded=!1}static get styles(){return[super.styles,s]}get iconDirection(){return"vertical"===this.action?this.expanded?"down":"right":"horizontal"===this.action?this.expanded?"left":"right":"up"}get iconShape(){return"detail"===this.action?this.expanded?"detail-collapse":"detail-expand":"angle"}render(){return i`<div class="private-host"><slot><cds-icon .shape="${this.iconShape}" .direction="${this.iconDirection}"></cds-icon></slot></div>`}firstUpdated(t){super.firstUpdated(t),this.readonly||(this.ariaLabel=this.ariaLabel?.length?this.ariaLabel:this.i18n.expand)}}t([e({type:String})],o.prototype,"action",void 0);export{o as CdsButtonExpand};
+//# sourceMappingURL=button-expand.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-expand.element.js","sources":["../../../src/button-expand/button-expand.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { property } from '@cds/core/internal';\nimport { CdsButtonAction } from '@cds/core/button-action';\nimport styles from './button-expand.element.scss';\n/**\n * Action Expand Button\n *\n * ```typescript\n * import '@cds/core/button-expand/register.js';\n * ```\n *\n * ```html\n * <cds-button-expand expanded></cds-button-expand>\n * ```\n * @beta\n * @element cds-button-expand\n * @slot - For projecting custom cds-icon\n */\nexport class CdsButtonExpand extends CdsButtonAction {\n    constructor() {\n        super();\n        this.action = 'vertical';\n        this.expanded = false;\n    }\n    static get styles() {\n        return [super.styles, styles];\n    }\n    get iconDirection() {\n        if (this.action === 'vertical') {\n            return this.expanded ? 'down' : 'right';\n        }\n        else if (this.action === 'horizontal') {\n            return this.expanded ? 'left' : 'right';\n        }\n        else {\n            return 'up';\n        }\n    }\n    get iconShape() {\n        if (this.action === 'detail') {\n            return this.expanded ? 'detail-collapse' : 'detail-expand';\n        }\n        else {\n            return 'angle';\n        }\n    }\n    render() {\n        return html `\n      <div class=\"private-host\">\n        <slot><cds-icon .shape=${this.iconShape} .direction=${this.iconDirection}></cds-icon></slot>\n      </div>\n    `;\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        if (!this.readonly) {\n            this.ariaLabel = this.ariaLabel?.length ? this.ariaLabel : this.i18n.expand;\n        }\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsButtonExpand.prototype, \"action\", void 0);\n"],"names":["CdsButtonExpand","CdsButtonAction","constructor","super","this","action","expanded","styles","iconDirection","iconShape","render","html","firstUpdated","props","readonly","ariaLabel","length","i18n","expand","__decorate","property","type","String","prototype"],"mappings":"qNAwBO,MAAMA,UAAwBC,EACjCC,cACIC,QACAC,KAAKC,OAAS,WACdD,KAAKE,UAAW,EAETC,oBACP,MAAO,CAACJ,MAAMI,OAAQA,GAEtBC,oBACA,MAAoB,aAAhBJ,KAAKC,OACED,KAAKE,SAAW,OAAS,QAEX,eAAhBF,KAAKC,OACHD,KAAKE,SAAW,OAAS,QAGzB,KAGXG,gBACA,MAAoB,WAAhBL,KAAKC,OACED,KAAKE,SAAW,kBAAoB,gBAGpC,QAGfI,SACI,OAAOC,CAAK,qDAEaP,KAAKK,0BAAwBL,KAAKI,0CAI/DI,aAAaC,GACTV,MAAMS,aAAaC,GACdT,KAAKU,WACNV,KAAKW,UAAYX,KAAKW,WAAWC,OAASZ,KAAKW,UAAYX,KAAKa,KAAKC,SAIjFC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBtB,EAAgBuB,UAAW,cAAU"}

package/button-expand/button-expand.element.scss.js

@@ -0,0 +1,2 @@
+import{css as a}from"lit";var i=a`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s)}:host([action=vertical]) cds-icon{transition:transform var(--animation-duration)}cds-icon[shape=detail-collapse],cds-icon[shape=detail-expand]{width:var(--cds-global-space-8,1.125rem);height:var(--cds-global-space-8,1.125rem)}`;export{i as default};
+//# sourceMappingURL=button-expand.element.scss.js.map

package/button-expand/button-expand.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-expand.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/button-expand/index.d.ts

@@ -0,0 +1 @@
+export * from './button-expand.element.js';

package/button-expand/index.js

@@ -0,0 +1,2 @@
+export{CdsButtonExpand}from"./button-expand.element.js";
+//# sourceMappingURL=index.js.map

package/button-expand/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/button-expand/register.d.ts

@@ -0,0 +1,7 @@
+import { CdsButtonExpand } from './button-expand.element.js';
+import '@cds/core/icon/register.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-button-expand': CdsButtonExpand;
+    }
+}

package/button-expand/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as e}from"@cds/core/icon/icon.service.js";import{angleIcon as r}from"@cds/core/icon/shapes/angle.js";import{detailExpandIcon as s}from"@cds/core/icon/shapes/detail-expand.js";import{detailCollapseIcon as c}from"@cds/core/icon/shapes/detail-collapse.js";import{CdsButtonExpand as i}from"./button-expand.element.js";import"@cds/core/icon/register.js";e.addIcons(r,s,c),o("cds-button-expand",i);
+//# sourceMappingURL=register.js.map

package/button-expand/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/button-expand/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { angleIcon } from '@cds/core/icon/shapes/angle.js';\nimport { detailExpandIcon } from '@cds/core/icon/shapes/detail-expand.js';\nimport { detailCollapseIcon } from '@cds/core/icon/shapes/detail-collapse.js';\nimport { CdsButtonExpand } from './button-expand.element.js';\nimport '@cds/core/icon/register.js';\nClarityIcons.addIcons(angleIcon, detailExpandIcon, detailCollapseIcon);\nregisterElementSafely('cds-button-expand', CdsButtonExpand);\n"],"names":["ClarityIcons","addIcons","angleIcon","detailExpandIcon","detailCollapseIcon","registerElementSafely","CdsButtonExpand"],"mappings":"4aAYAA,EAAaC,SAASC,EAAWC,EAAkBC,GACnDC,EAAsB,oBAAqBC"}

package/button-handle/button-handle.element.d.ts

@@ -0,0 +1,19 @@
+import { CdsButtonAction } from '@cds/core/button-action';
+/**
+ * Action Handle Button
+ *
+ * ```typescript
+ * import '@cds/core/button-handle/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-button-handle></cds-button-handle>
+ * ```
+ * @beta
+ * @element cds-button-handle
+ * @slot - For projecting text content or cds-icon
+ */
+export declare class CdsButtonHandle extends CdsButtonAction {
+    static get styles(): import("lit").CSSResultGroup[];
+    connectedCallback(): void;
+}

package/button-handle/button-handle.element.js

@@ -0,0 +1,2 @@
+import{onKey as e}from"@cds/core/internal";import{CdsButtonAction as s}from"@cds/core/button-action";import t from"./button-handle.element.scss.js";class r extends s{static get styles(){return[super.styles,t]}connectedCallback(){super.connectedCallback(),this.pressed=!1,this.setAttribute("cds-draggable","handle"),this.shape||(this.shape="drag-handle"),this.addEventListener("keydown",(s=>{e("space",s,(()=>this.pressed=!this.pressed))}))}}export{r as CdsButtonHandle};
+//# sourceMappingURL=button-handle.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-handle.element.js","sources":["../../../src/button-handle/button-handle.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { onKey } from '@cds/core/internal';\nimport { CdsButtonAction } from '@cds/core/button-action';\nimport styles from './button-handle.element.scss';\n/**\n * Action Handle Button\n *\n * ```typescript\n * import '@cds/core/button-handle/register.js';\n * ```\n *\n * ```html\n * <cds-button-handle></cds-button-handle>\n * ```\n * @beta\n * @element cds-button-handle\n * @slot - For projecting text content or cds-icon\n */\nexport class CdsButtonHandle extends CdsButtonAction {\n    static get styles() {\n        return [super.styles, styles];\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.pressed = false;\n        this.setAttribute('cds-draggable', 'handle');\n        if (!this.shape) {\n            this.shape = 'drag-handle';\n        }\n        this.addEventListener('keydown', (event) => {\n            onKey('space', event, () => (this.pressed = !this.pressed));\n        });\n    }\n}\n"],"names":["CdsButtonHandle","CdsButtonAction","styles","super","connectedCallback","this","pressed","setAttribute","shape","addEventListener","event","onKey"],"mappings":"oJAsBO,MAAMA,UAAwBC,EACtBC,oBACP,MAAO,CAACC,MAAMD,OAAQA,GAE1BE,oBACID,MAAMC,oBACNC,KAAKC,SAAU,EACfD,KAAKE,aAAa,gBAAiB,UAC9BF,KAAKG,QACNH,KAAKG,MAAQ,eAEjBH,KAAKI,iBAAiB,WAAYC,IAC9BC,EAAM,QAASD,GAAO,IAAOL,KAAKC,SAAWD,KAAKC"}

package/button-handle/button-handle.element.scss.js

@@ -0,0 +1,2 @@
+import{css as e}from"lit";var r=e`:host{-webkit-user-drag:element!important;user-select:none!important;--cursor:move!important}:host([aria-pressed=true]){--color:var(--cds-alias-object-interaction-background-highlight)}cds-icon[shape=drag-handle]{--icon-width:var(--cds-global-space-10, 2rem);--icon-height:var(--cds-global-space-10, 2rem)}`;export{r as default};
+//# sourceMappingURL=button-handle.element.scss.js.map

package/button-handle/button-handle.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-handle.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/button-handle/index.d.ts

@@ -0,0 +1 @@
+export * from './button-handle.element.js';

package/button-handle/index.js

@@ -0,0 +1,2 @@
+export{CdsButtonHandle}from"./button-handle.element.js";
+//# sourceMappingURL=index.js.map

package/button-handle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/button-handle/register.d.ts

@@ -0,0 +1,7 @@
+import { CdsButtonHandle } from './button-handle.element.js';
+import '@cds/core/icon/register.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-button-handle': CdsButtonHandle;
+    }
+}

package/button-handle/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as r}from"@cds/core/icon/icon.service.js";import{dragHandleIcon as e}from"@cds/core/icon/shapes/drag-handle.js";import{CdsButtonHandle as c}from"./button-handle.element.js";import"@cds/core/icon/register.js";r.addIcons(e),o("cds-button-handle",c);
+//# sourceMappingURL=register.js.map

package/button-handle/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/button-handle/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { dragHandleIcon } from '@cds/core/icon/shapes/drag-handle.js';\nimport { CdsButtonHandle } from './button-handle.element.js';\nimport '@cds/core/icon/register.js';\nClarityIcons.addIcons(dragHandleIcon);\nregisterElementSafely('cds-button-handle', CdsButtonHandle);\n"],"names":["ClarityIcons","addIcons","dragHandleIcon","registerElementSafely","CdsButtonHandle"],"mappings":"+RAUAA,EAAaC,SAASC,GACtBC,EAAsB,oBAAqBC"}

package/{button/inline-button.element.d.ts → button-inline/button-inline.element.d.ts}

@@ -8,10 +8,10 @@ import { CdsBaseButton } from '@cds/core/internal';
  * ```
  *
  * ```html
- * <cds-inline-button>Button text goes here</cds-inline-button>
+ * <cds-button-inline>Button text goes here</cds-button-inline>
  * ```
  *
- * @element cds-inline-button
+ * @element cds-button-inline
  * @slot - Content slot for inside the button
  * @cssprop --text-decoration
  * @cssprop --color
@@ -19,8 +19,15 @@ import { CdsBaseButton } from '@cds/core/internal';
  * @cssprop --line-height
  * @cssprop --letter-spacing
  */
-export declare class CdsInlineButton extends CdsBaseButton {
+export declare class CdsButtonInline extends CdsBaseButton {
+    protected icon: HTMLElement;
     connectedCallback(): void;
     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

@@ -0,0 +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};
+//# sourceMappingURL=button-inline.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-inline.element.js","sources":["../../../src/button-inline/button-inline.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { addClassnames, baseStyles, CdsBaseButton, querySlot } from '@cds/core/internal';\nimport { html } from 'lit';\nimport styles from './button-inline.element.scss';\n/**\n * Inline buttons are used inside and alongside textual content within Clarity components.\n * They give action buttons a less prominent, yet familiar, visual presence.\n *\n * ```typescript\n * import '@cds/core/button/register.js';\n * ```\n *\n * ```html\n * <cds-button-inline>Button text goes here</cds-button-inline>\n * ```\n *\n * @element cds-button-inline\n * @slot - Content slot for inside the button\n * @cssprop --text-decoration\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --line-height\n * @cssprop --letter-spacing\n */\nexport class CdsButtonInline extends CdsBaseButton {\n    connectedCallback() {\n        super.connectedCallback();\n        // we need a class on the icon because that's how the icon element knows to style itself\n        // we can't style it from the icon-button anymore because it's a nested+slotted element\n        if (this.icon) {\n            addClassnames(this.icon, 'anchored-icon');\n        }\n    }\n    render() {\n        return html `<span class=\"private-host\"><slot></slot></span>`;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n}\n__decorate([\n    querySlot('cds-icon')\n], CdsButtonInline.prototype, \"icon\", void 0);\n/**\n * @deprecated\n * renamed to `cds-button-inline` in 6.0 to align to rest of the `cds-button-*` APIs\n */\nexport class CdsInlineButton extends CdsButtonInline {\n}\n"],"names":["CdsButtonInline","CdsBaseButton","connectedCallback","super","this","icon","addClassnames","render","html","styles","baseStyles","__decorate","querySlot","prototype","CdsInlineButton"],"mappings":"kNA6BO,MAAMA,UAAwBC,EACjCC,oBACIC,MAAMD,oBAGFE,KAAKC,MACLC,EAAcF,KAAKC,KAAM,iBAGjCE,SACI,OAAOC,CAAK,kDAELC,oBACP,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAU,aACXZ,EAAgBa,UAAW,YAAQ,GAK/B,MAAMC,UAAwBd"}

package/{button/inline-button.element.scss.js → button-inline/button-inline.element.scss.js}

@@ -1,2 +1,2 @@
-import{css as t}from"lit";var o=t`:host{--text-decoration:underline;--color:var(--cds-global-typography-link-color, var(--cds-global-color-blue-800, #00608a));--font-size:inherit;--line-height:inherit;--letter-spacing:inherit;display:inline;line-height:inherit;font-size:inherit}.private-host{color:var(--color)!important;line-height:var(--line-height)!important;font-size:var(--font-size)!important;letter-spacing:var(--letter-spacing)!important;text-decoration:var(--text-decoration)!important;cursor:pointer!important}.private-host,slot{display:inline}::slotted(cds-icon){--color:inherit;height:1em;width:1em;margin-top:calc(-1*var(--cds-global-space-1,calc(1 / var(--cds-global-base,20) * 1rem)));font-size:var(--font-size)}::slotted(cds-icon:first-child){margin-right:var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem))}::slotted(cds-icon:last-child){margin-left:var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem))}:host([disabled]) .private-host{cursor:not-allowed!important}:host(:active),:host(:hover){--color:var(--cds-global-typography-link-color-hover, var(--cds-global-color-blue-900, #004b6b));--text-decoration:underline}`;export{o as default};
-//# sourceMappingURL=inline-button.element.scss.js.map
+import{css as t}from"lit";var o=t`:host{--text-decoration:underline;--color:var(--cds-global-typography-link-color, var(--cds-global-color-blue-800, #00608a));--font-size:inherit;--line-height:inherit;--letter-spacing:inherit;display:inline;line-height:inherit;font-size:inherit}.private-host{color:var(--color)!important;line-height:var(--line-height)!important;font-size:var(--font-size)!important;letter-spacing:var(--letter-spacing)!important;text-decoration:var(--text-decoration)!important;cursor:pointer!important}.private-host,slot{display:inline}::slotted(cds-icon){--color:inherit;height:1em;width:1em;margin-top:calc(-1*var(--cds-global-space-1,.0625rem));font-size:var(--font-size)}::slotted(cds-icon:first-child){margin-right:var(--cds-global-space-2,.125rem)}::slotted(cds-icon:last-child){margin-left:var(--cds-global-space-2,.125rem)}:host([disabled]) .private-host{cursor:not-allowed!important}:host(:active),:host(:hover){--color:var(--cds-global-typography-link-color-hover, var(--cds-global-color-blue-900, #004b6b));--text-decoration:underline}`;export{o as default};
+//# sourceMappingURL=button-inline.element.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-inline.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/button-inline/index.d.ts

@@ -0,0 +1 @@
+export * from './button-inline.element.js';

package/button-inline/index.js

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

package/button-inline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/button-inline/register.d.ts

@@ -0,0 +1,11 @@
+import { CdsButtonInline, CdsInlineButton } 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

@@ -0,0 +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);
+//# sourceMappingURL=register.js.map

package/button-inline/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/button-inline/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsButtonInline, CdsInlineButton } from './button-inline.element.js';\nregisterElementSafely('cds-button-inline', CdsButtonInline);\n/** @deprecated */\nregisterElementSafely('cds-inline-button', CdsInlineButton);\n"],"names":["registerElementSafely","CdsButtonInline","CdsInlineButton"],"mappings":"6IAOAA,EAAsB,oBAAqBC,GAE3CD,EAAsB,oBAAqBE"}

package/button-sort/button-sort.element.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from '@cds/core/internal';
+import { CdsButtonAction } from '@cds/core/button-action';
+export declare type ButtonSort = 'none' | 'ascending' | 'descending';
+/**
+ * Action Button
+ *
+ * ```typescript
+ * import '@cds/core/button-sort/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-button-sort></cds-button-sort>
+ * ```
+ * @beta
+ * @element cds-button-sort
+ */
+export declare class CdsButtonSort extends CdsButtonAction {
+    sort: ButtonSort;
+    sortChange: EventEmitter<ButtonSort>;
+    static get styles(): import("lit").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+}

package/button-sort/button-sort.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as s,event as o}from"@cds/core/internal";import{CdsButtonAction as r}from"@cds/core/button-action";import{sortOrder as i}from"./utils.js";import n from"./button-sort.element.scss.js";class c extends r{constructor(){super(...arguments);this.sort="none"}static get styles(){return[super.styles,n]}render(){return e`<div class="private-host"><div cds-layout="vertical align:center"><slot><cds-icon shape="angle" direction="up" inner-offset="2" size="12"></cds-icon><cds-icon shape="angle" direction="down" inner-offset="2" size="12"></cds-icon></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",(()=>this.sortChange.emit(i(this.sort),{bubbles:!0}))),this.ariaLabel||(this.ariaLabel=this.i18n.sort)}}t([s({type:String,reflect:!0})],c.prototype,"sort",void 0),t([o()],c.prototype,"sortChange",void 0);export{c as CdsButtonSort};
+//# sourceMappingURL=button-sort.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-sort.element.js","sources":["../../../src/button-sort/button-sort.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { property, event } from '@cds/core/internal';\nimport { CdsButtonAction } from '@cds/core/button-action';\nimport { sortOrder } from './utils.js';\nimport styles from './button-sort.element.scss';\n/**\n * Action Button\n *\n * ```typescript\n * import '@cds/core/button-sort/register.js';\n * ```\n *\n * ```html\n * <cds-button-sort></cds-button-sort>\n * ```\n * @beta\n * @element cds-button-sort\n */\nexport class CdsButtonSort extends CdsButtonAction {\n    constructor() {\n        super(...arguments);\n        this.sort = 'none';\n    }\n    static get styles() {\n        return [super.styles, styles];\n    }\n    render() {\n        return html `\n      <div class=\"private-host\">\n        <div cds-layout=\"vertical align:center\">\n          <slot>\n            <cds-icon shape=\"angle\" direction=\"up\" inner-offset=\"2\" size=\"12\"></cds-icon>\n            <cds-icon shape=\"angle\" direction=\"down\" inner-offset=\"2\" size=\"12\"></cds-icon>\n          </slot>\n        </div>\n      </div>\n    `;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.addEventListener('click', () => this.sortChange.emit(sortOrder(this.sort), { bubbles: true }));\n        if (!this.ariaLabel) {\n            this.ariaLabel = this.i18n.sort;\n        }\n    }\n}\n__decorate([\n    property({ type: String, reflect: true })\n], CdsButtonSort.prototype, \"sort\", void 0);\n__decorate([\n    event()\n], CdsButtonSort.prototype, \"sortChange\", void 0);\n"],"names":["CdsButtonSort","CdsButtonAction","constructor","super","this","sort","styles","render","html","connectedCallback","addEventListener","sortChange","emit","sortOrder","bubbles","ariaLabel","i18n","__decorate","property","type","String","reflect","prototype","event"],"mappings":"qQAwBO,MAAMA,UAAsBC,EAC/BC,cACIC,oBACAC,KAAKC,KAAO,OAELC,oBACP,MAAO,CAACH,MAAMG,OAAQA,GAE1BC,SACI,OAAOC,CAAK,0PAWhBC,oBACIN,MAAMM,oBACNL,KAAKM,iBAAiB,SAAS,IAAMN,KAAKO,WAAWC,KAAKC,EAAUT,KAAKC,MAAO,CAAES,SAAS,MACtFV,KAAKW,YACNX,KAAKW,UAAYX,KAAKY,KAAKX,OAIvCY,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KACnCrB,EAAcsB,UAAW,YAAQ,GACpCL,EAAW,CACPM,KACDvB,EAAcsB,UAAW,kBAAc"}

package/button-sort/button-sort.element.scss.js

@@ -0,0 +1,2 @@
+import{css as o}from"lit";var c=o`:host{line-height:0}.private-host{height:var(--cds-global-space-9,1.5rem)}[direction=down],[direction=up]{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([sort=ascending]) [direction=up],:host([sort=descending]) [direction=down]{--color:var(--cds-alias-object-interaction-background-highlight, var(--cds-global-color-blue-700, #0079ad))}:host([sort=ascending]) [direction=down],:host([sort=descending]) [direction=up]{--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export{c as default};
+//# sourceMappingURL=button-sort.element.scss.js.map

package/button-sort/button-sort.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-sort.element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/button-sort/index.d.ts

@@ -0,0 +1 @@
+export * from './button-sort.element.js';

package/button-sort/index.js

@@ -0,0 +1,2 @@
+export{CdsButtonSort}from"./button-sort.element.js";
+//# sourceMappingURL=index.js.map

package/button-sort/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}