@cds/core 5.2.1 → 5.4.1

package/internal/utils/string.js.map

@@ -1 +1 @@
-{"version":3,"file":"string.js","sourceRoot":"","sources":["../../../../src/internal/utils/string.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 { isNilOrEmpty, isNumericString } from './identity.js';\n\nexport function transformToString(delimiter: string, fns: any[], ...args: any[]): string {\n  return fns\n    .map(fn => {\n      return fn(...args);\n    })\n    .join(delimiter)\n    .trim();\n}\n\n// have to go this route because ramda curry throws typescript for loops\nexport function transformToSpacedString(fns: any[], ...args: any[]): string {\n  return transformToString(' ', fns, ...args);\n}\n\nexport function transformToUnspacedString(fns: any[], ...args: any[]): string {\n  return transformToString('', fns, ...args);\n}\n\nexport function camelCaseToKebabCase(value: string) {\n  return value.replace(/[A-Z]/g, l => `-${l.toLowerCase()}`);\n}\n\nexport function kebabCaseToCamelCase(str: string) {\n  return str\n    .split('-')\n    .map((item, index) => (index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item))\n    .join('');\n}\n\nexport function kebabCaseToPascalCase(string: string) {\n  const camelCase = kebabCaseToCamelCase(string);\n  return capitalizeFirstLetter(camelCase);\n}\n\n/**\n * Take a object map of css properties and if value concatenate string of all computed values\n * Useful for dynamic style tags in lit-html templates\n */\nexport function setStyles(styles: { [key: string]: string }) {\n  return createPropStyleSelectors(Object.keys(styles), styles);\n}\n\nexport function setPropStyles(styles: { [key: string]: string }) {\n  return createPropStyleSelectors(\n    Object.keys(styles).filter(prop => prop.startsWith('--')),\n    styles\n  );\n}\n\nfunction createPropStyleSelectors(props: string[], styles: { [key: string]: string }) {\n  return props.reduce((allStyles, prop) => `${allStyles}${styles[prop] ? `${prop}:${styles[prop]};` : ''}`, '');\n}\n\nexport function capitalizeFirstLetter(string: string) {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\n/** Used for Storybook docs to define knob group for css properties */\nexport const cssGroup = 'CSS Custom Properties';\n\n/** Used for Storybook docs to define knob group for JavaScript properties */\nexport const propertiesGroup = 'Default Properties';\n\nexport function getNumericValueFromCssSecondsStyleValue(styleValueInSeconds: string): number {\n  const secondsStringChecker = /(\\d+)?\\.?(\\d+)?s/g;\n  if (!styleValueInSeconds || !styleValueInSeconds.match(secondsStringChecker)) {\n    return 0; // validate expected input\n  }\n  const copyVal = styleValueInSeconds.substr(0, styleValueInSeconds.length - 1); // cut off trailing 's'\n\n  return isNumericString(copyVal) ? Number(copyVal) : 0;\n}\n\nexport function isPrefixedOrSuffixedBy(str: string, stringFix: string, prefixOrSuffix = 'prefix'): boolean {\n  if (isNilOrEmpty(stringFix) || isNilOrEmpty(str)) {\n    return false;\n  }\n  const myFixToTest = prefixOrSuffix === 'prefix' ? str.substr(0, stringFix.length) : str.substr(-1 * stringFix.length);\n  return myFixToTest === stringFix;\n}\n\nexport function isPrefixedBy(str: string, prefix: string): boolean {\n  return isPrefixedOrSuffixedBy(str, prefix, 'prefix');\n}\n\nexport function isSuffixedBy(str: string, suffix: string): boolean {\n  return isPrefixedOrSuffixedBy(str, suffix, 'suffix');\n}\n\nexport function removePrefixOrSuffix(str: string, stringFix: string, prefixOrSuffix = 'prefix'): string {\n  if (isNilOrEmpty(str)) {\n    return '';\n  }\n\n  if (isNilOrEmpty(stringFix) || !isPrefixedOrSuffixedBy(str, stringFix, prefixOrSuffix)) {\n    return str;\n  }\n\n  switch (prefixOrSuffix) {\n    case 'prefix':\n      return str.substr(stringFix.length);\n    case 'suffix':\n      return str.substr(0, str.length - stringFix.length);\n    default:\n      return str;\n  }\n}\n\nexport function removePrefix(str: string, prefix: string): string {\n  return removePrefixOrSuffix(str, prefix, 'prefix');\n}\n\nexport function removeSuffix(str: string, suffix: string): string {\n  return removePrefixOrSuffix(str, suffix, 'suffix');\n}\n"]}
+{"version":3,"file":"string.js","sources":["../../../../src/internal/utils/string.ts"],"sourcesContent":null,"names":["transformToString","delimiter","fns","args","map","fn","join","trim","transformToSpacedString","transformToUnspacedString","camelCaseToKebabCase","value","replace","l","toLowerCase","kebabCaseToCamelCase","str","split","item","index","charAt","toUpperCase","slice","kebabCaseToPascalCase","string","capitalizeFirstLetter","setStyles","styles","createPropStyleSelectors","Object","keys","setPropStyles","filter","prop","startsWith","props","reduce","allStyles","cssGroup","propertiesGroup","getNumericValueFromCssSecondsStyleValue","styleValueInSeconds","match","copyVal","substr","length","isNumericString","Number","isPrefixedOrSuffixedBy","stringFix","prefixOrSuffix","isNilOrEmpty","isPrefixedBy","prefix","isSuffixedBy","suffix","removePrefixOrSuffix","removePrefix","removeSuffix"],"mappings":"kEAMO,SAASA,EAAkBC,EAAWC,KAAQC,GACjD,OAAOD,EACFE,KAAIC,GACEA,KAAMF,KAEZG,KAAKL,GACLM,OAGF,SAASC,EAAwBN,KAAQC,GAC5C,OAAOH,EAAkB,IAAKE,KAAQC,GAEnC,SAASM,EAA0BP,KAAQC,GAC9C,OAAOH,EAAkB,GAAIE,KAAQC,GAElC,SAASO,EAAqBC,GACjC,OAAOA,EAAMC,QAAQ,UAAUC,GAAK,IAAIA,EAAEC,gBAEvC,SAASC,EAAqBC,GACjC,OAAOA,EACFC,MAAM,KACNb,KAAI,CAACc,EAAMC,IAAWA,EAAQD,EAAKE,OAAO,GAAGC,cAAgBH,EAAKI,MAAM,GAAGR,cAAgBI,IAC3FZ,KAAK,IAEP,SAASiB,EAAsBC,GAElC,OAAOC,EADWV,EAAqBS,IAOpC,SAASE,EAAUC,GACtB,OAAOC,EAAyBC,OAAOC,KAAKH,GAASA,GAElD,SAASI,EAAcJ,GAC1B,OAAOC,EAAyBC,OAAOC,KAAKH,GAAQK,QAAOC,GAAQA,EAAKC,WAAW,QAAQP,GAE/F,SAASC,EAAyBO,EAAOR,GACrC,OAAOQ,EAAMC,QAAO,CAACC,EAAWJ,IAAS,GAAGI,IAAYV,EAAOM,GAAQ,GAAGA,KAAQN,EAAOM,MAAW,MAAM,IAEvG,SAASR,EAAsBD,GAClC,OAAOA,EAAOJ,OAAO,GAAGC,cAAgBG,EAAOF,MAAM,GAG7C,MAACgB,EAAW,wBAEXC,EAAkB,qBACxB,SAASC,EAAwCC,GAEpD,IAAKA,IAAwBA,EAAoBC,MADpB,qBAEzB,OAAO,EAEX,MAAMC,EAAUF,EAAoBG,OAAO,EAAGH,EAAoBI,OAAS,GAC3E,OAAOC,EAAgBH,GAAWI,OAAOJ,GAAW,EAEjD,SAASK,EAAuBhC,EAAKiC,EAAWC,EAAiB,UACpE,OAAIC,EAAaF,KAAcE,EAAanC,KAGL,WAAnBkC,EAA8BlC,EAAI4B,OAAO,EAAGK,EAAUJ,QAAU7B,EAAI4B,QAAQ,EAAIK,EAAUJ,WACvFI,EAEpB,SAASG,EAAapC,EAAKqC,GAC9B,OAAOL,EAAuBhC,EAAKqC,EAAQ,UAExC,SAASC,EAAatC,EAAKuC,GAC9B,OAAOP,EAAuBhC,EAAKuC,EAAQ,UAExC,SAASC,EAAqBxC,EAAKiC,EAAWC,EAAiB,UAClE,GAAIC,EAAanC,GACb,MAAO,GAEX,GAAImC,EAAaF,KAAeD,EAAuBhC,EAAKiC,EAAWC,GACnE,OAAOlC,EAEX,OAAQkC,GACJ,IAAK,SACD,OAAOlC,EAAI4B,OAAOK,EAAUJ,QAChC,IAAK,SACD,OAAO7B,EAAI4B,OAAO,EAAG5B,EAAI6B,OAASI,EAAUJ,QAChD,QACI,OAAO7B,GAGZ,SAASyC,EAAazC,EAAKqC,GAC9B,OAAOG,EAAqBxC,EAAKqC,EAAQ,UAEtC,SAASK,EAAa1C,EAAKuC,GAC9B,OAAOC,EAAqBxC,EAAKuC,EAAQ"}

