@cds/core 5.2.1 → 5.4.1

package/range/range.element.d.ts

@@ -26,9 +26,9 @@ import { CdsControl } from '@cds/core/forms';
  * @cssprop --thumb-height
  */
 export declare class CdsRange extends CdsControl {
-    static get styles(): import("lit-element").CSSResult[];
-    protected globalStyles: import("lit-element").CSSResult;
-    protected get inputTemplate(): import("lit-element").TemplateResult;
+    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;
     private setTrackWidth;
 }

package/range/range.element.js

@@ -1,64 +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 { __decorate } from "tslib";
-import { html } from 'lit-element';
-import { globalStyle } from '@cds/core/internal';
-import { CdsControl } from '@cds/core/forms';
-import { styles as globalStyles } from './range.global.css.js';
-import { styles } from './range.element.css.js';
-/**
- * Range
- *
- * ```typescript
- * import '@cds/core/range/register.js';
- * ```
- *
- * ```html
- * <cds-range>
- *   <label>range</label>
- *   <input type="range" />
- *   <cds-control-message>message text</cds-control-message>
- * </cds-range>
- * ```
- *
- * @element cds-range
- * @slot - For projecting range input
- * @cssprop --background
- * @cssprop --border-radius
- * @cssprop --track-background
- * @cssprop --track-fill-background
- * @cssprop --track-height
- * @cssprop --thumb-background
- * @cssprop --thumb-width
- * @cssprop --thumb-height
- */
-export class CdsRange extends CdsControl {
-    constructor() {
-        super(...arguments);
-        this.globalStyles = globalStyles;
-    }
-    static get styles() {
-        return [...super.styles, styles];
-    }
-    get inputTemplate() {
-        return html `<div class="input-track"></div>`;
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this.setTrackWidth();
-        this.inputControl.addEventListener('input', () => this.setTrackWidth());
-    }
-    setTrackWidth() {
-        const value = this.inputControl.valueAsNumber;
-        const min = this.inputControl.min ? parseInt(this.inputControl.min) : 0;
-        const max = this.inputControl.max ? parseInt(this.inputControl.max) : 100;
-        this.style.setProperty('--track-width', `${Math.floor(((value - min) / (max - min)) * 100)}%`);
-    }
-}
-__decorate([
-    globalStyle()
-], CdsRange.prototype, "globalStyles", void 0);
-//# sourceMappingURL=range.element.js.map
+import{__decorate as t}from"tslib";import{html as s}from"lit";import{globalStyle as r}from"@cds/core/internal";import{CdsControl as i}from"@cds/core/forms";import e from"./range.global.scss.js";import o from"./range.element.scss.js";class n extends i{constructor(){super(...arguments),this.globalStyles=e}static get styles(){return[...super.styles,o]}get inputTemplate(){return s`<div class="input-track"></div>`}firstUpdated(t){super.firstUpdated(t),this.setTrackWidth(),this.inputControl.addEventListener("input",(()=>this.setTrackWidth()))}setTrackWidth(){const t=this.inputControl.valueAsNumber,s=this.inputControl.min?parseInt(this.inputControl.min):0,r=this.inputControl.max?parseInt(this.inputControl.max):100;this.style.setProperty("--track-width",Math.floor((t-s)/(r-s)*100)+"%")}}t([r()],n.prototype,"globalStyles",void 0);export{n as CdsRange};
+//# sourceMappingURL=range.element.js.map

