@cds/core 5.6.4 → 5.7.2

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

@@ -1 +1 @@
-{"version":3,"file":"progress-circle.element.js","sources":["../../../src/progress-circle/progress-circle.element.ts"],"sourcesContent":null,"names":["CdsProgressCircle","LitElement","[object Object]","super","arguments","this","status","inverse","line","i18n","I18nService","keys","progress","observers","radius","getProgressCircleRadius","circumference","Math","PI","isNil","value","progressOffset","size","_size","val","hasStringPropertyChanged","oldVal","updateEquilateralSizeStyles","requestUpdate","ariaLabel","getAriaLabelOrDefault","_ariaLabel","loading","looping","newAriaLabel","oldValueForAriaLabelCheck","currentValue","isNilOrEmpty","getDefaultAriaLabel","attrsToSet","getProgressCircleAriaAttributes","setAttributes","connectedCallback","setAriaAttributes","disconnectedCallback","forEach","o","disconnect","props","firstUpdated","push","listenForAttributeChange","oldAriaLabel","updated","has","get","html","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","Number"],"mappings":"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"}
+{"version":3,"file":"progress-circle.element.js","sources":["../../../src/progress-circle/progress-circle.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 { baseStyles, hasStringPropertyChanged, listenForAttributeChange, property, setAttributes, updateEquilateralSizeStyles, I18nService, i18n, isNilOrEmpty, } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport isNil from 'ramda/es/isNil.js'; // TODO: REPLACE AFTER DROPDOWN MERGE TO PREVENT CIRCULAR DEPENDENCIES\nimport styles from './progress-circle.element.scss';\nimport { getAriaLabelOrDefault, getDefaultAriaLabel, getProgressCircleAriaAttributes, getProgressCircleRadius, } from './progress-circle.utils.js';\n/**\n * Circular progress indicators provide a method to track how close long-running tasks are to\n * completion. Circular progress offer a compact way to track progress in a variety of situations.\n *\n * ```typescript\n * import '@cds/core/progress-circle/register.js';\n * ```\n *\n * ```html\n * <cds-progress-circle status=\"info\" value=\"25\"></cds-progress-circle>\n * ```\n *\n * @element cds-progress-circle\n * @cssprop --ring-color\n * @cssprop --ring-opacity\n * @cssprop --fill-color\n * @cssprop --fill-speed\n */\nexport class CdsProgressCircle extends LitElement {\n    constructor() {\n        super(...arguments);\n        /**\n         * Sets the color of the badge\n         * @type {neutral | info | success | warning | danger}\n         */\n        this.status = 'neutral';\n        /**\n         * Inverts color of circular progress bar if `true`.\n         * Useful for displaying icons on a dark background.\n         */\n        this.inverse = false;\n        /**\n         * Represents the thickness of the stroke of the circular progress.\n         *\n         * If undefined, it defaults to 3.\n         */\n        this.line = 3;\n        this.i18n = I18nService.keys.progress;\n        this.observers = [];\n    }\n    get radius() {\n        // 36 is the default viewbox dimensions\n        return getProgressCircleRadius(this.line);\n    }\n    get circumference() {\n        return 2 * Math.PI * this.radius;\n    }\n    /** @private */\n    get progress() {\n        const defaultProgress = 30;\n        return isNil(this.value) ? defaultProgress : this.value;\n    }\n    // Manages the progress fill.\n    get progressOffset() {\n        const progressMax = 100;\n        return ((progressMax - this.progress) / progressMax) * this.circumference;\n    }\n    get size() {\n        return this._size;\n    }\n    /**\n     * Apply numerical width-height or a t-shirt-sized CSS classname\n     * @type {string | sm | md | lg | xl | xxl}\n     */\n    set size(val) {\n        if (hasStringPropertyChanged(val, this._size)) {\n            const oldVal = this._size;\n            this._size = val;\n            updateEquilateralSizeStyles(this, val);\n            this.requestUpdate('size', oldVal);\n        }\n    }\n    /**\n     * The aria-label attribute is added here as a convenience. It is not set\n     * to a default value.\n     *\n     * If this attribute/property remains unset, it will default to an i18n string.\n     * This means that the aria-label can be customized using the aria-label\n     * attribute or by overriding the i18n value for the progress circle.\n     */\n    get ariaLabel() {\n        return getAriaLabelOrDefault(this._ariaLabel, this.value, this.i18n.loading, this.i18n.looping);\n    }\n    /**\n     * Changes the svg glyph displayed in the icon component. Defaults to the 'unknown' icon if\n     * the specified icon cannot be found in the icon registry.\n     */\n    set ariaLabel(newAriaLabel) {\n        if (hasStringPropertyChanged(newAriaLabel, this._ariaLabel)) {\n            const oldVal = this._ariaLabel;\n            this._ariaLabel = newAriaLabel;\n            this.requestUpdate('ariaLabel', oldVal);\n        }\n    }\n    // note: this aria attr logic could be reused when we introduce progress bars\n    // consider promoting this to a shared utility in internal in the future\n    /** @private */\n    setAriaAttributes(oldValueForAriaLabelCheck) {\n        const currentValue = this.value;\n        const oldValIsNil = isNilOrEmpty(oldValueForAriaLabelCheck);\n        let ariaLabel;\n        if (oldValIsNil) {\n            if (!isNilOrEmpty(currentValue) && this.ariaLabel === this.i18n.looping) {\n                ariaLabel = getDefaultAriaLabel(currentValue, this.i18n.loading, this.i18n.looping);\n            }\n            else {\n                ariaLabel = this.ariaLabel;\n            }\n        }\n        else {\n            ariaLabel = getAriaLabelOrDefault(this._ariaLabel, currentValue, this.i18n.loading, this.i18n.looping, oldValueForAriaLabelCheck);\n        }\n        const attrsToSet = getProgressCircleAriaAttributes(currentValue, ariaLabel);\n        setAttributes(this, ...attrsToSet);\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.setAriaAttributes();\n    }\n    disconnectedCallback() {\n        super.disconnectedCallback();\n        this.observers.forEach(o => o.disconnect());\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        // FIXME: we need the mutation observer here because the i18n decorator property\n        // is not firing an update as expected. maybe if we move it to a reactive\n        // controller it will work with the lifecycle again?\n        this.observers.push(listenForAttributeChange(this, 'cds-i18n', () => {\n            const oldAriaLabel = this.ariaLabel;\n            this.ariaLabel = '';\n            this.requestUpdate('ariaLabel', oldAriaLabel);\n        }));\n    }\n    // note: this update logic could be reused when we introduce progress bars\n    // consider promoting this to a shared utility in internal in the future\n    updated(props) {\n        super.updated(props);\n        if (props.has('value')) {\n            this.setAriaAttributes(props.get('value'));\n        }\n        else if (props.has('ariaLabel')) {\n            this.setAriaAttributes();\n        }\n        else if (props.has('ariaLabelTemplate')) {\n            // if you update the template or i18n (edge case), you force reset of aria-label...\n            this._ariaLabel = null;\n            this.setAriaAttributes(this.value);\n        }\n    }\n    render() {\n        return html `\n      <div class=\"private-host\" aria-hidden=\"true\">\n        <div class=\"progress-wrapper\">\n          <svg\n            version=\"1.1\"\n            viewBox=\"0 0 36 36\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n            focusable=\"false\"\n          >\n            <circle\n              stroke-width=\"${this.line}\"\n              fill=\"none\"\n              cx=\"18\"\n              cy=\"18\"\n              r=\"${this.radius}\"\n              class=\"${this.progress > 99 ? 'arcstroke' : 'backstroke'}\"\n            />\n            <path\n              d=\"M 18 18 m 0,-${this.radius} a ${this.radius},${this.radius} 0 1 1 0,${2 * this.radius} a ${this\n            .radius},${this.radius} 0 1 1 0,-${2 * this.radius}\"\n              class=\"fillstroke arcstroke\"\n              stroke-width=\"${this.line}\"\n              stroke-dasharray=\"${this.circumference}\"\n              stroke-dashoffset=\"${this.progressOffset}\"\n              fill=\"none\"\n            />\n          </svg>\n        </div>\n      </div>\n    `;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsProgressCircle.prototype, \"status\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsProgressCircle.prototype, \"inverse\", void 0);\n__decorate([\n    property({ type: Number })\n], CdsProgressCircle.prototype, \"value\", void 0);\n__decorate([\n    property({ type: Number })\n], CdsProgressCircle.prototype, \"line\", void 0);\n__decorate([\n    property({ type: String })\n], CdsProgressCircle.prototype, \"size\", null);\n__decorate([\n    property({ type: String })\n], CdsProgressCircle.prototype, \"ariaLabel\", null);\n__decorate([\n    i18n()\n], CdsProgressCircle.prototype, \"i18n\", void 0);\n"],"names":["CdsProgressCircle","LitElement","constructor","super","this","status","inverse","line","i18n","I18nService","keys","progress","observers","radius","getProgressCircleRadius","circumference","Math","PI","isNil","value","progressOffset","size","_size","val","hasStringPropertyChanged","oldVal","updateEquilateralSizeStyles","requestUpdate","ariaLabel","getAriaLabelOrDefault","_ariaLabel","loading","looping","newAriaLabel","setAriaAttributes","oldValueForAriaLabelCheck","currentValue","isNilOrEmpty","getDefaultAriaLabel","attrsToSet","getProgressCircleAriaAttributes","setAttributes","connectedCallback","disconnectedCallback","forEach","o","disconnect","firstUpdated","props","push","listenForAttributeChange","oldAriaLabel","updated","has","get","render","html","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","Number"],"mappings":"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"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"progress-circle.utils.js","sources":["../../../src/progress-circle/progress-circle.utils.ts"],"sourcesContent":null,"names":["getProgressCircleRadius","lineThickness","viewboxDimension","Math","ceil","getAriaLabelFromTemplate","currentValue","loadingi18n","forceToValue","isNilOrEmpty","getDefaultAriaLabel","loopingMsg","getAriaLabelOrDefault","existingAriaLabel","previousValue","getProgressCircleAriaAttributes","ariaLabel"],"mappings":"kDAQO,SAASA,EAAwBC,EAAeC,EAAmB,IAMtE,OAHsBA,EAAmB,EAEtBC,KAAKC,KAAKH,EAAgB,GAK1C,SAASI,EAAyBC,EAAcC,EAAaC,GAGhE,MAAO,GAAGD,KAFIE,EAAaD,GAAgBF,EAAeE,KAIvD,SAASE,EAAoBJ,EAAcC,EAAaI,GAC3D,OAAIF,EAAaH,GACNK,EAGAN,EAAyBC,EAAcC,GAG/C,SAASK,EAAsBC,EAAmBP,EAAcC,EAAaI,EAAYG,GAC5F,QAAQ,GACJ,KAAMD,EAEN,KAAKC,GAAiBD,IAAsBR,EAAyBC,EAAcC,EAAaO,GAC5F,OAAOJ,EAAoBJ,EAAcC,EAAaI,GAC1D,QACI,OAAOE,GAGZ,SAASE,EAAgCT,EAAcU,GAC1D,OAAIP,EAAaH,GAEN,CACH,CAAC,OAAQ,OACT,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,aAAcU,IAKZ,CACH,CAAC,OAAQ,eACT,CAAC,gBAAiB,KAClB,CAAC,gBAAiB,OAClB,CAAC,gBAAiBV,EAAe,IACjC,CAAC,aAAcU"}
+{"version":3,"file":"progress-circle.utils.js","sources":["../../../src/progress-circle/progress-circle.utils.ts"],"sourcesContent":["/*\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 { isNilOrEmpty } from '@cds/core/internal';\n// note: these may be of more general use with progress bars in general; perhaps promote them at some point???\n// 36 is the default viewbox dimensions\nexport function getProgressCircleRadius(lineThickness, viewboxDimension = 36) {\n    // we need to keep this so that circular-progress remains aligned with our icons\n    // we shouldn't change it unless we change the default viewbox of the icons!\n    const halfOfViewbox = viewboxDimension / 2;\n    // line offset takes the width/thickness of the progress circle into account\n    const lineOffset = Math.ceil(lineThickness / 2);\n    return halfOfViewbox - lineOffset;\n}\n// TODO: once the global i18n templating from the datagrid is merged in, pretty much all\n// of this code and a good chunk of code in progress-circle.element.ts can go away\nexport function getAriaLabelFromTemplate(currentValue, loadingi18n, forceToValue) {\n    const value = isNilOrEmpty(forceToValue) ? currentValue : forceToValue;\n    // this default will be overrideable once the datagrid enhancements to i18n are in\n    return `${loadingi18n} ${value}%`;\n}\nexport function getDefaultAriaLabel(currentValue, loadingi18n, loopingMsg) {\n    if (isNilOrEmpty(currentValue)) {\n        return loopingMsg;\n    }\n    else {\n        return getAriaLabelFromTemplate(currentValue, loadingi18n);\n    }\n}\nexport function getAriaLabelOrDefault(existingAriaLabel, currentValue, loadingi18n, loopingMsg, previousValue) {\n    switch (true) {\n        case !existingAriaLabel:\n            return getDefaultAriaLabel(currentValue, loadingi18n, loopingMsg);\n        case previousValue && existingAriaLabel === getAriaLabelFromTemplate(currentValue, loadingi18n, previousValue):\n            return getDefaultAriaLabel(currentValue, loadingi18n, loopingMsg);\n        default:\n            return existingAriaLabel;\n    }\n}\nexport function getProgressCircleAriaAttributes(currentValue, ariaLabel) {\n    if (isNilOrEmpty(currentValue)) {\n        // no value so return aria attrs of the looping progress circle\n        return [\n            ['role', 'img'],\n            ['aria-valuemin', false],\n            ['aria-valuemax', false],\n            ['aria-valuenow', false],\n            ['aria-label', ariaLabel],\n        ];\n    }\n    else {\n        // if the progress has a value, then we return as if we expect it to be incrementing\n        return [\n            ['role', 'progressbar'],\n            ['aria-valuemin', '0'],\n            ['aria-valuemax', '100'],\n            ['aria-valuenow', currentValue + ''],\n            ['aria-label', ariaLabel],\n        ];\n    }\n}\n"],"names":["getProgressCircleRadius","lineThickness","viewboxDimension","Math","ceil","getAriaLabelFromTemplate","currentValue","loadingi18n","forceToValue","isNilOrEmpty","getDefaultAriaLabel","loopingMsg","getAriaLabelOrDefault","existingAriaLabel","previousValue","getProgressCircleAriaAttributes","ariaLabel"],"mappings":"kDAQO,SAASA,EAAwBC,EAAeC,EAAmB,IAMtE,OAHsBA,EAAmB,EAEtBC,KAAKC,KAAKH,EAAgB,GAK1C,SAASI,EAAyBC,EAAcC,EAAaC,GAGhE,MAAO,GAAGD,KAFIE,EAAaD,GAAgBF,EAAeE,KAIvD,SAASE,EAAoBJ,EAAcC,EAAaI,GAC3D,OAAIF,EAAaH,GACNK,EAGAN,EAAyBC,EAAcC,GAG/C,SAASK,EAAsBC,EAAmBP,EAAcC,EAAaI,EAAYG,GAC5F,QAAQ,GACJ,KAAMD,EAEN,KAAKC,GAAiBD,IAAsBR,EAAyBC,EAAcC,EAAaO,GAC5F,OAAOJ,EAAoBJ,EAAcC,EAAaI,GAC1D,QACI,OAAOE,GAGZ,SAASE,EAAgCT,EAAcU,GAC1D,OAAIP,EAAaH,GAEN,CACH,CAAC,OAAQ,OACT,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,aAAcU,IAKZ,CACH,CAAC,OAAQ,eACT,CAAC,gBAAiB,KAClB,CAAC,gBAAiB,OAClB,CAAC,gBAAiBV,EAAe,IACjC,CAAC,aAAcU"}