package/internal/utils/supports.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 { camelCaseToKebabCase } from './string.js';
-class BrowserFeatures {
-    constructor() {
-        this.supports = {
-            js: true,
-            flexGap: supportsFlexGap(),
-        };
-        if (!document.body.hasAttribute('cds-supports') || document.body.getAttribute('cds-supports') === 'no-js') {
-            const supports = camelCaseToKebabCase(Object.keys(this.supports).reduce((prev, next) => `${prev} ${this.supports[next] ? next : `no-${next}`}`, '')).trim();
-            document.body.setAttribute('cds-supports', supports);
-        }
-    }
-}
-export const browserFeatures = new BrowserFeatures();
-function supportsFlexGap() {
-    const flex = document.createElement('div');
-    flex.style.display = 'flex';
-    flex.style.flexDirection = 'column';
-    flex.style.rowGap = '1px';
-    // create two, elements inside it
-    flex.appendChild(document.createElement('div'));
-    flex.appendChild(document.createElement('div'));
-    // append to the DOM (needed to obtain scrollHeight)
-    document.body.appendChild(flex);
-    const isSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
-    flex.parentNode.removeChild(flex);
-    return isSupported;
-}
-//# sourceMappingURL=supports.js.map
+import{camelCaseToKebabCase as t}from"./string.js";const e=new class{constructor(){if(this.supports={js:!0,flexGap:s()},!document.body.hasAttribute("cds-supports")||"no-js"===document.body.getAttribute("cds-supports")){const e=t(Object.keys(this.supports).reduce(((t,e)=>`${t} ${this.supports[e]?e:"no-"+e}`),"")).trim();document.body.setAttribute("cds-supports",e)}}};function s(){const t=document.createElement("div");t.style.display="flex",t.style.flexDirection="column",t.style.rowGap="1px",t.appendChild(document.createElement("div")),t.appendChild(document.createElement("div")),document.body.appendChild(t);const e=1===t.scrollHeight;return t.parentNode.removeChild(t),e}export{e as browserFeatures};
+//# sourceMappingURL=supports.js.map

package/internal/utils/supports.js.map