package/range/range.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.element.js","sourceRoot":"","sources":["../../../src/range/range.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QAK2B,iBAAY,GAAG,YAAY,CAAC;IAkBvD,CAAC;IAtBC,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,CAAC;IAID,IAAc,aAAa;QACzB,OAAO,IAAI,CAAA,iCAAiC,CAAC;IAC/C,CAAC;IAED,YAAY,CAAC,KAAuB;QAClC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAC1E,CAAC;IAEO,aAAa;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;QAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAC1E,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IACjG,CAAC;CACF;AAlBgB;IAAd,WAAW,EAAE;8CAAuC","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 { html } from 'lit-element';\nimport { globalStyle } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { styles as globalStyles } from './range.global.css.js';\nimport { styles } from './range.element.css.js';\n\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  static get styles() {\n    return [...super.styles, styles];\n  }\n\n  @globalStyle() protected globalStyles = globalStyles;\n\n  protected get inputTemplate() {\n    return html`<div class=\"input-track\"></div>`;\n  }\n\n  firstUpdated(props: Map<string, any>) {\n    super.firstUpdated(props);\n    this.setTrackWidth();\n    this.inputControl.addEventListener('input', () => this.setTrackWidth());\n  }\n\n  private 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"]}
+{"version":3,"file":"range.element.js","sources":["../../../src/range/range.element.ts"],"sourcesContent":null,"names":["CdsRange","CdsControl","[object Object]","super","arguments","this","globalStyles","styles","inputTemplate","html","props","firstUpdated","setTrackWidth","inputControl","addEventListener","value","valueAsNumber","min","parseInt","max","style","setProperty","Math","floor","__decorate","globalStyle","prototype"],"mappings":"yOAqCO,MAAMA,UAAiBC,EAC1BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EAExBC,oBACI,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BC,oBACI,OAAOC,CAAK,kCAEhBP,aAAaQ,GACTP,MAAMQ,aAAaD,GACnBL,KAAKO,gBACLP,KAAKQ,aAAaC,iBAAiB,SAAS,IAAMT,KAAKO,kBAE3DV,gBACI,MAAMa,EAAQV,KAAKQ,aAAaG,cAC1BC,EAAMZ,KAAKQ,aAAaI,IAAMC,SAASb,KAAKQ,aAAaI,KAAO,EAChEE,EAAMd,KAAKQ,aAAaM,IAAMD,SAASb,KAAKQ,aAAaM,KAAO,IACtEd,KAAKe,MAAMC,YAAY,gBAAoBC,KAAKC,OAAQR,EAAQE,IAAQE,EAAMF,GAAQ,KAA9C,MAGhDO,EAAW,CACPC,KACDzB,EAAS0B,UAAW,oBAAgB"}

package/range/range.element.scss.js

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

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

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

package/range/range.global.scss.js

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

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

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

package/range/register.js

@@ -1,10 +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 { CdsRange } from './range.element.js';
-import '@cds/core/forms/register.js';
-registerElementSafely('cds-range', CdsRange);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsRange as e}from"./range.element.js";import"@cds/core/forms/register.js";r("cds-range",e);
+//# sourceMappingURL=register.js.map

package/range/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/range/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,6BAA6B,CAAC;AAErC,qBAAqB,CAAC,WAAW,EAAE,QAAQ,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 { CdsRange } from './range.element.js';\nimport '@cds/core/forms/register.js';\n\nregisterElementSafely('cds-range', CdsRange);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-range': CdsRange;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/range/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsRange"],"mappings":"6IAQAA,EAAsB,YAAaC"}

package/search/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 './search.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsSearch}from"./search.element.js";
+//# sourceMappingURL=index.js.map

package/search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/search/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,qBAAqB,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 './search.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/search/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 { CdsSearch } from './search.element.js';
-import '@cds/core/forms/register.js';
-import '@cds/core/icon/register.js';
-registerElementSafely('cds-search', CdsSearch);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsSearch as e}from"./search.element.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";r("cds-search",e);
+//# sourceMappingURL=register.js.map

package/search/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/search/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AAEpC,qBAAqB,CAAC,YAAY,EAAE,SAAS,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 { CdsSearch } from './search.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/icon/register.js';\n\nregisterElementSafely('cds-search', CdsSearch);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-search': CdsSearch;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/search/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsSearch"],"mappings":"kLASAA,EAAsB,aAAcC"}

package/search/search.element.d.ts

