@cds/core 6.0.0-next.4 → 6.0.0

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@cds/core",
-  "version": "6.0.0-next.4",
   "license": "MIT",
   "author": "clarity",
-  "description": "Clarity Design System Web Components",
+  "description": "Clarity Design System - common components, themes, and utilties",
   "homepage": "https://clarity.design",
   "customElements": "./custom-elements.json",
   "keywords": [
@@ -14,10 +13,10 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/vmware/clarity.git"
+    "url": "https://github.com/vmware-clarity/core.git"
   },
   "bugs": {
-    "url": "https://github.com/vmware/clarity/issues"
+    "url": "https://github.com/vmware-clarity/core/issues"
   },
   "main": "./index.js",
   "module": "./index.js",
@@ -27,7 +26,7 @@
     "*"
   ],
   "dependencies": {
-    "lit": "2.1.2",
+    "lit": "^2.1.3",
     "ramda": "^0.28.0",
     "tslib": "^2.3.1"
   },
@@ -54,12 +53,14 @@
     "./dropdown/register.js",
     "./file/register.js",
     "./forms/register.js",
+    "./grid/register.js",
     "./icon/register.js",
     "./input/register.js",
     "./internal-components/close-button/register.js",
     "./internal-components/overlay/register.js",
     "./internal-components/panel/register.js",
     "./internal-components/popup/register.js",
+    "./internal-components/split-handle/register.js",
     "./internal-components/visual-checkbox/register.js",
     "./modal/register.js",
     "./navigation/register.js",
@@ -72,6 +73,7 @@
     "./select/register.js",
     "./selection-panels/checkbox/register.js",
     "./selection-panels/radio/register.js",
+    "./signpost/register.js",
     "./tag/register.js",
     "./test-dropdown/register.js",
     "./textarea/register.js",
@@ -79,6 +81,7 @@
     "./toggle/register.js",
     "./tree-view/register.js",
     "./polyfills/aria-reflect.js",
+    "./polyfills/at.js",
     "./polyfills/index.js"
   ],
   "exports": {
@@ -98,10 +101,12 @@
     "./checkbox": "./checkbox/index.js",
     "./datalist": "./datalist/index.js",
     "./date": "./date/index.js",
+    "./demo": "./demo/index.js",
     "./divider": "./divider/index.js",
     "./dropdown": "./dropdown/index.js",
     "./file": "./file/index.js",
     "./forms": "./forms/index.js",
+    "./grid": "./grid/index.js",
     "./icon": "./icon/index.js",
     "./": "./index.js",
     "./input": "./input/index.js",
@@ -109,6 +114,7 @@
     "./internal-components/overlay": "./internal-components/overlay/index.js",
     "./internal-components/panel": "./internal-components/panel/index.js",
     "./internal-components/popup": "./internal-components/popup/index.js",
+    "./internal-components/split-handle": "./internal-components/split-handle/index.js",
     "./internal-components/visual-checkbox": "./internal-components/visual-checkbox/index.js",
     "./internal": "./internal/index.js",
     "./modal": "./modal/index.js",
@@ -123,6 +129,7 @@
     "./select": "./select/index.js",
     "./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
     "./selection-panels/radio": "./selection-panels/radio/index.js",
+    "./signpost": "./signpost/index.js",
     "./tag": "./tag/index.js",
     "./test-dropdown": "./test-dropdown/index.js",
     "./test": "./test/index.js",
@@ -166,6 +173,8 @@
     "./file/register": "./file/register.js",
     "./forms/register.js": "./forms/register.js",
     "./forms/register": "./forms/register.js",
+    "./grid/register.js": "./grid/register.js",
+    "./grid/register": "./grid/register.js",
     "./icon/register.js": "./icon/register.js",
     "./icon/register": "./icon/register.js",
     "./input/register.js": "./input/register.js",
@@ -178,6 +187,8 @@
     "./internal-components/panel/register": "./internal-components/panel/register.js",
     "./internal-components/popup/register.js": "./internal-components/popup/register.js",
     "./internal-components/popup/register": "./internal-components/popup/register.js",
+    "./internal-components/split-handle/register.js": "./internal-components/split-handle/register.js",
+    "./internal-components/split-handle/register": "./internal-components/split-handle/register.js",
     "./internal-components/visual-checkbox/register.js": "./internal-components/visual-checkbox/register.js",
     "./internal-components/visual-checkbox/register": "./internal-components/visual-checkbox/register.js",
     "./modal/register.js": "./modal/register.js",
@@ -202,6 +213,8 @@
     "./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
     "./selection-panels/radio/register.js": "./selection-panels/radio/register.js",
     "./selection-panels/radio/register": "./selection-panels/radio/register.js",
+    "./signpost/register.js": "./signpost/register.js",
+    "./signpost/register": "./signpost/register.js",
     "./tag/register.js": "./tag/register.js",
     "./tag/register": "./tag/register.js",
     "./test-dropdown/register.js": "./test-dropdown/register.js",
@@ -228,6 +241,8 @@
     "./styles/theme.dark.min.css": "./styles/theme.dark.min.css",
     "./styles/theme.low-motion.css": "./styles/theme.low-motion.css",
     "./styles/theme.low-motion.min.css": "./styles/theme.low-motion.min.css",
+    "./styles/theme.high-contrast.css": "./styles/theme.high-contrast.css",
+    "./styles/theme.high-contrast.min.css": "./styles/theme.high-contrast.min.css",
     "./list/list.css": "./list/list.css",
     "./list/list.min.css": "./list/list.min.css",
     "./table/table.css": "./table/table.css",
@@ -240,5 +255,6 @@
     "./tokens/tokens.scss": "./tokens/tokens.scss",
     "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
     "./tokens/tokens.android.xml": "./tokens/tokens.android.xml"
-  }
+  },
+  "version": "6.0.0"
 }

package/pagination/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/pagination/pagination-button.element.d.ts

