@cds/core 5.6.4 → 5.7.2

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"register.js","sources":["../../../../src/internal-components/overlay/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 { ClarityMotion, AnimationModalEnterName, AnimationModalEnterConfig, registerElementSafely, } from '@cds/core/internal';\nimport { CdsInternalOverlay } from './overlay.element.js';\nClarityMotion.add(AnimationModalEnterName, AnimationModalEnterConfig);\nregisterElementSafely('cds-internal-overlay', CdsInternalOverlay);\n"],"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{CdsInternalPanel,CdsInternalPanelTagName}from"./panel.element.js";import"lit";import"@cds/core/internal";
+export{CdsInternalPanel,CdsInternalPanelTagName}from"./panel.element.js";
 //# sourceMappingURL=index.js.map

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

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

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":null,"names":["CdsInternalPanelTagName","CdsInternalPanel","LitElement","styles","baseStyles","[object Object]","html"],"mappings":"kIAGY,MAACA,EAA0B,qBA2BhC,MAAMC,UAAyBC,EAClCC,oBACI,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 * @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"}

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

@@ -1,2 +1,2 @@
-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, 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 default o;
+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};
 //# sourceMappingURL=panel.element.scss.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../../src/internal-components/panel/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsInternalPanelTagName","CdsInternalPanel"],"mappings":"8IAOAA,EAAsBC,EAAyBC"}
+{"version":3,"file":"register.js","sources":["../../../../src/internal-components/panel/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 { registerElementSafely } from '@cds/core/internal';\nimport { CdsInternalPanelTagName, CdsInternalPanel } from './panel.element.js';\nregisterElementSafely(CdsInternalPanelTagName, CdsInternalPanel);\n"],"names":["registerElementSafely","CdsInternalPanelTagName","CdsInternalPanel"],"mappings":"8IAOAA,EAAsBC,EAAyBC"}

package/internal-components/visual-checkbox/index.js.map

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

package/internal-components/visual-checkbox/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../../src/internal-components/visual-checkbox/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsInternalVisualCheckbox"],"mappings":"oIAOAA,EAAsB,+BAAgCC"}
+{"version":3,"file":"register.js","sources":["../../../../src/internal-components/visual-checkbox/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 { registerElementSafely } from '@cds/core/internal';\nimport { CdsInternalVisualCheckbox } from './visual-checkbox.element.js';\nregisterElementSafely('cds-internal-visual-checkbox', CdsInternalVisualCheckbox);\n"],"names":["registerElementSafely","CdsInternalVisualCheckbox"],"mappings":"oIAOAA,EAAsB,+BAAgCC"}

package/internal-components/visual-checkbox/visual-checkbox.element.js

@@ -1,2 +1,2 @@
-import{__decorate as e}from"tslib";import{LitElement as t,html as o}from"lit";import{baseStyles as r,property as s}from"@cds/core/internal";import i from"./visual-checkbox.element.scss.js";class l extends t{constructor(){super(...arguments),this.disabled=!1,this.indeterminate=!1,this.selected=!1}static get styles(){return[r,i]}render(){return o`<div class="private-host"></div>`}}e([s({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0),e([s({type:Boolean,reflect:!0})],l.prototype,"indeterminate",void 0),e([s({type:Boolean,reflect:!0})],l.prototype,"selected",void 0);export{l as CdsInternalVisualCheckbox};
+import{__decorate as e}from"tslib";import{LitElement as t,html as o}from"lit";import{baseStyles as r,property as s}from"@cds/core/internal";import i from"./visual-checkbox.element.scss.js";class l extends t{constructor(){super(...arguments);this.disabled=!1,this.indeterminate=!1,this.selected=!1}static get styles(){return[r,i]}render(){return o`<div class="private-host"></div>`}}e([s({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0),e([s({type:Boolean,reflect:!0})],l.prototype,"indeterminate",void 0),e([s({type:Boolean,reflect:!0})],l.prototype,"selected",void 0);export{l as CdsInternalVisualCheckbox};
 //# sourceMappingURL=visual-checkbox.element.js.map

package/internal-components/visual-checkbox/visual-checkbox.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"visual-checkbox.element.js","sources":["../../../../src/internal-components/visual-checkbox/visual-checkbox.element.ts"],"sourcesContent":null,"names":["CdsInternalVisualCheckbox","LitElement","[object Object]","super","arguments","this","disabled","indeterminate","selected","styles","baseStyles","html","__decorate","property","type","Boolean","reflect","prototype"],"mappings":"6LASO,MAAMA,UAAkCC,EAC3CC,cACIC,SAASC,WACTC,KAAKC,UAAW,EAChBD,KAAKE,eAAgB,EACrBF,KAAKG,UAAW,EAEpBC,oBACI,MAAO,CAACC,EAAYD,GAExBP,SACI,OAAOS,CAAK,oCAGpBC,EAAW,CACPC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpChB,EAA0BiB,UAAW,gBAAY,GACpDL,EAAW,CACPC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpChB,EAA0BiB,UAAW,qBAAiB,GACzDL,EAAW,CACPC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpChB,EAA0BiB,UAAW,gBAAY"}
+{"version":3,"file":"visual-checkbox.element.js","sources":["../../../../src/internal-components/visual-checkbox/visual-checkbox.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 { LitElement, html } from 'lit';\nimport { baseStyles, property } from '@cds/core/internal';\nimport styles from './visual-checkbox.element.scss';\nexport class CdsInternalVisualCheckbox extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.disabled = false;\n        this.indeterminate = false;\n        this.selected = false;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    render() {\n        return html ` <div class=\"private-host\"></div> `;\n    }\n}\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsInternalVisualCheckbox.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsInternalVisualCheckbox.prototype, \"indeterminate\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsInternalVisualCheckbox.prototype, \"selected\", void 0);\n"],"names":["CdsInternalVisualCheckbox","LitElement","constructor","super","this","disabled","indeterminate","selected","styles","baseStyles","render","html","__decorate","property","type","Boolean","reflect","prototype"],"mappings":"6LASO,MAAMA,UAAkCC,EAC3CC,cACIC,oBACAC,KAAKC,UAAW,EAChBD,KAAKE,eAAgB,EACrBF,KAAKG,UAAW,EAETC,oBACP,MAAO,CAACC,EAAYD,GAExBE,SACI,OAAOC,CAAK,oCAGpBC,EAAW,CACPC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpChB,EAA0BiB,UAAW,gBAAY,GACpDL,EAAW,CACPC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpChB,EAA0BiB,UAAW,qBAAiB,GACzDL,EAAW,CACPC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpChB,EAA0BiB,UAAW,gBAAY"}

package/internal-components/visual-checkbox/visual-checkbox.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))}.private-host,.private-host::before{width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));display:inline-block}.private-host{position:relative;cursor:inherit}.private-host::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);position:absolute;content:""}.private-host::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));width:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));left:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem));border-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([indeterminate]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([indeterminate]) .private-host::after{border-left:none;border-bottom-color:var(--color);display:inline-block;transform:translateY(calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*.15));top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host([selected]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--color);--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([selected]) .private-host:after{display:inline-block}`;export default r;
+import{css as a}from"lit";var r=a`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:var(--cds-alias-object-border-radius-100, calc(4 / var(--cds-global-base, 20) * 1rem));--border:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))}.private-host,.private-host::before{width:var(--cds-global-space-7,calc(16 / var(--cds-global-base,20) * 1rem));height:var(--cds-global-space-7,calc(16 / var(--cds-global-base,20) * 1rem));display:inline-block}.private-host{position:relative;cursor:inherit}.private-host::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);position:absolute;content:""}.private-host::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,calc(4 / var(--cds-global-base,20) * 1rem)) + var(--cds-global-space-1,calc(1 / var(--cds-global-base,20) * 1rem)));width:var(--cds-global-space-5,calc(8 / var(--cds-global-base,20) * 1rem));left:var(--cds-global-space-3,calc(4 / var(--cds-global-base,20) * 1rem));border-left:var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem)) solid;border-bottom:var(--cds-global-space-2,calc(2 / var(--cds-global-base,20) * 1rem)) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);transform:translateY(var(--cds-global-space-3,calc(4 / var(--cds-global-base,20) * 1rem))) rotate(-45deg)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([indeterminate]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([indeterminate]) .private-host::after{border-left:none;border-bottom-color:var(--color);display:inline-block;transform:translateY(calc(var(--cds-global-space-1,calc(1 / var(--cds-global-base,20) * 1rem))*.15));top:var(--cds-global-space-3,calc(4 / var(--cds-global-base,20) * 1rem))}:host([selected]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--color);--border:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([selected]) .private-host:after{display:inline-block}`;export{r as default};
 //# sourceMappingURL=visual-checkbox.element.scss.js.map

package/internal-components/visual-checkbox/visual-checkbox.element.scss.js.map

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

package/list/list.css

@@ -1,4 +1,14 @@
 @charset "UTF-8";
+/*
+ * Copyright (c) 2016-2022 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.
+ */
+/*
+ * Copyright (c) 2016-2022 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.
+ */
 ul[cds-list=unstyled] {
   padding-left: 0 !important;
   margin: 0 !important;
@@ -13,14 +23,14 @@ ul[cds-list=unstyled] {
 ol[cds-list] {
   list-style-type: decimal;
   list-style-position: outside;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));
+  padding-left: var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem));
   margin: 0;
 }
 
 ul[cds-list]:not([cds-list=unstyled]) {
   list-style-type: disc;
   list-style-position: outside;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));
+  padding-left: var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem));
   margin: 0;
 }
 
@@ -71,22 +81,22 @@ ol[cds-list=upper-roman] {
 ul[cds-list=unstyled] > li > ul:not([cds-list=unstyled]),
 ul[cds-list=unstyled] > li ol {
   margin-left: 0;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));
+  padding-left: var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem));
 }
 ul[cds-list=unstyled] > li > ul[cds-list=unstyled] {
   margin-left: 0;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem)) !important;
+  padding-left: var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem)) !important;
 }
 
 ul:not([cds-list=unstyled]) > li > ul[cds-list=unstyled],
 ol[cds-list] > li > ul[cds-list=unstyled] {
   margin-left: 0;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem)) !important;
+  padding-left: var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem)) !important;
 }
 
 ol[cds-list] > li > ol[cds-list] {
   margin-left: 0;
-  padding-left: var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));
+  padding-left: var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem));
 }
 
 ul[cds-layout~=horizontal] li,

package/list/list.min.css

@@ -1 +1 @@
-@charset "UTF-8";ul[cds-list=unstyled]{padding-left:0!important;margin:0!important;list-style:"​"!important;list-style-position:inside!important}[cds-list]{color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048))}ol[cds-list]{list-style-type:decimal;list-style-position:outside;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));margin:0}ul[cds-list]:not([cds-list=unstyled]){list-style-type:disc;list-style-position:outside;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));margin:0}ul[cds-list=disc]{list-style-type:disc}ul[cds-list=circle]{list-style-type:circle}ul[cds-list=square]{list-style-type:square}ol[cds-list=decimal]{list-style-type:decimal}ol[cds-list=decimal-leading-zero]{list-style-type:decimal-leading-zero}ol[cds-list=lower-alpha]{list-style-type:lower-alpha}ol[cds-list=lower-latin]{list-style-type:lower-latin}ol[cds-list=lower-roman]{list-style-type:lower-roman}ol[cds-list=upper-alpha]{list-style-type:upper-alpha}ol[cds-list=upper-latin]{list-style-type:upper-latin}ol[cds-list=upper-roman]{list-style-type:upper-roman}ul[cds-list=unstyled]>li ol,ul[cds-list=unstyled]>li>ul:not([cds-list=unstyled]){margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}ul[cds-list=unstyled]>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))!important}ol[cds-list]>li>ul[cds-list=unstyled],ul:not([cds-list=unstyled])>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))!important}ol[cds-list]>li>ol[cds-list]{margin-left:0;padding-left:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}ol[cds-layout~=horizontal] li,ul[cds-layout~=horizontal] li{list-style-position:inside}dl[cds-list]{margin:0}dl[cds-list] dt{font-weight:700}dl[cds-list] dd{margin-left:0}
+@charset "UTF-8";ul[cds-list=unstyled]{padding-left:0!important;margin:0!important;list-style:"​"!important;list-style-position:inside!important}[cds-list]{color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048))}ol[cds-list]{list-style-type:decimal;list-style-position:outside;padding-left:var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem));margin:0}ul[cds-list]:not([cds-list=unstyled]){list-style-type:disc;list-style-position:outside;padding-left:var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem));margin:0}ul[cds-list=disc]{list-style-type:disc}ul[cds-list=circle]{list-style-type:circle}ul[cds-list=square]{list-style-type:square}ol[cds-list=decimal]{list-style-type:decimal}ol[cds-list=decimal-leading-zero]{list-style-type:decimal-leading-zero}ol[cds-list=lower-alpha]{list-style-type:lower-alpha}ol[cds-list=lower-latin]{list-style-type:lower-latin}ol[cds-list=lower-roman]{list-style-type:lower-roman}ol[cds-list=upper-alpha]{list-style-type:upper-alpha}ol[cds-list=upper-latin]{list-style-type:upper-latin}ol[cds-list=upper-roman]{list-style-type:upper-roman}ul[cds-list=unstyled]>li ol,ul[cds-list=unstyled]>li>ul:not([cds-list=unstyled]){margin-left:0;padding-left:var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem))}ul[cds-list=unstyled]>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem))!important}ol[cds-list]>li>ul[cds-list=unstyled],ul:not([cds-list=unstyled])>li>ul[cds-list=unstyled]{margin-left:0;padding-left:var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem))!important}ol[cds-list]>li>ol[cds-list]{margin-left:0;padding-left:var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem))}ol[cds-layout~=horizontal] li,ul[cds-layout~=horizontal] li{list-style-position:inside}dl[cds-list]{margin:0}dl[cds-list] dt{font-weight:700}dl[cds-list] dd{margin-left:0}

package/modal/index.js

@@ -1,2 +1,2 @@
-export{CdsModalHeader}from"./modal-header.element.js";export{CdsModalHeaderActions}from"./modal-header-actions.element.js";export{CdsModalContent}from"./modal-content.element.js";export{CdsModalActions}from"./modal-actions.element.js";export{CdsModal}from"./modal.element.js";import"@cds/core/internal";import"lit";
+export{CdsModalHeader}from"./modal-header.element.js";export{CdsModalHeaderActions}from"./modal-header-actions.element.js";export{CdsModalContent}from"./modal-content.element.js";export{CdsModalActions}from"./modal-actions.element.js";export{CdsModal}from"./modal.element.js";
 //# sourceMappingURL=index.js.map

package/modal/index.js.map

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

package/modal/modal-actions.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-actions.element.js","sources":["../../../src/modal/modal-actions.element.ts"],"sourcesContent":null,"names":["CdsModalActions","LitElement","[object Object]","super","connectedCallback","this","setAttribute","hasAttribute","html","styles","baseStyles"],"mappings":"2FA8BO,MAAMA,UAAwBC,EACjCC,oBACIC,MAAMC,oBACNC,KAAKC,aAAa,OAAQ,iBAE9BJ,SACI,OAAOG,KAAKE,aAAa,cACnBC,CAAK,gBACLA,CAAK,sEAEfC,oBACI,MAAO,CAACC"}
+{"version":3,"file":"modal-actions.element.js","sources":["../../../src/modal/modal-actions.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 { baseStyles } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\n/**\n * Web component modal actions to be used inside modal.\n *\n * ```typescript\n * import '@cds/core/modal/register.js';\n * ```\n *\n * ```html\n * <cds-modal>\n *   <cds-modal-header>\n *      <h3 cds-text=\"title\">My Modal</h3>\n *   </cds-modal-header>\n *   <cds-modal-content>\n *     <p>Lorem Ipsum</p>\n *   </cds-modal-content>\n *   <cds-modal-actions>\n *       <cds-button>Ok</cds-button>\n *   </cds-modal-actions>\n * </cds-modal>\n * ```\n *\n * @element cds-modal-actions\n */\nexport class CdsModalActions extends LitElement {\n    connectedCallback() {\n        super.connectedCallback();\n        this.setAttribute('slot', 'modal-actions');\n    }\n    render() {\n        return this.hasAttribute('cds-layout')\n            ? html `<slot></slot>`\n            : html `<div cds-layout=\"horizontal gap:sm align:right\"><slot></slot></div>`;\n    }\n    static get styles() {\n        return [baseStyles];\n    }\n}\n"],"names":["CdsModalActions","LitElement","connectedCallback","super","this","setAttribute","render","hasAttribute","html","styles","baseStyles"],"mappings":"2FA8BO,MAAMA,UAAwBC,EACjCC,oBACIC,MAAMD,oBACNE,KAAKC,aAAa,OAAQ,iBAE9BC,SACI,OAAOF,KAAKG,aAAa,cACnBC,CAAK,gBACLA,CAAK,sEAEJC,oBACP,MAAO,CAACC"}

