@cds/core 6.0.0-next.6 → 6.0.2

package/modal/modal.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as e}from"lit";import{query as o}from"lit/decorators/query.js";import{I18nService as s,getElementUpdates as l,isScrollable as i,i18n as a,property as r,querySlot as d,animate as n,reverseAnimation as c,AnimationModalEnterName as p}from"@cds/core/internal";import{CdsInternalOverlay as m}from"@cds/core/internal-components/overlay";import h from"./modal.element.scss.js";let v=class extends m{constructor(){super(...arguments);this.i18n=s.keys.modal,this.closable=!0,this.isScrollable=!1,this.observers=[]}get customBumpers(){return[this.modalHeader,this.modalFooter]}static get styles(){return[...super.styles,h]}get closeButtonAttrs(){return[["cds-layout","align:top"],["slot","close-button"],["aria-label",this.i18n.closeButtonAriaLabel],["icon-size","24"]]}get modalFooterTemplate(){return this.modalFooter?e`<div cds-layout="align-stretch p-x:lg p-b:lg"><slot name="modal-actions"></slot></div>`:e``}render(){return e`${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:sm gap@md:lg align:stretch"><div cds-layout="horizontal gap:sm 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>${this.closable?this.closeButtonTemplate:""}</div><div class="modal-body" cds-layout="p-x:lg"><slot></slot></div>${this.modalFooterTemplate}</div><div cds-layout="display:screen-reader-only">${this.i18n.contentEnd}</div></div>`}connectedCallback(){super.connectedCallback(),this.observers.push(l(this,"hidden",(()=>this.setScrollableProperties())))}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t.disconnect()))}async setScrollableProperties(){!1===this.hidden&&(await this.updateComplete,this.isScrollable=i(this.content),this.content.tabIndex=this.isScrollable?0:-1,this.content.ariaLabel=this.isScrollable?this.i18n.contentBox:null)}};t([a()],v.prototype,"i18n",void 0),t([r({type:Boolean})],v.prototype,"closable",void 0),t([r({type:String})],v.prototype,"size",void 0),t([o(".modal-body")],v.prototype,"content",void 0),t([d("cds-modal-header")],v.prototype,"modalHeader",void 0),t([d("cds-modal-actions")],v.prototype,"modalFooter",void 0),v=t([n({hidden:{true:c(p),false:p}})],v);export{v as CdsModal};
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{query as o}from"lit/decorators/query.js";import{I18nService as l,getElementUpdates as s,isScrollable as a,i18n as i,property as r,querySlot as d,animate as n,reverseAnimation as c,AnimationModalEnterName as m}from"@cds/core/internal";import{CdsInternalOverlay as p}from"@cds/core/internal-components/overlay";import h from"./modal.element.scss.js";let v=class extends p{constructor(){super(...arguments);this.i18n=l.keys.modal,this.closable=!0,this.isScrollable=!1,this.observers=[]}get customBumpers(){return[this.modalHeader,this.modalFooter]}static get styles(){return[...super.styles,h]}get modalFooterTemplate(){return this.modalFooter?e`<div cds-layout="align-stretch p-x:lg p-b:lg"><slot name="modal-actions"></slot></div>`:e``}render(){return e`${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:sm gap@md:lg align:stretch"><div cds-layout="horizontal gap:sm 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>${this.closable?this.closeButtonTemplate:""}</div><div class="modal-body" cds-layout="p-x:lg"><slot></slot></div>${this.modalFooterTemplate}</div><div cds-layout="display:screen-reader-only">${this.i18n.contentEnd}</div></div>`}connectedCallback(){super.connectedCallback(),this.observers.push(s(this,"hidden",(()=>this.setScrollableProperties())))}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((t=>t?.disconnect()))}async setScrollableProperties(){const t=this.content;!1===this.hidden&&null!==t&&(await this.updateComplete,this.isScrollable=a(t),t.tabIndex=this.isScrollable?0:-1,t.ariaLabel=this.isScrollable?this.i18n.contentBox:null)}};t([i()],v.prototype,"i18n",void 0),t([r({type:Boolean})],v.prototype,"closable",void 0),t([r({type:String})],v.prototype,"size",void 0),t([o(".modal-body")],v.prototype,"content",void 0),t([d("cds-modal-header")],v.prototype,"modalHeader",void 0),t([d("cds-modal-actions")],v.prototype,"modalFooter",void 0),v=t([n({hidden:{true:c(m),false:m}})],v);export{v 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","this","i18n","I18nService","keys","modal","closable","isScrollable","observers","customBumpers","modalHeader","modalFooter","styles","closeButtonAttrs","closeButtonAriaLabel","modalFooterTemplate","html","backdropTemplate","contentStart","closeButtonTemplate","contentEnd","connectedCallback","push","getElementUpdates","setScrollableProperties","disconnectedCallback","forEach","o","disconnect","hidden","updateComplete","content","tabIndex","ariaLabel","contentBox","__decorate","prototype","property","type","Boolean","String","query","querySlot","animate","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"iaAkDG,IAACA,EAAW,cAAuBC,EAClCC,cACIC,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,MAE7BJ,KAAKK,UAAW,EAChBL,KAAKM,cAAe,EACpBN,KAAKO,UAAY,GAErBC,oBACI,MAAO,CAACR,KAAKS,YAAaT,KAAKU,aAEnCC,oBACI,MAAO,IAAIZ,MAAMY,OAAQA,GAE7BC,uBACI,MAAO,CACH,CAAC,aAAc,aACf,CAAC,OAAQ,gBACT,CAAC,aAAcZ,KAAKC,KAAKY,sBACzB,CAAC,YAAa,OAGtBC,0BACI,OAAId,KAAKU,YACEK,CAAK,yFAKLA,CAAK,GAIpBjB,SACI,OAAOiB,CAAK,GACZf,KAAKgB,+IAE0ChB,KAAKC,KAAKgB,gTASnDjB,KAAKK,SAAWL,KAAKkB,oBAAsB,0EAK7ClB,KAAKc,yEAEsCd,KAAKC,KAAKkB,yBAI7DrB,oBACIC,MAAMqB,oBACNpB,KAAKO,UAAUc,KAAKC,EAAkBtB,KAAM,UAAU,IAAMA,KAAKuB,6BAErEzB,uBACIC,MAAMyB,uBACNxB,KAAKO,UAAUkB,SAAQC,GAAKA,EAAEC,eAElC7B,iCACwB,IAAhBE,KAAK4B,eACC5B,KAAK6B,eACX7B,KAAKM,aAAeA,EAAaN,KAAK8B,SACtC9B,KAAK8B,QAAQC,SAAW/B,KAAKM,aAAe,GAAK,EACjDN,KAAK8B,QAAQE,UAAYhC,KAAKM,aAAeN,KAAKC,KAAKgC,WAAa,QAIhFC,EAAW,CACPjC,KACDL,EAASuC,UAAW,YAAQ,GAC/BD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClB1C,EAASuC,UAAW,gBAAY,GACnCD,EAAW,CACPE,EAAS,CAAEC,KAAME,UAClB3C,EAASuC,UAAW,YAAQ,GAC/BD,EAAW,CACPM,EAAM,gBACP5C,EAASuC,UAAW,eAAW,GAClCD,EAAW,CACPO,EAAU,qBACX7C,EAASuC,UAAW,mBAAe,GACtCD,EAAW,CACPO,EAAU,sBACX7C,EAASuC,UAAW,mBAAe,GACtCvC,EAAWsC,EAAW,CAClBQ,EAAQ,CACJd,OAAQ,CACJe,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBjD"}
+{"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 { query } from 'lit/decorators/query.js';\nimport { animate, AnimationModalEnterName, i18n, I18nService, isScrollable, property, reverseAnimation, querySlot, getElementUpdates, } from '@cds/core/internal';\nimport { CdsInternalOverlay } from '@cds/core/internal-components/overlay';\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        this.isScrollable = false;\n        this.observers = [];\n    }\n    get customBumpers() {\n        return [this.modalHeader, this.modalFooter];\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n    get modalFooterTemplate() {\n        if (this.modalFooter) {\n            return html `<div cds-layout=\"align-stretch p-x:lg p-b:lg\">\n        <slot name=\"modal-actions\"></slot>\n      </div>`;\n        }\n        else {\n            return html ``;\n        }\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:sm gap@md:lg align:stretch\">\n          <div cds-layout=\"horizontal gap:sm 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            ${this.closable ? this.closeButtonTemplate : ''}\n          </div>\n          <div class=\"modal-body\" cds-layout=\"p-x:lg\">\n            <slot></slot>\n          </div>\n          ${this.modalFooterTemplate}\n        </div>\n        <div cds-layout=\"display:screen-reader-only\">${this.i18n.contentEnd}</div>\n      </div>\n    `;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.observers.push(getElementUpdates(this, 'hidden', () => this.setScrollableProperties()));\n    }\n    disconnectedCallback() {\n        super.disconnectedCallback();\n        this.observers.forEach(o => o?.disconnect());\n    }\n    async setScrollableProperties() {\n        const contentElement = this.content;\n        if (this.hidden === false && contentElement !== null) {\n            await this.updateComplete; // wait until after render to measure if scrollable\n            this.isScrollable = isScrollable(contentElement);\n            contentElement.tabIndex = this.isScrollable ? 0 : -1;\n            contentElement.ariaLabel = this.isScrollable ? this.i18n.contentBox : null;\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);\n__decorate([\n    query('.modal-body')\n], CdsModal.prototype, \"content\", void 0);\n__decorate([\n    querySlot('cds-modal-header')\n], CdsModal.prototype, \"modalHeader\", void 0);\n__decorate([\n    querySlot('cds-modal-actions')\n], CdsModal.prototype, \"modalFooter\", 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","isScrollable","observers","customBumpers","modalHeader","modalFooter","styles","modalFooterTemplate","html","render","backdropTemplate","contentStart","closeButtonTemplate","contentEnd","connectedCallback","push","getElementUpdates","setScrollableProperties","disconnectedCallback","forEach","o","disconnect","async","contentElement","content","hidden","updateComplete","tabIndex","ariaLabel","contentBox","__decorate","prototype","property","type","Boolean","String","query","querySlot","animate","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"iaAkDG,IAACA,EAAW,cAAuBC,EAClCC,cACIC,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,MAE7BJ,KAAKK,UAAW,EAChBL,KAAKM,cAAe,EACpBN,KAAKO,UAAY,GAEjBC,oBACA,MAAO,CAACR,KAAKS,YAAaT,KAAKU,aAExBC,oBACP,MAAO,IAAIZ,MAAMY,OAAQA,GAEzBC,0BACA,OAAIZ,KAAKU,YACEG,CAAK,yFAKLA,CAAK,GAIpBC,SACI,OAAOD,CAAK,GACZb,KAAKe,+IAE0Cf,KAAKC,KAAKe,gTASnDhB,KAAKK,SAAWL,KAAKiB,oBAAsB,0EAK7CjB,KAAKY,yEAEsCZ,KAAKC,KAAKiB,yBAI7DC,oBACIpB,MAAMoB,oBACNnB,KAAKO,UAAUa,KAAKC,EAAkBrB,KAAM,UAAU,IAAMA,KAAKsB,6BAErEC,uBACIxB,MAAMwB,uBACNvB,KAAKO,UAAUiB,SAAQC,GAAKA,GAAGC,eAEnCC,gCACI,MAAMC,EAAiB5B,KAAK6B,SACR,IAAhB7B,KAAK8B,QAAuC,OAAnBF,UACnB5B,KAAK+B,eACX/B,KAAKM,aAAeA,EAAasB,GACjCA,EAAeI,SAAWhC,KAAKM,aAAe,GAAK,EACnDsB,EAAeK,UAAYjC,KAAKM,aAAeN,KAAKC,KAAKiC,WAAa,QAIlFC,EAAW,CACPlC,KACDL,EAASwC,UAAW,YAAQ,GAC/BD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClB3C,EAASwC,UAAW,gBAAY,GACnCD,EAAW,CACPE,EAAS,CAAEC,KAAME,UAClB5C,EAASwC,UAAW,YAAQ,GAC/BD,EAAW,CACPM,EAAM,gBACP7C,EAASwC,UAAW,eAAW,GAClCD,EAAW,CACPO,EAAU,qBACX9C,EAASwC,UAAW,mBAAe,GACtCD,EAAW,CACPO,EAAU,sBACX9C,EAASwC,UAAW,mBAAe,GACtCxC,EAAWuC,EAAW,CAClBQ,EAAQ,CACJb,OAAQ,CACJc,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBlD"}

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, 0.0625rem);--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--background:var(--cds-alias-object-overlay-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc(1 / var(--cds-global-base, 20) * 1rem) calc(3 / var(--cds-global-base, 20) * 1rem) 0 rgba(27, 43, 50, 0.5));--width:calc(8 * var(--cds-global-space-14, 4.5rem));--content-overflow:hidden auto;--max-height:70vh;--tablet-max-height:55vh}:host([size=sm]){--width:calc(4 * var(--cds-global-space-14, 4.5rem))}:host([size=lg]){--width:calc(12 * var(--cds-global-space-14, 4.5rem))}:host([size=xl]){--width:calc(16 * var(--cds-global-space-14, 4.5rem))}: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);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.overlay-backdrop{background:var(--backdrop-background)}.modal-body{max-height:var(--max-height);overflow:var(--content-overflow)}@media screen and (max-width:768px) and (orientation:landscape){.modal-body{max-height:var(--tablet-max-height)}}@media screen and (max-width:576px){.modal-dialog{width:100%;height:100%;margin:0!important}.modal-body{max-height:unset}.modal-content{border-radius:0;height:100%}.modal-content>div:not(.modal-body){-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin:0}cds-internal-close-button{-webkit-transform:translate(.35rem,-.25rem);transform:translate(.35rem,-.25rem)}}`;export{o as default};
+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, 0.0625rem);--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--background:var(--cds-alias-object-overlay-background, var(--cds-global-color-white, white));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc(1 / var(--cds-global-base, 20) * 1rem) calc(3 / var(--cds-global-base, 20) * 1rem) 0 rgba(27, 43, 50, 0.5));--width:calc(8 * var(--cds-global-space-14, 4.5rem));--content-overflow:hidden auto;--max-height:70vh;--tablet-max-height:55vh}:host([size=sm]){--width:calc(4 * var(--cds-global-space-14, 4.5rem))}:host([size=lg]){--width:calc(12 * var(--cds-global-space-14, 4.5rem))}:host([size=xl]){--width:calc(16 * var(--cds-global-space-14, 4.5rem))}: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)}@media screen and (max-width:768px) and (orientation:landscape){.modal-body{max-height:var(--tablet-max-height)}}@media screen and (max-width:576px){.modal-dialog{width:100%;height:100%;margin:0!important}.modal-body{max-height:unset}.modal-content{border-radius:0;height:100%}.modal-content>div:not(.modal-body){flex-grow:0;margin:0}cds-internal-close-button{transform:translate(.35rem,-.25rem)}}`;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.d.ts