@@ -38,5 +38,5 @@ export declare class CdsPaginationButton extends CdsButtonAction {
     action: 'first' | 'prev' | 'next' | 'last';
     private direction;
     private cdsIcon;
-    updated(props: PropertyValues): void;
+    updated(props: PropertyValues<this>): void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"pagination-button.element.js","sources":["../../../src/pagination/pagination-button.element.ts"],"sourcesContent":null,"names":["CdsPaginationButton","CdsButtonAction","[object Object]","props","super","updated","shape","direction","getPaginationIconConfig","this","action","cdsIcon","__decorate","property","type","String","prototype","state","query"],"mappings":"gSA0CO,MAAMA,UAA4BC,EACrCC,QAAQC,GACJC,MAAMC,QAAQF,GACd,MAAMG,MAAEA,EAAKC,UAAEA,GAAcC,EAAwBC,KAAKC,QAC1DD,KAAKH,MAAQA,EACbG,KAAKF,UAAYA,EACbE,KAAKE,UACLF,KAAKE,QAAQJ,UAAYE,KAAKF,YAI1CK,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBf,EAAoBgB,UAAW,cAAU,GAC5CJ,EAAW,CACPK,KACDjB,EAAoBgB,UAAW,iBAAa,GAC/CJ,EAAW,CACPM,EAAM,aACPlB,EAAoBgB,UAAW,eAAW"}
+{"version":3,"file":"pagination-button.element.js","sources":["../../../src/pagination/pagination-button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { property } from '@cds/core/internal';\nimport { state } from 'lit/decorators/state.js';\nimport { query } from 'lit/decorators/query.js';\nimport { CdsButtonAction } from '@cds/core/button-action';\nimport { getPaginationIconConfig } from './utils.js';\n/**\n * Web component pagination button to be used inside pagination.\n *\n * ```typescript\n * import '@cds/core/pagination/register.js';\n * ```\n *\n * ```html\n * <cds-pagination>\n *   <cds-pagination-button action=\"first\" disabled></cds-pagination-button>\n *   <cds-pagination-button action=\"prev\" disabled></cds-pagination-button>\n *   <span aria-label=\"current page\">1 / 3</span>\n *   <cds-pagination-button action=\"next\"></cds-pagination-button>\n *   <cds-pagination-button action=\"last\"></cds-pagination-button>\n * </cds-pagination>\n * ```\n *\n * @beta\n * @element cds-pagination-button\n * @slot\n * @slot cds-icon\n * @cssprop --background\n * @cssprop --padding\n * @cssprop --border-color\n * @cssprop --border-width\n * @cssprop --border-radius\n * @cssprop --box-shadow\n * @cssprop --min-height\n * @cssprop --min-width\n * @property disabled\n */\nexport class CdsPaginationButton extends CdsButtonAction {\n    updated(props) {\n        super.updated(props);\n        const { shape, direction } = getPaginationIconConfig(this.action);\n        this.shape = shape;\n        this.direction = direction;\n        if (this.cdsIcon) {\n            this.cdsIcon.direction = this.direction;\n        }\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsPaginationButton.prototype, \"action\", void 0);\n__decorate([\n    state()\n], CdsPaginationButton.prototype, \"direction\", void 0);\n__decorate([\n    query('cds-icon')\n], CdsPaginationButton.prototype, \"cdsIcon\", void 0);\n"],"names":["CdsPaginationButton","CdsButtonAction","updated","props","super","shape","direction","getPaginationIconConfig","this","action","cdsIcon","__decorate","property","type","String","prototype","state","query"],"mappings":"gSA0CO,MAAMA,UAA4BC,EACrCC,QAAQC,GACJC,MAAMF,QAAQC,GACd,MAAME,MAAEA,EAAKC,UAAEA,GAAcC,EAAwBC,KAAKC,QAC1DD,KAAKH,MAAQA,EACbG,KAAKF,UAAYA,EACbE,KAAKE,UACLF,KAAKE,QAAQJ,UAAYE,KAAKF,YAI1CK,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAoBe,UAAW,cAAU,GAC5CJ,EAAW,CACPK,KACDhB,EAAoBe,UAAW,iBAAa,GAC/CJ,EAAW,CACPM,EAAM,aACPjB,EAAoBe,UAAW,eAAW"}

package/pagination/pagination.element.d.ts

@@ -28,7 +28,7 @@ export declare class CdsPagination extends LitElement {
     private numberInput;
     render(): import("lit-html").TemplateResult<1>;
     static get styles(): import("lit").CSSResultGroup[];
-    firstUpdated(props: PropertyValues): void;
+    firstUpdated(props: PropertyValues<this>): void;
     private setupNumberInput;
     private validateAriaLabel;
 }