package/modal/modal-content.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{baseStyles as e,state as r}from"@cds/core/internal";import{LitElement as o,html as s}from"lit";class i extends o{constructor(){super(...arguments),this.tabIndexAttr=0}static get shadowRootOptions(){return{...super.shadowRootOptions,delegatesFocus:!0}}render(){return this.hasAttribute("cds-layout")?s`<slot></slot>`:s`<div cds-layout="vertical gap:lg p-y:xs"><slot></slot></div>`}static get styles(){return[e]}}t([r({type:Number,attribute:"tabindex",reflect:!0})],i.prototype,"tabIndexAttr",void 0);export{i as CdsModalContent};
+import{__decorate as t}from"tslib";import{baseStyles as e,state as r}from"@cds/core/internal";import{LitElement as o,html as s}from"lit";class i extends o{constructor(){super(...arguments);this.tabIndexAttr=0}static get shadowRootOptions(){return{...super.shadowRootOptions,delegatesFocus:!0}}render(){return this.hasAttribute("cds-layout")?s`<slot></slot>`:s`<div cds-layout="vertical gap:lg p-y:xs"><slot></slot></div>`}static get styles(){return[e]}}t([r({type:Number,attribute:"tabindex",reflect:!0})],i.prototype,"tabIndexAttr",void 0);export{i as CdsModalContent};
 //# sourceMappingURL=modal-content.element.js.map

package/modal/modal-content.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-content.element.js","sources":["../../../src/modal/modal-content.element.ts"],"sourcesContent":null,"names":["CdsModalContent","LitElement","[object Object]","super","arguments","this","tabIndexAttr","shadowRootOptions","delegatesFocus","hasAttribute","html","styles","baseStyles","__decorate","state","type","Number","attribute","reflect","prototype"],"mappings":"yIA+BO,MAAMA,UAAwBC,EACjCC,cACIC,SAASC,WACTC,KAAKC,aAAe,EAMxBC,+BAEI,MAAO,IAAKJ,MAAMI,kBAAmBC,gBAAgB,GAEzDN,SACI,OAAOG,KAAKI,aAAa,cACnBC,CAAK,gBACLA,CAAK,+DAEfC,oBACI,MAAO,CAACC,IAGhBC,EAAW,CACPC,EAAM,CAAEC,KAAMC,OAAQC,UAAW,WAAYC,SAAS,KACvDlB,EAAgBmB,UAAW,oBAAgB"}
+{"version":3,"file":"modal-content.element.js","sources":["../../../src/modal/modal-content.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 { baseStyles, state } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\n/**\n * Web component modal content to be used inside modal.\n *\n * ```typescript\n * import '@cds/core/modal/register.js';\n * ```\n *\n * ```html\n * <cds-modal size='lg'>\n *   <cds-modal-header>\n *      <h3 cds-text=\"title\">My Modal</h3>\n *   </cds-modal-header>\n *   <cds-modal-content>\n *      <p>Lorem Ipsum</p>\n *   </cds-modal-content>\n *   <cds-modal-actions>\n *       <cds-button>Ok</cds-button>\n *   </cds-modal-actions>\n * </cds-modal>\n * ```\n *\n * @element cds-modal-content\n */\nexport class CdsModalContent extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.tabIndexAttr = 0; // don't override native prop as it stops native focus behavior\n    }\n    // renderRoot needs delegatesFocus so that focus can cross the shadowDOM\n    // inside modal-content with a tabindex of -1. we need the tabindex so a\n    // modal's content can scroll if it needs to.\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    render() {\n        return this.hasAttribute('cds-layout')\n            ? html `<slot></slot>`\n            : html `<div cds-layout=\"vertical gap:lg p-y:xs\"><slot></slot></div>`;\n    }\n    static get styles() {\n        return [baseStyles];\n    }\n}\n__decorate([\n    state({ type: Number, attribute: 'tabindex', reflect: true })\n], CdsModalContent.prototype, \"tabIndexAttr\", void 0);\n"],"names":["CdsModalContent","LitElement","constructor","super","this","tabIndexAttr","shadowRootOptions","delegatesFocus","render","hasAttribute","html","styles","baseStyles","__decorate","state","type","Number","attribute","reflect","prototype"],"mappings":"yIA+BO,MAAMA,UAAwBC,EACjCC,cACIC,oBACAC,KAAKC,aAAe,EAMbC,+BAEP,MAAO,IAAKH,MAAMG,kBAAmBC,gBAAgB,GAEzDC,SACI,OAAOJ,KAAKK,aAAa,cACnBC,CAAK,gBACLA,CAAK,+DAEJC,oBACP,MAAO,CAACC,IAGhBC,EAAW,CACPC,EAAM,CAAEC,KAAMC,OAAQC,UAAW,WAAYC,SAAS,KACvDlB,EAAgBmB,UAAW,oBAAgB"}

package/modal/modal-header-actions.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-header-actions.element.js","sources":["../../../src/modal/modal-header-actions.element.ts"],"sourcesContent":null,"names":["CdsModalHeaderActions","LitElement","[object Object]","super","connectedCallback","this","setAttribute","html","styles","baseStyles"],"mappings":"2FA8BO,MAAMA,UAA8BC,EACvCC,oBACIC,MAAMC,oBACNC,KAAKC,aAAa,OAAQ,wBAE9BJ,SACI,OAAOK,CAAK,gBAEhBC,oBACI,MAAO,CAACC"}
+{"version":3,"file":"modal-header-actions.element.js","sources":["../../../src/modal/modal-header-actions.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 { baseStyles } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\n/**\n * Web component modal header actions to be used inside modal.\n *\n * ```typescript\n * import '@cds/core/modal/register.js';\n * ```\n *\n * ```html\n * <cds-modal>\n *   <cds-modal-header>\n *      <h3 cds-text=\"title\">My Modal</h3>\n *   </cds-modal-header>\n *   <cds-modal-content>\n *     <p>Lorem Ipsum</p>\n *   </cds-modal-content>\n *   <cds-modal-actions>\n *       <cds-button>Ok</cds-button>\n *   </cds-modal-actions>\n * </cds-modal>\n * ```\n *\n * @element cds-modal-header-actions\n */\nexport class CdsModalHeaderActions extends LitElement {\n    connectedCallback() {\n        super.connectedCallback();\n        this.setAttribute('slot', 'modal-header-actions');\n    }\n    render() {\n        return html `<slot></slot>`;\n    }\n    static get styles() {\n        return [baseStyles];\n    }\n}\n"],"names":["CdsModalHeaderActions","LitElement","connectedCallback","super","this","setAttribute","render","html","styles","baseStyles"],"mappings":"2FA8BO,MAAMA,UAA8BC,EACvCC,oBACIC,MAAMD,oBACNE,KAAKC,aAAa,OAAQ,wBAE9BC,SACI,OAAOC,CAAK,gBAELC,oBACP,MAAO,CAACC"}

package/modal/modal-header.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-header.element.js","sources":["../../../src/modal/modal-header.element.ts"],"sourcesContent":null,"names":["CdsModalHeader","LitElement","[object Object]","super","connectedCallback","this","setAttribute","html","styles","baseStyles"],"mappings":"2FA8BO,MAAMA,UAAuBC,EAChCC,oBACIC,MAAMC,oBACNC,KAAKC,aAAa,OAAQ,gBAE9BJ,SACI,OAAOK,CAAK,gBAEhBC,oBACI,MAAO,CAACC"}
+{"version":3,"file":"modal-header.element.js","sources":["../../../src/modal/modal-header.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 { baseStyles } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\n/**\n * Web component modal header to be used inside modal.\n *\n * ```typescript\n * import '@cds/core/modal/register.js';\n * ```\n *\n * ```html\n * <cds-modal>\n *   <cds-modal-header>\n *      <h3 cds-text=\"title\">My Modal</h3>\n *   </cds-modal-header>\n *   <cds-modal-content>\n *     <p>Lorem Ipsum</p>\n *   </cds-modal-content>\n *   <cds-modal-actions>\n *       <cds-button>Ok</cds-button>\n *   </cds-modal-actions>\n * </cds-modal>\n * ```\n *\n * @element cds-modal-header\n */\nexport class CdsModalHeader extends LitElement {\n    connectedCallback() {\n        super.connectedCallback();\n        this.setAttribute('slot', 'modal-header');\n    }\n    render() {\n        return html `<slot></slot>`;\n    }\n    static get styles() {\n        return [baseStyles];\n    }\n}\n"],"names":["CdsModalHeader","LitElement","connectedCallback","super","this","setAttribute","render","html","styles","baseStyles"],"mappings":"2FA8BO,MAAMA,UAAuBC,EAChCC,oBACIC,MAAMD,oBACNE,KAAKC,aAAa,OAAQ,gBAE9BC,SACI,OAAOC,CAAK,gBAELC,oBACP,MAAO,CAACC"}