@@ -38,7 +38,10 @@ export declare class CdsNavigationGroup extends LitElement {
      */
     navigationGroupId: string;
     i18n: {
-        [key: string]: string | undefined;
+        navigationElement: string;
+        navigationLabel: string;
+        navigationAbridgedText: string;
+        navigationUnabridgedText: string;
     };
     /**
      * @description

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","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,oBACAC,KAAKC,UAAY,KACjBD,KAAKE,KAAOC,EAAYC,KAAKC,WAC7BL,KAAKM,UAAW,EAWhBN,KAAKO,eAAgB,EAMrBP,KAAKQ,UAAW,EAWpBC,mBACI,QAAST,KAAKU,WAElBZ,SACI,OAAOa,CAAK,qKAKMX,KAAKO,mCACFP,KAAKY,wEAE4BZ,KAAKM,2JAS/DO,oBACI,MAAO,CAACC,EAAYD,GAExBf,SACIE,KAAKe,eAAeC,MAAMhB,KAAKM,UAEnCR,uBACIC,MAAMkB,uBACNjB,KAAKU,WAAWQ,oBAAoB,QAASlB,KAAKmB,OAAOC,KAAKpB,OAElEF,aAAauB,GACTtB,MAAMuB,aAAaD,GACfrB,KAAKU,YACLV,KAAKU,WAAWa,iBAAiB,QAASvB,KAAKmB,OAAOC,KAAKpB,OAGnEF,QAAQuB,GACJtB,MAAMyB,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,UAClBvC,EAAmBwC,UAAW,iBAAa,GAC9CJ,EAAW,CACPK,KACDzC,EAAmBwC,UAAW,sBAAkB,GACnDJ,EAAW,CACPK,KACDzC,EAAmBwC,UAAW,uBAAmB,GACpDJ,EAAW,CACPM,KACD1C,EAAmBwC,UAAW,yBAAqB,GACtDJ,EAAW,CACP9B,KACDN,EAAmBwC,UAAW,YAAQ,GACzCJ,EAAW,CACPO,KACD3C,EAAmBwC,UAAW,eAAgB,MACjDJ,EAAW,CACPC,EAAS,CAAEC,KAAMM,QAASC,SAAS,KACpC7C,EAAmBwC,UAAW,gBAAY,GAC7CJ,EAAW,CACPC,EAAS,CAAEC,KAAMM,WAClB5C,EAAmBwC,UAAW,cAAU,GAC3CJ,EAAW,CACPO,KACD3C,EAAmBwC,UAAW,qBAAiB,GAClDJ,EAAW,CACPU,EAAU,gCAAiC,CAAEC,OAAQ,iBACtD/C,EAAmBwC,UAAW,kBAAc,GAC/CJ,EAAW,CACPY,EAAa,iCACdhD,EAAmBwC,UAAW,kBAAc,GAC/CJ,EAAW,CACPY,EAAa,kCACdhD,EAAmBwC,UAAW,oBAAgB,GACjDxC,EAAqBoC,EAAW,CAC5Ba,EAAQ,CACJvC,SAAU,CACNwC,KAAMC,EACNC,MAAOC,EAAiBF,OAGjCnD"}
+{"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,2 +1,2 @@
-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;-webkit-transform:none;transform:none}.group-items-container,.group-items-wrapper{width:100%}`;export{i as default};
+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.d.ts

@@ -22,7 +22,10 @@ export declare const CdsNavigationItemTagName = "cds-navigation-item";
  */
 export declare class CdsNavigationItem extends LitElement implements FocusableItem {
     i18n: {
-        [key: string]: string | undefined;
+        navigationElement: string;
+        navigationLabel: string;
+        navigationAbridgedText: string;
+        navigationUnabridgedText: string;
     };
     active: boolean;
     disabled: boolean;

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","this","i18n","I18nService","keys","navigation","active","disabled","expanded","expandedGroup","hasFocus","connectedCallback","role","id","createId","props","firstUpdated","handleItemAnchorText","manageScreenReaderElements","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,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,WAC7BJ,KAAKK,QAAS,EACdL,KAAKM,UAAW,EAChBN,KAAKO,UAAW,EAChBP,KAAKQ,eAAgB,EACrBR,KAAKS,UAAW,EAEpBX,oBACIC,MAAMW,oBACNV,KAAKW,KAAO,WACPX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBf,aAAagB,GACTf,MAAMgB,aAAaD,GACnBd,KAAKgB,uBACLC,EAA2BjB,KAAMA,KAAKO,UAE1CT,uBACI,MAAMoB,EAAgBlB,KAAKmB,cAAc,KACrCD,IACAE,EAAYF,EAAcG,YAC1BH,GAAeC,cAAc,SAASG,aAAaC,EAAyB,KAGpFzB,SACI,OAAO0B,CAAK,4BAEUxB,KAAKyB,UAAY,aAAe,4FAGlCzB,KAAKgB,sCAI7BU,oBACI,MAAO,CAACC,EAAYD,GAExB5B,QAAQgB,GACJf,MAAM6B,QAAQd,GACdG,EAA2BjB,KAAMA,KAAKO,WAG9CsB,EAAW,CACP5B,KACDL,EAAkBkC,UAAW,YAAQ,GACxCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCtC,EAAkBkC,UAAW,cAAU,GAC1CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCtC,EAAkBkC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,WACfrC,EAAkBkC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCtC,EAAkBkC,UAAW,qBAAiB,GACjDD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCtC,EAAkBkC,UAAW,iBAAa,GAC7CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCtC,EAAkBkC,UAAW,gBAAY,GAC5CD,EAAW,CACPO,EAAU,MACXxC,EAAkBkC,UAAW,oBAAgB,GAChDD,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,mBACjCzC,EAAkBkC,UAAW,gBAAY,GAC5CD,EAAW,CACPS,EAAa,6BACd1C,EAAkBkC,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/utils.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        const anchorElement = this.querySelector('a');\n        if (anchorElement) {\n            spanWrapper(anchorElement.childNodes);\n            anchorElement?.querySelector('span')?.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:sm\"\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","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,MAAME,EAAgBlB,KAAKmB,cAAc,KACrCD,IACAE,EAAYF,EAAcG,YAC1BH,GAAeC,cAAc,SAASG,aAAaC,EAAyB,KAGpFC,SACI,OAAOC,CAAK,4BAEUzB,KAAK0B,UAAY,aAAe,4FAGlC1B,KAAKgB,sCAIlBW,oBACP,MAAO,CAACC,EAAYD,GAExBE,QAAQd,GACJhB,MAAM8B,QAAQd,GACdE,EAA2BjB,KAAMA,KAAKO,WAG9CuB,EAAW,CACP7B,KACDL,EAAkBmC,UAAW,YAAQ,GACxCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCvC,EAAkBmC,UAAW,cAAU,GAC1CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCvC,EAAkBmC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,WACftC,EAAkBmC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCvC,EAAkBmC,UAAW,qBAAiB,GACjDD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCvC,EAAkBmC,UAAW,iBAAa,GAC7CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCvC,EAAkBmC,UAAW,gBAAY,GAC5CD,EAAW,CACPO,EAAU,MACXzC,EAAkBmC,UAAW,oBAAgB,GAChDD,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,mBACjC1C,EAAkBmC,UAAW,gBAAY,GAC5CD,EAAW,CACPS,EAAa,6BACd3C,EAAkBmC,UAAW,gBAAY"}

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

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var t=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, 2.25rem);--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:0 var(--cds-global-space-5, 0.5rem);--cursor:pointer}:host([_group-item]){--padding:0 var(--cds-global-space-5, 0.5rem) 0 var(--cds-global-space-7, 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{-webkit-box-shadow:inset var(--cds-alias-object-border-width-300,.1875rem) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad));box-shadow:inset var(--cds-alias-object-border-width-300,.1875rem) 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;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--cds-global-space-6,.75rem)}`;export{t as default};
+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, 2.25rem);--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:0 var(--cds-global-space-5, 0.5rem);--cursor:pointer}:host([_group-item]){--padding:0 var(--cds-global-space-5, 0.5rem) 0 var(--cds-global-space-7, 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,.1875rem) 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,.75rem)}`;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.d.ts

