@cds/core 5.6.4 → 5.7.2

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","arguments","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","_a","firstUpdated","forEach","item","setAttributes","itemWrapper","shadowRoot","querySelector","initItemKeys","handleItemKeys","blurItemKeys","removeFocus","setFocus","focusElement","focusableElements","visibleElement","event","onKey","next","getNextFocusElement","preventDefault","previous","getPreviousFocusElement","groupParent","closest","_b","_c","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/index.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        var _a;\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 = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#item-container');\n        itemWrapper === null || itemWrapper === void 0 ? void 0 : itemWrapper.addEventListener('focus', this.initItemKeys.bind(this));\n        itemWrapper === null || itemWrapper === void 0 ? void 0 : itemWrapper.addEventListener('keydown', this.handleItemKeys.bind(this));\n        itemWrapper === null || itemWrapper === void 0 ? void 0 : 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            var _a;\n            const groupParent = (_a = this.currentActiveItem) === null || _a === void 0 ? void 0 : _a.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            var _a, _b, _c;\n            const groupParent = (_a = this.currentActiveItem) === null || _a === void 0 ? void 0 : _a.closest('cds-navigation-group');\n            if (((_b = this.currentActiveItem) === null || _b === void 0 ? void 0 : _b.tagName) === 'CDS-NAVIGATION-ITEM' && !!groupParent) {\n                const groupStartElement = groupParent === null || groupParent === void 0 ? void 0 : groupParent.querySelector('cds-navigation-start');\n                removeFocus(this.currentActiveItem);\n                this.ariaActiveDescendant = (_c = groupStartElement === null || groupStartElement === void 0 ? void 0 : groupStartElement.id) !== null && _c !== void 0 ? _c : 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            var _a, _b;\n            // focusElement is either an Anchor or a button and we want to click it here\n            if ((_a = this.currentActiveItem) === null || _a === void 0 ? void 0 : _a.focusElement) {\n                (_b = this.currentActiveItem) === null || _b === void 0 ? void 0 : _b.focusElement.click();\n            }\n        });\n        onKey('space', event, () => {\n            var _a, _b;\n            // focusElement is either an Anchor or a button and we want to click it here\n            if ((_a = this.currentActiveItem) === null || _a === void 0 ? void 0 : _a.focusElement) {\n                (_b = this.currentActiveItem) === null || _b === void 0 ? void 0 : _b.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        var _a, _b, _c;\n        super.connectedCallback();\n        this.role = 'list';\n        (_a = this.rootNavigationStart) === null || _a === void 0 ? void 0 : _a.addEventListener('focus', this.focusRootStart.bind(this));\n        (_b = this.rootNavigationStart) === null || _b === void 0 ? void 0 : _b.addEventListener('blur', this.blurRootStart.bind(this));\n        (_c = this.rootNavigationStart) === null || _c === void 0 ? void 0 : _c.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","_a","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","_b","_c","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":"6mBAWY,MAACA,EAAuB,iBA+BjC,IAACC,EAAgB,cAA4BC,EAC5CC,cACIC,oBACAC,KAAKC,cAAe,EACpBD,KAAKE,UAAY,KAOjBF,KAAKG,WAAY,EASjBH,KAAKI,UAAW,EAChBJ,KAAKK,KAAOC,EAAYC,KAAKC,WAEjCC,SACIT,KAAKU,eAAeC,MAAMX,KAAKI,UAE/BQ,wBACA,OAAOZ,KAAKa,gBAAgBC,MAAKC,GAAKA,EAAEC,KAAOhB,KAAKiB,uBAEpDC,kBACA,OAAOlB,KAAKmB,cACNC,CAAK,2HAKL,GAENC,oBACA,IAAIC,EASJ,OAPOA,EADPtB,KAAKuB,oBACeH,CAAK,mGAEA,IAAMpB,KAAKwB,kHAIhB,GACbF,EAEPT,sBACA,OAAOY,MAAMC,KAAK1B,KAAK2B,uBAAuBC,QAAOC,GAAKC,EAAUD,KAExEL,wBAGQxB,KAAKuB,qBACLvB,KAAKuB,oBAAoBQ,iBAAiB,QAAS/B,KAAKS,OAAOuB,KAAKhC,OAG5EiC,aAAaC,GACT,IAAIC,EACJpC,MAAMkC,aAAaC,GAEnBlC,KAAK2B,sBAAsBS,SAAQC,IAC/BC,EAAcD,EAAM,CAAC,WAAY,UAErC,MAAME,EAAyC,QAA1BJ,EAAKnC,KAAKwC,kBAA+B,IAAPL,OAAgB,EAASA,EAAGM,cAAc,mBACjGF,MAAAA,GAA0DA,EAAYR,iBAAiB,QAAS/B,KAAK0C,aAAaV,KAAKhC,OACvHuC,MAAAA,GAA0DA,EAAYR,iBAAiB,UAAW/B,KAAK2C,eAAeX,KAAKhC,OAC3HuC,MAAAA,GAA0DA,EAAYR,iBAAiB,OAAQ/B,KAAK4C,aAAaZ,KAAKhC,OAE1H4C,eACQ5C,KAAKY,mBACLiC,EAAY7C,KAAKY,mBAGzBkC,iBACQ9C,KAAKuB,qBACLwB,EAAS/C,KAAKuB,qBAGtByB,gBACQhD,KAAKuB,qBACLsB,EAAY7C,KAAKuB,qBAGzBmB,eACI,GAAK1C,KAAKY,kBAIL,CACD,MAAMqC,EAAejD,KAAKY,kBAAoBZ,KAAKY,kBAAoBZ,KAAK2B,sBAAsB,GAClGoB,EAASE,GACTjD,KAAKiB,qBAAuBgC,EAAajC,QANzC+B,EAAS/C,KAAKkD,kBAAkB,IAChClD,KAAKiB,qBAAuBjB,KAAKkD,kBAAkB,GAAGlC,GAQ1DkC,wBACA,OAAOzB,MAAMC,KAAK1B,KAAK2B,uBAAuBC,OAAOuB,GAEzDR,eAAeS,GACXC,EAAM,aAAcD,GAAO,KACvB,GAAIpD,KAAKY,kBAAmB,CACxBiC,EAAY7C,KAAKY,mBACjB,MAAM0C,EAAOC,EAAoBvD,KAAKY,kBAAmBZ,KAAKkD,mBAC9DlD,KAAKiB,qBAAuBqC,EAAKtC,GACjC+B,EAASO,GACTF,EAAMI,qBAGdH,EAAM,WAAYD,GAAO,KACrB,GAAIpD,KAAKY,kBAAmB,CACxBiC,EAAY7C,KAAKY,mBACjB,MAAM6C,EAAWC,EAAwB1D,KAAKY,kBAAmBZ,KAAKkD,mBACtElD,KAAKiB,qBAAuBwC,EAASzC,GACrC+B,EAASU,GACTL,EAAMI,qBAGdH,EAAM,cAAeD,GAAO,KACxB,IAAIjB,EACJ,MAAMwB,EAAgD,QAAjCxB,EAAKnC,KAAKY,yBAAsC,IAAPuB,OAAgB,EAASA,EAAGyB,QAAQ,yBAC9FD,GAAgBA,EAAYvD,UAC5BuD,EAAYjD,eAAeC,MAAMgD,EAAYvD,aAIrDiD,EAAM,aAAcD,GAAO,KACvB,IAAIjB,EAAI0B,EAAIC,EACZ,MAAMH,EAAgD,QAAjCxB,EAAKnC,KAAKY,yBAAsC,IAAPuB,OAAgB,EAASA,EAAGyB,QAAQ,wBAClG,GAAwF,yBAAjD,QAAjCC,EAAK7D,KAAKY,yBAAsC,IAAPiD,OAAgB,EAASA,EAAGE,UAAwCJ,EAAa,CAC5H,MAAMK,EAAoBL,MAAAA,OAAiD,EAASA,EAAYlB,cAAc,wBAI9G,OAHAI,EAAY7C,KAAKY,mBACjBZ,KAAKiB,qBAA6H,QAArG6C,EAAKE,MAAAA,OAA6D,EAASA,EAAkBhD,UAAuB,IAAP8C,EAAgBA,EAAK,UAC/Jf,EAASiB,GAGTL,GAAeA,EAAYvD,UAC3BuD,EAAYjD,eAAeC,MAAMgD,EAAYvD,aAIrDiD,EAAM,OAAQD,GAAO,KACjB,GAAIpD,KAAKY,kBAAmB,CACxBiC,EAAY7C,KAAKY,mBACjB,MAAMqD,EAAOjE,KAAKkD,kBAAkB,GACpClD,KAAKiB,qBAAuBgD,EAAKjD,GACjC+B,EAASkB,OAGjBZ,EAAM,MAAOD,GAAO,KAChB,GAAIpD,KAAKY,kBAAmB,CACxBiC,EAAY7C,KAAKY,mBACjB,MAAMsD,EAAMlE,KAAKkD,kBAAkBlD,KAAKkD,kBAAkBiB,OAAS,GACnEnE,KAAKiB,qBAAuBiD,EAAIlD,GAChC+B,EAASmB,OAGjBb,EAAM,QAASD,GAAO,KAClB,IAAIjB,EAAI0B,GAE8B,QAAjC1B,EAAKnC,KAAKY,yBAAsC,IAAPuB,OAAgB,EAASA,EAAGc,gBACpC,QAAjCY,EAAK7D,KAAKY,yBAAsC,IAAPiD,GAAyBA,EAAGZ,aAAamB,YAG3Ff,EAAM,QAASD,GAAO,KAClB,IAAIjB,EAAI0B,GAE8B,QAAjC1B,EAAKnC,KAAKY,yBAAsC,IAAPuB,OAAgB,EAASA,EAAGc,gBACpC,QAAjCY,EAAK7D,KAAKY,yBAAsC,IAAPiD,GAAyBA,EAAGZ,aAAamB,YAI/FC,oBAAoBjB,GAChBC,EAAM,cAAeD,GAAO,KACnBpD,KAAKI,UACNJ,KAAKS,YAIb4C,EAAM,aAAcD,GAAO,KACnBpD,KAAKI,UACLJ,KAAKS,YAKjB6D,oBACI,IAAInC,EAAI0B,EAAIC,EACZ/D,MAAMuE,oBACNtE,KAAKuE,KAAO,OACwB,QAAnCpC,EAAKnC,KAAKuB,2BAAwC,IAAPY,GAAyBA,EAAGJ,iBAAiB,QAAS/B,KAAK8C,eAAed,KAAKhC,OACvF,QAAnC6D,EAAK7D,KAAKuB,2BAAwC,IAAPsC,GAAyBA,EAAG9B,iBAAiB,OAAQ/B,KAAKgD,cAAchB,KAAKhC,OACrF,QAAnC8D,EAAK9D,KAAKuB,2BAAwC,IAAPuC,GAAyBA,EAAG/B,iBAAiB,UAAW/B,KAAKqE,oBAAoBrC,KAAKhC,OAEtIwE,uBACIzE,MAAMyE,uBACFxE,KAAKuB,qBACLvB,KAAKuB,oBAAoBkD,oBAAoB,QAASzE,KAAKS,OAAOuB,KAAKhC,OAG/E0E,SACI,OAAOtD,CAAK,yCAAyCpB,KAAKK,KAAKsE,oDAC/D3E,KAAKqB,6HAGwBrB,KAAKiB,+KAMlCjB,KAAKkB,oBAGT0D,QAAQ1C,GACJnC,MAAM6E,QAAQ1C,GACVA,EAAM2C,IAAI,cACV7E,KAAKC,aAAeD,KAAKI,UAE7BJ,KAAK8E,sBAETA,sBACQ9E,KAAK+E,sBACLC,EAAqBvD,MAAMC,KAAK1B,KAAK+E,sBAAuB/E,KAAM,CAAEG,WAAW,IAE/EH,KAAKiF,oBACLD,EAAqBvD,MAAMC,KAAK1B,KAAKiF,oBAAqBjF,KAAM,CAC5DI,UAAU,IAGdJ,KAAKkF,qBACLF,EAAqBvD,MAAMC,KAAK1B,KAAKkF,qBAAsBlF,KAAM,CAC7DC,cAAc,IAGlBD,KAAKuB,qBACL4D,EAAUnF,KAAKuB,oBAAqBvB,KAAM,CACtCI,SAAUJ,KAAKI,WAGnBJ,KAAKoF,oBAAoBjB,OAAS,GAClCa,EAAqBvD,MAAMC,KAAK1B,KAAKoF,qBAAsBpF,KAAM,CAC7DI,SAAUJ,KAAKI,WAGnBJ,KAAKqF,oBAAoBlB,OAAS,GAClCa,EAAqBvD,MAAMC,KAAK1B,KAAKqF,qBAAsBrF,KAAM,CAC7DsF,QAAQ,IAITC,oBACP,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhG,EAAciG,UAAW,iBAAa,GACzCJ,EAAW,CACPrC,KACDxD,EAAciG,UAAW,sBAAkB,GAC9CJ,EAAW,CACPrC,KACDxD,EAAciG,UAAW,uBAAmB,GAC/CJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,WACfnG,EAAciG,UAAW,iBAAa,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,WAClBnG,EAAciG,UAAW,gBAAY,GACxCJ,EAAW,CACPpF,KACDT,EAAciG,UAAW,YAAQ,GACpCJ,EAAW,CACPO,EAAU,8BAA+B,CAAEC,OAAQ,wBACpDrG,EAAciG,UAAW,qBAAiB,GAC7CJ,EAAW,CACPS,EAAa,qFACdtG,EAAciG,UAAW,6BAAyB,GACrDJ,EAAW,CACPS,EAAa,yBACdtG,EAAciG,UAAW,2BAAuB,GACnDJ,EAAW,CACPS,EAAa,yBACdtG,EAAciG,UAAW,oBAAgB,GAC5CJ,EAAW,CACPS,EAAa,kCACdtG,EAAciG,UAAW,4BAAwB,GACpDJ,EAAW,CACPS,EAAa,iCACdtG,EAAciG,UAAW,2BAAuB,GACnDJ,EAAW,CACPO,EAAU,gCAAiC,CAAEC,OAAQ,sBACtDrG,EAAciG,UAAW,2BAAuB,GACnDJ,EAAW,CACPS,EAAa,wDACdtG,EAAciG,UAAW,4BAAwB,GACpDJ,EAAW,CACPS,EAAa,wBACdtG,EAAciG,UAAW,0BAAsB,GAClDJ,EAAW,CACPS,EAAa,yBACdtG,EAAciG,UAAW,2BAAuB,GACnDjG,EAAgB6F,EAAW,CACvBU,EAAQ,CACJ/F,SAAU,CACNgG,KAAMC,EACNC,MAAOC,EAAiBF,OAGjCzG"}

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-xl, calc((48 / var(--cds-global-base, 20)) * 1rem));--expanded-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20);--line-height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-4, calc((14 / var(--cds-global-base, 20)) * 1rem));--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, calc((6 / var(--cds-global-base, 20)) * 1rem));--padding:0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));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 default o;
+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-xl, calc(48 / var(--cds-global-base, 20) * 1rem));--expanded-width:calc(var(--cds-global-space-6, calc(12 / var(--cds-global-base, 20) * 1rem)) * 20);--line-height:var(--cds-global-space-11, calc(36 / var(--cds-global-base, 20) * 1rem));--font-size:var(--cds-global-typography-font-size-4, calc(14 / var(--cds-global-base, 20) * 1rem));--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, calc(6 / var(--cds-global-base, 20) * 1rem));--padding:0 var(--cds-global-space-4, calc(6 / var(--cds-global-base, 20) * 1rem));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/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/navigation/utils/index.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","_a","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,IAAIa,EACJ,MAAMC,EAAcd,MAAAA,OAAyC,EAASA,EAAQe,QACxEC,EAAiG,QAAlFH,EAAKb,MAAAA,OAAyC,EAASA,EAAQiB,qBAAkC,IAAPJ,OAAgB,EAASA,EAAGI,cAC3I,OAAQH,GACJ,IAAK,sBACD,OAAOd,EAAQkB,aAAa,mBAChC,IAAK,uBACD,QAA6F,0BAAnFF,MAAAA,OAAiD,EAASA,EAAYD,YAAyCC,MAAAA,OAAiD,EAASA,EAAYE,aAAa,cAChN,QACI,OAAO"}
+{"version":3,"file":"index.js","sources":["../../../../src/navigation/utils/index.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    var _a;\n    const elementType = element === null || element === void 0 ? void 0 : element.tagName;\n    const grandparent = (_a = element === null || element === void 0 ? void 0 : element.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;\n    switch (elementType) {\n        case 'CDS-NAVIGATION-ITEM':\n            return element.hasAttribute('_expanded-group');\n        case 'CDS-NAVIGATION-START':\n            return !((grandparent === null || grandparent === void 0 ? void 0 : grandparent.tagName) === 'CDS-NAVIGATION-GROUP' && !(grandparent === null || grandparent === void 0 ? void 0 : 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","_a","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,IAAIa,EACJ,MAAMC,EAAcd,MAAAA,OAAyC,EAASA,EAAQe,QACxEC,EAAiG,QAAlFH,EAAKb,MAAAA,OAAyC,EAASA,EAAQiB,qBAAkC,IAAPJ,OAAgB,EAASA,EAAGI,cAC3I,OAAQH,GACJ,IAAK,sBACD,OAAOd,EAAQkB,aAAa,mBAChC,IAAK,uBACD,QAA6F,0BAAnFF,MAAAA,OAAiD,EAASA,EAAYD,YAAyCC,MAAAA,OAAiD,EAASA,EAAYE,aAAa,cAChN,QACI,OAAO"}

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@cds/core",
-  "version": "5.6.4",
   "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",
+  "customElements": "./custom-elements.json",
   "keywords": [
     "web component",
     "design system",
@@ -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",
@@ -67,139 +66,131 @@
     "./selection-panels/checkbox/register.js",
     "./selection-panels/radio/register.js",
     "./tag/register.js",
-    "./textarea/register.js",
     "./test-dropdown/register.js",
+    "./textarea/register.js",
     "./time/register.js",
     "./toggle/register.js",
     "./tree-view/register.js",
-    "./polyfills/index.js",
-    "./polyfills/aria-reflect.js"
+    "./polyfills/aria-reflect.js",
+    "./polyfills/index.js"
   ],
   "exports": {
     "./package.json": "./package.json",
     "./custom-elements.json": "./custom-elements.json",
-    ".": "./index.js",
+    "./accordion": "./accordion/index.js",
+    "./alert": "./alert/index.js",
+    "./badge": "./badge/index.js",
+    "./breadcrumb": "./breadcrumb/index.js",
+    "./button": "./button/index.js",
+    "./card": "./card/index.js",
+    "./checkbox": "./checkbox/index.js",
+    "./datalist": "./datalist/index.js",
+    "./date": "./date/index.js",
+    "./divider": "./divider/index.js",
+    "./file": "./file/index.js",
+    "./forms": "./forms/index.js",
+    "./forms/utils": "./forms/utils/index.js",
+    "./icon": "./icon/index.js",
+    "./": "./index.js",
+    "./input": "./input/index.js",
+    "./internal-components/close-button": "./internal-components/close-button/index.js",
+    "./internal-components/overlay": "./internal-components/overlay/index.js",
+    "./internal-components/panel": "./internal-components/panel/index.js",
+    "./internal-components/visual-checkbox": "./internal-components/visual-checkbox/index.js",
     "./internal": "./internal/index.js",
+    "./internal/interfaces": "./internal/interfaces/index.js",
+    "./modal": "./modal/index.js",
+    "./navigation": "./navigation/index.js",
+    "./navigation/utils": "./navigation/utils/index.js",
+    "./pagination": "./pagination/index.js",
+    "./password": "./password/index.js",
     "./polyfills": "./polyfills/index.js",
+    "./progress-circle": "./progress-circle/index.js",
+    "./radio": "./radio/index.js",
+    "./range": "./range/index.js",
+    "./search": "./search/index.js",
+    "./select": "./select/index.js",
+    "./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
+    "./selection-panels/radio": "./selection-panels/radio/index.js",
+    "./tag": "./tag/index.js",
+    "./test-dropdown": "./test-dropdown/index.js",
     "./test": "./test/index.js",
-    "./icon/shapes/*": "./icon/shapes/*",
-    "./icon/icon.service.js": "./icon/icon.service.js",
-    "./polyfills/index.js": "./polyfills/index.js",
-    "./tokens/tokens.js": "./tokens/tokens.js",
-    "./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
-    "./tokens/tokens.json": "./tokens/tokens.json",
-    "./tokens/tokens.scss": "./tokens/tokens.scss",
-    "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
-    "./tokens/tokens.android.xml": "./tokens/tokens.android.xml",
-    "./accordion": "./accordion/index.js",
-    "./accordion/register": "./accordion/register.js",
+    "./textarea": "./textarea/index.js",
+    "./time": "./time/index.js",
+    "./toggle": "./toggle/index.js",
+    "./tree-view": "./tree-view/index.js",
     "./accordion/register.js": "./accordion/register.js",
-    "./alert": "./alert/index.js",
-    "./alert/register": "./alert/register.js",
+    "./accordion/register": "./accordion/register.js",
     "./alert/register.js": "./alert/register.js",
-    "./badge": "./badge/index.js",
-    "./badge/register": "./badge/register.js",
+    "./alert/register": "./alert/register.js",
     "./badge/register.js": "./badge/register.js",
-    "./breadcrumb": "./breadcrumb/index.js",
-    "./breadcrumb/register": "./breadcrumb/register.js",
+    "./badge/register": "./badge/register.js",
     "./breadcrumb/register.js": "./breadcrumb/register.js",
-    "./button": "./button/index.js",
-    "./button/register": "./button/register.js",
+    "./breadcrumb/register": "./breadcrumb/register.js",
     "./button/register.js": "./button/register.js",
-    "./card": "./card/index.js",
-    "./card/register": "./card/register.js",
+    "./button/register": "./button/register.js",
     "./card/register.js": "./card/register.js",
-    "./checkbox": "./checkbox/index.js",
-    "./checkbox/register": "./checkbox/register.js",
+    "./card/register": "./card/register.js",
     "./checkbox/register.js": "./checkbox/register.js",
-    "./datalist": "./datalist/index.js",
-    "./datalist/register": "./datalist/register.js",
+    "./checkbox/register": "./checkbox/register.js",
     "./datalist/register.js": "./datalist/register.js",
-    "./date": "./date/index.js",
-    "./date/register": "./date/register.js",
+    "./datalist/register": "./datalist/register.js",
     "./date/register.js": "./date/register.js",
-    "./divider": "./divider/index.js",
-    "./divider/register": "./divider/register.js",
+    "./date/register": "./date/register.js",
     "./divider/register.js": "./divider/register.js",
-    "./file": "./file/index.js",
-    "./file/register": "./file/register.js",
+    "./divider/register": "./divider/register.js",
     "./file/register.js": "./file/register.js",
-    "./forms": "./forms/index.js",
-    "./forms/register": "./forms/register.js",
+    "./file/register": "./file/register.js",
     "./forms/register.js": "./forms/register.js",
-    "./icon": "./icon/index.js",
-    "./icon/register": "./icon/register.js",
+    "./forms/register": "./forms/register.js",
     "./icon/register.js": "./icon/register.js",
-    "./input": "./input/index.js",
-    "./input/register": "./input/register.js",
+    "./icon/register": "./icon/register.js",
     "./input/register.js": "./input/register.js",
-    "./internal-components/close-button": "./internal-components/close-button/index.js",
-    "./internal-components/close-button/register": "./internal-components/close-button/register.js",
+    "./input/register": "./input/register.js",
     "./internal-components/close-button/register.js": "./internal-components/close-button/register.js",
-    "./internal-components/overlay": "./internal-components/overlay/index.js",
-    "./internal-components/overlay/register": "./internal-components/overlay/register.js",
+    "./internal-components/close-button/register": "./internal-components/close-button/register.js",
     "./internal-components/overlay/register.js": "./internal-components/overlay/register.js",
-    "./internal-components/panel": "./internal-components/panel/index.js",
-    "./internal-components/panel/register": "./internal-components/panel/register.js",
+    "./internal-components/overlay/register": "./internal-components/overlay/register.js",
     "./internal-components/panel/register.js": "./internal-components/panel/register.js",
-    "./internal-components/visual-checkbox": "./internal-components/visual-checkbox/index.js",
-    "./internal-components/visual-checkbox/register": "./internal-components/visual-checkbox/register.js",
+    "./internal-components/panel/register": "./internal-components/panel/register.js",
     "./internal-components/visual-checkbox/register.js": "./internal-components/visual-checkbox/register.js",
-    "./modal": "./modal/index.js",
-    "./modal/register": "./modal/register.js",
+    "./internal-components/visual-checkbox/register": "./internal-components/visual-checkbox/register.js",
     "./modal/register.js": "./modal/register.js",
-    "./navigation": "./navigation/index.js",
-    "./navigation/register": "./navigation/register.js",
+    "./modal/register": "./modal/register.js",
     "./navigation/register.js": "./navigation/register.js",
-    "./pagination": "./pagination/index.js",
-    "./pagination/register": "./pagination/register.js",
+    "./navigation/register": "./navigation/register.js",
     "./pagination/register.js": "./pagination/register.js",
-    "./password": "./password/index.js",
-    "./password/register": "./password/register.js",
+    "./pagination/register": "./pagination/register.js",
     "./password/register.js": "./password/register.js",
-    "./progress-circle": "./progress-circle/index.js",
-    "./progress-circle/register": "./progress-circle/register.js",
+    "./password/register": "./password/register.js",
     "./progress-circle/register.js": "./progress-circle/register.js",
-    "./radio": "./radio/index.js",
-    "./radio/register": "./radio/register.js",
+    "./progress-circle/register": "./progress-circle/register.js",
     "./radio/register.js": "./radio/register.js",
-    "./range": "./range/index.js",
-    "./range/register": "./range/register.js",
+    "./radio/register": "./radio/register.js",
     "./range/register.js": "./range/register.js",
-    "./search": "./search/index.js",
-    "./search/register": "./search/register.js",
+    "./range/register": "./range/register.js",
     "./search/register.js": "./search/register.js",
-    "./select": "./select/index.js",
-    "./select/register": "./select/register.js",
+    "./search/register": "./search/register.js",
     "./select/register.js": "./select/register.js",
-    "./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
-    "./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
+    "./select/register": "./select/register.js",
     "./selection-panels/checkbox/register.js": "./selection-panels/checkbox/register.js",
-    "./selection-panels/radio": "./selection-panels/radio/index.js",
-    "./selection-panels/radio/register": "./selection-panels/radio/register.js",
+    "./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
     "./selection-panels/radio/register.js": "./selection-panels/radio/register.js",
-    "./tag": "./tag/index.js",
-    "./tag/register": "./tag/register.js",
+    "./selection-panels/radio/register": "./selection-panels/radio/register.js",
     "./tag/register.js": "./tag/register.js",
-    "./textarea": "./textarea/index.js",
-    "./textarea/register": "./textarea/register.js",
-    "./textarea/register.js": "./textarea/register.js",
-    "./test-dropdown": "./test-dropdown/index.js",
-    "./test-dropdown/register": "./test-dropdown/register.js",
+    "./tag/register": "./tag/register.js",
     "./test-dropdown/register.js": "./test-dropdown/register.js",
-    "./time": "./time/index.js",
-    "./time/register": "./time/register.js",
+    "./test-dropdown/register": "./test-dropdown/register.js",
+    "./textarea/register.js": "./textarea/register.js",
+    "./textarea/register": "./textarea/register.js",
     "./time/register.js": "./time/register.js",
-    "./toggle": "./toggle/index.js",
-    "./toggle/register": "./toggle/register.js",
+    "./time/register": "./time/register.js",
     "./toggle/register.js": "./toggle/register.js",
-    "./tree-view": "./tree-view/index.js",
-    "./tree-view/register": "./tree-view/register.js",
+    "./toggle/register": "./toggle/register.js",
     "./tree-view/register.js": "./tree-view/register.js",
+    "./tree-view/register": "./tree-view/register.js",
     "./global.css": "./global.css",
     "./global.min.css": "./global.min.css",
-    "./styles/module.tokens.css": "./styles/module.tokens.css",
-    "./styles/module.tokens.min.css": "./styles/module.tokens.min.css",
     "./styles/module.layout.css": "./styles/module.layout.css",
     "./styles/module.layout.min.css": "./styles/module.layout.min.css",
     "./styles/module.reset.css": "./styles/module.reset.css",
@@ -215,6 +206,15 @@
     "./list/list.css": "./list/list.css",
     "./list/list.min.css": "./list/list.min.css",
     "./table/table.css": "./table/table.css",
-    "./table/table.min.css": "./table/table.min.css"
-  }
+    "./table/table.min.css": "./table/table.min.css",
+    "./icon/shapes/*": "./icon/shapes/*",
+    "./icon/icon.service.js": "./icon/icon.service.js",
+    "./tokens/tokens.js": "./tokens/tokens.js",
+    "./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
+    "./tokens/tokens.json": "./tokens/tokens.json",
+    "./tokens/tokens.scss": "./tokens/tokens.scss",
+    "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
+    "./tokens/tokens.android.xml": "./tokens/tokens.android.xml"
+  },
+  "version": "5.7.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","CdsBaseButton","[object Object]","super","connectedCallback","this","type","customContent","action","cdsIconDefault","html","styles","baseStyles","props","firstUpdated","validateAriaLabel","_a","notProductionEnvironment","cdsIcon","getAttribute","length","LogService","warn","__decorate","property","String","prototype","querySlot","assign","query"],"mappings":"+SAwCO,MAAMA,UAA4BC,EACrCC,oBACIC,MAAMC,oBACNC,KAAKC,KAAO,SAEhBC,oBACI,OAAQF,KAAKG,SAAWH,KAAKI,eAEjCP,SACI,OAAOQ,CAAK,iEACkDL,KAAKE,cAAgB,SAAW,kCAE1E,SAAhBF,KAAKG,OAAoBE,CAAK,wDAA0D,MACxE,SAAhBL,KAAKG,OAAoBE,CAAK,8DAAgE,MAC9E,SAAhBL,KAAKG,OAAoBE,CAAK,uDAAyD,MACvE,UAAhBL,KAAKG,OAAqBE,CAAK,gEAAkE,+BAMzGC,oBACI,MAAO,CAACC,EAAYD,GAExBT,aAAaW,GACTV,MAAMW,aAAaD,GACnBR,KAAKU,oBAETb,oBACI,IAAIc,EACAC,MACCZ,KAAKa,SAAWb,KAAKI,mBACuB,QAA1CO,EAAKX,KAAKc,aAAa,qBAAkC,IAAPH,OAAgB,EAASA,EAAGI,SACjFC,EAAWC,KAAK,2BAA4BjB,OAIxDkB,EAAW,CACPC,EAAS,CAAElB,KAAMmB,UAClBzB,EAAoB0B,UAAW,cAAU,GAC5CH,EAAW,CACPI,EAAU,WAAY,CAAEC,OAAQ,mBACjC5B,EAAoB0B,UAAW,eAAW,GAC7CH,EAAW,CACPM,EAAM,aACP7B,EAAoB0B,UAAW,sBAAkB"}
+{"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 { baseStyles, CdsBaseButton, LogService, notProductionEnvironment, property, querySlot, } from '@cds/core/internal';\nimport { html } from 'lit';\nimport { query } from 'lit/decorators/query.js';\nimport styles from './pagination-button.element.scss';\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 */\nexport class CdsPaginationButton extends CdsBaseButton {\n    connectedCallback() {\n        super.connectedCallback();\n        this.type = 'button';\n    }\n    get customContent() {\n        return !this.action && !this.cdsIconDefault;\n    }\n    render() {\n        return html `\n      <div class=\"private-host\" cds-layout=\"horizontal align:center ${this.customContent ? 'p-x:sm' : ''}\">\n        <slot name=\"cds-icon-slot\">\n          ${this.action === 'next' ? html `<cds-icon shape=\"angle\" direction=\"right\"></cds-icon>` : ''}\n          ${this.action === 'last' ? html `<cds-icon shape=\"step-forward-2\" direction=\"up\"></cds-icon>` : ''}\n          ${this.action === 'prev' ? html `<cds-icon shape=\"angle\" direction=\"left\"></cds-icon>` : ''}\n          ${this.action === 'first' ? html `<cds-icon shape=\"step-forward-2\" direction=\"down\"></cds-icon>` : ''}\n        </slot>\n        <slot></slot>\n      </div>\n    `;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    firstUpdated(props) {\n        super.firstUpdated(props);\n        this.validateAriaLabel();\n    }\n    validateAriaLabel() {\n        var _a;\n        if (notProductionEnvironment() &&\n            (this.cdsIcon || this.cdsIconDefault) &&\n            !((_a = this.getAttribute('aria-label')) === null || _a === void 0 ? void 0 : _a.length)) {\n            LogService.warn('An aria-label is missing', this);\n        }\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsPaginationButton.prototype, \"action\", void 0);\n__decorate([\n    querySlot('cds-icon', { assign: 'cds-icon-slot' })\n], CdsPaginationButton.prototype, \"cdsIcon\", void 0);\n__decorate([\n    query('cds-icon')\n], CdsPaginationButton.prototype, \"cdsIconDefault\", void 0);\n"],"names":["CdsPaginationButton","CdsBaseButton","connectedCallback","super","this","type","customContent","action","cdsIconDefault","render","html","styles","baseStyles","firstUpdated","props","validateAriaLabel","_a","notProductionEnvironment","cdsIcon","getAttribute","length","LogService","warn","__decorate","property","String","prototype","querySlot","assign","query"],"mappings":"+SAwCO,MAAMA,UAA4BC,EACrCC,oBACIC,MAAMD,oBACNE,KAAKC,KAAO,SAEZC,oBACA,OAAQF,KAAKG,SAAWH,KAAKI,eAEjCC,SACI,OAAOC,CAAK,iEACkDN,KAAKE,cAAgB,SAAW,kCAE1E,SAAhBF,KAAKG,OAAoBG,CAAK,wDAA0D,MACxE,SAAhBN,KAAKG,OAAoBG,CAAK,8DAAgE,MAC9E,SAAhBN,KAAKG,OAAoBG,CAAK,uDAAyD,MACvE,UAAhBN,KAAKG,OAAqBG,CAAK,gEAAkE,+BAM9FC,oBACP,MAAO,CAACC,EAAYD,GAExBE,aAAaC,GACTX,MAAMU,aAAaC,GACnBV,KAAKW,oBAETA,oBACI,IAAIC,EACAC,MACCb,KAAKc,SAAWd,KAAKI,mBACuB,QAA1CQ,EAAKZ,KAAKe,aAAa,qBAAkC,IAAPH,OAAgB,EAASA,EAAGI,SACjFC,EAAWC,KAAK,2BAA4BlB,OAIxDmB,EAAW,CACPC,EAAS,CAAEnB,KAAMoB,UAClBzB,EAAoB0B,UAAW,cAAU,GAC5CH,EAAW,CACPI,EAAU,WAAY,CAAEC,OAAQ,mBACjC5B,EAAoB0B,UAAW,eAAW,GAC7CH,EAAW,CACPM,EAAM,aACP7B,EAAoB0B,UAAW,sBAAkB"}

