@cds/core 5.2.1 → 5.4.1

package/password/password.element.js

@@ -1,74 +1,2 @@
-/*
- * 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.
- */
-import { __decorate } from "tslib";
-import { internalProperty, html } from 'lit-element';
-import { i18n, I18nService } from '@cds/core/internal';
-import { CdsControl } from '@cds/core/forms';
-import { inputStyles } from '@cds/core/input';
-import { ClarityIcons } from '@cds/core/icon/icon.service.js';
-import { eyeIcon } from '@cds/core/icon/shapes/eye.js';
-import { eyeHideIcon } from '@cds/core/icon/shapes/eye-hide.js';
-/**
- * Password
- *
- * ```typescript
- * import '@cds/core/password/register.js';
- * ```
- *
- * ```html
- * <cds-password>
- *   <label>Password</label>
- *   <input type="password" />
- *   <cds-control-message>message text</cds-control-message>
- * </cds-password>
- * ```
- *
- * @element cds-password
- * @slot - For projecting password input and label
- * @cssprop --background
- * @cssprop --background-size
- * @cssprop --border
- * @cssprop --border-bottom
- * @cssprop --outline
- * @cssprop --padding
- * @cssprop --font-size
- * @cssprop --color
- * @cssprop --line-height
- * @cssprop --transition
- */
-export class CdsPassword extends CdsControl {
-    constructor() {
-        super();
-        this.showPassword = false;
-        this.i18n = I18nService.keys.password;
-        ClarityIcons.addIcons(eyeIcon, eyeHideIcon);
-    }
-    get ariaLabel() {
-        return this.showPassword ? this.i18n.hideButtonAriaLabel : this.i18n.showButtonAriaLabel;
-    }
-    get suffixDefaultTemplate() {
-        return html `
-      <cds-control-action @click=${() => this.togglePasswordVisibility()} aria-label="${this.ariaLabel}">
-        <cds-icon shape="${this.showPassword ? 'eye-hide' : 'eye'}"></cds-icon>
-      </cds-control-action>
-    `;
-    }
-    static get styles() {
-        return [...super.styles, inputStyles];
-    }
-    togglePasswordVisibility() {
-        this.showPassword = !this.showPassword;
-        this.inputControl.type = this.showPassword ? 'text' : 'password';
-        this.inputControl.focus();
-    }
-}
-__decorate([
-    internalProperty()
-], CdsPassword.prototype, "showPassword", void 0);
-__decorate([
-    i18n()
-], CdsPassword.prototype, "i18n", void 0);
-//# sourceMappingURL=password.element.js.map
+import{__decorate as s}from"tslib";import{html as o}from"lit";import{I18nService as t,state as i,i18n as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as a}from"@cds/core/input";import{ClarityIcons as c}from"@cds/core/icon/icon.service.js";import{eyeIcon as d}from"@cds/core/icon/shapes/eye.js";import{eyeHideIcon as n}from"@cds/core/icon/shapes/eye-hide.js";class h extends e{constructor(){super(),this.showPassword=!1,this.i18n=t.keys.password,c.addIcons(d,n)}get ariaLabel(){return this.showPassword?this.i18n.hideButtonAriaLabel:this.i18n.showButtonAriaLabel}get suffixDefaultTemplate(){return o`<cds-control-action @click="${()=>this.togglePasswordVisibility()}" aria-label="${this.ariaLabel}"><cds-icon shape="${this.showPassword?"eye-hide":"eye"}"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,a]}togglePasswordVisibility(){this.showPassword=!this.showPassword,this.inputControl.type=this.showPassword?"text":"password",this.inputControl.focus()}}s([i()],h.prototype,"showPassword",void 0),s([r()],h.prototype,"i18n",void 0);export{h as CdsPassword};
+//# sourceMappingURL=password.element.js.map

package/password/password.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"password.element.js","sourceRoot":"","sources":["../../../src/password/password.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,OAAO,WAAY,SAAQ,UAAU;IAKzC;QACE,KAAK,EAAE,CAAC;QALkB,iBAAY,GAAG,KAAK,CAAC;QAEzC,SAAI,GAAG,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;QAIvC,YAAY,CAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAC9C,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC;IAC3F,CAAC;IAED,IAAc,qBAAqB;QACjC,OAAO,IAAI,CAAA;mCACoB,GAAG,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,gBAAgB,IAAI,CAAC,SAAS;2BAC3E,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;;KAE5D,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACxC,CAAC;IAED,wBAAwB;QACtB,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;QACvC,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;QACjE,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;IAC5B,CAAC;CACF;AA9BqB;IAAnB,gBAAgB,EAAE;iDAA8B;AAEzC;IAAP,IAAI,EAAE;yCAAkC","sourcesContent":["/*\n * Copyright (c) 2016-2021 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\nimport { internalProperty, html } from 'lit-element';\nimport { 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/**\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  @internalProperty() private showPassword = false;\n\n  @i18n() i18n = I18nService.keys.password;\n\n  constructor() {\n    super();\n    ClarityIcons.addIcons(eyeIcon, eyeHideIcon);\n  }\n\n  private get ariaLabel() {\n    return this.showPassword ? this.i18n.hideButtonAriaLabel : this.i18n.showButtonAriaLabel;\n  }\n\n  protected get suffixDefaultTemplate() {\n    return html`\n      <cds-control-action @click=${() => this.togglePasswordVisibility()} aria-label=\"${this.ariaLabel}\">\n        <cds-icon shape=\"${this.showPassword ? 'eye-hide' : 'eye'}\"></cds-icon>\n      </cds-control-action>\n    `;\n  }\n\n  static get styles() {\n    return [...super.styles, inputStyles];\n  }\n\n  togglePasswordVisibility() {\n    this.showPassword = !this.showPassword;\n    this.inputControl.type = this.showPassword ? 'text' : 'password';\n    this.inputControl.focus();\n  }\n}\n"]}
+{"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","ariaLabel","hideButtonAriaLabel","showButtonAriaLabel","suffixDefaultTemplate","html","togglePasswordVisibility","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,gBACI,OAAOV,KAAKC,aAAeD,KAAKE,KAAKS,oBAAsBX,KAAKE,KAAKU,oBAEzEC,4BACI,OAAOC,CAAK,+BACe,IAAMd,KAAKe,2CAA0Cf,KAAKU,+BAClEV,KAAKC,aAAe,WAAa,0CAIxDe,oBACI,MAAO,IAAIjB,MAAMiB,OAAQC,GAE7BnB,2BACIE,KAAKC,cAAgBD,KAAKC,aAC1BD,KAAKkB,aAAaC,KAAOnB,KAAKC,aAAe,OAAS,WACtDD,KAAKkB,aAAaE,SAG1BC,EAAW,CACPC,KACD1B,EAAY2B,UAAW,oBAAgB,GAC1CF,EAAW,CACPnB,KACDN,EAAY2B,UAAW,YAAQ"}

