@cds/core 5.7.1 → 6.0.0-beta.3

package/internal/utils/string.js

@@ -1,2 +1,2 @@
-import{isNumericString as t,isNilOrEmpty as r}from"./identity.js";function n(t,r,...n){return r.map((t=>t(...n))).join(t).trim()}function e(t,...r){return n(" ",t,...r)}function u(t,...r){return n("",t,...r)}function i(t){return t.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()))}function f(t){return t.split("-").map(((t,r)=>r?t.charAt(0).toUpperCase()+t.slice(1).toLowerCase():t)).join("")}function o(t){return a(f(t))}function s(t){return p(Object.keys(t),t)}function c(t){return p(Object.keys(t).filter((t=>t.startsWith("--"))),t)}function p(t,r){return t.reduce(((t,n)=>`${t}${r[n]?`${n}:${r[n]};`:""}`),"")}function a(t){return t.charAt(0).toUpperCase()+t.slice(1)}const l="CSS Custom Properties",h="Default Properties";function x(r){if(!r||!r.match(/(\d+)?\.?(\d+)?s/g))return 0;const n=r.substr(0,r.length-1);return t(n)?Number(n):0}function g(t,n,e="prefix"){return!r(n)&&!r(t)&&("prefix"===e?t.substr(0,n.length):t.substr(-1*n.length))===n}function m(t,r){return g(t,r,"prefix")}function b(t,r){return g(t,r,"suffix")}function j(t,n,e="prefix"){if(r(t))return"";if(r(n)||!g(t,n,e))return t;switch(e){case"prefix":return t.substr(n.length);case"suffix":return t.substr(0,t.length-n.length);default:return t}}function C(t,r){return j(t,r,"prefix")}function d(t,r){return j(t,r,"suffix")}function $(t,r,n=""){const e=t.split(" "),u=""===n?e.filter((t=>t!==r)):e.map((t=>t===r?n:t));return u.length>0?u.join(" "):""}export{i as camelCaseToKebabCase,a as capitalizeFirstLetter,l as cssGroup,x as getNumericValueFromCssSecondsStyleValue,m as isPrefixedBy,g as isPrefixedOrSuffixedBy,b as isSuffixedBy,f as kebabCaseToCamelCase,o as kebabCaseToPascalCase,h as propertiesGroup,C as removePrefix,j as removePrefixOrSuffix,d as removeSuffix,$ as replaceWord,c as setPropStyles,s as setStyles,e as transformToSpacedString,n as transformToString,u as transformToUnspacedString};
+import{isNilOrEmpty as t,isNumericString as n,getFromObjectPath as r}from"./identity.js";function e(t,n,...r){return n.map((t=>t(...r))).join(t).trim()}function u(t,...n){return e(" ",t,...n)}function i(t,...n){return e("",t,...n)}function c(t){return t.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()))}function o(t){return t.split("-").map(((t,n)=>n?t.charAt(0).toUpperCase()+t.slice(1).toLowerCase():t)).join("")}function f(t){return a(o(t))}function s(t){return l(Object.keys(t),t)}function p(t){return l(Object.keys(t).filter((t=>t.startsWith("--"))),t)}function l(t,n){return t.reduce(((t,r)=>`${t}${n[r]?`${r}:${n[r]};`:""}`),"")}function a(t){return t.charAt(0).toUpperCase()+t.slice(1)}const h="CSS Custom Properties",g="Default Properties";function m(t){return k(t,"s")}function x(n,r,e="prefix"){return!t(r)&&!t(n)&&("prefix"===e?n.substr(0,r.length):n.substr(-1*r.length))===r}function b(t,n){return x(t,n,"prefix")}function j(t,n){return x(t,n,"suffix")}function C(n,r,e="prefix"){if(t(n))return"";if(t(r)||!x(n,r,e))return n;switch(e){case"prefix":return n.substr(r.length);case"suffix":return n.substr(0,n.length-r.length);default:return n}}function $(t,n){return C(t,n,"prefix")}function d(t,n){return C(t,n,"suffix")}function w(t,n,r=""){const e=t.split(" "),u=""===r?e.filter((t=>t!==n)):e.map((t=>t===n?r:t));return u.length>0?u.join(" "):""}function y(t){return t?(t+"").trim().replace(/  +/g," "):""}function A(t){const n=y(t);return""===n?[]:n.split(" ")}function O(t,n,r){return r?Object.assign(n,r(t)):n}function k(t,r){const e=t?t.trim():"";if(""===e||!e.endsWith(r))return 0;const u=e.slice(0,-1*r.length);return n(u)?+u:0}function L(t){return t?k(t.trim(),"px"):0}function P(t,n,e){return t.replace(/\$\{.+?\}/g,(t=>{const u=t.substr(2,t.length-3).trim();return r(u,n,e)}))}export{c as camelCaseToKebabCase,a as capitalizeFirstLetter,O as convertStringPropertyToObjectConfig,h as cssGroup,m as getNumericValueFromCssSecondsStyleValue,P as interpolateNaively,b as isPrefixedBy,x as isPrefixedOrSuffixedBy,j as isSuffixedBy,o as kebabCaseToCamelCase,f as kebabCaseToPascalCase,L as pluckPixelValue,k as pluckValueFromStringUnit,g as propertiesGroup,$ as removePrefix,C as removePrefixOrSuffix,d as removeSuffix,w as replaceWord,p as setPropStyles,s as setStyles,A as transformSpacedStringToArray,u as transformToSpacedString,e as transformToString,i as transformToUnspacedString,y as trimExtraWhitespace};
 //# sourceMappingURL=string.js.map

package/internal/utils/string.js.map