package/pagination/pagination-button.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var r=o`:host{--background:none;--padding:0;--border-color:var(--color);--border-width:0;--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 0 var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2)) inset;--min-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--min-width:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));color:var(--color)}.private-host{--icon-color:var(--color);color:var(--color);background:var(--background);min-width:var(--min-width);min-height:var(--min-height);border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);font-size:var(--font-size)}:host(:active) .private-host{box-shadow:var(--box-shadow)}:host(:active) .private-host,:host(:focus) .private-host,:host(:hover) .private-host{filter:brightness(90%)}cds-icon{--color:var(--icon-color)}:host([disabled]){--background:none;--box-shadow:none;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc));pointer-events:none!important}:host([disabled]) .private-host{--icon-color:var(--color);filter:none!important;background:var(--background);color:var(--color)}`;export default r;
+import{css as o}from"lit";var r=o`:host{--background:none;--padding:0;--border-color:var(--color);--border-width:0;--border-radius:var(--cds-alias-object-border-radius-100, calc(4 / var(--cds-global-base, 20) * 1rem));--box-shadow:0 var(--cds-global-space-2, calc(2 / var(--cds-global-base, 20) * 1rem)) 0 0 var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2)) inset;--min-height:var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem));--min-width:var(--cds-global-space-9, calc(24 / var(--cds-global-base, 20) * 1rem));color:var(--color)}.private-host{--icon-color:var(--color);color:var(--color);background:var(--background);min-width:var(--min-width);min-height:var(--min-height);border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);font-size:var(--font-size)}:host(:active) .private-host{box-shadow:var(--box-shadow)}:host(:active) .private-host,:host(:focus) .private-host,:host(:hover) .private-host{filter:brightness(90%)}cds-icon{--color:var(--icon-color)}:host([disabled]){--background:none;--box-shadow:none;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc));pointer-events:none!important}:host([disabled]) .private-host{--icon-color:var(--color);filter:none!important;background:var(--background);color:var(--color)}`;export{r as default};
 //# sourceMappingURL=pagination-button.element.scss.js.map

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

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