package/progress-circle/register.js.map

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

package/radio/index.js

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

package/radio/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/radio/radio-group.element.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{querySlotAll as t,id as r}from"@cds/core/internal";import{CdsInternalControlGroup as s}from"@cds/core/forms";class e extends s{static get styles(){return[...super.styles]}firstUpdated(o){super.firstUpdated(o),this.associateRadioControls(),this.syncRadioControls()}associateRadioControls(){this.controls.forEach((o=>o&&o.inputControl.setAttribute("name",this.radioName)))}syncRadioControls(){this.controls.forEach((o=>o.addEventListener("checkedChange",(o=>{o.detail&&(Array.from(this.controls).forEach((o=>o.inputControl.checked=!1)),o.target.inputControl.checked=!0)}))))}}o([t("cds-radio, cds-radio")],e.prototype,"controls",void 0),o([r()],e.prototype,"radioName",void 0);export{e as CdsRadioGroup};
+import{__decorate as t}from"tslib";import{querySlotAll as o,id as r}from"@cds/core/internal";import{CdsInternalControlGroup as s}from"@cds/core/forms";class e extends s{static get styles(){return[...super.styles]}firstUpdated(t){super.firstUpdated(t),this.associateRadioControls(),this.syncRadioControls()}associateRadioControls(){this.controls.forEach((t=>{t&&!t.inputControl.getAttribute("name")&&t.inputControl.setAttribute("name",this.radioName)}))}syncRadioControls(){this.controls.forEach((t=>t.addEventListener("checkedChange",(t=>{t.detail&&(Array.from(this.controls).forEach((t=>t.inputControl.checked=!1)),t.target.inputControl.checked=!0)}))))}}t([o("cds-radio, cds-radio-panel")],e.prototype,"controls",void 0),t([r()],e.prototype,"radioName",void 0);export{e as CdsRadioGroup};
 //# sourceMappingURL=radio-group.element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.element.js","sources":["../../../src/radio/radio-group.element.ts"],"sourcesContent":null,"names":["CdsRadioGroup","CdsInternalControlGroup","styles","super","[object Object]","props","firstUpdated","this","associateRadioControls","syncRadioControls","controls","forEach","radio","inputControl","setAttribute","radioName","c","addEventListener","e","detail","Array","from","checked","target","__decorate","querySlotAll","prototype","id"],"mappings":"uJAiCO,MAAMA,UAAsBC,EAC/BC,oBACI,MAAO,IAAIC,MAAMD,QAErBE,aAAaC,GACTF,MAAMG,aAAaD,GACnBE,KAAKC,yBACLD,KAAKE,oBAETL,yBACIG,KAAKG,SAASC,SAAQC,GAASA,GAASA,EAAMC,aAAaC,aAAa,OAAQP,KAAKQ,aAEzFX,oBACIG,KAAKG,SAASC,SAAQK,GAAKA,EAAEC,iBAAiB,iBAAkBC,IACxDA,EAAEC,SACFC,MAAMC,KAAKd,KAAKG,UAAUC,SAAQK,GAAMA,EAAEH,aAAaS,SAAU,IACjEJ,EAAEK,OAAOV,aAAaS,SAAU,SAKhDE,EAAW,CACPC,EAAa,yBACdzB,EAAc0B,UAAW,gBAAY,GACxCF,EAAW,CACPG,KACD3B,EAAc0B,UAAW,iBAAa"}