@@ -12,7 +12,7 @@ export declare const CdsNavigationStartTagName = "cds-navigation-start";
  * ```html
  * <cds-navigation-start>Start text</cds-navigation-start>
  * ```
- * @beta
+ *
  * @element cds-navigation-start
  * @cssprop --color: inherit
  * @cssprop --line-height: inherit
@@ -23,7 +23,10 @@ export declare const CdsNavigationStartTagName = "cds-navigation-start";
  */
 export declare class CdsNavigationStart extends LitElement implements FocusableItem {
     i18n: {
-        [key: string]: string | undefined;
+        navigationElement: string;
+        navigationLabel: string;
+        navigationAbridgedText: string;
+        navigationUnabridgedText: string;
     };
     /**
      * @desc

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","this","i18n","I18nService","keys","navigation","expandedRoot","hasFocus","isGroupStart","active","expanded","connectedCallback","role","id","createId","props","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,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,WAK7BJ,KAAKK,cAAe,EAKpBL,KAAKM,UAAW,EAKhBN,KAAKO,cAAe,EAMpBP,KAAKQ,QAAS,EAOdR,KAAKS,UAAW,EAEpBX,oBACIC,MAAMW,oBACNV,KAAKW,KAAO,WACPX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBf,aAAagB,GACTf,MAAMgB,aAAaD,GACnB,MAAME,EAAShB,KAAKiB,YAAYC,cAAc,UAC1CF,IACAhB,KAAKmB,aAAeH,GAExBhB,KAAKoB,wBAETtB,wBACIuB,EAAYrB,KAAKsB,YAEjBtB,KAAKkB,cAAc,SAASK,aAAaC,EAAyB,IAEtE1B,kBACI,OAAO2B,CAAK,sBACMzB,KAAKoB,uDAEPpB,KAAKK,6BACPL,KAAKK,aAAeL,KAAKC,KAAKyB,yBAA2B1B,KAAKC,KAAK0B,+BAC3E3B,KAAKO,aAAeP,KAAK4B,kBAAoB,4GAIX5B,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK6B,UACP,GACAJ,CAAK,oBACUzB,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAK8B,kEASlChC,mBACI,OAAO2B,CAAK,0BACWzB,KAAKS,iBAAiBT,KAAKO,aAAeP,KAAK4B,kBAAoB,4GAEpE5B,KAAKoB,qEACapB,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK6B,UACP,GACAJ,CAAK,oBACUzB,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAK8B,kEASlChC,SACI,OAAO2B,CAAK,oGAEVzB,KAAKO,aAAeP,KAAK+B,mBAAqB/B,KAAKgC,0BAIzDC,oBACI,MAAO,CAACC,EAAYC,GAExBL,0BACI,OAAOM,EAAuBpC,MAElCF,QAAQgB,GACJf,MAAMsC,QAAQvB,GACdwB,EAA2BtC,KAAMA,KAAKK,eAG9CkC,EAAW,CACPtC,KACDL,EAAmB4C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClB/C,EAAmB4C,UAAW,oBAAgB,GACjDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCjD,EAAmB4C,UAAW,gBAAY,GAC7CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASE,SAAS,KACpCjD,EAAmB4C,UAAW,oBAAgB,GACjDD,EAAW,CACPE,EAAS,CAAEC,KAAMI,UAClBlD,EAAmB4C,UAAW,yBAAqB,GACtDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCjD,EAAmB4C,UAAW,cAAU,GAC3CD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCjD,EAAmB4C,UAAW,gBAAY,GAC7CD,EAAW,CACPQ,EAAU,8BAA+B,CAAEC,OAAQ,mBACpDpD,EAAmB4C,UAAW,iBAAa,GAC9CD,EAAW,CACPU,EAAa,6BACdrD,EAAmB4C,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/utils.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 *\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        super.firstUpdated(props);\n        const button = this.shadowRoot?.querySelector('button');\n        if (button) {\n            this.focusElement = button;\n        }\n        this.handleStartButtonText();\n    }\n    handleStartButtonText() {\n        spanWrapper(this.childNodes);\n        // get the projected text now wrapped in a span and add the sr attribute.\n        this.querySelector('span')?.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:sm\">\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","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,GACThB,MAAMe,aAAaC,GACnB,MAAMC,EAAShB,KAAKiB,YAAYC,cAAc,UAC1CF,IACAhB,KAAKmB,aAAeH,GAExBhB,KAAKoB,wBAETA,wBACIC,EAAYrB,KAAKsB,YAEjBtB,KAAKkB,cAAc,SAASK,aAAaC,EAAyB,IAEtEC,kBACI,OAAOC,CAAK,sBACM1B,KAAKoB,uDAEPpB,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,kEASlCC,mBACI,OAAON,CAAK,0BACW1B,KAAKS,iBAAiBT,KAAKO,aAAeP,KAAK6B,kBAAoB,4GAEpE7B,KAAKoB,qEACapB,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK8B,UACP,GACAJ,CAAK,oBACU1B,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAK+B,kEASlCE,SACI,OAAOP,CAAK,oGAEV1B,KAAKO,aAAeP,KAAKgC,mBAAqBhC,KAAKyB,0BAI9CS,oBACP,MAAO,CAACC,EAAYC,GAEpBL,0BACA,OAAOM,EAAuBrC,MAElCsC,QAAQvB,GACJhB,MAAMuC,QAAQvB,GACdwB,EAA2BvC,KAAMA,KAAKK,eAG9CmC,EAAW,CACPvC,KACDL,EAAmB6C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClBhD,EAAmB6C,UAAW,oBAAgB,GACjDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjClD,EAAmB6C,UAAW,gBAAY,GAC7CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASE,SAAS,KACpClD,EAAmB6C,UAAW,oBAAgB,GACjDD,EAAW,CACPE,EAAS,CAAEC,KAAMI,UAClBnD,EAAmB6C,UAAW,yBAAqB,GACtDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjClD,EAAmB6C,UAAW,cAAU,GAC3CD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjClD,EAAmB6C,UAAW,gBAAY,GAC7CD,EAAW,CACPQ,EAAU,8BAA+B,CAAEC,OAAQ,mBACpDrD,EAAmB6C,UAAW,iBAAa,GAC9CD,EAAW,CACPU,EAAa,6BACdtD,EAAmB6C,UAAW,gBAAY"}

package/navigation/navigation.element.d.ts

@@ -58,7 +58,10 @@ export declare class CdsNavigation extends LitElement {
      */
     expanded: boolean;
     i18n: {
-        [key: string]: string | undefined;
+        navigationElement: string;
+        navigationLabel: string;
+        navigationAbridgedText: string;
+        navigationUnabridgedText: string;
     };
     /**
      * The end slot that items can be projected into with slot="cds-navigation-end"

package/navigation/navigation.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.element.js","sources":["../../../src/navigation/navigation.element.ts"],"sourcesContent":null,"names":["CdsNavigationTagName","CdsNavigation","LitElement","[object Object]","super","this","expandedRoot","cdsMotion","groupItem","expanded","i18n","I18nService","keys","navigation","expandedChange","emit","currentActiveItem","visibleChildren","find","c","id","ariaActiveDescendant","endTemplate","navigationEnd","html","startTemplate","returnHTML","rootNavigationStart","addStartEventListener","Array","from","allNavigationElements","filter","n","isVisible","addEventListener","toggle","bind","props","firstUpdated","forEach","item","setAttributes","itemWrapper","shadowRoot","querySelector","initItemKeys","handleItemKeys","blurItemKeys","removeFocus","setFocus","focusElement","focusableElements","visibleElement","event","onKey","next","getNextFocusElement","preventDefault","previous","getPreviousFocusElement","groupParent","closest","tagName","groupStartElement","home","end","length","click","connectedCallback","role","focusRootStart","blurRootStart","handleRootStartKeys","disconnectedCallback","removeEventListener","navigationLabel","updated","has","updateChildrenProps","navigationGroupItems","syncPropsForAllItems","navigationItemRefs","navigationStartRefs","syncProps","rootNavigationItems","navigationGroupRefs","layout","styles","baseStyles","__decorate","property","type","String","prototype","state","Boolean","querySlot","assign","querySlotAll","animate","true","AnimationNavigationOpenName","false","reverseAnimation"],"mappings":"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"}
+{"version":3,"file":"navigation.element.js","sources":["../../../src/navigation/navigation.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, baseStyles, event, i18n, I18nService, state, isVisible, onKey, property, querySlot, querySlotAll, reverseAnimation, setAttributes, syncProps, syncPropsForAllItems, } from '@cds/core/internal';\nimport styles from './navigation.element.scss';\nimport { getNextFocusElement, getPreviousFocusElement, removeFocus, setFocus, visibleElement, } from './utils/utils.js';\nimport { AnimationNavigationOpenName } from '../internal/motion/animations/cds-navigation-open.js';\nexport const CdsNavigationTagName = 'cds-navigation';\n/**\n * ```typescript\n * import '@cds/core/navigation/register.js';\n * ```\n *\n * ```html\n *  <cds-navigation>\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>\n * ```\n *\n * @beta\n * @element cds-navigation\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 * @cssprop --collapsed-width\n * @cssprop --expanded-width\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --letter-spacing\n * @cssprop --line-height\n * @cssprop --nested-padding\n * @cssprop --padding\n * @slot\n * @slot cds-navigation-substart - project content below the navigation toggle button\n * @slot cds-navigation-end - project content below the scrollable section\n */\nlet CdsNavigation = class CdsNavigation extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.expandedRoot = false;\n        this.cdsMotion = 'on';\n        /**\n         * This is used to sync down the information to this.navigationGroupItems\n         *\n         * @type { boolean }\n         * @protected\n         */\n        this.groupItem = true;\n        /**\n         *\n         * Vertical navigation elements can be either wide or narrow. Expanded indicates it should be wide.\n         * When navigation is wide cds-navigation-start button elements and cds-navigation-item a elements display\n         * text. When it is narrow they do not (consumer should provide an icon that stays visible).\n      \n         * @type {boolean}\n         */\n        this.expanded = false;\n        this.i18n = I18nService.keys.navigation;\n    }\n    toggle() {\n        this.expandedChange.emit(!this.expanded);\n    }\n    get currentActiveItem() {\n        return this.visibleChildren.find(c => c.id === this.ariaActiveDescendant);\n    }\n    get endTemplate() {\n        return this.navigationEnd\n            ? html `\n          <div class=\"navigation-end\" cds-layout=\"vertical align:horizontal-stretch\">\n            <slot name=\"cds-navigation-end\"></slot>\n          </div>\n        `\n            : '';\n    }\n    get startTemplate() {\n        let returnHTML;\n        this.rootNavigationStart\n            ? (returnHTML = html `\n          <div class=\"navigation-start\" cds-layout=\"vertical align:horizontal-stretch\">\n            <slot @slotchange=\"${() => this.addStartEventListener()}\" name=\"navigation-start\"></slot>\n            <cds-divider class=\"start-divider\"></cds-divider>\n          </div>\n        `)\n            : (returnHTML = '');\n        return returnHTML;\n    }\n    get visibleChildren() {\n        return Array.from(this.allNavigationElements).filter(n => isVisible(n));\n    }\n    addStartEventListener() {\n        // This is controlled by the slotchange event on the navigation-start slot\n        // Make sure we reattach the click handler for toggle if consumer changes the start element (e.g *ngIf)\n        if (this.rootNavigationStart) {\n            this.rootNavigationStart.addEventListener('click', this.toggle.bind(this));\n        }\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        // set all visible navigation elements to tabindex = -1\n        this.allNavigationElements.forEach(item => {\n            setAttributes(item, ['tabindex', '-1']);\n        });\n        const itemWrapper = this.shadowRoot?.querySelector('#item-container');\n        itemWrapper?.addEventListener('focus', this.initItemKeys.bind(this));\n        itemWrapper?.addEventListener('keydown', this.handleItemKeys.bind(this));\n        itemWrapper?.addEventListener('blur', this.blurItemKeys.bind(this));\n    }\n    blurItemKeys() {\n        if (this.currentActiveItem) {\n            removeFocus(this.currentActiveItem);\n        }\n    }\n    focusRootStart() {\n        if (this.rootNavigationStart) {\n            setFocus(this.rootNavigationStart);\n        }\n    }\n    blurRootStart() {\n        if (this.rootNavigationStart) {\n            removeFocus(this.rootNavigationStart);\n        }\n    }\n    initItemKeys() {\n        if (!this.currentActiveItem) {\n            setFocus(this.focusableElements[0]);\n            this.ariaActiveDescendant = this.focusableElements[0].id;\n        }\n        else {\n            const focusElement = this.currentActiveItem ? this.currentActiveItem : this.allNavigationElements[0];\n            setFocus(focusElement);\n            this.ariaActiveDescendant = focusElement.id;\n        }\n    }\n    get focusableElements() {\n        return Array.from(this.allNavigationElements).filter(visibleElement);\n    }\n    handleItemKeys(event) {\n        onKey('arrow-down', event, () => {\n            if (this.currentActiveItem) {\n                removeFocus(this.currentActiveItem);\n                const next = getNextFocusElement(this.currentActiveItem, this.focusableElements);\n                this.ariaActiveDescendant = next.id;\n                setFocus(next);\n                event.preventDefault();\n            }\n        });\n        onKey('arrow-up', event, () => {\n            if (this.currentActiveItem) {\n                removeFocus(this.currentActiveItem);\n                const previous = getPreviousFocusElement(this.currentActiveItem, this.focusableElements);\n                this.ariaActiveDescendant = previous.id;\n                setFocus(previous);\n                event.preventDefault();\n            }\n        });\n        onKey('arrow-right', event, () => {\n            const groupParent = this.currentActiveItem?.closest('cds-navigation-group');\n            if (groupParent && !groupParent.expanded) {\n                groupParent.expandedChange.emit(!groupParent.expanded);\n                return;\n            }\n        });\n        onKey('arrow-left', event, () => {\n            const groupParent = this.currentActiveItem?.closest('cds-navigation-group');\n            if (this.currentActiveItem?.tagName === 'CDS-NAVIGATION-ITEM' && !!groupParent) {\n                const groupStartElement = groupParent?.querySelector('cds-navigation-start');\n                removeFocus(this.currentActiveItem);\n                this.ariaActiveDescendant = groupStartElement?.id ?? null;\n                setFocus(groupStartElement);\n                return;\n            }\n            if (groupParent && groupParent.expanded) {\n                groupParent.expandedChange.emit(!groupParent.expanded);\n                return;\n            }\n        });\n        onKey('home', event, () => {\n            if (this.currentActiveItem) {\n                removeFocus(this.currentActiveItem);\n                const home = this.focusableElements[0];\n                this.ariaActiveDescendant = home.id;\n                setFocus(home);\n            }\n        });\n        onKey('end', event, () => {\n            if (this.currentActiveItem) {\n                removeFocus(this.currentActiveItem);\n                const end = this.focusableElements[this.focusableElements.length - 1];\n                this.ariaActiveDescendant = end.id;\n                setFocus(end);\n            }\n        });\n        onKey('enter', event, () => {\n            // focusElement is either an Anchor or a button and we want to click it here\n            if (this.currentActiveItem?.focusElement) {\n                this.currentActiveItem?.focusElement.click();\n            }\n        });\n        onKey('space', event, () => {\n            // focusElement is either an Anchor or a button and we want to click it here\n            if (this.currentActiveItem?.focusElement) {\n                this.currentActiveItem?.focusElement.click();\n            }\n        });\n    }\n    handleRootStartKeys(event) {\n        onKey('arrow-right', event, () => {\n            if (!this.expanded) {\n                this.toggle();\n                return;\n            }\n        });\n        onKey('arrow-left', event, () => {\n            if (this.expanded) {\n                this.toggle();\n                return;\n            }\n        });\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.role = 'list';\n        this.rootNavigationStart?.addEventListener('focus', this.focusRootStart.bind(this));\n        this.rootNavigationStart?.addEventListener('blur', this.blurRootStart.bind(this));\n        this.rootNavigationStart?.addEventListener('keydown', this.handleRootStartKeys.bind(this));\n    }\n    disconnectedCallback() {\n        super.disconnectedCallback();\n        if (this.rootNavigationStart) {\n            this.rootNavigationStart.removeEventListener('click', this.toggle.bind(this));\n        }\n    }\n    render() {\n        return html `<div class=\"private-host\" aria-label=\"${this.i18n.navigationLabel}\" cds-layout=\"vertical wrap:none\">\n      ${this.startTemplate}\n      <slot name=\"cds-navigation-substart\"></slot>\n      <nav class=\"navigation-body-wrapper\">\n        <div .ariaActiveDescendant=${this.ariaActiveDescendant} tabindex=\"0\" id=\"item-container\">\n          <div class=\"navigation-body\" cds-layout=\"vertical wrap:none align:horizontal-stretch\">\n            <slot></slot>\n          </div>\n        </div>\n      </nav>\n      ${this.endTemplate}\n    </div>`;\n    }\n    updated(props) {\n        super.updated(props);\n        if (props.has('expanded')) {\n            this.expandedRoot = this.expanded;\n        }\n        this.updateChildrenProps();\n    }\n    updateChildrenProps() {\n        if (this.navigationGroupItems) {\n            syncPropsForAllItems(Array.from(this.navigationGroupItems), this, { groupItem: true });\n        }\n        if (this.navigationItemRefs) {\n            syncPropsForAllItems(Array.from(this.navigationItemRefs), this, {\n                expanded: true,\n            });\n        }\n        if (this.navigationStartRefs) {\n            syncPropsForAllItems(Array.from(this.navigationStartRefs), this, {\n                expandedRoot: true,\n            });\n        }\n        if (this.rootNavigationStart) {\n            syncProps(this.rootNavigationStart, this, {\n                expanded: this.expanded,\n            });\n        }\n        if (this.rootNavigationItems.length > 0) {\n            syncPropsForAllItems(Array.from(this.rootNavigationItems), this, {\n                expanded: this.expanded,\n            });\n        }\n        if (this.navigationGroupRefs.length > 0) {\n            syncPropsForAllItems(Array.from(this.navigationGroupRefs), this, {\n                layout: true,\n            });\n        }\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n};\n__decorate([\n    property({ type: String })\n], CdsNavigation.prototype, \"cdsMotion\", void 0);\n__decorate([\n    event()\n], CdsNavigation.prototype, \"expandedChange\", void 0);\n__decorate([\n    event()\n], CdsNavigation.prototype, \"cdsMotionChange\", void 0);\n__decorate([\n    state({ type: Boolean })\n], CdsNavigation.prototype, \"groupItem\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsNavigation.prototype, \"expanded\", void 0);\n__decorate([\n    i18n()\n], CdsNavigation.prototype, \"i18n\", void 0);\n__decorate([\n    querySlot('[slot=\"cds-navigation-end\"]', { assign: 'cds-navigation-end' })\n], CdsNavigation.prototype, \"navigationEnd\", void 0);\n__decorate([\n    querySlotAll('cds-navigation-group > cds-navigation-start, cds-navigation-item:not([disabled])')\n], CdsNavigation.prototype, \"allNavigationElements\", void 0);\n__decorate([\n    querySlotAll('cds-navigation-start')\n], CdsNavigation.prototype, \"navigationStartRefs\", void 0);\n__decorate([\n    querySlotAll(':scope > cds-divider')\n], CdsNavigation.prototype, \"rootDividers\", void 0);\n__decorate([\n    querySlotAll(':scope > cds-navigation-group')\n], CdsNavigation.prototype, \"rootNavigationGroups\", void 0);\n__decorate([\n    querySlotAll(':scope > cds-navigation-item')\n], CdsNavigation.prototype, \"rootNavigationItems\", void 0);\n__decorate([\n    querySlot(':scope > cds-navigation-start', { assign: 'navigation-start' })\n], CdsNavigation.prototype, \"rootNavigationStart\", void 0);\n__decorate([\n    querySlotAll(':scope > cds-navigation-group > cds-navigation-item')\n], CdsNavigation.prototype, \"navigationGroupItems\", void 0);\n__decorate([\n    querySlotAll('cds-navigation-item')\n], CdsNavigation.prototype, \"navigationItemRefs\", void 0);\n__decorate([\n    querySlotAll('cds-navigation-group')\n], CdsNavigation.prototype, \"navigationGroupRefs\", void 0);\nCdsNavigation = __decorate([\n    animate({\n        expanded: {\n            true: AnimationNavigationOpenName,\n            false: reverseAnimation(AnimationNavigationOpenName),\n        },\n    })\n], CdsNavigation);\nexport { CdsNavigation };\n"],"names":["CdsNavigationTagName","CdsNavigation","LitElement","constructor","super","this","expandedRoot","cdsMotion","groupItem","expanded","i18n","I18nService","keys","navigation","toggle","expandedChange","emit","currentActiveItem","visibleChildren","find","c","id","ariaActiveDescendant","endTemplate","navigationEnd","html","startTemplate","returnHTML","rootNavigationStart","addStartEventListener","Array","from","allNavigationElements","filter","n","isVisible","addEventListener","bind","firstUpdated","props","forEach","item","setAttributes","itemWrapper","shadowRoot","querySelector","initItemKeys","handleItemKeys","blurItemKeys","removeFocus","focusRootStart","setFocus","blurRootStart","focusElement","focusableElements","visibleElement","event","onKey","next","getNextFocusElement","preventDefault","previous","getPreviousFocusElement","groupParent","closest","tagName","groupStartElement","home","end","length","click","handleRootStartKeys","connectedCallback","role","disconnectedCallback","removeEventListener","render","navigationLabel","updated","has","updateChildrenProps","navigationGroupItems","syncPropsForAllItems","navigationItemRefs","navigationStartRefs","syncProps","rootNavigationItems","navigationGroupRefs","layout","styles","baseStyles","__decorate","property","type","String","prototype","state","Boolean","querySlot","assign","querySlotAll","animate","true","AnimationNavigationOpenName","false","reverseAnimation"],"mappings":"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"}

package/navigation/navigation.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`: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:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--collapsed-width:var(--cds-global-layout-space-xxl, 3rem);--expanded-width:calc(var(--cds-global-space-6, 0.75rem) * 20);--line-height:var(--cds-global-space-11, 2.25rem);--font-size:var(--cds-global-typography-font-size-4, 0.875rem);--font-weight:var(--cds-global-typography-font-weight-regular, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--nested-padding:var(--cds-global-space-4, 0.375rem);--padding:0 var(--cds-global-space-4, 0.375rem);height:inherit}:host(:focus){outline:0!important}:host([expanded]) .private-host{width:var(--expanded-width);min-width:var(--expanded-width)}:host([cds-motion=off]){width:var(--collapsed-width)}:host([cds-motion=off][expanded]){width:var(--expanded-width)}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--collapsed-width)}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--expanded-width);-webkit-transform:none;transform:none}.private-host{color:var(--color);background:var(--background);height:100%;width:var(--collapsed-width);min-width:var(--collapsed-width)}.navigation-body{height:100%}.navigation-body-wrapper{height:100%;width:100%;overflow:auto;outline:0}#item-container{outline:0;height:100%}::slotted([slot=cds-navigation-substart]){width:100%}`;export{o as default};
+import{css as a}from"lit";var o=a`: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:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--collapsed-width:var(--cds-global-layout-space-xxl, 3rem);--expanded-width:calc(var(--cds-global-space-6, 0.75rem) * 20);--line-height:var(--cds-global-space-11, 2.25rem);--font-size:var(--cds-global-typography-font-size-4, 0.875rem);--font-weight:var(--cds-global-typography-font-weight-regular, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--nested-padding:var(--cds-global-space-4, 0.375rem);--padding:0 var(--cds-global-space-4, 0.375rem);height:inherit}:host(:focus){outline:0!important}:host([expanded]) .private-host{width:var(--expanded-width);min-width:var(--expanded-width)}:host([cds-motion=off]){width:var(--collapsed-width)}:host([cds-motion=off][expanded]){width:var(--expanded-width)}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--collapsed-width)}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--expanded-width);transform:none}.private-host{color:var(--color);background:var(--background);height:100%;width:var(--collapsed-width);min-width:var(--collapsed-width)}.navigation-body{height:100%}.navigation-body-wrapper{height:100%;width:100%;overflow:auto;outline:0}#item-container{outline:0;height:100%}::slotted([slot=cds-navigation-substart]){width:100%}`;export{o as default};
 //# sourceMappingURL=navigation.element.scss.js.map

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

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

package/navigation/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/navigation/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","angleIcon","angleDoubleIcon","ClarityMotion","add","AnimationNavigationGroupOpenName","AnimationNavigationGroupOpenConfig","AnimationNavigationOpenName","AnimationNavigationOpenConfig","registerElementSafely","CdsNavigationTagName","CdsNavigation","CdsNavigationGroupTagName","CdsNavigationGroup","CdsNavigationStartTagName","CdsNavigationStart","CdsNavigationItemTagName","CdsNavigationItem"],"mappings":"o4BAgBAA,EAAaC,SAASC,GACtBF,EAAaC,SAASE,GACtBC,EAAcC,IAAIC,EAAkCC,GACpDH,EAAcC,IAAIG,EAA6BC,GAC/CC,EAAsBC,EAAsBC,GAC5CF,EAAsBG,EAA2BC,GACjDJ,EAAsBK,EAA2BC,GACjDN,EAAsBO,EAA0BC"}
+{"version":3,"file":"register.js","sources":["../../../src/navigation/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/button/register.js';\nimport '@cds/core/icon/register.js';\nimport '@cds/core/divider/register.js';\nimport { AnimationNavigationGroupOpenConfig, AnimationNavigationGroupOpenName, AnimationNavigationOpenConfig, AnimationNavigationOpenName, ClarityMotion, registerElementSafely, } from '@cds/core/internal';\nimport { CdsNavigation, CdsNavigationTagName } from './navigation.element.js';\nimport { CdsNavigationGroup, CdsNavigationGroupTagName } from './navigation-group.element.js';\nimport { CdsNavigationStart, CdsNavigationStartTagName } from './navigation-start.element.js';\nimport { CdsNavigationItem, CdsNavigationItemTagName } from './navigation-item.element.js';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { angleIcon } from '@cds/core/icon/shapes/angle.js';\nimport { angleDoubleIcon } from '@cds/core/icon/shapes/angle-double.js';\nClarityIcons.addIcons(angleIcon);\nClarityIcons.addIcons(angleDoubleIcon);\nClarityMotion.add(AnimationNavigationGroupOpenName, AnimationNavigationGroupOpenConfig);\nClarityMotion.add(AnimationNavigationOpenName, AnimationNavigationOpenConfig);\nregisterElementSafely(CdsNavigationTagName, CdsNavigation);\nregisterElementSafely(CdsNavigationGroupTagName, CdsNavigationGroup);\nregisterElementSafely(CdsNavigationStartTagName, CdsNavigationStart);\nregisterElementSafely(CdsNavigationItemTagName, CdsNavigationItem);\n"],"names":["ClarityIcons","addIcons","angleIcon","angleDoubleIcon","ClarityMotion","add","AnimationNavigationGroupOpenName","AnimationNavigationGroupOpenConfig","AnimationNavigationOpenName","AnimationNavigationOpenConfig","registerElementSafely","CdsNavigationTagName","CdsNavigation","CdsNavigationGroupTagName","CdsNavigationGroup","CdsNavigationStartTagName","CdsNavigationStart","CdsNavigationItemTagName","CdsNavigationItem"],"mappings":"o4BAgBAA,EAAaC,SAASC,GACtBF,EAAaC,SAASE,GACtBC,EAAcC,IAAIC,EAAkCC,GACpDH,EAAcC,IAAIG,EAA6BC,GAC/CC,EAAsBC,EAAsBC,GAC5CF,EAAsBG,EAA2BC,GACjDJ,EAAsBK,EAA2BC,GACjDN,EAAsBO,EAA0BC"}

package/navigation/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/navigation/utils/utils.ts"],"sourcesContent":null,"names":["NAVIGATION_TEXT_WRAPPER","DEFAULT_NAVIGATION_LAYOUT","getNextFocusElement","current","elements","idx","indexOf","getPreviousFocusElement","length","getToggleIconDirection","element","isGroupStart","expanded","expandedRoot","manageScreenReaderElements","span","querySelector","setOrRemoveAttribute","removeFocus","hasFocus","setFocus","scrollIntoView","visibleElement","elementType","tagName","grandparent","parentElement","hasAttribute"],"mappings":"0DAMY,MAACA,EAA0B,yBAC1BC,EAA4B,WAClC,SAASC,EAAoBC,EAASC,GACzC,MAAMC,EAAMD,EAASE,QAAQH,GAC7B,OAAOC,EAASC,EAAM,GAAKD,EAASC,EAAM,GAAKD,EAAS,GAErD,SAASG,EAAwBJ,EAASC,GAC7C,MAAMC,EAAMD,EAASE,QAAQH,GAC7B,OAAOC,EAASC,EAAM,GAAKD,EAASC,EAAM,GAAKD,EAASA,EAASI,OAAS,GAEvE,SAASC,EAAuBC,GACnC,OAAIA,EAAQC,aACDD,EAAQE,SAAW,OAAS,QAG5BF,EAAQG,aAAe,OAAS,QAGxC,SAASC,EAA2BJ,EAASG,GAChD,MAAME,EAAOL,EAAQM,cAAc,QAC/BD,GACAE,EAAqBF,EAAM,CAAC,aAAc,+BAA+B,KAC7DF,IAIb,SAASK,EAAYR,GACxBA,EAAQS,UAAW,EAEhB,SAASC,EAASV,GACrBA,EAAQS,UAAW,EACnBT,EAAQW,iBAEL,SAASC,EAAeZ,GAC3B,MAAMa,EAAcb,GAASc,QACvBC,EAAcf,GAASgB,eAAeA,cAC5C,OAAQH,GACJ,IAAK,sBACD,OAAOb,EAAQiB,aAAa,mBAChC,IAAK,uBACD,QAAkC,yBAAzBF,GAAaD,UAAuCC,GAAaE,aAAa,aAC3F,QACI,OAAO"}
+{"version":3,"file":"utils.js","sources":["../../../../src/navigation/utils/utils.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 { setOrRemoveAttribute } from '@cds/core/internal';\nexport const NAVIGATION_TEXT_WRAPPER = 'cds-navigation-sr-text';\nexport const DEFAULT_NAVIGATION_LAYOUT = 'vertical';\nexport function getNextFocusElement(current, elements) {\n    const idx = elements.indexOf(current);\n    return elements[idx + 1] ? elements[idx + 1] : elements[0];\n}\nexport function getPreviousFocusElement(current, elements) {\n    const idx = elements.indexOf(current);\n    return elements[idx - 1] ? elements[idx - 1] : elements[elements.length - 1];\n}\nexport function getToggleIconDirection(element) {\n    if (element.isGroupStart) {\n        return element.expanded ? 'down' : 'right';\n    }\n    else {\n        return element.expandedRoot ? 'left' : 'right';\n    }\n}\nexport function manageScreenReaderElements(element, expandedRoot) {\n    const span = element.querySelector('span');\n    if (span) {\n        setOrRemoveAttribute(span, ['cds-layout', 'display:screen-reader-only'], () => {\n            return !expandedRoot;\n        });\n    }\n}\nexport function removeFocus(element) {\n    element.hasFocus = false;\n}\nexport function setFocus(element) {\n    element.hasFocus = true;\n    element.scrollIntoView(); // Bring elements that are hidden by overflow into viewport\n}\nexport function visibleElement(element) {\n    const elementType = element?.tagName;\n    const grandparent = element?.parentElement?.parentElement;\n    switch (elementType) {\n        case 'CDS-NAVIGATION-ITEM':\n            return element.hasAttribute('_expanded-group');\n        case 'CDS-NAVIGATION-START':\n            return !(grandparent?.tagName === 'CDS-NAVIGATION-GROUP' && !grandparent?.hasAttribute('expanded'));\n        default:\n            return false;\n    }\n}\n"],"names":["NAVIGATION_TEXT_WRAPPER","DEFAULT_NAVIGATION_LAYOUT","getNextFocusElement","current","elements","idx","indexOf","getPreviousFocusElement","length","getToggleIconDirection","element","isGroupStart","expanded","expandedRoot","manageScreenReaderElements","span","querySelector","setOrRemoveAttribute","removeFocus","hasFocus","setFocus","scrollIntoView","visibleElement","elementType","tagName","grandparent","parentElement","hasAttribute"],"mappings":"0DAMY,MAACA,EAA0B,yBAC1BC,EAA4B,WAClC,SAASC,EAAoBC,EAASC,GACzC,MAAMC,EAAMD,EAASE,QAAQH,GAC7B,OAAOC,EAASC,EAAM,GAAKD,EAASC,EAAM,GAAKD,EAAS,GAErD,SAASG,EAAwBJ,EAASC,GAC7C,MAAMC,EAAMD,EAASE,QAAQH,GAC7B,OAAOC,EAASC,EAAM,GAAKD,EAASC,EAAM,GAAKD,EAASA,EAASI,OAAS,GAEvE,SAASC,EAAuBC,GACnC,OAAIA,EAAQC,aACDD,EAAQE,SAAW,OAAS,QAG5BF,EAAQG,aAAe,OAAS,QAGxC,SAASC,EAA2BJ,EAASG,GAChD,MAAME,EAAOL,EAAQM,cAAc,QAC/BD,GACAE,EAAqBF,EAAM,CAAC,aAAc,+BAA+B,KAC7DF,IAIb,SAASK,EAAYR,GACxBA,EAAQS,UAAW,EAEhB,SAASC,EAASV,GACrBA,EAAQS,UAAW,EACnBT,EAAQW,iBAEL,SAASC,EAAeZ,GAC3B,MAAMa,EAAcb,GAASc,QACvBC,EAAcf,GAASgB,eAAeA,cAC5C,OAAQH,GACJ,IAAK,sBACD,OAAOb,EAAQiB,aAAa,mBAChC,IAAK,uBACD,QAAkC,yBAAzBF,GAAaD,UAAuCC,GAAaE,aAAa,aAC3F,QACI,OAAO"}

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@cds/core",
-  "version": "6.0.0-next.6",
   "license": "MIT",
   "author": "clarity",
-  "description": "Clarity Design System Web Components",
+  "description": "Clarity Design System - common components, themes, and utilties",
   "homepage": "https://clarity.design",
   "customElements": "./custom-elements.json",
   "keywords": [
@@ -14,10 +13,10 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/vmware/clarity.git"
+    "url": "https://github.com/vmware-clarity/core.git"
   },
   "bugs": {
-    "url": "https://github.com/vmware/clarity/issues"
+    "url": "https://github.com/vmware-clarity/core/issues"
   },
   "main": "./index.js",
   "module": "./index.js",
@@ -54,12 +53,14 @@
     "./dropdown/register.js",
     "./file/register.js",
     "./forms/register.js",
+    "./grid/register.js",
     "./icon/register.js",
     "./input/register.js",
     "./internal-components/close-button/register.js",
     "./internal-components/overlay/register.js",
     "./internal-components/panel/register.js",
     "./internal-components/popup/register.js",
+    "./internal-components/split-handle/register.js",
     "./internal-components/visual-checkbox/register.js",
     "./modal/register.js",
     "./navigation/register.js",
@@ -72,6 +73,7 @@
     "./select/register.js",
     "./selection-panels/checkbox/register.js",
     "./selection-panels/radio/register.js",
+    "./signpost/register.js",
     "./tag/register.js",
     "./test-dropdown/register.js",
     "./textarea/register.js",
@@ -79,6 +81,7 @@
     "./toggle/register.js",
     "./tree-view/register.js",
     "./polyfills/aria-reflect.js",
+    "./polyfills/at.js",
     "./polyfills/index.js"
   ],
   "exports": {
@@ -98,10 +101,12 @@
     "./checkbox": "./checkbox/index.js",
     "./datalist": "./datalist/index.js",
     "./date": "./date/index.js",
+    "./demo": "./demo/index.js",
     "./divider": "./divider/index.js",
     "./dropdown": "./dropdown/index.js",
     "./file": "./file/index.js",
     "./forms": "./forms/index.js",
+    "./grid": "./grid/index.js",
     "./icon": "./icon/index.js",
     "./": "./index.js",
     "./input": "./input/index.js",
@@ -109,6 +114,7 @@
     "./internal-components/overlay": "./internal-components/overlay/index.js",
     "./internal-components/panel": "./internal-components/panel/index.js",
     "./internal-components/popup": "./internal-components/popup/index.js",
+    "./internal-components/split-handle": "./internal-components/split-handle/index.js",
     "./internal-components/visual-checkbox": "./internal-components/visual-checkbox/index.js",
     "./internal": "./internal/index.js",
     "./modal": "./modal/index.js",
@@ -123,6 +129,7 @@
     "./select": "./select/index.js",
     "./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
     "./selection-panels/radio": "./selection-panels/radio/index.js",
+    "./signpost": "./signpost/index.js",
     "./tag": "./tag/index.js",
     "./test-dropdown": "./test-dropdown/index.js",
     "./test": "./test/index.js",
@@ -166,6 +173,8 @@
     "./file/register": "./file/register.js",
     "./forms/register.js": "./forms/register.js",
     "./forms/register": "./forms/register.js",
+    "./grid/register.js": "./grid/register.js",
+    "./grid/register": "./grid/register.js",
     "./icon/register.js": "./icon/register.js",
     "./icon/register": "./icon/register.js",
     "./input/register.js": "./input/register.js",
@@ -178,6 +187,8 @@
     "./internal-components/panel/register": "./internal-components/panel/register.js",
     "./internal-components/popup/register.js": "./internal-components/popup/register.js",
     "./internal-components/popup/register": "./internal-components/popup/register.js",
+    "./internal-components/split-handle/register.js": "./internal-components/split-handle/register.js",
+    "./internal-components/split-handle/register": "./internal-components/split-handle/register.js",
     "./internal-components/visual-checkbox/register.js": "./internal-components/visual-checkbox/register.js",
     "./internal-components/visual-checkbox/register": "./internal-components/visual-checkbox/register.js",
     "./modal/register.js": "./modal/register.js",
@@ -202,6 +213,8 @@
     "./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
     "./selection-panels/radio/register.js": "./selection-panels/radio/register.js",
     "./selection-panels/radio/register": "./selection-panels/radio/register.js",
+    "./signpost/register.js": "./signpost/register.js",
+    "./signpost/register": "./signpost/register.js",
     "./tag/register.js": "./tag/register.js",
     "./tag/register": "./tag/register.js",
     "./test-dropdown/register.js": "./test-dropdown/register.js",
@@ -228,6 +241,8 @@
     "./styles/theme.dark.min.css": "./styles/theme.dark.min.css",
     "./styles/theme.low-motion.css": "./styles/theme.low-motion.css",
     "./styles/theme.low-motion.min.css": "./styles/theme.low-motion.min.css",
+    "./styles/theme.high-contrast.css": "./styles/theme.high-contrast.css",
+    "./styles/theme.high-contrast.min.css": "./styles/theme.high-contrast.min.css",
     "./list/list.css": "./list/list.css",
     "./list/list.min.css": "./list/list.min.css",
     "./table/table.css": "./table/table.css",
@@ -240,5 +255,6 @@
     "./tokens/tokens.scss": "./tokens/tokens.scss",
     "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
     "./tokens/tokens.android.xml": "./tokens/tokens.android.xml"
-  }
+  },
+  "version": "6.0.2"
 }