package/modal/modal.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as o}from"lit";import{I18nService as e,i18n as l,property as s,animate as i,reverseAnimation as a,AnimationModalEnterName as d}from"@cds/core/internal";import{CdsInternalOverlay as n}from"@cds/core/internal-components/overlay";import{appendCloseButton as r,removeCloseButton as c}from"@cds/core/internal-components/close-button";import p from"./modal.element.scss.js";let m=class extends n{constructor(){super(...arguments),this.i18n=e.keys.modal,this.closable=!0}static get styles(){return[...super.styles,p]}toggleCloseButton(){const t=[["cds-layout","align:top"],["slot","close-button"],["aria-label",this.i18n.closeButtonAriaLabel],["icon-size","24"]];this.closable?r(this,t,(()=>this.closeOverlay("close-button-click"))):c(this)}updated(t){t.has("closable")&&this.toggleCloseButton(),super.update(t)}render(){return o`${this.backdropTemplate}<div class="modal-dialog private-host" tabindex="-1" cds-layout="m:md m@md:xl"><div cds-layout="display:screen-reader-only">${this.i18n.contentStart}</div><div class="modal-content" cds-layout="vertical gap:md gap@md:lg align:stretch"><div cds-layout="horizontal gap:md wrap:none align:vertical-center p-x:lg p-t:lg"><div><slot name="modal-header"></slot></div><div cds-layout="align:right"><slot name="modal-header-actions"></slot></div><slot name="close-button"></slot></div><div class="modal-body" tabindex="0" aria-label="${this.i18n.contentBox}" cds-layout="p-x:lg"><slot></slot></div><div cds-layout="align-stretch p-x:lg p-b:lg"><slot name="modal-actions"></slot></div></div><div cds-layout="display:screen-reader-only">${this.i18n.contentEnd}</div></div>`}};t([l()],m.prototype,"i18n",void 0),t([s({type:Boolean})],m.prototype,"closable",void 0),t([s({type:String})],m.prototype,"size",void 0),m=t([i({hidden:{true:a(d),false:d}})],m);export{m as CdsModal};
+import{__decorate as t}from"tslib";import{html as o}from"lit";import{I18nService as e,i18n as l,property as s,animate as i,reverseAnimation as a,AnimationModalEnterName as d}from"@cds/core/internal";import{CdsInternalOverlay as n}from"@cds/core/internal-components/overlay";import{appendCloseButton as r,removeCloseButton as c}from"@cds/core/internal-components/close-button";import p from"./modal.element.scss.js";let m=class extends n{constructor(){super(...arguments);this.i18n=e.keys.modal,this.closable=!0}static get styles(){return[...super.styles,p]}toggleCloseButton(){const t=[["cds-layout","align:top"],["slot","close-button"],["aria-label",this.i18n.closeButtonAriaLabel],["icon-size","24"]];this.closable?r(this,t,(()=>this.closeOverlay("close-button-click"))):c(this)}updated(t){t.has("closable")&&this.toggleCloseButton(),super.update(t)}render(){return o`${this.backdropTemplate}<div class="modal-dialog private-host" tabindex="-1" cds-layout="m:md m@md:xl"><div cds-layout="display:screen-reader-only">${this.i18n.contentStart}</div><div class="modal-content" cds-layout="vertical gap:md gap@md:lg align:stretch"><div cds-layout="horizontal gap:md wrap:none align:vertical-center p-x:lg p-t:lg"><div><slot name="modal-header"></slot></div><div cds-layout="align:right"><slot name="modal-header-actions"></slot></div><slot name="close-button"></slot></div><div class="modal-body" tabindex="0" aria-label="${this.i18n.contentBox}" cds-layout="p-x:lg"><slot></slot></div><div cds-layout="align-stretch p-x:lg p-b:lg"><slot name="modal-actions"></slot></div></div><div cds-layout="display:screen-reader-only">${this.i18n.contentEnd}</div></div>`}};t([l()],m.prototype,"i18n",void 0),t([s({type:Boolean})],m.prototype,"closable",void 0),t([s({type:String})],m.prototype,"size",void 0),m=t([i({hidden:{true:a(d),false:d}})],m);export{m as CdsModal};
 //# sourceMappingURL=modal.element.js.map