+{"version":3,"file":"radio-group.element.js","sources":["../../../src/radio/radio-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 { __decorate } from \"tslib\";\nimport { querySlotAll, id } from '@cds/core/internal';\nimport { CdsInternalControlGroup } from '@cds/core/forms';\n/**\n * Radio Group\n *\n * ```typescript\n * import '@cds/core/radio/register.js';\n * ```\n *\n * ```html\n * <cds-radio-group>\n *   <label>radio group</label>\n *   <cds-radio>\n *     <label>item 1</label>\n *     <input type=\"radio\" />\n *   </cds-radio>\n *\n *   <cds-radio>\n *     <label>item 2</label>\n *     <input type=\"radio\" />\n *   </cds-radio>\n * </cds-radio-group>\n * ```\n *\n * @element cds-radio-group\n * @slot - For projecting cds-radio controls\n */\nexport class CdsRadioGroup extends CdsInternalControlGroup {\n    static get styles() {\n        return [...super.styles];\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.associateRadioControls();\n        this.syncRadioControls();\n    }\n    associateRadioControls() {\n        this.controls.forEach(radio => {\n            if (radio && !radio.inputControl.getAttribute('name')) {\n                radio.inputControl.setAttribute('name', this.radioName);\n            }\n        });\n    }\n    syncRadioControls() {\n        this.controls.forEach(c => c.addEventListener('checkedChange', (e) => {\n            if (e.detail) {\n                Array.from(this.controls).forEach(c => (c.inputControl.checked = false));\n                e.target.inputControl.checked = true;\n            }\n        }));\n    }\n}\n__decorate([\n    querySlotAll('cds-radio, cds-radio-panel')\n], CdsRadioGroup.prototype, \"controls\", void 0);\n__decorate([\n    id()\n], CdsRadioGroup.prototype, \"radioName\", void 0);\n"],"names":["CdsRadioGroup","CdsInternalControlGroup","styles","super","firstUpdated","props","this","associateRadioControls","syncRadioControls","controls","forEach","radio","inputControl","getAttribute","setAttribute","radioName","c","addEventListener","e","detail","Array","from","checked","target","__decorate","querySlotAll","prototype","id"],"mappings":"uJAiCO,MAAMA,UAAsBC,EACpBC,oBACP,MAAO,IAAIC,MAAMD,QAErBE,aAAaC,GACTF,MAAMC,aAAaC,GACnBC,KAAKC,yBACLD,KAAKE,oBAETD,yBACID,KAAKG,SAASC,SAAQC,IACdA,IAAUA,EAAMC,aAAaC,aAAa,SAC1CF,EAAMC,aAAaE,aAAa,OAAQR,KAAKS,cAIzDP,oBACIF,KAAKG,SAASC,SAAQM,GAAKA,EAAEC,iBAAiB,iBAAkBC,IACxDA,EAAEC,SACFC,MAAMC,KAAKf,KAAKG,UAAUC,SAAQM,GAAMA,EAAEJ,aAAaU,SAAU,IACjEJ,EAAEK,OAAOX,aAAaU,SAAU,SAKhDE,EAAW,CACPC,EAAa,+BACdzB,EAAc0B,UAAW,gBAAY,GACxCF,EAAW,CACPG,KACD3B,EAAc0B,UAAW,iBAAa"}