package/pagination/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/pagination/pagination-button.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-button.element.js","sources":["../../../src/pagination/pagination-button.element.ts"],"sourcesContent":null,"names":["CdsPaginationButton","CdsButtonAction","[object Object]","props","super","updated","shape","direction","getPaginationIconConfig","this","action","cdsIcon","__decorate","property","type","String","prototype","state","query"],"mappings":"gSA0CO,MAAMA,UAA4BC,EACrCC,QAAQC,GACJC,MAAMC,QAAQF,GACd,MAAMG,MAAEA,EAAKC,UAAEA,GAAcC,EAAwBC,KAAKC,QAC1DD,KAAKH,MAAQA,EACbG,KAAKF,UAAYA,EACbE,KAAKE,UACLF,KAAKE,QAAQJ,UAAYE,KAAKF,YAI1CK,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBf,EAAoBgB,UAAW,cAAU,GAC5CJ,EAAW,CACPK,KACDjB,EAAoBgB,UAAW,iBAAa,GAC/CJ,EAAW,CACPM,EAAM,aACPlB,EAAoBgB,UAAW,eAAW"}
+{"version":3,"file":"pagination-button.element.js","sources":["../../../src/pagination/pagination-button.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { property } from '@cds/core/internal';\nimport { state } from 'lit/decorators/state.js';\nimport { query } from 'lit/decorators/query.js';\nimport { CdsButtonAction } from '@cds/core/button-action';\nimport { getPaginationIconConfig } from './utils.js';\n/**\n * Web component pagination button to be used inside pagination.\n *\n * ```typescript\n * import '@cds/core/pagination/register.js';\n * ```\n *\n * ```html\n * <cds-pagination>\n *   <cds-pagination-button action=\"first\" disabled></cds-pagination-button>\n *   <cds-pagination-button action=\"prev\" disabled></cds-pagination-button>\n *   <span aria-label=\"current page\">1 / 3</span>\n *   <cds-pagination-button action=\"next\"></cds-pagination-button>\n *   <cds-pagination-button action=\"last\"></cds-pagination-button>\n * </cds-pagination>\n * ```\n *\n * @beta\n * @element cds-pagination-button\n * @slot\n * @slot cds-icon\n * @cssprop --background\n * @cssprop --padding\n * @cssprop --border-color\n * @cssprop --border-width\n * @cssprop --border-radius\n * @cssprop --box-shadow\n * @cssprop --min-height\n * @cssprop --min-width\n * @property disabled\n */\nexport class CdsPaginationButton extends CdsButtonAction {\n    updated(props) {\n        super.updated(props);\n        const { shape, direction } = getPaginationIconConfig(this.action);\n        this.shape = shape;\n        this.direction = direction;\n        if (this.cdsIcon) {\n            this.cdsIcon.direction = this.direction;\n        }\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsPaginationButton.prototype, \"action\", void 0);\n__decorate([\n    state()\n], CdsPaginationButton.prototype, \"direction\", void 0);\n__decorate([\n    query('cds-icon')\n], CdsPaginationButton.prototype, \"cdsIcon\", void 0);\n"],"names":["CdsPaginationButton","CdsButtonAction","updated","props","super","shape","direction","getPaginationIconConfig","this","action","cdsIcon","__decorate","property","type","String","prototype","state","query"],"mappings":"gSA0CO,MAAMA,UAA4BC,EACrCC,QAAQC,GACJC,MAAMF,QAAQC,GACd,MAAME,MAAEA,EAAKC,UAAEA,GAAcC,EAAwBC,KAAKC,QAC1DD,KAAKH,MAAQA,EACbG,KAAKF,UAAYA,EACbE,KAAKE,UACLF,KAAKE,QAAQJ,UAAYE,KAAKF,YAI1CK,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAoBe,UAAW,cAAU,GAC5CJ,EAAW,CACPK,KACDhB,EAAoBe,UAAW,iBAAa,GAC/CJ,EAAW,CACPM,EAAM,aACPjB,EAAoBe,UAAW,eAAW"}