@@ -1 +1 @@
-{"version":3,"file":"supports.js","sourceRoot":"","sources":["../../../../src/internal/utils/supports.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOnD,MAAM,eAAe;IAMnB;QALA,aAAQ,GAAG;YACT,EAAE,EAAE,IAAI;YACR,OAAO,EAAE,eAAe,EAAE;SAC3B,CAAC;QAGA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,OAAO,EAAE;YACzG,MAAM,QAAQ,GAAG,oBAAoB,CACnC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC/B,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,IAAI,IAAK,IAAI,CAAC,QAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,EAAE,EAC/E,EAAE,CACH,CACF,CAAC,IAAI,EAAE,CAAC;YACT,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;SACtD;IACH,CAAC;CACF;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;AAErD,SAAS,eAAe;IACtB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5B,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;IACpC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;IAE1B,iCAAiC;IACjC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAChD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhD,oDAAoD;IACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,qDAAqD;IACjG,IAAI,CAAC,UAAsB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,WAAW,CAAC;AACrB,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 { camelCaseToKebabCase } from './string.js';\n\nexport interface FeatureSupportMatrix {\n  js?: boolean;\n  flexGap?: boolean;\n}\n\nclass BrowserFeatures {\n  supports = {\n    js: true,\n    flexGap: supportsFlexGap(),\n  };\n\n  constructor() {\n    if (!document.body.hasAttribute('cds-supports') || document.body.getAttribute('cds-supports') === 'no-js') {\n      const supports = camelCaseToKebabCase(\n        Object.keys(this.supports).reduce(\n          (prev, next) => `${prev} ${(this.supports as any)[next] ? next : `no-${next}`}`,\n          ''\n        )\n      ).trim();\n      document.body.setAttribute('cds-supports', supports);\n    }\n  }\n}\n\nexport const browserFeatures = new BrowserFeatures();\n\nfunction supportsFlexGap(): boolean {\n  const flex = document.createElement('div');\n  flex.style.display = 'flex';\n  flex.style.flexDirection = 'column';\n  flex.style.rowGap = '1px';\n\n  // create two, elements inside it\n  flex.appendChild(document.createElement('div'));\n  flex.appendChild(document.createElement('div'));\n\n  // append to the DOM (needed to obtain scrollHeight)\n  document.body.appendChild(flex);\n  const isSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap\n  (flex.parentNode as Element).removeChild(flex);\n  return isSupported;\n}\n"]}
+{"version":3,"file":"supports.js","sources":["../../../../src/internal/utils/supports.ts"],"sourcesContent":null,"names":["browserFeatures","[object Object]","this","supports","js","flexGap","supportsFlexGap","document","body","hasAttribute","getAttribute","camelCaseToKebabCase","Object","keys","reduce","prev","next","trim","setAttribute","flex","createElement","style","display","flexDirection","rowGap","appendChild","isSupported","scrollHeight","parentNode","removeChild"],"mappings":"mDAkBY,MAACA,EAAkB,IAZ/B,MACIC,cAKI,GAJAC,KAAKC,SAAW,CACZC,IAAI,EACJC,QAASC,MAERC,SAASC,KAAKC,aAAa,iBAAkE,UAA/CF,SAASC,KAAKE,aAAa,gBAA6B,CACvG,MAAMP,EAAWQ,EAAqBC,OAAOC,KAAKX,KAAKC,UAAUW,QAAO,CAACC,EAAMC,IAAS,GAAGD,KAAQb,KAAKC,SAASa,GAAQA,EAAO,MAAMA,KAAU,KAAKC,OACrJV,SAASC,KAAKU,aAAa,eAAgBf,MAKvD,SAASG,IACL,MAAMa,EAAOZ,SAASa,cAAc,OACpCD,EAAKE,MAAMC,QAAU,OACrBH,EAAKE,MAAME,cAAgB,SAC3BJ,EAAKE,MAAMG,OAAS,MAEpBL,EAAKM,YAAYlB,SAASa,cAAc,QACxCD,EAAKM,YAAYlB,SAASa,cAAc,QAExCb,SAASC,KAAKiB,YAAYN,GAC1B,MAAMO,EAAoC,IAAtBP,EAAKQ,aAEzB,OADAR,EAAKS,WAAWC,YAAYV,GACrBO"}

package/internal-components/close-button/close-button.element.d.ts

@@ -1,5 +1,4 @@
-import { HTMLAttributeTuple } from '@cds/core/internal';
-import { CdsIconButton } from '@cds/core/button';
+import { CdsBaseButton, HTMLAttributeTuple } from '@cds/core/internal';
 export declare const CdsCloseButtonTagName = "cds-internal-close-button";
 export declare function appendCloseButton(hostElement: HTMLElement, attributes?: HTMLAttributeTuple[], clickHandler?: () => void): void;
 export declare function removeCloseButton(hostElement: HTMLElement): void;
@@ -20,10 +19,10 @@ export declare function removeCloseButton(hostElement: HTMLElement): void;
  * @cssprop --opacity
  * @cssprop --padding
  */
-export declare class CdsInternalCloseButton extends CdsIconButton {
+export declare class CdsInternalCloseButton extends CdsBaseButton {
     iconSize: string;
     iconShape: string;
-    render(): import("lit-element").TemplateResult;
-    static get styles(): import("lit-element").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResultGroup[];
     constructor();
 }

package/internal-components/close-button/close-button.element.js

@@ -1,75 +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, isBrowser, property, setAttributes } from '@cds/core/internal';
-import { CdsIconButton } from '@cds/core/button';
-import { html } from 'lit-element';
-import { styles } from './close-button.element.css.js';
-import { ClarityIcons } from '@cds/core/icon/icon.service.js';
-import { timesIcon } from '@cds/core/icon/shapes/times.js';
-export const CdsCloseButtonTagName = 'cds-internal-close-button';
-export function appendCloseButton(hostElement, attributes, clickHandler) {
-    if (isBrowser() && !!hostElement) {
-        const closeBtn = document.createElement(CdsCloseButtonTagName);
-        if (attributes && attributes.length > 0) {
-            setAttributes(closeBtn, ...attributes);
-        }
-        if (clickHandler) {
-            closeBtn.addEventListener('click', clickHandler.bind(hostElement));
-        }
-        hostElement.appendChild(closeBtn);
-    }
-}
-export function removeCloseButton(hostElement) {
-    if (isBrowser() && !!hostElement) {
-        const closeBtn = hostElement.querySelector(CdsCloseButtonTagName);
-        if (closeBtn) {
-            hostElement.removeChild(closeBtn);
-        }
-    }
-}
-/**
- * Standard close button for Clarity Components
- *
- * ```typescript
- * import '@cds/core/internal-components/close-button/register.js';
- * ```
- *
- * ```html
- * <cds-internal-close-button></cds-internal-close-button>
- * ```
- *
- * @element cds-internal-close-button
- * @cssprop --background
- * @cssprop --color
- * @cssprop --opacity
- * @cssprop --padding
- */
-export class CdsInternalCloseButton extends CdsIconButton {
-    constructor() {
-        super();
-        this.iconSize = '18';
-        this.iconShape = 'times';
-        ClarityIcons.addIcons(timesIcon);
-    }
-    render() {
-        return html `
-      <div class="private-host">
-        <cds-icon shape="${this.iconShape}" size="${this.iconSize}"></cds-icon>
-      </div>
-    `;
-    }
-    static get styles() {
-        return [baseStyles, styles];
-    }
-}
-__decorate([
-    property({ type: String })
-], CdsInternalCloseButton.prototype, "iconSize", void 0);
-__decorate([
-    property({ type: String })
-], CdsInternalCloseButton.prototype, "iconShape", void 0);
-//# sourceMappingURL=close-button.element.js.map
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{isBrowser as o,setAttributes as i,CdsBaseButton as n,baseStyles as s,property as c}from"@cds/core/internal";import{ClarityIcons as r}from"@cds/core/icon/icon.service.js";import{timesIcon as d}from"@cds/core/icon/shapes/times.js";import p from"./close-button.element.scss.js";const l="cds-internal-close-button";function m(t,e,n){if(o()&&t){const o=document.createElement("cds-internal-close-button");e&&e.length>0&&i(o,...e),n&&o.addEventListener("click",n.bind(t)),t.appendChild(o)}}function a(t){if(o()&&t){const e=t.querySelector("cds-internal-close-button");e&&t.removeChild(e)}}class h extends n{constructor(){super(),this.iconSize="18",this.iconShape="times",r.addIcons(d)}render(){return e`<div class="private-host"><cds-icon shape="${this.iconShape}" size="${this.iconSize}"></cds-icon></div>`}static get styles(){return[s,p]}}t([c({type:String})],h.prototype,"iconSize",void 0),t([c({type:String})],h.prototype,"iconShape",void 0);export{l as CdsCloseButtonTagName,h as CdsInternalCloseButton,m as appendCloseButton,a as removeCloseButton};
+//# sourceMappingURL=close-button.element.js.map