package/pagination/pagination.element.d.ts

@@ -24,7 +24,7 @@ import { LitElement, PropertyValues } from 'lit';
  * @cssprop --font-size
  */
 export declare class CdsPagination extends LitElement {
-    protected globalStyles: import("lit").CSSResultGroup;
+    protected globalStyles: import("lit").CSSResult;
     private numberInput;
     render(): import("lit-html").TemplateResult<1>;
     static get styles(): import("lit").CSSResultGroup[];

package/pagination/pagination.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{baseStyles as i,notProductionEnvironment as s,LogService as e,globalStyle as r,querySlot as o}from"@cds/core/internal";import{LitElement as n,css as a,html as l}from"lit";import{cache as p}from"lit/directives/cache.js";import u from"./pagination.element.scss.js";class d extends n{constructor(){super(...arguments),this.globalStyles=a`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=l`<slot></slot>`,i=l`<div cds-layout="horizontal gap:md align:center"><slot></slot></div>`;return l`${p(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[i,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){var t;s()&&!(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)&&e.warn("An aria-label is missing",this)}}t([r()],d.prototype,"globalStyles",void 0),t([o("cds-input[cds-pagination-number]")],d.prototype,"numberInput",void 0);export{d as CdsPagination};
+import{__decorate as t}from"tslib";import{baseStyles as i,notProductionEnvironment as s,LogService as e,globalStyle as r,querySlot as o}from"@cds/core/internal";import{LitElement as n,css as a,html as l}from"lit";import{cache as p}from"lit/directives/cache.js";import u from"./pagination.element.scss.js";class d extends n{constructor(){super(...arguments);this.globalStyles=a`[cds-pagination-number]>cds-control-message{--min-width:initial}`}render(){const t=l`<slot></slot>`,i=l`<div cds-layout="horizontal gap:md align:center"><slot></slot></div>`;return l`${p(this.hasAttribute("cds-layout")?t:i)}`}static get styles(){return[i,u]}firstUpdated(t){super.firstUpdated(t),this.setupNumberInput(),this.validateAriaLabel()}setupNumberInput(){this.numberInput&&(this.numberInput.controlWidth="shrink",this.numberInput.layout="compact")}validateAriaLabel(){var t;s()&&!(null===(t=this.getAttribute("aria-label"))||void 0===t?void 0:t.length)&&e.warn("An aria-label is missing",this)}}t([r()],d.prototype,"globalStyles",void 0),t([o("cds-input[cds-pagination-number]")],d.prototype,"numberInput",void 0);export{d 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","arguments","this","globalStyles","css","userLayout","html","defaultLayout","cache","hasAttribute","styles","baseStyles","props","firstUpdated","setupNumberInput","validateAriaLabel","numberInput","controlWidth","layout","_a","notProductionEnvironment","getAttribute","length","LogService","warn","__decorate","globalStyle","prototype","querySlot"],"mappings":"iTAkCO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,aAAeC,CAAI,mEAM5BL,SACI,MAAMM,EAAaC,CAAK,gBAClBC,EAAgBD,CAAK,uEAC3B,OAAOA,CAAK,GAAGE,EAAMN,KAAKO,aAAa,cAAgBJ,EAAaE,KAExEG,oBACI,MAAO,CAACC,EAAYD,GAExBX,aAAaa,GACTZ,MAAMa,aAAaD,GACnBV,KAAKY,mBACLZ,KAAKa,oBAEThB,mBACQG,KAAKc,cACLd,KAAKc,YAAYC,aAAe,SAChCf,KAAKc,YAAYE,OAAS,WAGlCnB,oBACI,IAAIoB,EACAC,OAA2E,QAA1CD,EAAKjB,KAAKmB,aAAa,qBAAkC,IAAPF,OAAgB,EAASA,EAAGG,SAC/GC,EAAWC,KAAK,2BAA4BtB,OAIxDuB,EAAW,CACPC,KACD7B,EAAc8B,UAAW,oBAAgB,GAC5CF,EAAW,CACPG,EAAU,qCACX/B,EAAc8B,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 { baseStyles, globalStyle, LogService, notProductionEnvironment, querySlot } from '@cds/core/internal';\nimport { css, html, LitElement } from 'lit';\nimport { cache } from 'lit/directives/cache.js';\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:md align:center\"><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        var _a;\n        if (notProductionEnvironment() && !((_a = this.getAttribute('aria-label')) === null || _a === void 0 ? void 0 : _a.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","_a","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,uEAC3B,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,oBACI,IAAII,EACAC,OAA2E,QAA1CD,EAAKlB,KAAKoB,aAAa,qBAAkC,IAAPF,OAAgB,EAASA,EAAGG,SAC/GC,EAAWC,KAAK,2BAA4BvB,OAIxDwB,EAAW,CACPC,KACD7B,EAAc8B,UAAW,oBAAgB,GAC5CF,EAAW,CACPG,EAAU,qCACX/B,EAAc8B,UAAW,mBAAe"}

package/pagination/pagination.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-4, calc((14 / var(--cds-global-base, 20)) * 1rem));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-4, calc((14 / var(--cds-global-base, 20)) * 1rem));--text-align:center}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export default o;
+import{css as a}from"lit";var o=a`:host{--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-font-size-4, calc(14 / var(--cds-global-base, 20) * 1rem));color:var(--color);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-4, calc(14 / var(--cds-global-base, 20) * 1rem));--text-align:center}::slotted([cds-control]){--min-width:initial;--label-width:0;--control-width:initial;width:auto}`;export{o 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":"weAcAA,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 { 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":"weAcAA,EAAsB,iBAAkBC,GACxCD,EAAsB,wBAAyBE,GAC/CC,EAAaC,SAASC,GACtBF,EAAaC,SAASE"}

package/password/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/password/password.element.js

@@ -1,2 +1,2 @@
-import{__decorate as s}from"tslib";import{html as o}from"lit";import{I18nService as t,state as i,i18n as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as a}from"@cds/core/icon/icon.service.js";import{eyeIcon as d}from"@cds/core/icon/shapes/eye.js";import{eyeHideIcon as n}from"@cds/core/icon/shapes/eye-hide.js";class h extends e{constructor(){super(),this.showPassword=!1,this.i18n=t.keys.password,a.addIcons(d,n)}get suffixDefaultTemplate(){return o`<cds-control-action @click="${()=>this.togglePasswordVisibility()}" .ariaLabel="${this.showPassword?this.i18n.hideButtonAriaLabel:this.i18n.showButtonAriaLabel}"><cds-icon shape="${this.showPassword?"eye-hide":"eye"}"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c]}togglePasswordVisibility(){this.showPassword=!this.showPassword,this.inputControl.type=this.showPassword?"text":"password",this.inputControl.focus()}}s([i()],h.prototype,"showPassword",void 0),s([r()],h.prototype,"i18n",void 0);export{h as CdsPassword};
+import{__decorate as s}from"tslib";import{html as o}from"lit";import{I18nService as t,state as i,i18n as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as a}from"@cds/core/icon/icon.service.js";import{eyeIcon as d}from"@cds/core/icon/shapes/eye.js";import{eyeHideIcon as n}from"@cds/core/icon/shapes/eye-hide.js";class h extends e{constructor(){super();this.showPassword=!1,this.i18n=t.keys.password,a.addIcons(d,n)}get suffixDefaultTemplate(){return o`<cds-control-action @click="${()=>this.togglePasswordVisibility()}" .ariaLabel="${this.showPassword?this.i18n.hideButtonAriaLabel:this.i18n.showButtonAriaLabel}"><cds-icon shape="${this.showPassword?"eye-hide":"eye"}"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c]}togglePasswordVisibility(){this.showPassword=!this.showPassword,this.inputControl.type=this.showPassword?"text":"password",this.inputControl.focus()}}s([i()],h.prototype,"showPassword",void 0),s([r()],h.prototype,"i18n",void 0);export{h as CdsPassword};
 //# sourceMappingURL=password.element.js.map

package/password/password.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"password.element.js","sources":["../../../src/password/password.element.ts"],"sourcesContent":null,"names":["CdsPassword","CdsControl","[object Object]","super","this","showPassword","i18n","I18nService","keys","password","ClarityIcons","addIcons","eyeIcon","eyeHideIcon","suffixDefaultTemplate","html","togglePasswordVisibility","hideButtonAriaLabel","showButtonAriaLabel","styles","inputStyles","inputControl","type","focus","__decorate","state","prototype"],"mappings":"oZA0CO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,cAAe,EACpBD,KAAKE,KAAOC,EAAYC,KAAKC,SAC7BC,EAAaC,SAASC,EAASC,GAEnCC,4BACI,OAAOC,CAAK,+BAEH,IAAMX,KAAKY,2CACPZ,KAAKC,aAAeD,KAAKE,KAAKW,oBAAsBb,KAAKE,KAAKY,yCAExDd,KAAKC,aAAe,WAAa,0CAIxDc,oBACI,MAAO,IAAIhB,MAAMgB,OAAQC,GAE7BlB,2BACIE,KAAKC,cAAgBD,KAAKC,aAC1BD,KAAKiB,aAAaC,KAAOlB,KAAKC,aAAe,OAAS,WACtDD,KAAKiB,aAAaE,SAG1BC,EAAW,CACPC,KACDzB,EAAY0B,UAAW,oBAAgB,GAC1CF,EAAW,CACPlB,KACDN,EAAY0B,UAAW,YAAQ"}
+{"version":3,"file":"password.element.js","sources":["../../../src/password/password.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 { state, i18n, I18nService } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { inputStyles } from '@cds/core/input';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { eyeIcon } from '@cds/core/icon/shapes/eye.js';\nimport { eyeHideIcon } from '@cds/core/icon/shapes/eye-hide.js';\n/**\n * Password\n *\n * ```typescript\n * import '@cds/core/password/register.js';\n * ```\n *\n * ```html\n * <cds-password>\n *   <label>Password</label>\n *   <input type=\"password\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-password>\n * ```\n *\n * @element cds-password\n * @slot - For projecting password input and label\n * @cssprop --background\n * @cssprop --background-size\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --outline\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --line-height\n * @cssprop --transition\n */\nexport class CdsPassword extends CdsControl {\n    constructor() {\n        super();\n        this.showPassword = false;\n        this.i18n = I18nService.keys.password;\n        ClarityIcons.addIcons(eyeIcon, eyeHideIcon);\n    }\n    get suffixDefaultTemplate() {\n        return html `\n      <cds-control-action\n        @click=${() => this.togglePasswordVisibility()}\n        .ariaLabel=${this.showPassword ? this.i18n.hideButtonAriaLabel : this.i18n.showButtonAriaLabel}\n      >\n        <cds-icon shape=\"${this.showPassword ? 'eye-hide' : 'eye'}\"></cds-icon>\n      </cds-control-action>\n    `;\n    }\n    static get styles() {\n        return [...super.styles, inputStyles];\n    }\n    togglePasswordVisibility() {\n        this.showPassword = !this.showPassword;\n        this.inputControl.type = this.showPassword ? 'text' : 'password';\n        this.inputControl.focus();\n    }\n}\n__decorate([\n    state()\n], CdsPassword.prototype, \"showPassword\", void 0);\n__decorate([\n    i18n()\n], CdsPassword.prototype, \"i18n\", void 0);\n"],"names":["CdsPassword","CdsControl","constructor","super","this","showPassword","i18n","I18nService","keys","password","ClarityIcons","addIcons","eyeIcon","eyeHideIcon","suffixDefaultTemplate","html","togglePasswordVisibility","hideButtonAriaLabel","showButtonAriaLabel","styles","inputStyles","inputControl","type","focus","__decorate","state","prototype"],"mappings":"oZAyCO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,cAAe,EACpBD,KAAKE,KAAOC,EAAYC,KAAKC,SAC7BC,EAAaC,SAASC,EAASC,GAE/BC,4BACA,OAAOC,CAAK,+BAEH,IAAMX,KAAKY,2CACPZ,KAAKC,aAAeD,KAAKE,KAAKW,oBAAsBb,KAAKE,KAAKY,yCAExDd,KAAKC,aAAe,WAAa,0CAI7Cc,oBACP,MAAO,IAAIhB,MAAMgB,OAAQC,GAE7BJ,2BACIZ,KAAKC,cAAgBD,KAAKC,aAC1BD,KAAKiB,aAAaC,KAAOlB,KAAKC,aAAe,OAAS,WACtDD,KAAKiB,aAAaE,SAG1BC,EAAW,CACPC,KACDzB,EAAY0B,UAAW,oBAAgB,GAC1CF,EAAW,CACPlB,KACDN,EAAY0B,UAAW,YAAQ"}

package/password/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/password/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsPassword"],"mappings":"sLASAA,EAAsB,eAAgBC"}
+{"version":3,"file":"register.js","sources":["../../../src/password/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsPassword } from './password.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/icon/register.js';\nregisterElementSafely('cds-password', CdsPassword);\n"],"names":["registerElementSafely","CdsPassword"],"mappings":"sLASAA,EAAsB,eAAgBC"}

package/polyfills/aria-reflect.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria-reflect.js","sources":["../../../src/polyfills/aria-reflect.ts"],"sourcesContent":null,"names":["roleRegistered","ariaRegistered","reflect","element","attributeName","propertyName","Object","defineProperty","configurable","enumerable","get","this","hasAttribute","getAttribute","set","value","setAttribute","removeAttribute","Element","prototype","hasOwnProperty","forEach","name","toLowerCase"],"mappings":"AAKA,IAAIA,GAAiB,EACjBC,GAAiB,EA2Dd,SAASC,EAAQC,EAASC,EAAeC,GAC5CC,OAAOC,eAAeJ,EAASE,EAAc,CACzCG,cAAc,EACdC,YAAY,EACZC,IAAK,WACD,OAAOC,KAAKC,aAAaR,GAAiBO,KAAKE,aAAaT,GAAiB,MAEjFU,IAAK,SAAUC,GACG,OAAVA,EACAJ,KAAKK,aAAaZ,EAAeW,GAGjCJ,KAAKM,gBAAgBb,MArEhCJ,GAAmBkB,QAAQC,UAAUC,eAAe,UACrDlB,EAAQgB,QAAQC,UAAW,OAAQ,QACnCnB,GAAiB,GAIhBC,GAAmBiB,QAAQC,UAAUC,eAAe,eACrDnB,GAAiB,EACjB,CACI,mBACA,SACA,eACA,OACA,UACA,WACA,WACA,UACA,WACA,UACA,cACA,UACA,WACA,eACA,WACA,SACA,WACA,SACA,UACA,eACA,QACA,aACA,QACA,OACA,QACA,YACA,kBACA,cACA,OACA,cACA,WACA,UACA,WACA,WACA,WACA,kBACA,WACA,WACA,UACA,WACA,UACA,OACA,WACA,WACA,WACA,aACFoB,SAAQC,GAAQpB,EAAQgB,QAAQC,UAAW,QAAQG,EAAKC,cAAiB,OAAOD"}
+{"version":3,"file":"aria-reflect.js","sources":["../../../src/polyfills/aria-reflect.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 */\nlet roleRegistered = false;\nlet ariaRegistered = false;\n// eslint-disable-next-line\nif (!roleRegistered && !Element.prototype.hasOwnProperty('role')) {\n    reflect(Element.prototype, 'role', 'role');\n    roleRegistered = true;\n}\n// https://www.w3.org/TR/wai-aria-1.0/states_and_properties\n// eslint-disable-next-line\nif (!ariaRegistered && !Element.prototype.hasOwnProperty('ariaLabel')) {\n    ariaRegistered = true;\n    [\n        'ActiveDescendant',\n        'Atomic',\n        'AutoComplete',\n        'Busy',\n        'Checked',\n        'ColCount',\n        'ColIndex',\n        'ColSpan',\n        'Controls',\n        'Current',\n        'DescribedBy',\n        'Details',\n        'Disabled',\n        'ErrorMessage',\n        'Expanded',\n        'FlowTo',\n        'HasPopup',\n        'Hidden',\n        'Invalid',\n        'KeyShortcuts',\n        'Label',\n        'LabelledBy',\n        'Level',\n        'Live',\n        'Modal',\n        'MultiLine',\n        'MultiSelectable',\n        'Orientation',\n        'Owns',\n        'Placeholder',\n        'PosInSet',\n        'Pressed',\n        'ReadOnly',\n        'Relevant',\n        'Required',\n        'RoleDescription',\n        'RowCount',\n        'RowIndex',\n        'RowSpan',\n        'Selected',\n        'SetSize',\n        'Sort',\n        'ValueMax',\n        'ValueMin',\n        'ValueNow',\n        'ValueText',\n    ].forEach(name => reflect(Element.prototype, `aria-${name.toLowerCase()}`, `aria${name}`));\n}\nexport function reflect(element, attributeName, propertyName) {\n    Object.defineProperty(element, propertyName, {\n        configurable: true,\n        enumerable: true,\n        get: function () {\n            return this.hasAttribute(attributeName) ? this.getAttribute(attributeName) : null;\n        },\n        set: function (value) {\n            if (value !== null) {\n                this.setAttribute(attributeName, value);\n            }\n            else {\n                this.removeAttribute(attributeName);\n            }\n        },\n    });\n}\n"],"names":["roleRegistered","ariaRegistered","reflect","element","attributeName","propertyName","Object","defineProperty","configurable","enumerable","get","this","hasAttribute","getAttribute","set","value","setAttribute","removeAttribute","Element","prototype","hasOwnProperty","forEach","name","toLowerCase"],"mappings":"AAKA,IAAIA,GAAiB,EACjBC,GAAiB,EA2Dd,SAASC,EAAQC,EAASC,EAAeC,GAC5CC,OAAOC,eAAeJ,EAASE,EAAc,CACzCG,cAAc,EACdC,YAAY,EACZC,IAAK,WACD,OAAOC,KAAKC,aAAaR,GAAiBO,KAAKE,aAAaT,GAAiB,MAEjFU,IAAK,SAAUC,GACG,OAAVA,EACAJ,KAAKK,aAAaZ,EAAeW,GAGjCJ,KAAKM,gBAAgBb,MArEhCJ,GAAmBkB,QAAQC,UAAUC,eAAe,UACrDlB,EAAQgB,QAAQC,UAAW,OAAQ,QACnCnB,GAAiB,GAIhBC,GAAmBiB,QAAQC,UAAUC,eAAe,eACrDnB,GAAiB,EACjB,CACI,mBACA,SACA,eACA,OACA,UACA,WACA,WACA,UACA,WACA,UACA,cACA,UACA,WACA,eACA,WACA,SACA,WACA,SACA,UACA,eACA,QACA,aACA,QACA,OACA,QACA,YACA,kBACA,cACA,OACA,cACA,WACA,UACA,WACA,WACA,WACA,kBACA,WACA,WACA,UACA,WACA,UACA,OACA,WACA,WACA,WACA,aACFoB,SAAQC,GAAQpB,EAAQgB,QAAQC,UAAW,QAAQG,EAAKC,cAAiB,OAAOD"}

package/polyfills/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/progress-circle/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/progress-circle/progress-circle.element.js

@@ -1,2 +1,2 @@
-import{__decorate as s}from"tslib";import{I18nService as t,hasStringPropertyChanged as e,updateEquilateralSizeStyles as i,isNilOrEmpty as r,setAttributes as a,listenForAttributeChange as o,baseStyles as l,property as h,i18n as n}from"@cds/core/internal";import{LitElement as p,html as u}from"lit";import c from"ramda/es/isNil.js";import d from"./progress-circle.element.scss.js";import{getProgressCircleRadius as b,getAriaLabelOrDefault as g,getDefaultAriaLabel as v,getProgressCircleAriaAttributes as f}from"./progress-circle.utils.js";class m extends p{constructor(){super(...arguments),this.status="neutral",this.inverse=!1,this.line=3,this.i18n=t.keys.progress,this.observers=[]}get radius(){return b(this.line)}get circumference(){return 2*Math.PI*this.radius}get progress(){return c(this.value)?30:this.value}get progressOffset(){return(100-this.progress)/100*this.circumference}get size(){return this._size}set size(s){if(e(s,this._size)){const t=this._size;this._size=s,i(this,s),this.requestUpdate("size",t)}}get ariaLabel(){return g(this._ariaLabel,this.value,this.i18n.loading,this.i18n.looping)}set ariaLabel(s){if(e(s,this._ariaLabel)){const t=this._ariaLabel;this._ariaLabel=s,this.requestUpdate("ariaLabel",t)}}setAriaAttributes(s){const t=this.value;let e;e=r(s)?r(t)||this.ariaLabel!==this.i18n.looping?this.ariaLabel:v(t,this.i18n.loading,this.i18n.looping):g(this._ariaLabel,t,this.i18n.loading,this.i18n.looping,s);const i=f(t,e);a(this,...i)}connectedCallback(){super.connectedCallback(),this.setAriaAttributes()}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((s=>s.disconnect()))}firstUpdated(s){super.firstUpdated(s),this.observers.push(o(this,"cds-i18n",(()=>{const s=this.ariaLabel;this.ariaLabel="",this.requestUpdate("ariaLabel",s)})))}updated(s){super.updated(s),s.has("value")?this.setAriaAttributes(s.get("value")):s.has("ariaLabel")?this.setAriaAttributes():s.has("ariaLabelTemplate")&&(this._ariaLabel=null,this.setAriaAttributes(this.value))}render(){return u`<div class="private-host" aria-hidden="true"><div class="progress-wrapper"><svg version="1.1" viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false"><circle stroke-width="${this.line}" fill="none" cx="18" cy="18" r="${this.radius}" class="${this.progress>99?"arcstroke":"backstroke"}"/><path d="M 18 18 m 0,-${this.radius} a ${this.radius},${this.radius} 0 1 1 0,${2*this.radius} a ${this.radius},${this.radius} 0 1 1 0,-${2*this.radius}" class="fillstroke arcstroke" stroke-width="${this.line}" stroke-dasharray="${this.circumference}" stroke-dashoffset="${this.progressOffset}" fill="none"/></svg></div></div>`}static get styles(){return[l,d]}}s([h({type:String})],m.prototype,"status",void 0),s([h({type:Boolean})],m.prototype,"inverse",void 0),s([h({type:Number})],m.prototype,"value",void 0),s([h({type:Number})],m.prototype,"line",void 0),s([h({type:String})],m.prototype,"size",null),s([h({type:String})],m.prototype,"ariaLabel",null),s([n()],m.prototype,"i18n",void 0);export{m as CdsProgressCircle};
+import{__decorate as s}from"tslib";import{I18nService as t,hasStringPropertyChanged as e,updateEquilateralSizeStyles as i,isNilOrEmpty as r,setAttributes as a,listenForAttributeChange as o,baseStyles as l,property as h,i18n as n}from"@cds/core/internal";import{LitElement as p,html as u}from"lit";import c from"ramda/es/isNil.js";import d from"./progress-circle.element.scss.js";import{getProgressCircleRadius as b,getAriaLabelOrDefault as g,getDefaultAriaLabel as v,getProgressCircleAriaAttributes as f}from"./progress-circle.utils.js";class m extends p{constructor(){super(...arguments);this.status="neutral",this.inverse=!1,this.line=3,this.i18n=t.keys.progress,this.observers=[]}get radius(){return b(this.line)}get circumference(){return 2*Math.PI*this.radius}get progress(){return c(this.value)?30:this.value}get progressOffset(){return(100-this.progress)/100*this.circumference}get size(){return this._size}set size(s){if(e(s,this._size)){const t=this._size;this._size=s,i(this,s),this.requestUpdate("size",t)}}get ariaLabel(){return g(this._ariaLabel,this.value,this.i18n.loading,this.i18n.looping)}set ariaLabel(s){if(e(s,this._ariaLabel)){const t=this._ariaLabel;this._ariaLabel=s,this.requestUpdate("ariaLabel",t)}}setAriaAttributes(s){const t=this.value;let e;e=r(s)?r(t)||this.ariaLabel!==this.i18n.looping?this.ariaLabel:v(t,this.i18n.loading,this.i18n.looping):g(this._ariaLabel,t,this.i18n.loading,this.i18n.looping,s);const i=f(t,e);a(this,...i)}connectedCallback(){super.connectedCallback(),this.setAriaAttributes()}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((s=>s.disconnect()))}firstUpdated(s){super.firstUpdated(s),this.observers.push(o(this,"cds-i18n",(()=>{const s=this.ariaLabel;this.ariaLabel="",this.requestUpdate("ariaLabel",s)})))}updated(s){super.updated(s),s.has("value")?this.setAriaAttributes(s.get("value")):s.has("ariaLabel")?this.setAriaAttributes():s.has("ariaLabelTemplate")&&(this._ariaLabel=null,this.setAriaAttributes(this.value))}render(){return u`<div class="private-host" aria-hidden="true"><div class="progress-wrapper"><svg version="1.1" viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false"><circle stroke-width="${this.line}" fill="none" cx="18" cy="18" r="${this.radius}" class="${this.progress>99?"arcstroke":"backstroke"}"/><path d="M 18 18 m 0,-${this.radius} a ${this.radius},${this.radius} 0 1 1 0,${2*this.radius} a ${this.radius},${this.radius} 0 1 1 0,-${2*this.radius}" class="fillstroke arcstroke" stroke-width="${this.line}" stroke-dasharray="${this.circumference}" stroke-dashoffset="${this.progressOffset}" fill="none"/></svg></div></div>`}static get styles(){return[l,d]}}s([h({type:String})],m.prototype,"status",void 0),s([h({type:Boolean})],m.prototype,"inverse",void 0),s([h({type:Number})],m.prototype,"value",void 0),s([h({type:Number})],m.prototype,"line",void 0),s([h({type:String})],m.prototype,"size",null),s([h({type:String})],m.prototype,"ariaLabel",null),s([n()],m.prototype,"i18n",void 0);export{m as CdsProgressCircle};
 //# sourceMappingURL=progress-circle.element.js.map