package/modal/modal.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.element.js","sources":["../../../src/modal/modal.element.ts"],"sourcesContent":null,"names":["CdsModal","CdsInternalOverlay","[object Object]","super","arguments","this","i18n","I18nService","keys","modal","closable","styles","closeButtonAttrs","closeButtonAriaLabel","appendCloseButton","closeOverlay","removeCloseButton","props","has","toggleCloseButton","update","html","backdropTemplate","contentStart","contentBox","contentEnd","__decorate","prototype","property","type","Boolean","String","animate","hidden","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"+ZAkDG,IAACA,EAAW,cAAuBC,EAClCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,MAE7BJ,KAAKK,UAAW,EAEpBC,oBACI,MAAO,IAAIR,MAAMQ,OAAQA,GAE7BT,oBACI,MAAMU,EAAmB,CACrB,CAAC,aAAc,aACf,CAAC,OAAQ,gBACT,CAAC,aAAcP,KAAKC,KAAKO,sBACzB,CAAC,YAAa,OAEdR,KAAKK,SACLI,EAAkBT,KAAMO,GAAkB,IAAMP,KAAKU,aAAa,wBAGlEC,EAAkBX,MAK1BH,QAAQe,GACAA,EAAMC,IAAI,aACVb,KAAKc,oBAEThB,MAAMiB,OAAOH,GAGjBf,SACI,OAAOmB,CAAK,GACZhB,KAAKiB,+IAE0CjB,KAAKC,KAAKiB,wYAWJlB,KAAKC,KAAKkB,+LAOhBnB,KAAKC,KAAKmB,2BAKjEC,EAAW,CACPpB,KACDN,EAAS2B,UAAW,YAAQ,GAC/BD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClB9B,EAAS2B,UAAW,gBAAY,GACnCD,EAAW,CACPE,EAAS,CAAEC,KAAME,UAClB/B,EAAS2B,UAAW,YAAQ,GAC/B3B,EAAW0B,EAAW,CAClBM,EAAQ,CACJC,OAAQ,CACJC,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBpC"}
+{"version":3,"file":"modal.element.js","sources":["../../../src/modal/modal.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 { animate, AnimationModalEnterName, i18n, I18nService, property, reverseAnimation, } from '@cds/core/internal';\nimport { CdsInternalOverlay } from '@cds/core/internal-components/overlay';\nimport { appendCloseButton, removeCloseButton } from '@cds/core/internal-components/close-button';\nimport styles from './modal.element.scss';\n/**\n * Web component modal.\n *\n * ```typescript\n * import '@cds/core/modal/register.js';\n * ```\n *\n * ```html\n * <cds-modal>\n *   <cds-modal-header>\n *      <h3 cds-text=\"title\">My Modal</h3>\n *   </cds-modal-header>\n *   <cds-modal-content>\n *     <p>Lorem Ipsum</p>\n *   </cds-modal-content>\n *   <cds-modal-actions>\n *       <cds-button>Ok</cds-button>\n *   </cds-modal-actions>\n * </cds-modal>\n * ```\n *\n * @element cds-modal\n * @slot\n * @slot cds-modal-content\n * @slot cds-modal-header\n * @slot cds-modal-actions\n * @event closeChange - notify when the user has clicked the close button\n * @cssprop --backdrop-background - inherited from the internal overlay component\n * @cssprop --layered-backdrop-background - inherited from the internal overlay component\n * @cssprop --border-color\n * @cssprop --border-width\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --box-shadow\n * @cssprop --width\n * @cssprop --content-overflow - set as { x, y }. take care when customizing because overflow settings can have unintended side effects.\n * @cssprop --max-height - sets hard limit on height of modal\n * @cssprop --tablet-max-height - sets hard limit on height of modal when on a tablet in landscape mode\n */\nlet CdsModal = class CdsModal extends CdsInternalOverlay {\n    constructor() {\n        super(...arguments);\n        this.i18n = I18nService.keys.modal;\n        /** If false, the modal will not render the close button.  */\n        this.closable = true;\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n    toggleCloseButton() {\n        const closeButtonAttrs = [\n            ['cds-layout', 'align:top'],\n            ['slot', 'close-button'],\n            ['aria-label', this.i18n.closeButtonAriaLabel],\n            ['icon-size', '24'],\n        ];\n        if (this.closable) {\n            appendCloseButton(this, closeButtonAttrs, () => this.closeOverlay('close-button-click'));\n        }\n        else {\n            removeCloseButton(this);\n        }\n    }\n    // TODO: Document what's going on here with the role dialog and aria modal true\n    // Also document why we have to keep everything in the light Dom\n    updated(props) {\n        if (props.has('closable')) {\n            this.toggleCloseButton();\n        }\n        super.update(props);\n    }\n    // modal-body requires a tab index so it can be scrolled\n    render() {\n        return html `\n      ${this.backdropTemplate}\n      <div class=\"modal-dialog private-host\" tabindex=\"-1\" cds-layout=\"m:md m@md:xl\">\n        <div cds-layout=\"display:screen-reader-only\">${this.i18n.contentStart}</div>\n        <div class=\"modal-content\" cds-layout=\"vertical gap:md gap@md:lg align:stretch\">\n          <div cds-layout=\"horizontal gap:md wrap:none align:vertical-center p-x:lg p-t:lg\">\n            <div>\n              <slot name=\"modal-header\"></slot>\n            </div>\n            <div cds-layout=\"align:right\">\n              <slot name=\"modal-header-actions\"></slot>\n            </div>\n            <slot name=\"close-button\"></slot>\n          </div>\n          <div class=\"modal-body\" tabindex=\"0\" aria-label=\"${this.i18n.contentBox}\" cds-layout=\"p-x:lg\">\n            <slot></slot>\n          </div>\n          <div cds-layout=\"align-stretch p-x:lg p-b:lg\">\n            <slot name=\"modal-actions\"></slot>\n          </div>\n        </div>\n        <div cds-layout=\"display:screen-reader-only\">${this.i18n.contentEnd}</div>\n      </div>\n    `;\n    }\n};\n__decorate([\n    i18n()\n], CdsModal.prototype, \"i18n\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsModal.prototype, \"closable\", void 0);\n__decorate([\n    property({ type: String })\n], CdsModal.prototype, \"size\", void 0);\nCdsModal = __decorate([\n    animate({\n        hidden: {\n            true: reverseAnimation(AnimationModalEnterName),\n            false: AnimationModalEnterName,\n        },\n    })\n], CdsModal);\nexport { CdsModal };\n"],"names":["CdsModal","CdsInternalOverlay","constructor","super","this","i18n","I18nService","keys","modal","closable","styles","toggleCloseButton","closeButtonAttrs","closeButtonAriaLabel","appendCloseButton","closeOverlay","removeCloseButton","updated","props","has","update","render","html","backdropTemplate","contentStart","contentBox","contentEnd","__decorate","prototype","property","type","Boolean","String","animate","hidden","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"+ZAkDG,IAACA,EAAW,cAAuBC,EAClCC,cACIC,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,MAE7BJ,KAAKK,UAAW,EAETC,oBACP,MAAO,IAAIP,MAAMO,OAAQA,GAE7BC,oBACI,MAAMC,EAAmB,CACrB,CAAC,aAAc,aACf,CAAC,OAAQ,gBACT,CAAC,aAAcR,KAAKC,KAAKQ,sBACzB,CAAC,YAAa,OAEdT,KAAKK,SACLK,EAAkBV,KAAMQ,GAAkB,IAAMR,KAAKW,aAAa,wBAGlEC,EAAkBZ,MAK1Ba,QAAQC,GACAA,EAAMC,IAAI,aACVf,KAAKO,oBAETR,MAAMiB,OAAOF,GAGjBG,SACI,OAAOC,CAAK,GACZlB,KAAKmB,+IAE0CnB,KAAKC,KAAKmB,wYAWJpB,KAAKC,KAAKoB,+LAOhBrB,KAAKC,KAAKqB,2BAKjEC,EAAW,CACPtB,KACDL,EAAS4B,UAAW,YAAQ,GAC/BD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClB/B,EAAS4B,UAAW,gBAAY,GACnCD,EAAW,CACPE,EAAS,CAAEC,KAAME,UAClBhC,EAAS4B,UAAW,YAAQ,GAC/B5B,EAAW2B,EAAW,CAClBM,EAAQ,CACJC,OAAQ,CACJC,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBrC"}

package/modal/modal.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--border-color:var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--background:var(--cds-alias-object-overlay-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 1px 3px 0 rgba(27, 43, 50, 0.5));--width:calc(8 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)));--content-overflow:hidden auto;--max-height:70vh;--tablet-max-height:55vh}:host([size=sm]){--width:calc(4 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([size=lg]){--width:calc(12 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([size=xl]){--width:calc(16 * var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem)))}:host([_demo-mode]){position:absolute}.modal-dialog{width:var(--width);max-width:100%}.modal-content{background:var(--background);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.overlay-backdrop{background:var(--backdrop-background)}.modal-body{max-height:var(--max-height);overflow:var(--content-overflow)}`;export default o;
+import{css as a}from"lit";var o=a`:host{--border-color:var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, calc(1 / var(--cds-global-base, 20) * 1rem));--border-radius:var(--cds-alias-object-border-radius-100, calc(4 / var(--cds-global-base, 20) * 1rem));--background:var(--cds-alias-object-overlay-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 1px 3px 0 rgba(27, 43, 50, 0.5));--width:calc(8 * var(--cds-global-space-13, calc(72 / var(--cds-global-base, 20) * 1rem)));--content-overflow:hidden auto;--max-height:70vh;--tablet-max-height:55vh}:host([size=sm]){--width:calc(4 * var(--cds-global-space-13, calc(72 / var(--cds-global-base, 20) * 1rem)))}:host([size=lg]){--width:calc(12 * var(--cds-global-space-13, calc(72 / var(--cds-global-base, 20) * 1rem)))}:host([size=xl]){--width:calc(16 * var(--cds-global-space-13, calc(72 / var(--cds-global-base, 20) * 1rem)))}:host([_demo-mode]){position:absolute}.modal-dialog{width:var(--width);max-width:100%}.modal-content{background:var(--background);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.overlay-backdrop{background:var(--backdrop-background)}.modal-body{max-height:var(--max-height);overflow:var(--content-overflow)}`;export{o as default};
 //# sourceMappingURL=modal.element.scss.js.map

package/modal/modal.element.scss.js.map

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

package/modal/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/modal/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsModalHeaderActions","CdsModalActions","CdsModalHeader","CdsModalContent","CdsModal"],"mappings":"ieAaAA,EAAsB,2BAA4BC,GAClDD,EAAsB,oBAAqBE,GAC3CF,EAAsB,mBAAoBG,GAC1CH,EAAsB,oBAAqBI,GAC3CJ,EAAsB,YAAaK"}
+{"version":3,"file":"register.js","sources":["../../../src/modal/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/internal-components/overlay/register.js';\nimport '@cds/core/internal-components/close-button/register.js';\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsModal } from './modal.element.js';\nimport { CdsModalActions } from './modal-actions.element.js';\nimport { CdsModalContent } from './modal-content.element.js';\nimport { CdsModalHeader } from './modal-header.element.js';\nimport { CdsModalHeaderActions } from './modal-header-actions.element.js';\nregisterElementSafely('cds-modal-header-actions', CdsModalHeaderActions);\nregisterElementSafely('cds-modal-actions', CdsModalActions);\nregisterElementSafely('cds-modal-header', CdsModalHeader);\nregisterElementSafely('cds-modal-content', CdsModalContent);\nregisterElementSafely('cds-modal', CdsModal);\n"],"names":["registerElementSafely","CdsModalHeaderActions","CdsModalActions","CdsModalHeader","CdsModalContent","CdsModal"],"mappings":"ieAaAA,EAAsB,2BAA4BC,GAClDD,EAAsB,oBAAqBE,GAC3CF,EAAsB,mBAAoBG,GAC1CH,EAAsB,oBAAqBI,GAC3CJ,EAAsB,YAAaK"}

package/navigation/index.js.map

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

package/navigation/navigation-group.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,baseStyles as r,syncProps as a,syncPropsForAllItems as s,property as p,event as d,id as n,i18n as u,state as c,querySlot as l,querySlotAll as g,animate as h,AnimationNavigationGroupOpenName as v,reverseAnimation as y}from"@cds/core/internal";import m from"./navigation-group.element.scss.js";const x="cds-navigation-group";let G=class extends e{constructor(){super(...arguments),this.cdsMotion="on",this.i18n=i.keys.navigation,this.expanded=!1,this.expandedGroup=!1,this.hasFocus=!1}get isGroupStart(){return!!this.groupStart}render(){return o`<div class="private-host" cds-layout="vertical wrap:none align:horizontal-stretch"><slot name="group-start"></slot><div class="group-items-wrapper" aria-hidden="${!this.expandedGroup}" aria-labelledby="${this.navigationGroupId}"><div class="group-items-container" aria-expanded="${this.expanded}"><div class="navigation-group-items" cds-layout="vertical wrap:none align:horizontal-stretch" role="list"><slot></slot></div></div></div></div>`}static get styles(){return[r,m]}toggle(){this.expandedChange.emit(!this.expanded)}disconnectedCallback(){super.disconnectedCallback(),this.groupStart.removeEventListener("click",this.toggle.bind(this))}firstUpdated(t){super.firstUpdated(t),this.groupStart&&this.groupStart.addEventListener("click",this.toggle.bind(this))}updated(t){super.updated(t),t.has("expanded")&&(this.expandedGroup=this.expanded),this.groupStart&&a(this.groupStart,this,{active:!0,expanded:!0,isGroupStart:this.isGroupStart,navigationGroupId:!0}),s(Array.from(this.groupItems),this,{expandedGroup:!0})}};t([p({type:String})],G.prototype,"cdsMotion",void 0),t([d()],G.prototype,"expandedChange",void 0),t([d()],G.prototype,"cdsMotionChange",void 0),t([n()],G.prototype,"navigationGroupId",void 0),t([u()],G.prototype,"i18n",void 0),t([c()],G.prototype,"isGroupStart",null),t([p({type:Boolean,reflect:!0})],G.prototype,"expanded",void 0),t([p({type:Boolean})],G.prototype,"active",void 0),t([c()],G.prototype,"expandedGroup",void 0),t([l(":scope > cds-navigation-start",{assign:"group-start"})],G.prototype,"groupStart",void 0),t([g(":scope > cds-navigation-item")],G.prototype,"groupItems",void 0),t([g(":scope > cds-navigation-group")],G.prototype,"nestedGroups",void 0),G=t([h({expanded:{true:v,false:y(v)}})],G);export{G as CdsNavigationGroup,x as CdsNavigationGroupTagName};
+import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,baseStyles as r,syncProps as a,syncPropsForAllItems as s,property as p,event as d,id as n,i18n as u,state as c,querySlot as l,querySlotAll as g,animate as h,AnimationNavigationGroupOpenName as v,reverseAnimation as y}from"@cds/core/internal";import m from"./navigation-group.element.scss.js";const x="cds-navigation-group";let G=class extends e{constructor(){super(...arguments);this.cdsMotion="on",this.i18n=i.keys.navigation,this.expanded=!1,this.expandedGroup=!1,this.hasFocus=!1}get isGroupStart(){return!!this.groupStart}render(){return o`<div class="private-host" cds-layout="vertical wrap:none align:horizontal-stretch"><slot name="group-start"></slot><div class="group-items-wrapper" aria-hidden="${!this.expandedGroup}" aria-labelledby="${this.navigationGroupId}"><div class="group-items-container" aria-expanded="${this.expanded}"><div class="navigation-group-items" cds-layout="vertical wrap:none align:horizontal-stretch" role="list"><slot></slot></div></div></div></div>`}static get styles(){return[r,m]}toggle(){this.expandedChange.emit(!this.expanded)}disconnectedCallback(){super.disconnectedCallback(),this.groupStart.removeEventListener("click",this.toggle.bind(this))}firstUpdated(t){super.firstUpdated(t),this.groupStart&&this.groupStart.addEventListener("click",this.toggle.bind(this))}updated(t){super.updated(t),t.has("expanded")&&(this.expandedGroup=this.expanded),this.groupStart&&a(this.groupStart,this,{active:!0,expanded:!0,isGroupStart:this.isGroupStart,navigationGroupId:!0}),s(Array.from(this.groupItems),this,{expandedGroup:!0})}};t([p({type:String})],G.prototype,"cdsMotion",void 0),t([d()],G.prototype,"expandedChange",void 0),t([d()],G.prototype,"cdsMotionChange",void 0),t([n()],G.prototype,"navigationGroupId",void 0),t([u()],G.prototype,"i18n",void 0),t([c()],G.prototype,"isGroupStart",null),t([p({type:Boolean,reflect:!0})],G.prototype,"expanded",void 0),t([p({type:Boolean})],G.prototype,"active",void 0),t([c()],G.prototype,"expandedGroup",void 0),t([l(":scope > cds-navigation-start",{assign:"group-start"})],G.prototype,"groupStart",void 0),t([g(":scope > cds-navigation-item")],G.prototype,"groupItems",void 0),t([g(":scope > cds-navigation-group")],G.prototype,"nestedGroups",void 0),G=t([h({expanded:{true:v,false:y(v)}})],G);export{G as CdsNavigationGroup,x as CdsNavigationGroupTagName};
 //# sourceMappingURL=navigation-group.element.js.map

package/navigation/navigation-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-group.element.js","sources":["../../../src/navigation/navigation-group.element.ts"],"sourcesContent":null,"names":["CdsNavigationGroupTagName","CdsNavigationGroup","LitElement","[object Object]","super","arguments","this","cdsMotion","i18n","I18nService","keys","navigation","expanded","expandedGroup","hasFocus","isGroupStart","groupStart","html","navigationGroupId","styles","baseStyles","expandedChange","emit","disconnectedCallback","removeEventListener","toggle","bind","props","firstUpdated","addEventListener","updated","has","syncProps","active","syncPropsForAllItems","Array","from","groupItems","__decorate","property","type","String","prototype","event","id","state","Boolean","reflect","querySlot","assign","querySlotAll","animate","true","AnimationNavigationGroupOpenName","false","reverseAnimation"],"mappings":"0YASY,MAACA,EAA4B,uBAuBtC,IAACC,EAAqB,cAAiCC,EACtDC,cACIC,SAASC,WACTC,KAAKC,UAAY,KACjBD,KAAKE,KAAOC,EAAYC,KAAKC,WAC7BL,KAAKM,UAAW,EAWhBN,KAAKO,eAAgB,EAMrBP,KAAKQ,UAAW,EAWpBC,mBACI,QAAST,KAAKU,WAElBb,SACI,OAAOc,CAAK,qKAKMX,KAAKO,mCACFP,KAAKY,wEAE4BZ,KAAKM,2JAS/DO,oBACI,MAAO,CAACC,EAAYD,GAExBhB,SACIG,KAAKe,eAAeC,MAAMhB,KAAKM,UAEnCT,uBACIC,MAAMmB,uBACNjB,KAAKU,WAAWQ,oBAAoB,QAASlB,KAAKmB,OAAOC,KAAKpB,OAElEH,aAAawB,GACTvB,MAAMwB,aAAaD,GACfrB,KAAKU,YACLV,KAAKU,WAAWa,iBAAiB,QAASvB,KAAKmB,OAAOC,KAAKpB,OAGnEH,QAAQwB,GACJvB,MAAM0B,QAAQH,GACVA,EAAMI,IAAI,cACVzB,KAAKO,cAAgBP,KAAKM,UAE1BN,KAAKU,YACLgB,EAAU1B,KAAKU,WAAYV,KAAM,CAC7B2B,QAAQ,EACRrB,UAAU,EACVG,aAAcT,KAAKS,aACnBG,mBAAmB,IAG3BgB,EAAqBC,MAAMC,KAAK9B,KAAK+B,YAAa/B,KAAM,CACpDO,eAAe,MAI3ByB,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxC,EAAmByC,UAAW,iBAAa,GAC9CJ,EAAW,CACPK,KACD1C,EAAmByC,UAAW,sBAAkB,GACnDJ,EAAW,CACPK,KACD1C,EAAmByC,UAAW,uBAAmB,GACpDJ,EAAW,CACPM,KACD3C,EAAmByC,UAAW,yBAAqB,GACtDJ,EAAW,CACP9B,KACDP,EAAmByC,UAAW,YAAQ,GACzCJ,EAAW,CACPO,KACD5C,EAAmByC,UAAW,eAAgB,MACjDJ,EAAW,CACPC,EAAS,CAAEC,KAAMM,QAASC,SAAS,KACpC9C,EAAmByC,UAAW,gBAAY,GAC7CJ,EAAW,CACPC,EAAS,CAAEC,KAAMM,WAClB7C,EAAmByC,UAAW,cAAU,GAC3CJ,EAAW,CACPO,KACD5C,EAAmByC,UAAW,qBAAiB,GAClDJ,EAAW,CACPU,EAAU,gCAAiC,CAAEC,OAAQ,iBACtDhD,EAAmByC,UAAW,kBAAc,GAC/CJ,EAAW,CACPY,EAAa,iCACdjD,EAAmByC,UAAW,kBAAc,GAC/CJ,EAAW,CACPY,EAAa,kCACdjD,EAAmByC,UAAW,oBAAgB,GACjDzC,EAAqBqC,EAAW,CAC5Ba,EAAQ,CACJvC,SAAU,CACNwC,KAAMC,EACNC,MAAOC,EAAiBF,OAGjCpD"}
+{"version":3,"file":"navigation-group.element.js","sources":["../../../src/navigation/navigation-group.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 { animate, AnimationNavigationGroupOpenName, baseStyles, event, i18n, I18nService, id, property, querySlot, querySlotAll, reverseAnimation, state, syncProps, syncPropsForAllItems, } from '@cds/core/internal';\nimport styles from './navigation-group.element.scss';\nexport const CdsNavigationGroupTagName = 'cds-navigation-group';\n/**\n *\n * ```typescript\n * import '@cds/core/navigation/register.js';\n * ```\n *\n * ```html\n * <cds-navigation-group>\n *   <cds-navigation-start></cds-navigation-start>\n *    <cds-navigation-item><a href=\"/home\">Home</cds-navigation-item>\n *    <cds-navigation-item><a href=\"/account\">Account</cds-navigation-item>\n * </cds-navigation-group>\n * ```\n *\n * @beta\n * @element cds-navigation-group\n * @event expandedChange - notify when the user has clicked the navigation expand/collapse button\n * @cssprop --animation-duration\n * @cssprop --animation-easing\n * @cssprop --background\n * @slot\n */\nlet CdsNavigationGroup = class CdsNavigationGroup extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.cdsMotion = 'on';\n        this.i18n = I18nService.keys.navigation;\n        this.expanded = false;\n        /**\n         * @desc\n         * The value of this property is passed down to start and item children. It is used to query for visible items when\n         * managing focus with key events in the root cds-navigation element.\n         *\n         * Note: eslint-disable  @typescript-eslint/no-unused-vars isn't ignoring the line\n         // eslint error happens because the value is set but never read.\n      \n         * @private\n         */\n        this.expandedGroup = false;\n        /**\n         * @desc\n         *\n         * Used to coordinate css things and the keyboard navigation focus changes.\n         */\n        this.hasFocus = false;\n    }\n    /**\n     * @description\n     * Getter method for a reference to the selector cds-navigation-group > cds-navigation-start\n     * This lets each group flag its cds-navigation-start element and sync that info down. This is\n     * needed because cds-navigation-start elements can be used at the root level and inside\n     * cds-navigation-group elements.\n     *\n     * @private\n     */\n    get isGroupStart() {\n        return !!this.groupStart;\n    }\n    render() {\n        return html `\n      <div class=\"private-host\" cds-layout=\"vertical wrap:none align:horizontal-stretch\">\n        <slot name=\"group-start\"></slot>\n        <div\n          class=\"group-items-wrapper\"\n          aria-hidden=\"${!this.expandedGroup}\"\n          aria-labelledby=\"${this.navigationGroupId}\"\n        >\n          <div class=\"group-items-container\" aria-expanded=\"${this.expanded}\">\n            <div class=\"navigation-group-items\" cds-layout=\"vertical wrap:none align:horizontal-stretch\" role=\"list\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    toggle() {\n        this.expandedChange.emit(!this.expanded);\n    }\n    disconnectedCallback() {\n        super.disconnectedCallback();\n        this.groupStart.removeEventListener('click', this.toggle.bind(this));\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        if (this.groupStart) {\n            this.groupStart.addEventListener('click', this.toggle.bind(this));\n        }\n    }\n    updated(props) {\n        super.updated(props);\n        if (props.has('expanded')) {\n            this.expandedGroup = this.expanded;\n        }\n        if (this.groupStart) {\n            syncProps(this.groupStart, this, {\n                active: true,\n                expanded: true,\n                isGroupStart: this.isGroupStart,\n                navigationGroupId: true,\n            });\n        }\n        syncPropsForAllItems(Array.from(this.groupItems), this, {\n            expandedGroup: true,\n        });\n    }\n};\n__decorate([\n    property({ type: String })\n], CdsNavigationGroup.prototype, \"cdsMotion\", void 0);\n__decorate([\n    event()\n], CdsNavigationGroup.prototype, \"expandedChange\", void 0);\n__decorate([\n    event()\n], CdsNavigationGroup.prototype, \"cdsMotionChange\", void 0);\n__decorate([\n    id()\n], CdsNavigationGroup.prototype, \"navigationGroupId\", void 0);\n__decorate([\n    i18n()\n], CdsNavigationGroup.prototype, \"i18n\", void 0);\n__decorate([\n    state()\n], CdsNavigationGroup.prototype, \"isGroupStart\", null);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsNavigationGroup.prototype, \"expanded\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsNavigationGroup.prototype, \"active\", void 0);\n__decorate([\n    state()\n], CdsNavigationGroup.prototype, \"expandedGroup\", void 0);\n__decorate([\n    querySlot(':scope > cds-navigation-start', { assign: 'group-start' })\n], CdsNavigationGroup.prototype, \"groupStart\", void 0);\n__decorate([\n    querySlotAll(':scope > cds-navigation-item')\n], CdsNavigationGroup.prototype, \"groupItems\", void 0);\n__decorate([\n    querySlotAll(':scope > cds-navigation-group')\n], CdsNavigationGroup.prototype, \"nestedGroups\", void 0);\nCdsNavigationGroup = __decorate([\n    animate({\n        expanded: {\n            true: AnimationNavigationGroupOpenName,\n            false: reverseAnimation(AnimationNavigationGroupOpenName),\n        },\n    })\n], CdsNavigationGroup);\nexport { CdsNavigationGroup };\n"],"names":["CdsNavigationGroupTagName","CdsNavigationGroup","LitElement","constructor","super","this","cdsMotion","i18n","I18nService","keys","navigation","expanded","expandedGroup","hasFocus","isGroupStart","groupStart","render","html","navigationGroupId","styles","baseStyles","toggle","expandedChange","emit","disconnectedCallback","removeEventListener","bind","firstUpdated","props","addEventListener","updated","has","syncProps","active","syncPropsForAllItems","Array","from","groupItems","__decorate","property","type","String","prototype","event","id","state","Boolean","reflect","querySlot","assign","querySlotAll","animate","true","AnimationNavigationGroupOpenName","false","reverseAnimation"],"mappings":"0YASY,MAACA,EAA4B,uBAuBtC,IAACC,EAAqB,cAAiCC,EACtDC,cACIC,oBACAC,KAAKC,UAAY,KACjBD,KAAKE,KAAOC,EAAYC,KAAKC,WAC7BL,KAAKM,UAAW,EAWhBN,KAAKO,eAAgB,EAMrBP,KAAKQ,UAAW,EAWhBC,mBACA,QAAST,KAAKU,WAElBC,SACI,OAAOC,CAAK,qKAKMZ,KAAKO,mCACFP,KAAKa,wEAE4Bb,KAAKM,2JASpDQ,oBACP,MAAO,CAACC,EAAYD,GAExBE,SACIhB,KAAKiB,eAAeC,MAAMlB,KAAKM,UAEnCa,uBACIpB,MAAMoB,uBACNnB,KAAKU,WAAWU,oBAAoB,QAASpB,KAAKgB,OAAOK,KAAKrB,OAElEsB,aAAaC,GACTxB,MAAMuB,aAAaC,GACfvB,KAAKU,YACLV,KAAKU,WAAWc,iBAAiB,QAASxB,KAAKgB,OAAOK,KAAKrB,OAGnEyB,QAAQF,GACJxB,MAAM0B,QAAQF,GACVA,EAAMG,IAAI,cACV1B,KAAKO,cAAgBP,KAAKM,UAE1BN,KAAKU,YACLiB,EAAU3B,KAAKU,WAAYV,KAAM,CAC7B4B,QAAQ,EACRtB,UAAU,EACVG,aAAcT,KAAKS,aACnBI,mBAAmB,IAG3BgB,EAAqBC,MAAMC,KAAK/B,KAAKgC,YAAahC,KAAM,CACpDO,eAAe,MAI3B0B,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxC,EAAmByC,UAAW,iBAAa,GAC9CJ,EAAW,CACPK,KACD1C,EAAmByC,UAAW,sBAAkB,GACnDJ,EAAW,CACPK,KACD1C,EAAmByC,UAAW,uBAAmB,GACpDJ,EAAW,CACPM,KACD3C,EAAmByC,UAAW,yBAAqB,GACtDJ,EAAW,CACP/B,KACDN,EAAmByC,UAAW,YAAQ,GACzCJ,EAAW,CACPO,KACD5C,EAAmByC,UAAW,eAAgB,MACjDJ,EAAW,CACPC,EAAS,CAAEC,KAAMM,QAASC,SAAS,KACpC9C,EAAmByC,UAAW,gBAAY,GAC7CJ,EAAW,CACPC,EAAS,CAAEC,KAAMM,WAClB7C,EAAmByC,UAAW,cAAU,GAC3CJ,EAAW,CACPO,KACD5C,EAAmByC,UAAW,qBAAiB,GAClDJ,EAAW,CACPU,EAAU,gCAAiC,CAAEC,OAAQ,iBACtDhD,EAAmByC,UAAW,kBAAc,GAC/CJ,EAAW,CACPY,EAAa,iCACdjD,EAAmByC,UAAW,kBAAc,GAC/CJ,EAAW,CACPY,EAAa,kCACdjD,EAAmByC,UAAW,oBAAgB,GACjDzC,EAAqBqC,EAAW,CAC5Ba,EAAQ,CACJxC,SAAU,CACNyC,KAAMC,EACNC,MAAOC,EAAiBF,OAGjCpD"}

package/navigation/navigation-group.element.scss.js

@@ -1,6 +1,2 @@
-import{css as o}from"lit";var i=o`/*!
- * 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.
- */:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:inherit}.navigation-group-items{height:0;overflow-y:hidden}:host([cds-motion=off]) .navigation-group-items{height:0}:host([cds-motion=off][expanded]) .navigation-group-items{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:auto!important;transform:none}.group-items-container,.group-items-wrapper{width:100%}`;export default i;
+import{css as o}from"lit";var i=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:inherit}.navigation-group-items{height:0;overflow-y:hidden}:host([cds-motion=off]) .navigation-group-items{height:0}:host([cds-motion=off][expanded]) .navigation-group-items{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .navigation-group-items{height:auto!important;transform:none}.group-items-container,.group-items-wrapper{width:100%}`;export{i as default};
 //# sourceMappingURL=navigation-group.element.scss.js.map

package/navigation/navigation-group.element.scss.js.map

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

package/navigation/navigation-item.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,createId as s,spanWrapper as r,baseStyles as d,i18n as n,property as p,state as a,querySlot as l,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{manageScreenReaderElements as m,NAVIGATION_TEXT_WRAPPER as u}from"./utils/index.js";const v="cds-navigation-item";class y extends e{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.active=!1,this.disabled=!1,this.expanded=!1,this.expandedGroup=!0,this.hasFocus=!1}connectedCallback(){super.connectedCallback(),this.role="listitem",this.id||(this.id=s())}firstUpdated(t){super.firstUpdated(t),this.handleItemAnchorText(),m(this,this.expanded)}handleItemAnchorText(){var t;const e=this.querySelector("a");e&&(r(e.childNodes),null===(t=null==e?void 0:e.querySelector("span"))||void 0===t||t.setAttribute(u,""))}render(){return o`<div class="private-host ${this.groupItem?"group-item":""}" cds-layout="horizontal align:horizontal-stretch wrap:none gap:md"><slot @slotchange="${this.handleItemAnchorText}"></slot></div>`}static get styles(){return[d,h]}updated(t){super.updated(t),m(this,this.expanded)}}t([n()],y.prototype,"i18n",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),t([a({type:Boolean})],y.prototype,"expanded",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"expandedGroup",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"groupItem",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([l("a")],y.prototype,"focusElement",void 0),t([l("cds-icon",{assign:"cds-icon-slot"})],y.prototype,"itemIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationItem,v as CdsNavigationItemTagName};
+import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,createId as s,spanWrapper as r,baseStyles as d,i18n as n,property as p,state as a,querySlot as l,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{manageScreenReaderElements as m,NAVIGATION_TEXT_WRAPPER as u}from"./utils/index.js";const v="cds-navigation-item";class y extends e{constructor(){super(...arguments);this.i18n=i.keys.navigation,this.active=!1,this.disabled=!1,this.expanded=!1,this.expandedGroup=!0,this.hasFocus=!1}connectedCallback(){super.connectedCallback(),this.role="listitem",this.id||(this.id=s())}firstUpdated(t){super.firstUpdated(t),this.handleItemAnchorText(),m(this,this.expanded)}handleItemAnchorText(){var t;const e=this.querySelector("a");e&&(r(e.childNodes),null===(t=null==e?void 0:e.querySelector("span"))||void 0===t||t.setAttribute(u,""))}render(){return o`<div class="private-host ${this.groupItem?"group-item":""}" cds-layout="horizontal align:horizontal-stretch wrap:none gap:md"><slot @slotchange="${this.handleItemAnchorText}"></slot></div>`}static get styles(){return[d,h]}updated(t){super.updated(t),m(this,this.expanded)}}t([n()],y.prototype,"i18n",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),t([a({type:Boolean})],y.prototype,"expanded",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"expandedGroup",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"groupItem",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([l("a")],y.prototype,"focusElement",void 0),t([l("cds-icon",{assign:"cds-icon-slot"})],y.prototype,"itemIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationItem,v as CdsNavigationItemTagName};
 //# sourceMappingURL=navigation-item.element.js.map

package/navigation/navigation-item.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-item.element.js","sources":["../../../src/navigation/navigation-item.element.ts"],"sourcesContent":null,"names":["CdsNavigationItemTagName","CdsNavigationItem","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","navigation","active","disabled","expanded","expandedGroup","hasFocus","connectedCallback","role","id","createId","props","firstUpdated","handleItemAnchorText","manageScreenReaderElements","_a","anchorElement","querySelector","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","html","groupItem","styles","baseStyles","updated","__decorate","prototype","property","type","Boolean","reflect","state","querySlot","assign","querySlotAll"],"mappings":"8XAUY,MAACA,EAA2B,sBAmBjC,MAAMC,UAA0BC,EACnCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,WAC7BJ,KAAKK,QAAS,EACdL,KAAKM,UAAW,EAChBN,KAAKO,UAAW,EAChBP,KAAKQ,eAAgB,EACrBR,KAAKS,UAAW,EAEpBZ,oBACIC,MAAMY,oBACNV,KAAKW,KAAO,WACPX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBhB,aAAaiB,GACThB,MAAMiB,aAAaD,GACnBd,KAAKgB,uBACLC,EAA2BjB,KAAMA,KAAKO,UAE1CV,uBACI,IAAIqB,EACJ,MAAMC,EAAgBnB,KAAKoB,cAAc,KACrCD,IACAE,EAAYF,EAAcG,YACmF,QAA5GJ,EAAKC,MAAAA,OAAqD,EAASA,EAAcC,cAAc,eAA4B,IAAPF,GAAyBA,EAAGK,aAAaC,EAAyB,KAG/L3B,SACI,OAAO4B,CAAK,4BAEUzB,KAAK0B,UAAY,aAAe,4FAGlC1B,KAAKgB,sCAI7BW,oBACI,MAAO,CAACC,EAAYD,GAExB9B,QAAQiB,GACJhB,MAAM+B,QAAQf,GACdG,EAA2BjB,KAAMA,KAAKO,WAG9CuB,EAAW,CACP7B,KACDN,EAAkBoC,UAAW,YAAQ,GACxCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCxC,EAAkBoC,UAAW,cAAU,GAC1CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,WACfvC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,qBAAiB,GACjDD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,iBAAa,GAC7CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPO,EAAU,MACX1C,EAAkBoC,UAAW,oBAAgB,GAChDD,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,mBACjC3C,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPS,EAAa,6BACd5C,EAAkBoC,UAAW,gBAAY"}
+{"version":3,"file":"navigation-item.element.js","sources":["../../../src/navigation/navigation-item.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 { baseStyles, createId, i18n, I18nService, state, property, querySlot, querySlotAll, spanWrapper, } from '@cds/core/internal';\nimport styles from './navigation-item.element.scss';\nimport { manageScreenReaderElements, NAVIGATION_TEXT_WRAPPER } from './utils/index.js';\nexport const CdsNavigationItemTagName = 'cds-navigation-item';\n/**\n * ```typescript\n * import '@cds/core/navigation/register.js';\n * ```\n *\n * ```html\n *  <cds-navigation-item><a href=\"/home\">Home</cds-navigation-item>\n * ```\n *\n * @beta\n * @element cds-navigation-item\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --letter-spacing\n * @cssprop --padding\n * @slot\n */\nexport class CdsNavigationItem extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.i18n = I18nService.keys.navigation;\n        this.active = false;\n        this.disabled = false;\n        this.expanded = false;\n        this.expandedGroup = true;\n        this.hasFocus = false;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.role = 'listitem';\n        if (!this.id) {\n            this.id = createId();\n        }\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.handleItemAnchorText();\n        manageScreenReaderElements(this, this.expanded);\n    }\n    handleItemAnchorText() {\n        var _a;\n        const anchorElement = this.querySelector('a');\n        if (anchorElement) {\n            spanWrapper(anchorElement.childNodes);\n            (_a = anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.querySelector('span')) === null || _a === void 0 ? void 0 : _a.setAttribute(NAVIGATION_TEXT_WRAPPER, '');\n        }\n    }\n    render() {\n        return html `\n      <div\n        class=\"private-host ${this.groupItem ? 'group-item' : ''}\"\n        cds-layout=\"horizontal align:horizontal-stretch wrap:none gap:md\"\n      >\n        <slot @slotchange=${this.handleItemAnchorText}></slot>\n      </div>\n    `;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    updated(props) {\n        super.updated(props);\n        manageScreenReaderElements(this, this.expanded);\n    }\n}\n__decorate([\n    i18n()\n], CdsNavigationItem.prototype, \"i18n\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsNavigationItem.prototype, \"active\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsNavigationItem.prototype, \"disabled\", void 0);\n__decorate([\n    state({ type: Boolean })\n], CdsNavigationItem.prototype, \"expanded\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsNavigationItem.prototype, \"expandedGroup\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsNavigationItem.prototype, \"groupItem\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsNavigationItem.prototype, \"hasFocus\", void 0);\n__decorate([\n    querySlot('a')\n], CdsNavigationItem.prototype, \"focusElement\", void 0);\n__decorate([\n    querySlot('cds-icon', { assign: 'cds-icon-slot' })\n], CdsNavigationItem.prototype, \"itemIcon\", void 0);\n__decorate([\n    querySlotAll('[cds-navigation-sr-text]')\n], CdsNavigationItem.prototype, \"itemText\", void 0);\n"],"names":["CdsNavigationItemTagName","CdsNavigationItem","LitElement","constructor","super","this","i18n","I18nService","keys","navigation","active","disabled","expanded","expandedGroup","hasFocus","connectedCallback","role","id","createId","firstUpdated","props","handleItemAnchorText","manageScreenReaderElements","_a","anchorElement","querySelector","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","render","html","groupItem","styles","baseStyles","updated","__decorate","prototype","property","type","Boolean","reflect","state","querySlot","assign","querySlotAll"],"mappings":"8XAUY,MAACA,EAA2B,sBAmBjC,MAAMC,UAA0BC,EACnCC,cACIC,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,WAC7BJ,KAAKK,QAAS,EACdL,KAAKM,UAAW,EAChBN,KAAKO,UAAW,EAChBP,KAAKQ,eAAgB,EACrBR,KAAKS,UAAW,EAEpBC,oBACIX,MAAMW,oBACNV,KAAKW,KAAO,WACPX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBC,aAAaC,GACThB,MAAMe,aAAaC,GACnBf,KAAKgB,uBACLC,EAA2BjB,KAAMA,KAAKO,UAE1CS,uBACI,IAAIE,EACJ,MAAMC,EAAgBnB,KAAKoB,cAAc,KACrCD,IACAE,EAAYF,EAAcG,YACmF,QAA5GJ,EAAKC,MAAAA,OAAqD,EAASA,EAAcC,cAAc,eAA4B,IAAPF,GAAyBA,EAAGK,aAAaC,EAAyB,KAG/LC,SACI,OAAOC,CAAK,4BAEU1B,KAAK2B,UAAY,aAAe,4FAGlC3B,KAAKgB,sCAIlBY,oBACP,MAAO,CAACC,EAAYD,GAExBE,QAAQf,GACJhB,MAAM+B,QAAQf,GACdE,EAA2BjB,KAAMA,KAAKO,WAG9CwB,EAAW,CACP9B,KACDL,EAAkBoC,UAAW,YAAQ,GACxCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCxC,EAAkBoC,UAAW,cAAU,GAC1CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,WACfvC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,qBAAiB,GACjDD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,iBAAa,GAC7CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPO,EAAU,MACX1C,EAAkBoC,UAAW,oBAAgB,GAChDD,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,mBACjC3C,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPS,EAAa,6BACd5C,EAAkBoC,UAAW,gBAAY"}

