@cds/core 6.0.0-next.5 → 6.0.1

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","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,oBAQAC,KAAKC,OAAS,QAIdD,KAAKE,OAAS,UAIdF,KAAKG,KAAO,KAEZH,KAAKI,OAAQ,EAUbJ,KAAKK,aAAeV,EAAgBW,QACpCN,KAAKO,WAAY,EAErBT,aAAaU,GACTT,MAAMU,aAAaD,GACdR,KAAKU,sBAAsBV,KAAKK,gBACjCL,KAAKW,UAAW,GAGxBb,OAAOU,GACCA,EAAMI,IAAI,kBACNZ,KAAKU,sBAAsBF,EAAMK,IAAI,mBAErCb,KAAKO,UAAYP,KAAKW,eAEQG,IAA9BN,EAAMK,IAAI,kBACNb,KAAKU,sBAAsBV,KAAKK,cAChCL,KAAKe,eAGLf,KAAKgB,kBAIjBjB,MAAMkB,OAAOT,GAEjBV,SACI,OAAOoB,CAAK,mFACZlB,KAAKK,eAAiBV,EAAgBwB,QAChCD,CAAK,iEACL,MACNlB,KAAKK,eAAiBV,EAAgByB,MAChCF,CAAK,yEACL,MACNlB,KAAKK,eAAiBV,EAAgB0B,QAChCH,CAAK,+BAA4C,OAAdlB,KAAKG,KAAgB,KAAO,6CAC/D,MACNH,KAAKK,eAAiBV,EAAgBW,QAAUY,CAAK,gBAAkB,WAG3EpB,sBAAsBwB,GAClB,OAAOA,IAAU3B,EAAgBW,QAErCR,gBACIE,KAAKuB,MAAMC,MAAQC,EAAgBzB,MACnCA,KAAKW,UAAW,EAEpBb,eACIE,KAAKuB,MAAMG,eAAe,SAC1B1B,KAAKW,SAAWX,KAAKO,WAG7BX,EAAU+B,OAAS,CAACC,EAAYD,GAChCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBpC,EAAUqC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBpC,EAAUqC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBpC,EAAUqC,UAAW,YAAQ,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBtC,EAAUqC,UAAW,aAAS,GACjCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBpC,EAAUqC,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, 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,.private-host>span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.private-host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-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);line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);text-overflow:ellipsis;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}:host(:active) .private-host,:host(:active) .private-host::after{-webkit-box-shadow:0 var(--cds-global-space-2,.125rem) 0 0 var(--box-shadow-color) inset;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{-webkit-filter:brightness(90%);filter:brightness(90%)}:host([action=outline]) .private-host::after{-webkit-filter:brightness(100%);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));--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{-webkit-filter:brightness(100%)!important;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};
+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/button.element.scss.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":null,"names":["CdsIconButton","CdsButton","[object Object]","super","this","size"],"mappings":"gDA6BO,MAAMA,UAAsBC,EAC/BC,cACIC,QACAC,KAAKC,KAAO"}
+{"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.js.map

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

package/button/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/button/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","errorStandardIcon","checkIcon","registerElementSafely","CdsButton","CdsIconButton"],"mappings":"0bAaAA,EAAaC,SAASC,EAAmBC,GACzCC,EAAsB,aAAcC,GACpCD,EAAsB,kBAAmBE"}
+{"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

@@ -25,15 +25,21 @@ import { CdsBaseButton } from '@cds/core/internal';
  * @cssprop --padding
  * @cssprop --outline
  * @cssprop --outline-offset
+ * @property pressed - boolean
+ * @property expanded - boolean
  */
 export declare class CdsButtonAction extends CdsBaseButton {
     shape: string;
     action: string;
     i18n: {
-        [key: string]: string | undefined;
+        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): void;
+    updated(props: PropertyValues<this>): void;
 }

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

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as i}from"lit";import{CdsBaseButton as e,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 e{constructor(){super(...arguments);this.i18n=s.keys.actions,this.cdsButtonAction=!0}render(){return i`<div class="private-host"><slot><cds-icon .shape="${this.shape?this.shape:"ellipsis-vertical"}" ?solid="${this.pressed}" 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};
+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

@@ -1 +1 @@
-{"version":3,"file":"button-action.element.js","sources":["../../../src/button-action/button-action.element.ts"],"sourcesContent":null,"names":["CdsButtonAction","CdsBaseButton","[object Object]","super","this","i18n","I18nService","keys","actions","cdsButtonAction","html","shape","pressed","props","updated","ariaLabel","readonly","LogService","warn","has","hasAttribute","ariaHidden","styles","baseStyles","__decorate","property","type","String","prototype","reflect","state","Boolean","attribute"],"mappings":"oPAmCO,MAAMA,UAAwBC,EACjCC,cACIC,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,QAC7BJ,KAAKK,iBAAkB,EAE3BP,SACI,OAAOQ,CAAK,qDAICN,KAAKO,MAAQP,KAAKO,MAAQ,gCAC1BP,KAAKQ,0BACC,8BAMvBV,QAAQW,GACJV,MAAMW,QAAQD,GACTT,KAAKW,WAAcX,KAAKY,UACzBC,EAAWC,KAAK,kEAAmEd,MAEnFS,EAAMM,IAAI,cACVf,KAAKY,WAAaZ,KAAKgB,aAAa,cAAiBhB,KAAKiB,WAAa,OAAWjB,KAAKiB,WAAa,OAIhHrB,EAAgBsB,OAAS,CAACC,EAAYD,GACtCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB3B,EAAgB4B,UAAW,aAAS,GACvCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQE,SAAS,KACnC7B,EAAgB4B,UAAW,cAAU,GACxCJ,EAAW,CACPnB,KACDL,EAAgB4B,UAAW,YAAQ,GACtCJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,QAASF,SAAS,EAAMG,UAAW,uBAClDhC,EAAgB4B,UAAW,uBAAmB"}
+{"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

@@ -1,2 +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{-webkit-transform:translateY(calc(var(--cds-global-space-1,.0625rem)/ 2));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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align: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};
+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

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

package/button-action/index.js.map

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

package/button-action/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/button-action/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","ellipsisVerticalIcon","timesIcon","addAliases","registerElementSafely","CdsButtonAction"],"mappings":"sWAWAA,EAAaC,SAASC,EAAsBC,GAC5CH,EAAaI,WAAW,CAAC,QAAS,CAAC,WACnCC,EAAsB,oBAAqBC"}
+{"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

@@ -8,7 +8,7 @@ import { CdsButtonAction } from '@cds/core/button-action';
  * ```
  *
  * ```html
- * <cds-button-expand pressed></cds-button-expand>
+ * <cds-button-expand expanded></cds-button-expand>
  * ```
  * @beta
  * @element cds-button-expand
@@ -21,5 +21,5 @@ export declare class CdsButtonExpand extends CdsButtonAction {
     private get iconShape();
     render(): import("lit-html").TemplateResult<1>;
     constructor();
-    firstUpdated(props: PropertyValues): void;
+    firstUpdated(props: PropertyValues<this>): void;
 }

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

@@ -1,2 +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 s}from"@cds/core/button-action";import r from"./button-expand.element.scss.js";class o extends s{constructor(){super();this.action="vertical",this.pressed=!1}static get styles(){return[super.styles,r]}get iconDirection(){return"vertical"===this.action?this.pressed?"down":"right":"horizontal"===this.action?this.pressed?"left":"right":null}get iconShape(){return"detail"===this.action?this.pressed?"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};
+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

@@ -1 +1 @@
-{"version":3,"file":"button-expand.element.js","sources":["../../../src/button-expand/button-expand.element.ts"],"sourcesContent":null,"names":["CdsButtonExpand","CdsButtonAction","[object Object]","super","this","action","pressed","styles","iconDirection","iconShape","html","props","firstUpdated","readonly","ariaLabel","length","i18n","expand","__decorate","property","type","String","prototype"],"mappings":"qNAwBO,MAAMA,UAAwBC,EACjCC,cACIC,QACAC,KAAKC,OAAS,WACdD,KAAKE,SAAU,EAEnBC,oBACI,MAAO,CAACJ,MAAMI,OAAQA,GAE1BC,oBACI,MAAoB,aAAhBJ,KAAKC,OACED,KAAKE,QAAU,OAAS,QAEV,eAAhBF,KAAKC,OACHD,KAAKE,QAAU,OAAS,QAGxB,KAGfG,gBACI,MAAoB,WAAhBL,KAAKC,OACED,KAAKE,QAAU,kBAAoB,gBAGnC,QAGfJ,SACI,OAAOQ,CAAK,qDAEaN,KAAKK,0BAAwBL,KAAKI,0CAI/DN,aAAaS,GACTR,MAAMS,aAAaD,GACdP,KAAKS,WACNT,KAAKU,UAAYV,KAAKU,WAAWC,OAASX,KAAKU,UAAYV,KAAKY,KAAKC,SAIjFC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBrB,EAAgBsB,UAAW,cAAU"}
+{"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

@@ -1,2 +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{-webkit-transition:-webkit-transform var(--animation-duration);transition:transform var(--animation-duration);transition:transform var(--animation-duration),-webkit-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};
+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

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

package/button-expand/index.js.map

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

package/button-expand/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/button-expand/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","angleIcon","detailExpandIcon","detailCollapseIcon","registerElementSafely","CdsButtonExpand"],"mappings":"4aAYAA,EAAaC,SAASC,EAAWC,EAAkBC,GACnDC,EAAsB,oBAAqBC"}
+{"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.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-handle.element.js","sources":["../../../src/button-handle/button-handle.element.ts"],"sourcesContent":null,"names":["CdsButtonHandle","CdsButtonAction","styles","super","[object Object]","connectedCallback","this","pressed","setAttribute","shape","addEventListener","event","onKey"],"mappings":"oJAsBO,MAAMA,UAAwBC,EACjCC,oBACI,MAAO,CAACC,MAAMD,OAAQA,GAE1BE,oBACID,MAAME,oBACNC,KAAKC,SAAU,EACfD,KAAKE,aAAa,gBAAiB,UAC9BF,KAAKG,QACNH,KAAKG,MAAQ,eAEjBH,KAAKI,iBAAiB,WAAYC,IAC9BC,EAAM,QAASD,GAAO,IAAOL,KAAKC,SAAWD,KAAKC"}
+{"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

@@ -1,2 +1,2 @@
-import{css as e}from"lit";var t=e`:host{-webkit-user-drag:element!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!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{t as default};
+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

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

package/button-handle/index.js.map

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

package/button-handle/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/button-handle/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","dragHandleIcon","registerElementSafely","CdsButtonHandle"],"mappings":"+RAUAA,EAAaC,SAASC,GACtBC,EAAsB,oBAAqBC"}
+{"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-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":["/*\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-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;-webkit-text-decoration:var(--text-decoration)!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};
+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

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

package/button-inline/index.js.map

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

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":["/*\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.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-sort.element.js","sources":["../../../src/button-sort/button-sort.element.ts"],"sourcesContent":null,"names":["CdsButtonSort","CdsButtonAction","[object Object]","super","this","sort","styles","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,OAEhBC,oBACI,MAAO,CAACH,MAAMG,OAAQA,GAE1BJ,SACI,OAAOK,CAAK,0PAWhBL,oBACIC,MAAMK,oBACNJ,KAAKK,iBAAiB,SAAS,IAAML,KAAKM,WAAWC,KAAKC,EAAUR,KAAKC,MAAO,CAAEQ,SAAS,MACtFT,KAAKU,YACNV,KAAKU,UAAYV,KAAKW,KAAKV,OAIvCW,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KACnCpB,EAAcqB,UAAW,YAAQ,GACpCL,EAAW,CACPM,KACDtB,EAAcqB,UAAW,kBAAc"}
+{"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.map

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

package/button-sort/index.js.map

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

package/button-sort/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/button-sort/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","angleIcon","registerElementSafely","CdsButtonSort"],"mappings":"gRAUAA,EAAaC,SAASC,GACtBC,EAAsB,kBAAmBC"}
+{"version":3,"file":"register.js","sources":["../../../src/button-sort/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 { CdsButtonSort } from './button-sort.element.js';\nimport '@cds/core/icon/register.js';\nClarityIcons.addIcons(angleIcon);\nregisterElementSafely('cds-button-sort', CdsButtonSort);\n"],"names":["ClarityIcons","addIcons","angleIcon","registerElementSafely","CdsButtonSort"],"mappings":"gRAUAA,EAAaC,SAASC,GACtBC,EAAsB,kBAAmBC"}

package/button-sort/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/button-sort/utils.ts"],"sourcesContent":null,"names":["sortOrder","sort"],"mappings":"AAKO,SAASA,EAAUC,GACtB,OAAQA,GACJ,IAAK,YACD,MAAO,aACX,IAAK,aACD,MAAO,OACX,IAAK,OACD,MAAO"}
+{"version":3,"file":"utils.js","sources":["../../../src/button-sort/utils.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 */\nexport function sortOrder(sort) {\n    switch (sort) {\n        case 'ascending':\n            return 'descending';\n        case 'descending':\n            return 'none';\n        case 'none':\n            return 'ascending';\n    }\n}\n"],"names":["sortOrder","sort"],"mappings":"AAKO,SAASA,EAAUC,GACtB,OAAQA,GACJ,IAAK,YACD,MAAO,aACX,IAAK,aACD,MAAO,OACX,IAAK,OACD,MAAO"}

package/card/card.element.d.ts

@@ -28,7 +28,6 @@ import { CdsInternalPanel } from '@cds/core/internal-components/panel';
   </cds-card>
  * ```
  *
- * @beta
  * @element cds-card
  * @slot - For projecting card content
  * @cssprop --width
@@ -45,7 +44,7 @@ import { CdsInternalPanel } from '@cds/core/internal-components/panel';
  * @cssprop --cds-card-remove-margin
  */
 export declare class CdsCard extends CdsInternalPanel {
-    globalStyles: import("lit").CSSResult;
+    protected globalStyles: import("lit").CSSResult;
     static get styles(): import("lit").CSSResultGroup[];
     connectedCallback(): void;
 }

package/card/card.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.element.js","sources":["../../../src/card/card.element.ts"],"sourcesContent":null,"names":["CdsCard","CdsInternalPanel","[object Object]","super","this","globalStyles","css","styles","connectedCallback","role","__decorate","globalStyle","prototype"],"mappings":"2NAkDO,MAAMA,UAAgBC,EACzBC,cACIC,oBACAC,KAAKC,aAAeC,CAAI,oIAO5BC,oBACI,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BL,oBACIC,MAAMK,oBACNJ,KAAKK,KAAO,UAGpBC,EAAW,CACPC,KACDX,EAAQY,UAAW,oBAAgB"}
+{"version":3,"file":"card.element.js","sources":["../../../src/card/card.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 { css } from 'lit';\nimport { globalStyle } from '@cds/core/internal';\nimport { CdsInternalPanel } from '@cds/core/internal-components/panel';\nimport styles from './card.element.scss';\n/**\n * Web component card.\n *\n * ```typescript\n * import '@cds/core/card/register.js';\n * ```\n *\n * ```html\n * <cds-card aria-labelledby=\"{label your card}\">\n    <div cds-layout=\"vertical gap:md\">\n      <h2 id=\"{label your card}\" cds-text=\"section\">\n        <!-- Card title -->\n      </h2>\n\n      <cds-divider cds-card-remove-margin></cds-divider>\n\n      <div cds-text=\"body light\">\n        <!-- Card content -->\n      </div>\n\n      <cds-divider cds-card-remove-margin></cds-divider>\n\n      <div cds-layout=\"horizontal gap:sm align:vertical-center\">\n        <cds-button action=\"flat-inline\">View</cds-button>\n      </div>\n    </div>\n  </cds-card>\n * ```\n *\n * @element cds-card\n * @slot - For projecting card content\n * @cssprop --width\n * @cssprop --height\n * @cssprop --color\n * @cssprop --overflow\n * @cssprop --overflow-x\n * @cssprop --overflow-y\n * @cssprop --background\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --cds-card-remove-margin\n */\nexport class CdsCard extends CdsInternalPanel {\n    constructor() {\n        super(...arguments);\n        this.globalStyles = css `\n    [cds-card-remove-margin] {\n      margin-left: calc(-1 * var(--card-remove-margin));\n      width: calc(100% + calc(var(--card-remove-margin) * 2));\n    }\n  `;\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.role = 'region';\n    }\n}\n__decorate([\n    globalStyle()\n], CdsCard.prototype, \"globalStyles\", void 0);\n"],"names":["CdsCard","CdsInternalPanel","constructor","super","this","globalStyles","css","styles","connectedCallback","role","__decorate","globalStyle","prototype"],"mappings":"2NAsDO,MAAMA,UAAgBC,EACzBC,cACIC,oBACAC,KAAKC,aAAeC,CAAI,oIAOjBC,oBACP,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BC,oBACIL,MAAMK,oBACNJ,KAAKK,KAAO,UAGpBC,EAAW,CACPC,KACDX,EAAQY,UAAW,oBAAgB"}

package/card/card.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--padding:var(--cds-global-space-6) var(--cds-global-space-8);--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--box-shadow:var(--cds-alias-object-shadow-100, 0 calc(1 / var(--cds-global-base, 20) * 1rem) calc(3 / var(--cds-global-base, 20) * 1rem) 0 rgba(27, 43, 50, 0.5));--card-remove-margin:var(--cds-global-space-8)}`;export{r as default};
+import{css as a}from"lit";var r=a`:host{--padding:var(--cds-global-space-6) var(--cds-global-space-8);--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--box-shadow:var(--cds-alias-object-shadow-100, 0 calc(1 / var(--cds-global-base, 20) * 1rem) calc(3 / var(--cds-global-base, 20) * 1rem) 0 rgba(27, 43, 50, 0.5));--card-remove-margin:var(--cds-global-space-8)}::slotted([cds-card-remove-margin]){--color:var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8))}`;export{r as default};
 //# sourceMappingURL=card.element.scss.js.map

package/card/card.element.scss.js.map

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

package/card/index.js.map

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

package/card/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/card/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCard"],"mappings":"uGAOAA,EAAsB,WAAYC"}
+{"version":3,"file":"register.js","sources":["../../../src/card/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 { CdsCard } from './card.element.js';\nregisterElementSafely('cds-card', CdsCard);\n"],"names":["registerElementSafely","CdsCard"],"mappings":"uGAOAA,EAAsB,WAAYC"}

package/checkbox/checkbox-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.element.js","sources":["../../../src/checkbox/checkbox-group.element.ts"],"sourcesContent":null,"names":["CdsCheckboxGroup","CdsInternalControlGroup"],"mappings":"0DA+BO,MAAMA,UAAyBC"}
+{"version":3,"file":"checkbox-group.element.js","sources":["../../../src/checkbox/checkbox-group.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 { CdsInternalControlGroup } from '@cds/core/forms';\n/**\n * Checkbox Group\n *\n * ```typescript\n * import '@cds/core/checkbox';\n * ```\n *\n * ```html\n * <cds-checkbox-group>\n *   <label>Select an item</label>\n *   <cds-checkbox>\n *     <label>Test</label>\n *     <input type=\"checkbox\" />\n *   </cds-checkbox>\n *\n *   <cds-checkbox>\n *     <label>Test</label>\n *     <input type=\"checkbox\" />\n *   </cds-checkbox>\n * </cds-checkbox-group>\n * ```\n *\n * @element cds-checkbox-group\n * @slot - For projecting checkbox controls\n */\nexport class CdsCheckboxGroup extends CdsInternalControlGroup {\n}\n"],"names":["CdsCheckboxGroup","CdsInternalControlGroup"],"mappings":"0DA+BO,MAAMA,UAAyBC"}

package/checkbox/checkbox.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.element.js","sources":["../../../src/checkbox/checkbox.element.ts"],"sourcesContent":null,"names":["CdsCheckbox","CdsInternalControlInline","styles","super"],"mappings":"qGA6BO,MAAMA,UAAoBC,EAC7BC,oBACI,MAAO,IAAIC,MAAMD,OAAQA"}
+{"version":3,"file":"checkbox.element.js","sources":["../../../src/checkbox/checkbox.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 { CdsInternalControlInline } from '@cds/core/forms';\nimport styles from './checkbox.element.scss';\n/**\n * Checkbox\n *\n * ```typescript\n * import '@cds/core/checkbox/register.js';\n * ```\n *\n * ```html\n * <cds-checkbox>\n *   <label>checkbox</label>\n *   <input type=\"checkbox\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-checkbox>\n * ```\n *\n * @element cds-checkbox\n * @slot - For projecting checkbox\n * @cssprop --color\n * @cssprop --check-color\n * @cssprop --background\n * @cssprop --border-radius\n */\nexport class CdsCheckbox extends CdsInternalControlInline {\n    static get styles() {\n        return [...super.styles, styles];\n    }\n}\n"],"names":["CdsCheckbox","CdsInternalControlInline","styles","super"],"mappings":"qGA6BO,MAAMA,UAAoBC,EAClBC,oBACP,MAAO,IAAIC,MAAMD,OAAQA"}

package/checkbox/checkbox.element.scss.js

@@ -1,2 +1,2 @@
-import{css as r}from"lit";var o=r`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-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));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81))}.input,.input::before{width:var(--cds-global-space-7,1rem);height:var(--cds-global-space-7,1rem)}.input{position:relative;cursor:pointer}.input::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);display:inline-block;position:absolute;content:""}.input::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,.25rem) + var(--cds-global-space-1,.0625rem));width:var(--cds-global-space-5,.5rem);left:var(--cds-global-space-3,.25rem);border-left:var(--cds-global-space-2,.125rem) solid;border-bottom:var(--cds-global-space-2,.125rem) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);-webkit-transform:translateY(var(--cds-global-space-3,.25rem)) rotate(-45deg);transform:translateY(var(--cds-global-space-3,.25rem)) rotate(-45deg)}:host([_indeterminate]){--color:var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81))}:host([_indeterminate]) .input:after{border-left:none;border-bottom-color:var(--color);display:inline-block;-webkit-transform:translateY(calc(var(--cds-global-space-1,.0625rem)*.15));transform:translateY(calc(var(--cds-global-space-1,.0625rem)*.15));top:var(--cds-global-space-3,.25rem)}:host([_checked]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--color);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_checked]) .input:after{display:inline-block}:host([status=error]:not([_checked])){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input{cursor:not-allowed}`;export{o as default};
+import{css as r}from"lit";var o=r`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-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));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--cursor:pointer}.input,.input::before{width:var(--cds-global-space-7,1rem);height:var(--cds-global-space-7,1rem)}.input{cursor:var(--cursor);position:relative}.input::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);display:inline-block;position:absolute;content:""}.input::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,.25rem) + var(--cds-global-space-1,.0625rem));width:var(--cds-global-space-5,.5rem);left:var(--cds-global-space-3,.25rem);border-left:var(--cds-global-space-2,.125rem) solid;border-bottom:var(--cds-global-space-2,.125rem) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);transform:translateY(var(--cds-global-space-3,.25rem)) rotate(-45deg)}:host([_indeterminate]){--color:var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81))}:host([_indeterminate]) .input:after{border-left:none;border-bottom-color:var(--color);display:inline-block;transform:translateY(calc(var(--cds-global-space-1,.0625rem)*.15));top:var(--cds-global-space-3,.25rem)}:host([_checked]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--color);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_checked]) .input:after{display:inline-block}:host([status=error]:not([_checked])){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--cursor:not-allowed}`;export{o as default};
 //# sourceMappingURL=checkbox.element.scss.js.map

package/checkbox/checkbox.element.scss.js.map

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

package/checkbox/index.js.map

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

package/checkbox/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/checkbox/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCheckbox","CdsCheckboxGroup"],"mappings":"kNASAA,EAAsB,eAAgBC,GACtCD,EAAsB,qBAAsBE"}
+{"version":3,"file":"register.js","sources":["../../../src/checkbox/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 { CdsCheckbox } from './checkbox.element.js';\nimport { CdsCheckboxGroup } from './checkbox-group.element.js';\nimport '@cds/core/forms/register.js';\nregisterElementSafely('cds-checkbox', CdsCheckbox);\nregisterElementSafely('cds-checkbox-group', CdsCheckboxGroup);\n"],"names":["registerElementSafely","CdsCheckbox","CdsCheckboxGroup"],"mappings":"kNASAA,EAAsB,eAAgBC,GACtCD,EAAsB,qBAAsBE"}