@cds/core 5.2.1 → 5.4.1

package/table/table.css

@@ -0,0 +1,124 @@
+table[cds-table] {
+  --background: var(--cds-alias-object-container-background, var(--cds-global-color-white, white));
+  --color: var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));
+  --border-radius: var(--cds-alias-object-border-radius-100, calc((4 / 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-border-color, var(--cds-global-color-construction-200, #cbd4d8));
+  --header-background: var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));
+  --header-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));
+  --row-border: var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
+  --column-border: var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
+  --cell-padding: var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));
+}
+
+table[cds-table] {
+  background: var(--background);
+  color: var(--color);
+  border-collapse: separate;
+  border-spacing: 0;
+  margin: 0;
+  max-width: 100%;
+  width: 100%;
+}
+table[cds-table] td,
+table[cds-table] th {
+  padding: var(--cell-padding);
+  vertical-align: top;
+}
+table[cds-table] th {
+  color: var(--color);
+  background: var(--header-background);
+}
+table[cds-table] td {
+  background: var(--background);
+}
+table[cds-table] tfoot th {
+  border-top-width: 0;
+}
+
+table[cds-table~="border:all"] tr th,
+table[cds-table~="border:row"] tr th {
+  border-bottom: var(--header-border);
+}
+table[cds-table~="border:all"] tr td,
+table[cds-table~="border:row"] tr td {
+  border-bottom: var(--row-border);
+}
+
+table[cds-table~="border:all"] tr th:not(:last-child),
+table[cds-table~="border:col"] tr th:not(:last-child) {
+  border-right: var(--header-border);
+}
+table[cds-table~="border:all"] tr td:not(:last-child),
+table[cds-table~="border:col"] tr td:not(:last-child) {
+  border-right: var(--column-border);
+}
+
+table[cds-table~="border:all"] > caption + :nth-child(2) tr:first-of-type th,
+table[cds-table~="border:all"] > caption + :nth-child(2) tr:first-of-type td, table[cds-table~="border:all"] > :first-child > tr:first-of-type th,
+table[cds-table~="border:all"] > :first-child > tr:first-of-type td,
+table[cds-table~="border:outside"] > caption + :nth-child(2) tr:first-of-type th,
+table[cds-table~="border:outside"] > caption + :nth-child(2) tr:first-of-type td,
+table[cds-table~="border:outside"] > :first-child > tr:first-of-type th,
+table[cds-table~="border:outside"] > :first-child > tr:first-of-type td {
+  border-top: var(--border);
+}
+table[cds-table~="border:all"] tr th:first-child,
+table[cds-table~="border:all"] tr td:first-child,
+table[cds-table~="border:outside"] tr th:first-child,
+table[cds-table~="border:outside"] tr td:first-child {
+  border-left: var(--border);
+}
+table[cds-table~="border:all"] tr th:last-child,
+table[cds-table~="border:all"] tr td:last-child,
+table[cds-table~="border:outside"] tr th:last-child,
+table[cds-table~="border:outside"] tr td:last-child {
+  border-right: var(--border);
+}
+table[cds-table~="border:all"] tr:last-child td,
+table[cds-table~="border:outside"] tr:last-child td {
+  border-bottom: var(--border);
+}
+
+table[cds-table] > caption + :nth-child(2) tr:first-of-type :first-child, table[cds-table] > :first-child > tr:first-of-type :first-child {
+  border-top-left-radius: var(--border-radius);
+}
+table[cds-table] > caption + :nth-child(2) tr:first-of-type :last-child, table[cds-table] > :first-child > tr:first-of-type :last-child {
+  border-top-right-radius: var(--border-radius);
+}
+table[cds-table] > *:last-child > tr:last-of-type :first-child {
+  border-bottom-left-radius: var(--border-radius);
+}
+table[cds-table] > *:last-child > tr:last-of-type :last-child {
+  border-bottom-right-radius: var(--border-radius);
+}
+
+table[cds-table][cds-text~=left] th, table[cds-table][cds-text~=left] td {
+  text-align: left;
+}
+table[cds-table][cds-text~=right] th, table[cds-table][cds-text~=right] td {
+  text-align: right;
+}
+table[cds-table][cds-text~=center] th, table[cds-table][cds-text~=center] td {
+  text-align: center;
+}
+
+table[cds-table~=compact] {
+  --cell-padding: calc(var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) / 2) calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) / 2);
+}
+
+table[cds-table~=zebra] {
+  --header-background: var(--cds-alias-object-container-background-shade, var(--cds-global-color-construction-100, #e3eaed));
+}
+table[cds-table~=zebra] tbody tr:nth-child(2n) {
+  --background: var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));
+}
+
+table[cds-table~=vertical] tr td:first-child,
+table[cds-table~=vertical] tr th:first-child {
+  background: var(--header-background);
+  border-right: var(--header-border);
+}
+
+table[cds-table] tr[cds-text]::before {
+  content: none !important;
+}