package/navigation/navigation-item.element.scss.js

@@ -1,6 +1,2 @@
-import{css as o}from"lit";var a=o`/*!
- * 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.
- */:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--line-height:var(--cds-alias-object-interaction-touch-target, calc((36 / var(--cds-global-base, 20)) * 1rem));--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:0 var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem));--cursor:pointer}:host([_group-item]){--padding:0 var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem))}.private-host{min-height:var(--line-height);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--line-height);width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:var(--color);background:var(--background);border:0;cursor:var(--cursor);padding:var(--padding)}:host(:hover),:host([_has-focus]){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:hover){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2)}@media (-webkit-min-device-pixel-ratio:0){:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([_active]:not([_expanded])),:host([active]){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([_active]:not([_expanded])) .private-host,:host([active]) .private-host{box-shadow:inset var(--cds-alias-object-border-width-300,calc((3 / var(--cds-global-base,20)) * 1rem)) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host(:active),:host(:active:focus){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}:host([selected]){--color:var(--cds-alias-object-interaction-color-selected, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]),:host([disabled]:hover){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white));--cursor:not-allowed}::slotted([role=button]),::slotted(a),::slotted(button),button{line-height:var(--line-height);min-height:var(--line-height);cursor:var(--cursor);text-decoration:none!important;padding:0;outline:0;background:0 0;border:0;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;align-items:center;gap:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem))}`;export default a;
+import{css as o}from"lit";var a=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--line-height:var(--cds-alias-object-interaction-touch-target, calc(36 / var(--cds-global-base, 20) * 1rem));--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:0 var(--cds-global-space-5, calc(8 / var(--cds-global-base, 20) * 1rem));--cursor:pointer}:host([_group-item]){--padding:0 var(--cds-global-space-5, calc(8 / var(--cds-global-base, 20) * 1rem)) 0 var(--cds-global-space-7, calc(16 / var(--cds-global-base, 20) * 1rem))}.private-host{min-height:var(--line-height);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--line-height);width:100%;height:fit-content;color:var(--color);background:var(--background);border:0;cursor:var(--cursor);padding:var(--padding)}:host(:hover),:host([_has-focus]){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:hover){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2)}@media (-webkit-min-device-pixel-ratio:0){:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([_active]:not([_expanded])),:host([active]){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([_active]:not([_expanded])) .private-host,:host([active]) .private-host{box-shadow:inset var(--cds-alias-object-border-width-300,calc(3 / var(--cds-global-base,20) * 1rem)) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host(:active),:host(:active:focus){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}:host([selected]){--color:var(--cds-alias-object-interaction-color-selected, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]),:host([disabled]:hover){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white));--cursor:not-allowed}::slotted([role=button]),::slotted(a),::slotted(button),button{line-height:var(--line-height);min-height:var(--line-height);cursor:var(--cursor);text-decoration:none!important;padding:0;outline:0;background:0 0;border:0;color:inherit;display:flex;flex:1;align-items:center;gap:var(--cds-global-space-6,calc(12 / var(--cds-global-base,20) * 1rem))}`;export{a as default};
 //# sourceMappingURL=navigation-item.element.scss.js.map

package/navigation/navigation-item.element.scss.js.map

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

package/navigation/navigation-start.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{I18nService as i,createId as s,spanWrapper as n,baseStyles as a,i18n as r,property as d,state as l,querySlot as p,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{NAVIGATION_TEXT_WRAPPER as u,getToggleIconDirection as g,manageScreenReaderElements as v}from"./utils/index.js";const x="cds-navigation-start";class y extends o{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.expandedRoot=!1,this.hasFocus=!1,this.isGroupStart=!1,this.active=!1,this.expanded=!1}connectedCallback(){super.connectedCallback(),this.role="listitem",this.id||(this.id=s())}firstUpdated(t){var o;super.firstUpdated(t);const e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("button");e&&(this.focusElement=e),this.handleStartButtonText()}handleStartButtonText(){var t;n(this.childNodes),null===(t=this.querySelector("span"))||void 0===t||t.setAttribute(u,"")}renderRootStart(){return e`<slot @slotchange="${this.handleStartButtonText}"></slot><button aria-pressed="${this.expandedRoot}" aria-label="${this.expandedRoot?this.i18n.navigationUnabridgedText:this.i18n.navigationAbridgedText}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal align:vertical-center"><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}renderGroupStart(){return e`<button aria-expanded="${this.expanded}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal wrap:none align:vertical-center gap:md"><slot @slotchange="${this.handleStartButtonText}"></slot><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}render(){return e`<div class="private-host" cds-layout="horizontal align:vertical-center align:horizontal-stretch">${this.isGroupStart?this.renderGroupStart():this.renderRootStart()}</div>`}static get styles(){return[a,h]}get toggleIconDirection(){return g(this)}updated(t){super.updated(t),v(this,this.expandedRoot)}}t([r()],y.prototype,"i18n",void 0),t([d({type:Boolean})],y.prototype,"expandedRoot",void 0),t([l({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([d({type:Boolean,reflect:!0})],y.prototype,"isGroupStart",void 0),t([d({type:String})],y.prototype,"navigationGroupId",void 0),t([l({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],y.prototype,"expanded",void 0),t([p("[cds-navigation-start-icon]",{assign:"cds-icon-slot"})],y.prototype,"startIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationStart,x as CdsNavigationStartTagName};
+import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{I18nService as i,createId as s,spanWrapper as n,baseStyles as a,i18n as r,property as d,state as l,querySlot as p,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{NAVIGATION_TEXT_WRAPPER as u,getToggleIconDirection as g,manageScreenReaderElements as v}from"./utils/index.js";const x="cds-navigation-start";class y extends o{constructor(){super(...arguments);this.i18n=i.keys.navigation,this.expandedRoot=!1,this.hasFocus=!1,this.isGroupStart=!1,this.active=!1,this.expanded=!1}connectedCallback(){super.connectedCallback(),this.role="listitem",this.id||(this.id=s())}firstUpdated(t){var o;super.firstUpdated(t);const e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("button");e&&(this.focusElement=e),this.handleStartButtonText()}handleStartButtonText(){var t;n(this.childNodes),null===(t=this.querySelector("span"))||void 0===t||t.setAttribute(u,"")}renderRootStart(){return e`<slot @slotchange="${this.handleStartButtonText}"></slot><button aria-pressed="${this.expandedRoot}" aria-label="${this.expandedRoot?this.i18n.navigationUnabridgedText:this.i18n.navigationAbridgedText}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal align:vertical-center"><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}renderGroupStart(){return e`<button aria-expanded="${this.expanded}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal wrap:none align:vertical-center gap:md"><slot @slotchange="${this.handleStartButtonText}"></slot><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}render(){return e`<div class="private-host" cds-layout="horizontal align:vertical-center align:horizontal-stretch">${this.isGroupStart?this.renderGroupStart():this.renderRootStart()}</div>`}static get styles(){return[a,h]}get toggleIconDirection(){return g(this)}updated(t){super.updated(t),v(this,this.expandedRoot)}}t([r()],y.prototype,"i18n",void 0),t([d({type:Boolean})],y.prototype,"expandedRoot",void 0),t([l({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([d({type:Boolean,reflect:!0})],y.prototype,"isGroupStart",void 0),t([d({type:String})],y.prototype,"navigationGroupId",void 0),t([l({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],y.prototype,"expanded",void 0),t([p("[cds-navigation-start-icon]",{assign:"cds-icon-slot"})],y.prototype,"startIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationStart,x as CdsNavigationStartTagName};
 //# sourceMappingURL=navigation-start.element.js.map

package/navigation/navigation-start.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-start.element.js","sources":["../../../src/navigation/navigation-start.element.ts"],"sourcesContent":null,"names":["CdsNavigationStartTagName","CdsNavigationStart","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","navigation","expandedRoot","hasFocus","isGroupStart","active","expanded","connectedCallback","role","id","createId","props","_a","firstUpdated","button","shadowRoot","querySelector","focusElement","handleStartButtonText","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","html","navigationUnabridgedText","navigationAbridgedText","navigationGroupId","startIcon","toggleIconDirection","renderGroupStart","renderRootStart","styles","baseStyles","itemStyles","getToggleIconDirection","updated","manageScreenReaderElements","__decorate","prototype","property","type","Boolean","state","reflect","String","querySlot","assign","querySlotAll"],"mappings":"0ZAUY,MAACA,EAA4B,uBAoBlC,MAAMC,UAA2BC,EACpCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,WAK7BJ,KAAKK,cAAe,EAKpBL,KAAKM,UAAW,EAKhBN,KAAKO,cAAe,EAMpBP,KAAKQ,QAAS,EAOdR,KAAKS,UAAW,EAEpBZ,oBACIC,MAAMY,oBACNV,KAAKW,KAAO,WACPX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBhB,aAAaiB,GACT,IAAIC,EACJjB,MAAMkB,aAAaF,GACnB,MAAMG,EAAoC,QAA1BF,EAAKf,KAAKkB,kBAA+B,IAAPH,OAAgB,EAASA,EAAGI,cAAc,UACxFF,IACAjB,KAAKoB,aAAeH,GAExBjB,KAAKqB,wBAETxB,wBACI,IAAIkB,EACJO,EAAYtB,KAAKuB,YAEqB,QAArCR,EAAKf,KAAKmB,cAAc,eAA4B,IAAPJ,GAAyBA,EAAGS,aAAaC,EAAyB,IAEpH5B,kBACI,OAAO6B,CAAK,sBACM1B,KAAKqB,uDAEPrB,KAAKK,6BACPL,KAAKK,aAAeL,KAAKC,KAAK0B,yBAA2B3B,KAAKC,KAAK2B,+BAC3E5B,KAAKO,aAAeP,KAAK6B,kBAAoB,4GAIX7B,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK8B,UACP,GACAJ,CAAK,oBACU1B,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAK+B,kEASlClC,mBACI,OAAO6B,CAAK,0BACW1B,KAAKS,iBAAiBT,KAAKO,aAAeP,KAAK6B,kBAAoB,4GAEpE7B,KAAKqB,qEACarB,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK8B,UACP,GACAJ,CAAK,oBACU1B,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAK+B,kEASlClC,SACI,OAAO6B,CAAK,oGAEV1B,KAAKO,aAAeP,KAAKgC,mBAAqBhC,KAAKiC,0BAIzDC,oBACI,MAAO,CAACC,EAAYC,GAExBL,0BACI,OAAOM,EAAuBrC,MAElCH,QAAQiB,GACJhB,MAAMwC,QAAQxB,GACdyB,EAA2BvC,KAAMA,KAAKK,eAG9CmC,EAAW,CACPvC,KACDN,EAAmB8C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClBjD,EAAmB8C,UAAW,oBAAgB,GACjDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,gBAAY,GAC7CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASE,SAAS,KACpCnD,EAAmB8C,UAAW,oBAAgB,GACjDD,EAAW,CACPE,EAAS,CAAEC,KAAMI,UAClBpD,EAAmB8C,UAAW,yBAAqB,GACtDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,cAAU,GAC3CD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,gBAAY,GAC7CD,EAAW,CACPQ,EAAU,8BAA+B,CAAEC,OAAQ,mBACpDtD,EAAmB8C,UAAW,iBAAa,GAC9CD,EAAW,CACPU,EAAa,6BACdvD,EAAmB8C,UAAW,gBAAY"}
+{"version":3,"file":"navigation-start.element.js","sources":["../../../src/navigation/navigation-start.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 { baseStyles, createId, i18n, I18nService, property, querySlot, querySlotAll, spanWrapper, state, } from '@cds/core/internal';\nimport itemStyles from './navigation-item.element.scss';\nimport { getToggleIconDirection, manageScreenReaderElements, NAVIGATION_TEXT_WRAPPER } from './utils/index.js';\nexport const CdsNavigationStartTagName = 'cds-navigation-start';\n/**\n * Web component navigation.\n *\n * ```typescript\n * import '@cds/core/navigation/register.js';\n * ```\n *\n * ```html\n * <cds-navigation-start>Start text</cds-navigation-start>\n * ```\n * @beta\n * @element cds-navigation-start\n * @cssprop --color: inherit\n * @cssprop --line-height: inherit\n * @cssprop --font-size: inherit\n * @cssprop --font-weight: inherit\n * @slot\n * @slot cds-navigation-start-icon - customize the default start toggle icon\n */\nexport class CdsNavigationStart extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.i18n = I18nService.keys.navigation;\n        /**\n         * @desc\n         * Synced down from the root navigation element. Determines if the vertical navigation is wide or narrow.\n         */\n        this.expandedRoot = false;\n        /**\n         * @desc\n         * Is set to true by the root cds-navigation element when the instance is focused.\n         */\n        this.hasFocus = false;\n        /**\n         * @desc\n         * The value is synced down from the root cds-navigation element.\n         */\n        this.isGroupStart = false;\n        /**\n         * @desc info synced down from group element and used in css to set proper bg color if a group has an active item and is not expanded\n         *\n         * @private\n         */\n        this.active = false;\n        /**\n         * @desc\n         * Describes the groups expanded state\n         *\n         * @private\n         */\n        this.expanded = false;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.role = 'listitem';\n        if (!this.id) {\n            this.id = createId();\n        }\n    }\n    firstUpdated(props) {\n        var _a;\n        super.firstUpdated(props);\n        const button = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button');\n        if (button) {\n            this.focusElement = button;\n        }\n        this.handleStartButtonText();\n    }\n    handleStartButtonText() {\n        var _a;\n        spanWrapper(this.childNodes);\n        // get the projected text now wrapped in a span and add the sr attribute.\n        (_a = this.querySelector('span')) === null || _a === void 0 ? void 0 : _a.setAttribute(NAVIGATION_TEXT_WRAPPER, '');\n    }\n    renderRootStart() {\n        return html `\n      <slot @slotchange=${this.handleStartButtonText}></slot>\n      <button\n        aria-pressed=\"${this.expandedRoot}\"\n        aria-label=\"${this.expandedRoot ? this.i18n.navigationUnabridgedText : this.i18n.navigationAbridgedText}\"\n        id=\"${this.isGroupStart ? this.navigationGroupId : ''}\"\n        type=\"button\"\n      >\n        <div cds-layout=\"horizontal align:vertical-center\">\n          <span class=\"icon-slot\" cds-layout=\"${this.expandedRoot ? 'align:right' : 'align:left'}\">\n            <slot name=\"cds-icon-slot\">\n              ${this.startIcon\n            ? ''\n            : html ` <cds-icon\n                    size=\"${!this.expandedRoot && this.isGroupStart ? 'xs' : 'sm'}\"\n                    shape=\"${this.isGroupStart ? 'angle' : 'angle-double'}\"\n                    direction=\"${this.toggleIconDirection}\"\n                  >\n                  </cds-icon>`}\n            </slot>\n          </span>\n        </div>\n      </button>\n    `;\n    }\n    renderGroupStart() {\n        return html `\n      <button aria-expanded=\"${this.expanded}\" id=\"${this.isGroupStart ? this.navigationGroupId : ''}\" type=\"button\">\n        <div cds-layout=\"horizontal wrap:none align:vertical-center gap:md\">\n          <slot @slotchange=${this.handleStartButtonText}></slot>\n          <span class=\"icon-slot\" cds-layout=\"${this.expandedRoot ? 'align:right' : 'align:left'}\">\n            <slot name=\"cds-icon-slot\">\n              ${this.startIcon\n            ? ''\n            : html ` <cds-icon\n                    size=\"${!this.expandedRoot && this.isGroupStart ? 'xs' : 'sm'}\"\n                    shape=\"${this.isGroupStart ? 'angle' : 'angle-double'}\"\n                    direction=\"${this.toggleIconDirection}\"\n                  >\n                  </cds-icon>`}\n            </slot>\n          </span>\n        </div>\n      </button>\n    `;\n    }\n    render() {\n        return html `\n      <div class=\"private-host\" cds-layout=\"horizontal align:vertical-center align:horizontal-stretch\">\n        ${this.isGroupStart ? this.renderGroupStart() : this.renderRootStart()}\n      </div>\n    `;\n    }\n    static get styles() {\n        return [baseStyles, itemStyles];\n    }\n    get toggleIconDirection() {\n        return getToggleIconDirection(this);\n    }\n    updated(props) {\n        super.updated(props);\n        manageScreenReaderElements(this, this.expandedRoot);\n    }\n}\n__decorate([\n    i18n()\n], CdsNavigationStart.prototype, \"i18n\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsNavigationStart.prototype, \"expandedRoot\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsNavigationStart.prototype, \"hasFocus\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsNavigationStart.prototype, \"isGroupStart\", void 0);\n__decorate([\n    property({ type: String })\n], CdsNavigationStart.prototype, \"navigationGroupId\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsNavigationStart.prototype, \"active\", void 0);\n__decorate([\n    state({ type: Boolean, reflect: true })\n], CdsNavigationStart.prototype, \"expanded\", void 0);\n__decorate([\n    querySlot('[cds-navigation-start-icon]', { assign: 'cds-icon-slot' })\n], CdsNavigationStart.prototype, \"startIcon\", void 0);\n__decorate([\n    querySlotAll('[cds-navigation-sr-text]')\n], CdsNavigationStart.prototype, \"itemText\", void 0);\n"],"names":["CdsNavigationStartTagName","CdsNavigationStart","LitElement","constructor","super","this","i18n","I18nService","keys","navigation","expandedRoot","hasFocus","isGroupStart","active","expanded","connectedCallback","role","id","createId","firstUpdated","props","_a","button","shadowRoot","querySelector","focusElement","handleStartButtonText","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","renderRootStart","html","navigationUnabridgedText","navigationAbridgedText","navigationGroupId","startIcon","toggleIconDirection","renderGroupStart","render","styles","baseStyles","itemStyles","getToggleIconDirection","updated","manageScreenReaderElements","__decorate","prototype","property","type","Boolean","state","reflect","String","querySlot","assign","querySlotAll"],"mappings":"0ZAUY,MAACA,EAA4B,uBAoBlC,MAAMC,UAA2BC,EACpCC,cACIC,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,WAK7BJ,KAAKK,cAAe,EAKpBL,KAAKM,UAAW,EAKhBN,KAAKO,cAAe,EAMpBP,KAAKQ,QAAS,EAOdR,KAAKS,UAAW,EAEpBC,oBACIX,MAAMW,oBACNV,KAAKW,KAAO,WACPX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBC,aAAaC,GACT,IAAIC,EACJjB,MAAMe,aAAaC,GACnB,MAAME,EAAoC,QAA1BD,EAAKhB,KAAKkB,kBAA+B,IAAPF,OAAgB,EAASA,EAAGG,cAAc,UACxFF,IACAjB,KAAKoB,aAAeH,GAExBjB,KAAKqB,wBAETA,wBACI,IAAIL,EACJM,EAAYtB,KAAKuB,YAEqB,QAArCP,EAAKhB,KAAKmB,cAAc,eAA4B,IAAPH,GAAyBA,EAAGQ,aAAaC,EAAyB,IAEpHC,kBACI,OAAOC,CAAK,sBACM3B,KAAKqB,uDAEPrB,KAAKK,6BACPL,KAAKK,aAAeL,KAAKC,KAAK2B,yBAA2B5B,KAAKC,KAAK4B,+BAC3E7B,KAAKO,aAAeP,KAAK8B,kBAAoB,4GAIX9B,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK+B,UACP,GACAJ,CAAK,oBACU3B,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAKgC,kEASlCC,mBACI,OAAON,CAAK,0BACW3B,KAAKS,iBAAiBT,KAAKO,aAAeP,KAAK8B,kBAAoB,4GAEpE9B,KAAKqB,qEACarB,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK+B,UACP,GACAJ,CAAK,oBACU3B,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAKgC,kEASlCE,SACI,OAAOP,CAAK,oGAEV3B,KAAKO,aAAeP,KAAKiC,mBAAqBjC,KAAK0B,0BAI9CS,oBACP,MAAO,CAACC,EAAYC,GAEpBL,0BACA,OAAOM,EAAuBtC,MAElCuC,QAAQxB,GACJhB,MAAMwC,QAAQxB,GACdyB,EAA2BxC,KAAMA,KAAKK,eAG9CoC,EAAW,CACPxC,KACDL,EAAmB8C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClBjD,EAAmB8C,UAAW,oBAAgB,GACjDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,gBAAY,GAC7CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASE,SAAS,KACpCnD,EAAmB8C,UAAW,oBAAgB,GACjDD,EAAW,CACPE,EAAS,CAAEC,KAAMI,UAClBpD,EAAmB8C,UAAW,yBAAqB,GACtDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,cAAU,GAC3CD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,gBAAY,GAC7CD,EAAW,CACPQ,EAAU,8BAA+B,CAAEC,OAAQ,mBACpDtD,EAAmB8C,UAAW,iBAAa,GAC9CD,EAAW,CACPU,EAAa,6BACdvD,EAAmB8C,UAAW,gBAAY"}