package/radio/radio.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.element.js","sources":["../../../src/radio/radio.element.ts"],"sourcesContent":null,"names":["CdsRadio","CdsInternalControlInline","styles","super","[object Object]","props","firstUpdated","this","isControlGroup","associateNonGroupRadios","root","getRootNode","addEventListener","e","target","tagName","inputControl","name","querySelectorAll","forEach","c","checked"],"mappings":"kGA4BO,MAAMA,UAAiBC,EAC1BC,oBACI,MAAO,IAAIC,MAAMD,OAAQA,GAE7BE,aAAaC,GACTF,MAAMG,aAAaD,GACdE,KAAKC,gBACND,KAAKE,0BAUbL,0BACI,MAAMM,EAAOH,KAAKI,cAClBD,EAAKE,iBAAiB,iBAAkBC,IACX,cAArBA,EAAEC,OAAOC,SAA2BF,EAAEC,OAAOE,aAAaC,OAASV,KAAKS,aAAaC,OACrFP,EACKQ,iBAAiB,oCAAoCX,KAAKS,aAAaC,SACvEE,SAAQC,GAAMA,EAAEC,SAAU,IAC/BR,EAAEC,OAAOE,aAAaK,SAAU"}
+{"version":3,"file":"radio.element.js","sources":["../../../src/radio/radio.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 './radio.element.scss';\n/**\n * Radio\n *\n * ```typescript\n * import '@cds/core/radio/register.js';\n * ```\n *\n * ```html\n * <cds-radio>\n *   <label>Test</label>\n *   <input type=\"radio\" />\n * </cds-radio>\n * ```\n *\n * @element cds-radio\n * @slot - For projecting radio input\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border\n * @cssprop --fill-box-shadow\n */\nexport class CdsRadio extends CdsInternalControlInline {\n    static get styles() {\n        return [...super.styles, styles];\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        if (!this.isControlGroup) {\n            this.associateNonGroupRadios();\n        }\n    }\n    /**\n     * Native radio inputs have no concept of an un-checked event. This means for\n     * our radios to update/rerender we need to listen for the other radios in the\n     * group when the are checked. If the Radio is within a cds-control-group or\n     * cds-radio-group then the group handles this. Radios can be used outside of\n     * groups in cases of using aria-labelledby like a selectable grid row/cell.\n     */\n    associateNonGroupRadios() {\n        const root = this.getRootNode();\n        root.addEventListener('checkedChange', (e) => {\n            if (e.target.tagName === 'CDS-RADIO' && e.target.inputControl.name === this.inputControl.name) {\n                root\n                    .querySelectorAll(`cds-radio input[type=radio][name=${this.inputControl.name}]`)\n                    .forEach(c => (c.checked = false));\n                e.target.inputControl.checked = true;\n            }\n        });\n    }\n}\n"],"names":["CdsRadio","CdsInternalControlInline","styles","super","firstUpdated","props","this","isControlGroup","associateNonGroupRadios","root","getRootNode","addEventListener","e","target","tagName","inputControl","name","querySelectorAll","forEach","c","checked"],"mappings":"kGA4BO,MAAMA,UAAiBC,EACfC,oBACP,MAAO,IAAIC,MAAMD,OAAQA,GAE7BE,aAAaC,GACTF,MAAMC,aAAaC,GACdC,KAAKC,gBACND,KAAKE,0BAUbA,0BACI,MAAMC,EAAOH,KAAKI,cAClBD,EAAKE,iBAAiB,iBAAkBC,IACX,cAArBA,EAAEC,OAAOC,SAA2BF,EAAEC,OAAOE,aAAaC,OAASV,KAAKS,aAAaC,OACrFP,EACKQ,iBAAiB,oCAAoCX,KAAKS,aAAaC,SACvEE,SAAQC,GAAMA,EAAEC,SAAU,IAC/BR,EAAEC,OAAOE,aAAaK,SAAU"}