package/table/table.min.css

@@ -0,0 +1 @@
+table[cds-table]{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / 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-border-color, var(--cds-global-color-construction-200, #cbd4d8));--header-background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--header-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));--row-border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--column-border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--cell-padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));color:var(--color);border-collapse:separate;border-spacing:0;margin:0;max-width:100%;width:100%}table[cds-table] td,table[cds-table] th{padding:var(--cell-padding);vertical-align:top}table[cds-table] th{color:var(--color);background:var(--header-background)}table[cds-table],table[cds-table] td{background:var(--background)}table[cds-table] tfoot th{border-top-width:0}table[cds-table~="border:all"] tr th,table[cds-table~="border:row"] tr th{border-bottom:var(--header-border)}table[cds-table~="border:all"] tr td,table[cds-table~="border:row"] tr td{border-bottom:var(--row-border)}table[cds-table~="border:all"] tr th:not(:last-child),table[cds-table~="border:col"] tr th:not(:last-child){border-right:var(--header-border)}table[cds-table~="border:all"] tr td:not(:last-child),table[cds-table~="border:col"] tr td:not(:last-child){border-right:var(--column-border)}table[cds-table~="border:all"]>:first-child>tr:first-of-type td,table[cds-table~="border:all"]>:first-child>tr:first-of-type th,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type th,table[cds-table~="border:outside"]>:first-child>tr:first-of-type td,table[cds-table~="border:outside"]>:first-child>tr:first-of-type th,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type th{border-top:var(--border)}table[cds-table~="border:all"] tr td:first-child,table[cds-table~="border:all"] tr th:first-child,table[cds-table~="border:outside"] tr td:first-child,table[cds-table~="border:outside"] tr th:first-child{border-left:var(--border)}table[cds-table~="border:all"] tr td:last-child,table[cds-table~="border:all"] tr th:last-child,table[cds-table~="border:outside"] tr td:last-child,table[cds-table~="border:outside"] tr th:last-child{border-right:var(--border)}table[cds-table~="border:all"] tr:last-child td,table[cds-table~="border:outside"] tr:last-child td{border-bottom:var(--border)}table[cds-table]>:first-child>tr:first-of-type :first-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :first-child{border-top-left-radius:var(--border-radius)}table[cds-table]>:first-child>tr:first-of-type :last-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :last-child{border-top-right-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :first-child{border-bottom-left-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :last-child{border-bottom-right-radius:var(--border-radius)}table[cds-table][cds-text~=left] td,table[cds-table][cds-text~=left] th{text-align:left}table[cds-table][cds-text~=right] td,table[cds-table][cds-text~=right] th{text-align:right}table[cds-table][cds-text~=center] td,table[cds-table][cds-text~=center] th{text-align:center}table[cds-table~=compact]{--cell-padding:calc(var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) / 2) calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) / 2)}table[cds-table~=zebra]{--header-background:var(--cds-alias-object-container-background-shade, var(--cds-global-color-construction-100, #e3eaed))}table[cds-table~=zebra] tbody tr:nth-child(2n){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8))}table[cds-table~=vertical] tr td:first-child,table[cds-table~=vertical] tr th:first-child{background:var(--header-background);border-right:var(--header-border)}table[cds-table] tr[cds-text]::before{content:none!important}

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

package/tag/index.js.map

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

package/tag/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 { ClarityIcons } from '@cds/core/icon/icon.service.js';
-import { timesIcon } from '@cds/core/icon/shapes/times.js';
-import { CdsTag } from './tag.element.js';
-registerElementSafely('cds-tag', CdsTag);
-ClarityIcons.addIcons(timesIcon);
-//# sourceMappingURL=register.js.map
+import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as r}from"@cds/core/icon/icon.service.js";import{timesIcon as c}from"@cds/core/icon/shapes/times.js";import{CdsTag as s}from"./tag.element.js";o("cds-tag",s),r.addIcons(c);
+//# sourceMappingURL=register.js.map

package/tag/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/tag/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,qBAAqB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAEzC,YAAY,CAAC,QAAQ,CAAC,SAAS,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 { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { timesIcon } from '@cds/core/icon/shapes/times.js';\nimport { CdsTag } from './tag.element.js';\n\nregisterElementSafely('cds-tag', CdsTag);\n\nClarityIcons.addIcons(timesIcon);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-tag': CdsTag;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/tag/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsTag","ClarityIcons","addIcons","timesIcon"],"mappings":"8NASAA,EAAsB,UAAWC,GACjCC,EAAaC,SAASC"}

package/tag/tag.element.d.ts

@@ -30,7 +30,7 @@ export declare class CdsTag extends CdsBaseButton {
     status: StatusTypes;
     /** Sets the color of the tag (and badge if present) from a predefined list of choices */
     color: 'gray' | 'purple' | 'blue' | 'orange' | 'light-blue';
-    static get styles(): import("lit-element").CSSResult[];
+    static get styles(): import("lit").CSSResultGroup[];
     /** If present, shows a close icon to one side of the tag.
      *  Note that applications must wire up the action to remove the tag on click and also
      *  that you cannot have a clickable AND closable tag. The closable attribute-property
@@ -42,5 +42,5 @@ export declare class CdsTag extends CdsBaseButton {
     private groupLabelId;
     connectedCallback(): void;
     updated(props: Map<string, string | boolean | null | undefined>): void;
-    render(): import("lit-element").TemplateResult;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/tag/tag.element.js

@@ -1,94 +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 { assignSlotNames, baseStyles, CdsBaseButton, id, property, syncProps } from '@cds/core/internal';
-import { html } from 'lit-element';
-import { styles } from './tag.element.css.js';
-/**
- * Tags show concise metadata in a compact format.
- * Tags are visually styled to differentiate them from buttons.
- *
- * ```typescript
- * import '@cds/core/tag/register.js';
- * ```
- *
- * ```html
- * <cds-tag status="info">Info</cds-tag>
- * ```
- *
- * @element cds-tag
- * @slot - Content slot for inside the tag
- * @cssprop --background
- * @cssprop --border-color
- * @cssprop --border-radius
- * @cssprop --border-width
- * @cssprop --color
- * @cssprop --font-size
- * @cssprop --padding
- * @cssprop --size
- */
-export class CdsTag extends CdsBaseButton {
-    constructor() {
-        super(...arguments);
-        /**
-         * @type {neutral | info | success | warning | danger}
-         * Sets the color of the tag (and badge if present) from the following predefined list of statuses:
-         */
-        this.status = 'neutral';
-        /** If present, shows a close icon to one side of the tag.
-         *  Note that applications must wire up the action to remove the tag on click and also
-         *  that you cannot have a clickable AND closable tag. The closable attribute-property
-         *  shows the close icon. What happens when the tag is clicked is for application developers
-         *  to decide.
-         *  If closable is present, the tag will be considered "clickable".
-         */
-        this.closable = false;
-    }
-    static get styles() {
-        return [baseStyles, styles];
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        assignSlotNames([this.icon, 'tag-icon'], [this.badge, 'tag-badge']);
-    }
-    updated(props) {
-        super.updated(props);
-        if (props.has('closable') && props.get('closable') === true) {
-            this.readonly = false;
-        }
-        if (this.badge) {
-            syncProps(this.badge, this, { status: props.has('status'), color: props.has('color') });
-        }
-    }
-    render() {
-        return html `
-      <div
-        class="private-host"
-        role="group"
-        aria-labelledby="${this.groupLabelId}"
-        cds-layout="horizontal align:vertical-center"
-      >
-        <slot name="tag-icon"></slot>
-        <span id="${this.groupLabelId}" class="tag-content" cds-text="lhe"><slot></slot></span>
-        <slot name="tag-badge"></slot>
-        ${this.closable ? html `<cds-icon shape="times"></cds-icon>` : html ``}
-      </div>
-    `;
-    }
-}
-__decorate([
-    property({ type: String })
-], CdsTag.prototype, "status", void 0);
-__decorate([
-    property({ type: String })
-], CdsTag.prototype, "color", void 0);
-__decorate([
-    property({ type: Boolean })
-], CdsTag.prototype, "closable", void 0);
-__decorate([
-    id()
-], CdsTag.prototype, "groupLabelId", void 0);
-//# sourceMappingURL=tag.element.js.map
+import{__decorate as t}from"tslib";import{CdsBaseButton as s,baseStyles as e,assignSlotNames as o,syncProps as a,property as l,id as r}from"@cds/core/internal";import{html as i}from"lit";import c from"./tag.element.scss.js";class n extends s{constructor(){super(...arguments),this.status="neutral",this.closable=!1}static get styles(){return[e,c]}connectedCallback(){super.connectedCallback(),o([this.icon,"tag-icon"],[this.badge,"tag-badge"])}updated(t){super.updated(t),t.has("closable")&&!0===t.get("closable")&&(this.readonly=!1),this.badge&&a(this.badge,this,{status:t.has("status"),color:t.has("color")})}render(){return i`<div class="private-host" role="group" aria-labelledby="${this.groupLabelId}" cds-layout="horizontal align:vertical-center"><slot name="tag-icon"></slot><span id="${this.groupLabelId}" class="tag-content" cds-text="lhe"><slot></slot></span><slot name="tag-badge"></slot>${this.closable?i`<cds-icon shape="times"></cds-icon>`:i``}</div>`}}t([l({type:String})],n.prototype,"status",void 0),t([l({type:String})],n.prototype,"color",void 0),t([l({type:Boolean})],n.prototype,"closable",void 0),t([r()],n.prototype,"groupLabelId",void 0);export{n as CdsTag};
+//# sourceMappingURL=tag.element.js.map

package/tag/tag.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.element.js","sourceRoot":"","sources":["../../../src/tag/tag.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,EAAE,QAAQ,EAAe,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACtH,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,OAAO,MAAO,SAAQ,aAAa;IAAzC;;QACE;;;WAGG;QAEH,WAAM,GAAgB,SAAS,CAAC;QAUhC;;;;;;WAMG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAoCnB,CAAC;IAhDC,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC9B,CAAC;IAcD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IACtE,CAAC;IAED,OAAO,CAAC,KAAuD;QAC7D,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE;YAC3D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;SACvB;QAED,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;SACzF;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;2BAIY,IAAI,CAAC,YAAY;;;;oBAIxB,IAAI,CAAC,YAAY;;UAE3B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,qCAAqC,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;;KAEvE,CAAC;IACJ,CAAC;CACF;AAtDC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACK;AAIhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACiC;AAc5D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACX;AAEX;IAAL,EAAE,EAAE;4CAA8B","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 { assignSlotNames, baseStyles, CdsBaseButton, id, property, StatusTypes, syncProps } from '@cds/core/internal';\nimport { html } from 'lit-element';\nimport { styles } from './tag.element.css.js';\n\n/**\n * Tags show concise metadata in a compact format.\n * Tags are visually styled to differentiate them from buttons.\n *\n * ```typescript\n * import '@cds/core/tag/register.js';\n * ```\n *\n * ```html\n * <cds-tag status=\"info\">Info</cds-tag>\n * ```\n *\n * @element cds-tag\n * @slot - Content slot for inside the tag\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --size\n */\nexport class CdsTag extends CdsBaseButton {\n  /**\n   * @type {neutral | info | success | warning | danger}\n   * Sets the color of the tag (and badge if present) from the following predefined list of statuses:\n   */\n  @property({ type: String })\n  status: StatusTypes = 'neutral';\n\n  /** Sets the color of the tag (and badge if present) from a predefined list of choices */\n  @property({ type: String })\n  color: 'gray' | 'purple' | 'blue' | 'orange' | 'light-blue';\n\n  static get styles() {\n    return [baseStyles, styles];\n  }\n\n  /** If present, shows a close icon to one side of the tag.\n   *  Note that applications must wire up the action to remove the tag on click and also\n   *  that you cannot have a clickable AND closable tag. The closable attribute-property\n   *  shows the close icon. What happens when the tag is clicked is for application developers\n   *  to decide.\n   *  If closable is present, the tag will be considered \"clickable\".\n   */\n  @property({ type: Boolean })\n  closable = false;\n\n  @id() private groupLabelId: string;\n\n  connectedCallback() {\n    super.connectedCallback();\n    assignSlotNames([this.icon, 'tag-icon'], [this.badge, 'tag-badge']);\n  }\n\n  updated(props: Map<string, string | boolean | null | undefined>) {\n    super.updated(props);\n\n    if (props.has('closable') && props.get('closable') === true) {\n      this.readonly = false;\n    }\n\n    if (this.badge) {\n      syncProps(this.badge, this, { status: props.has('status'), color: props.has('color') });\n    }\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"private-host\"\n        role=\"group\"\n        aria-labelledby=\"${this.groupLabelId}\"\n        cds-layout=\"horizontal align:vertical-center\"\n      >\n        <slot name=\"tag-icon\"></slot>\n        <span id=\"${this.groupLabelId}\" class=\"tag-content\" cds-text=\"lhe\"><slot></slot></span>\n        <slot name=\"tag-badge\"></slot>\n        ${this.closable ? html`<cds-icon shape=\"times\"></cds-icon>` : html``}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"tag.element.js","sources":["../../../src/tag/tag.element.ts"],"sourcesContent":null,"names":["CdsTag","CdsBaseButton","[object Object]","super","arguments","this","status","closable","styles","baseStyles","connectedCallback","assignSlotNames","icon","badge","props","updated","has","get","readonly","syncProps","color","html","groupLabelId","__decorate","property","type","String","prototype","Boolean","id"],"mappings":"gOAgCO,MAAMA,UAAeC,EACxBC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UAQdD,KAAKE,UAAW,EAEpBC,oBACI,MAAO,CAACC,EAAYD,GAExBN,oBACIC,MAAMO,oBACNC,EAAgB,CAACN,KAAKO,KAAM,YAAa,CAACP,KAAKQ,MAAO,cAE1DX,QAAQY,GACJX,MAAMY,QAAQD,GACVA,EAAME,IAAI,cAAyC,IAA1BF,EAAMG,IAAI,cACnCZ,KAAKa,UAAW,GAEhBb,KAAKQ,OACLM,EAAUd,KAAKQ,MAAOR,KAAM,CAAEC,OAAQQ,EAAME,IAAI,UAAWI,MAAON,EAAME,IAAI,WAGpFd,SACI,OAAOmB,CAAK,2DAIOhB,KAAKiB,sGAIZjB,KAAKiB,sGAEfjB,KAAKE,SAAWc,CAAK,sCAAwCA,CAAK,YAK5EE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1B,EAAO2B,UAAW,cAAU,GAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1B,EAAO2B,UAAW,aAAS,GAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClB5B,EAAO2B,UAAW,gBAAY,GACjCJ,EAAW,CACPM,KACD7B,EAAO2B,UAAW,oBAAgB"}

package/tag/tag.element.scss.js

@@ -0,0 +1,2 @@
+import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-0, calc((10 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)));transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([_active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([_active]) .private-host{box-shadow:0 var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([_active]) .tag-content{transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #8a989e))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{box-shadow:none!important}:host([disabled]) .tag-content{transform:initial!important}`;export default o;
+//# sourceMappingURL=tag.element.scss.js.map

package/tag/tag.element.scss.js.map

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

package/test/index.js

@@ -1,8 +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.
- */
-/** @internal testing utilities */
-export * from './utils.js';
-//# sourceMappingURL=index.js.map
+export{componentIsStable,createTestElement,getComponentSlotContent,removeTestElement}from"./utils.js";import"lit";
+//# sourceMappingURL=index.js.map

package/test/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/test/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,kCAAkC;AAClC,cAAc,YAAY,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\n/** @internal testing utilities */\nexport * from './utils.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/test/utils.d.ts

@@ -1,4 +1,4 @@
-import { TemplateResult } from 'lit-html';
+import { TemplateResult } from 'lit';
 export declare function createTestElement(template?: TemplateResult): Promise<HTMLElement>;
 export declare function removeTestElement(element: HTMLElement): void;
 export declare function getComponentSlotContent(component: HTMLElement): {

package/test/utils.js

@@ -1,68 +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 { render } from 'lit-html';
-export function createTestElement(template) {
-    const element = document.createElement('div');
-    document.body.appendChild(element);
-    if (template) {
-        render(template, element);
-    }
-    return Promise.all(Array.from(document.querySelectorAll(':not(:defined)')).map(el => customElements.whenDefined(el.tagName))).then(() => element);
-}
-export function removeTestElement(element) {
-    element.remove();
-}
-export function getComponentSlotContent(component) {
-    var _a;
-    return Array.from((_a = component.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('slot')).reduce((acc, slot) => {
-        const name = slot.name.length > 0 ? slot.name : 'default';
-        acc[name] = slot.assignedNodes().reduce((p, n) => {
-            let returnDom = n.outerHTML;
-            returnDom = n.outerHTML ? n.outerHTML : n.textContent.trim();
-            return p + (returnDom ? returnDom : '');
-        }, '');
-        return acc;
-    }, {});
-}
-function retry(fn, maxTries = 10, promise, promiseObject = {
-    resolve: null,
-    reject: null,
-}) {
-    maxTries--;
-    promise =
-        promise ||
-            new Promise((resolve, reject) => {
-                promiseObject.resolve = resolve;
-                promiseObject.reject = reject;
-            });
-    fn()
-        .then((result) => {
-        promiseObject.resolve(result);
-    })
-        .catch(() => {
-        if (maxTries > 0) {
-            retry(fn, maxTries, promise, promiseObject);
-        }
-        else {
-            promiseObject.reject('Max attempts reached');
-        }
-    });
-    return promise;
-}
-export function componentIsStable(component) {
-    return retry(() => 
-    // eslint-disable-next-line no-async-promise-executor
-    new Promise(async (resolve, reject) => {
-        const stable = await component.updateComplete;
-        if (stable) {
-            resolve('success');
-        }
-        else {
-            reject('error');
-        }
-    }));
-}
-//# sourceMappingURL=utils.js.map
+import{render as e}from"lit";function t(t){const r=document.createElement("div");return document.body.appendChild(r),t&&e(t,r),Promise.all(Array.from(document.querySelectorAll(":not(:defined)")).map((e=>customElements.whenDefined(e.tagName)))).then((()=>r))}function r(e){e.remove()}function n(e){var t;return Array.from(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")).reduce(((e,t)=>(e[t.name.length>0?t.name:"default"]=t.assignedNodes().reduce(((e,t)=>{let r=t.outerHTML;return r=t.outerHTML?t.outerHTML:t.textContent.trim(),e+(r||"")}),""),e)),{})}function o(e,t=10,r,n={resolve:null,reject:null}){return t--,r=r||new Promise(((e,t)=>{n.resolve=e,n.reject=t})),e().then((e=>{n.resolve(e)})).catch((()=>{t>0?o(e,t,r,n):n.reject("Max attempts reached")})),r}function u(e){return o((()=>new Promise((async(t,r)=>{await e.updateComplete?t("success"):r("error")}))))}export{u as componentIsStable,t as createTestElement,n as getComponentSlotContent,r as removeTestElement};
+//# sourceMappingURL=utils.js.map

package/test/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/test/utils.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 { TemplateResult, render } from 'lit-html';\n\nexport function createTestElement(template?: TemplateResult): Promise<HTMLElement> {\n  const element = document.createElement('div');\n  document.body.appendChild(element);\n\n  if (template) {\n    render(template, element);\n  }\n\n  return Promise.all(\n    Array.from(document.querySelectorAll(':not(:defined)')).map(el => customElements.whenDefined(el.tagName))\n  ).then(() => element);\n}\n\nexport function removeTestElement(element: HTMLElement) {\n  element.remove();\n}\n\nexport function getComponentSlotContent(component: HTMLElement): { [name: string]: string } {\n  return Array.from(component.shadowRoot?.querySelectorAll('slot') as NodeListOf<HTMLSlotElement>).reduce(\n    (acc: { [name: string]: string }, slot: HTMLSlotElement) => {\n      const name = slot.name.length > 0 ? slot.name : 'default';\n      acc[name] = (slot.assignedNodes() as any[]).reduce((p, n) => {\n        let returnDom = n.outerHTML;\n        returnDom = n.outerHTML ? n.outerHTML : n.textContent.trim();\n        return p + (returnDom ? returnDom : '');\n      }, '');\n      return acc;\n    },\n    {}\n  );\n}\n\nfunction retry(\n  fn: any,\n  maxTries = 10,\n  promise?: Promise<any>,\n  promiseObject: { resolve: any; reject: any } = {\n    resolve: null,\n    reject: null,\n  }\n) {\n  maxTries--;\n\n  promise =\n    promise ||\n    new Promise((resolve, reject) => {\n      promiseObject.resolve = resolve;\n      promiseObject.reject = reject;\n    });\n\n  fn()\n    .then((result: any) => {\n      promiseObject.resolve(result);\n    })\n    .catch(() => {\n      if (maxTries > 0) {\n        retry(fn, maxTries, promise, promiseObject);\n      } else {\n        promiseObject.reject('Max attempts reached');\n      }\n    });\n\n  return promise;\n}\n\nexport function componentIsStable(component: any) {\n  return retry(\n    () =>\n      // eslint-disable-next-line no-async-promise-executor\n      new Promise(async (resolve, reject) => {\n        const stable = await component.updateComplete;\n        if (stable) {\n          resolve('success');\n        } else {\n          reject('error');\n        }\n      })\n  );\n}\n"]}
+{"version":3,"file":"utils.js","sources":["../../../src/test/utils.ts"],"sourcesContent":null,"names":["createTestElement","template","element","document","createElement","body","appendChild","render","Promise","all","Array","from","querySelectorAll","map","el","customElements","whenDefined","tagName","then","removeTestElement","remove","getComponentSlotContent","component","_a","shadowRoot","reduce","acc","slot","name","length","assignedNodes","p","n","returnDom","outerHTML","textContent","trim","retry","fn","maxTries","promise","promiseObject","resolve","reject","result","catch","componentIsStable","async","updateComplete"],"mappings":"6BAMO,SAASA,EAAkBC,GAC9B,MAAMC,EAAUC,SAASC,cAAc,OAKvC,OAJAD,SAASE,KAAKC,YAAYJ,GACtBD,GACAM,EAAON,EAAUC,GAEdM,QAAQC,IAAIC,MAAMC,KAAKR,SAASS,iBAAiB,mBAAmBC,KAAIC,GAAMC,eAAeC,YAAYF,EAAGG,YAAWC,MAAK,IAAMhB,IAEtI,SAASiB,EAAkBjB,GAC9BA,EAAQkB,SAEL,SAASC,EAAwBC,GACpC,IAAIC,EACJ,OAAOb,MAAMC,KAAqC,QAA/BY,EAAKD,EAAUE,kBAA+B,IAAPD,OAAgB,EAASA,EAAGX,iBAAiB,SAASa,QAAO,CAACC,EAAKC,KAEzHD,EADaC,EAAKC,KAAKC,OAAS,EAAIF,EAAKC,KAAO,WACpCD,EAAKG,gBAAgBL,QAAO,CAACM,EAAGC,KACxC,IAAIC,EAAYD,EAAEE,UAElB,OADAD,EAAYD,EAAEE,UAAYF,EAAEE,UAAYF,EAAEG,YAAYC,OAC/CL,GAAKE,GAAwB,MACrC,IACIP,IACR,IAEP,SAASW,EAAMC,EAAIC,EAAW,GAAIC,EAASC,EAAgB,CACvDC,QAAS,KACTC,OAAQ,OAqBR,OAnBAJ,IACAC,EACIA,GACI,IAAIhC,SAAQ,CAACkC,EAASC,KAClBF,EAAcC,QAAUA,EACxBD,EAAcE,OAASA,KAEnCL,IACKpB,MAAM0B,IACPH,EAAcC,QAAQE,MAErBC,OAAM,KACHN,EAAW,EACXF,EAAMC,EAAIC,EAAUC,EAASC,GAG7BA,EAAcE,OAAO,2BAGtBH,EAEJ,SAASM,EAAkBxB,GAC9B,OAAOe,GAAM,IAEb,IAAI7B,SAAQuC,MAAOL,EAASC,WACHrB,EAAU0B,eAE3BN,EAAQ,WAGRC,EAAO"}

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

package/test-dropdown/index.js.map

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

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

package/test-dropdown/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../src/test-dropdown/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,qBAAqB,CAAC,mBAAmB,EAAE,eAAe,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 { CdsTestDropdown } from './test-dropdown.element.js';\n\nregisterElementSafely('cds-test-dropdown', CdsTestDropdown);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-test-dropdown': CdsTestDropdown;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../src/test-dropdown/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsTestDropdown"],"mappings":"wHAOAA,EAAsB,oBAAqBC"}

package/test-dropdown/test-dropdown.element.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit-element';
+import { LitElement } from 'lit';
 /**
  * Dropdown, example test component. Do not use in production.
  *
@@ -27,8 +27,8 @@ export declare class CdsTestDropdown extends LitElement {
     set open(value: boolean);
     /** Set the dropdown button text */
     title: string;
-    static get styles(): import("lit-element").CSSResult[];
-    render(): import("lit-element").TemplateResult;
+    static get styles(): import("lit").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
     /** Toggle the current open state of the dropdown */
     toggle(): void;
 }

package/test-dropdown/test-dropdown.element.js

@@ -1,79 +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 { baseStyles, I18nService, event, property } from '@cds/core/internal';
-import { html, LitElement } from 'lit-element';
-import { styles } from './test-dropdown.element.css.js';
-/**
- * Dropdown, example test component. Do not use in production.
- *
- * ```typescript
- * import '@cds/core/test-dropdown';
- * ```
- *
- * ```html
- * <cds-test-dropdown title="click me!">
- *   Hello World
- * </cds-test-dropdown>
- * ```
- *
- * @beta
- * @slot - Content slot for dropdown content
- * @event {boolean} openChange - notify open state change of dropdown
- * @cssprop --border-color
- * @cssprop --background-color
- * @cssprop --text-color
- */
-export class CdsTestDropdown extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._open = false;
-        /** Set the dropdown button text */
-        this.title = 'dropdown';
-    }
-    get open() {
-        return this._open;
-    }
-    /** Set open to open or close the dropdown */
-    set open(value) {
-        if (value !== this._open) {
-            const old = this._open;
-            this._open = value;
-            this.requestUpdate('open', old);
-            this.openChange.emit(this.open);
-        }
-    }
-    static get styles() {
-        return [baseStyles, styles];
-    }
-    render() {
-        return html `
-      <div class="dropdown">
-        <button @click="${() => this.toggle()}" class="btn">${this.title}</button>
-        ${this.open
-            ? html ` <div>
-              ${I18nService.keys.dropdown.open}
-              <slot></slot>
-            </div>`
-            : ''}
-      </div>
-    `;
-    }
-    /** Toggle the current open state of the dropdown */
-    toggle() {
-        this.open = !this.open;
-    }
-}
-__decorate([
-    event()
-], CdsTestDropdown.prototype, "openChange", void 0);
-__decorate([
-    property({ type: Boolean })
-], CdsTestDropdown.prototype, "open", null);
-__decorate([
-    property({ type: String })
-], CdsTestDropdown.prototype, "title", void 0);
-//# sourceMappingURL=test-dropdown.element.js.map
+import{__decorate as t}from"tslib";import{baseStyles as e,I18nService as o,event as s,property as n}from"@cds/core/internal";import{LitElement as i,html as p}from"lit";import r from"./test-dropdown.element.scss.js";class l extends i{constructor(){super(...arguments),this._open=!1,this.title="dropdown"}get open(){return this._open}set open(t){if(t!==this._open){const e=this._open;this._open=t,this.requestUpdate("open",e),this.openChange.emit(this.open)}}static get styles(){return[e,r]}render(){return p`<div class="dropdown"><button @click="${()=>this.toggle()}" class="btn">${this.title}</button> ${this.open?p`<div>${o.keys.dropdown.open}<slot></slot></div>`:""}</div>`}toggle(){this.open=!this.open}}t([s()],l.prototype,"openChange",void 0),t([n({type:Boolean})],l.prototype,"open",null),t([n({type:String})],l.prototype,"title",void 0);export{l as CdsTestDropdown};
+//# sourceMappingURL=test-dropdown.element.js.map

package/test-dropdown/test-dropdown.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-dropdown.element.js","sourceRoot":"","sources":["../../../src/test-dropdown/test-dropdown.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAgB,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC5F,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAA/C;;QAGU,UAAK,GAAG,KAAK,CAAC;QAiBtB,mCAAmC;QAEnC,UAAK,GAAG,UAAU,CAAC;IAwBrB,CAAC;IAzCC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,6CAA6C;IAE7C,IAAI,IAAI,CAAC,KAAK;QACZ,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;YACxB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YAChC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjC;IACH,CAAC;IAMD,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;0BAEW,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,iBAAiB,IAAI,CAAC,KAAK;UAC9D,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;gBACA,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI;;mBAE3B;YACT,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;IAED,oDAAoD;IACpD,MAAM;QACJ,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACzB,CAAC;CACF;AA7CU;IAAR,KAAK,EAAE;mDAA2C;AAUnD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAQ3B;AAID;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACR","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 { baseStyles, I18nService, event, EventEmitter, property } from '@cds/core/internal';\nimport { html, LitElement } from 'lit-element';\n\nimport { styles } from './test-dropdown.element.css.js';\n\n/**\n * Dropdown, example test component. Do not use in production.\n *\n * ```typescript\n * import '@cds/core/test-dropdown';\n * ```\n *\n * ```html\n * <cds-test-dropdown title=\"click me!\">\n *   Hello World\n * </cds-test-dropdown>\n * ```\n *\n * @beta\n * @slot - Content slot for dropdown content\n * @event {boolean} openChange - notify open state change of dropdown\n * @cssprop --border-color\n * @cssprop --background-color\n * @cssprop --text-color\n */\nexport class CdsTestDropdown extends LitElement {\n  @event() private openChange: EventEmitter<boolean>;\n\n  private _open = false;\n\n  get open() {\n    return this._open;\n  }\n\n  /** Set open to open or close the dropdown */\n  @property({ type: Boolean })\n  set open(value) {\n    if (value !== this._open) {\n      const old = this._open;\n      this._open = value;\n      this.requestUpdate('open', old);\n      this.openChange.emit(this.open);\n    }\n  }\n\n  /** Set the dropdown button text */\n  @property({ type: String })\n  title = 'dropdown';\n\n  static get styles() {\n    return [baseStyles, styles];\n  }\n\n  render() {\n    return html`\n      <div class=\"dropdown\">\n        <button @click=\"${() => this.toggle()}\" class=\"btn\">${this.title}</button>\n        ${this.open\n          ? html` <div>\n              ${I18nService.keys.dropdown.open}\n              <slot></slot>\n            </div>`\n          : ''}\n      </div>\n    `;\n  }\n\n  /** Toggle the current open state of the dropdown */\n  toggle() {\n    this.open = !this.open;\n  }\n}\n"]}
+{"version":3,"file":"test-dropdown.element.js","sources":["../../../src/test-dropdown/test-dropdown.element.ts"],"sourcesContent":null,"names":["CdsTestDropdown","LitElement","[object Object]","super","arguments","this","_open","title","open","value","old","requestUpdate","openChange","emit","styles","baseStyles","html","toggle","I18nService","keys","dropdown","__decorate","event","prototype","property","type","Boolean","String"],"mappings":"uNA6BO,MAAMA,UAAwBC,EACjCC,cACIC,SAASC,WACTC,KAAKC,OAAQ,EAEbD,KAAKE,MAAQ,WAEjBC,WACI,OAAOH,KAAKC,MAGhBE,SAASC,GACL,GAAIA,IAAUJ,KAAKC,MAAO,CACtB,MAAMI,EAAML,KAAKC,MACjBD,KAAKC,MAAQG,EACbJ,KAAKM,cAAc,OAAQD,GAC3BL,KAAKO,WAAWC,KAAKR,KAAKG,OAGlCM,oBACI,MAAO,CAACC,EAAYD,GAExBZ,SACI,OAAOc,CAAK,yCAEM,IAAMX,KAAKY,yBAAyBZ,KAAKE,kBACzDF,KAAKG,KACDQ,CAAK,QACHE,EAAYC,KAAKC,SAASZ,0BAG5B,WAKVN,SACIG,KAAKG,MAAQH,KAAKG,MAG1Ba,EAAW,CACPC,KACDtB,EAAgBuB,UAAW,kBAAc,GAC5CF,EAAW,CACPG,EAAS,CAAEC,KAAMC,WAClB1B,EAAgBuB,UAAW,OAAQ,MACtCF,EAAW,CACPG,EAAS,CAAEC,KAAME,UAClB3B,EAAgBuB,UAAW,aAAS"}

package/test-dropdown/test-dropdown.element.scss.js

@@ -0,0 +1,2 @@
+import{css as r}from"lit";var o=r`:host{font-family:inherit;font-size:inherit;color:inherit;--border-color:hsl(0, 0%, 80%);--background:hsl(0, 0%, 80%);--color:hsl(0, 0%, 18%)}.dropdown div{border:1px solid var(--border-color);padding:.5rem;color:inherit;font-size:.75rem}.dropdown .btn{background:var(--background);color:var(--color);border-radius:.25rem;padding:.5rem;font-family:inherit;font-size:1rem;cursor:pointer;height:auto}`;export default o;
+//# sourceMappingURL=test-dropdown.element.scss.js.map

package/test-dropdown/test-dropdown.element.scss.js.map

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