package/navigation/navigation.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as i,html as e}from"lit";import{I18nService as a,isVisible as n,setAttributes as o,onKey as s,syncPropsForAllItems as r,syncProps as d,baseStyles as v,property as c,event as l,state as h,i18n as p,querySlot as u,querySlotAll as g,animate as m,reverseAnimation as f}from"@cds/core/internal";import y from"./navigation.element.scss.js";import{removeFocus as I,setFocus as A,visibleElement as b,getNextFocusElement as E,getPreviousFocusElement as S}from"./utils/index.js";import{AnimationNavigationOpenName as x}from"../internal/motion/animations/cds-navigation-open.js";const N="cds-navigation";let R=class extends i{constructor(){super(...arguments),this.expandedRoot=!1,this.cdsMotion="on",this.groupItem=!0,this.expanded=!1,this.i18n=a.keys.navigation}toggle(){this.expandedChange.emit(!this.expanded)}get currentActiveItem(){return this.visibleChildren.find((t=>t.id===this.ariaActiveDescendant))}get endTemplate(){return this.navigationEnd?e`<div class="navigation-end" cds-layout="vertical align:horizontal-stretch"><slot name="cds-navigation-end"></slot></div>`:""}get startTemplate(){let t;return t=this.rootNavigationStart?e`<div class="navigation-start" cds-layout="vertical align:horizontal-stretch"><slot @slotchange="${()=>this.addStartEventListener()}" name="navigation-start"></slot><cds-divider class="start-divider"></cds-divider></div>`:"",t}get visibleChildren(){return Array.from(this.allNavigationElements).filter((t=>n(t)))}addStartEventListener(){this.rootNavigationStart&&this.rootNavigationStart.addEventListener("click",this.toggle.bind(this))}firstUpdated(t){var i;super.firstUpdated(t),this.allNavigationElements.forEach((t=>{o(t,["tabindex","-1"])}));const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("#item-container");null==e||e.addEventListener("focus",this.initItemKeys.bind(this)),null==e||e.addEventListener("keydown",this.handleItemKeys.bind(this)),null==e||e.addEventListener("blur",this.blurItemKeys.bind(this))}blurItemKeys(){this.currentActiveItem&&I(this.currentActiveItem)}focusRootStart(){this.rootNavigationStart&&A(this.rootNavigationStart)}blurRootStart(){this.rootNavigationStart&&I(this.rootNavigationStart)}initItemKeys(){if(this.currentActiveItem){const t=this.currentActiveItem?this.currentActiveItem:this.allNavigationElements[0];A(t),this.ariaActiveDescendant=t.id}else A(this.focusableElements[0]),this.ariaActiveDescendant=this.focusableElements[0].id}get focusableElements(){return Array.from(this.allNavigationElements).filter(b)}handleItemKeys(t){s("arrow-down",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=E(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-up",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=S(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-right",t,(()=>{var t;const i=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");!i||i.expanded||i.expandedChange.emit(!i.expanded)})),s("arrow-left",t,(()=>{var t,i,e;const a=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");if("CDS-NAVIGATION-ITEM"===(null===(i=this.currentActiveItem)||void 0===i?void 0:i.tagName)&&a){const t=null==a?void 0:a.querySelector("cds-navigation-start");return I(this.currentActiveItem),this.ariaActiveDescendant=null!==(e=null==t?void 0:t.id)&&void 0!==e?e:null,void A(t)}a&&a.expanded&&a.expandedChange.emit(!a.expanded)})),s("home",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[0];this.ariaActiveDescendant=t.id,A(t)}})),s("end",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[this.focusableElements.length-1];this.ariaActiveDescendant=t.id,A(t)}})),s("enter",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())})),s("space",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())}))}handleRootStartKeys(t){s("arrow-right",t,(()=>{this.expanded||this.toggle()})),s("arrow-left",t,(()=>{this.expanded&&this.toggle()}))}connectedCallback(){var t,i,e;super.connectedCallback(),this.role="list",null===(t=this.rootNavigationStart)||void 0===t||t.addEventListener("focus",this.focusRootStart.bind(this)),null===(i=this.rootNavigationStart)||void 0===i||i.addEventListener("blur",this.blurRootStart.bind(this)),null===(e=this.rootNavigationStart)||void 0===e||e.addEventListener("keydown",this.handleRootStartKeys.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.rootNavigationStart&&this.rootNavigationStart.removeEventListener("click",this.toggle.bind(this))}render(){return e`<div class="private-host" aria-label="${this.i18n.navigationLabel}" cds-layout="vertical wrap:none">${this.startTemplate}<slot name="cds-navigation-substart"></slot><nav class="navigation-body-wrapper"><div .ariaActiveDescendant="${this.ariaActiveDescendant}" tabindex="0" id="item-container"><div class="navigation-body" cds-layout="vertical wrap:none align:horizontal-stretch"><slot></slot></div></div></nav>${this.endTemplate}</div>`}updated(t){super.updated(t),t.has("expanded")&&(this.expandedRoot=this.expanded),this.updateChildrenProps()}updateChildrenProps(){this.navigationGroupItems&&r(Array.from(this.navigationGroupItems),this,{groupItem:!0}),this.navigationItemRefs&&r(Array.from(this.navigationItemRefs),this,{expanded:!0}),this.navigationStartRefs&&r(Array.from(this.navigationStartRefs),this,{expandedRoot:!0}),this.rootNavigationStart&&d(this.rootNavigationStart,this,{expanded:this.expanded}),this.rootNavigationItems.length>0&&r(Array.from(this.rootNavigationItems),this,{expanded:this.expanded}),this.navigationGroupRefs.length>0&&r(Array.from(this.navigationGroupRefs),this,{layout:!0})}static get styles(){return[v,y]}};t([c({type:String})],R.prototype,"cdsMotion",void 0),t([l()],R.prototype,"expandedChange",void 0),t([l()],R.prototype,"cdsMotionChange",void 0),t([h({type:Boolean})],R.prototype,"groupItem",void 0),t([c({type:Boolean})],R.prototype,"expanded",void 0),t([p()],R.prototype,"i18n",void 0),t([u('[slot="cds-navigation-end"]',{assign:"cds-navigation-end"})],R.prototype,"navigationEnd",void 0),t([g("cds-navigation-group > cds-navigation-start, cds-navigation-item:not([disabled])")],R.prototype,"allNavigationElements",void 0),t([g("cds-navigation-start")],R.prototype,"navigationStartRefs",void 0),t([g(":scope > cds-divider")],R.prototype,"rootDividers",void 0),t([g(":scope > cds-navigation-group")],R.prototype,"rootNavigationGroups",void 0),t([g(":scope > cds-navigation-item")],R.prototype,"rootNavigationItems",void 0),t([u(":scope > cds-navigation-start",{assign:"navigation-start"})],R.prototype,"rootNavigationStart",void 0),t([g(":scope > cds-navigation-group > cds-navigation-item")],R.prototype,"navigationGroupItems",void 0),t([g("cds-navigation-item")],R.prototype,"navigationItemRefs",void 0),t([g("cds-navigation-group")],R.prototype,"navigationGroupRefs",void 0),R=t([m({expanded:{true:x,false:f(x)}})],R);export{R as CdsNavigation,N as CdsNavigationTagName};
+import{__decorate as t}from"tslib";import{LitElement as i,html as e}from"lit";import{I18nService as a,isVisible as n,setAttributes as o,onKey as s,syncPropsForAllItems as r,syncProps as d,baseStyles as v,property as c,event as l,state as h,i18n as p,querySlot as u,querySlotAll as g,animate as m,reverseAnimation as f}from"@cds/core/internal";import y from"./navigation.element.scss.js";import{removeFocus as I,setFocus as A,visibleElement as b,getNextFocusElement as E,getPreviousFocusElement as S}from"./utils/index.js";import{AnimationNavigationOpenName as x}from"../internal/motion/animations/cds-navigation-open.js";const N="cds-navigation";let R=class extends i{constructor(){super(...arguments);this.expandedRoot=!1,this.cdsMotion="on",this.groupItem=!0,this.expanded=!1,this.i18n=a.keys.navigation}toggle(){this.expandedChange.emit(!this.expanded)}get currentActiveItem(){return this.visibleChildren.find((t=>t.id===this.ariaActiveDescendant))}get endTemplate(){return this.navigationEnd?e`<div class="navigation-end" cds-layout="vertical align:horizontal-stretch"><slot name="cds-navigation-end"></slot></div>`:""}get startTemplate(){let t;return t=this.rootNavigationStart?e`<div class="navigation-start" cds-layout="vertical align:horizontal-stretch"><slot @slotchange="${()=>this.addStartEventListener()}" name="navigation-start"></slot><cds-divider class="start-divider"></cds-divider></div>`:"",t}get visibleChildren(){return Array.from(this.allNavigationElements).filter((t=>n(t)))}addStartEventListener(){this.rootNavigationStart&&this.rootNavigationStart.addEventListener("click",this.toggle.bind(this))}firstUpdated(t){var i;super.firstUpdated(t),this.allNavigationElements.forEach((t=>{o(t,["tabindex","-1"])}));const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("#item-container");null==e||e.addEventListener("focus",this.initItemKeys.bind(this)),null==e||e.addEventListener("keydown",this.handleItemKeys.bind(this)),null==e||e.addEventListener("blur",this.blurItemKeys.bind(this))}blurItemKeys(){this.currentActiveItem&&I(this.currentActiveItem)}focusRootStart(){this.rootNavigationStart&&A(this.rootNavigationStart)}blurRootStart(){this.rootNavigationStart&&I(this.rootNavigationStart)}initItemKeys(){if(this.currentActiveItem){const t=this.currentActiveItem?this.currentActiveItem:this.allNavigationElements[0];A(t),this.ariaActiveDescendant=t.id}else A(this.focusableElements[0]),this.ariaActiveDescendant=this.focusableElements[0].id}get focusableElements(){return Array.from(this.allNavigationElements).filter(b)}handleItemKeys(t){s("arrow-down",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=E(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-up",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=S(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-right",t,(()=>{var t;const i=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");!i||i.expanded||i.expandedChange.emit(!i.expanded)})),s("arrow-left",t,(()=>{var t,i,e;const a=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");if("CDS-NAVIGATION-ITEM"===(null===(i=this.currentActiveItem)||void 0===i?void 0:i.tagName)&&a){const t=null==a?void 0:a.querySelector("cds-navigation-start");return I(this.currentActiveItem),this.ariaActiveDescendant=null!==(e=null==t?void 0:t.id)&&void 0!==e?e:null,void A(t)}a&&a.expanded&&a.expandedChange.emit(!a.expanded)})),s("home",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[0];this.ariaActiveDescendant=t.id,A(t)}})),s("end",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[this.focusableElements.length-1];this.ariaActiveDescendant=t.id,A(t)}})),s("enter",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())})),s("space",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())}))}handleRootStartKeys(t){s("arrow-right",t,(()=>{this.expanded||this.toggle()})),s("arrow-left",t,(()=>{this.expanded&&this.toggle()}))}connectedCallback(){var t,i,e;super.connectedCallback(),this.role="list",null===(t=this.rootNavigationStart)||void 0===t||t.addEventListener("focus",this.focusRootStart.bind(this)),null===(i=this.rootNavigationStart)||void 0===i||i.addEventListener("blur",this.blurRootStart.bind(this)),null===(e=this.rootNavigationStart)||void 0===e||e.addEventListener("keydown",this.handleRootStartKeys.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.rootNavigationStart&&this.rootNavigationStart.removeEventListener("click",this.toggle.bind(this))}render(){return e`<div class="private-host" aria-label="${this.i18n.navigationLabel}" cds-layout="vertical wrap:none">${this.startTemplate}<slot name="cds-navigation-substart"></slot><nav class="navigation-body-wrapper"><div .ariaActiveDescendant="${this.ariaActiveDescendant}" tabindex="0" id="item-container"><div class="navigation-body" cds-layout="vertical wrap:none align:horizontal-stretch"><slot></slot></div></div></nav>${this.endTemplate}</div>`}updated(t){super.updated(t),t.has("expanded")&&(this.expandedRoot=this.expanded),this.updateChildrenProps()}updateChildrenProps(){this.navigationGroupItems&&r(Array.from(this.navigationGroupItems),this,{groupItem:!0}),this.navigationItemRefs&&r(Array.from(this.navigationItemRefs),this,{expanded:!0}),this.navigationStartRefs&&r(Array.from(this.navigationStartRefs),this,{expandedRoot:!0}),this.rootNavigationStart&&d(this.rootNavigationStart,this,{expanded:this.expanded}),this.rootNavigationItems.length>0&&r(Array.from(this.rootNavigationItems),this,{expanded:this.expanded}),this.navigationGroupRefs.length>0&&r(Array.from(this.navigationGroupRefs),this,{layout:!0})}static get styles(){return[v,y]}};t([c({type:String})],R.prototype,"cdsMotion",void 0),t([l()],R.prototype,"expandedChange",void 0),t([l()],R.prototype,"cdsMotionChange",void 0),t([h({type:Boolean})],R.prototype,"groupItem",void 0),t([c({type:Boolean})],R.prototype,"expanded",void 0),t([p()],R.prototype,"i18n",void 0),t([u('[slot="cds-navigation-end"]',{assign:"cds-navigation-end"})],R.prototype,"navigationEnd",void 0),t([g("cds-navigation-group > cds-navigation-start, cds-navigation-item:not([disabled])")],R.prototype,"allNavigationElements",void 0),t([g("cds-navigation-start")],R.prototype,"navigationStartRefs",void 0),t([g(":scope > cds-divider")],R.prototype,"rootDividers",void 0),t([g(":scope > cds-navigation-group")],R.prototype,"rootNavigationGroups",void 0),t([g(":scope > cds-navigation-item")],R.prototype,"rootNavigationItems",void 0),t([u(":scope > cds-navigation-start",{assign:"navigation-start"})],R.prototype,"rootNavigationStart",void 0),t([g(":scope > cds-navigation-group > cds-navigation-item")],R.prototype,"navigationGroupItems",void 0),t([g("cds-navigation-item")],R.prototype,"navigationItemRefs",void 0),t([g("cds-navigation-group")],R.prototype,"navigationGroupRefs",void 0),R=t([m({expanded:{true:x,false:f(x)}})],R);export{R as CdsNavigation,N as CdsNavigationTagName};
 //# sourceMappingURL=navigation.element.js.map