@@ -1 +1 @@
-{"version":3,"file":"string.js","sources":["../../../../src/internal/utils/string.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { isNilOrEmpty, isNumericString } from './identity.js';\nexport function transformToString(delimiter, fns, ...args) {\n    return fns\n        .map(fn => {\n        return fn(...args);\n    })\n        .join(delimiter)\n        .trim();\n}\n// have to go this route because ramda curry throws typescript for loops\nexport function transformToSpacedString(fns, ...args) {\n    return transformToString(' ', fns, ...args);\n}\nexport function transformToUnspacedString(fns, ...args) {\n    return transformToString('', fns, ...args);\n}\nexport function camelCaseToKebabCase(value) {\n    return value.replace(/[A-Z]/g, l => `-${l.toLowerCase()}`);\n}\nexport function kebabCaseToCamelCase(str) {\n    return str\n        .split('-')\n        .map((item, index) => (index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item))\n        .join('');\n}\nexport function kebabCaseToPascalCase(string) {\n    const camelCase = kebabCaseToCamelCase(string);\n    return capitalizeFirstLetter(camelCase);\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 templates\n */\nexport function setStyles(styles) {\n    return createPropStyleSelectors(Object.keys(styles), styles);\n}\nexport function setPropStyles(styles) {\n    return createPropStyleSelectors(Object.keys(styles).filter(prop => prop.startsWith('--')), styles);\n}\nfunction createPropStyleSelectors(props, styles) {\n    return props.reduce((allStyles, prop) => `${allStyles}${styles[prop] ? `${prop}:${styles[prop]};` : ''}`, '');\n}\nexport function capitalizeFirstLetter(string) {\n    return string.charAt(0).toUpperCase() + string.slice(1);\n}\n/** Used for Storybook docs to define knob group for css properties */\nexport const cssGroup = 'CSS Custom Properties';\n/** Used for Storybook docs to define knob group for JavaScript properties */\nexport const propertiesGroup = 'Default Properties';\nexport function getNumericValueFromCssSecondsStyleValue(styleValueInSeconds) {\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    return isNumericString(copyVal) ? Number(copyVal) : 0;\n}\nexport function isPrefixedOrSuffixedBy(str, stringFix, prefixOrSuffix = 'prefix') {\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}\nexport function isPrefixedBy(str, prefix) {\n    return isPrefixedOrSuffixedBy(str, prefix, 'prefix');\n}\nexport function isSuffixedBy(str, suffix) {\n    return isPrefixedOrSuffixedBy(str, suffix, 'suffix');\n}\nexport function removePrefixOrSuffix(str, stringFix, prefixOrSuffix = 'prefix') {\n    if (isNilOrEmpty(str)) {\n        return '';\n    }\n    if (isNilOrEmpty(stringFix) || !isPrefixedOrSuffixedBy(str, stringFix, prefixOrSuffix)) {\n        return str;\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}\nexport function removePrefix(str, prefix) {\n    return removePrefixOrSuffix(str, prefix, 'prefix');\n}\nexport function removeSuffix(str, suffix) {\n    return removePrefixOrSuffix(str, suffix, 'suffix');\n}\nexport function replaceWord(str, wordToReplace, replaceWith = '') {\n    const words = str.split(' ');\n    const returnWords = replaceWith === ''\n        ? words.filter(w => w !== wordToReplace)\n        : words.map(w => (w === wordToReplace ? replaceWith : w));\n    return returnWords.length > 0 ? returnWords.join(' ') : '';\n}\n"],"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","replaceWord","wordToReplace","replaceWith","words","returnWords","w"],"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,UAEtC,SAASI,EAAY3C,EAAK4C,EAAeC,EAAc,IAC1D,MAAMC,EAAQ9C,EAAIC,MAAM,KAClB8C,EAA8B,KAAhBF,EACdC,EAAM9B,QAAOgC,GAAKA,IAAMJ,IACxBE,EAAM1D,KAAI4D,GAAMA,IAAMJ,EAAgBC,EAAcG,IAC1D,OAAOD,EAAYlB,OAAS,EAAIkB,EAAYzD,KAAK,KAAO"}
+{"version":3,"file":"string.js","sources":["../../../../src/internal/utils/string.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { getFromObjectPath, isNilOrEmpty, isNumericString } from './identity.js';\nexport function transformToString(delimiter, fns, ...args) {\n    return fns\n        .map(fn => {\n        return fn(...args);\n    })\n        .join(delimiter)\n        .trim();\n}\n// have to go this route because ramda curry throws typescript for loops\nexport function transformToSpacedString(fns, ...args) {\n    return transformToString(' ', fns, ...args);\n}\nexport function transformToUnspacedString(fns, ...args) {\n    return transformToString('', fns, ...args);\n}\nexport function camelCaseToKebabCase(value) {\n    return value.replace(/[A-Z]/g, l => `-${l.toLowerCase()}`);\n}\nexport function kebabCaseToCamelCase(str) {\n    return str\n        .split('-')\n        .map((item, index) => (index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item))\n        .join('');\n}\nexport function kebabCaseToPascalCase(string) {\n    const camelCase = kebabCaseToCamelCase(string);\n    return capitalizeFirstLetter(camelCase);\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 templates\n */\nexport function setStyles(styles) {\n    return createPropStyleSelectors(Object.keys(styles), styles);\n}\nexport function setPropStyles(styles) {\n    return createPropStyleSelectors(Object.keys(styles).filter(prop => prop.startsWith('--')), styles);\n}\nfunction createPropStyleSelectors(props, styles) {\n    return props.reduce((allStyles, prop) => `${allStyles}${styles[prop] ? `${prop}:${styles[prop]};` : ''}`, '');\n}\nexport function capitalizeFirstLetter(string) {\n    return string.charAt(0).toUpperCase() + string.slice(1);\n}\n/** Used for Storybook docs to define knob group for css properties */\nexport const cssGroup = 'CSS Custom Properties';\n/** Used for Storybook docs to define knob group for JavaScript properties */\nexport const propertiesGroup = 'Default Properties';\nexport function getNumericValueFromCssSecondsStyleValue(styleValueInSeconds) {\n    return pluckValueFromStringUnit(styleValueInSeconds, 's');\n}\nexport function isPrefixedOrSuffixedBy(str, stringFix, prefixOrSuffix = 'prefix') {\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}\nexport function isPrefixedBy(str, prefix) {\n    return isPrefixedOrSuffixedBy(str, prefix, 'prefix');\n}\nexport function isSuffixedBy(str, suffix) {\n    return isPrefixedOrSuffixedBy(str, suffix, 'suffix');\n}\nexport function removePrefixOrSuffix(str, stringFix, prefixOrSuffix = 'prefix') {\n    if (isNilOrEmpty(str)) {\n        return '';\n    }\n    if (isNilOrEmpty(stringFix) || !isPrefixedOrSuffixedBy(str, stringFix, prefixOrSuffix)) {\n        return str;\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}\nexport function removePrefix(str, prefix) {\n    return removePrefixOrSuffix(str, prefix, 'prefix');\n}\nexport function removeSuffix(str, suffix) {\n    return removePrefixOrSuffix(str, suffix, 'suffix');\n}\nexport function replaceWord(str, wordToReplace, replaceWith = '') {\n    const words = str.split(' ');\n    const returnWords = replaceWith === ''\n        ? words.filter(w => w !== wordToReplace)\n        : words.map(w => (w === wordToReplace ? replaceWith : w));\n    return returnWords.length > 0 ? returnWords.join(' ') : '';\n}\nexport function trimExtraWhitespace(str) {\n    return !str ? '' : (str + '').trim().replace(/  +/g, ' ');\n}\nexport function transformSpacedStringToArray(str) {\n    const trimmed = trimExtraWhitespace(str);\n    return trimmed === '' ? [] : trimmed.split(' ');\n}\nexport function convertStringPropertyToObjectConfig(property, defaultConfig, converter) {\n    if (!converter) {\n        return defaultConfig;\n    }\n    return Object.assign(defaultConfig, converter(property));\n}\nexport function pluckValueFromStringUnit(val, unit) {\n    const trimmedVal = val ? val.trim() : '';\n    if (trimmedVal === '' || !trimmedVal.endsWith(unit)) {\n        return 0;\n    }\n    const valueWithoutUnit = trimmedVal.slice(0, -1 * unit.length);\n    return isNumericString(valueWithoutUnit) ? +valueWithoutUnit : 0;\n}\nexport function pluckPixelValue(val) {\n    return !val ? 0 : pluckValueFromStringUnit(val.trim(), 'px');\n}\nexport function interpolateNaively(template, dataObj, fallback) {\n    const interpolatedString = template.replace(/\\$\\{.+?\\}/g, match => {\n        const path = match.substr(2, match.length - 3).trim();\n        const value = getFromObjectPath(path, dataObj, fallback);\n        return value;\n    });\n    return interpolatedString;\n}\n"],"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","pluckValueFromStringUnit","isPrefixedOrSuffixedBy","stringFix","prefixOrSuffix","isNilOrEmpty","substr","length","isPrefixedBy","prefix","isSuffixedBy","suffix","removePrefixOrSuffix","removePrefix","removeSuffix","replaceWord","wordToReplace","replaceWith","words","returnWords","w","trimExtraWhitespace","transformSpacedStringToArray","trimmed","convertStringPropertyToObjectConfig","property","defaultConfig","converter","assign","val","unit","trimmedVal","endsWith","valueWithoutUnit","isNumericString","pluckPixelValue","interpolateNaively","template","dataObj","fallback","match","path","getFromObjectPath"],"mappings":"yFAMO,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,GACpD,OAAOC,EAAyBD,EAAqB,KAElD,SAASE,EAAuB3B,EAAK4B,EAAWC,EAAiB,UACpE,OAAIC,EAAaF,KAAcE,EAAa9B,KAGL,WAAnB6B,EAA8B7B,EAAI+B,OAAO,EAAGH,EAAUI,QAAUhC,EAAI+B,QAAQ,EAAIH,EAAUI,WACvFJ,EAEpB,SAASK,EAAajC,EAAKkC,GAC9B,OAAOP,EAAuB3B,EAAKkC,EAAQ,UAExC,SAASC,EAAanC,EAAKoC,GAC9B,OAAOT,EAAuB3B,EAAKoC,EAAQ,UAExC,SAASC,EAAqBrC,EAAK4B,EAAWC,EAAiB,UAClE,GAAIC,EAAa9B,GACb,MAAO,GAEX,GAAI8B,EAAaF,KAAeD,EAAuB3B,EAAK4B,EAAWC,GACnE,OAAO7B,EAEX,OAAQ6B,GACJ,IAAK,SACD,OAAO7B,EAAI+B,OAAOH,EAAUI,QAChC,IAAK,SACD,OAAOhC,EAAI+B,OAAO,EAAG/B,EAAIgC,OAASJ,EAAUI,QAChD,QACI,OAAOhC,GAGZ,SAASsC,EAAatC,EAAKkC,GAC9B,OAAOG,EAAqBrC,EAAKkC,EAAQ,UAEtC,SAASK,EAAavC,EAAKoC,GAC9B,OAAOC,EAAqBrC,EAAKoC,EAAQ,UAEtC,SAASI,EAAYxC,EAAKyC,EAAeC,EAAc,IAC1D,MAAMC,EAAQ3C,EAAIC,MAAM,KAClB2C,EAA8B,KAAhBF,EACdC,EAAM3B,QAAO6B,GAAKA,IAAMJ,IACxBE,EAAMvD,KAAIyD,GAAMA,IAAMJ,EAAgBC,EAAcG,IAC1D,OAAOD,EAAYZ,OAAS,EAAIY,EAAYtD,KAAK,KAAO,GAErD,SAASwD,EAAoB9C,GAChC,OAAQA,GAAYA,EAAM,IAAIT,OAAOK,QAAQ,OAAQ,KAAvC,GAEX,SAASmD,EAA6B/C,GACzC,MAAMgD,EAAUF,EAAoB9C,GACpC,MAAmB,KAAZgD,EAAiB,GAAKA,EAAQ/C,MAAM,KAExC,SAASgD,EAAoCC,EAAUC,EAAeC,GACzE,OAAKA,EAGEvC,OAAOwC,OAAOF,EAAeC,EAAUF,IAFnCC,EAIR,SAASzB,EAAyB4B,EAAKC,GAC1C,MAAMC,EAAaF,EAAMA,EAAI/D,OAAS,GACtC,GAAmB,KAAfiE,IAAsBA,EAAWC,SAASF,GAC1C,OAAO,EAEX,MAAMG,EAAmBF,EAAWlD,MAAM,GAAI,EAAIiD,EAAKvB,QACvD,OAAO2B,EAAgBD,IAAqBA,EAAmB,EAE5D,SAASE,EAAgBN,GAC5B,OAAQA,EAAU5B,EAAyB4B,EAAI/D,OAAQ,MAAzC,EAEX,SAASsE,EAAmBC,EAAUC,EAASC,GAMlD,OAL2BF,EAASlE,QAAQ,cAAcqE,IACtD,MAAMC,EAAOD,EAAMlC,OAAO,EAAGkC,EAAMjC,OAAS,GAAGzC,OAE/C,OADc4E,EAAkBD,EAAMH,EAASC"}