package/internal-components/close-button/close-button.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"close-button.element.js","sourceRoot":"","sources":["../../../../src/internal-components/close-button/close-button.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAsB,MAAM,oBAAoB,CAAC;AACxG,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AAEjE,MAAM,UAAU,iBAAiB,CAC/B,WAAwB,EACxB,UAAiC,EACjC,YAAyB;IAEzB,IAAI,SAAS,EAAE,IAAI,CAAC,CAAC,WAAW,EAAE;QAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAE/D,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;YACvC,aAAa,CAAC,QAAQ,EAAE,GAAG,UAAU,CAAC,CAAC;SACxC;QAED,IAAI,YAAY,EAAE;YAChB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;SACpE;QACD,WAAW,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;KACnC;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,WAAwB;IACxD,IAAI,SAAS,EAAE,IAAI,CAAC,CAAC,WAAW,EAAE;QAChC,MAAM,QAAQ,GAAG,WAAW,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAElE,IAAI,QAAQ,EAAE;YACZ,WAAW,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;SACnC;KACF;AACH,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,sBAAuB,SAAQ,aAAa;IAmBvD;QACE,KAAK,EAAE,CAAC;QAlBV,aAAQ,GAAG,IAAI,CAAC;QAGhB,cAAS,GAAG,OAAO,CAAC;QAgBlB,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC;IAfD,MAAM;QACJ,OAAO,IAAI,CAAA;;2BAEY,IAAI,CAAC,SAAS,WAAW,IAAI,CAAC,QAAQ;;KAE5D,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC9B,CAAC;CAMF;AArBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDACX;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDACP","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 { baseStyles, isBrowser, property, setAttributes, HTMLAttributeTuple } from '@cds/core/internal';\nimport { CdsIconButton } from '@cds/core/button';\nimport { html } from 'lit-element';\nimport { styles } from './close-button.element.css.js';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { timesIcon } from '@cds/core/icon/shapes/times.js';\n\nexport const CdsCloseButtonTagName = 'cds-internal-close-button';\n\nexport function appendCloseButton(\n  hostElement: HTMLElement,\n  attributes?: HTMLAttributeTuple[],\n  clickHandler?: () => void\n) {\n  if (isBrowser() && !!hostElement) {\n    const closeBtn = document.createElement(CdsCloseButtonTagName);\n\n    if (attributes && attributes.length > 0) {\n      setAttributes(closeBtn, ...attributes);\n    }\n\n    if (clickHandler) {\n      closeBtn.addEventListener('click', clickHandler.bind(hostElement));\n    }\n    hostElement.appendChild(closeBtn);\n  }\n}\n\nexport function removeCloseButton(hostElement: HTMLElement) {\n  if (isBrowser() && !!hostElement) {\n    const closeBtn = hostElement.querySelector(CdsCloseButtonTagName);\n\n    if (closeBtn) {\n      hostElement.removeChild(closeBtn);\n    }\n  }\n}\n\n/**\n * Standard close button for Clarity Components\n *\n * ```typescript\n * import '@cds/core/internal-components/close-button/register.js';\n * ```\n *\n * ```html\n * <cds-internal-close-button></cds-internal-close-button>\n * ```\n *\n * @element cds-internal-close-button\n * @cssprop --background\n * @cssprop --color\n * @cssprop --opacity\n * @cssprop --padding\n */\nexport class CdsInternalCloseButton extends CdsIconButton {\n  @property({ type: String })\n  iconSize = '18';\n\n  @property({ type: String })\n  iconShape = 'times';\n\n  render() {\n    return html`\n      <div class=\"private-host\">\n        <cds-icon shape=\"${this.iconShape}\" size=\"${this.iconSize}\"></cds-icon>\n      </div>\n    `;\n  }\n\n  static get styles() {\n    return [baseStyles, styles];\n  }\n\n  constructor() {\n    super();\n    ClarityIcons.addIcons(timesIcon);\n  }\n}\n"]}
+{"version":3,"file":"close-button.element.js","sources":["../../../../src/internal-components/close-button/close-button.element.ts"],"sourcesContent":null,"names":["CdsCloseButtonTagName","appendCloseButton","hostElement","attributes","clickHandler","isBrowser","closeBtn","document","createElement","length","setAttributes","addEventListener","bind","appendChild","removeCloseButton","querySelector","removeChild","CdsInternalCloseButton","CdsBaseButton","[object Object]","super","this","iconSize","iconShape","ClarityIcons","addIcons","timesIcon","html","styles","baseStyles","__decorate","property","type","String","prototype"],"mappings":"wVAWY,MAACA,EAAwB,4BAC9B,SAASC,EAAkBC,EAAaC,EAAYC,GACvD,GAAIC,KAAiBH,EAAa,CAC9B,MAAMI,EAAWC,SAASC,cAHG,6BAIzBL,GAAcA,EAAWM,OAAS,GAClCC,EAAcJ,KAAaH,GAE3BC,GACAE,EAASK,iBAAiB,QAASP,EAAaQ,KAAKV,IAEzDA,EAAYW,YAAYP,IAGzB,SAASQ,EAAkBZ,GAC9B,GAAIG,KAAiBH,EAAa,CAC9B,MAAMI,EAAWJ,EAAYa,cAfA,6BAgBzBT,GACAJ,EAAYc,YAAYV,IAqB7B,MAAMW,UAA+BC,EACxCC,cACIC,QACAC,KAAKC,SAAW,KAChBD,KAAKE,UAAY,QACjBC,EAAaC,SAASC,GAE1BP,SACI,OAAOQ,CAAK,8CAEON,KAAKE,oBAAoBF,KAAKC,8BAIrDM,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhB,EAAuBiB,UAAW,gBAAY,GACjDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhB,EAAuBiB,UAAW,iBAAa"}