package/pagination/pagination.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{baseStyles as i,notProductionEnvironment as s,LogService as e,globalStyle as r,querySlot as n}from"@cds/core/internal";import{LitElement as o,css as a,html as l}from"lit";import{cache as p}from"lit/directives/cache.js";import u from"./pagination.element.scss.js";class m extends o{constructor(){super(...arguments);this.globalStyles=a`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=l`<slot></slot>`,i=l`<div cds-layout="horizontal gap:sm align:center"><slot></slot></div>`;return l`${p(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[i,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){s()&&!this.getAttribute("aria-label")?.length&&e.warn("An aria-label is missing",this)}}t([r()],m.prototype,"globalStyles",void 0),t([n("cds-input[cds-pagination-number]")],m.prototype,"numberInput",void 0);export{m as CdsPagination};
+import{__decorate as t}from"tslib";import{LitElement as i,css as s,html as e}from"lit";import{cache as r}from"lit/directives/cache.js";import{baseStyles as n,notProductionEnvironment as o,LogService as a,globalStyle as l,querySlot as p}from"@cds/core/internal";import u from"./pagination.element.scss.js";class m extends i{constructor(){super(...arguments);this.globalStyles=s`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=e`<slot></slot>`,i=e`<div cds-layout="horizontal gap:sm align:center wrap:none"><slot></slot></div>`;return e`${r(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[n,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){o()&&!this.getAttribute("aria-label")?.length&&a.warn("An aria-label is missing",this)}}t([l()],m.prototype,"globalStyles",void 0),t([p("cds-input[cds-pagination-number]")],m.prototype,"numberInput",void 0);export{m as CdsPagination};
 //# sourceMappingURL=pagination.element.js.map

package/pagination/pagination.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.element.js","sources":["../../../src/pagination/pagination.element.ts"],"sourcesContent":null,"names":["CdsPagination","LitElement","[object Object]","super","this","globalStyles","css","userLayout","html","defaultLayout","cache","hasAttribute","styles","baseStyles","props","firstUpdated","setupNumberInput","validateAriaLabel","numberInput","controlWidth","layout","notProductionEnvironment","getAttribute","length","LogService","warn","__decorate","globalStyle","prototype","querySlot"],"mappings":"iTAkCO,MAAMA,UAAsBC,EAC/BC,cACIC,oBACAC,KAAKC,aAAeC,CAAI,mEAM5BJ,SACI,MAAMK,EAAaC,CAAK,gBAClBC,EAAgBD,CAAK,uEAC3B,OAAOA,CAAK,GAAGE,EAAMN,KAAKO,aAAa,cAAgBJ,EAAaE,KAExEG,oBACI,MAAO,CAACC,EAAYD,GAExBV,aAAaY,GACTX,MAAMY,aAAaD,GACnBV,KAAKY,mBACLZ,KAAKa,oBAETf,mBACQE,KAAKc,cACLd,KAAKc,YAAYC,aAAe,SAChCf,KAAKc,YAAYE,OAAS,WAGlClB,oBACQmB,MAA+BjB,KAAKkB,aAAa,eAAeC,QAChEC,EAAWC,KAAK,2BAA4BrB,OAIxDsB,EAAW,CACPC,KACD3B,EAAc4B,UAAW,oBAAgB,GAC5CF,EAAW,CACPG,EAAU,qCACX7B,EAAc4B,UAAW,mBAAe"}
+{"version":3,"file":"pagination.element.js","sources":["../../../src/pagination/pagination.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { css, html, LitElement } from 'lit';\nimport { cache } from 'lit/directives/cache.js';\nimport { baseStyles, globalStyle, LogService, notProductionEnvironment, querySlot } from '@cds/core/internal';\nimport styles from './pagination.element.scss';\n/**\n * Web component pagination.\n *\n * ```typescript\n * import '@cds/core/pagination/register.js';\n * ```\n *\n * ```html\n * <cds-pagination>\n *   <cds-pagination-button action=\"first\" disabled></cds-pagination-button>\n *   <cds-pagination-button action=\"prev\" disabled></cds-pagination-button>\n *   <span aria-label=\"current page\">1 / 3</span>\n *   <cds-pagination-button action=\"next\"></cds-pagination-button>\n *   <cds-pagination-button action=\"last\"></cds-pagination-button>\n * </cds-pagination>\n * ```\n *\n * @beta\n * @element cds-pagination\n * @slot\n * @slot cds-pagination-button\n * @cssprop --color\n * @cssprop --font-size\n */\nexport class CdsPagination extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.globalStyles = css `\n    [cds-pagination-number] > cds-control-message {\n      --min-width: initial;\n    }\n  `;\n    }\n    render() {\n        const userLayout = html `<slot></slot>`;\n        const defaultLayout = html `<div cds-layout=\"horizontal gap:sm align:center wrap:none\"><slot></slot></div>`;\n        return html `${cache(this.hasAttribute('cds-layout') ? userLayout : defaultLayout)}`;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.setupNumberInput();\n        this.validateAriaLabel();\n    }\n    setupNumberInput() {\n        if (this.numberInput) {\n            this.numberInput.controlWidth = 'shrink';\n            this.numberInput.layout = 'compact';\n        }\n    }\n    validateAriaLabel() {\n        if (notProductionEnvironment() && !this.getAttribute('aria-label')?.length) {\n            LogService.warn('An aria-label is missing', this);\n        }\n    }\n}\n__decorate([\n    globalStyle()\n], CdsPagination.prototype, \"globalStyles\", void 0);\n__decorate([\n    querySlot('cds-input[cds-pagination-number]')\n], CdsPagination.prototype, \"numberInput\", void 0);\n"],"names":["CdsPagination","LitElement","constructor","super","this","globalStyles","css","render","userLayout","html","defaultLayout","cache","hasAttribute","styles","baseStyles","firstUpdated","props","setupNumberInput","validateAriaLabel","numberInput","controlWidth","layout","notProductionEnvironment","getAttribute","length","LogService","warn","__decorate","globalStyle","prototype","querySlot"],"mappings":"iTAkCO,MAAMA,UAAsBC,EAC/BC,cACIC,oBACAC,KAAKC,aAAeC,CAAI,mEAM5BC,SACI,MAAMC,EAAaC,CAAK,gBAClBC,EAAgBD,CAAK,iFAC3B,OAAOA,CAAK,GAAGE,EAAMP,KAAKQ,aAAa,cAAgBJ,EAAaE,KAE7DG,oBACP,MAAO,CAACC,EAAYD,GAExBE,aAAaC,GACTb,MAAMY,aAAaC,GACnBZ,KAAKa,mBACLb,KAAKc,oBAETD,mBACQb,KAAKe,cACLf,KAAKe,YAAYC,aAAe,SAChChB,KAAKe,YAAYE,OAAS,WAGlCH,oBACQI,MAA+BlB,KAAKmB,aAAa,eAAeC,QAChEC,EAAWC,KAAK,2BAA4BtB,OAIxDuB,EAAW,CACPC,KACD5B,EAAc6B,UAAW,oBAAgB,GAC5CF,EAAW,CACPG,EAAU,qCACX9B,EAAc6B,UAAW,mBAAe"}

package/pagination/pagination.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var a=o`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);color:var(--color);display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;font-size:var(--font-size)}::slotted(cds-input[cds-pagination-number]){--background:var(--cds-alias-object-container-background);--border-radius:var(--cds-alias-object-border-radius-100);--border:var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-border-color);--border-bottom:0;--padding:var(--cds-global-space-2) var(--cds-global-space-4) 0;--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--text-align:center}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export{a as default};
+import{css as o}from"lit";var a=o`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--action-color:var(--color);color:var(--color);display:flex;width:100%;flex-wrap:none;font-size:var(--font-size)}::slotted(cds-input[cds-pagination-number]){--background:var(--cds-alias-object-container-background);--border-radius:var(--cds-alias-object-border-radius-100);--border:var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-border-color);--border-bottom:0;--padding:var(--cds-global-space-2) var(--cds-global-space-4) 0;--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--text-align:center}::slotted(span){display:block}::slotted(cds-pagination-button){--color:var(--action-color)}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export{a as default};
 //# sourceMappingURL=pagination.element.scss.js.map

package/pagination/pagination.element.scss.js.map

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

package/pagination/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/pagination/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsPagination","CdsPaginationButton","ClarityIcons","addIcons","angleIcon","stepForward2Icon"],"mappings":"6gBAeAA,EAAsB,iBAAkBC,GACxCD,EAAsB,wBAAyBE,GAC/CC,EAAaC,SAASC,GACtBF,EAAaC,SAASE"}
+{"version":3,"file":"register.js","sources":["../../../src/pagination/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport '@cds/core/button/register.js';\nimport '@cds/core/icon/register.js';\nimport '@cds/core/input/register.js';\nimport '@cds/core/select/register.js';\nimport { registerElementSafely } from '@cds/core/internal';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { angleIcon } from '@cds/core/icon/shapes/angle.js';\nimport { stepForward2Icon } from '@cds/core/icon/shapes/step-forward-2.js';\nimport { CdsPaginationButton } from './pagination-button.element.js';\nimport { CdsPagination } from './pagination.element.js';\nregisterElementSafely('cds-pagination', CdsPagination);\nregisterElementSafely('cds-pagination-button', CdsPaginationButton);\nClarityIcons.addIcons(angleIcon);\nClarityIcons.addIcons(stepForward2Icon);\n"],"names":["registerElementSafely","CdsPagination","CdsPaginationButton","ClarityIcons","addIcons","angleIcon","stepForward2Icon"],"mappings":"6gBAeAA,EAAsB,iBAAkBC,GACxCD,EAAsB,wBAAyBE,GAC/CC,EAAaC,SAASC,GACtBF,EAAaC,SAASE"}

package/pagination/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/pagination/utils.ts"],"sourcesContent":null,"names":["getPaginationIconConfig","action","next","shape","direction","last","prev","first"],"mappings":"AAKO,SAASA,EAAwBC,GAOpC,MANe,CACXC,KAAM,CAAEC,MAAO,QAASC,UAAW,SACnCC,KAAM,CAAEF,MAAO,iBAAkBC,UAAW,MAC5CE,KAAM,CAAEH,MAAO,QAASC,UAAW,QACnCG,MAAO,CAAEJ,MAAO,iBAAkBC,UAAW,SAEnCH,IAAW,CAAEE,MAAO,oBAAqBC,UAAW"}
+{"version":3,"file":"utils.js","sources":["../../../src/pagination/utils.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nexport function getPaginationIconConfig(action) {\n    const config = {\n        next: { shape: 'angle', direction: 'right' },\n        last: { shape: 'step-forward-2', direction: 'up' },\n        prev: { shape: 'angle', direction: 'left' },\n        first: { shape: 'step-forward-2', direction: 'down' },\n    };\n    return config[action] ?? { shape: 'ellipsis-vertical', direction: 'up' };\n}\n"],"names":["getPaginationIconConfig","action","next","shape","direction","last","prev","first"],"mappings":"AAKO,SAASA,EAAwBC,GAOpC,MANe,CACXC,KAAM,CAAEC,MAAO,QAASC,UAAW,SACnCC,KAAM,CAAEF,MAAO,iBAAkBC,UAAW,MAC5CE,KAAM,CAAEH,MAAO,QAASC,UAAW,QACnCG,MAAO,CAAEJ,MAAO,iBAAkBC,UAAW,SAEnCH,IAAW,CAAEE,MAAO,oBAAqBC,UAAW"}

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

@@ -1 +1 @@
-{"version":3,"file":"password.element.js","sources":["../../../src/password/password.element.ts"],"sourcesContent":null,"names":["CdsPassword","CdsControl","[object Object]","super","this","showPassword","i18n","I18nService","keys","password","ClarityIcons","addIcons","eyeIcon","eyeHideIcon","suffixDefaultTemplate","html","togglePasswordVisibility","hideButtonAriaLabel","showButtonAriaLabel","styles","inputStyles","inputControl","type","focus","__decorate","state","prototype"],"mappings":"oZA0CO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,cAAe,EACpBD,KAAKE,KAAOC,EAAYC,KAAKC,SAC7BC,EAAaC,SAASC,EAASC,GAEnCC,4BACI,OAAOC,CAAK,8BAEH,IAAMX,KAAKY,yCACTZ,KAAKC,6BACHD,KAAKC,aAAeD,KAAKE,KAAKW,oBAAsBb,KAAKE,KAAKY,yCAExDd,KAAKC,aAAe,WAAa,yCAIxDc,oBACI,MAAO,IAAIhB,MAAMgB,OAAQC,GAE7BlB,2BACIE,KAAKC,cAAgBD,KAAKC,aAC1BD,KAAKiB,aAAaC,KAAOlB,KAAKC,aAAe,OAAS,WACtDD,KAAKiB,aAAaE,SAG1BC,EAAW,CACPC,KACDzB,EAAY0B,UAAW,oBAAgB,GAC1CF,EAAW,CACPlB,KACDN,EAAY0B,UAAW,YAAQ"}
+{"version":3,"file":"password.element.js","sources":["../../../src/password/password.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 { state, i18n, I18nService } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { inputStyles } from '@cds/core/input';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { eyeIcon } from '@cds/core/icon/shapes/eye.js';\nimport { eyeHideIcon } from '@cds/core/icon/shapes/eye-hide.js';\n/**\n * Password\n *\n * ```typescript\n * import '@cds/core/password/register.js';\n * ```\n *\n * ```html\n * <cds-password>\n *   <label>Password</label>\n *   <input type=\"password\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-password>\n * ```\n *\n * @element cds-password\n * @slot - For projecting password 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 CdsPassword extends CdsControl {\n    constructor() {\n        super();\n        this.showPassword = false;\n        this.i18n = I18nService.keys.password;\n        ClarityIcons.addIcons(eyeIcon, eyeHideIcon);\n    }\n    get suffixDefaultTemplate() {\n        return html `\n      <cds-button-action\n        @click=${() => this.togglePasswordVisibility()}\n        .pressed=${this.showPassword}\n        .ariaLabel=${this.showPassword ? this.i18n.hideButtonAriaLabel : this.i18n.showButtonAriaLabel}\n      >\n        <cds-icon shape=\"${this.showPassword ? 'eye-hide' : 'eye'}\"></cds-icon>\n      </cds-button-action>\n    `;\n    }\n    static get styles() {\n        return [...super.styles, inputStyles];\n    }\n    togglePasswordVisibility() {\n        this.showPassword = !this.showPassword;\n        this.inputControl.type = this.showPassword ? 'text' : 'password';\n        this.inputControl.focus();\n    }\n}\n__decorate([\n    state()\n], CdsPassword.prototype, \"showPassword\", void 0);\n__decorate([\n    i18n()\n], CdsPassword.prototype, \"i18n\", void 0);\n"],"names":["CdsPassword","CdsControl","constructor","super","this","showPassword","i18n","I18nService","keys","password","ClarityIcons","addIcons","eyeIcon","eyeHideIcon","suffixDefaultTemplate","html","togglePasswordVisibility","hideButtonAriaLabel","showButtonAriaLabel","styles","inputStyles","inputControl","type","focus","__decorate","state","prototype"],"mappings":"oZAyCO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,cAAe,EACpBD,KAAKE,KAAOC,EAAYC,KAAKC,SAC7BC,EAAaC,SAASC,EAASC,GAE/BC,4BACA,OAAOC,CAAK,8BAEH,IAAMX,KAAKY,yCACTZ,KAAKC,6BACHD,KAAKC,aAAeD,KAAKE,KAAKW,oBAAsBb,KAAKE,KAAKY,yCAExDd,KAAKC,aAAe,WAAa,yCAI7Cc,oBACP,MAAO,IAAIhB,MAAMgB,OAAQC,GAE7BJ,2BACIZ,KAAKC,cAAgBD,KAAKC,aAC1BD,KAAKiB,aAAaC,KAAOlB,KAAKC,aAAe,OAAS,WACtDD,KAAKiB,aAAaE,SAG1BC,EAAW,CACPC,KACDzB,EAAY0B,UAAW,oBAAgB,GAC1CF,EAAW,CACPlB,KACDN,EAAY0B,UAAW,YAAQ"}

package/password/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/password/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsPassword"],"mappings":"kOAUAA,EAAsB,eAAgBC"}
+{"version":3,"file":"register.js","sources":["../../../src/password/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 { CdsPassword } from './password.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/button-action/register.js';\nimport '@cds/core/icon/register.js';\nregisterElementSafely('cds-password', CdsPassword);\n"],"names":["registerElementSafely","CdsPassword"],"mappings":"kOAUAA,EAAsB,eAAgBC"}

package/polyfills/aria-reflect.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria-reflect.js","sources":["../../../src/polyfills/aria-reflect.ts"],"sourcesContent":null,"names":["roleRegistered","ariaRegistered","reflect","element","attributeName","propertyName","Object","defineProperty","configurable","enumerable","get","this","hasAttribute","getAttribute","set","value","setAttribute","removeAttribute","Element","prototype","hasOwnProperty","forEach","name","toLowerCase"],"mappings":"AAKA,IAAIA,GAAiB,EACjBC,GAAiB,EA2Dd,SAASC,EAAQC,EAASC,EAAeC,GAC5CC,OAAOC,eAAeJ,EAASE,EAAc,CACzCG,cAAc,EACdC,YAAY,EACZC,IAAK,WACD,OAAOC,KAAKC,aAAaR,GAAiBO,KAAKE,aAAaT,GAAiB,MAEjFU,IAAK,SAAUC,GACG,OAAVA,EACAJ,KAAKK,aAAaZ,EAAeW,GAGjCJ,KAAKM,gBAAgBb,MArEhCJ,GAAmBkB,QAAQC,UAAUC,eAAe,UACrDlB,EAAQgB,QAAQC,UAAW,OAAQ,QACnCnB,GAAiB,GAIhBC,GAAmBiB,QAAQC,UAAUC,eAAe,eACrDnB,GAAiB,EACjB,CACI,mBACA,SACA,eACA,OACA,UACA,WACA,WACA,UACA,WACA,UACA,cACA,UACA,WACA,eACA,WACA,SACA,WACA,SACA,UACA,eACA,QACA,aACA,QACA,OACA,QACA,YACA,kBACA,cACA,OACA,cACA,WACA,UACA,WACA,WACA,WACA,kBACA,WACA,WACA,UACA,WACA,UACA,OACA,WACA,WACA,WACA,aACFoB,SAAQC,GAAQpB,EAAQgB,QAAQC,UAAW,QAAQG,EAAKC,cAAiB,OAAOD"}
+{"version":3,"file":"aria-reflect.js","sources":["../../../src/polyfills/aria-reflect.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 */\nlet roleRegistered = false;\nlet ariaRegistered = false;\n// eslint-disable-next-line\nif (!roleRegistered && !Element.prototype.hasOwnProperty('role')) {\n    reflect(Element.prototype, 'role', 'role');\n    roleRegistered = true;\n}\n// https://www.w3.org/TR/wai-aria-1.0/states_and_properties\n// eslint-disable-next-line\nif (!ariaRegistered && !Element.prototype.hasOwnProperty('ariaLabel')) {\n    ariaRegistered = true;\n    [\n        'ActiveDescendant',\n        'Atomic',\n        'AutoComplete',\n        'Busy',\n        'Checked',\n        'ColCount',\n        'ColIndex',\n        'ColSpan',\n        'Controls',\n        'Current',\n        'DescribedBy',\n        'Details',\n        'Disabled',\n        'ErrorMessage',\n        'Expanded',\n        'FlowTo',\n        'HasPopup',\n        'Hidden',\n        'Invalid',\n        'KeyShortcuts',\n        'Label',\n        'LabelledBy',\n        'Level',\n        'Live',\n        'Modal',\n        'MultiLine',\n        'MultiSelectable',\n        'Orientation',\n        'Owns',\n        'Placeholder',\n        'PosInSet',\n        'Pressed',\n        'ReadOnly',\n        'Relevant',\n        'Required',\n        'RoleDescription',\n        'RowCount',\n        'RowIndex',\n        'RowSpan',\n        'Selected',\n        'SetSize',\n        'Sort',\n        'ValueMax',\n        'ValueMin',\n        'ValueNow',\n        'ValueText',\n    ].forEach(name => reflect(Element.prototype, `aria-${name.toLowerCase()}`, `aria${name}`));\n}\nexport function reflect(element, attributeName, propertyName) {\n    Object.defineProperty(element, propertyName, {\n        configurable: true,\n        enumerable: true,\n        get: function () {\n            return this.hasAttribute(attributeName) ? this.getAttribute(attributeName) : null;\n        },\n        set: function (value) {\n            if (value !== null) {\n                this.setAttribute(attributeName, value);\n            }\n            else {\n                this.removeAttribute(attributeName);\n            }\n        },\n    });\n}\n"],"names":["roleRegistered","ariaRegistered","reflect","element","attributeName","propertyName","Object","defineProperty","configurable","enumerable","get","this","hasAttribute","getAttribute","set","value","setAttribute","removeAttribute","Element","prototype","hasOwnProperty","forEach","name","toLowerCase"],"mappings":"AAKA,IAAIA,GAAiB,EACjBC,GAAiB,EA2Dd,SAASC,EAAQC,EAASC,EAAeC,GAC5CC,OAAOC,eAAeJ,EAASE,EAAc,CACzCG,cAAc,EACdC,YAAY,EACZC,IAAK,WACD,OAAOC,KAAKC,aAAaR,GAAiBO,KAAKE,aAAaT,GAAiB,MAEjFU,IAAK,SAAUC,GACG,OAAVA,EACAJ,KAAKK,aAAaZ,EAAeW,GAGjCJ,KAAKM,gBAAgBb,MArEhCJ,GAAmBkB,QAAQC,UAAUC,eAAe,UACrDlB,EAAQgB,QAAQC,UAAW,OAAQ,QACnCnB,GAAiB,GAIhBC,GAAmBiB,QAAQC,UAAUC,eAAe,eACrDnB,GAAiB,EACjB,CACI,mBACA,SACA,eACA,OACA,UACA,WACA,WACA,UACA,WACA,UACA,cACA,UACA,WACA,eACA,WACA,SACA,WACA,SACA,UACA,eACA,QACA,aACA,QACA,OACA,QACA,YACA,kBACA,cACA,OACA,cACA,WACA,UACA,WACA,WACA,WACA,kBACA,WACA,WACA,UACA,WACA,UACA,OACA,WACA,WACA,WACA,aACFoB,SAAQC,GAAQpB,EAAQgB,QAAQC,UAAW,QAAQG,EAAKC,cAAiB,OAAOD"}

package/polyfills/at.d.ts

@@ -0,0 +1,15 @@
+declare global {
+    interface Array<T> {
+        at(o: number): T;
+    }
+}
+/**
+ * Polyfill for Safari
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/at
+ */
+export declare function at(this: {
+    value: (n: any) => any;
+    writable: true;
+    enumerable: false;
+    configurable: true;
+}, n: any): any;

package/polyfills/at.js

@@ -0,0 +1,2 @@
+let t=!1;function e(t){if((t=Math.trunc(t)||0)<0&&(t+=this.length),!(t<0||t>=this.length))return this[t]}if(!t){t=!0;const r=Reflect.getPrototypeOf(Int8Array);for(const t of[Array,String,r])Object.defineProperty(t.prototype,"at",{value:e,writable:!0,enumerable:!1,configurable:!0})}export{e as at};
+//# sourceMappingURL=at.js.map

package/polyfills/at.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"at.js","sources":["../../../src/polyfills/at.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 */\nlet registered = false;\n/**\n * Polyfill for Safari\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/at\n */\nexport function at(n) {\n    n = Math.trunc(n) || 0;\n    if (n < 0) {\n        n += this.length;\n    }\n    if (n < 0 || n >= this.length) {\n        return undefined;\n    }\n    return this[n];\n}\nif (!registered) {\n    registered = true;\n    const TypedArray = Reflect.getPrototypeOf(Int8Array);\n    for (const C of [Array, String, TypedArray]) {\n        Object.defineProperty(C.prototype, 'at', {\n            value: at,\n            writable: true,\n            enumerable: false,\n            configurable: true,\n        });\n    }\n}\n"],"names":["registered","at","n","Math","trunc","this","length","TypedArray","Reflect","getPrototypeOf","Int8Array","C","Array","String","Object","defineProperty","prototype","value","writable","enumerable","configurable"],"mappings":"AAKA,IAAIA,GAAa,EAKV,SAASC,EAAGC,GAKf,IAJAA,EAAIC,KAAKC,MAAMF,IAAM,GACb,IACJA,GAAKG,KAAKC,UAEVJ,EAAI,GAAKA,GAAKG,KAAKC,QAGvB,OAAOD,KAAKH,GAEhB,IAAKF,EAAY,CACbA,GAAa,EACb,MAAMO,EAAaC,QAAQC,eAAeC,WAC1C,IAAK,MAAMC,IAAK,CAACC,MAAOC,OAAQN,GAC5BO,OAAOC,eAAeJ,EAAEK,UAAW,KAAM,CACrCC,MAAOhB,EACPiB,UAAU,EACVC,YAAY,EACZC,cAAc"}

package/polyfills/index.d.ts

@@ -1 +1,2 @@
+import './at.js';
 import './aria-reflect.js';

package/polyfills/index.js

@@ -1,2 +1,2 @@
-import"./aria-reflect.js";
+import"./at.js";import"./aria-reflect.js";
 //# sourceMappingURL=index.js.map

package/polyfills/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/progress-circle/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/progress-circle/progress-circle.element.d.ts

@@ -1,5 +1,5 @@
-import { StatusTypes } from '@cds/core/internal';
 import { LitElement, PropertyValues } from 'lit';
+import { StatusTypes } from '@cds/core/internal';
 /**
  * Circular progress indicators provide a method to track how close long-running tasks are to
  * completion. Circular progress offer a compact way to track progress in a variety of situations.
@@ -60,7 +60,7 @@ export declare class CdsProgressCircle extends LitElement {
         looping: string;
     };
     connectedCallback(): void;
-    protected updated(props: PropertyValues): void;
+    protected updated(props: PropertyValues<this>): void;
     private updateAria;
     render(): import("lit-html").TemplateResult<1>;
     static get styles(): import("lit").CSSResultGroup[];

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

@@ -1,2 +1,2 @@
-import{__decorate as s}from"tslib";import{I18nService as i,hasStringPropertyChanged as e,updateEquilateralSizeStyles as t,isNilOrEmpty as r,baseStyles as a,property as o,i18n as l}from"@cds/core/internal";import{LitElement as h,html as n}from"lit";import{getProgressCircleRadius as u}from"./progress-circle.utils.js";import p from"./progress-circle.element.scss.js";class d extends h{constructor(){super(...arguments);this.status="neutral",this.inverse=!1,this.line=3,this.i18n=i.keys.progress}get radius(){return u(this.line)}get circumference(){return 2*Math.PI*this.radius}get progress(){return this.value??30}get progressOffset(){return(100-this.progress)/100*this.circumference}get size(){return this._size}set size(s){if(e(s,this._size)){const i=this._size;this._size=s,t(this,s),this.requestUpdate("size",i)}}connectedCallback(){super.connectedCallback(),this._ariaLabel=this.ariaLabel,this.updateAria()}updated(s){super.updated(s),(s.has("value")||s.has("i18n"))&&this.updateAria()}updateAria(){this._ariaLabel===this.ariaLabel&&(this._ariaLabel=r(this.value)?this.i18n.looping:`${this.i18n.loading} ${this.value}%`,this.ariaLabel=this._ariaLabel),r(this.value)?(this.role="img",this.ariaValueMin=null,this.ariaValueMax=null,this.ariaValueNow=null):(this.role="progressbar",this.ariaValueMin=0,this.ariaValueMax=100,this.ariaValueNow=this.value)}render(){return n`<div class="private-host" aria-hidden="true"><div class="progress-wrapper"><svg version="1.1" viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false"><circle stroke-width="${this.line}" fill="none" cx="18" cy="18" r="${this.radius}" class="${this.progress>99?"arcstroke":"backstroke"}"/><path d="M 18 18 m 0,-${this.radius} a ${this.radius},${this.radius} 0 1 1 0,${2*this.radius} a ${this.radius},${this.radius} 0 1 1 0,-${2*this.radius}" class="fillstroke arcstroke" stroke-width="${this.line}" stroke-dasharray="${this.circumference}" stroke-dashoffset="${this.progressOffset}" fill="none"/></svg></div></div>`}static get styles(){return[a,p]}}s([o({type:String})],d.prototype,"status",void 0),s([o({type:Boolean})],d.prototype,"inverse",void 0),s([o({type:Number})],d.prototype,"value",void 0),s([o({type:Number})],d.prototype,"line",void 0),s([o({type:String})],d.prototype,"size",null),s([l()],d.prototype,"i18n",void 0);export{d as CdsProgressCircle};
+import{__decorate as s}from"tslib";import{LitElement as i,html as e}from"lit";import{I18nService as t,hasStringPropertyChanged as r,updateEquilateralSizeStyles as a,isNilOrEmpty as o,baseStyles as l,property as h,i18n as n}from"@cds/core/internal";import{getProgressCircleRadius as u}from"./progress-circle.utils.js";import p from"./progress-circle.element.scss.js";class d extends i{constructor(){super(...arguments);this.status="neutral",this.inverse=!1,this.line=3,this.i18n=t.keys.progress}get radius(){return u(this.line)}get circumference(){return 2*Math.PI*this.radius}get progress(){return this.value??30}get progressOffset(){return(100-this.progress)/100*this.circumference}get size(){return this._size}set size(s){if(r(s,this._size)){const i=this._size;this._size=s,a(this,s),this.requestUpdate("size",i)}}connectedCallback(){super.connectedCallback(),this._ariaLabel=this.ariaLabel,this.updateAria()}updated(s){super.updated(s),(s.has("value")||s.has("i18n"))&&this.updateAria()}updateAria(){this._ariaLabel===this.ariaLabel&&(this._ariaLabel=o(this.value)?this.i18n.looping:`${this.i18n.loading} ${this.value}%`,this.ariaLabel=this._ariaLabel),o(this.value)?(this.role="img",this.ariaValueMin=null,this.ariaValueMax=null,this.ariaValueNow=null):(this.role="progressbar",this.ariaValueMin=0,this.ariaValueMax=100,this.ariaValueNow=this.value)}render(){return e`<div class="private-host" aria-hidden="true"><div class="progress-wrapper"><svg version="1.1" viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false"><circle stroke-width="${this.line}" fill="none" cx="18" cy="18" r="${this.radius}" class="${this.progress>99?"arcstroke":"backstroke"}"/><path d="M 18 18 m 0,-${this.radius} a ${this.radius},${this.radius} 0 1 1 0,${2*this.radius} a ${this.radius},${this.radius} 0 1 1 0,-${2*this.radius}" class="fillstroke arcstroke" stroke-width="${this.line}" stroke-dasharray="${this.circumference}" stroke-dashoffset="${this.progressOffset}" fill="none"/></svg></div></div>`}static get styles(){return[l,p]}}s([h({type:String})],d.prototype,"status",void 0),s([h({type:Boolean})],d.prototype,"inverse",void 0),s([h({type:Number})],d.prototype,"value",void 0),s([h({type:Number})],d.prototype,"line",void 0),s([h({type:String})],d.prototype,"size",null),s([n()],d.prototype,"i18n",void 0);export{d as CdsProgressCircle};
 //# sourceMappingURL=progress-circle.element.js.map

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","this","status","inverse","line","i18n","I18nService","keys","progress","radius","getProgressCircleRadius","circumference","Math","PI","value","progressOffset","size","_size","val","hasStringPropertyChanged","oldVal","updateEquilateralSizeStyles","requestUpdate","connectedCallback","_ariaLabel","ariaLabel","updateAria","props","updated","has","isNilOrEmpty","looping","loading","role","ariaValueMin","ariaValueMax","ariaValueNow","html","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","Number"],"mappings":"8WA4BO,MAAMA,UAA0BC,EACnCC,cACIC,oBAKAC,KAAKC,OAAS,UAKdD,KAAKE,SAAU,EAMfF,KAAKG,KAAO,EACZH,KAAKI,KAAOC,EAAYC,KAAKC,SAEjCC,aAEI,OAAOC,EAAwBT,KAAKG,MAExCO,oBACI,OAAO,EAAIC,KAAKC,GAAKZ,KAAKQ,OAG9BD,eAEI,OAAOP,KAAKa,OADY,GAI5BC,qBAEI,OADoB,IACGd,KAAKO,UADR,IACmCP,KAAKU,cAEhEK,WACI,OAAOf,KAAKgB,MAMhBD,SAASE,GACL,GAAIC,EAAyBD,EAAKjB,KAAKgB,OAAQ,CAC3C,MAAMG,EAASnB,KAAKgB,MACpBhB,KAAKgB,MAAQC,EACbG,EAA4BpB,KAAMiB,GAClCjB,KAAKqB,cAAc,OAAQF,IAGnCrB,oBACIC,MAAMuB,oBACNtB,KAAKuB,WAAavB,KAAKwB,UACvBxB,KAAKyB,aAET3B,QAAQ4B,GACJ3B,MAAM4B,QAAQD,IACVA,EAAME,IAAI,UAAYF,EAAME,IAAI,UAChC5B,KAAKyB,aAGb3B,aACQE,KAAKuB,aAAevB,KAAKwB,YACzBxB,KAAKuB,WAAaM,EAAa7B,KAAKa,OAASb,KAAKI,KAAK0B,QAAU,GAAG9B,KAAKI,KAAK2B,WAAW/B,KAAKa,SAC9Fb,KAAKwB,UAAYxB,KAAKuB,YAEtBM,EAAa7B,KAAKa,QAElBb,KAAKgC,KAAO,MACZhC,KAAKiC,aAAe,KACpBjC,KAAKkC,aAAe,KACpBlC,KAAKmC,aAAe,OAIpBnC,KAAKgC,KAAO,cACZhC,KAAKiC,aAAe,EACpBjC,KAAKkC,aAAe,IACpBlC,KAAKmC,aAAenC,KAAKa,OAGjCf,SACI,OAAOsC,CAAK,+QAYUpC,KAAKG,wCAIhBH,KAAKQ,kBACDR,KAAKO,SAAW,GAAK,YAAc,wCAG1BP,KAAKQ,YAAYR,KAAKQ,UAAUR,KAAKQ,kBAAkB,EAAIR,KAAKQ,YAAYR,KAC/FQ,UAAUR,KAAKQ,mBAAmB,EAAIR,KAAKQ,sDAE1BR,KAAKG,2BACDH,KAAKU,qCACJV,KAAKc,kDAQpCuB,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB9C,EAAkB+C,UAAW,cAAU,GAC1CJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBhD,EAAkB+C,UAAW,eAAW,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClBjD,EAAkB+C,UAAW,aAAS,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClBjD,EAAkB+C,UAAW,YAAQ,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB9C,EAAkB+C,UAAW,OAAQ,MACxCJ,EAAW,CACPnC,KACDR,EAAkB+C,UAAW,YAAQ"}
+{"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 { html, LitElement } from 'lit';\nimport { baseStyles, hasStringPropertyChanged, property, updateEquilateralSizeStyles, I18nService, i18n, isNilOrEmpty, } from '@cds/core/internal';\nimport { getProgressCircleRadius } from './progress-circle.utils.js';\nimport styles from './progress-circle.element.scss';\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    }\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 this.value ?? defaultProgress;\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    connectedCallback() {\n        super.connectedCallback();\n        this._ariaLabel = this.ariaLabel;\n        this.updateAria();\n    }\n    updated(props) {\n        super.updated(props);\n        if (props.has('value') || props.has('i18n')) {\n            this.updateAria();\n        }\n    }\n    updateAria() {\n        if (this._ariaLabel === this.ariaLabel) {\n            this._ariaLabel = isNilOrEmpty(this.value) ? this.i18n.looping : `${this.i18n.loading} ${this.value}%`;\n            this.ariaLabel = this._ariaLabel;\n        }\n        if (isNilOrEmpty(this.value)) {\n            // no value so return aria attrs of the looping progress circle\n            this.role = 'img';\n            this.ariaValueMin = null;\n            this.ariaValueMax = null;\n            this.ariaValueNow = null;\n        }\n        else {\n            // if the progress has a value, then we return as if we expect it to be incrementing\n            this.role = 'progressbar';\n            this.ariaValueMin = 0;\n            this.ariaValueMax = 100;\n            this.ariaValueNow = 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    i18n()\n], CdsProgressCircle.prototype, \"i18n\", void 0);\n"],"names":["CdsProgressCircle","LitElement","constructor","super","this","status","inverse","line","i18n","I18nService","keys","progress","radius","getProgressCircleRadius","circumference","Math","PI","value","progressOffset","size","_size","val","hasStringPropertyChanged","oldVal","updateEquilateralSizeStyles","requestUpdate","connectedCallback","_ariaLabel","ariaLabel","updateAria","updated","props","has","isNilOrEmpty","looping","loading","role","ariaValueMin","ariaValueMax","ariaValueNow","render","html","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","Number"],"mappings":"8WA4BO,MAAMA,UAA0BC,EACnCC,cACIC,oBAKAC,KAAKC,OAAS,UAKdD,KAAKE,SAAU,EAMfF,KAAKG,KAAO,EACZH,KAAKI,KAAOC,EAAYC,KAAKC,SAE7BC,aAEA,OAAOC,EAAwBT,KAAKG,MAEpCO,oBACA,OAAO,EAAIC,KAAKC,GAAKZ,KAAKQ,OAG1BD,eAEA,OAAOP,KAAKa,OADY,GAIxBC,qBAEA,OADoB,IACGd,KAAKO,UADR,IACmCP,KAAKU,cAE5DK,WACA,OAAOf,KAAKgB,MAMZD,SAAKE,GACL,GAAIC,EAAyBD,EAAKjB,KAAKgB,OAAQ,CAC3C,MAAMG,EAASnB,KAAKgB,MACpBhB,KAAKgB,MAAQC,EACbG,EAA4BpB,KAAMiB,GAClCjB,KAAKqB,cAAc,OAAQF,IAGnCG,oBACIvB,MAAMuB,oBACNtB,KAAKuB,WAAavB,KAAKwB,UACvBxB,KAAKyB,aAETC,QAAQC,GACJ5B,MAAM2B,QAAQC,IACVA,EAAMC,IAAI,UAAYD,EAAMC,IAAI,UAChC5B,KAAKyB,aAGbA,aACQzB,KAAKuB,aAAevB,KAAKwB,YACzBxB,KAAKuB,WAAaM,EAAa7B,KAAKa,OAASb,KAAKI,KAAK0B,QAAU,GAAG9B,KAAKI,KAAK2B,WAAW/B,KAAKa,SAC9Fb,KAAKwB,UAAYxB,KAAKuB,YAEtBM,EAAa7B,KAAKa,QAElBb,KAAKgC,KAAO,MACZhC,KAAKiC,aAAe,KACpBjC,KAAKkC,aAAe,KACpBlC,KAAKmC,aAAe,OAIpBnC,KAAKgC,KAAO,cACZhC,KAAKiC,aAAe,EACpBjC,KAAKkC,aAAe,IACpBlC,KAAKmC,aAAenC,KAAKa,OAGjCuB,SACI,OAAOC,CAAK,+QAYUrC,KAAKG,wCAIhBH,KAAKQ,kBACDR,KAAKO,SAAW,GAAK,YAAc,wCAG1BP,KAAKQ,YAAYR,KAAKQ,UAAUR,KAAKQ,kBAAkB,EAAIR,KAAKQ,YAAYR,KAC/FQ,UAAUR,KAAKQ,mBAAmB,EAAIR,KAAKQ,sDAE1BR,KAAKG,2BACDH,KAAKU,qCACJV,KAAKc,kDAQzBwB,oBACP,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB/C,EAAkBgD,UAAW,cAAU,GAC1CJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBjD,EAAkBgD,UAAW,eAAW,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClBlD,EAAkBgD,UAAW,aAAS,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClBlD,EAAkBgD,UAAW,YAAQ,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB/C,EAAkBgD,UAAW,OAAQ,MACxCJ,EAAW,CACPpC,KACDR,EAAkBgD,UAAW,YAAQ"}

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

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var s=a`@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.private-host .backstroke{stroke:var(--ring-color);opacity:var(--ring-opacity)}.private-host .arcstroke{stroke:var(--fill-color);-webkit-transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79));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,1rem);width:var(--cds-global-space-7,1rem)}:host([size=md]){height:var(--cds-global-space-9,1.5rem);width:var(--cds-global-space-9,1.5rem)}:host([size=lg]){height:var(--cds-global-space-11,2.25rem);width:var(--cds-global-space-11,2.25rem)}:host([size=xl]){height:var(--cds-global-space-12,3rem);width:var(--cds-global-space-12,3rem)}:host([size=xxl]){height:calc(var(--cds-global-space-13,4rem) - var(--cds-global-space-5,.5rem));width:calc(var(--cds-global-space-13,4rem) - var(--cds-global-space-5,.5rem))}:host([value="0"]) .fillstroke,:host([value="100"]) .fillstroke{display:none}:host(:not([value])) .progress-wrapper{-webkit-animation:spin var(--cds-global-animation-duration-slowest,.8s) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79)) infinite;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};
+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,1rem);width:var(--cds-global-space-7,1rem)}:host([size=md]){height:var(--cds-global-space-9,1.5rem);width:var(--cds-global-space-9,1.5rem)}:host([size=lg]){height:var(--cds-global-space-11,2.25rem);width:var(--cds-global-space-11,2.25rem)}:host([size=xl]){height:var(--cds-global-space-12,3rem);width:var(--cds-global-space-12,3rem)}:host([size=xxl]){height:calc(var(--cds-global-space-13,4rem) - var(--cds-global-space-5,.5rem));width:calc(var(--cds-global-space-13,4rem) - var(--cds-global-space-5,.5rem))}: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"],"mappings":"AAOO,SAASA,EAAwBC,EAAeC,EAAmB,IAMtE,OAHsBA,EAAmB,EAEtBC,KAAKC,KAAKH,EAAgB"}
+{"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 */\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"],"names":["getProgressCircleRadius","lineThickness","viewboxDimension","Math","ceil"],"mappings":"AAOO,SAASA,EAAwBC,EAAeC,EAAmB,IAMtE,OAHsBA,EAAmB,EAEtBC,KAAKC,KAAKH,EAAgB"}

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.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.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { CdsInternalControlGroup } from '@cds/core/forms';
 import { CdsRadio } from './radio.element.js';
 /**
@@ -29,7 +30,7 @@ export declare class CdsRadioGroup extends CdsInternalControlGroup {
     protected controls: NodeListOf<CdsRadio>;
     protected radioName: string;
     static get styles(): import("lit").CSSResultGroup[];
-    firstUpdated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
     private associateRadioControls;
     private syncRadioControls;
 }

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.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { CdsInternalControlInline } from '@cds/core/forms';
 /**
  * Radio
@@ -22,7 +23,7 @@ import { CdsInternalControlInline } from '@cds/core/forms';
  */
 export declare class CdsRadio extends CdsInternalControlInline {
     static get styles(): import("lit").CSSResultGroup[];
-    firstUpdated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
     /**
      * Native radio inputs have no concept of an un-checked event. This means for
      * our radios to update/rerender we need to listen for the other radios in the

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 o=a`:host{--width:var(--cds-global-space-7, 1rem);--height:var(--cds-global-space-7, 1rem);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--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);-webkit-box-shadow:var(--fill-box-shadow);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, 0.0625rem) 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, 0.375rem) 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, 0.0625rem) 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, 0.375rem) var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:0!important}`;export{o as default};
+import{css as r}from"lit";var a=r`:host{--width:var(--cds-global-space-7, 1rem);--height:var(--cds-global-space-7, 1rem);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--background:none}.input{width:var(--width);height:var(--height);min-width:var(--width);border:var(--border);background:var(--background);border-radius:var(--cds-alias-object-border-radius-300,50%);content:"";cursor:pointer;display:flex;align-items:center;justify-content:center}:host([status=error]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--border:0!important;--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_checked]) .input::after{border-radius:var(--cds-alias-object-border-radius-300,50%);content:"";background:var(--cds-global-typography-color-100,var(--cds-global-color-white,#fff));width:var(--cds-global-space-3,.25rem);height:var(--cds-global-space-3,.25rem)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--border:0!important;--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}`;export{a 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.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { CdsControl } from '@cds/core/forms';
 /**
  * Range
@@ -29,6 +30,6 @@ export declare class CdsRange extends CdsControl {
     static get styles(): import("lit").CSSResultGroup[];
     protected globalStyles: import("lit").CSSResultGroup;
     protected get inputTemplate(): import("lit-html").TemplateResult<1>;
-    firstUpdated(props: Map<string, any>): void;
+    firstUpdated(props: PropertyValues<this>): void;
     private setTrackWidth;
 }

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","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,oBACAC,KAAKC,aAAeA,EAExBC,oBACI,MAAO,IAAIH,MAAMG,OAAQA,GAE7BC,oBACI,OAAOC,CAAK,kCAEhBN,aAAaO,GACTN,MAAMO,aAAaD,GACnBL,KAAKO,gBACLP,KAAKQ,aAAaC,iBAAiB,SAAS,IAAMT,KAAKO,kBAE3DT,gBACI,MAAMY,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"}
+{"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 r=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, 0.25rem);--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, 0.25rem) + calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-1, 0.0625rem)));--thumb-height:calc(var(--cds-alias-object-border-width-400, 0.25rem) + calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-1, 0.0625rem)));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,.5rem) 0 var(--cds-global-space-4,.375rem) 0;position:relative;padding:0!important;padding:var(--cds-global-space-4,.375rem) 0;cursor:pointer}.input-track{position:absolute;top:var(--cds-global-space-6,.75rem);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,.25rem));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,.75rem) 0 var(--cds-global-space-5,.5rem) 0}`;export{r as default};
+import{css as a}from"lit";var r=a`:host{--track-background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--track-fill-background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--track-height:var(--cds-alias-object-border-width-400, 0.25rem);--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, 0.25rem) + calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-1, 0.0625rem)));--thumb-height:calc(var(--cds-alias-object-border-width-400, 0.25rem) + calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-1, 0.0625rem)));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,.5rem) 0 var(--cds-global-space-4,.375rem) 0;position:relative;padding:0!important;padding:var(--cds-global-space-4,.375rem) 0;cursor:pointer}.input-track{position:absolute;top:var(--cds-global-space-6,.75rem);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,.25rem));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,.75rem) 0 var(--cds-global-space-5,.5rem) 0}`;export{r 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,.25rem));border:0;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:flex}cds-range input[type=range]::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,.75rem);background:var(--thumb-background);-webkit-appearance:none;align-self:center;margin-top:calc(var(--cds-global-space-3,.25rem)*-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,.25rem));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,.75rem);background:var(--thumb-background)}`;export{a as default};
+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,.25rem));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,.75rem);background:var(--thumb-background);-webkit-appearance:none;align-self:center;margin-top:calc(var(--cds-global-space-3,.25rem)*-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,.25rem));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,.75rem);background:var(--thumb-background)}`;export{a as default};
 //# sourceMappingURL=range.global.scss.js.map