package/radio/radio.element.scss.js

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

package/radio/radio.element.scss.js.map

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

package/radio/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/radio/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsRadioGroup","CdsRadio"],"mappings":"sMASAA,EAAsB,kBAAmBC,GACzCD,EAAsB,YAAaE"}
+{"version":3,"file":"register.js","sources":["../../../src/radio/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 { CdsRadioGroup } from './radio-group.element.js';\nimport { CdsRadio } from './radio.element.js';\nimport '@cds/core/forms/register.js';\nregisterElementSafely('cds-radio-group', CdsRadioGroup);\nregisterElementSafely('cds-radio', CdsRadio);\n"],"names":["registerElementSafely","CdsRadioGroup","CdsRadio"],"mappings":"sMASAA,EAAsB,kBAAmBC,GACzCD,EAAsB,YAAaE"}

package/range/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/range/range.element.js

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

package/range/range.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.element.js","sources":["../../../src/range/range.element.ts"],"sourcesContent":null,"names":["CdsRange","CdsControl","[object Object]","super","arguments","this","globalStyles","styles","inputTemplate","html","props","firstUpdated","setTrackWidth","inputControl","addEventListener","value","valueAsNumber","min","parseInt","max","style","setProperty","Math","floor","__decorate","globalStyle","prototype"],"mappings":"yOAqCO,MAAMA,UAAiBC,EAC1BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EAExBC,oBACI,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BC,oBACI,OAAOC,CAAK,kCAEhBP,aAAaQ,GACTP,MAAMQ,aAAaD,GACnBL,KAAKO,gBACLP,KAAKQ,aAAaC,iBAAiB,SAAS,IAAMT,KAAKO,kBAE3DV,gBACI,MAAMa,EAAQV,KAAKQ,aAAaG,cAC1BC,EAAMZ,KAAKQ,aAAaI,IAAMC,SAASb,KAAKQ,aAAaI,KAAO,EAChEE,EAAMd,KAAKQ,aAAaM,IAAMD,SAASb,KAAKQ,aAAaM,KAAO,IACtEd,KAAKe,MAAMC,YAAY,gBAAoBC,KAAKC,OAAQR,EAAQE,IAAQE,EAAMF,GAAQ,KAA9C,MAGhDO,EAAW,CACPC,KACDzB,EAAS0B,UAAW,oBAAgB"}
+{"version":3,"file":"range.element.js","sources":["../../../src/range/range.element.ts"],"sourcesContent":["/*\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 { globalStyle } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport globalStyles from './range.global.scss';\nimport styles from './range.element.scss';\n/**\n * Range\n *\n * ```typescript\n * import '@cds/core/range/register.js';\n * ```\n *\n * ```html\n * <cds-range>\n *   <label>range</label>\n *   <input type=\"range\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-range>\n * ```\n *\n * @element cds-range\n * @slot - For projecting range input\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --track-background\n * @cssprop --track-fill-background\n * @cssprop --track-height\n * @cssprop --thumb-background\n * @cssprop --thumb-width\n * @cssprop --thumb-height\n */\nexport class CdsRange extends CdsControl {\n    constructor() {\n        super(...arguments);\n        this.globalStyles = globalStyles;\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n    get inputTemplate() {\n        return html `<div class=\"input-track\"></div>`;\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.setTrackWidth();\n        this.inputControl.addEventListener('input', () => this.setTrackWidth());\n    }\n    setTrackWidth() {\n        const value = this.inputControl.valueAsNumber;\n        const min = this.inputControl.min ? parseInt(this.inputControl.min) : 0;\n        const max = this.inputControl.max ? parseInt(this.inputControl.max) : 100;\n        this.style.setProperty('--track-width', `${Math.floor(((value - min) / (max - min)) * 100)}%`);\n    }\n}\n__decorate([\n    globalStyle()\n], CdsRange.prototype, \"globalStyles\", void 0);\n"],"names":["CdsRange","CdsControl","constructor","super","this","globalStyles","styles","inputTemplate","html","firstUpdated","props","setTrackWidth","inputControl","addEventListener","value","valueAsNumber","min","parseInt","max","style","setProperty","Math","floor","__decorate","globalStyle","prototype"],"mappings":"yOAqCO,MAAMA,UAAiBC,EAC1BC,cACIC,oBACAC,KAAKC,aAAeA,EAEbC,oBACP,MAAO,IAAIH,MAAMG,OAAQA,GAEzBC,oBACA,OAAOC,CAAK,kCAEhBC,aAAaC,GACTP,MAAMM,aAAaC,GACnBN,KAAKO,gBACLP,KAAKQ,aAAaC,iBAAiB,SAAS,IAAMT,KAAKO,kBAE3DA,gBACI,MAAMG,EAAQV,KAAKQ,aAAaG,cAC1BC,EAAMZ,KAAKQ,aAAaI,IAAMC,SAASb,KAAKQ,aAAaI,KAAO,EAChEE,EAAMd,KAAKQ,aAAaM,IAAMD,SAASb,KAAKQ,aAAaM,KAAO,IACtEd,KAAKe,MAAMC,YAAY,gBAAoBC,KAAKC,OAAQR,EAAQE,IAAQE,EAAMF,GAAQ,KAA9C,MAGhDO,EAAW,CACPC,KACDxB,EAASyB,UAAW,oBAAgB"}

package/range/range.element.scss.js

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

package/range/range.element.scss.js.map

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

package/range/range.global.scss.js

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

package/range/range.global.scss.js.map

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

package/range/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/range/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsRange"],"mappings":"6IAQAA,EAAsB,YAAaC"}
+{"version":3,"file":"register.js","sources":["../../../src/range/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 { CdsRange } from './range.element.js';\nimport '@cds/core/forms/register.js';\nregisterElementSafely('cds-range', CdsRange);\n"],"names":["registerElementSafely","CdsRange"],"mappings":"6IAQAA,EAAsB,YAAaC"}