package/internal-components/close-button/close-button.element.scss.js

@@ -0,0 +1,2 @@
+import{css as o}from"lit";var a=o`:host{--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem));display:inline-block}.private-host{--icon-color:var(--color);padding:var(--padding);opacity:var(--opacity);background:var(--background);cursor:pointer}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host([disabled]){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host(:active) cds-icon{transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)))}cds-icon{--color:var(--icon-color);cursor:pointer}`;export default a;
+//# sourceMappingURL=close-button.element.scss.js.map

package/internal-components/close-button/close-button.element.scss.js.map

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

package/internal-components/close-button/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 './close-button.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsCloseButtonTagName,CdsInternalCloseButton,appendCloseButton,removeCloseButton}from"./close-button.element.js";
+//# sourceMappingURL=index.js.map

package/internal-components/close-button/index.js.map

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

package/internal-components/close-button/register.d.ts

@@ -1,5 +1,4 @@
 import '@cds/core/icon/register.js';
-import '@cds/core/button/register.js';
 import { CdsInternalCloseButton } from './close-button.element.js';
 declare global {
     interface HTMLElementTagNameMap {

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

package/internal-components/close-button/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../src/internal-components/close-button/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAE1F,qBAAqB,CAAC,qBAAqB,EAAE,sBAAsB,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 '@cds/core/icon/register.js';\nimport '@cds/core/button/register.js';\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsInternalCloseButton, CdsCloseButtonTagName } from './close-button.element.js';\n\nregisterElementSafely(CdsCloseButtonTagName, CdsInternalCloseButton);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-internal-close-button': CdsInternalCloseButton;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../../src/internal-components/close-button/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCloseButtonTagName","CdsInternalCloseButton"],"mappings":"4LAQAA,EAAsBC,EAAuBC"}

package/internal-components/overlay/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 './overlay.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsInternalOverlay,isNestedOverlay,overlayIsActive}from"./overlay.element.js";
+//# sourceMappingURL=index.js.map

package/internal-components/overlay/index.js.map

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

package/internal-components/overlay/overlay.element.d.ts

@@ -40,7 +40,10 @@ export declare class CdsInternalOverlay extends CdsBaseFocusTrap implements Anim
     cdsMotionChange: EventEmitter<string>;
     ariaModal: string;
     role: string;
-    protected createRenderRoot(): Element | ShadowRoot;
+    static get shadowRootOptions(): {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+    };
     private overlayIdPrefix;
     protected closeChange: EventEmitter<CloseChangeSources>;
     protected isLayered: boolean;
@@ -51,10 +54,10 @@ export declare class CdsInternalOverlay extends CdsBaseFocusTrap implements Anim
     disconnectedCallback(): void;
     constructor();
     closeOverlay(trigger?: CloseChangeSources): void;
-    protected get backdropTemplate(): import("lit-element").TemplateResult;
-    protected render(): import("lit-element").TemplateResult;
+    protected get backdropTemplate(): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
     protected fireEventOnBackdropClick: () => void;
     protected fireEventOnEscape: (e: KeyboardEvent) => void;
-    static get styles(): import("lit-element").CSSResult[];
+    static get styles(): import("lit").CSSResultGroup[];
 }
 export {};

package/internal-components/overlay/overlay.element.js