package/pagination/pagination.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{LitElement as i,css as s,html as e}from"lit";import{cache as r}from"lit/directives/cache.js";import{baseStyles as n,notProductionEnvironment as o,LogService as a,globalStyle as l,querySlot as p}from"@cds/core/internal";import u from"./pagination.element.scss.js";class m extends i{constructor(){super(...arguments);this.globalStyles=s`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=e`<slot></slot>`,i=e`<div cds-layout="horizontal gap:sm align:center"><slot></slot></div>`;return e`${r(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[n,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){o()&&!this.getAttribute("aria-label")?.length&&a.warn("An aria-label is missing",this)}}t([l()],m.prototype,"globalStyles",void 0),t([p("cds-input[cds-pagination-number]")],m.prototype,"numberInput",void 0);export{m as CdsPagination};
+import{__decorate as t}from"tslib";import{LitElement as i,css as s,html as e}from"lit";import{cache as r}from"lit/directives/cache.js";import{baseStyles as n,notProductionEnvironment as o,LogService as a,globalStyle as l,querySlot as p}from"@cds/core/internal";import u from"./pagination.element.scss.js";class m extends i{constructor(){super(...arguments);this.globalStyles=s`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=e`<slot></slot>`,i=e`<div cds-layout="horizontal gap:sm align:center wrap:none"><slot></slot></div>`;return e`${r(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[n,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){o()&&!this.getAttribute("aria-label")?.length&&a.warn("An aria-label is missing",this)}}t([l()],m.prototype,"globalStyles",void 0),t([p("cds-input[cds-pagination-number]")],m.prototype,"numberInput",void 0);export{m as CdsPagination};
 //# sourceMappingURL=pagination.element.js.map

package/pagination/pagination.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.element.js","sources":["../../../src/pagination/pagination.element.ts"],"sourcesContent":null,"names":["CdsPagination","LitElement","[object Object]","super","this","globalStyles","css","userLayout","html","defaultLayout","cache","hasAttribute","styles","baseStyles","props","firstUpdated","setupNumberInput","validateAriaLabel","numberInput","controlWidth","layout","notProductionEnvironment","getAttribute","length","LogService","warn","__decorate","globalStyle","prototype","querySlot"],"mappings":"iTAkCO,MAAMA,UAAsBC,EAC/BC,cACIC,oBACAC,KAAKC,aAAeC,CAAI,mEAM5BJ,SACI,MAAMK,EAAaC,CAAK,gBAClBC,EAAgBD,CAAK,uEAC3B,OAAOA,CAAK,GAAGE,EAAMN,KAAKO,aAAa,cAAgBJ,EAAaE,KAExEG,oBACI,MAAO,CAACC,EAAYD,GAExBV,aAAaY,GACTX,MAAMY,aAAaD,GACnBV,KAAKY,mBACLZ,KAAKa,oBAETf,mBACQE,KAAKc,cACLd,KAAKc,YAAYC,aAAe,SAChCf,KAAKc,YAAYE,OAAS,WAGlClB,oBACQmB,MAA+BjB,KAAKkB,aAAa,eAAeC,QAChEC,EAAWC,KAAK,2BAA4BrB,OAIxDsB,EAAW,CACPC,KACD3B,EAAc4B,UAAW,oBAAgB,GAC5CF,EAAW,CACPG,EAAU,qCACX7B,EAAc4B,UAAW,mBAAe"}
+{"version":3,"file":"pagination.element.js","sources":["../../../src/pagination/pagination.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 { css, html, LitElement } from 'lit';\nimport { cache } from 'lit/directives/cache.js';\nimport { baseStyles, globalStyle, LogService, notProductionEnvironment, querySlot } from '@cds/core/internal';\nimport styles from './pagination.element.scss';\n/**\n * Web component pagination.\n *\n * ```typescript\n * import '@cds/core/pagination/register.js';\n * ```\n *\n * ```html\n * <cds-pagination>\n *   <cds-pagination-button action=\"first\" disabled></cds-pagination-button>\n *   <cds-pagination-button action=\"prev\" disabled></cds-pagination-button>\n *   <span aria-label=\"current page\">1 / 3</span>\n *   <cds-pagination-button action=\"next\"></cds-pagination-button>\n *   <cds-pagination-button action=\"last\"></cds-pagination-button>\n * </cds-pagination>\n * ```\n *\n * @beta\n * @element cds-pagination\n * @slot\n * @slot cds-pagination-button\n * @cssprop --color\n * @cssprop --font-size\n */\nexport class CdsPagination extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.globalStyles = css `\n    [cds-pagination-number] > cds-control-message {\n      --min-width: initial;\n    }\n  `;\n    }\n    render() {\n        const userLayout = html `<slot></slot>`;\n        const defaultLayout = html `<div cds-layout=\"horizontal gap:sm align:center wrap:none\"><slot></slot></div>`;\n        return html `${cache(this.hasAttribute('cds-layout') ? userLayout : defaultLayout)}`;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.setupNumberInput();\n        this.validateAriaLabel();\n    }\n    setupNumberInput() {\n        if (this.numberInput) {\n            this.numberInput.controlWidth = 'shrink';\n            this.numberInput.layout = 'compact';\n        }\n    }\n    validateAriaLabel() {\n        if (notProductionEnvironment() && !this.getAttribute('aria-label')?.length) {\n            LogService.warn('An aria-label is missing', this);\n        }\n    }\n}\n__decorate([\n    globalStyle()\n], CdsPagination.prototype, \"globalStyles\", void 0);\n__decorate([\n    querySlot('cds-input[cds-pagination-number]')\n], CdsPagination.prototype, \"numberInput\", void 0);\n"],"names":["CdsPagination","LitElement","constructor","super","this","globalStyles","css","render","userLayout","html","defaultLayout","cache","hasAttribute","styles","baseStyles","firstUpdated","props","setupNumberInput","validateAriaLabel","numberInput","controlWidth","layout","notProductionEnvironment","getAttribute","length","LogService","warn","__decorate","globalStyle","prototype","querySlot"],"mappings":"iTAkCO,MAAMA,UAAsBC,EAC/BC,cACIC,oBACAC,KAAKC,aAAeC,CAAI,mEAM5BC,SACI,MAAMC,EAAaC,CAAK,gBAClBC,EAAgBD,CAAK,iFAC3B,OAAOA,CAAK,GAAGE,EAAMP,KAAKQ,aAAa,cAAgBJ,EAAaE,KAE7DG,oBACP,MAAO,CAACC,EAAYD,GAExBE,aAAaC,GACTb,MAAMY,aAAaC,GACnBZ,KAAKa,mBACLb,KAAKc,oBAETD,mBACQb,KAAKe,cACLf,KAAKe,YAAYC,aAAe,SAChChB,KAAKe,YAAYE,OAAS,WAGlCH,oBACQI,MAA+BlB,KAAKmB,aAAa,eAAeC,QAChEC,EAAWC,KAAK,2BAA4BtB,OAIxDuB,EAAW,CACPC,KACD5B,EAAc6B,UAAW,oBAAgB,GAC5CF,EAAW,CACPG,EAAU,qCACX9B,EAAc6B,UAAW,mBAAe"}

package/pagination/pagination.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var a=o`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);color:var(--color);display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;font-size:var(--font-size)}::slotted(cds-input[cds-pagination-number]){--background:var(--cds-alias-object-container-background);--border-radius:var(--cds-alias-object-border-radius-100);--border:var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-border-color);--border-bottom:0;--padding:var(--cds-global-space-2) var(--cds-global-space-4) 0;--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--text-align:center}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export{a as default};
+import{css as o}from"lit";var a=o`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--action-color:var(--color);color:var(--color);display:flex;flex-wrap:none;font-size:var(--font-size)}::slotted(cds-input[cds-pagination-number]){--background:var(--cds-alias-object-container-background);--border-radius:var(--cds-alias-object-border-radius-100);--border:var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-border-color);--border-bottom:0;--padding:var(--cds-global-space-2) var(--cds-global-space-4) 0;--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--text-align:center}::slotted(span){display:block}::slotted(cds-pagination-button:not([disabled])){--color:var(--action-color)}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export{a as default};
 //# sourceMappingURL=pagination.element.scss.js.map

package/pagination/pagination.element.scss.js.map

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

package/pagination/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/pagination/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsPagination","CdsPaginationButton","ClarityIcons","addIcons","angleIcon","stepForward2Icon"],"mappings":"6gBAeAA,EAAsB,iBAAkBC,GACxCD,EAAsB,wBAAyBE,GAC/CC,EAAaC,SAASC,GACtBF,EAAaC,SAASE"}
+{"version":3,"file":"register.js","sources":["../../../src/pagination/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/button/register.js';\nimport '@cds/core/icon/register.js';\nimport '@cds/core/input/register.js';\nimport '@cds/core/select/register.js';\nimport { registerElementSafely } from '@cds/core/internal';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { angleIcon } from '@cds/core/icon/shapes/angle.js';\nimport { stepForward2Icon } from '@cds/core/icon/shapes/step-forward-2.js';\nimport { CdsPaginationButton } from './pagination-button.element.js';\nimport { CdsPagination } from './pagination.element.js';\nregisterElementSafely('cds-pagination', CdsPagination);\nregisterElementSafely('cds-pagination-button', CdsPaginationButton);\nClarityIcons.addIcons(angleIcon);\nClarityIcons.addIcons(stepForward2Icon);\n"],"names":["registerElementSafely","CdsPagination","CdsPaginationButton","ClarityIcons","addIcons","angleIcon","stepForward2Icon"],"mappings":"6gBAeAA,EAAsB,iBAAkBC,GACxCD,EAAsB,wBAAyBE,GAC/CC,EAAaC,SAASC,GACtBF,EAAaC,SAASE"}