package/password/register.js

@@ -1,11 +1,2 @@
-/*
- * Copyright (c) 2016-2020 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.
- */
-import { registerElementSafely } from '@cds/core/internal';
-import { CdsPassword } from './password.element.js';
-import '@cds/core/forms/register.js';
-import '@cds/core/icon/register.js';
-registerElementSafely('cds-password', CdsPassword);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsPassword as s}from"./password.element.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";r("cds-password",s);
+//# sourceMappingURL=register.js.map

package/password/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/password/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AAEpC,qBAAqB,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 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\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsPassword } from './password.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/icon/register.js';\n\nregisterElementSafely('cds-password', CdsPassword);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-password': CdsPassword;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/password/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsPassword"],"mappings":"sLASAA,EAAsB,eAAgBC"}

package/progress-circle/index.js

@@ -1,7 +1,2 @@
-/*
- * Copyright (c) 2016-2020 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.
- */
-export * from './progress-circle.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsProgressCircle}from"./progress-circle.element.js";
+//# sourceMappingURL=index.js.map

package/progress-circle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/progress-circle/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,8BAA8B,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 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\nexport * from './progress-circle.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/progress-circle/progress-circle.element.d.ts

@@ -1,5 +1,5 @@
 import { StatusTypes } from '@cds/core/internal';