package/search/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/search/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/search/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsSearch","ClarityIcons","addIcons","searchIcon"],"mappings":"6SAWAA,EAAsB,aAAcC,GACpCC,EAAaC,SAASC"}
+{"version":3,"file":"register.js","sources":["../../../src/search/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 { CdsSearch } from './search.element.js';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { searchIcon } from '@cds/core/icon/shapes/search.js';\nimport '@cds/core/icon/register.js';\nimport '@cds/core/forms/register.js';\nregisterElementSafely('cds-search', CdsSearch);\nClarityIcons.addIcons(searchIcon);\n"],"names":["registerElementSafely","CdsSearch","ClarityIcons","addIcons","searchIcon"],"mappings":"6SAWAA,EAAsB,aAAcC,GACpCC,EAAaC,SAASC"}

package/search/search.element.js

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

package/search/search.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.element.js","sources":["../../../src/search/search.element.ts"],"sourcesContent":null,"names":["CdsSearch","CdsControl","[object Object]","super","arguments","this","globalStyles","prefixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"yRAwCO,MAAMA,UAAkBC,EAC3BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EAExBC,4BACI,OAAOC,CAAK,2HAIhBC,oBACI,MAAO,IAAIN,MAAMM,OAAQC,EAAaD,IAG9CE,EAAW,CACPC,KACDZ,EAAUa,UAAW,oBAAgB"}
+{"version":3,"file":"search.element.js","sources":["../../../src/search/search.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 { globalStyle } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { inputStyles } from '@cds/core/input';\nimport globalStyles from './search.global.scss';\nimport styles from './search.element.scss';\n/**\n * Search\n *\n * ```typescript\n * import '@cds/core/search/register.js';\n * ```\n *\n * ```html\n * <cds-search>\n *   <label>Search</label>\n *   <input type=\"search\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-search>\n * ```\n *\n * @element cds-search\n * @slot - For projecting search input and label\n * @cssprop --background\n * @cssprop --background-size\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --outline\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --line-height\n * @cssprop --transition\n */\nexport class CdsSearch extends CdsControl {\n    constructor() {\n        super(...arguments);\n        this.globalStyles = globalStyles;\n    }\n    get prefixDefaultTemplate() {\n        return html `<cds-control-action readonly\n      ><cds-icon class=\"icon\" shape=\"search\" size=\"18\"></cds-icon\n    ></cds-control-action>`;\n    }\n    static get styles() {\n        return [...super.styles, inputStyles, styles];\n    }\n}\n__decorate([\n    globalStyle()\n], CdsSearch.prototype, \"globalStyles\", void 0);\n"],"names":["CdsSearch","CdsControl","constructor","super","this","globalStyles","prefixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"yRAwCO,MAAMA,UAAkBC,EAC3BC,cACIC,oBACAC,KAAKC,aAAeA,EAEpBC,4BACA,OAAOC,CAAK,2HAILC,oBACP,MAAO,IAAIL,MAAMK,OAAQC,EAAaD,IAG9CE,EAAW,CACPC,KACDX,EAAUY,UAAW,oBAAgB"}

package/search/search.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var a=o`:host([_disabled]) .icon{--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default a;
+import{css as a}from"lit";var o=a`:host([_disabled]) .icon{--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export{o as default};
 //# sourceMappingURL=search.element.scss.js.map

package/search/search.element.scss.js.map

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

package/search/search.global.scss.js

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

package/search/search.global.scss.js.map

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

package/select/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/select/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/select/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","angleIcon","registerElementSafely","CdsSelect"],"mappings":"2SAWAA,EAAaC,SAASC,GACtBC,EAAsB,aAAcC"}
+{"version":3,"file":"register.js","sources":["../../../src/select/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 { CdsSelect } from './select.element.js';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { angleIcon } from '@cds/core/icon/shapes/angle.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/icon/register.js';\nClarityIcons.addIcons(angleIcon);\nregisterElementSafely('cds-select', CdsSelect);\n"],"names":["ClarityIcons","addIcons","angleIcon","registerElementSafely","CdsSelect"],"mappings":"2SAWAA,EAAaC,SAASC,GACtBC,EAAsB,aAAcC"}

package/select/select.element.js

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

package/select/select.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.element.js","sources":["../../../src/select/select.element.ts"],"sourcesContent":null,"names":["CdsSelect","CdsControl","[object Object]","super","arguments","this","globalStyles","multiple","size","suffixDefaultTemplate","html","styles","inputStyles","props","firstUpdated","inputControl","hasAttribute","observers","push","listenForAttributeChange","val","__decorate","globalStyle","prototype","state","type","Boolean","reflect"],"mappings":"kUA2CO,MAAMA,UAAkBC,EAC3BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EACpBD,KAAKE,UAAW,EAChBF,KAAKG,MAAO,EAEhBC,4BACI,OAAOC,CAAK,oHAEhBC,oBACI,MAAO,IAAIR,MAAMQ,OAAQC,EAAaD,GAE1CT,aAAaW,GACTV,MAAMW,aAAaD,GACnBR,KAAKE,SAAWF,KAAKU,aAAaC,aAAa,YAC/CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,YAAYK,GAAQf,KAAKE,SAAmB,OAARa,KACpGf,KAAKG,KAAOH,KAAKU,aAAaC,aAAa,QAC3CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,QAAQK,GAAQf,KAAKG,KAAe,OAARY,MAGpGC,EAAW,CACPC,KACDtB,EAAUuB,UAAW,oBAAgB,GACxCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC3B,EAAUuB,UAAW,gBAAY,GACpCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC3B,EAAUuB,UAAW,YAAQ"}
+{"version":3,"file":"select.element.js","sources":["../../../src/select/select.element.ts"],"sourcesContent":["/*\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 { globalStyle, state, listenForAttributeChange } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { inputStyles } from '@cds/core/input';\nimport globalStyles from './select.global.scss';\nimport styles from './select.element.scss';\n/**\n * Select\n *\n * ```typescript\n * import '@cds/core/select';\n * ```\n *\n * ```html\n * <cds-select>\n *   <label>Test</label>\n *   <select>\n *    <option>Option One</option>\n *    <option>Option Two</option>\n *    <option>Option Three</option>\n *   </select>\n * </cds-select>\n * ```\n *\n * @element cds-select\n * @slot - For projecting select and label\n * @cssprop --background\n * @cssprop --background-size\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --outline\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --line-height\n * @cssprop --transition\n */\nexport class CdsSelect extends CdsControl {\n    constructor() {\n        super(...arguments);\n        this.globalStyles = globalStyles;\n        this.multiple = false;\n        this.size = false;\n    }\n    get suffixDefaultTemplate() {\n        return html `<cds-control-action readonly><cds-icon shape=\"angle\" direction=\"down\"></cds-icon></cds-control-action>`;\n    }\n    static get styles() {\n        return [...super.styles, inputStyles, styles];\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.multiple = this.inputControl.hasAttribute('multiple');\n        this.observers.push(listenForAttributeChange(this.inputControl, 'multiple', val => (this.multiple = val !== null)));\n        this.size = this.inputControl.hasAttribute('size');\n        this.observers.push(listenForAttributeChange(this.inputControl, 'size', val => (this.size = val !== null)));\n    }\n}\n__decorate([\n    globalStyle()\n], CdsSelect.prototype, \"globalStyles\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsSelect.prototype, \"multiple\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsSelect.prototype, \"size\", void 0);\n"],"names":["CdsSelect","CdsControl","constructor","super","this","globalStyles","multiple","size","suffixDefaultTemplate","html","styles","inputStyles","firstUpdated","props","inputControl","hasAttribute","observers","push","listenForAttributeChange","val","__decorate","globalStyle","prototype","state","type","Boolean","reflect"],"mappings":"kUA2CO,MAAMA,UAAkBC,EAC3BC,cACIC,oBACAC,KAAKC,aAAeA,EACpBD,KAAKE,UAAW,EAChBF,KAAKG,MAAO,EAEZC,4BACA,OAAOC,CAAK,oHAELC,oBACP,MAAO,IAAIP,MAAMO,OAAQC,EAAaD,GAE1CE,aAAaC,GACTV,MAAMS,aAAaC,GACnBT,KAAKE,SAAWF,KAAKU,aAAaC,aAAa,YAC/CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,YAAYK,GAAQf,KAAKE,SAAmB,OAARa,KACpGf,KAAKG,KAAOH,KAAKU,aAAaC,aAAa,QAC3CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,QAAQK,GAAQf,KAAKG,KAAe,OAARY,MAGpGC,EAAW,CACPC,KACDrB,EAAUsB,UAAW,oBAAgB,GACxCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC1B,EAAUsB,UAAW,gBAAY,GACpCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC1B,EAAUsB,UAAW,YAAQ"}

package/select/select.element.scss.js

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

package/select/select.element.scss.js.map

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

package/select/select.global.scss.js

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

package/select/select.global.scss.js.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-panel.element.js","sources":["../../../../src/selection-panels/checkbox/checkbox-panel.element.ts"],"sourcesContent":null,"names":["CdsCheckboxPanel","CdsCheckbox","[object Object]","super","arguments","this","size","internalLabelTemplate","html","associateInputAndLabel","styles","__decorate","property","type","String","prototype"],"mappings":"sNAsCO,MAAMA,UAAyBC,EAClCC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,4BACI,OAAOC,CAAK,mCAAkC,IAAMH,KAAKI,oCAE7DC,oBACI,MAAO,IAAIP,MAAMO,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAiBe,UAAW,YAAQ"}
+{"version":3,"file":"checkbox-panel.element.js","sources":["../../../../src/selection-panels/checkbox/checkbox-panel.element.ts"],"sourcesContent":["/*\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 { CdsCheckbox } from '@cds/core/checkbox';\nimport styles from '../shared/selection-panel.element.scss';\nimport { property } from '@cds/core/internal';\n/**\n * Checkbox\n *\n * ```typescript\n * import '@cds/core/checkbox/register.js';\n * ```\n *\n * ```html\n * <cds-checkbox>\n *   <label>\n *     <div cds-layout=\"vertical align:center\">\n *       <span cds-text=\"section\">VM One</span>\n *       <cds-icon shape=\"vm\" badge=\"info\"></cds-icon>\n *       <p>Machines for orchestration and automation.</p>\n *     </div>\n *   </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 and it's complex label\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border\n * @cssprop --box-shadow\n */\nexport class CdsCheckboxPanel extends CdsCheckbox {\n    constructor() {\n        super(...arguments);\n        this.size = 'default';\n    }\n    get internalLabelTemplate() {\n        return html `<slot name=\"label\" @slotchange=${() => this.associateInputAndLabel()}></slot>`;\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsCheckboxPanel.prototype, \"size\", void 0);\n"],"names":["CdsCheckboxPanel","CdsCheckbox","constructor","super","this","size","internalLabelTemplate","html","associateInputAndLabel","styles","__decorate","property","type","String","prototype"],"mappings":"sNAsCO,MAAMA,UAAyBC,EAClCC,cACIC,oBACAC,KAAKC,KAAO,UAEZC,4BACA,OAAOC,CAAK,mCAAkC,IAAMH,KAAKI,oCAElDC,oBACP,MAAO,IAAIN,MAAMM,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBb,EAAiBc,UAAW,YAAQ"}

package/selection-panels/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/selection-panels/checkbox/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../../src/selection-panels/checkbox/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCheckboxPanel"],"mappings":"0HAOAA,EAAsB,qBAAsBC"}
+{"version":3,"file":"register.js","sources":["../../../../src/selection-panels/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 { CdsCheckboxPanel } from './checkbox-panel.element.js';\nregisterElementSafely('cds-checkbox-panel', CdsCheckboxPanel);\n"],"names":["registerElementSafely","CdsCheckboxPanel"],"mappings":"0HAOAA,EAAsB,qBAAsBC"}

package/selection-panels/radio/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/selection-panels/radio/radio-panel.element.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"radio-panel.element.js","sources":["../../../../src/selection-panels/radio/radio-panel.element.ts"],"sourcesContent":null,"names":["CdsRadioPanel","CdsRadio","[object Object]","super","arguments","this","size","styles","internalLabelTemplate","html","associateInputAndLabel","__decorate","property","type","String","prototype"],"mappings":"gNAsCO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,oBACI,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BC,4BACI,OAAOC,CAAK,mCAAkC,IAAMJ,KAAKK,qCAGjEC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAce,UAAW,YAAQ"}
+{"version":3,"file":"radio-panel.element.js","sources":["../../../../src/selection-panels/radio/radio-panel.element.ts"],"sourcesContent":["/*\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 { CdsRadio } from '@cds/core/radio';\nimport styles from '../shared/selection-panel.element.scss';\nimport { property } from '@cds/core/internal';\n/**\n * Checkbox\n *\n * ```typescript\n * import '@cds/core/checkbox/register.js';\n * ```\n *\n * ```html\n * <cds-radio>\n *   <label>\n *     <div cds-layout=\"vertical align:center\">\n *       <span cds-text=\"section\">VM One</span>\n *       <cds-icon shape=\"vm\" badge=\"info\"></cds-icon>\n *       <p>Machines for orchestration and automation.</p>\n *     </div>\n *   </label>\n *   <input type=\"radio\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-radio>\n * ```\n *\n * @element cds-radio\n * @slot - For projecting checkbox and it's complex label\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border\n * @cssprop --box-shadow\n */\nexport class CdsRadioPanel extends CdsRadio {\n    constructor() {\n        super(...arguments);\n        this.size = 'default';\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n    get internalLabelTemplate() {\n        return html `<slot name=\"label\" @slotchange=${() => this.associateInputAndLabel()}></slot>`;\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsRadioPanel.prototype, \"size\", void 0);\n"],"names":["CdsRadioPanel","CdsRadio","constructor","super","this","size","styles","internalLabelTemplate","html","associateInputAndLabel","__decorate","property","type","String","prototype"],"mappings":"gNAsCO,MAAMA,UAAsBC,EAC/BC,cACIC,oBACAC,KAAKC,KAAO,UAELC,oBACP,MAAO,IAAIH,MAAMG,OAAQA,GAEzBC,4BACA,OAAOC,CAAK,mCAAkC,IAAMJ,KAAKK,qCAGjEC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBb,EAAcc,UAAW,YAAQ"}

package/selection-panels/radio/register.js.map

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

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

@@ -1,6 +1,2 @@
-import{css as a}from"lit";var l=a`/*!
- * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */:host{--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem))}.private-host{gap:0!important;position:relative;width:var(--panel-width);height:var(--panel-height)}.input,[focusable]{left:initial;margin:0 0 var(--cds-global-layout-space-sm,calc((6 / var(--cds-global-base,20)) * 1rem)) var(--cds-global-layout-space-xs,calc((4 / var(--cds-global-base,20)) * 1rem));position:absolute;right:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));top:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));z-index:99}::slotted(label){box-shadow:var(--box-shadow);background:var(--panel-background);border:var(--border);border-radius:var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem));cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:var(--padding);text-wrap:normal;white-space:normal;word-break:break-word;overflow:hidden;width:var(--panel-width)!important;height:var(--panel-height)}:host([_disabled][_checked]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([_disabled]),:host([_disabled][_checked]),:host([_disabled][_checked]) .input{--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled][_checked]) .input{--border:var(--border)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([status=error]) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host(:hover:not([_disabled])) .input,:host(:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=error]:hover:not([_disabled])) .input,:host([status=error]:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500))}:host([_checked]:hover:not([_disabled])) .input{--border:var(--border)}:host([_checked]:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([size=sm]),:host([size=sm]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10)}:host([size=md]),:host([size=md]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20)}:host([size=lg]),:host([size=lg]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 20)}:host([size=xl]),:host([size=xl]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 40);--panel-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 40)}`;export default l;
+import{css as a}from"lit";var l=a`:host{--panel-width:calc(var(--cds-global-space-8, calc(18 / var(--cds-global-base, 20) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc(18 / var(--cds-global-base, 20) * 1rem)) * 10);--panel-background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--box-shadow:0 var(--cds-global-space-2, calc(2 / var(--cds-global-base, 20) * 1rem)) 0 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-layout-space-md, calc(12 / var(--cds-global-base, 20) * 1rem))}.private-host{gap:0!important;position:relative;width:var(--panel-width);height:var(--panel-height)}.input,[focusable]{left:initial;margin:0 0 var(--cds-global-layout-space-sm,calc(6 / var(--cds-global-base,20) * 1rem)) var(--cds-global-layout-space-xs,calc(4 / var(--cds-global-base,20) * 1rem));position:absolute;right:var(--cds-global-space-4,calc(6 / var(--cds-global-base,20) * 1rem));top:var(--cds-global-space-4,calc(6 / var(--cds-global-base,20) * 1rem));z-index:99}::slotted(label){box-shadow:var(--box-shadow);background:var(--panel-background);border:var(--border);border-radius:var(--cds-alias-object-border-radius-100,calc(4 / var(--cds-global-base,20) * 1rem));cursor:pointer;display:flex;margin:0;padding:var(--padding);text-wrap:normal;white-space:normal;word-break:break-word;overflow:hidden;width:var(--panel-width)!important;height:var(--panel-height)}:host([_disabled][_checked]){--border:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([_disabled]),:host([_disabled][_checked]),:host([_disabled][_checked]) .input{--box-shadow:0 var(--cds-global-space-2, calc(2 / var(--cds-global-base, 20) * 1rem)) 0 var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled][_checked]) .input{--border:var(--border)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([status=error]) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--box-shadow:0 var(--cds-global-space-2, calc(2 / var(--cds-global-base, 20) * 1rem)) 0 var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host(:hover:not([_disabled])) .input,:host(:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc(2 / var(--cds-global-base, 20) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=error]:hover:not([_disabled])) .input,:host([status=error]:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem)) solid var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500));--box-shadow:0 var(--cds-global-space-2, calc(2 / var(--cds-global-base, 20) * 1rem)) 0 var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500))}:host([_checked]:hover:not([_disabled])) .input{--border:var(--border)}:host([_checked]:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc(2 / var(--cds-global-base, 20) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([size=sm]),:host([size=sm]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc(18 / var(--cds-global-base, 20) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc(18 / var(--cds-global-base, 20) * 1rem)) * 10)}:host([size=md]),:host([size=md]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc(12 / var(--cds-global-base, 20) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-6, calc(12 / var(--cds-global-base, 20) * 1rem)) * 20)}:host([size=lg]),:host([size=lg]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc(18 / var(--cds-global-base, 20) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-8, calc(18 / var(--cds-global-base, 20) * 1rem)) * 20)}:host([size=xl]),:host([size=xl]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc(12 / var(--cds-global-base, 20) * 1rem)) * 40);--panel-height:calc(var(--cds-global-space-6, calc(12 / var(--cds-global-base, 20) * 1rem)) * 40)}`;export{l as default};
 //# sourceMappingURL=selection-panel.element.scss.js.map

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

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