@@ -1,156 +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 { animate, baseStyles, createId, CdsBaseFocusTrap, event, FocusTrapTracker, internalProperty, onKey, property, AnimationModalEnterName, reverseAnimation, } from '@cds/core/internal';
-import { html, query } from 'lit-element';
-import { styles } from './overlay.element.css.js';
-export function isNestedOverlay(myId, overlayPrefix, trapIds, previousValue) {
-    const overlayIds = trapIds.filter(id => id.indexOf(overlayPrefix) > -1);
-    if (previousValue === true && trapIds.indexOf(myId) < 0) {
-        // handling situation where focusTrapIds remove our overlay from the list and we still need to consider
-        // this overlay as nested. this happens when an overlay is being closed/hidden
-        return true;
-    }
-    return overlayIds.indexOf(myId) > 0; // id is present and not the first one...
-}
-export function overlayIsActive(overlayId, focusTrapService = FocusTrapTracker) {
-    return focusTrapService.getCurrentTrapId() === overlayId;
-}
-/**
- *
- * ```typescript
- * import '@cds/core/internal-components/overlay/register.js';
- * ```
- *
- * ```html
- * <cds-internal-overlay>
- *  <section cds-layout="vertical align:horizontal-stretch">
- *    <div cds-layout="vertical pad:md gap:md">
- *      <h2 cds-text="display">A Title</h2>
- *      <div>
- *        <p cds-text="body">
- *          Content inside a generic overlay.
- *        </p>
- *      </div>
- *    </div>
- *  </section>
- * </cds-internal-overlay>
- * ```
- *
- * @beta
- * @element cds-internal-overlay
- * @slot - Content slot for the content inside the overlay's panel
- * @event closeChange - Notify user when close event has occurred
- * @cssprop --backdrop-background
- * @cssprop --layered-backdrop-background
- * @cssprop --animation-duration
- * @cssprop --animation-easing
- *
- * KNOWN ISSUE: Safari jumps through the exit animation but only when the ESC key is pressed.
- *
- */
-let CdsInternalOverlay = class CdsInternalOverlay extends CdsBaseFocusTrap {
-    constructor() {
-        super();
-        this.cdsMotion = 'on';
-        this.ariaModal = 'true';
-        this.role = 'dialog';
-        this.overlayIdPrefix = '_overlay-';
-        this.isLayered = false;
-        this.fireEventOnBackdropClick = () => {
-            if (overlayIsActive(this.focusTrapId)) {
-                this.closeOverlay('backdrop-click');
-            }
-        };
-        this.fireEventOnEscape = (e) => {
-            if (overlayIsActive(this.focusTrapId)) {
-                onKey('escape', e, () => {
-                    this.closeOverlay('escape-keypress');
-                });
-            }
-        };
-        // override focus-trap base id so we know this is an overlay
-        this.focusTrapId = createId(this.overlayIdPrefix);
-    }
-    // renderRoot needs delegatesFocus so that focus can cross the shadowDOM
-    // inside an element with aria-modal set to true
-    createRenderRoot() {
-        return this.attachShadow({ mode: 'open', delegatesFocus: true });
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        this.backdrop.addEventListener('click', this.fireEventOnBackdropClick);
-    }
-    updated(props) {
-        super.updated(props);
-        const oldLayered = this.isLayered;
-        const newLayered = isNestedOverlay(this.focusTrapId, this.overlayIdPrefix, FocusTrapTracker.getTrapIds(), oldLayered);
-        if (oldLayered !== newLayered) {
-            this.isLayered = newLayered;
-            this.requestUpdate('isLayered', oldLayered);
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        window.addEventListener('keydown', this.fireEventOnEscape);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener('keydown', this.fireEventOnEscape);
-        this.backdrop.removeEventListener('click', this.fireEventOnBackdropClick);
-    }
-    closeOverlay(trigger = 'custom') {
-        this.closeChange.emit(trigger);
-    }
-    get backdropTemplate() {
-        return html `<div
-      class="${this.isLayered ? 'overlay-backdrop layered' : 'overlay-backdrop'}"
-      aria-hidden="true"
-    ></div>`;
-    }
-    render() {
-        return html `
-      ${this.backdropTemplate}
-      <div class="private-host" tabindex="-1" aria-modal="true" role="dialog">
-        <slot></slot>
-      </div>
-    `;
-    }
-    static get styles() {
-        return [baseStyles, styles];
-    }
-};
-__decorate([
-    property({ type: String })
-], CdsInternalOverlay.prototype, "cdsMotion", void 0);
-__decorate([
-    event()
-], CdsInternalOverlay.prototype, "cdsMotionChange", void 0);
-__decorate([
-    property({ type: String })
-], CdsInternalOverlay.prototype, "ariaModal", void 0);
-__decorate([
-    property({ type: String })
-], CdsInternalOverlay.prototype, "role", void 0);
-__decorate([
-    event()
-], CdsInternalOverlay.prototype, "closeChange", void 0);
-__decorate([
-    internalProperty({ type: Boolean })
-], CdsInternalOverlay.prototype, "isLayered", void 0);
-__decorate([
-    query('.overlay-backdrop')
-], CdsInternalOverlay.prototype, "backdrop", void 0);
-CdsInternalOverlay = __decorate([
-    animate({
-        hidden: {
-            true: reverseAnimation(AnimationModalEnterName),
-            false: AnimationModalEnterName,
-        },
-    })
-], CdsInternalOverlay);
-export { CdsInternalOverlay };
-//# sourceMappingURL=overlay.element.js.map
+import{__decorate as e}from"tslib";import{FocusTrapTracker as t,CdsBaseFocusTrap as r,onKey as o,createId as i,baseStyles as s,property as a,event as d,state as n,animate as c,reverseAnimation as p,AnimationModalEnterName as l}from"@cds/core/internal";import{html as h}from"lit";import{query as v}from"lit/decorators/query.js";import y from"./overlay.element.scss.js";function u(e,t,r,o){const i=r.filter((e=>e.indexOf(t)>-1));return!0===o&&r.indexOf(e)<0||i.indexOf(e)>0}function f(e,r=t){return r.getCurrentTrapId()===e}let k=class extends r{constructor(){super(),this.cdsMotion="on",this.ariaModal="true",this.role="dialog",this.overlayIdPrefix="_overlay-",this.isLayered=!1,this.fireEventOnBackdropClick=()=>{f(this.focusTrapId)&&this.closeOverlay("backdrop-click")},this.fireEventOnEscape=e=>{f(this.focusTrapId)&&o("escape",e,(()=>{this.closeOverlay("escape-keypress")}))},this.focusTrapId=i(this.overlayIdPrefix)}static get shadowRootOptions(){return{...super.shadowRootOptions,delegatesFocus:!0}}firstUpdated(e){super.firstUpdated(e),this.backdrop.addEventListener("click",this.fireEventOnBackdropClick)}updated(e){super.updated(e);const r=this.isLayered,o=u(this.focusTrapId,this.overlayIdPrefix,t.getTrapIds(),r);r!==o&&(this.isLayered=o,this.requestUpdate("isLayered",r))}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.fireEventOnEscape)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this.fireEventOnEscape),this.backdrop.removeEventListener("click",this.fireEventOnBackdropClick)}closeOverlay(e="custom"){this.closeChange.emit(e)}get backdropTemplate(){return h`<div class="${this.isLayered?"overlay-backdrop layered":"overlay-backdrop"}" aria-hidden="true"></div>`}render(){return h`${this.backdropTemplate}<div class="private-host" tabindex="-1" aria-modal="true" role="dialog"><slot></slot></div>`}static get styles(){return[s,y]}};e([a({type:String})],k.prototype,"cdsMotion",void 0),e([d()],k.prototype,"cdsMotionChange",void 0),e([a({type:String})],k.prototype,"ariaModal",void 0),e([a({type:String})],k.prototype,"role",void 0),e([d()],k.prototype,"closeChange",void 0),e([n({type:Boolean})],k.prototype,"isLayered",void 0),e([v(".overlay-backdrop")],k.prototype,"backdrop",void 0),k=e([c({hidden:{true:p(l),false:l}})],k);export{k as CdsInternalOverlay,u as isNestedOverlay,f as overlayIsActive};
+//# sourceMappingURL=overlay.element.js.map