-import { LitElement } from 'lit-element';
+import { LitElement } from 'lit';
 /**
  * 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.
@@ -57,6 +57,6 @@ export declare class CdsProgressCircle extends LitElement {
     private setAriaAttributes;
     connectedCallback(): void;
     updated(props: Map<string, any>): void;
-    render(): import("lit-element").TemplateResult;
-    static get styles(): import("lit-element").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResultGroup[];
 }

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

@@ -1,166 +1,2 @@
-/*
- * 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.
- */
-import { __decorate } from "tslib";
-import { baseStyles, hasStringPropertyChanged, property, setAttributes, updateEquilateralSizeStyles, } from '@cds/core/internal';
-import { html, LitElement } from 'lit-element';
-import isNil from 'ramda/es/isNil.js';
-import { styles } from './progress-circle.element.css.js';
-/**
- * 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.
- *
- * ```typescript
- * import '@cds/core/progress-circle/register.js';
- * ```
- *
- * ```html
- * <cds-progress-circle status="info" value="25"></cds-progress-circle>
- * ```
- *
- * @element cds-progress-circle
- * @cssprop --ring-color
- * @cssprop --ring-opacity
- * @cssprop --fill-color
- * @cssprop --fill-speed
- */
-export class CdsProgressCircle extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * @type {neutral | info | success | warning | danger}
-         * Sets the color of the badge
-         */
-        this.status = 'neutral';
-        /**
-         * Inverts color of circular progress bar if `true`.
-         * Useful for displaying icons on a dark background.
-         */
-        this.inverse = false;
-        /**
-         * Represents the thickness of the stroke of the circular progress.
-         *
-         * If undefined, it defaults to 3.
-         */
-        this.line = 3;
-    }
-    get radius() {
-        // 36 is the default viewbox dimensions; half of 36 is 18
-        // we need to keep this so that circular-progress remains aligned with our icons
-        // we shouldn't change it unless we change the default viewbox of the icons!
-        const halfOfViewbox = 18;
-        // line offset takes the width/thickness of the progress circle into account
-        const lineOffset = Math.ceil(this.line / 2);
-        return halfOfViewbox - lineOffset;
-    }
-    get circumference() {
-        return 2 * Math.PI * this.radius;
-    }
-    /** @private */
-    get progress() {
-        const defaultProgress = 30;
-        return isNil(this.value) ? defaultProgress : this.value;
-    }
-    // Manages the progress fill.
-    get progressOffset() {
-        const progressMax = 100;
-        return ((progressMax - this.progress) / progressMax) * this.circumference;
-    }
-    get size() {
-        return this._size;
-    }
-    /**
-     * @type {string | sm | md | lg | xl | xxl}
-     * Apply numerical width-height or a t-shirt-sized CSS classname
-     */
-    set size(val) {
-        if (hasStringPropertyChanged(val, this._size)) {
-            const oldVal = this._size;
-            this._size = val;
-            updateEquilateralSizeStyles(this, val);
-            this.requestUpdate('size', oldVal);
-        }
-    }
-    setAriaAttributes() {
-        const currentValue = this.value;
-        const ariaAttrsIfValue = [
-            ['role', 'progressbar'],
-            ['aria-valuemin', '0'],
-            ['aria-valuemax', '100'],
-            ['aria-valuenow', currentValue + ''],
-        ];
-        const ariaAttrsNoValue = [
-            ['role', 'img'],
-            ['aria-valuemin', false],
-            ['aria-valuemax', false],
-            ['aria-valuenow', false],
-        ];
-        const attrsToSet = isNil(currentValue) ? ariaAttrsNoValue : ariaAttrsIfValue;
-        setAttributes(this, ...attrsToSet);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAriaAttributes();
-    }
-    updated(props) {
-        super.updated(props);
-        if (props.has('value')) {
-            this.setAriaAttributes();
-        }
-    }
-    render() {
-        return html `
-      <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 [baseStyles, styles];
-    }
-}
-__decorate([
-    property({ type: String })
-], CdsProgressCircle.prototype, "status", void 0);
-__decorate([
-    property({ type: Boolean })
-], CdsProgressCircle.prototype, "inverse", void 0);
-__decorate([
-    property({ type: Number })
-], CdsProgressCircle.prototype, "value", void 0);
-__decorate([
-    property({ type: Number })
-], CdsProgressCircle.prototype, "line", void 0);
-__decorate([
-    property({ type: String })
-], CdsProgressCircle.prototype, "size", null);
-//# sourceMappingURL=progress-circle.element.js.map
+import{__decorate as e}from"tslib";import{hasStringPropertyChanged as s,updateEquilateralSizeStyles as t,setAttributes as r,baseStyles as i,property as a}from"@cds/core/internal";import{LitElement as o,html as l}from"lit";import u from"ramda/es/isNil.js";import n from"./progress-circle.element.scss.js";class h extends o{constructor(){super(...arguments),this.status="neutral",this.inverse=!1,this.line=3}get radius(){return 18-Math.ceil(this.line/2)}get circumference(){return 2*Math.PI*this.radius}get progress(){return u(this.value)?30:this.value}get progressOffset(){return(100-this.progress)/100*this.circumference}get size(){return this._size}set size(e){if(s(e,this._size)){const s=this._size;this._size=e,t(this,e),this.requestUpdate("size",s)}}setAriaAttributes(){const e=this.value,s=[["role","progressbar"],["aria-valuemin","0"],["aria-valuemax","100"],["aria-valuenow",e+""]],t=u(e)?[["role","img"],["aria-valuemin",!1],["aria-valuemax",!1],["aria-valuenow",!1]]:s;r(this,...t)}connectedCallback(){super.connectedCallback(),this.setAriaAttributes()}updated(e){super.updated(e),e.has("value")&&this.setAriaAttributes()}render(){return l`<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[i,n]}}e([a({type:String})],h.prototype,"status",void 0),e([a({type:Boolean})],h.prototype,"inverse",void 0),e([a({type:Number})],h.prototype,"value",void 0),e([a({type:Number})],h.prototype,"line",void 0),e([a({type:String})],h.prototype,"size",null);export{h 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","sourceRoot":"","sources":["../../../src/progress-circle/progress-circle.element.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (c) 2016-2021 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\nimport {\n  baseStyles,\n  hasStringPropertyChanged,\n  property,\n  setAttributes,\n  StatusTypes,\n  updateEquilateralSizeStyles,\n  HTMLAttributeTuple,\n} from '@cds/core/internal';\nimport { html, LitElement } from 'lit-element';\nimport isNil from 'ramda/es/isNil.js';\nimport { styles } from './progress-circle.element.css.js';\n\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  private _size: string;\n\n  /**\n   * @type {neutral | info | success | warning | danger}\n   * Sets the color of the badge\n   */\n  @property({ type: String })\n  status: StatusTypes = 'neutral';\n\n  /**\n   * Inverts color of circular progress bar if `true`.\n   * Useful for displaying icons on a dark background.\n   */\n  @property({ type: Boolean })\n  inverse = false;\n\n  /**\n   * Represents the percent completed from 0 to 100.\n   *\n   * If undefined, the progress-circle will be represented as an indeterminate\n   * progress indicator – a.k.a a \"spinner\".\n   */\n  @property({ type: Number })\n  value: number;\n\n  /**\n   * Represents the thickness of the stroke of the circular progress.\n   *\n   * If undefined, it defaults to 3.\n   */\n  @property({ type: Number })\n  line = 3;\n\n  private get radius() {\n    // 36 is the default viewbox dimensions; half of 36 is 18\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 = 18;\n\n    // line offset takes the width/thickness of the progress circle into account\n    const lineOffset = Math.ceil(this.line / 2);\n\n    return halfOfViewbox - lineOffset;\n  }\n\n  private get circumference() {\n    return 2 * Math.PI * this.radius;\n  }\n\n  /** @private */\n  get progress() {\n    const defaultProgress = 30;\n    return isNil(this.value) ? defaultProgress : this.value;\n  }\n\n  // Manages the progress fill.\n  private get progressOffset() {\n    const progressMax = 100;\n    return ((progressMax - this.progress) / progressMax) * this.circumference;\n  }\n\n  get size() {\n    return this._size;\n  }\n\n  /**\n   * @type {string | sm | md | lg | xl | xxl}\n   * Apply numerical width-height or a t-shirt-sized CSS classname\n   */\n  @property({ type: String })\n  set size(val: string) {\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  private setAriaAttributes() {\n    const currentValue = this.value;\n    const ariaAttrsIfValue: HTMLAttributeTuple[] = [\n      ['role', 'progressbar'],\n      ['aria-valuemin', '0'],\n      ['aria-valuemax', '100'],\n      ['aria-valuenow', currentValue + ''],\n    ];\n    const ariaAttrsNoValue: HTMLAttributeTuple[] = [\n      ['role', 'img'],\n      ['aria-valuemin', false],\n      ['aria-valuemax', false],\n      ['aria-valuenow', false],\n    ];\n    const attrsToSet = isNil(currentValue) ? ariaAttrsNoValue : ariaAttrsIfValue;\n\n    setAttributes(this, ...attrsToSet);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAriaAttributes();\n  }\n\n  updated(props: Map<string, any>) {\n    super.updated(props);\n    if (props.has('value')) {\n      this.setAriaAttributes();\n    }\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\n  static get styles() {\n    return [baseStyles, styles];\n  }\n}\n"]}
+{"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","radius","Math","ceil","circumference","PI","progress","isNil","value","progressOffset","size","_size","val","hasStringPropertyChanged","oldVal","updateEquilateralSizeStyles","requestUpdate","currentValue","ariaAttrsIfValue","attrsToSet","setAttributes","connectedCallback","setAriaAttributes","props","updated","has","html","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","Number"],"mappings":"gTA4BO,MAAMA,UAA0BC,EACnCC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UAKdD,KAAKE,SAAU,EAMfF,KAAKG,KAAO,EAEhBC,aAOI,OAHsB,GAEHC,KAAKC,KAAKN,KAAKG,KAAO,GAG7CI,oBACI,OAAO,EAAIF,KAAKG,GAAKR,KAAKI,OAG9BK,eAEI,OAAOC,EAAMV,KAAKW,OADM,GACqBX,KAAKW,MAGtDC,qBAEI,OADoB,IACGZ,KAAKS,UADR,IACmCT,KAAKO,cAEhEM,WACI,OAAOb,KAAKc,MAMhBD,SAASE,GACL,GAAIC,EAAyBD,EAAKf,KAAKc,OAAQ,CAC3C,MAAMG,EAASjB,KAAKc,MACpBd,KAAKc,MAAQC,EACbG,EAA4BlB,KAAMe,GAClCf,KAAKmB,cAAc,OAAQF,IAGnCpB,oBACI,MAAMuB,EAAepB,KAAKW,MACpBU,EAAmB,CACrB,CAAC,OAAQ,eACT,CAAC,gBAAiB,KAClB,CAAC,gBAAiB,OAClB,CAAC,gBAAiBD,EAAe,KAQ/BE,EAAaZ,EAAMU,GANA,CACrB,CAAC,OAAQ,OACT,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,IAEsCC,EAC5DE,EAAcvB,QAASsB,GAE3BzB,oBACIC,MAAM0B,oBACNxB,KAAKyB,oBAET5B,QAAQ6B,GACJ5B,MAAM6B,QAAQD,GACVA,EAAME,IAAI,UACV5B,KAAKyB,oBAGb5B,SACI,OAAOgC,CAAK,+QAYU7B,KAAKG,wCAIhBH,KAAKI,kBACDJ,KAAKS,SAAW,GAAK,YAAc,wCAG1BT,KAAKI,YAAYJ,KAAKI,UAAUJ,KAAKI,kBAAkB,EAAIJ,KAAKI,YAAYJ,KAC/FI,UAAUJ,KAAKI,mBAAmB,EAAIJ,KAAKI,sDAE1BJ,KAAKG,2BACDH,KAAKO,qCACJP,KAAKY,kDAQpCkB,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxC,EAAkByC,UAAW,cAAU,GAC1CJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClB1C,EAAkByC,UAAW,eAAW,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClB3C,EAAkByC,UAAW,aAAS,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClB3C,EAAkByC,UAAW,YAAQ,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxC,EAAkByC,UAAW,OAAQ"}

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

@@ -0,0 +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;
+//# sourceMappingURL=progress-circle.element.scss.js.map

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

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

package/progress-circle/register.js

@@ -1,9 +1,2 @@
-/*
- * Copyright (c) 2016-2020 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.
- */
-import { registerElementSafely } from '@cds/core/internal';
-import { CdsProgressCircle } from './progress-circle.element.js';
-registerElementSafely('cds-progress-circle', CdsProgressCircle);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsProgressCircle as e}from"./progress-circle.element.js";r("cds-progress-circle",e);
+//# sourceMappingURL=register.js.map

