@cds/core 5.5.7 → 6.0.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion-content.element.scss.js +1 -1
- package/accordion/accordion-header.element.scss.js +1 -1
- package/accordion/accordion-panel.element.js +1 -1
- package/accordion/accordion-panel.element.js.map +1 -1
- package/accordion/accordion-panel.element.scss.js +1 -1
- package/alert/alert-group.element.d.ts +4 -7
- package/alert/alert-group.element.js +1 -1
- package/alert/alert-group.element.js.map +1 -1
- package/alert/alert-group.element.scss.js +1 -1
- package/alert/alert.element.d.ts +2 -2
- package/alert/alert.element.scss.js +1 -1
- package/badge/badge.element.d.ts +1 -1
- package/badge/badge.element.scss.js +1 -1
- package/breadcrumb/breadcrumb.element.d.ts +1 -1
- package/breadcrumb/breadcrumb.element.js +1 -1
- package/breadcrumb/breadcrumb.element.js.map +1 -1
- package/button/button.element.d.ts +1 -1
- package/button/button.element.js +1 -1
- package/button/button.element.js.map +1 -1
- package/button/button.element.scss.js +1 -1
- package/button/icon-button.element.d.ts +1 -1
- package/button/icon-button.element.js +1 -1
- package/button/icon-button.element.js.map +1 -1
- package/button/inline-button.element.scss.js +1 -1
- package/card/card.element.js +1 -1
- package/card/card.element.js.map +1 -1
- package/card/card.element.scss.js +1 -1
- package/checkbox/checkbox.element.scss.js +1 -1
- package/custom-elements.json +31473 -67510
- package/custom-elements.legacy.json +814 -120
- package/divider/divider.element.scss.js +1 -1
- package/dropdown/dropdown.element.d.ts +39 -0
- package/dropdown/dropdown.element.js +2 -0
- package/dropdown/dropdown.element.js.map +1 -0
- package/dropdown/index.d.ts +1 -0
- package/dropdown/index.js +2 -0
- package/{internal/interfaces → dropdown}/index.js.map +0 -0
- package/dropdown/register.d.ts +6 -0
- package/dropdown/register.js +2 -0
- package/dropdown/register.js.map +1 -0
- package/forms/control/control.element.d.ts +6 -4
- package/forms/control/control.element.js +2 -2
- package/forms/control/control.element.js.map +1 -1
- package/forms/control/control.element.scss.js +1 -1
- package/forms/control-action/control-action.element.scss.js +1 -1
- package/forms/control-group/control-group.element.d.ts +3 -2
- package/forms/control-group/control-group.element.js +1 -1
- package/forms/control-group/control-group.element.js.map +1 -1
- package/forms/control-group/control-group.element.scss.js +1 -1
- package/forms/control-inline/control-inline.element.d.ts +1 -0
- package/forms/control-inline/control-inline.element.js +1 -1
- package/forms/control-inline/control-inline.element.js.map +1 -1
- package/forms/control-inline/control-inline.element.scss.js +1 -1
- package/forms/control-label/control-label.element.scss.js +1 -1
- package/forms/control-message/control-message.element.d.ts +1 -1
- package/forms/control-message/control-message.element.scss.js +1 -1
- package/forms/form-group/form-group.element.d.ts +2 -2
- package/forms/form-group/form-group.element.js +1 -1
- package/forms/utils/{index.d.ts → utils.d.ts} +2 -1
- package/forms/utils/utils.js +2 -0
- package/forms/utils/utils.js.map +1 -0
- package/global.css +8 -3
- package/global.min.css +1 -1
- package/icon/icon.element.d.ts +5 -5
- package/icon/icon.element.scss.js +1 -1
- package/icon/utils/icon.classnames.d.ts +1 -0
- package/icon/utils/icon.classnames.js +1 -1
- package/icon/utils/icon.classnames.js.map +1 -1
- package/index.d.ts +2 -1
- package/index.js +1 -1
- package/input/input.element.scss.js +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/base/button.base.d.ts +3 -2
- package/internal/base/button.base.js +1 -1
- package/internal/base/button.base.js.map +1 -1
- package/internal/base/focus-trap.base.d.ts +9 -11
- package/internal/base/focus-trap.base.js +1 -1
- package/internal/base/focus-trap.base.js.map +1 -1
- package/internal/controllers/aria-popup-trigger.controller.d.ts +6 -0
- package/internal/controllers/aria-popup-trigger.controller.js +2 -0
- package/internal/controllers/aria-popup-trigger.controller.js.map +1 -0
- package/internal/controllers/aria-popup.controller.d.ts +10 -0
- package/internal/controllers/aria-popup.controller.js +2 -0
- package/internal/controllers/aria-popup.controller.js.map +1 -0
- package/internal/controllers/closable.controller.d.ts +29 -0
- package/internal/controllers/closable.controller.js +2 -0
- package/internal/controllers/closable.controller.js.map +1 -0
- package/internal/controllers/first-focus.controller.d.ts +13 -0
- package/internal/controllers/first-focus.controller.js +2 -0
- package/internal/controllers/first-focus.controller.js.map +1 -0
- package/internal/controllers/inline-focus-trap.controller.d.ts +16 -0
- package/internal/controllers/inline-focus-trap.controller.js +2 -0
- package/internal/controllers/inline-focus-trap.controller.js.map +1 -0
- package/internal/controllers/utils/first-focus.controller.utils.d.ts +3 -0
- package/internal/controllers/utils/first-focus.controller.utils.js +2 -0
- package/internal/controllers/utils/first-focus.controller.utils.js.map +1 -0
- package/internal/decorators/animate.js.map +1 -1
- package/internal/decorators/element.d.ts +1 -1
- package/internal/decorators/element.js +2 -0
- package/internal/decorators/element.js.map +1 -0
- package/internal/decorators/id.d.ts +1 -1
- package/internal/decorators/query-slot.d.ts +2 -2
- package/internal/index.d.ts +17 -2
- package/internal/index.js +1 -1
- package/internal/index.js.map +1 -1
- package/internal/interfaces/{index.d.ts → interfaces.d.ts} +0 -0
- package/internal/interfaces/interfaces.js +2 -0
- package/internal/interfaces/interfaces.js.map +1 -0
- package/internal/motion/animations/cds-dropdown-open.d.ts +3 -0
- package/internal/motion/animations/cds-dropdown-open.js +2 -0
- package/internal/motion/animations/cds-dropdown-open.js.map +1 -0
- package/internal/motion/animations/cds-modal-enter.js +1 -1
- package/internal/motion/animations/cds-modal-enter.js.map +1 -1
- package/internal/motion/interfaces.d.ts +1 -1
- package/internal/motion/utils.d.ts +3 -3
- package/internal/motion/utils.js +1 -1
- package/internal/motion/utils.js.map +1 -1
- package/internal/positioning/interfaces.d.ts +61 -0
- package/internal/positioning/interfaces.js +2 -0
- package/internal/positioning/interfaces.js.map +1 -0
- package/internal/positioning/utils.d.ts +26 -0
- package/internal/positioning/utils.js +2 -0
- package/internal/positioning/utils.js.map +1 -0
- package/internal/services/focus-trap-tracker.service.d.ts +3 -0
- package/internal/services/focus-trap-tracker.service.js +1 -1
- package/internal/services/focus-trap-tracker.service.js.map +1 -1
- package/internal/services/global.service.d.ts +1 -1
- package/internal/services/i18n.service.d.ts +28 -0
- package/internal/services/i18n.service.js +1 -1
- package/internal/services/i18n.service.js.map +1 -1
- package/internal/utils/array.d.ts +7 -4
- package/internal/utils/array.js +1 -1
- package/internal/utils/array.js.map +1 -1
- package/internal/utils/color.d.ts +2 -0
- package/internal/utils/color.js +2 -0
- package/internal/utils/color.js.map +1 -0
- package/internal/utils/conditional.d.ts +4 -1
- package/internal/utils/conditional.js +1 -1
- package/internal/utils/conditional.js.map +1 -1
- package/internal/utils/css.d.ts +2 -0
- package/internal/utils/css.js +1 -1
- package/internal/utils/css.js.map +1 -1
- package/internal/utils/dom.d.ts +17 -2
- package/internal/utils/dom.js +1 -1
- package/internal/utils/dom.js.map +1 -1
- package/internal/utils/enum.d.ts +1 -0
- package/internal/utils/enum.js +2 -0
- package/internal/utils/enum.js.map +1 -0
- package/internal/utils/events.d.ts +4 -0
- package/internal/utils/events.js +1 -1
- package/internal/utils/events.js.map +1 -1
- package/internal/utils/exists.d.ts +1 -3
- package/internal/utils/exists.js.map +1 -1
- package/internal/utils/focus-trap.d.ts +30 -1
- package/internal/utils/focus-trap.js +1 -1
- package/internal/utils/focus-trap.js.map +1 -1
- package/internal/utils/global.d.ts +3 -3
- package/internal/utils/global.js +1 -1
- package/internal/utils/global.js.map +1 -1
- package/internal/utils/identity.d.ts +28 -1
- package/internal/utils/identity.js +1 -1
- package/internal/utils/identity.js.map +1 -1
- package/internal/utils/math.d.ts +3 -0
- package/internal/utils/math.js +2 -0
- package/internal/utils/math.js.map +1 -0
- package/internal/utils/{register.d.ts → registration.d.ts} +0 -0
- package/internal/utils/registration.js +2 -0
- package/internal/utils/registration.js.map +1 -0
- package/internal/utils/string.d.ts +6 -0
- package/internal/utils/string.js +1 -1
- package/internal/utils/string.js.map +1 -1
- package/internal/utils/traversal.d.ts +4 -0
- package/internal/utils/traversal.js +2 -0
- package/internal/utils/traversal.js.map +1 -0
- package/internal-components/close-button/close-button.element.d.ts +1 -3
- package/internal-components/close-button/close-button.element.js +1 -1
- package/internal-components/close-button/close-button.element.js.map +1 -1
- package/internal-components/close-button/close-button.element.scss.js +1 -1
- package/internal-components/close-button/index.js +1 -1
- package/internal-components/overlay/index.js +1 -1
- package/internal-components/overlay/overlay.element.d.ts +35 -25
- package/internal-components/overlay/overlay.element.js +1 -1
- package/internal-components/overlay/overlay.element.js.map +1 -1
- package/internal-components/overlay/overlay.element.scss.js +1 -1
- package/internal-components/overlay/shared.element.scss.js +2 -0
- package/internal-components/overlay/shared.element.scss.js.map +1 -0
- package/internal-components/panel/panel.element.scss.js +1 -1
- package/internal-components/popup/index.d.ts +2 -0
- package/internal-components/popup/index.js +2 -0
- package/internal-components/popup/index.js.map +1 -0
- package/internal-components/popup/pointer.element.d.ts +35 -0
- package/internal-components/popup/pointer.element.js +2 -0
- package/internal-components/popup/pointer.element.js.map +1 -0
- package/internal-components/popup/pointer.element.scss.js +2 -0
- package/internal-components/popup/pointer.element.scss.js.map +1 -0
- package/internal-components/popup/popup.element.d.ts +116 -0
- package/internal-components/popup/popup.element.js +2 -0
- package/internal-components/popup/popup.element.js.map +1 -0
- package/internal-components/popup/popup.element.scss.js +2 -0
- package/internal-components/popup/popup.element.scss.js.map +1 -0
- package/internal-components/popup/register.d.ts +9 -0
- package/internal-components/popup/register.js +2 -0
- package/internal-components/popup/register.js.map +1 -0
- package/internal-components/popup/utils/pointer.utils.d.ts +2 -0
- package/internal-components/popup/utils/pointer.utils.js +2 -0
- package/internal-components/popup/utils/pointer.utils.js.map +1 -0
- package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
- package/modal/modal-content.element.d.ts +2 -5
- package/modal/modal-content.element.js +1 -1
- package/modal/modal-content.element.js.map +1 -1
- package/modal/modal.element.d.ts +13 -3
- package/modal/modal.element.js +1 -1
- package/modal/modal.element.js.map +1 -1
- package/modal/modal.element.scss.js +1 -1
- package/navigation/navigation-group.element.scss.js +1 -1
- package/navigation/navigation-item.element.d.ts +1 -1
- package/navigation/navigation-item.element.js +1 -1
- package/navigation/navigation-item.element.js.map +1 -1
- package/navigation/navigation-item.element.scss.js +2 -2
- package/navigation/navigation-start.element.d.ts +1 -2
- package/navigation/navigation-start.element.js +1 -1
- package/navigation/navigation-start.element.js.map +1 -1
- package/navigation/navigation.element.d.ts +5 -9
- package/navigation/navigation.element.js +1 -3
- package/navigation/navigation.element.js.map +1 -1
- package/navigation/navigation.element.scss.js +1 -1
- package/navigation/utils/{index.d.ts → utils.d.ts} +0 -0
- package/navigation/utils/{index.js → utils.js} +1 -1
- package/navigation/utils/{index.js.map → utils.js.map} +1 -1
- package/package.json +101 -80
- package/pagination/pagination-button.element.scss.js +1 -1
- package/password/password.element.d.ts +0 -1
- package/password/password.element.js +1 -1
- package/password/password.element.js.map +1 -1
- package/polyfills/aria-reflect.d.ts +45 -0
- package/polyfills/aria-reflect.js +2 -0
- package/polyfills/aria-reflect.js.map +1 -0
- package/polyfills/index.d.ts +1 -0
- package/{internal/interfaces → polyfills}/index.js +1 -1
- package/polyfills/index.js.map +1 -0
- package/progress-circle/progress-circle.element.d.ts +26 -3
- package/progress-circle/progress-circle.element.js +1 -1
- package/progress-circle/progress-circle.element.js.map +1 -1
- package/progress-circle/progress-circle.element.scss.js +1 -1
- package/progress-circle/progress-circle.utils.d.ts +6 -0
- package/progress-circle/progress-circle.utils.js +2 -0
- package/progress-circle/progress-circle.utils.js.map +1 -0
- package/radio/radio-group.element.js +1 -1
- package/radio/radio-group.element.js.map +1 -1
- package/radio/radio.element.scss.js +1 -1
- package/range/range.global.scss.js +1 -1
- package/select/register.js +1 -1
- package/select/register.js.map +1 -1
- package/select/select.element.d.ts +1 -1
- package/select/select.element.js +1 -1
- package/select/select.element.js.map +1 -1
- package/select/select.element.scss.js +1 -1
- package/select/select.global.scss.js +1 -1
- package/selection-panels/checkbox/checkbox-panel.element.d.ts +35 -0
- package/selection-panels/checkbox/checkbox-panel.element.js +2 -0
- package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -0
- package/selection-panels/checkbox/index.d.ts +1 -0
- package/selection-panels/checkbox/index.js +2 -0
- package/selection-panels/checkbox/index.js.map +1 -0
- package/selection-panels/checkbox/register.d.ts +6 -0
- package/selection-panels/checkbox/register.js +2 -0
- package/selection-panels/checkbox/register.js.map +1 -0
- package/selection-panels/radio/index.d.ts +1 -0
- package/selection-panels/radio/index.js +2 -0
- package/selection-panels/radio/index.js.map +1 -0
- package/selection-panels/radio/radio-panel.element.d.ts +35 -0
- package/selection-panels/radio/radio-panel.element.js +2 -0
- package/selection-panels/radio/radio-panel.element.js.map +1 -0
- package/selection-panels/radio/register.d.ts +6 -0
- package/selection-panels/radio/register.js +2 -0
- package/selection-panels/radio/register.js.map +1 -0
- package/selection-panels/shared/selection-panel.element.scss.js +6 -0
- package/selection-panels/shared/selection-panel.element.scss.js.map +1 -0
- package/selection-panels/shared/selection-panel.interfaces.d.ts +1 -0
- package/styles/module.tokens.css +8 -3
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +7 -8
- package/styles/theme.dark.min.css +1 -1
- package/tag/tag.element.d.ts +1 -1
- package/tag/tag.element.scss.js +1 -1
- package/test/index.js +1 -1
- package/test/utils.d.ts +2 -0
- package/test/utils.js +1 -1
- package/test/utils.js.map +1 -1
- package/textarea/textarea.element.scss.js +1 -1
- package/toggle/toggle.element.scss.js +1 -1
- package/tokens/tokens.android.xml +8 -3
- package/tokens/tokens.d.ts +5 -0
- package/tokens/tokens.ios.swift +8 -3
- package/tokens/tokens.js +5 -0
- package/tokens/tokens.json +23 -3
- package/tokens/tokens.scss +5 -0
- package/tree-view/tree-item.element.d.ts +1 -5
- package/tree-view/tree-item.element.js +1 -1
- package/tree-view/tree-item.element.js.map +1 -1
- package/tree-view/tree-item.element.scss.js +1 -1
- package/tree-view/tree.element.d.ts +0 -4
- package/tree-view/tree.element.js +1 -1
- package/tree-view/tree.element.js.map +1 -1
- package/_virtual/_virtual_library-entry-points +0 -2
- package/_virtual/_virtual_library-entry-points.map +0 -1
- package/accordion/accordion-content.element.css.d.ts +0 -1
- package/accordion/accordion-header.element.css.d.ts +0 -1
- package/accordion/accordion-panel.element.css.d.ts +0 -1
- package/accordion/accordion.element.css.d.ts +0 -1
- package/alert/alert-actions.element.css.d.ts +0 -1
- package/alert/alert-group.element.css.d.ts +0 -1
- package/alert/alert.element.css.d.ts +0 -1
- package/badge/badge.element.css.d.ts +0 -1
- package/button/base-button.element.css.d.ts +0 -1
- package/button/base-button.element.scss.js +0 -2
- package/button/base-button.element.scss.js.map +0 -1
- package/button/button.element.css.d.ts +0 -1
- package/button/icon-button.element.css.d.ts +0 -1
- package/button/inline-button.element.css.d.ts +0 -1
- package/checkbox/checkbox.element.css.d.ts +0 -1
- package/datalist/datalist-global.element.css.d.ts +0 -1
- package/date/date.global.css.d.ts +0 -1
- package/divider/divider.element.css.d.ts +0 -1
- package/file/file.element.css.d.ts +0 -1
- package/forms/control/control.element.css.d.ts +0 -1
- package/forms/control-action/control-action.element.css.d.ts +0 -1
- package/forms/control-group/control-group.element.css.d.ts +0 -1
- package/forms/control-inline/control-inline.element.css.d.ts +0 -1
- package/forms/control-label/control-label.element.css.d.ts +0 -1
- package/forms/control-message/control-message.element.css.d.ts +0 -1
- package/forms/form-group/form-group.element.css.d.ts +0 -1
- package/forms/utils/index.js +0 -2
- package/forms/utils/index.js.map +0 -1
- package/icon/icon.element.css.d.ts +0 -1
- package/input/input-group.element.css.d.ts +0 -1
- package/input/input.element.css.d.ts +0 -1
- package/internal/base/base.element.css.d.ts +0 -1
- package/internal/base/css-gap.base.d.ts +0 -18
- package/internal/base/css-gap.base.js +0 -2
- package/internal/base/css-gap.base.js.map +0 -1
- package/internal/utils/register.js +0 -2
- package/internal/utils/register.js.map +0 -1
- package/internal-components/close-button/close-button.element.css.d.ts +0 -1
- package/internal-components/overlay/overlay.element.css.d.ts +0 -1
- package/modal/modal.element.css.d.ts +0 -1
- package/navigation/navigation-start.element.scss.js +0 -6
- package/navigation/navigation-start.element.scss.js.map +0 -1
- package/progress-circle/progress-circle.element.css.d.ts +0 -1
- package/radio/radio.element.css.d.ts +0 -1
- package/range/range.element.css.d.ts +0 -1
- package/range/range.global.css.d.ts +0 -1
- package/search/search.global.css.d.ts +0 -1
- package/select/select.element.css.d.ts +0 -1
- package/select/select.global.css.d.ts +0 -1
- package/styles/module.shims.css +0 -896
- package/styles/module.shims.min.css +0 -1
- package/tag/tag.element.css.d.ts +0 -1
- package/test-dropdown/test-dropdown.element.css.d.ts +0 -1
- package/textarea/textarea.element.css.d.ts +0 -1
- package/time/time.global.css.d.ts +0 -1
- package/toggle/toggle.element.css.d.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-item.element.js","sources":["../../../src/navigation/navigation-item.element.ts"],"sourcesContent":null,"names":["CdsNavigationItemTagName","CdsNavigationItem","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","navigation","active","disabled","
|
|
1
|
+
{"version":3,"file":"navigation-item.element.js","sources":["../../../src/navigation/navigation-item.element.ts"],"sourcesContent":null,"names":["CdsNavigationItemTagName","CdsNavigationItem","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","navigation","active","disabled","expanded","expandedGroup","hasFocus","role","connectedCallback","id","createId","props","firstUpdated","handleItemAnchorText","manageScreenReaderElements","_a","anchorElement","querySelector","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","html","groupItem","styles","baseStyles","updated","__decorate","prototype","property","type","Boolean","reflect","state","querySlot","assign","querySlotAll"],"mappings":"8XAUY,MAACA,EAA2B,sBAmBjC,MAAMC,UAA0BC,EACnCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,WAC7BJ,KAAKK,QAAS,EACdL,KAAKM,UAAW,EAChBN,KAAKO,UAAW,EAChBP,KAAKQ,eAAgB,EACrBR,KAAKS,UAAW,EAChBT,KAAKU,KAAO,WAEhBb,oBACIC,MAAMa,oBACDX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBhB,aAAaiB,GACThB,MAAMiB,aAAaD,GACnBd,KAAKgB,uBACLC,EAA2BjB,KAAMA,KAAKO,UAE1CV,uBACI,IAAIqB,EACJ,MAAMC,EAAgBnB,KAAKoB,cAAc,KACrCD,IACAE,EAAYF,EAAcG,YACmF,QAA5GJ,EAAKC,MAAAA,OAAqD,EAASA,EAAcC,cAAc,eAA4B,IAAPF,GAAyBA,EAAGK,aAAaC,EAAyB,KAG/L3B,SACI,OAAO4B,CAAK,4BAEUzB,KAAK0B,UAAY,aAAe,4FAGlC1B,KAAKgB,sCAI7BW,oBACI,MAAO,CAACC,EAAYD,GAExB9B,QAAQiB,GACJhB,MAAM+B,QAAQf,GACdG,EAA2BjB,KAAMA,KAAKO,WAG9CuB,EAAW,CACP7B,KACDN,EAAkBoC,UAAW,YAAQ,GACxCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCxC,EAAkBoC,UAAW,cAAU,GAC1CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,WACfvC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,qBAAiB,GACjDD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,iBAAa,GAC7CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPO,EAAU,MACX1C,EAAkBoC,UAAW,oBAAgB,GAChDD,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,mBACjC3C,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPS,EAAa,6BACd5C,EAAkBoC,UAAW,gBAAY"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{css as o}from"lit";var
|
|
1
|
+
import{css as o}from"lit";var a=o`/*!
|
|
2
2
|
* Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
|
|
3
3
|
* This software is released under MIT license.
|
|
4
4
|
* The full license information can be found in LICENSE in the root directory of this project.
|
|
5
|
-
*/:host{--color:
|
|
5
|
+
*/:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--line-height:var(--cds-alias-object-interaction-touch-target, calc((36 / var(--cds-global-base, 20)) * 1rem));--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:0 var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem));--cursor:pointer}:host([_group-item]){--padding:0 var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem))}.private-host{min-height:var(--line-height);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--line-height);width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:var(--color);background:var(--background);border:0;cursor:var(--cursor);padding:var(--padding)}:host(:hover),:host([_has-focus]){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:hover){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2)}@media (-webkit-min-device-pixel-ratio:0){:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([_active]:not([_expanded])),:host([active]){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([_active]:not([_expanded])) .private-host,:host([active]) .private-host{-webkit-box-shadow:inset var(--cds-alias-object-border-width-300,calc((3 / var(--cds-global-base,20)) * 1rem)) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad));box-shadow:inset var(--cds-alias-object-border-width-300,calc((3 / var(--cds-global-base,20)) * 1rem)) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host(:active),:host(:active:focus){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}:host([selected]){--color:var(--cds-alias-object-interaction-color-selected, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]),:host([disabled]:hover){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white));--cursor:not-allowed}::slotted([role=button]),::slotted(a),::slotted(button),button{line-height:var(--line-height);min-height:var(--line-height);cursor:var(--cursor);text-decoration:none!important;padding:0;outline:0;background:0 0;border:0;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-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,calc((12 / var(--cds-global-base,20)) * 1rem))}`;export default a;
|
|
6
6
|
//# sourceMappingURL=navigation-item.element.scss.js.map
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { LitElement, PropertyValues } from 'lit';
|
|
2
|
-
import { Directions } from '@cds/core/internal';
|
|
3
2
|
import { CdsIcon } from '@cds/core/icon/icon.element.js';
|
|
4
3
|
import { FocusableItem, NavigationFocusState } from './interfaces/navigation.interfaces.js';
|
|
5
4
|
export declare const CdsNavigationStartTagName = "cds-navigation-start";
|
|
@@ -73,6 +72,6 @@ export declare class CdsNavigationStart extends LitElement implements FocusableI
|
|
|
73
72
|
private renderGroupStart;
|
|
74
73
|
render(): import("lit-html").TemplateResult<1>;
|
|
75
74
|
static get styles(): import("lit").CSSResultGroup[];
|
|
76
|
-
get toggleIconDirection()
|
|
75
|
+
private get toggleIconDirection();
|
|
77
76
|
updated(props: PropertyValues): void;
|
|
78
77
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{I18nService as i,createId as s,spanWrapper as n,baseStyles as a,i18n as r,property as d,state as l,querySlot as p,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{I18nService as i,createId as s,spanWrapper as n,baseStyles as a,i18n as r,property as d,state as l,querySlot as p,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{NAVIGATION_TEXT_WRAPPER as u,getToggleIconDirection as g,manageScreenReaderElements as v}from"./utils/utils.js";const y="cds-navigation-start";class x extends o{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.expandedRoot=!1,this.hasFocus=!1,this.isGroupStart=!1,this.role="listitem",this.active=!1,this.expanded=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=s())}firstUpdated(t){var o;super.firstUpdated(t);const e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("button");e&&(this.focusElement=e),this.handleStartButtonText()}handleStartButtonText(){var t;n(this.childNodes),null===(t=this.querySelector("span"))||void 0===t||t.setAttribute(u,"")}renderRootStart(){return e`<slot @slotchange="${this.handleStartButtonText}"></slot><button aria-pressed="${this.expandedRoot}" aria-label="${this.expandedRoot?this.i18n.navigationUnabridgedText:this.i18n.navigationAbridgedText}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal align:vertical-center"><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}renderGroupStart(){return e`<button aria-expanded="${this.expanded}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal wrap:none align:vertical-center gap:md"><slot @slotchange="${this.handleStartButtonText}"></slot><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}render(){return e`<div class="private-host" cds-layout="horizontal align:vertical-center align:horizontal-stretch">${this.isGroupStart?this.renderGroupStart():this.renderRootStart()}</div>`}static get styles(){return[a,h]}get toggleIconDirection(){return g(this)}updated(t){super.updated(t),v(this,this.expandedRoot)}}t([r()],x.prototype,"i18n",void 0),t([d({type:Boolean})],x.prototype,"expandedRoot",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"hasFocus",void 0),t([d({type:Boolean,reflect:!0})],x.prototype,"isGroupStart",void 0),t([d({type:String,reflect:!0})],x.prototype,"role",void 0),t([d({type:String})],x.prototype,"navigationGroupId",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"expanded",void 0),t([p("[cds-navigation-start-icon]",{assign:"cds-icon-slot"})],x.prototype,"startIcon",void 0),t([c("[cds-navigation-sr-text]")],x.prototype,"itemText",void 0);export{x as CdsNavigationStart,y as CdsNavigationStartTagName};
|
|
2
2
|
//# sourceMappingURL=navigation-start.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-start.element.js","sources":["../../../src/navigation/navigation-start.element.ts"],"sourcesContent":null,"names":["CdsNavigationStartTagName","CdsNavigationStart","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","navigation","expandedRoot","hasFocus","isGroupStart","role","active","expanded","connectedCallback","id","createId","props","_a","firstUpdated","button","shadowRoot","querySelector","focusElement","handleStartButtonText","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","html","navigationUnabridgedText","navigationAbridgedText","navigationGroupId","startIcon","toggleIconDirection","renderGroupStart","renderRootStart","styles","baseStyles","getToggleIconDirection","updated","manageScreenReaderElements","__decorate","prototype","property","type","Boolean","state","reflect","String","querySlot","assign","querySlotAll"],"mappings":"
|
|
1
|
+
{"version":3,"file":"navigation-start.element.js","sources":["../../../src/navigation/navigation-start.element.ts"],"sourcesContent":null,"names":["CdsNavigationStartTagName","CdsNavigationStart","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","navigation","expandedRoot","hasFocus","isGroupStart","role","active","expanded","connectedCallback","id","createId","props","_a","firstUpdated","button","shadowRoot","querySelector","focusElement","handleStartButtonText","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","html","navigationUnabridgedText","navigationAbridgedText","navigationGroupId","startIcon","toggleIconDirection","renderGroupStart","renderRootStart","styles","baseStyles","itemStyles","getToggleIconDirection","updated","manageScreenReaderElements","__decorate","prototype","property","type","Boolean","state","reflect","String","querySlot","assign","querySlotAll"],"mappings":"0ZAUY,MAACA,EAA4B,uBAoBlC,MAAMC,UAA2BC,EACpCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,WAK7BJ,KAAKK,cAAe,EAKpBL,KAAKM,UAAW,EAKhBN,KAAKO,cAAe,EACpBP,KAAKQ,KAAO,WAMZR,KAAKS,QAAS,EAOdT,KAAKU,UAAW,EAEpBb,oBACIC,MAAMa,oBACDX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBhB,aAAaiB,GACT,IAAIC,EACJjB,MAAMkB,aAAaF,GACnB,MAAMG,EAAoC,QAA1BF,EAAKf,KAAKkB,kBAA+B,IAAPH,OAAgB,EAASA,EAAGI,cAAc,UACxFF,IACAjB,KAAKoB,aAAeH,GAExBjB,KAAKqB,wBAETxB,wBACI,IAAIkB,EACJO,EAAYtB,KAAKuB,YAEqB,QAArCR,EAAKf,KAAKmB,cAAc,eAA4B,IAAPJ,GAAyBA,EAAGS,aAAaC,EAAyB,IAEpH5B,kBACI,OAAO6B,CAAK,sBACM1B,KAAKqB,uDAEPrB,KAAKK,6BACPL,KAAKK,aAAeL,KAAKC,KAAK0B,yBAA2B3B,KAAKC,KAAK2B,+BAC3E5B,KAAKO,aAAeP,KAAK6B,kBAAoB,4GAIX7B,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK8B,UACP,GACAJ,CAAK,oBACU1B,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAK+B,kEASlClC,mBACI,OAAO6B,CAAK,0BACW1B,KAAKU,iBAAiBV,KAAKO,aAAeP,KAAK6B,kBAAoB,4GAEpE7B,KAAKqB,qEACarB,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK8B,UACP,GACAJ,CAAK,oBACU1B,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAK+B,kEASlClC,SACI,OAAO6B,CAAK,oGAEV1B,KAAKO,aAAeP,KAAKgC,mBAAqBhC,KAAKiC,0BAIzDC,oBACI,MAAO,CAACC,EAAYC,GAExBL,0BACI,OAAOM,EAAuBrC,MAElCH,QAAQiB,GACJhB,MAAMwC,QAAQxB,GACdyB,EAA2BvC,KAAMA,KAAKK,eAG9CmC,EAAW,CACPvC,KACDN,EAAmB8C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClBjD,EAAmB8C,UAAW,oBAAgB,GACjDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,gBAAY,GAC7CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASE,SAAS,KACpCnD,EAAmB8C,UAAW,oBAAgB,GACjDD,EAAW,CACPE,EAAS,CAAEC,KAAMI,OAAQD,SAAS,KACnCnD,EAAmB8C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMI,UAClBpD,EAAmB8C,UAAW,yBAAqB,GACtDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,cAAU,GAC3CD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,gBAAY,GAC7CD,EAAW,CACPQ,EAAU,8BAA+B,CAAEC,OAAQ,mBACpDtD,EAAmB8C,UAAW,iBAAa,GAC9CD,EAAW,CACPU,EAAa,6BACdvD,EAAmB8C,UAAW,gBAAY"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LitElement, PropertyValues } from 'lit';
|
|
2
2
|
import { Animatable, EventEmitter } from '@cds/core/internal';
|
|
3
|
-
import { FocusableElement } from './utils/
|
|
3
|
+
import { FocusableElement } from './utils/utils.js';
|
|
4
4
|
import { CdsNavigationGroup } from './navigation-group.element.js';
|
|
5
5
|
import { CdsNavigationStart } from './navigation-start.element.js';
|
|
6
6
|
import { CdsNavigationItem } from './navigation-item.element.js';
|
|
@@ -33,13 +33,12 @@ export declare const CdsNavigationTagName = "cds-navigation";
|
|
|
33
33
|
* @cssprop --nested-padding
|
|
34
34
|
* @cssprop --padding
|
|
35
35
|
* @slot
|
|
36
|
-
* @slot
|
|
37
|
-
* @slot
|
|
36
|
+
* @slot cds-navigation-substart - project content below the navigation toggle button
|
|
37
|
+
* @slot cds-navigation-end - project content below the scrollable section
|
|
38
38
|
*/
|
|
39
39
|
export declare class CdsNavigation extends LitElement implements Animatable {
|
|
40
40
|
expandedRoot: boolean;
|
|
41
41
|
cdsMotion: string;
|
|
42
|
-
role: string;
|
|
43
42
|
protected expandedChange: EventEmitter<boolean>;
|
|
44
43
|
cdsMotionChange: EventEmitter<string>;
|
|
45
44
|
/**
|
|
@@ -49,10 +48,6 @@ export declare class CdsNavigation extends LitElement implements Animatable {
|
|
|
49
48
|
* @protected
|
|
50
49
|
*/
|
|
51
50
|
protected groupItem: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* Set and update the aria-active descended value onto the navigation.
|
|
54
|
-
*/
|
|
55
|
-
ariaActiveDescendant: any;
|
|
56
51
|
/**
|
|
57
52
|
*
|
|
58
53
|
* Vertical navigation elements can be either wide or narrow. Expanded indicates it should be wide.
|
|
@@ -108,8 +103,9 @@ export declare class CdsNavigation extends LitElement implements Animatable {
|
|
|
108
103
|
* query for all groups (including any nested groups), used ot pass state down
|
|
109
104
|
*/
|
|
110
105
|
protected navigationGroupRefs: NodeListOf<CdsNavigationGroup>;
|
|
106
|
+
role: string;
|
|
111
107
|
private toggle;
|
|
112
|
-
get currentActiveItem()
|
|
108
|
+
private get currentActiveItem();
|
|
113
109
|
protected get endTemplate(): "" | import("lit-html").TemplateResult<1>;
|
|
114
110
|
protected get startTemplate(): string | import("lit-html").TemplateResult<1>;
|
|
115
111
|
protected get visibleChildren(): FocusableElement[];
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{LitElement as i,html as e}from"lit";import{I18nService as a,isVisible as n,setAttributes as o,onKey as s,syncPropsForAllItems as r,syncProps as d,baseStyles as v,property as c,event as l,state as h,i18n as p,querySlot as
|
|
2
|
-
wrap:none
|
|
3
|
-
align:horizontal-center">${this.startTemplate}<slot name="cds-navigation-substart"></slot><div class="navigation-sr-wrapper" cds-layout="vertical align:horizontal-stretch gap:sm"><nav style="height:100%"><div class="navigation-body-wrapper" cds-layout="p-y:xxs" aria-activedescendant="${this.ariaActiveDescendant}" tabindex="0" id="item-container"><div class="navigation-body" cds-layout="vertical wrap:none align:horizontal-stretch"><slot></slot></div></div>${this.endTemplate}</nav></div></div>`}updated(t){super.updated(t),t.has("expanded")&&(this.expandedRoot=this.expanded),this.updateChildrenProps()}updateChildrenProps(){this.navigationGroupItems&&r(Array.from(this.navigationGroupItems),this,{groupItem:!0}),this.navigationItemRefs&&r(Array.from(this.navigationItemRefs),this,{expanded:!0}),this.navigationStartRefs&&r(Array.from(this.navigationStartRefs),this,{expandedRoot:!0}),this.rootNavigationStart&&d(this.rootNavigationStart,this,{expanded:this.expanded}),this.rootNavigationItems.length>0&&r(Array.from(this.rootNavigationItems),this,{expanded:this.expanded}),this.navigationGroupRefs.length>0&&r(Array.from(this.navigationGroupRefs),this,{layout:!0})}static get styles(){return[v,y]}};t([c({type:String})],R.prototype,"cdsMotion",void 0),t([c({type:String})],R.prototype,"role",void 0),t([l()],R.prototype,"expandedChange",void 0),t([l()],R.prototype,"cdsMotionChange",void 0),t([h({type:Boolean})],R.prototype,"groupItem",void 0),t([h({type:String})],R.prototype,"ariaActiveDescendant",void 0),t([c({type:Boolean})],R.prototype,"expanded",void 0),t([p()],R.prototype,"i18n",void 0),t([g('[slot="cds-navigation-end"]',{assign:"cds-navigation-end"})],R.prototype,"navigationEnd",void 0),t([u("cds-navigation-group > cds-navigation-start, cds-navigation-item:not([disabled])")],R.prototype,"allNavigationElements",void 0),t([u("cds-navigation-start")],R.prototype,"navigationStartRefs",void 0),t([u(":scope > cds-divider")],R.prototype,"rootDividers",void 0),t([u(":scope > cds-navigation-group")],R.prototype,"rootNavigationGroups",void 0),t([u(":scope > cds-navigation-item")],R.prototype,"rootNavigationItems",void 0),t([g(":scope > cds-navigation-start",{assign:"navigation-start"})],R.prototype,"rootNavigationStart",void 0),t([u(":scope > cds-navigation-group > cds-navigation-item")],R.prototype,"navigationGroupItems",void 0),t([u("cds-navigation-item")],R.prototype,"navigationItemRefs",void 0),t([u("cds-navigation-group")],R.prototype,"navigationGroupRefs",void 0),R=t([m({expanded:{true:E,false:f(E)}})],R);export{R as CdsNavigation,N as CdsNavigationTagName};
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as i,html as e}from"lit";import{I18nService as a,isVisible as n,setAttributes as o,onKey as s,syncPropsForAllItems as r,syncProps as d,baseStyles as v,property as c,event as l,state as h,i18n as p,querySlot as u,querySlotAll as g,animate as m,reverseAnimation as f}from"@cds/core/internal";import y from"./navigation.element.scss.js";import{removeFocus as I,setFocus as A,visibleElement as b,getNextFocusElement as E,getPreviousFocusElement as S}from"./utils/utils.js";import{AnimationNavigationOpenName as x}from"../internal/motion/animations/cds-navigation-open.js";const N="cds-navigation";let R=class extends i{constructor(){super(...arguments),this.expandedRoot=!1,this.cdsMotion="on",this.groupItem=!0,this.expanded=!1,this.i18n=a.keys.navigation,this.role="list"}toggle(){this.expandedChange.emit(!this.expanded)}get currentActiveItem(){return this.visibleChildren.find((t=>t.id===this.ariaActiveDescendant))}get endTemplate(){return this.navigationEnd?e`<div class="navigation-end" cds-layout="vertical align:horizontal-stretch"><slot name="cds-navigation-end"></slot></div>`:""}get startTemplate(){let t;return t=this.rootNavigationStart?e`<div class="navigation-start" cds-layout="vertical align:horizontal-stretch"><slot @slotchange="${()=>this.addStartEventListener()}" name="navigation-start"></slot><cds-divider class="start-divider"></cds-divider></div>`:"",t}get visibleChildren(){return Array.from(this.allNavigationElements).filter((t=>n(t)))}addStartEventListener(){this.rootNavigationStart&&this.rootNavigationStart.addEventListener("click",this.toggle.bind(this))}firstUpdated(t){var i;super.firstUpdated(t),this.allNavigationElements.forEach((t=>{o(t,["tabindex","-1"])}));const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("#item-container");null==e||e.addEventListener("focus",this.initItemKeys.bind(this)),null==e||e.addEventListener("keydown",this.handleItemKeys.bind(this)),null==e||e.addEventListener("blur",this.blurItemKeys.bind(this))}blurItemKeys(){this.currentActiveItem&&I(this.currentActiveItem)}focusRootStart(){this.rootNavigationStart&&A(this.rootNavigationStart)}blurRootStart(){this.rootNavigationStart&&I(this.rootNavigationStart)}initItemKeys(){if(this.currentActiveItem){const t=this.currentActiveItem?this.currentActiveItem:this.allNavigationElements[0];A(t),this.ariaActiveDescendant=t.id}else A(this.focusableElements[0]),this.ariaActiveDescendant=this.focusableElements[0].id}get focusableElements(){return Array.from(this.allNavigationElements).filter(b)}handleItemKeys(t){s("arrow-down",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=E(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-up",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=S(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-right",t,(()=>{var t;const i=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");!i||i.expanded||i.expandedChange.emit(!i.expanded)})),s("arrow-left",t,(()=>{var t,i,e;const a=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");if("CDS-NAVIGATION-ITEM"===(null===(i=this.currentActiveItem)||void 0===i?void 0:i.tagName)&&a){const t=null==a?void 0:a.querySelector("cds-navigation-start");return I(this.currentActiveItem),this.ariaActiveDescendant=null!==(e=null==t?void 0:t.id)&&void 0!==e?e:null,void A(t)}a&&a.expanded&&a.expandedChange.emit(!a.expanded)})),s("home",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[0];this.ariaActiveDescendant=t.id,A(t)}})),s("end",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[this.focusableElements.length-1];this.ariaActiveDescendant=t.id,A(t)}})),s("enter",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())})),s("space",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())}))}handleRootStartKeys(t){s("arrow-right",t,(()=>{this.expanded||this.toggle()})),s("arrow-left",t,(()=>{this.expanded&&this.toggle()}))}connectedCallback(){var t,i,e;super.connectedCallback(),null===(t=this.rootNavigationStart)||void 0===t||t.addEventListener("focus",this.focusRootStart.bind(this)),null===(i=this.rootNavigationStart)||void 0===i||i.addEventListener("blur",this.blurRootStart.bind(this)),null===(e=this.rootNavigationStart)||void 0===e||e.addEventListener("keydown",this.handleRootStartKeys.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.rootNavigationStart&&this.rootNavigationStart.removeEventListener("click",this.toggle.bind(this))}render(){return e`<div class="private-host" aria-label="${this.i18n.navigationLabel}" cds-layout="vertical wrap:none">${this.startTemplate}<slot name="cds-navigation-substart"></slot><nav class="navigation-body-wrapper"><div .ariaActiveDescendant="${this.ariaActiveDescendant}" tabindex="0" id="item-container"><div class="navigation-body" cds-layout="vertical wrap:none align:horizontal-stretch"><slot></slot></div></div></nav>${this.endTemplate}</div>`}updated(t){super.updated(t),t.has("expanded")&&(this.expandedRoot=this.expanded),this.updateChildrenProps()}updateChildrenProps(){this.navigationGroupItems&&r(Array.from(this.navigationGroupItems),this,{groupItem:!0}),this.navigationItemRefs&&r(Array.from(this.navigationItemRefs),this,{expanded:!0}),this.navigationStartRefs&&r(Array.from(this.navigationStartRefs),this,{expandedRoot:!0}),this.rootNavigationStart&&d(this.rootNavigationStart,this,{expanded:this.expanded}),this.rootNavigationItems.length>0&&r(Array.from(this.rootNavigationItems),this,{expanded:this.expanded}),this.navigationGroupRefs.length>0&&r(Array.from(this.navigationGroupRefs),this,{layout:!0})}static get styles(){return[v,y]}};t([c({type:String})],R.prototype,"cdsMotion",void 0),t([l()],R.prototype,"expandedChange",void 0),t([l()],R.prototype,"cdsMotionChange",void 0),t([h({type:Boolean})],R.prototype,"groupItem",void 0),t([c({type:Boolean})],R.prototype,"expanded",void 0),t([p()],R.prototype,"i18n",void 0),t([u('[slot="cds-navigation-end"]',{assign:"cds-navigation-end"})],R.prototype,"navigationEnd",void 0),t([g("cds-navigation-group > cds-navigation-start, cds-navigation-item:not([disabled])")],R.prototype,"allNavigationElements",void 0),t([g("cds-navigation-start")],R.prototype,"navigationStartRefs",void 0),t([g(":scope > cds-divider")],R.prototype,"rootDividers",void 0),t([g(":scope > cds-navigation-group")],R.prototype,"rootNavigationGroups",void 0),t([g(":scope > cds-navigation-item")],R.prototype,"rootNavigationItems",void 0),t([u(":scope > cds-navigation-start",{assign:"navigation-start"})],R.prototype,"rootNavigationStart",void 0),t([g(":scope > cds-navigation-group > cds-navigation-item")],R.prototype,"navigationGroupItems",void 0),t([g("cds-navigation-item")],R.prototype,"navigationItemRefs",void 0),t([g("cds-navigation-group")],R.prototype,"navigationGroupRefs",void 0),R=t([m({expanded:{true:x,false:f(x)}})],R);export{R as CdsNavigation,N as CdsNavigationTagName};
|
|
4
2
|
//# sourceMappingURL=navigation.element.js.map
|
|
@@ -1 +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","
|
|
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","role","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","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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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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%;overflow:auto;outline:0}
|
|
1
|
+
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);-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 default o;
|
|
2
2
|
//# sourceMappingURL=navigation.element.scss.js.map
|
|
File without changes
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import{setOrRemoveAttribute as n}from"@cds/core/internal";const t="cds-navigation-sr-text",e="vertical";function o(n,t){const e=t.indexOf(n);return t[e+1]?t[e+1]:t[0]}function r(n,t){const e=t.indexOf(n);return t[e-1]?t[e-1]:t[t.length-1]}function i(n){return n.isGroupStart?n.expanded?"down":"right":n.expandedRoot?"left":"right"}function a(t,e){const o=t.querySelector("span");o&&n(o,["cds-layout","display:screen-reader-only"],(()=>!e))}function u(n){n.hasFocus=!1}function c(n){n.hasFocus=!0,n.scrollIntoView()}function d(n){var t;const e=null==n?void 0:n.tagName,o=null===(t=null==n?void 0:n.parentElement)||void 0===t?void 0:t.parentElement;switch(e){case"CDS-NAVIGATION-ITEM":return n.hasAttribute("_expanded-group");case"CDS-NAVIGATION-START":return!("CDS-NAVIGATION-GROUP"===(null==o?void 0:o.tagName)&&!(null==o?void 0:o.hasAttribute("expanded")));default:return!1}}export{e as DEFAULT_NAVIGATION_LAYOUT,t as NAVIGATION_TEXT_WRAPPER,o as getNextFocusElement,r as getPreviousFocusElement,i as getToggleIconDirection,a as manageScreenReaderElements,u as removeFocus,c as setFocus,d as visibleElement};
|
|
2
|
-
//# sourceMappingURL=
|
|
2
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
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","_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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cds/core",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0-next.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "clarity",
|
|
6
6
|
"description": "Clarity Design System Web Components",
|
|
@@ -47,6 +47,7 @@
|
|
|
47
47
|
"./datalist/register.js",
|
|
48
48
|
"./date/register.js",
|
|
49
49
|
"./divider/register.js",
|
|
50
|
+
"./dropdown/register.js",
|
|
50
51
|
"./file/register.js",
|
|
51
52
|
"./forms/register.js",
|
|
52
53
|
"./icon/register.js",
|
|
@@ -54,6 +55,7 @@
|
|
|
54
55
|
"./internal-components/close-button/register.js",
|
|
55
56
|
"./internal-components/overlay/register.js",
|
|
56
57
|
"./internal-components/panel/register.js",
|
|
58
|
+
"./internal-components/popup/register.js",
|
|
57
59
|
"./internal-components/visual-checkbox/register.js",
|
|
58
60
|
"./modal/register.js",
|
|
59
61
|
"./navigation/register.js",
|
|
@@ -64,130 +66,141 @@
|
|
|
64
66
|
"./range/register.js",
|
|
65
67
|
"./search/register.js",
|
|
66
68
|
"./select/register.js",
|
|
69
|
+
"./selection-panels/checkbox/register.js",
|
|
70
|
+
"./selection-panels/radio/register.js",
|
|
67
71
|
"./tag/register.js",
|
|
68
|
-
"./textarea/register.js",
|
|
69
72
|
"./test-dropdown/register.js",
|
|
73
|
+
"./textarea/register.js",
|
|
70
74
|
"./time/register.js",
|
|
71
75
|
"./toggle/register.js",
|
|
72
|
-
"./tree-view/register.js"
|
|
76
|
+
"./tree-view/register.js",
|
|
77
|
+
"./polyfills/aria-reflect.js",
|
|
78
|
+
"./polyfills/index.js"
|
|
73
79
|
],
|
|
74
80
|
"exports": {
|
|
75
81
|
"./package.json": "./package.json",
|
|
76
82
|
"./custom-elements.json": "./custom-elements.json",
|
|
77
|
-
"
|
|
83
|
+
"./accordion": "./accordion/index.js",
|
|
84
|
+
"./alert": "./alert/index.js",
|
|
85
|
+
"./badge": "./badge/index.js",
|
|
86
|
+
"./breadcrumb": "./breadcrumb/index.js",
|
|
87
|
+
"./button": "./button/index.js",
|
|
88
|
+
"./card": "./card/index.js",
|
|
89
|
+
"./checkbox": "./checkbox/index.js",
|
|
90
|
+
"./datalist": "./datalist/index.js",
|
|
91
|
+
"./date": "./date/index.js",
|
|
92
|
+
"./divider": "./divider/index.js",
|
|
93
|
+
"./dropdown": "./dropdown/index.js",
|
|
94
|
+
"./file": "./file/index.js",
|
|
95
|
+
"./forms": "./forms/index.js",
|
|
96
|
+
"./icon": "./icon/index.js",
|
|
97
|
+
"./": "./index.js",
|
|
98
|
+
"./input": "./input/index.js",
|
|
99
|
+
"./internal-components/close-button": "./internal-components/close-button/index.js",
|
|
100
|
+
"./internal-components/overlay": "./internal-components/overlay/index.js",
|
|
101
|
+
"./internal-components/panel": "./internal-components/panel/index.js",
|
|
102
|
+
"./internal-components/popup": "./internal-components/popup/index.js",
|
|
103
|
+
"./internal-components/visual-checkbox": "./internal-components/visual-checkbox/index.js",
|
|
78
104
|
"./internal": "./internal/index.js",
|
|
105
|
+
"./modal": "./modal/index.js",
|
|
106
|
+
"./navigation": "./navigation/index.js",
|
|
107
|
+
"./pagination": "./pagination/index.js",
|
|
108
|
+
"./password": "./password/index.js",
|
|
109
|
+
"./polyfills": "./polyfills/index.js",
|
|
110
|
+
"./progress-circle": "./progress-circle/index.js",
|
|
111
|
+
"./radio": "./radio/index.js",
|
|
112
|
+
"./range": "./range/index.js",
|
|
113
|
+
"./search": "./search/index.js",
|
|
114
|
+
"./select": "./select/index.js",
|
|
115
|
+
"./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
|
|
116
|
+
"./selection-panels/radio": "./selection-panels/radio/index.js",
|
|
117
|
+
"./tag": "./tag/index.js",
|
|
118
|
+
"./test-dropdown": "./test-dropdown/index.js",
|
|
79
119
|
"./test": "./test/index.js",
|
|
80
|
-
"./
|
|
81
|
-
"./
|
|
82
|
-
"./
|
|
83
|
-
"./
|
|
120
|
+
"./textarea": "./textarea/index.js",
|
|
121
|
+
"./time": "./time/index.js",
|
|
122
|
+
"./toggle": "./toggle/index.js",
|
|
123
|
+
"./tree-view": "./tree-view/index.js",
|
|
84
124
|
"./accordion/register.js": "./accordion/register.js",
|
|
85
|
-
"./
|
|
86
|
-
"./alert/register": "./alert/register.js",
|
|
125
|
+
"./accordion/register": "./accordion/register.js",
|
|
87
126
|
"./alert/register.js": "./alert/register.js",
|
|
88
|
-
"./
|
|
89
|
-
"./badge/register": "./badge/register.js",
|
|
127
|
+
"./alert/register": "./alert/register.js",
|
|
90
128
|
"./badge/register.js": "./badge/register.js",
|
|
91
|
-
"./
|
|
92
|
-
"./breadcrumb/register": "./breadcrumb/register.js",
|
|
129
|
+
"./badge/register": "./badge/register.js",
|
|
93
130
|
"./breadcrumb/register.js": "./breadcrumb/register.js",
|
|
94
|
-
"./
|
|
95
|
-
"./button/register": "./button/register.js",
|
|
131
|
+
"./breadcrumb/register": "./breadcrumb/register.js",
|
|
96
132
|
"./button/register.js": "./button/register.js",
|
|
97
|
-
"./
|
|
98
|
-
"./card/register": "./card/register.js",
|
|
133
|
+
"./button/register": "./button/register.js",
|
|
99
134
|
"./card/register.js": "./card/register.js",
|
|
100
|
-
"./
|
|
101
|
-
"./checkbox/register": "./checkbox/register.js",
|
|
135
|
+
"./card/register": "./card/register.js",
|
|
102
136
|
"./checkbox/register.js": "./checkbox/register.js",
|
|
103
|
-
"./
|
|
104
|
-
"./datalist/register": "./datalist/register.js",
|
|
137
|
+
"./checkbox/register": "./checkbox/register.js",
|
|
105
138
|
"./datalist/register.js": "./datalist/register.js",
|
|
106
|
-
"./
|
|
107
|
-
"./date/register": "./date/register.js",
|
|
139
|
+
"./datalist/register": "./datalist/register.js",
|
|
108
140
|
"./date/register.js": "./date/register.js",
|
|
109
|
-
"./
|
|
110
|
-
"./divider/register": "./divider/register.js",
|
|
141
|
+
"./date/register": "./date/register.js",
|
|
111
142
|
"./divider/register.js": "./divider/register.js",
|
|
112
|
-
"./
|
|
113
|
-
"./
|
|
143
|
+
"./divider/register": "./divider/register.js",
|
|
144
|
+
"./dropdown/register.js": "./dropdown/register.js",
|
|
145
|
+
"./dropdown/register": "./dropdown/register.js",
|
|
114
146
|
"./file/register.js": "./file/register.js",
|
|
115
|
-
"./
|
|
116
|
-
"./forms/register": "./forms/register.js",
|
|
147
|
+
"./file/register": "./file/register.js",
|
|
117
148
|
"./forms/register.js": "./forms/register.js",
|
|
118
|
-
"./
|
|
119
|
-
"./icon/register": "./icon/register.js",
|
|
149
|
+
"./forms/register": "./forms/register.js",
|
|
120
150
|
"./icon/register.js": "./icon/register.js",
|
|
121
|
-
"./
|
|
122
|
-
"./input/register": "./input/register.js",
|
|
151
|
+
"./icon/register": "./icon/register.js",
|
|
123
152
|
"./input/register.js": "./input/register.js",
|
|
124
|
-
"./
|
|
125
|
-
"./internal-components/close-button/register": "./internal-components/close-button/register.js",
|
|
153
|
+
"./input/register": "./input/register.js",
|
|
126
154
|
"./internal-components/close-button/register.js": "./internal-components/close-button/register.js",
|
|
127
|
-
"./internal-components/
|
|
128
|
-
"./internal-components/overlay/register": "./internal-components/overlay/register.js",
|
|
155
|
+
"./internal-components/close-button/register": "./internal-components/close-button/register.js",
|
|
129
156
|
"./internal-components/overlay/register.js": "./internal-components/overlay/register.js",
|
|
130
|
-
"./internal-components/
|
|
131
|
-
"./internal-components/panel/register": "./internal-components/panel/register.js",
|
|
157
|
+
"./internal-components/overlay/register": "./internal-components/overlay/register.js",
|
|
132
158
|
"./internal-components/panel/register.js": "./internal-components/panel/register.js",
|
|
133
|
-
"./internal-components/
|
|
134
|
-
"./internal-components/
|
|
159
|
+
"./internal-components/panel/register": "./internal-components/panel/register.js",
|
|
160
|
+
"./internal-components/popup/register.js": "./internal-components/popup/register.js",
|
|
161
|
+
"./internal-components/popup/register": "./internal-components/popup/register.js",
|
|
135
162
|
"./internal-components/visual-checkbox/register.js": "./internal-components/visual-checkbox/register.js",
|
|
136
|
-
"./
|
|
137
|
-
"./modal/register": "./modal/register.js",
|
|
163
|
+
"./internal-components/visual-checkbox/register": "./internal-components/visual-checkbox/register.js",
|
|
138
164
|
"./modal/register.js": "./modal/register.js",
|
|
139
|
-
"./
|
|
140
|
-
"./navigation/register": "./navigation/register.js",
|
|
165
|
+
"./modal/register": "./modal/register.js",
|
|
141
166
|
"./navigation/register.js": "./navigation/register.js",
|
|
142
|
-
"./
|
|
143
|
-
"./pagination/register": "./pagination/register.js",
|
|
167
|
+
"./navigation/register": "./navigation/register.js",
|
|
144
168
|
"./pagination/register.js": "./pagination/register.js",
|
|
145
|
-
"./
|
|
146
|
-
"./password/register": "./password/register.js",
|
|
169
|
+
"./pagination/register": "./pagination/register.js",
|
|
147
170
|
"./password/register.js": "./password/register.js",
|
|
148
|
-
"./
|
|
149
|
-
"./progress-circle/register": "./progress-circle/register.js",
|
|
171
|
+
"./password/register": "./password/register.js",
|
|
150
172
|
"./progress-circle/register.js": "./progress-circle/register.js",
|
|
151
|
-
"./
|
|
152
|
-
"./radio/register": "./radio/register.js",
|
|
173
|
+
"./progress-circle/register": "./progress-circle/register.js",
|
|
153
174
|
"./radio/register.js": "./radio/register.js",
|
|
154
|
-
"./
|
|
155
|
-
"./range/register": "./range/register.js",
|
|
175
|
+
"./radio/register": "./radio/register.js",
|
|
156
176
|
"./range/register.js": "./range/register.js",
|
|
157
|
-
"./
|
|
158
|
-
"./search/register": "./search/register.js",
|
|
177
|
+
"./range/register": "./range/register.js",
|
|
159
178
|
"./search/register.js": "./search/register.js",
|
|
160
|
-
"./
|
|
161
|
-
"./select/register": "./select/register.js",
|
|
179
|
+
"./search/register": "./search/register.js",
|
|
162
180
|
"./select/register.js": "./select/register.js",
|
|
163
|
-
"./
|
|
164
|
-
"./
|
|
181
|
+
"./select/register": "./select/register.js",
|
|
182
|
+
"./selection-panels/checkbox/register.js": "./selection-panels/checkbox/register.js",
|
|
183
|
+
"./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
|
|
184
|
+
"./selection-panels/radio/register.js": "./selection-panels/radio/register.js",
|
|
185
|
+
"./selection-panels/radio/register": "./selection-panels/radio/register.js",
|
|
165
186
|
"./tag/register.js": "./tag/register.js",
|
|
166
|
-
"./
|
|
167
|
-
"./textarea/register": "./textarea/register.js",
|
|
168
|
-
"./textarea/register.js": "./textarea/register.js",
|
|
169
|
-
"./test-dropdown": "./test-dropdown/index.js",
|
|
170
|
-
"./test-dropdown/register": "./test-dropdown/register.js",
|
|
187
|
+
"./tag/register": "./tag/register.js",
|
|
171
188
|
"./test-dropdown/register.js": "./test-dropdown/register.js",
|
|
172
|
-
"./
|
|
173
|
-
"./
|
|
189
|
+
"./test-dropdown/register": "./test-dropdown/register.js",
|
|
190
|
+
"./textarea/register.js": "./textarea/register.js",
|
|
191
|
+
"./textarea/register": "./textarea/register.js",
|
|
174
192
|
"./time/register.js": "./time/register.js",
|
|
175
|
-
"./
|
|
176
|
-
"./toggle/register": "./toggle/register.js",
|
|
193
|
+
"./time/register": "./time/register.js",
|
|
177
194
|
"./toggle/register.js": "./toggle/register.js",
|
|
178
|
-
"./
|
|
179
|
-
"./tree-view/register": "./tree-view/register.js",
|
|
195
|
+
"./toggle/register": "./toggle/register.js",
|
|
180
196
|
"./tree-view/register.js": "./tree-view/register.js",
|
|
181
|
-
"./
|
|
182
|
-
"./global.
|
|
183
|
-
"./
|
|
184
|
-
"./styles/module.tokens.min.css": "./styles/module.tokens.min.css",
|
|
197
|
+
"./tree-view/register": "./tree-view/register.js",
|
|
198
|
+
"./Users/crylan/Desktop/release/next/packages/core/dist/core/global.css": "./Users/crylan/Desktop/release/next/packages/core/dist/core/global.css",
|
|
199
|
+
"./Users/crylan/Desktop/release/next/packages/core/dist/core/global.min.css": "./Users/crylan/Desktop/release/next/packages/core/dist/core/global.min.css",
|
|
185
200
|
"./styles/module.layout.css": "./styles/module.layout.css",
|
|
186
201
|
"./styles/module.layout.min.css": "./styles/module.layout.min.css",
|
|
187
202
|
"./styles/module.reset.css": "./styles/module.reset.css",
|
|
188
203
|
"./styles/module.reset.min.css": "./styles/module.reset.min.css",
|
|
189
|
-
"./styles/module.shims.css": "./styles/module.shims.css",
|
|
190
|
-
"./styles/module.shims.min.css": "./styles/module.shims.min.css",
|
|
191
204
|
"./styles/module.typography.css": "./styles/module.typography.css",
|
|
192
205
|
"./styles/module.typography.min.css": "./styles/module.typography.min.css",
|
|
193
206
|
"./styles/theme.dark.css": "./styles/theme.dark.css",
|
|
@@ -197,6 +210,14 @@
|
|
|
197
210
|
"./list/list.css": "./list/list.css",
|
|
198
211
|
"./list/list.min.css": "./list/list.min.css",
|
|
199
212
|
"./table/table.css": "./table/table.css",
|
|
200
|
-
"./table/table.min.css": "./table/table.min.css"
|
|
213
|
+
"./table/table.min.css": "./table/table.min.css",
|
|
214
|
+
"./icon/shapes/*": "./icon/shapes/*",
|
|
215
|
+
"./icon/icon.service.js": "./icon/icon.service.js",
|
|
216
|
+
"./tokens/tokens.js": "./tokens/tokens.js",
|
|
217
|
+
"./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
|
|
218
|
+
"./tokens/tokens.json": "./tokens/tokens.json",
|
|
219
|
+
"./tokens/tokens.scss": "./tokens/tokens.scss",
|
|
220
|
+
"./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
|
|
221
|
+
"./tokens/tokens.android.xml": "./tokens/tokens.android.xml"
|
|
201
222
|
}
|
|
202
223
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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;
|
|
1
|
+
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{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}:host(:active) .private-host,:host(:focus) .private-host,:host(:hover) .private-host{-webkit-filter:brightness(90%);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);-webkit-filter:none!important;filter:none!important;background:var(--background);color:var(--color)}`;export default r;
|
|
2
2
|
//# sourceMappingURL=pagination-button.element.scss.js.map
|
|
@@ -34,7 +34,6 @@ export declare class CdsPassword extends CdsControl {
|
|
|
34
34
|
hideButtonAriaLabel: string;
|
|
35
35
|
};
|
|
36
36
|
constructor();
|
|
37
|
-
private get ariaLabel();
|
|
38
37
|
protected get suffixDefaultTemplate(): import("lit-html").TemplateResult<1>;
|
|
39
38
|
static get styles(): import("lit").CSSResultGroup[];
|
|
40
39
|
togglePasswordVisibility(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=password.element.js.map
|
|
@@ -1 +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","
|
|
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"}
|