package/internal/utils/supports.d.ts

@@ -1,11 +1,9 @@
 export interface FeatureSupportMatrix {
     js?: boolean;
-    flexGap?: boolean;
 }
 declare class BrowserFeatures {
     supports: {
         js: boolean;
-        flexGap: boolean;
     };
     constructor();
 }

package/internal/utils/supports.js

@@ -1,2 +1,2 @@
-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};
+import{camelCaseToKebabCase as t}from"./string.js";const s=new class{constructor(){if(this.supports={js:!0},!document.body.hasAttribute("cds-supports")||"no-js"===document.body.getAttribute("cds-supports")){const s=t(Object.keys(this.supports).reduce(((t,s)=>`${t} ${this.supports[s]?s:"no-"+s}`),"")).trim();document.body.setAttribute("cds-supports",s)}}};export{s as browserFeatures};
 //# sourceMappingURL=supports.js.map

package/internal/utils/supports.js.map

@@ -1 +1 @@
-{"version":3,"file":"supports.js","sources":["../../../../src/internal/utils/supports.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { camelCaseToKebabCase } from './string.js';\nclass BrowserFeatures {\n    constructor() {\n        this.supports = {\n            js: true,\n            flexGap: supportsFlexGap(),\n        };\n        if (!document.body.hasAttribute('cds-supports') || document.body.getAttribute('cds-supports') === 'no-js') {\n            const supports = camelCaseToKebabCase(Object.keys(this.supports).reduce((prev, next) => `${prev} ${this.supports[next] ? next : `no-${next}`}`, '')).trim();\n            document.body.setAttribute('cds-supports', supports);\n        }\n    }\n}\nexport const browserFeatures = new BrowserFeatures();\nfunction supportsFlexGap() {\n    const flex = document.createElement('div');\n    flex.style.display = 'flex';\n    flex.style.flexDirection = 'column';\n    flex.style.rowGap = '1px';\n    // create two, elements inside it\n    flex.appendChild(document.createElement('div'));\n    flex.appendChild(document.createElement('div'));\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.removeChild(flex);\n    return isSupported;\n}\n"],"names":["browserFeatures","constructor","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"}
+{"version":3,"file":"supports.js","sources":["../../../../src/internal/utils/supports.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { camelCaseToKebabCase } from './string.js';\nclass BrowserFeatures {\n    constructor() {\n        this.supports = {\n            js: true,\n        };\n        if (!document.body.hasAttribute('cds-supports') || document.body.getAttribute('cds-supports') === 'no-js') {\n            const supports = camelCaseToKebabCase(Object.keys(this.supports).reduce((prev, next) => `${prev} ${this.supports[next] ? next : `no-${next}`}`, '')).trim();\n            document.body.setAttribute('cds-supports', supports);\n        }\n    }\n}\nexport const browserFeatures = new BrowserFeatures();\n"],"names":["browserFeatures","constructor","this","supports","js","document","body","hasAttribute","getAttribute","camelCaseToKebabCase","Object","keys","reduce","prev","next","trim","setAttribute"],"mappings":"mDAiBY,MAACA,EAAkB,IAX/B,MACIC,cAII,GAHAC,KAAKC,SAAW,CACZC,IAAI,IAEHC,SAASC,KAAKC,aAAa,iBAAkE,UAA/CF,SAASC,KAAKE,aAAa,gBAA6B,CACvG,MAAML,EAAWM,EAAqBC,OAAOC,KAAKT,KAAKC,UAAUS,QAAO,CAACC,EAAMC,IAAS,GAAGD,KAAQX,KAAKC,SAASW,GAAQA,EAAO,MAAMA,KAAU,KAAKC,OACrJV,SAASC,KAAKU,aAAa,eAAgBb"}

package/internal/utils/traversal.d.ts

@@ -0,0 +1,3 @@
+export declare function getFlattenedFocusableItems(element: Node, depth?: number): HTMLElement[];
+export declare function getFlattenedDOMTree(node: Node, depth?: number): HTMLElement[];
+export declare function getChildren(node: any): any;

package/internal/utils/traversal.js

@@ -0,0 +1,2 @@
+import{focusable as e}from"./focus.js";function r(r,t=10){return n(r,t).filter((r=>e(r)))}function n(e,r=10){return Array.from(t(e)).reduce(((e,o)=>[...e,[o,[...Array.from(t(o)).map((e=>[e,n(e,r)]))]]]),[]).flat(r)}function t(e){if(e.documentElement)return e.documentElement.children;if(e.shadowRoot)return e.shadowRoot.children;if(e.assignedElements){const r=e.assignedElements();return r.length?r:e.children}return e.children}export{t as getChildren,n as getFlattenedDOMTree,r as getFlattenedFocusableItems};
+//# sourceMappingURL=traversal.js.map

package/internal/utils/traversal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traversal.js","sources":["../../../../src/internal/utils/traversal.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { focusable } from './focus.js';\nexport function getFlattenedFocusableItems(element, depth = 10) {\n    return getFlattenedDOMTree(element, depth).filter((e) => focusable(e));\n}\nexport function getFlattenedDOMTree(node, depth = 10) {\n    return Array.from(getChildren(node))\n        .reduce((prev, next) => {\n        return [...prev, [next, [...Array.from(getChildren(next)).map((i) => [i, getFlattenedDOMTree(i, depth)])]]];\n    }, [])\n        .flat(depth);\n}\nexport function getChildren(node) {\n    if (node.documentElement) {\n        return node.documentElement.children;\n    }\n    else if (node.shadowRoot) {\n        return node.shadowRoot.children;\n    }\n    else if (node.assignedElements) {\n        const slotted = node.assignedElements(); // slotted elements\n        return slotted.length ? slotted : node.children; // else slot fallback\n    }\n    else {\n        return node.children;\n    }\n}\n"],"names":["getFlattenedFocusableItems","element","depth","getFlattenedDOMTree","filter","e","focusable","node","Array","from","getChildren","reduce","prev","next","map","i","flat","documentElement","children","shadowRoot","assignedElements","slotted","length"],"mappings":"uCAMO,SAASA,EAA2BC,EAASC,EAAQ,IACxD,OAAOC,EAAoBF,EAASC,GAAOE,QAAQC,GAAMC,EAAUD,KAEhE,SAASF,EAAoBI,EAAML,EAAQ,IAC9C,OAAOM,MAAMC,KAAKC,EAAYH,IACzBI,QAAO,CAACC,EAAMC,IACR,IAAID,EAAM,CAACC,EAAM,IAAIL,MAAMC,KAAKC,EAAYG,IAAOC,KAAKC,GAAM,CAACA,EAAGZ,EAAoBY,EAAGb,UACjG,IACEc,KAAKd,GAEP,SAASQ,EAAYH,GACxB,GAAIA,EAAKU,gBACL,OAAOV,EAAKU,gBAAgBC,SAE3B,GAAIX,EAAKY,WACV,OAAOZ,EAAKY,WAAWD,SAEtB,GAAIX,EAAKa,iBAAkB,CAC5B,MAAMC,EAAUd,EAAKa,mBACrB,OAAOC,EAAQC,OAASD,EAAUd,EAAKW,SAGvC,OAAOX,EAAKW"}

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

@@ -1,9 +1,7 @@
-import { CdsBaseButton, HTMLAttributeTuple } from '@cds/core/internal';
+import { CdsButtonAction } from '@cds/core/button-action';
 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;
 /**
- * Standard close button for Clarity Components
+ * Standard close button for Clarity Components extends default cds-button-action
  *
  * ```typescript
  * import '@cds/core/internal-components/close-button/register.js';
@@ -14,15 +12,8 @@ export declare function removeCloseButton(hostElement: HTMLElement): void;
  * ```
  *
  * @element cds-internal-close-button
- * @cssprop --background
- * @cssprop --color
- * @cssprop --opacity
- * @cssprop --padding
  */
-export declare class CdsInternalCloseButton extends CdsBaseButton {
-    iconSize: string;
-    iconShape: string;
-    render(): import("lit-html").TemplateResult<1>;
-    static get styles(): import("lit").CSSResultGroup[];
-    constructor();
+export declare class CdsInternalCloseButton extends CdsButtonAction {
+    shape: string;
+    connectedCallback(): void;
 }

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

@@ -1,2 +1,2 @@
-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};
+import{__decorate as t}from"tslib";import{property as e}from"@cds/core/internal";import{CdsButtonAction as o}from"@cds/core/button-action";const s="cds-internal-close-button";class r extends o{constructor(){super(...arguments);this.shape="close"}connectedCallback(){super.connectedCallback(),this.ariaLabel=this.ariaLabel?this.ariaLabel:this.i18n.close}}t([e({type:String})],r.prototype,"shape",void 0);export{s as CdsCloseButtonTagName,r as CdsInternalCloseButton};
 //# 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","sources":["../../../../src/internal-components/close-button/close-button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { CdsBaseButton, baseStyles, isBrowser, property, setAttributes } from '@cds/core/internal';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { timesIcon } from '@cds/core/icon/shapes/times.js';\nimport styles from './close-button.element.scss';\nexport const CdsCloseButtonTagName = 'cds-internal-close-button';\nexport function appendCloseButton(hostElement, attributes, clickHandler) {\n    if (isBrowser() && !!hostElement) {\n        const closeBtn = document.createElement(CdsCloseButtonTagName);\n        if (attributes && attributes.length > 0) {\n            setAttributes(closeBtn, ...attributes);\n        }\n        if (clickHandler) {\n            closeBtn.addEventListener('click', clickHandler.bind(hostElement));\n        }\n        hostElement.appendChild(closeBtn);\n    }\n}\nexport function removeCloseButton(hostElement) {\n    if (isBrowser() && !!hostElement) {\n        const closeBtn = hostElement.querySelector(CdsCloseButtonTagName);\n        if (closeBtn) {\n            hostElement.removeChild(closeBtn);\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 CdsBaseButton {\n    constructor() {\n        super();\n        this.iconSize = '18';\n        this.iconShape = 'times';\n        ClarityIcons.addIcons(timesIcon);\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    static get styles() {\n        return [baseStyles, styles];\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsInternalCloseButton.prototype, \"iconSize\", void 0);\n__decorate([\n    property({ type: String })\n], CdsInternalCloseButton.prototype, \"iconShape\", void 0);\n"],"names":["CdsCloseButtonTagName","appendCloseButton","hostElement","attributes","clickHandler","isBrowser","closeBtn","document","createElement","length","setAttributes","addEventListener","bind","appendChild","removeCloseButton","querySelector","removeChild","CdsInternalCloseButton","CdsBaseButton","constructor","super","this","iconSize","iconShape","ClarityIcons","addIcons","timesIcon","render","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,GAE1BC,SACI,OAAOC,CAAK,8CAEOP,KAAKE,oBAAoBF,KAAKC,8BAI1CO,oBACP,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBjB,EAAuBkB,UAAW,gBAAY,GACjDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBjB,EAAuBkB,UAAW,iBAAa"}
+{"version":3,"file":"close-button.element.js","sources":["../../../../src/internal-components/close-button/close-button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { property } from '@cds/core/internal';\nimport { CdsButtonAction } from '@cds/core/button-action';\nexport const CdsCloseButtonTagName = 'cds-internal-close-button';\n/**\n * Standard close button for Clarity Components extends default cds-button-action\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 */\nexport class CdsInternalCloseButton extends CdsButtonAction {\n    constructor() {\n        super(...arguments);\n        this.shape = 'close';\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.ariaLabel = this.ariaLabel ? this.ariaLabel : this.i18n.close;\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsInternalCloseButton.prototype, \"shape\", void 0);\n"],"names":["CdsCloseButtonTagName","CdsInternalCloseButton","CdsButtonAction","constructor","super","this","shape","connectedCallback","ariaLabel","i18n","close","__decorate","property","type","String","prototype"],"mappings":"2IAQY,MAACA,EAAwB,4BAc9B,MAAMC,UAA+BC,EACxCC,cACIC,oBACAC,KAAKC,MAAQ,QAEjBC,oBACIH,MAAMG,oBACNF,KAAKG,UAAYH,KAAKG,UAAYH,KAAKG,UAAYH,KAAKI,KAAKC,OAGrEC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBb,EAAuBc,UAAW,aAAS"}

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

@@ -1,2 +1,2 @@
-export{CdsCloseButtonTagName,CdsInternalCloseButton,appendCloseButton,removeCloseButton}from"./close-button.element.js";
+export{CdsCloseButtonTagName,CdsInternalCloseButton}from"./close-button.element.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-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);
+import"@cds/core/icon/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as s}from"@cds/core/icon/icon.service.js";import{timesIcon as e}from"@cds/core/icon/shapes/times.js";import{CdsCloseButtonTagName as r,CdsInternalCloseButton as c}from"./close-button.element.js";o(r,c),s.addIcons(e),s.addAliases(["times",["close"]]);
 //# sourceMappingURL=register.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../../src/internal-components/close-button/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport '@cds/core/icon/register.js';\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsInternalCloseButton, CdsCloseButtonTagName } from './close-button.element.js';\nregisterElementSafely(CdsCloseButtonTagName, CdsInternalCloseButton);\n"],"names":["registerElementSafely","CdsCloseButtonTagName","CdsInternalCloseButton"],"mappings":"4LAQAA,EAAsBC,EAAuBC"}
+{"version":3,"file":"register.js","sources":["../../../../src/internal-components/close-button/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport '@cds/core/icon/register.js';\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 { CdsInternalCloseButton, CdsCloseButtonTagName } from './close-button.element.js';\nregisterElementSafely(CdsCloseButtonTagName, CdsInternalCloseButton);\nClarityIcons.addIcons(timesIcon);\nClarityIcons.addAliases(['times', ['close']]);\n"],"names":["registerElementSafely","CdsCloseButtonTagName","CdsInternalCloseButton","ClarityIcons","addIcons","timesIcon","addAliases"],"mappings":"qTAUAA,EAAsBC,EAAuBC,GAC7CC,EAAaC,SAASC,GACtBF,EAAaG,WAAW,CAAC,QAAS,CAAC"}

package/internal-components/overlay/index.js

@@ -1,2 +1,2 @@
-export{CdsInternalOverlay,isNestedOverlay,overlayIsActive}from"./overlay.element.js";
+export{CdsInternalOverlay,CdsInternalStaticOverlay}from"./overlay.element.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,8 +1,24 @@
-import { Animatable, CdsBaseFocusTrap, EventEmitter, FocusTrapTrackerService } from '@cds/core/internal';
-import { PropertyValues } from 'lit';
-export declare function isNestedOverlay(myId: string, overlayPrefix: string, trapIds: string[], previousValue?: boolean): boolean;
-export declare function overlayIsActive(overlayId: string, focusTrapService?: typeof FocusTrapTrackerService): boolean;
-declare type CloseChangeSources = 'backdrop-click' | 'escape-keypress' | 'close-button-click' | 'custom';
+import { EventEmitter, ClosableController, CloseChangeType, LayerController } from '@cds/core/internal';
+import { LitElement } from 'lit';
+export declare class CdsInternalStaticOverlay extends LitElement {
+    closable: boolean;
+    hidden: boolean;
+    protected demoMode: boolean;
+    i18n: {
+        closeButtonAriaLabel: string;
+        contentStart: string;
+        contentEnd: string;
+    };
+    protected layerController: LayerController<this>;
+    protected closableController: ClosableController<this>;
+    static get shadowRootOptions(): any;
+    protected get closeButtonTemplate(): import("lit-html").TemplateResult<1>;
+    protected get backdropTemplate(): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
+    protected backdropClick(): void;
+    closeOverlay(trigger?: CloseChangeType): void;
+    static get styles(): import("lit").CSSResultGroup[];
+}
 /**
  *
  * ```typescript
@@ -24,7 +40,6 @@ declare type CloseChangeSources = 'backdrop-click' | 'escape-keypress' | 'close-
  * </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
@@ -36,25 +51,7 @@ declare type CloseChangeSources = 'backdrop-click' | 'escape-keypress' | 'close-
  * KNOWN ISSUE: Safari jumps through the exit animation but only when the ESC key is pressed.
  *
  */
-export declare class CdsInternalOverlay extends CdsBaseFocusTrap implements Animatable {
+export declare class CdsInternalOverlay extends CdsInternalStaticOverlay {
     cdsMotion: string;
     cdsMotionChange: EventEmitter<string>;
-    /** @private */
-    static get shadowRootOptions(): any;
-    private overlayIdPrefix;
-    closeChange: EventEmitter<CloseChangeSources>;
-    protected isLayered: boolean;
-    protected backdrop: HTMLElement;
-    firstUpdated(props: PropertyValues<this>): void;
-    updated(props: PropertyValues<this>): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    constructor();
-    closeOverlay(trigger?: CloseChangeSources): void;
-    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").CSSResultGroup[];
 }
-export {};

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

@@ -1,2 +1,2 @@
-import{__decorate as e}from"tslib";import{FocusTrapTrackerService as t,CdsBaseFocusTrap as r,onKey as o,createId as s,baseStyles as i,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 v}from"lit";import{query as h}from"lit/decorators/query.js";import u from"./overlay.element.scss.js";function y(e,t,r,o){const s=r.filter((e=>e.indexOf(t)>-1));return!0===o&&r.indexOf(e)<0||s.indexOf(e)>0}function f(e,r=t){var o;return(null===(o=r.getCurrent())||void 0===o?void 0:o.focusTrapId)===e}let k=class extends r{constructor(){super();this.cdsMotion="on",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=s(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=y(this.focusTrapId,this.overlayIdPrefix,t.getTrapElements().map((e=>e.focusTrapId)),r);r!==o&&(this.isLayered=o,this.requestUpdate("isLayered",r))}connectedCallback(){super.connectedCallback(),this.ariaModal="true",this.role="dialog",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 v`<div class="${this.isLayered?"overlay-backdrop layered":"overlay-backdrop"}" aria-hidden="true"></div>`}render(){return v`${this.backdropTemplate}<div class="private-host" tabindex="-1" aria-modal="true" role="dialog"><slot></slot></div>`}static get styles(){return[i,u]}};e([a({type:String})],k.prototype,"cdsMotion",void 0),e([d()],k.prototype,"cdsMotionChange",void 0),e([d()],k.prototype,"closeChange",void 0),e([n({type:Boolean})],k.prototype,"isLayered",void 0),e([h(".overlay-backdrop")],k.prototype,"backdrop",void 0),k=e([c({hidden:{true:p(l),false:l}})],k);export{k as CdsInternalOverlay,y as isNestedOverlay,f as overlayIsActive};
+import{__decorate as t}from"tslib";import{I18nService as e,baseStyles as o,property as s,state as r,i18n as l,layer as i,closable as c,focusTrap as a,ariaModal as n,firstFocus as d,triggerable as p,event as h,animate as y,reverseAnimation as u,AnimationModalEnterName as m}from"@cds/core/internal";import{LitElement as v,html as b}from"lit";import k from"./overlay.element.scss.js";import g from"./shared.element.scss.js";let f=class extends v{constructor(){super(...arguments);this.closable=!1,this.hidden=!1,this.demoMode=!1,this.i18n=e.keys.overlay}static get shadowRootOptions(){return{...super.shadowRootOptions,delegatesFocus:!0}}get closeButtonTemplate(){return b`<cds-internal-close-button cds-layout="align:top" aria-label="${this.i18n.closeButtonAriaLabel}" @click="${()=>this.closeOverlay("close-button-click")}"></cds-internal-close-button>`}get backdropTemplate(){return b`<div class="overlay-backdrop" aria-hidden="true" @click="${()=>this.backdropClick()}"></div>`}render(){return b`${this.backdropTemplate}<div class="private-host" tabindex="-1"><slot></slot></div>`}backdropClick(){this.layerController.isActiveLayer&&this.closeOverlay("backdrop-click")}closeOverlay(t="custom"){this.closableController.close(t)}static get styles(){return[o,k,g]}};t([s({type:Boolean})],f.prototype,"closable",void 0),t([s({type:Boolean})],f.prototype,"hidden",void 0),t([r({type:Boolean,reflect:!0})],f.prototype,"demoMode",void 0),t([l()],f.prototype,"i18n",void 0),f=t([i(),c(),a(),n(),d(),p()],f);let B=class extends f{constructor(){super(...arguments);this.cdsMotion="on"}};t([s({type:String})],B.prototype,"cdsMotion",void 0),t([h()],B.prototype,"cdsMotionChange",void 0),B=t([y({hidden:{true:u(m),false:m}})],B);export{B as CdsInternalOverlay,f as CdsInternalStaticOverlay};
 //# sourceMappingURL=overlay.element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.element.js","sources":["../../../../src/internal-components/overlay/overlay.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { animate, baseStyles, createId, CdsBaseFocusTrap, event, FocusTrapTrackerService, state, onKey, property, AnimationModalEnterName, reverseAnimation, } from '@cds/core/internal';\nimport { html } from 'lit';\nimport { query } from 'lit/decorators/query.js';\nimport styles from './overlay.element.scss';\nexport function isNestedOverlay(myId, overlayPrefix, trapIds, previousValue) {\n    const overlayIds = trapIds.filter(id => id.indexOf(overlayPrefix) > -1);\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    return overlayIds.indexOf(myId) > 0; // id is present and not the first one...\n}\nexport function overlayIsActive(overlayId, focusTrapService = FocusTrapTrackerService) {\n    var _a;\n    return ((_a = focusTrapService.getCurrent()) === null || _a === void 0 ? void 0 : _a.focusTrapId) === overlayId;\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 */\nlet CdsInternalOverlay = class CdsInternalOverlay extends CdsBaseFocusTrap {\n    constructor() {\n        super();\n        this.cdsMotion = 'on';\n        this.overlayIdPrefix = '_overlay-';\n        this.isLayered = false;\n        this.fireEventOnBackdropClick = () => {\n            if (overlayIsActive(this.focusTrapId)) {\n                this.closeOverlay('backdrop-click');\n            }\n        };\n        this.fireEventOnEscape = (e) => {\n            if (overlayIsActive(this.focusTrapId)) {\n                onKey('escape', e, () => {\n                    this.closeOverlay('escape-keypress');\n                });\n            }\n        };\n        // override focus-trap base id so we know this is an overlay\n        this.focusTrapId = createId(this.overlayIdPrefix);\n    }\n    // renderRoot needs delegatesFocus so that focus can cross the shadowDOM\n    // inside an element with aria-modal set to true\n    /** @private */\n    static get shadowRootOptions() {\n        // any is used until TS 4.4.x adopted through other @cds/* libraries. Can be removed in 6.0\n        return { ...super.shadowRootOptions, delegatesFocus: true };\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.backdrop.addEventListener('click', this.fireEventOnBackdropClick);\n    }\n    updated(props) {\n        super.updated(props);\n        const oldLayered = this.isLayered;\n        const newLayered = isNestedOverlay(this.focusTrapId, this.overlayIdPrefix, FocusTrapTrackerService.getTrapElements().map(e => e.focusTrapId), oldLayered);\n        if (oldLayered !== newLayered) {\n            this.isLayered = newLayered;\n            this.requestUpdate('isLayered', oldLayered);\n        }\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.ariaModal = 'true';\n        this.role = 'dialog';\n        window.addEventListener('keydown', this.fireEventOnEscape);\n    }\n    disconnectedCallback() {\n        super.disconnectedCallback();\n        window.removeEventListener('keydown', this.fireEventOnEscape);\n        this.backdrop.removeEventListener('click', this.fireEventOnBackdropClick);\n    }\n    closeOverlay(trigger = 'custom') {\n        this.closeChange.emit(trigger);\n    }\n    get backdropTemplate() {\n        return html `<div\n      class=\"${this.isLayered ? 'overlay-backdrop layered' : 'overlay-backdrop'}\"\n      aria-hidden=\"true\"\n    ></div>`;\n    }\n    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    static get styles() {\n        return [baseStyles, styles];\n    }\n};\n__decorate([\n    property({ type: String })\n], CdsInternalOverlay.prototype, \"cdsMotion\", void 0);\n__decorate([\n    event()\n], CdsInternalOverlay.prototype, \"cdsMotionChange\", void 0);\n__decorate([\n    event()\n], CdsInternalOverlay.prototype, \"closeChange\", void 0);\n__decorate([\n    state({ type: Boolean })\n], CdsInternalOverlay.prototype, \"isLayered\", void 0);\n__decorate([\n    query('.overlay-backdrop')\n], CdsInternalOverlay.prototype, \"backdrop\", void 0);\nCdsInternalOverlay = __decorate([\n    animate({\n        hidden: {\n            true: reverseAnimation(AnimationModalEnterName),\n            false: AnimationModalEnterName,\n        },\n    })\n], CdsInternalOverlay);\nexport { CdsInternalOverlay };\n"],"names":["isNestedOverlay","myId","overlayPrefix","trapIds","previousValue","overlayIds","filter","id","indexOf","overlayIsActive","overlayId","focusTrapService","FocusTrapTrackerService","_a","getCurrent","focusTrapId","CdsInternalOverlay","CdsBaseFocusTrap","constructor","super","this","cdsMotion","overlayIdPrefix","isLayered","fireEventOnBackdropClick","closeOverlay","fireEventOnEscape","e","onKey","createId","shadowRootOptions","delegatesFocus","firstUpdated","props","backdrop","addEventListener","updated","oldLayered","newLayered","getTrapElements","map","requestUpdate","connectedCallback","ariaModal","role","window","disconnectedCallback","removeEventListener","trigger","closeChange","emit","backdropTemplate","html","render","styles","baseStyles","__decorate","property","type","String","prototype","event","state","Boolean","query","animate","hidden","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"uXAUO,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,IAAIC,EACJ,OAAiD,QAAxCA,EAAKF,EAAiBG,oBAAiC,IAAPD,OAAgB,EAASA,EAAGE,eAAiBL,EAmCvG,IAACM,EAAqB,cAAiCC,EACtDC,cACIC,QACAC,KAAKC,UAAY,KACjBD,KAAKE,gBAAkB,YACvBF,KAAKG,WAAY,EACjBH,KAAKI,yBAA2B,KACxBf,EAAgBW,KAAKL,cACrBK,KAAKK,aAAa,mBAG1BL,KAAKM,kBAAqBC,IAClBlB,EAAgBW,KAAKL,cACrBa,EAAM,SAAUD,GAAG,KACfP,KAAKK,aAAa,uBAK9BL,KAAKL,YAAcc,EAAST,KAAKE,iBAK1BQ,+BAEP,MAAO,IAAKX,MAAMW,kBAAmBC,gBAAgB,GAEzDC,aAAaC,GACTd,MAAMa,aAAaC,GACnBb,KAAKc,SAASC,iBAAiB,QAASf,KAAKI,0BAEjDY,QAAQH,GACJd,MAAMiB,QAAQH,GACd,MAAMI,EAAajB,KAAKG,UAClBe,EAAatC,EAAgBoB,KAAKL,YAAaK,KAAKE,gBAAiBV,EAAwB2B,kBAAkBC,KAAIb,GAAKA,EAAEZ,cAAcsB,GAC1IA,IAAeC,IACflB,KAAKG,UAAYe,EACjBlB,KAAKqB,cAAc,YAAaJ,IAGxCK,oBACIvB,MAAMuB,oBACNtB,KAAKuB,UAAY,OACjBvB,KAAKwB,KAAO,SACZC,OAAOV,iBAAiB,UAAWf,KAAKM,mBAE5CoB,uBACI3B,MAAM2B,uBACND,OAAOE,oBAAoB,UAAW3B,KAAKM,mBAC3CN,KAAKc,SAASa,oBAAoB,QAAS3B,KAAKI,0BAEpDC,aAAauB,EAAU,UACnB5B,KAAK6B,YAAYC,KAAKF,GAEtBG,uBACA,OAAOC,CAAK,eACLhC,KAAKG,UAAY,2BAA6B,gDAIzD8B,SACI,OAAOD,CAAK,GACZhC,KAAK+B,8GAMEG,oBACP,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB3C,EAAmB4C,UAAW,iBAAa,GAC9CJ,EAAW,CACPK,KACD7C,EAAmB4C,UAAW,uBAAmB,GACpDJ,EAAW,CACPK,KACD7C,EAAmB4C,UAAW,mBAAe,GAChDJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,WACf/C,EAAmB4C,UAAW,iBAAa,GAC9CJ,EAAW,CACPQ,EAAM,sBACPhD,EAAmB4C,UAAW,gBAAY,GAC7C5C,EAAqBwC,EAAW,CAC5BS,EAAQ,CACJC,OAAQ,CACJC,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBrD"}
+{"version":3,"file":"overlay.element.js","sources":["../../../../src/internal-components/overlay/overlay.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { AnimationModalEnterName, animate, baseStyles, event, i18n, I18nService, state, property, reverseAnimation, focusTrap, ariaModal, firstFocus, layer, closable, triggerable, } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport styles from './overlay.element.scss';\nimport sharedStyles from './shared.element.scss';\nlet CdsInternalStaticOverlay = class CdsInternalStaticOverlay extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.closable = false;\n        // eslint-disable-next-line rulesdir/reserved-property-names\n        this.hidden = false;\n        this.demoMode = false;\n        this.i18n = I18nService.keys.overlay;\n    }\n    // renderRoot needs delegatesFocus so that focus can cross the shadowDOM inside an element with aria-modal set to true\n    static get shadowRootOptions() {\n        return { ...super.shadowRootOptions, delegatesFocus: true };\n    }\n    get closeButtonTemplate() {\n        return html `<cds-internal-close-button\n      cds-layout=\"align:top\"\n      aria-label=${this.i18n.closeButtonAriaLabel}\n      @click=${() => this.closeOverlay('close-button-click')}\n    ></cds-internal-close-button>`;\n    }\n    get backdropTemplate() {\n        return html `<div class=\"overlay-backdrop\" aria-hidden=\"true\" @click=${() => this.backdropClick()}></div>`;\n    }\n    render() {\n        return html `\n      ${this.backdropTemplate}\n      <div class=\"private-host\" tabindex=\"-1\">\n        <slot></slot>\n      </div>\n    `;\n    }\n    backdropClick() {\n        if (this.layerController.isActiveLayer) {\n            this.closeOverlay('backdrop-click');\n        }\n    }\n    closeOverlay(trigger = 'custom') {\n        this.closableController.close(trigger);\n    }\n    static get styles() {\n        return [baseStyles, styles, sharedStyles];\n    }\n};\n__decorate([\n    property({ type: Boolean })\n], CdsInternalStaticOverlay.prototype, \"closable\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsInternalStaticOverlay.prototype, \"hidden\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsInternalStaticOverlay.prototype, \"demoMode\", void 0);\n__decorate([\n    i18n()\n], CdsInternalStaticOverlay.prototype, \"i18n\", void 0);\nCdsInternalStaticOverlay = __decorate([\n    layer(),\n    closable(),\n    focusTrap(),\n    ariaModal(),\n    firstFocus(),\n    triggerable()\n], CdsInternalStaticOverlay);\nexport { CdsInternalStaticOverlay };\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 * @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 */\nlet CdsInternalOverlay = class CdsInternalOverlay extends CdsInternalStaticOverlay {\n    constructor() {\n        super(...arguments);\n        this.cdsMotion = 'on';\n    }\n};\n__decorate([\n    property({ type: String })\n], CdsInternalOverlay.prototype, \"cdsMotion\", void 0);\n__decorate([\n    event()\n], CdsInternalOverlay.prototype, \"cdsMotionChange\", void 0);\nCdsInternalOverlay = __decorate([\n    animate({\n        hidden: {\n            true: reverseAnimation(AnimationModalEnterName),\n            false: AnimationModalEnterName,\n        },\n    })\n], CdsInternalOverlay);\nexport { CdsInternalOverlay };\n"],"names":["CdsInternalStaticOverlay","LitElement","constructor","super","this","closable","hidden","demoMode","i18n","I18nService","keys","overlay","shadowRootOptions","delegatesFocus","closeButtonTemplate","html","closeButtonAriaLabel","closeOverlay","backdropTemplate","backdropClick","render","layerController","isActiveLayer","trigger","closableController","close","styles","baseStyles","sharedStyles","__decorate","property","type","Boolean","prototype","state","reflect","layer","focusTrap","ariaModal","firstFocus","triggerable","CdsInternalOverlay","cdsMotion","String","event","animate","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"saAUG,IAACA,EAA2B,cAAuCC,EAClEC,cACIC,oBACAC,KAAKC,UAAW,EAEhBD,KAAKE,QAAS,EACdF,KAAKG,UAAW,EAChBH,KAAKI,KAAOC,EAAYC,KAAKC,QAGtBC,+BACP,MAAO,IAAKT,MAAMS,kBAAmBC,gBAAgB,GAErDC,0BACA,OAAOC,CAAK,iEAEDX,KAAKI,KAAKQ,iCACd,IAAMZ,KAAKa,aAAa,sDAG/BC,uBACA,OAAOH,CAAK,4DAA2D,IAAMX,KAAKe,0BAEtFC,SACI,OAAOL,CAAK,GACZX,KAAKc,8EAMTC,gBACQf,KAAKiB,gBAAgBC,eACrBlB,KAAKa,aAAa,kBAG1BA,aAAaM,EAAU,UACnBnB,KAAKoB,mBAAmBC,MAAMF,GAEvBG,oBACP,MAAO,CAACC,EAAYD,EAAQE,KAGpCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBhC,EAAyBiC,UAAW,gBAAY,GACnDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBhC,EAAyBiC,UAAW,cAAU,GACjDJ,EAAW,CACPK,EAAM,CAAEH,KAAMC,QAASG,SAAS,KACjCnC,EAAyBiC,UAAW,gBAAY,GACnDJ,EAAW,CACPrB,KACDR,EAAyBiC,UAAW,YAAQ,GAC/CjC,EAA2B6B,EAAW,CAClCO,IACA/B,IACAgC,IACAC,IACAC,IACAC,KACDxC,GAkCA,IAACyC,EAAqB,cAAiCzC,EACtDE,cACIC,oBACAC,KAAKsC,UAAY,OAGzBb,EAAW,CACPC,EAAS,CAAEC,KAAMY,UAClBF,EAAmBR,UAAW,iBAAa,GAC9CJ,EAAW,CACPe,KACDH,EAAmBR,UAAW,uBAAmB,GACpDQ,EAAqBZ,EAAW,CAC5BgB,EAAQ,CACJvC,OAAQ,CACJwC,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBP"}

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

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`: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: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:inline-flex!important}:host([hidden]){--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s)}:host([hidden*=false]){display:inline-flex!important}`;export{o as default};
+import{css as a}from"lit";var i=a`: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));--backdrop-animation-duration:var(--cds-global-animation-duration-slow, 0.5s);position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000000;display:inline-flex;align-items:center;justify-content:center}.private-host{position:relative}:host([cds-motion][_cds-animation-status=active]){display:inline-flex!important}:host([hidden]){--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s)}:host([hidden*=false]){display:inline-flex!important}@media screen and (max-width:576px){.private-host{width:100%;height:100%;margin:0!important}}`;export{i as default};
 //# sourceMappingURL=overlay.element.scss.js.map

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

@@ -0,0 +1,2 @@
+import{css as o}from"lit";var a=o`.overlay-backdrop{width:100%;height:100%;background:var(--backdrop-background);position:fixed}:host(:not([cds-layer="0"])) .overlay-backdrop{background:var(--layered-backdrop-background,var(--backdrop-background))}:host([_demo-mode]){position:absolute;z-index:100000}:host([_demo-mode]) .overlay-backdrop{position:absolute}`;export{a as default};
+//# sourceMappingURL=shared.element.scss.js.map

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

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

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

@@ -11,7 +11,7 @@ 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
  * @cssprop --width

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

@@ -1 +1 @@
-{"version":3,"file":"panel.element.js","sources":["../../../../src/internal-components/panel/panel.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { LitElement, html } from 'lit';\nimport { baseStyles } from '@cds/core/internal';\nimport styles from './panel.element.scss';\nexport const CdsInternalPanelTagName = 'cds-internal-panel';\n/**\n *\n * ```typescript\n * import '@cds/core/internal-components/panel/register.js';\n * ```\n *\n * ```html\n * <cds-internal-panel>\n *  // content\n * </cds-internal-panel>\n * ```\n * @beta\n * @element cds-internal-panel\n * @slot - Content slot for the content inside the panel\n * @cssprop --width\n * @cssprop --height\n * @cssprop --color\n * @cssprop --overflow\n * @cssprop --overflow-x\n * @cssprop --overflow-y\n * @cssprop --background\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --box-shadow\n */\nexport class CdsInternalPanel extends LitElement {\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    render() {\n        return html `\n      <div class=\"private-host\">\n        <slot></slot>\n      </div>\n    `;\n    }\n}\n"],"names":["CdsInternalPanelTagName","CdsInternalPanel","LitElement","styles","baseStyles","render","html"],"mappings":"kIAQY,MAACA,EAA0B,qBA2BhC,MAAMC,UAAyBC,EACvBC,oBACP,MAAO,CAACC,EAAYD,GAExBE,SACI,OAAOC,CAAK"}
+{"version":3,"file":"panel.element.js","sources":["../../../../src/internal-components/panel/panel.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { LitElement, html } from 'lit';\nimport { baseStyles } from '@cds/core/internal';\nimport styles from './panel.element.scss';\nexport const CdsInternalPanelTagName = 'cds-internal-panel';\n/**\n *\n * ```typescript\n * import '@cds/core/internal-components/panel/register.js';\n * ```\n *\n * ```html\n * <cds-internal-panel>\n *  // content\n * </cds-internal-panel>\n * ```\n *\n * @element cds-internal-panel\n * @slot - Content slot for the content inside the panel\n * @cssprop --width\n * @cssprop --height\n * @cssprop --color\n * @cssprop --overflow\n * @cssprop --overflow-x\n * @cssprop --overflow-y\n * @cssprop --background\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --box-shadow\n */\nexport class CdsInternalPanel extends LitElement {\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    render() {\n        return html `\n      <div class=\"private-host\">\n        <slot></slot>\n      </div>\n    `;\n    }\n}\n"],"names":["CdsInternalPanelTagName","CdsInternalPanel","LitElement","styles","baseStyles","render","html"],"mappings":"kIAQY,MAACA,EAA0B,qBA2BhC,MAAMC,UAAyBC,EACvBC,oBACP,MAAO,CAACC,EAAYD,GAExBE,SACI,OAAOC,CAAK"}

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

@@ -1,2 +1,2 @@
-import{css as r}from"lit";var a=r`:host{--width:100%;--height:100%;--color:initial;--overflow:visible;--overflow-x:visible;--overflow-y:visible;--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem)) solid initial;--border-radius:var(--cds-alias-object-border-radius-100, calc(4 / var(--cds-global-base, 20) * 1rem));--padding:var(--cds-global-space-0, calc(0 / var(--cds-global-base, 20) * 1rem));--box-shadow:none;width:var(--width);height:var(--height)}.private-host{overflow:var(--overflow);overflow-x:var(--overflow-x);overflow-y:var(--overflow-y);width:var(--width);height:var(--height);background:var(--background);border:var(--border);border-radius:var(--border-radius);padding:var(--padding);box-shadow:var(--box-shadow);color:var(--color)}`;export{a as default};
+import{css as r}from"lit";var o=r`:host{--width:100%;--height:100%;--color:initial;--overflow:visible;--overflow-x:visible;--overflow-y:visible;--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid initial;--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--padding:var(--cds-global-space-0, 0rem);--box-shadow:none;width:var(--width);height:var(--height)}.private-host{overflow:var(--overflow);overflow-x:var(--overflow-x);overflow-y:var(--overflow-y);width:var(--width);height:var(--height);background:var(--background);border:var(--border);border-radius:var(--border-radius);padding:var(--padding);box-shadow:var(--box-shadow);color:var(--color)}`;export{o as default};
 //# sourceMappingURL=panel.element.scss.js.map

package/internal-components/popup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './popup.element.js';
+export * from './pointer.element.js';

package/internal-components/popup/index.js

@@ -0,0 +1,2 @@
+export{CdsInternalPopup}from"./popup.element.js";export{CdsInternalPointer}from"./pointer.element.js";
+//# sourceMappingURL=index.js.map

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

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

package/internal-components/popup/pointer.element.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+import { PointerElement } from '@cds/core/internal';
+/**
+ * ```typescript
+ * import '@cds/core/internal-components/popup/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-internal-pointer></cds-internal-pointer>
+ * ```
+ *
+ * @beta
+ * @element cds-internal-pointer
+ * @slot - Content slot to override the default pointer SVG
+ * @cssprop --pointer-fill
+ * @cssprop --pointer-outline
+ * @cssprop --transform
+ *
+ */
+export declare class CdsInternalPointer extends LitElement implements PointerElement {
+    axisAlign: 'start' | 'center' | 'end';
+    /**
+     * The "angle" pointer type is the right-angle triangle that we are used to seeing with signposts.
+     * The "default" pointer type is an equilateral triangle like we see with the pop-outs in the
+     * datagrid single row actions.
+     *
+     * @type {('angle' | 'default')}
+     * @memberof CdsInternalPointer
+     */
+    type: 'angle' | 'default';
+    protected get pointerTemplate(): import("lit-html").TemplateResult<2>;
+    protected render(): import("lit-html").TemplateResult<1> | import("lit-html").TemplateResult<2>;
+    connectedCallback(): void;
+    static get styles(): import("lit").CSSResultGroup[];
+}

package/internal-components/popup/pointer.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{LitElement as e,html as r}from"lit";import{property as i}from"@cds/core/internal";import{getPointer as s}from"./utils/pointer.utils.js";import o from"./pointer.element.scss.js";class p extends e{constructor(){super(...arguments);this.axisAlign="start"}get pointerTemplate(){return s(this.type)}render(){return this.type?s(this.type):r`<slot></slot>`}connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}static get styles(){return[o]}}t([i({type:String})],p.prototype,"axisAlign",void 0),t([i({type:String})],p.prototype,"type",void 0);export{p as CdsInternalPointer};
+//# sourceMappingURL=pointer.element.js.map

package/internal-components/popup/pointer.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer.element.js","sources":["../../../../src/internal-components/popup/pointer.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html, LitElement } from 'lit';\nimport { property } from '@cds/core/internal';\nimport { getPointer } from './utils/pointer.utils.js';\nimport styles from './pointer.element.scss';\n/**\n * ```typescript\n * import '@cds/core/internal-components/popup/register.js';\n * ```\n *\n * ```html\n * <cds-internal-pointer></cds-internal-pointer>\n * ```\n *\n * @beta\n * @element cds-internal-pointer\n * @slot - Content slot to override the default pointer SVG\n * @cssprop --pointer-fill\n * @cssprop --pointer-outline\n * @cssprop --transform\n *\n */\nexport class CdsInternalPointer extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.axisAlign = 'start';\n    }\n    get pointerTemplate() {\n        return getPointer(this.type);\n    }\n    render() {\n        // this prevents an impossible state where you have a custom SVG inside of a typed pointer\n        return this.type ? getPointer(this.type) : html `<slot></slot>`;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.ariaHidden = 'true';\n    }\n    static get styles() {\n        return [styles];\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsInternalPointer.prototype, \"axisAlign\", void 0);\n__decorate([\n    property({ type: String })\n], CdsInternalPointer.prototype, \"type\", void 0);\n"],"names":["CdsInternalPointer","LitElement","constructor","super","this","axisAlign","pointerTemplate","getPointer","type","render","html","connectedCallback","ariaHidden","styles","__decorate","property","String","prototype"],"mappings":"2NA2BO,MAAMA,UAA2BC,EACpCC,cACIC,oBACAC,KAAKC,UAAY,QAEjBC,sBACA,OAAOC,EAAWH,KAAKI,MAE3BC,SAEI,OAAOL,KAAKI,KAAOD,EAAWH,KAAKI,MAAQE,CAAK,gBAEpDC,oBACIR,MAAMQ,oBACNP,KAAKQ,WAAa,OAEXC,oBACP,MAAO,CAACA,IAGhBC,EAAW,CACPC,EAAS,CAAEP,KAAMQ,UAClBhB,EAAmBiB,UAAW,iBAAa,GAC9CH,EAAW,CACPC,EAAS,CAAEP,KAAMQ,UAClBhB,EAAmBiB,UAAW,YAAQ"}

package/internal-components/popup/pointer.element.scss.js

@@ -0,0 +1,2 @@
+import{css as o}from"lit";var r=o`:host{--transform:none;--pointer-fill:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--pointer-outline:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));display:block}:host .pointer-img{transform:var(--transform);display:block}:host .pointer-fill{fill:var(--pointer-fill,var(--cds-alias-object-interaction-background,var(--cds-global-color-white,#fff)))}:host .pointer-border{fill:var(--pointer-outline,var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)))}::slotted(*),svg{display:block}`;export{r as default};
+//# sourceMappingURL=pointer.element.scss.js.map

package/internal-components/popup/pointer.element.scss.js.map

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

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

@@ -0,0 +1,114 @@
+import { AxisAligns, EventEmitter, PositionableElement } from '@cds/core/internal';
+import { PropertyValues } from 'lit';
+import { CdsInternalStaticOverlay } from '@cds/core/internal-components/overlay';
+import { CdsInternalPointer } from './pointer.element.js';
+/**
+ * ```typescript
+ * import '@cds/core/internal-components/popup/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-internal-popup>
+ *  <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 popup.
+ *        </p>
+ *      </div>
+ *    </div>
+ *  </section>
+ * </cds-internal-popup>
+ * ```
+ *
+ * @beta
+ * @element cds-internal-popup
+ * @slot - Content slot for the content inside the popup's panel
+ * @event closeChange - Notify user when close event has occurred
+ * @cssprop --active-corner-border-radius
+ * @cssprop --background
+ * @cssprop --backdrop-background
+ * @cssprop --layered-backdrop-background
+ * @cssprop --border-color
+ * @cssprop --border-radius
+ * @cssprop --border-width
+ * @cssprop --box-shadow
+ * @cssprop --close-button-offset
+ * @cssprop --color
+ * @cssprop --min-height
+ * @cssprop --min-width
+ * @cssprop --max-height
+ * @cssprop --max-width
+ * @cssprop --mobile-max-height
+ * @cssprop --overflow - sets overflow x and y values respectively
+ * @cssprop --height
+ * @cssprop --width
+ * @cssprop --animation-duration
+ * @cssprop --animation-easing
+ *
+ * KNOWN ISSUE: Safari jumps through the exit animation but only when the ESC key is pressed.
+ *
+ */
+export declare class CdsInternalPopup extends CdsInternalStaticOverlay implements PositionableElement {
+    i18n: {
+        closeButtonAriaLabel: string;
+        contentStart: string;
+        contentEnd: string;
+    };
+    cdsMotion: string;
+    /**
+     * force responsive by setting orientation to 'none'.
+     * do not manipulate the responsive property because the
+     * positioning logic may override your changes.
+     */
+    /** @private */
+    responsive: boolean;
+    cdsMotionChange: EventEmitter<string>;
+    /**
+     * Used to force an override of the popup trigger focus recovery. Used by the closable controller.
+     */
+    trigger: HTMLElement;
+    /**
+     * Accepts both an HTMLElement and a string
+     */
+    anchor: HTMLElement | string;
+    /** @private */
+    get anchorElement(): HTMLElement | null;
+    anchorAlign: AxisAligns;
+    /** @private */
+    get anchorRect(): DOMRect;
+    mainAxisOffset: number;
+    crossAxisOffset: number;
+    orientation: string;
+    /**
+     * If false, the dropdown will not show a close button ever.
+     * If true, it will always show a close button.
+     * If undefined, it will only show a close button when responsive. a11y expects a close button when responsive.
+     *
+     */
+    closable: boolean;
+    pointerAlign: AxisAligns;
+    /**
+     * Forces a pointer to show with popup from known pointer types
+     * @type {'angle' | 'default'}
+     */
+    defaultPointerType: string | null;
+    pointer: CdsInternalPointer;
+    /** @private */
+    pointerWrapper: HTMLElement;
+    /** @private */
+    hostWrapper: HTMLElement;
+    /** @private */
+    popupWrapper: HTMLElement;
+    /** @private */
+    contentWrapper: HTMLElement;
+    protected observers: (MutationObserver | ResizeObserver)[];
+    private setUpPositioningObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(props: PropertyValues<this>): void;
+    updated(props: PropertyValues<this>): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResultGroup[];
+}

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

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{I18nService as e,getElementUpdates as o,setPopupPosition as r,setAttributes as i,isScrollable as p,baseStyles as s,i18n as n,property as d,state as a,event as c,querySlot as l,ariaPopup as h,animate as y,reverseAnimation as v,AnimationResponsivePopupEnterName as u}from"@cds/core/internal";import{html as m}from"lit";import{query as g}from"lit/decorators/query.js";import{CdsInternalStaticOverlay as f}from"@cds/core/internal-components/overlay";import b from"../overlay/shared.element.scss.js";import S from"./popup.element.scss.js";let A=class extends f{constructor(){super(...arguments);this.i18n=e.keys.popup,this.cdsMotion="on",this.responsive=!1,this.anchorAlign="start",this.pointerAlign="start",this.defaultPointerType=null,this.observers=[]}get anchorElement(){const t=this.anchor;if("string"==typeof t){const e=this.getRootNode().querySelector("#"+t);return null===e?this.getRootNode({composed:!0}).querySelector("#"+this.anchor):e}return t}get anchorRect(){return this.anchorElement?.getBoundingClientRect()||new DOMRect}setUpPositioningObserver(){this.observers.push(o(this,"hidden",(()=>{!1===this.hidden&&r(this)})))}connectedCallback(){if(!this.pointer&&this.defaultPointerType){const t=document.createElement("cds-internal-pointer");t.type=this.defaultPointerType,this.appendChild(t)}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t?.disconnect()))}firstUpdated(t){super.firstUpdated(t),this.setUpPositioningObserver()}updated(t){this.pointer&&!this.pointer.hasAttribute("part")&&i(this.pointer,["part","pointer"]),t.has("hidden")&&i(this.contentWrapper,["tabindex",!!p(this.contentWrapper)&&"0"]),super.updated(t)}render(){return m`${this.backdropTemplate}<div class="private-host" tabindex="-1"><div cds-layout="display:screen-reader-only">${this.i18n.contentStart}</div><div class="popup-wrapper"><div class="popup-content">${this.closable||this.responsive?this.closeButtonTemplate:""}<slot></slot></div><div class="pointer-wrapper"><div class="popup-pointer"><slot name="pointer"></slot></div></div></div><div cds-layout="display:screen-reader-only">${this.i18n.contentEnd}</div></div>`}static get styles(){return[s,S,b]}};t([n()],A.prototype,"i18n",void 0),t([d({type:String})],A.prototype,"cdsMotion",void 0),t([a({type:Boolean,reflect:!0,attribute:"responsive"})],A.prototype,"responsive",void 0),t([c()],A.prototype,"cdsMotionChange",void 0),t([d({type:Object})],A.prototype,"trigger",void 0),t([d({type:String})],A.prototype,"anchor",void 0),t([d({type:String})],A.prototype,"anchorAlign",void 0),t([d({type:Number})],A.prototype,"mainAxisOffset",void 0),t([d({type:Number})],A.prototype,"crossAxisOffset",void 0),t([d({type:String})],A.prototype,"orientation",void 0),t([d({type:Boolean})],A.prototype,"closable",void 0),t([d({type:String})],A.prototype,"pointerAlign",void 0),t([d({type:String})],A.prototype,"defaultPointerType",void 0),t([l("cds-internal-pointer",{assign:"pointer"})],A.prototype,"pointer",void 0),t([g(".popup-pointer")],A.prototype,"pointerWrapper",void 0),t([g(".private-host")],A.prototype,"hostWrapper",void 0),t([g(".popup-wrapper")],A.prototype,"popupWrapper",void 0),t([g(".popup-content")],A.prototype,"contentWrapper",void 0),A=t([h(),y({hidden:{true:v(u),false:u}})],A);export{A as CdsInternalPopup};
+//# sourceMappingURL=popup.element.js.map