package/progress-circle/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/progress-circle/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEjE,qBAAqB,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 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\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsProgressCircle } from './progress-circle.element.js';\n\nregisterElementSafely('cds-progress-circle', CdsProgressCircle);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-progress-circle': CdsProgressCircle;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/progress-circle/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsProgressCircle"],"mappings":"4HAOAA,EAAsB,sBAAuBC"}

package/radio/index.js

@@ -1,8 +1,2 @@
-/*
- * Copyright (c) 2016-2020 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.
- */
-export * from './radio.element.js';
-export * from './radio-group.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsRadio}from"./radio.element.js";export{CdsRadioGroup}from"./radio-group.element.js";import"@cds/core/forms";
+//# sourceMappingURL=index.js.map

package/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 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\nexport * from './radio.element.js';\nexport * from './radio-group.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/radio/radio-group.element.d.ts

@@ -28,7 +28,7 @@ import { CdsRadio } from './radio.element.js';
 export declare class CdsRadioGroup extends CdsInternalControlGroup {
     protected controls: NodeListOf<CdsRadio>;
     protected radioName: string;
-    static get styles(): import("lit-element").CSSResult[];
+    static get styles(): import("lit").CSSResultGroup[];
     firstUpdated(props: Map<string, any>): void;
     private associateRadioControls;
     private syncRadioControls;

package/radio/radio-group.element.js

@@ -1,61 +1,2 @@
-/*
- * 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.
- */
-import { __decorate } from "tslib";
-import { querySlotAll, id } from '@cds/core/internal';
-import { CdsInternalControlGroup } from '@cds/core/forms';
-/**
- * Radio Group
- *
- * ```typescript
- * import '@cds/core/radio/register.js';
- * ```
- *
- * ```html
- * <cds-radio-group>
- *   <label>radio group</label>
- *   <cds-radio>
- *     <label>item 1</label>
- *     <input type="radio" />
- *   </cds-radio>
- *
- *   <cds-radio>
- *     <label>item 2</label>
- *     <input type="radio" />
- *   </cds-radio>
- * </cds-radio-group>
- * ```
- *
- * @element cds-radio-group
- * @slot - For projecting cds-radio controls
- */
-export class CdsRadioGroup extends CdsInternalControlGroup {
-    static get styles() {
-        return [...super.styles];
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this.associateRadioControls();
-        this.syncRadioControls();
-    }
-    associateRadioControls() {
-        this.controls.forEach(radio => radio && radio.inputControl.setAttribute('name', this.radioName));
-    }
-    syncRadioControls() {
-        this.controls.forEach(c => c.addEventListener('checkedChange', (e) => {
-            if (e.detail) {
-                Array.from(this.controls).forEach(c => (c.inputControl.checked = false));
-                e.target.inputControl.checked = true;
-            }
-        }));
-    }
-}
-__decorate([
-    querySlotAll('cds-radio')
-], CdsRadioGroup.prototype, "controls", void 0);
-__decorate([
-    id()
-], CdsRadioGroup.prototype, "radioName", void 0);
-//# sourceMappingURL=radio-group.element.js.map
+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.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")],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","sourceRoot":"","sources":["../../../src/radio/radio-group.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAG1D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,OAAO,aAAc,SAAQ,uBAAuB;IAKxD,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC;IAED,YAAY,CAAC,KAAuB;QAClC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAEO,sBAAsB;QAC5B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IACnG,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CACxB,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,CAAC,CAAM,EAAE,EAAE;YAC7C,IAAI,CAAC,CAAC,MAAM,EAAE;gBACZ,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;gBACzE,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;aACtC;QACH,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;CACF;AA5B4B;IAA1B,YAAY,CAAC,WAAW,CAAC;+CAA0C;AAE9D;IAAL,EAAE,EAAE;gDAA6B","sourcesContent":["/*\n * Copyright (c) 2016-2021 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\nimport { querySlotAll, id } from '@cds/core/internal';\nimport { CdsInternalControlGroup } from '@cds/core/forms';\nimport { CdsRadio } from './radio.element.js';\n\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  @querySlotAll('cds-radio') protected controls: NodeListOf<CdsRadio>;\n\n  @id() protected radioName: string;\n\n  static get styles() {\n    return [...super.styles];\n  }\n\n  firstUpdated(props: Map<string, any>) {\n    super.firstUpdated(props);\n    this.associateRadioControls();\n    this.syncRadioControls();\n  }\n\n  private associateRadioControls() {\n    this.controls.forEach(radio => radio && radio.inputControl.setAttribute('name', this.radioName));\n  }\n\n  private syncRadioControls() {\n    this.controls.forEach(c =>\n      c.addEventListener('checkedChange', (e: any) => {\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}\n"]}
+{"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,cACdzB,EAAc0B,UAAW,gBAAY,GACxCF,EAAW,CACPG,KACD3B,EAAc0B,UAAW,iBAAa"}

package/radio/radio.element.d.ts

@@ -21,5 +21,5 @@ import { CdsInternalControlInline } from '@cds/core/forms';
  * @cssprop --fill-box-shadow
  */
 export declare class CdsRadio extends CdsInternalControlInline {
-    static get styles(): import("lit-element").CSSResult[];
+    static get styles(): import("lit").CSSResultGroup[];
 }

package/radio/radio.element.js

@@ -1,34 +1,2 @@
-/*
- * 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.
- */
-import { CdsInternalControlInline } from '@cds/core/forms';
-import { styles } from './radio.element.css.js';
-/**
- * Radio
- *
- * ```typescript
- * import '@cds/core/radio/register.js';
- * ```
- *
- * ```html
- * <cds-radio>
- *   <label>Test</label>
- *   <input type="radio" />
- * </cds-radio>
- * ```
- *
- * @element cds-radio
- * @slot - For projecting radio input
- * @cssprop --width
- * @cssprop --height
- * @cssprop --border
- * @cssprop --fill-box-shadow
- */
-export class CdsRadio extends CdsInternalControlInline {
-    static get styles() {
-        return [...super.styles, styles];
-    }
-}
-//# sourceMappingURL=radio.element.js.map
+import{CdsInternalControlInline as s}from"@cds/core/forms";import e from"./radio.element.scss.js";class r extends s{static get styles(){return[...super.styles,e]}}export{r as CdsRadio};
+//# sourceMappingURL=radio.element.js.map

package/radio/radio.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.element.js","sourceRoot":"","sources":["../../../src/radio/radio.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,OAAO,QAAS,SAAQ,wBAAwB;IACpD,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,CAAC;CACF","sourcesContent":["/*\n * Copyright (c) 2016-2021 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\nimport { CdsInternalControlInline } from '@cds/core/forms';\nimport { styles } from './radio.element.css.js';\n\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}\n"]}
+{"version":3,"file":"radio.element.js","sources":["../../../src/radio/radio.element.ts"],"sourcesContent":null,"names":["CdsRadio","CdsInternalControlInline","styles","super"],"mappings":"kGA4BO,MAAMA,UAAiBC,EAC1BC,oBACI,MAAO,IAAIC,MAAMD,OAAQA"}

package/radio/radio.element.scss.js

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

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

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

package/radio/register.js

@@ -1,12 +1,2 @@
-/*
- * 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.
- */
-import { registerElementSafely } from '@cds/core/internal';
-import { CdsRadioGroup } from './radio-group.element.js';
-import { CdsRadio } from './radio.element.js';
-import '@cds/core/forms/register.js';
-registerElementSafely('cds-radio-group', CdsRadioGroup);
-registerElementSafely('cds-radio', CdsRadio);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsRadioGroup as o}from"./radio-group.element.js";import{CdsRadio as e}from"./radio.element.js";import"@cds/core/forms/register.js";r("cds-radio-group",o),r("cds-radio",e);
+//# sourceMappingURL=register.js.map

package/radio/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/radio/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,6BAA6B,CAAC;AAErC,qBAAqB,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;AACxD,qBAAqB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2021 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\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';\n\nregisterElementSafely('cds-radio-group', CdsRadioGroup);\nregisterElementSafely('cds-radio', CdsRadio);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-radio-group': CdsRadioGroup;\n    'cds-radio': CdsRadio;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/radio/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsRadioGroup","CdsRadio"],"mappings":"sMASAA,EAAsB,kBAAmBC,GACzCD,EAAsB,YAAaE"}

package/range/index.js

@@ -1,7 +1,2 @@
-/*
- * Copyright (c) 2016-2020 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.
- */
-export * from './range.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsRange}from"./range.element.js";
+//# sourceMappingURL=index.js.map

package/range/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/range/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,oBAAoB,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 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\nexport * from './range.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}