package/internal-components/overlay/overlay.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.element.js","sourceRoot":"","sources":["../../../../src/internal-components/overlay/overlay.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  Animatable,\n  animate,\n  baseStyles,\n  createId,\n  CdsBaseFocusTrap,\n  event,\n  EventEmitter,\n  FocusTrapTracker,\n  internalProperty,\n  onKey,\n  property,\n  AnimationModalEnterName,\n  reverseAnimation,\n} from '@cds/core/internal';\nimport { html, query } from 'lit-element';\nimport { styles } from './overlay.element.css.js';\n\nexport function isNestedOverlay(\n  myId: string,\n  overlayPrefix: string,\n  trapIds: string[],\n  previousValue?: boolean\n): boolean {\n  const overlayIds = trapIds.filter(id => id.indexOf(overlayPrefix) > -1);\n\n  if (previousValue === true && trapIds.indexOf(myId) < 0) {\n    // handling situation where focusTrapIds remove our overlay from the list and we still need to consider\n    // this overlay as nested. this happens when an overlay is being closed/hidden\n    return true;\n  }\n\n  return overlayIds.indexOf(myId) > 0; // id is present and not the first one...\n}\n\nexport function overlayIsActive(overlayId: string, focusTrapService = FocusTrapTracker) {\n  return focusTrapService.getCurrentTrapId() === overlayId;\n}\n\ntype CloseChangeSources = 'backdrop-click' | 'escape-keypress' | 'close-button-click' | 'custom';\n\n/**\n *\n * ```typescript\n * import '@cds/core/internal-components/overlay/register.js';\n * ```\n *\n * ```html\n * <cds-internal-overlay>\n *  <section cds-layout=\"vertical align:horizontal-stretch\">\n *    <div cds-layout=\"vertical pad:md gap:md\">\n *      <h2 cds-text=\"display\">A Title</h2>\n *      <div>\n *        <p cds-text=\"body\">\n *          Content inside a generic overlay.\n *        </p>\n *      </div>\n *    </div>\n *  </section>\n * </cds-internal-overlay>\n * ```\n *\n * @beta\n * @element cds-internal-overlay\n * @slot - Content slot for the content inside the overlay's panel\n * @event closeChange - Notify user when close event has occurred\n * @cssprop --backdrop-background\n * @cssprop --layered-backdrop-background\n * @cssprop --animation-duration\n * @cssprop --animation-easing\n *\n * KNOWN ISSUE: Safari jumps through the exit animation but only when the ESC key is pressed.\n *\n */\n@animate({\n  hidden: {\n    true: reverseAnimation(AnimationModalEnterName),\n    false: AnimationModalEnterName,\n  },\n})\nexport class CdsInternalOverlay extends CdsBaseFocusTrap implements Animatable {\n  @property({ type: String })\n  cdsMotion = 'on';\n\n  @event()\n  cdsMotionChange: EventEmitter<string>;\n\n  @property({ type: String })\n  ariaModal = 'true';\n\n  @property({ type: String })\n  role = 'dialog';\n\n  // renderRoot needs delegatesFocus so that focus can cross the shadowDOM\n  // inside an element with aria-modal set to true\n  protected createRenderRoot(): Element | ShadowRoot {\n    return this.attachShadow({ mode: 'open', delegatesFocus: true });\n  }\n\n  private overlayIdPrefix = '_overlay-';\n\n  @event() protected closeChange: EventEmitter<CloseChangeSources>;\n\n  @internalProperty({ type: Boolean })\n  protected isLayered = false;\n\n  @query('.overlay-backdrop') protected backdrop: HTMLElement;\n\n  firstUpdated(props: Map<string, any>) {\n    super.firstUpdated(props);\n    this.backdrop.addEventListener('click', this.fireEventOnBackdropClick);\n  }\n\n  updated(props: Map<string, any>) {\n    super.updated(props);\n    const oldLayered = this.isLayered;\n    const newLayered = isNestedOverlay(\n      this.focusTrapId,\n      this.overlayIdPrefix,\n      FocusTrapTracker.getTrapIds(),\n      oldLayered\n    );\n\n    if (oldLayered !== newLayered) {\n      this.isLayered = newLayered;\n      this.requestUpdate('isLayered', oldLayered);\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('keydown', this.fireEventOnEscape);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener('keydown', this.fireEventOnEscape);\n    this.backdrop.removeEventListener('click', this.fireEventOnBackdropClick);\n  }\n\n  constructor() {\n    super();\n\n    // override focus-trap base id so we know this is an overlay\n    this.focusTrapId = createId(this.overlayIdPrefix);\n  }\n\n  closeOverlay(trigger: CloseChangeSources = 'custom') {\n    this.closeChange.emit(trigger);\n  }\n\n  protected get backdropTemplate() {\n    return html`<div\n      class=\"${this.isLayered ? 'overlay-backdrop layered' : 'overlay-backdrop'}\"\n      aria-hidden=\"true\"\n    ></div>`;\n  }\n\n  protected render() {\n    return html`\n      ${this.backdropTemplate}\n      <div class=\"private-host\" tabindex=\"-1\" aria-modal=\"true\" role=\"dialog\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  protected fireEventOnBackdropClick = () => {\n    if (overlayIsActive(this.focusTrapId)) {\n      this.closeOverlay('backdrop-click');\n    }\n  };\n\n  protected fireEventOnEscape = (e: KeyboardEvent) => {\n    if (overlayIsActive(this.focusTrapId)) {\n      onKey('escape', e, () => {\n        this.closeOverlay('escape-keypress');\n      });\n    }\n  };\n\n  static get styles() {\n    return [baseStyles, styles];\n  }\n}\n"]}
+{"version":3,"file":"overlay.element.js","sources":["../../../../src/internal-components/overlay/overlay.element.ts"],"sourcesContent":null,"names":["isNestedOverlay","myId","overlayPrefix","trapIds","previousValue","overlayIds","filter","id","indexOf","overlayIsActive","overlayId","focusTrapService","FocusTrapTracker","getCurrentTrapId","CdsInternalOverlay","CdsBaseFocusTrap","[object Object]","super","this","cdsMotion","ariaModal","role","overlayIdPrefix","isLayered","fireEventOnBackdropClick","focusTrapId","closeOverlay","fireEventOnEscape","e","onKey","createId","shadowRootOptions","delegatesFocus","props","firstUpdated","backdrop","addEventListener","updated","oldLayered","newLayered","getTrapIds","requestUpdate","connectedCallback","window","disconnectedCallback","removeEventListener","trigger","closeChange","emit","backdropTemplate","html","styles","baseStyles","__decorate","property","type","String","prototype","event","state","Boolean","query","animate","hidden","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"gXAUO,SAASA,EAAgBC,EAAMC,EAAeC,EAASC,GAC1D,MAAMC,EAAaF,EAAQG,QAAOC,GAAMA,EAAGC,QAAQN,IAAkB,IACrE,OAAsB,IAAlBE,GAA0BD,EAAQK,QAAQP,GAAQ,GAK/CI,EAAWG,QAAQP,GAAQ,EAE/B,SAASQ,EAAgBC,EAAWC,EAAmBC,GAC1D,OAAOD,EAAiBE,qBAAuBH,EAmChD,IAACI,EAAqB,cAAiCC,EACtDC,cACIC,QACAC,KAAKC,UAAY,KACjBD,KAAKE,UAAY,OACjBF,KAAKG,KAAO,SACZH,KAAKI,gBAAkB,YACvBJ,KAAKK,WAAY,EACjBL,KAAKM,yBAA2B,KACxBf,EAAgBS,KAAKO,cACrBP,KAAKQ,aAAa,mBAG1BR,KAAKS,kBAAqBC,IAClBnB,EAAgBS,KAAKO,cACrBI,EAAM,SAAUD,GAAG,KACfV,KAAKQ,aAAa,uBAK9BR,KAAKO,YAAcK,EAASZ,KAAKI,iBAIrCS,+BACI,MAAO,IAAKd,MAAMc,kBAAmBC,gBAAgB,GAEzDhB,aAAaiB,GACThB,MAAMiB,aAAaD,GACnBf,KAAKiB,SAASC,iBAAiB,QAASlB,KAAKM,0BAEjDR,QAAQiB,GACJhB,MAAMoB,QAAQJ,GACd,MAAMK,EAAapB,KAAKK,UAClBgB,EAAavC,EAAgBkB,KAAKO,YAAaP,KAAKI,gBAAiBV,EAAiB4B,aAAcF,GACtGA,IAAeC,IACfrB,KAAKK,UAAYgB,EACjBrB,KAAKuB,cAAc,YAAaH,IAGxCtB,oBACIC,MAAMyB,oBACNC,OAAOP,iBAAiB,UAAWlB,KAAKS,mBAE5CX,uBACIC,MAAM2B,uBACND,OAAOE,oBAAoB,UAAW3B,KAAKS,mBAC3CT,KAAKiB,SAASU,oBAAoB,QAAS3B,KAAKM,0BAEpDR,aAAa8B,EAAU,UACnB5B,KAAK6B,YAAYC,KAAKF,GAE1BG,uBACI,OAAOC,CAAK,eACLhC,KAAKK,UAAY,2BAA6B,gDAIzDP,SACI,OAAOkC,CAAK,GACZhC,KAAK+B,8GAMTE,oBACI,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPK,KACD5C,EAAmB2C,UAAW,uBAAmB,GACpDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,YAAQ,GACzCJ,EAAW,CACPK,KACD5C,EAAmB2C,UAAW,mBAAe,GAChDJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,WACf9C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPQ,EAAM,sBACP/C,EAAmB2C,UAAW,gBAAY,GAC7C3C,EAAqBuC,EAAW,CAC5BS,EAAQ,CACJC,OAAQ,CACJC,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBpD"}

package/internal-components/overlay/overlay.element.scss.js

@@ -0,0 +1,2 @@
+import{css as i}from"lit";var a=i`:host{--backdrop-background:var(--cds-alias-object-overlay-backdrop-background, rgba(0, 0, 0, 0.6));--layered-backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--animation-duration:var(--cds-global-animation-duration-primary, 0.4s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000000;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;justify-content:center}.private-host{position:relative}.overlay-backdrop{width:100%;height:100%;background:var(--backdrop-background);position:fixed}.layered{background:var(--layered-backdrop-background,var(--backdrop-background))}:host([_demo-mode]){position:absolute;z-index:100000}:host([_demo-mode]) .overlay-backdrop{position:absolute}:host([cds-motion][_cds-animation-status=active]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}:host([hidden]){--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s)}:host([hidden*=false]){display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}`;export default a;
+//# sourceMappingURL=overlay.element.scss.js.map

package/internal-components/overlay/overlay.element.scss.js.map

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

package/internal-components/overlay/register.js

@@ -1,10 +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 { ClarityMotion, AnimationModalEnterName, AnimationModalEnterConfig, registerElementSafely, } from '@cds/core/internal';
-import { CdsInternalOverlay } from './overlay.element.js';
-ClarityMotion.add(AnimationModalEnterName, AnimationModalEnterConfig);
-registerElementSafely('cds-internal-overlay', CdsInternalOverlay);
-//# sourceMappingURL=register.js.map
+import{ClarityMotion as r,AnimationModalEnterName as e,AnimationModalEnterConfig as o,registerElementSafely as a}from"@cds/core/internal";import{CdsInternalOverlay as l}from"./overlay.element.js";r.add(e,o),a("cds-internal-overlay",l);
+//# sourceMappingURL=register.js.map

package/internal-components/overlay/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../src/internal-components/overlay/register.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,yBAAyB,EACzB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,aAAa,CAAC,GAAG,CAAC,uBAAuB,EAAE,yBAAyB,CAAC,CAAC;AAEtE,qBAAqB,CAAC,sBAAsB,EAAE,kBAAkB,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 {\n  ClarityMotion,\n  AnimationModalEnterName,\n  AnimationModalEnterConfig,\n  registerElementSafely,\n} from '@cds/core/internal';\nimport { CdsInternalOverlay } from './overlay.element.js';\n\nClarityMotion.add(AnimationModalEnterName, AnimationModalEnterConfig);\n\nregisterElementSafely('cds-internal-overlay', CdsInternalOverlay);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cds-internal-overlay': CdsInternalOverlay;\n  }\n}\n"]}
+{"version":3,"file":"register.js","sources":["../../../../src/internal-components/overlay/register.ts"],"sourcesContent":null,"names":["ClarityMotion","add","AnimationModalEnterName","AnimationModalEnterConfig","registerElementSafely","CdsInternalOverlay"],"mappings":"oMAOAA,EAAcC,IAAIC,EAAyBC,GAC3CC,EAAsB,uBAAwBC"}

package/internal-components/panel/index.js

@@ -1,2 +1,2 @@
-export * from './panel.element.js';
-//# sourceMappingURL=index.js.map
+export{CdsInternalPanel,CdsInternalPanelTagName}from"./panel.element.js";import"lit";import"@cds/core/internal";
+//# sourceMappingURL=index.js.map

package/internal-components/panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal-components/panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './panel.element.js';\n"]}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/internal-components/panel/panel.element.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit-element';
+import { LitElement } from 'lit';
 export declare const CdsInternalPanelTagName = "cds-internal-panel";
 /**
  *
@@ -11,7 +11,6 @@ export declare const CdsInternalPanelTagName = "cds-internal-panel";
  *  // content
  * </cds-internal-panel>
  * ```
- *
  * @beta
  * @element cds-internal-panel
  * @slot - Content slot for the content inside the panel
@@ -28,6 +27,6 @@ export declare const CdsInternalPanelTagName = "cds-internal-panel";
  * @cssprop --box-shadow
  */
 export declare class CdsInternalPanel extends LitElement {
-    static get styles(): import("lit-element").CSSResult[];
-    render(): import("lit-element").TemplateResult;
+    static get styles(): import("lit").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
 }