@@ -28,8 +28,8 @@ import { CdsControl } from '@cds/core/forms';
  * @cssprop --transition
  */
 export declare class CdsSearch extends CdsControl {
-    protected globalStyles: import("lit-element").CSSResult;
-    protected get prefixDefaultTemplate(): import("lit-element").TemplateResult;
-    static get styles(): import("lit-element").CSSResult[];
+    protected globalStyles: import("lit").CSSResultGroup;
+    protected get prefixDefaultTemplate(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResultGroup[];
     constructor();
 }

package/search/search.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 { html } from 'lit-element';
-import { globalStyle } 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 { searchIcon } from '@cds/core/icon/shapes/search.js';
-import { styles as globalStyles } from './search.global.css.js';
-import { styles } from './search.element.css.js';
-/**
- * Search
- *
- * ```typescript
- * import '@cds/core/search/register.js';
- * ```
- *
- * ```html
- * <cds-search>
- *   <label>Search</label>
- *   <input type="search" />
- *   <cds-control-message>message text</cds-control-message>
- * </cds-search>
- * ```
- *
- * @element cds-search
- * @slot - For projecting search 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 CdsSearch extends CdsControl {
-    constructor() {
-        super();
-        this.globalStyles = globalStyles;
-        ClarityIcons.addIcons(searchIcon);
-    }
-    get prefixDefaultTemplate() {
-        return html `<cds-control-action readonly
-      ><cds-icon class="icon" shape="search" size="18"></cds-icon
-    ></cds-control-action>`;
-    }
-    static get styles() {
-        return [...super.styles, inputStyles, styles];
-    }
-}
-__decorate([
-    globalStyle()
-], CdsSearch.prototype, "globalStyles", void 0);
-//# sourceMappingURL=search.element.js.map
+import{__decorate as o}from"tslib";import{html as s}from"lit";import{globalStyle as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as t}from"@cds/core/icon/icon.service.js";import{searchIcon as i}from"@cds/core/icon/shapes/search.js";import l from"./search.global.scss.js";import m from"./search.element.scss.js";class n extends e{constructor(){super(),this.globalStyles=l,t.addIcons(i)}get prefixDefaultTemplate(){return s`<cds-control-action readonly="readonly"><cds-icon class="icon" shape="search" size="18"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c,m]}}o([r()],n.prototype,"globalStyles",void 0);export{n as CdsSearch};
+//# sourceMappingURL=search.element.js.map

package/search/search.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.element.js","sourceRoot":"","sources":["../../../src/search/search.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,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,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IAavC;QACE,KAAK,EAAE,CAAC;QAbe,iBAAY,GAAG,YAAY,CAAC;QAcnD,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IACpC,CAAC;IAbD,IAAc,qBAAqB;QACjC,OAAO,IAAI,CAAA;;2BAEY,CAAC;IAC1B,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC;CAMF;AAhBgB;IAAd,WAAW,EAAE;+CAAuC","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 { html } from 'lit-element';\nimport { globalStyle } 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 { searchIcon } from '@cds/core/icon/shapes/search.js';\nimport { styles as globalStyles } from './search.global.css.js';\nimport { styles } from './search.element.css.js';\n\n/**\n * Search\n *\n * ```typescript\n * import '@cds/core/search/register.js';\n * ```\n *\n * ```html\n * <cds-search>\n *   <label>Search</label>\n *   <input type=\"search\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-search>\n * ```\n *\n * @element cds-search\n * @slot - For projecting search input and label\n * @cssprop --background\n * @cssprop --background-size\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --outline\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --line-height\n * @cssprop --transition\n */\nexport class CdsSearch extends CdsControl {\n  @globalStyle() protected globalStyles = globalStyles;\n\n  protected get prefixDefaultTemplate() {\n    return html`<cds-control-action readonly\n      ><cds-icon class=\"icon\" shape=\"search\" size=\"18\"></cds-icon\n    ></cds-control-action>`;\n  }\n\n  static get styles() {\n    return [...super.styles, inputStyles, styles];\n  }\n\n  constructor() {\n    super();\n    ClarityIcons.addIcons(searchIcon);\n  }\n}\n"]}
+{"version":3,"file":"search.element.js","sources":["../../../src/search/search.element.ts"],"sourcesContent":null,"names":["CdsSearch","CdsControl","[object Object]","super","this","globalStyles","ClarityIcons","addIcons","searchIcon","prefixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"oZA0CO,MAAMA,UAAkBC,EAC3BC,cACIC,QACAC,KAAKC,aAAeA,EACpBC,EAAaC,SAASC,GAE1BC,4BACI,OAAOC,CAAK,2HAIhBC,oBACI,MAAO,IAAIR,MAAMQ,OAAQC,EAAaD,IAG9CE,EAAW,CACPC,KACDd,EAAUe,UAAW,oBAAgB"}

package/search/search.element.scss.js

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

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

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

package/search/search.global.scss.js

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

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

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

package/select/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 './select.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsSelect}from"./select.element.js";
+//# sourceMappingURL=index.js.map

package/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,qBAAqB,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 './select.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/select/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 { CdsSelect } from './select.element.js';
-import '@cds/core/forms/register.js';
-import '@cds/core/icon/register.js';
-registerElementSafely('cds-select', CdsSelect);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as e}from"@cds/core/internal";import{CdsSelect as r}from"./select.element.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";e("cds-select",r);
+//# sourceMappingURL=register.js.map

package/select/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/select/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AAEpC,qBAAqB,CAAC,YAAY,EAAE,SAAS,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 { CdsSelect } from './select.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/icon/register.js';\n\nregisterElementSafely('cds-select', CdsSelect);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-select': CdsSelect;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/select/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsSelect"],"mappings":"kLASAA,EAAsB,aAAcC"}

package/select/select.element.d.ts

@@ -31,9 +31,9 @@ import { CdsControl } from '@cds/core/forms';
  * @cssprop --transition
  */
 export declare class CdsSelect extends CdsControl {
-    protected get suffixDefaultTemplate(): import("lit-element").TemplateResult;
-    static get styles(): import("lit-element").CSSResult[];
-    protected globalStyles: import("lit-element").CSSResult;
+    protected get suffixDefaultTemplate(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResultGroup[];
+    protected globalStyles: import("lit").CSSResultGroup;
     protected multiple: boolean;
     constructor();
     firstUpdated(props: Map<string, any>): void;

package/select/select.element.js

@@ -1,71 +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 { __decorate } from "tslib";
-import { html } from 'lit-element';
-import { globalStyle, internalProperty, listenForAttributeChange } 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 { angleIcon } from '@cds/core/icon/shapes/angle.js';
-import { styles as globalStyles } from './select.global.css.js';
-import { styles } from './select.element.css.js';
-/**
- * Select
- *
- * ```typescript
- * import '@cds/core/select';
- * ```
- *
- * ```html
- * <cds-select>
- *   <label>Test</label>
- *   <select>
- *    <option>Option One</option>
- *    <option>Option Two</option>
- *    <option>Option Three</option>
- *   </select>
- * </cds-select>
- * ```
- *
- * @element cds-select
- * @slot - For projecting select 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 CdsSelect extends CdsControl {
-    constructor() {
-        super();
-        this.globalStyles = globalStyles;
-        this.multiple = false;
-        ClarityIcons.addIcons(angleIcon);
-    }
-    get suffixDefaultTemplate() {
-        return html `<cds-control-action readonly><cds-icon shape="angle" direction="down"></cds-icon></cds-control-action>`;
-    }
-    static get styles() {
-        return [...super.styles, inputStyles, styles];
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this.multiple = this.inputControl.hasAttribute('multiple');
-        this.observers.push(listenForAttributeChange(this.inputControl, 'multiple', val => (this.multiple = val !== null)));
-    }
-}
-__decorate([
-    globalStyle()
-], CdsSelect.prototype, "globalStyles", void 0);
-__decorate([
-    internalProperty({ type: Boolean, reflect: true })
-], CdsSelect.prototype, "multiple", void 0);
-//# sourceMappingURL=select.element.js.map
+import{__decorate as t}from"tslib";import{html as o}from"lit";import{listenForAttributeChange as e,globalStyle as s,state as r}from"@cds/core/internal";import{CdsControl as i}from"@cds/core/forms";import{inputStyles as l}from"@cds/core/input";import{ClarityIcons as c}from"@cds/core/icon/icon.service.js";import{angleIcon as p}from"@cds/core/icon/shapes/angle.js";import n from"./select.global.scss.js";import m from"./select.element.scss.js";class d extends i{constructor(){super(),this.globalStyles=n,this.multiple=!1,c.addIcons(p)}get suffixDefaultTemplate(){return o`<cds-control-action readonly="readonly"><cds-icon shape="angle" direction="down"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,l,m]}firstUpdated(t){super.firstUpdated(t),this.multiple=this.inputControl.hasAttribute("multiple"),this.observers.push(e(this.inputControl,"multiple",(t=>this.multiple=null!==t)))}}t([s()],d.prototype,"globalStyles",void 0),t([r({type:Boolean,reflect:!0})],d.prototype,"multiple",void 0);export{d as CdsSelect};
+//# sourceMappingURL=select.element.js.map

package/select/select.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.element.js","sourceRoot":"","sources":["../../../src/select/select.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC7F,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,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IAavC;QACE,KAAK,EAAE,CAAC;QALe,iBAAY,GAAG,YAAY,CAAC;QAES,aAAQ,GAAG,KAAK,CAAC;QAI7E,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;IAfD,IAAc,qBAAqB;QACjC,OAAO,IAAI,CAAA,wGAAwG,CAAC;IACtH,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC;IAWD,YAAY,CAAC,KAAuB;QAClC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC3D,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;IACtH,CAAC;CACF;AAdgB;IAAd,WAAW,EAAE;+CAAuC;AAED;IAAnD,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAA4B","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 { html } from 'lit-element';\nimport { globalStyle, internalProperty, listenForAttributeChange } 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 { angleIcon } from '@cds/core/icon/shapes/angle.js';\nimport { styles as globalStyles } from './select.global.css.js';\nimport { styles } from './select.element.css.js';\n\n/**\n * Select\n *\n * ```typescript\n * import '@cds/core/select';\n * ```\n *\n * ```html\n * <cds-select>\n *   <label>Test</label>\n *   <select>\n *    <option>Option One</option>\n *    <option>Option Two</option>\n *    <option>Option Three</option>\n *   </select>\n * </cds-select>\n * ```\n *\n * @element cds-select\n * @slot - For projecting select and label\n * @cssprop --background\n * @cssprop --background-size\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --outline\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --line-height\n * @cssprop --transition\n */\nexport class CdsSelect extends CdsControl {\n  protected get suffixDefaultTemplate() {\n    return html`<cds-control-action readonly><cds-icon shape=\"angle\" direction=\"down\"></cds-icon></cds-control-action>`;\n  }\n\n  static get styles() {\n    return [...super.styles, inputStyles, styles];\n  }\n\n  @globalStyle() protected globalStyles = globalStyles;\n\n  @internalProperty({ type: Boolean, reflect: true }) protected multiple = false;\n\n  constructor() {\n    super();\n    ClarityIcons.addIcons(angleIcon);\n  }\n\n  firstUpdated(props: Map<string, any>) {\n    super.firstUpdated(props);\n    this.multiple = this.inputControl.hasAttribute('multiple');\n    this.observers.push(listenForAttributeChange(this.inputControl, 'multiple', val => (this.multiple = val !== null)));\n  }\n}\n"]}
+{"version":3,"file":"select.element.js","sources":["../../../src/select/select.element.ts"],"sourcesContent":null,"names":["CdsSelect","CdsControl","[object Object]","super","this","globalStyles","multiple","ClarityIcons","addIcons","angleIcon","suffixDefaultTemplate","html","styles","inputStyles","props","firstUpdated","inputControl","hasAttribute","observers","push","listenForAttributeChange","val","__decorate","globalStyle","prototype","state","type","Boolean","reflect"],"mappings":"2bA6CO,MAAMA,UAAkBC,EAC3BC,cACIC,QACAC,KAAKC,aAAeA,EACpBD,KAAKE,UAAW,EAChBC,EAAaC,SAASC,GAE1BC,4BACI,OAAOC,CAAK,oHAEhBC,oBACI,MAAO,IAAIT,MAAMS,OAAQC,EAAaD,GAE1CV,aAAaY,GACTX,MAAMY,aAAaD,GACnBV,KAAKE,SAAWF,KAAKY,aAAaC,aAAa,YAC/Cb,KAAKc,UAAUC,KAAKC,EAAyBhB,KAAKY,aAAc,YAAYK,GAAQjB,KAAKE,SAAmB,OAARe,MAG5GC,EAAW,CACPC,KACDvB,EAAUwB,UAAW,oBAAgB,GACxCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC5B,EAAUwB,UAAW,gBAAY"}

package/select/select.element.scss.js

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

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

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

package/select/select.global.scss.js

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

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

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

package/styles/module.layout.css

@@ -124,6 +124,8 @@
   }
 }
 [cds-layout~=horizontal] {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -566,6 +568,8 @@
 }
 [cds-layout~=vertical] {
   width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -3658,6 +3662,8 @@
 }
 
 [cds-layout~="display:flex"] {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
   display: flex !important;
 }
 
@@ -3679,6 +3685,8 @@
   }
 
   [cds-layout~="display@sm:flex"] {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
     display: flex !important;
   }
 
@@ -3696,6 +3704,8 @@
   }
 
   [cds-layout~="display@md:flex"] {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
     display: flex !important;
   }
 
@@ -3713,6 +3723,8 @@
   }
 
   [cds-layout~="display@lg:flex"] {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
     display: flex !important;
   }
 
@@ -3730,6 +3742,8 @@
   }
 
   [cds-layout~="display@xl:flex"] {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
     display: flex !important;
   }
 
@@ -6877,4 +6891,4 @@
 *:after,
 :host {
   box-sizing: border-box;
-}
+}