@cds/core 5.5.8 → 5.6.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.
Files changed (70) hide show
  1. package/_virtual/_virtual_library-entry-points +1 -1
  2. package/alert/alert-group.element.d.ts +3 -3
  3. package/alert/alert.element.d.ts +2 -2
  4. package/badge/badge.element.d.ts +1 -1
  5. package/button/button.element.d.ts +1 -1
  6. package/custom-elements.json +9105 -6755
  7. package/custom-elements.legacy.json +240 -0
  8. package/forms/control/control.element.d.ts +3 -3
  9. package/forms/control-group/control-group.element.d.ts +2 -2
  10. package/forms/control-inline/control-inline.element.d.ts +1 -0
  11. package/forms/control-inline/control-inline.element.js +1 -1
  12. package/forms/control-inline/control-inline.element.js.map +1 -1
  13. package/forms/control-message/control-message.element.d.ts +1 -1
  14. package/forms/form-group/form-group.element.d.ts +2 -2
  15. package/global.css +1 -0
  16. package/global.min.css +1 -1
  17. package/icon/icon.element.d.ts +5 -5
  18. package/internal/base/base.element.scss.js +1 -1
  19. package/internal/utils/global.js +1 -1
  20. package/navigation/navigation-item.element.js +1 -1
  21. package/navigation/navigation-item.element.js.map +1 -1
  22. package/navigation/navigation-item.element.scss.js +2 -2
  23. package/navigation/navigation-start.element.js +1 -1
  24. package/navigation/navigation-start.element.js.map +1 -1
  25. package/navigation/navigation-start.element.scss.js +2 -2
  26. package/navigation/navigation.element.js +1 -3
  27. package/navigation/navigation.element.js.map +1 -1
  28. package/navigation/navigation.element.scss.js +1 -1
  29. package/package.json +19 -1
  30. package/progress-circle/progress-circle.element.d.ts +2 -2
  31. package/radio/radio-group.element.js +1 -1
  32. package/radio/radio-group.element.js.map +1 -1
  33. package/selection-panels/checkbox/checkbox-panel.element.d.ts +35 -0
  34. package/selection-panels/checkbox/checkbox-panel.element.js +2 -0
  35. package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -0
  36. package/selection-panels/checkbox/index.d.ts +2 -0
  37. package/selection-panels/checkbox/index.js +2 -0
  38. package/selection-panels/checkbox/index.js.map +1 -0
  39. package/selection-panels/checkbox/register.d.ts +6 -0
  40. package/selection-panels/checkbox/register.js +2 -0
  41. package/selection-panels/checkbox/register.js.map +1 -0
  42. package/selection-panels/index.d.ts +11 -0
  43. package/selection-panels/index.js +2 -0
  44. package/selection-panels/index.js.map +1 -0
  45. package/selection-panels/radio/index.d.ts +2 -0
  46. package/selection-panels/radio/index.js +2 -0
  47. package/selection-panels/radio/index.js.map +1 -0
  48. package/selection-panels/radio/radio-panel.element.d.ts +35 -0
  49. package/selection-panels/radio/radio-panel.element.js +2 -0
  50. package/selection-panels/radio/radio-panel.element.js.map +1 -0
  51. package/selection-panels/radio/register.d.ts +6 -0
  52. package/selection-panels/radio/register.js +2 -0
  53. package/selection-panels/radio/register.js.map +1 -0
  54. package/selection-panels/register.d.ts +8 -0
  55. package/selection-panels/register.js +2 -0
  56. package/selection-panels/register.js.map +1 -0
  57. package/selection-panels/shared/selection-panel.element.scss.js +6 -0
  58. package/selection-panels/shared/selection-panel.element.scss.js.map +1 -0
  59. package/selection-panels/shared/selection-panel.interfaces.d.ts +1 -0
  60. package/styles/module.tokens.css +1 -0
  61. package/styles/module.tokens.min.css +1 -1
  62. package/styles/theme.dark.css +1 -0
  63. package/styles/theme.dark.min.css +1 -1
  64. package/tag/tag.element.d.ts +1 -1
  65. package/tokens/tokens.android.xml +1 -0
  66. package/tokens/tokens.d.ts +1 -0
  67. package/tokens/tokens.ios.swift +1 -0
  68. package/tokens/tokens.js +1 -0
  69. package/tokens/tokens.json +8 -0
  70. package/tokens/tokens.scss +1 -0
@@ -31,19 +31,19 @@ export declare class CdsIcon extends LitElement {
31
31
  set shape(val: string);
32
32
  get size(): string;
33
33
  /**
34
- * @type {string | xs | sm | md | lg | xl | xxl}
35
34
  * Apply numerical width-height or a t-shirt-sized CSS classname
35
+ * @type {string | xs | sm | md | lg | xl | xxl}
36
36
  */
37
37
  set size(val: string);
38
38
  /**
39
- * @type {up | down | left | right}
40
39
  * Takes a directional value that rotates the icon 90° with the
41
40
  * top of the icon pointing in the specified direction.
41
+ * @type {up | down | left | right}
42
42
  */
43
43
  direction: Directions;
44
44
  /**
45
- * @type {horizontal | vertical}
46
45
  * Takes an orientation value that reverses the orientation of the icon vertically or horizontally'
46
+ * @type {horizontal | vertical}
47
47
  */
48
48
  flip: Orientations;
49
49
  /**
@@ -51,8 +51,8 @@ export declare class CdsIcon extends LitElement {
51
51
  */
52
52
  solid: boolean;
53
53
  /**
54
- * @type {info | success | warning | danger}
55
54
  * Changes color of icon fills and outlines
55
+ * @type {info | success | warning | danger}
56
56
  */
57
57
  status: StatusTypes;
58
58
  /**
@@ -61,7 +61,6 @@ export declare class CdsIcon extends LitElement {
61
61
  */
62
62
  inverse: boolean;
63
63
  /**
64
- * @type {info | success | warning | danger | inherit | warning-triangle | inherit-triangle}
65
64
  * Sets the color of the icon decoration that appears in the top-right corner
66
65
  * of the glyph. The icon decoration is derived from the following predefined types.
67
66
  *
@@ -79,6 +78,7 @@ export declare class CdsIcon extends LitElement {
79
78
  * By default, the badge displays a 'danger' dot (a red-colored dot).
80
79
  *
81
80
  * Setting the badge to 'false' or removing the attribute will remove the default icon badge.
81
+ * @type {info | success | warning | danger | inherit | warning-triangle | inherit-triangle}
82
82
  */
83
83
  badge: StatusTypes | 'inherit' | 'warning-triangle' | 'inherit-triangle' | true | false;
84
84
  /**
@@ -1,2 +1,2 @@
1
- import{css as t}from"lit";var a=t`@charset "UTF-8";:host,:root{--δ1:var(--cds-global-layout-space-xxs, calc((2 / var(--cds-global-base, 20)) * 1rem));--δ2:var(--cds-global-layout-space-xs, calc((4 / var(--cds-global-base, 20)) * 1rem));--δ3:var(--cds-global-layout-space-sm, calc((6 / var(--cds-global-base, 20)) * 1rem));--δ4:var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem));--δ5:var(--cds-global-layout-space-lg, calc((24 / var(--cds-global-base, 20)) * 1rem));--δ6:var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem))}[cds-layout~="wrap:none"]{flex-wrap:nowrap!important}[cds-layout*="align:stretch"]{flex-grow:1!important}[cds-layout*="align:shrink"]{flex-shrink:1!important;flex-grow:0!important}[cds-layout~=horizontal],[cds-layout~=vertical]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:flex-start}[cds-layout~=horizontal]{flex-direction:row;flex-wrap:wrap;justify-items:flex-start;margin:0;min-height:0}[cds-layout~=horizontal]>[cds-layout~=horizontal],[cds-layout~=horizontal]>[cds-layout~=vertical],[cds-layout~=horizontal]>[cds-text]{width:initial!important}[cds-layout~=horizontal][cds-layout*="align:top"]{align-items:flex-start}[cds-layout~=horizontal][cds-layout*="align:left"]{justify-content:flex-start}[cds-layout~=horizontal][cds-layout*="align:right"]{justify-content:flex-end}[cds-layout~=horizontal][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=horizontal][cds-layout*="align:horizontal-center"]{justify-content:center}[cds-layout~=horizontal][cds-layout*="align:center"]{align-items:center;align-content:center;justify-content:center}[cds-layout~=horizontal][cds-layout*="order:reverse"]{flex-direction:row-reverse}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]{justify-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>*{flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:vertical-center"]{align-self:center}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:horizontal-center"]{margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:top"]{align-self:flex-start}[cds-layout~=horizontal]>[cds-layout*="align:right"]{margin-left:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:left"]{margin-right:auto!important}[cds-layout~=vertical]{flex-direction:column}[cds-layout~=vertical],[cds-layout~=vertical][cds-layout*="align:top"]{justify-content:flex-start}[cds-layout~=vertical][cds-layout*="align:left"]{align-items:flex-start}[cds-layout~=vertical][cds-layout*="align:right"]{align-items:flex-end}[cds-layout~=vertical][cds-layout*="align:vertical-center"]{justify-content:center}[cds-layout~=vertical][cds-layout*="align:horizontal-center"]{align-items:center}[cds-layout~=vertical][cds-layout*="align:center"]{align-items:center;justify-content:center}[cds-layout~=vertical][cds-layout*="order:reverse"]{flex-direction:column-reverse}[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"]{align-items:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]{align-items:stretch;justify-content:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:vertical-center"]{margin-top:auto;margin-bottom:auto}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:horizontal-center"]{align-self:center}[cds-layout~=vertical]>[cds-layout*="align:top"]{margin-bottom:auto!important}[cds-layout~=vertical]>[cds-layout*="align:right"]{margin-left:auto}[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}[cds-layout~=grid]{display:grid;align-items:start;align-content:start;grid-template-columns:repeat(var(--cds-global-layout-grid-cols,12),1fr);width:100%}[cds-layout~=grid][cds-layout*=rows]{grid-template-rows:repeat(12,auto)}[cds-layout~=grid]>[cds-layout*=row]{align-self:stretch}[cds-layout~=grid][cds-layout*="align:top"]{align-content:start}[cds-layout~=grid][cds-layout*="align:right"]{justify-content:end}[cds-layout~=grid][cds-layout*="align:left"]{justify-content:start}[cds-layout~=grid][cds-layout*="align:horizontal-stretch"]{justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=grid][cds-layout*="align:horizontal-center"]{justify-items:center;justify-content:center}[cds-layout~=grid][cds-layout*="align:center"]{align-items:center;align-content:center;justify-items:center;justify-content:center}[cds-layout~="display:screen-reader-only"]{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;top:0;left:0;display:block!important}[cds-layout*="gap:none"]{gap:0}[cds-layout*="gap:xs"]{gap:var(--δ2)}[cds-layout*="gap:sm"]{gap:var(--δ3)}[cds-layout*="gap:md"]{gap:var(--δ4)}[cds-layout*="gap:lg"]{gap:var(--δ5)}[cds-layout~="p:none"]{padding:0!important}[cds-layout~="p:xs"]{padding:var(--δ2)!important}[cds-layout~="p:sm"]{padding:var(--δ3)!important}[cds-layout~="p:md"]{padding:var(--δ4)!important}[cds-layout~="m:md"]{margin:var(--δ4)!important}[cds-layout~="p:lg"]{padding:var(--δ5)!important}[cds-layout~="p-y:xxs"]{padding-top:var(--δ1)!important;padding-bottom:var(--δ1)!important}[cds-layout~="p-y:xs"]{padding-top:var(--δ2)!important;padding-bottom:var(--δ2)!important}[cds-layout~="p-x:sm"]{padding-left:var(--δ3)!important;padding-right:var(--δ3)!important}[cds-layout~="p-y:sm"]{padding-top:var(--δ3)!important;padding-bottom:var(--δ3)!important}[cds-layout~="p-x:md"]{padding-left:var(--δ4)!important;padding-right:var(--δ4)!important}[cds-layout~="p-y:md"]{padding-top:var(--δ4)!important;padding-bottom:var(--δ4)!important}[cds-layout~="p-x:lg"]{padding-left:var(--δ5)!important;padding-right:var(--δ5)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ4)!important}[cds-layout~="p-t:lg"]{padding-top:var(--δ5)!important}[cds-layout~="p-b:lg"]{padding-bottom:var(--δ5)!important}@media (min-width:992px){[cds-layout*="gap@md:lg"]{gap:var(--δ5)}[cds-layout~="p@md:lg"]{padding:var(--δ5)!important}[cds-layout~="m@md:xl"]{margin:var(--δ6)!important}}[cds-layout~=fill]{width:100%!important}*,:after,:before{box-sizing:border-box}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>::slotted(*),[cds-layout~=horizontal][cds-layout*="align:stretch"]>::slotted(*),[cds-layout~=vertical][cds-layout*="align:stretch"]>::slotted(*){flex-grow:1}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:left"]),[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}@media (min-width:576px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto}}@media (min-width:768px){[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto}}@media (min-width:992px){[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:left"]){margin-right:auto}}@media (min-width:1200px){[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto}}@media (min-width:1440px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto}}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:left"]){margin-right:auto!important}@media (min-width:576px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto!important}}@media (min-width:768px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto!important}}@media (min-width:992px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:left"]){margin-right:auto!important}}@media (min-width:1200px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto!important}}@media (min-width:1440px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto!important}}[cds-text]{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=section],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))}[cds-text*=body],[cds-text*=message],[cds-text*=secondary]{color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000))}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size,calc((40 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-display-font-weight,400);line-height:var(--cds-global-typography-display-line-height,1.1em);letter-spacing:var(--cds-global-typography-display-letter-spacing,-.0125em)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size,calc((24 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-title-font-weight,400);line-height:var(--cds-global-typography-title-line-height,1.16667em);letter-spacing:var(--cds-global-typography-title-letter-spacing,-.008333em)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size,calc((20 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-section-font-weight,400);line-height:var(--cds-global-typography-section-line-height,1.2em);letter-spacing:var(--cds-global-typography-section-letter-spacing,-.01em)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight,400);font-size:var(--cds-global-typography-body-font-size,calc((14 / var(--cds-global-base,20)) * 1rem));letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);line-height:var(--cds-global-typography-body-line-height,1.42857em)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,calc((16 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-message-font-weight,calc((400 / var(--cds-global-base,20)) * 1rem));line-height:var(--cds-global-typography-message-line-height,1.25em);letter-spacing:var(--cds-global-typography-message-letter-spacing,-.0125em)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size,calc((13 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-secondary-font-weight,400);line-height:var(--cds-global-typography-secondary-line-height,1.23077em);letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color,var(--cds-global-color-blue-800,#00608a))!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover,var(--cds-global-color-blue-900,#004b6b))!important}[cds-text~=link]:visited:not([cds-text~=static]){color:var(--cds-global-typography-link-color-visited,var(--cds-global-color-lavender-600,#3b40ce))!important}[cds-text~=link]:visited:not([cds-text~=static]):hover{color:var(--cds-global-typography-link-color-visited-hover,var(--cds-global-color-lavender-700,#2429c2))!important}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem));overflow:hidden;box-shadow:var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)) 0 0 0 var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem)) inset}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light,300)!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-text*=h2],[cds-text*=h3]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:1.4rem;font-weight:200;color:#333;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.7143em - 1em)/ 2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.7143em - 1em)/ 2))*-1) - .044em)}[cds-text*=h3]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.0909em - 1em)/ 2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.0909em - 1em)/ 2))*-1) - .044em)}:host{all:initial;display:block;visibility:inherit;font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);contain:layout;box-sizing:border-box!important;-webkit-appearance:none!important}*,:after,:before{box-sizing:inherit!important}slot{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);display:contents!important}::slotted(*){font-family:inherit;box-sizing:inherit}::slotted(*)::placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}:host([_is-anchor]),:host([role=button]){cursor:pointer!important}:host([_is-anchor]) ::slotted(*),:host([role=button]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}@media (-webkit-min-device-pixel-ratio:0){:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline-color:-webkit-focus-ring-color}}`;export default a;
1
+ import{css as t}from"lit";var a=t`@charset "UTF-8";:host,:root{--δ2:var(--cds-global-layout-space-xs, calc((4 / var(--cds-global-base, 20)) * 1rem));--δ3:var(--cds-global-layout-space-sm, calc((6 / var(--cds-global-base, 20)) * 1rem));--δ4:var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem));--δ5:var(--cds-global-layout-space-lg, calc((24 / var(--cds-global-base, 20)) * 1rem));--δ6:var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem))}[cds-layout~="wrap:none"]{flex-wrap:nowrap!important}[cds-layout*="align:stretch"]{flex-grow:1!important}[cds-layout*="align:shrink"]{flex-shrink:1!important;flex-grow:0!important}[cds-layout~=horizontal],[cds-layout~=vertical]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:flex-start}[cds-layout~=horizontal]{flex-direction:row;flex-wrap:wrap;justify-items:flex-start;margin:0;min-height:0}[cds-layout~=horizontal]>[cds-layout~=horizontal],[cds-layout~=horizontal]>[cds-layout~=vertical],[cds-layout~=horizontal]>[cds-text]{width:initial!important}[cds-layout~=horizontal][cds-layout*="align:top"]{align-items:flex-start}[cds-layout~=horizontal][cds-layout*="align:left"]{justify-content:flex-start}[cds-layout~=horizontal][cds-layout*="align:right"]{justify-content:flex-end}[cds-layout~=horizontal][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=horizontal][cds-layout*="align:horizontal-center"]{justify-content:center}[cds-layout~=horizontal][cds-layout*="align:center"]{align-items:center;align-content:center;justify-content:center}[cds-layout~=horizontal][cds-layout*="order:reverse"]{flex-direction:row-reverse}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]{justify-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>*{flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;flex-grow:1}[cds-layout~=horizontal][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:vertical-center"]{align-self:center}[cds-layout~=horizontal]>[cds-layout*="align:center"],[cds-layout~=horizontal]>[cds-layout*="align:horizontal-center"]{margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:top"]{align-self:flex-start}[cds-layout~=horizontal]>[cds-layout*="align:right"]{margin-left:auto!important}[cds-layout~=horizontal]>[cds-layout*="align:left"]{margin-right:auto!important}[cds-layout~=vertical]{flex-direction:column}[cds-layout~=vertical],[cds-layout~=vertical][cds-layout*="align:top"]{justify-content:flex-start}[cds-layout~=vertical][cds-layout*="align:left"]{align-items:flex-start}[cds-layout~=vertical][cds-layout*="align:right"]{align-items:flex-end}[cds-layout~=vertical][cds-layout*="align:vertical-center"]{justify-content:center}[cds-layout~=vertical][cds-layout*="align:horizontal-center"]{align-items:center}[cds-layout~=vertical][cds-layout*="align:center"]{align-items:center;justify-content:center}[cds-layout~=vertical][cds-layout*="order:reverse"]{flex-direction:column-reverse}[cds-layout~=vertical][cds-layout*="align:horizontal-stretch"]{align-items:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]{align-items:stretch;justify-content:stretch}[cds-layout~=vertical][cds-layout*="align:stretch"]>*{flex-grow:1}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:vertical-center"]{margin-top:auto;margin-bottom:auto}[cds-layout~=vertical]>[cds-layout*="align:center"],[cds-layout~=vertical]>[cds-layout*="align:horizontal-center"]{align-self:center}[cds-layout~=vertical]>[cds-layout*="align:top"]{margin-bottom:auto!important}[cds-layout~=vertical]>[cds-layout*="align:right"]{margin-left:auto}[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}[cds-layout~=grid]{display:grid;align-items:start;align-content:start;grid-template-columns:repeat(var(--cds-global-layout-grid-cols,12),1fr);width:100%}[cds-layout~=grid][cds-layout*=rows]{grid-template-rows:repeat(12,auto)}[cds-layout~=grid]>[cds-layout*=row]{align-self:stretch}[cds-layout~=grid][cds-layout*="align:top"]{align-content:start}[cds-layout~=grid][cds-layout*="align:right"]{justify-content:end}[cds-layout~=grid][cds-layout*="align:left"]{justify-content:start}[cds-layout~=grid][cds-layout*="align:horizontal-stretch"]{justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:stretch"]{align-items:stretch;align-content:stretch;justify-items:stretch;justify-content:stretch}[cds-layout~=grid][cds-layout*="align:vertical-center"]{align-items:center;align-content:center}[cds-layout~=grid][cds-layout*="align:horizontal-center"]{justify-items:center;justify-content:center}[cds-layout~=grid][cds-layout*="align:center"]{align-items:center;align-content:center;justify-items:center;justify-content:center}[cds-layout~="display:screen-reader-only"]{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;top:0;left:0;display:block!important}[cds-layout*="gap:none"]{gap:0}[cds-layout*="gap:xs"]{gap:var(--δ2)}[cds-layout*="gap:sm"]{gap:var(--δ3)}[cds-layout*="gap:md"]{gap:var(--δ4)}[cds-layout*="gap:lg"]{gap:var(--δ5)}[cds-layout~="p:none"]{padding:0!important}[cds-layout~="p:xs"]{padding:var(--δ2)!important}[cds-layout~="p:sm"]{padding:var(--δ3)!important}[cds-layout~="p:md"]{padding:var(--δ4)!important}[cds-layout~="m:md"]{margin:var(--δ4)!important}[cds-layout~="p:lg"]{padding:var(--δ5)!important}[cds-layout~="p-y:xs"]{padding-top:var(--δ2)!important;padding-bottom:var(--δ2)!important}[cds-layout~="p-x:sm"]{padding-left:var(--δ3)!important;padding-right:var(--δ3)!important}[cds-layout~="p-y:sm"]{padding-top:var(--δ3)!important;padding-bottom:var(--δ3)!important}[cds-layout~="p-x:md"]{padding-left:var(--δ4)!important;padding-right:var(--δ4)!important}[cds-layout~="p-y:md"]{padding-top:var(--δ4)!important;padding-bottom:var(--δ4)!important}[cds-layout~="p-x:lg"]{padding-left:var(--δ5)!important;padding-right:var(--δ5)!important}[cds-layout~="p-l:md"]{padding-left:var(--δ4)!important}[cds-layout~="p-t:lg"]{padding-top:var(--δ5)!important}[cds-layout~="p-b:lg"]{padding-bottom:var(--δ5)!important}@media (min-width:992px){[cds-layout*="gap@md:lg"]{gap:var(--δ5)}[cds-layout~="p@md:lg"]{padding:var(--δ5)!important}[cds-layout~="m@md:xl"]{margin:var(--δ6)!important}}[cds-layout~=fill]{width:100%!important}*,:after,:before{box-sizing:border-box}[cds-layout~=horizontal][cds-layout*="align:horizontal-stretch"]>::slotted(*),[cds-layout~=horizontal][cds-layout*="align:stretch"]>::slotted(*),[cds-layout~=vertical][cds-layout*="align:stretch"]>::slotted(*){flex-grow:1}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align:left"]),[cds-layout~=vertical]>[cds-layout*="align:left"]{margin-right:auto}@media (min-width:576px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto}}@media (min-width:768px){[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto}}@media (min-width:992px){[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@md:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@md:left"]){margin-right:auto}}@media (min-width:1200px){[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto}}@media (min-width:1440px){[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:vertical-center"]){margin-top:auto;margin-bottom:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:horizontal-center"]){align-self:center}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:top"]){margin-bottom:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:bottom"]){margin-top:auto!important}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto}[cds-layout~=vertical] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto}}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align:left"]){margin-right:auto!important}@media (min-width:576px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xs:left"]){margin-right:auto!important}}@media (min-width:768px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@sm:left"]){margin-right:auto!important}}@media (min-width:992px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@md:left"]){margin-right:auto!important}}@media (min-width:1200px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@lg:left"]){margin-right:auto!important}}@media (min-width:1440px){[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:vertical-center"]){align-self:center}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:center"]),[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:horizontal-center"]){margin-left:auto!important;margin-right:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:top"]){align-self:flex-start}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:bottom"]){align-self:flex-end}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:right"]){margin-left:auto!important}[cds-layout~=horizontal] ::slotted([cds-layout*="align@xl:left"]){margin-right:auto!important}}[cds-text]{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);margin-top:0;margin-bottom:0}[cds-text][cds-layout~=grid]::after,[cds-text][cds-layout~=grid]::before,[cds-text][cds-layout~=horizontal]::after,[cds-text][cds-layout~=horizontal]::before,[cds-text][cds-layout~=vertical]::after,[cds-text][cds-layout~=vertical]::before{display:none}[cds-text*=display],[cds-text*=section],[cds-text*=title]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b))}[cds-text*=body],[cds-text*=message],[cds-text*=secondary]{color:var(--cds-global-typography-color-500,var(--cds-global-color-black,#000))}[cds-text*=inline]{width:auto!important;display:inline-block!important}[cds-text*=display]{font-size:var(--cds-global-typography-display-font-size,calc((40 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-display-font-weight,400);line-height:var(--cds-global-typography-display-line-height,1.1em);letter-spacing:var(--cds-global-typography-display-letter-spacing,-.0125em)}[cds-text*=display]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) + .037em)}[cds-text*=display]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-display-line-height,1.1em) - 1em)/ 2))*-1) - .044em)}[cds-text*=title]{font-size:var(--cds-global-typography-title-font-size,calc((24 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-title-font-weight,400);line-height:var(--cds-global-typography-title-line-height,1.16667em);letter-spacing:var(--cds-global-typography-title-letter-spacing,-.008333em)}[cds-text*=title]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) + .037em)}[cds-text*=title]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-title-line-height,1.16667em) - 1em)/ 2))*-1) - .044em)}[cds-text*=section]{font-size:var(--cds-global-typography-section-font-size,calc((20 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-section-font-weight,400);line-height:var(--cds-global-typography-section-line-height,1.2em);letter-spacing:var(--cds-global-typography-section-letter-spacing,-.01em)}[cds-text*=section]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) + .037em)}[cds-text*=section]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-section-line-height,1.2em) - 1em)/ 2))*-1) - .044em)}[cds-text*=body]{font-weight:var(--cds-global-typography-body-font-weight,400);font-size:var(--cds-global-typography-body-font-size,calc((14 / var(--cds-global-base,20)) * 1rem));letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);line-height:var(--cds-global-typography-body-line-height,1.42857em)}[cds-text*=body]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) + .1em)}[cds-text*=body]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-body-line-height,1.42857em) - 1em)/ 2))*-1) - .044em)}[cds-text*=message]{font-size:var(--cds-global-typography-message-font-size,calc((16 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-message-font-weight,calc((400 / var(--cds-global-base,20)) * 1rem));line-height:var(--cds-global-typography-message-line-height,1.25em);letter-spacing:var(--cds-global-typography-message-letter-spacing,-.0125em)}[cds-text*=message]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) + .037em)}[cds-text*=message]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-message-line-height,1.25em) - 1em)/ 2))*-1) - .044em)}[cds-text*=secondary]{font-size:var(--cds-global-typography-secondary-font-size,calc((13 / var(--cds-global-base,20)) * 1rem));font-weight:var(--cds-global-typography-secondary-font-weight,400);line-height:var(--cds-global-typography-secondary-line-height,1.23077em);letter-spacing:var(--cds-global-typography-secondary-letter-spacing,-.007692em)}[cds-text*=secondary]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) + .037em)}[cds-text*=secondary]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((var(--cds-global-typography-secondary-line-height,1.23077em) - 1em)/ 2))*-1) - .044em)}[cds-text~=link]{color:var(--cds-global-typography-link-color,var(--cds-global-color-blue-800,#00608a))!important;text-decoration:underline!important;line-height:inherit!important;font-size:inherit!important}[cds-text~=link]:hover{color:var(--cds-global-typography-link-color-hover,var(--cds-global-color-blue-900,#004b6b))!important}[cds-text~=link]:visited:not([cds-text~=static]){color:var(--cds-global-typography-link-color-visited,var(--cds-global-color-lavender-600,#3b40ce))!important}[cds-text~=link]:visited:not([cds-text~=static]):hover{color:var(--cds-global-typography-link-color-visited-hover,var(--cds-global-color-lavender-700,#2429c2))!important}[cds-divider]{display:block;height:var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem));overflow:hidden;box-shadow:var(--cds-alias-object-border-color,var(--cds-global-color-construction-200,#cbd4d8)) 0 0 0 var(--cds-alias-object-border-width-100,calc((1 / var(--cds-global-base,20)) * 1rem)) inset}[cds-text~=light]{font-weight:var(--cds-global-typography-font-weight-light,300)!important}[cds-text~=left]{text-align:left!important}[cds-text~=right]{text-align:right!important}[cds-text~=center]{text-align:center!important}[cds-text~=lhe]{padding:.05px 0}[cds-text~=lhe]::before{content:"";margin-top:-.124em;display:block;height:0}[cds-text~=lhe]::after{content:"";margin-bottom:-.221em;display:block;height:0}[cds-text*=h2],[cds-text*=h3]{font-family:var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);font-size:1.4rem;font-weight:200;color:#333;line-height:1.7143em;letter-spacing:-.017857em}[cds-text*=h2]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.7143em - 1em)/ 2))*-1) + .037em)}[cds-text*=h2]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.7143em - 1em)/ 2))*-1) - .044em)}[cds-text*=h3]{font-size:1.1rem;line-height:1.0909em;letter-spacing:-.013636em}[cds-text*=h3]::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((var(--cds-global-typography-top-gap-height,.1475em) + calc((1.0909em - 1em)/ 2))*-1) + .037em)}[cds-text*=h3]::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - var(--cds-global-typography-top-gap-height,.1475em) - var(--cds-global-typography-ascender-height,.1703em) - var(--cds-global-typography-x-height,.517em)) + calc((1.0909em - 1em)/ 2))*-1) - .044em)}:host{all:initial;display:block;visibility:inherit;font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);contain:layout;box-sizing:border-box!important;-webkit-appearance:none!important}*,:after,:before{box-sizing:inherit!important}slot{font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);display:contents!important}::slotted(*){font-family:inherit;box-sizing:inherit}::slotted(*)::placeholder{color:var(--cds-global-typography-color-200,var(--cds-global-color-construction-600,#4f6169))}:host([_is-anchor]),:host([role=button]){cursor:pointer!important}:host([_is-anchor]) ::slotted(*),:host([role=button]) ::slotted(*){cursor:pointer!important}:host([role=button][disabled]){cursor:not-allowed!important}:host([role=button][disabled]) ::slotted(*){cursor:not-allowed!important;pointer-events:none}:host([hidden]),[hidden]{display:none!important}:host([hidden*=false]){display:block!important}:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:var(--cds-alias-object-interaction-outline-offset,1px)}@media (-webkit-min-device-pixel-ratio:0){:host([_focused]) .input,:host([_focused]) [focusable],:host([tabindex="0"]:focus),:host([tabindex="0"]:focus) [focusable],[tabindex="0"][focusable]:focus{outline-color:-webkit-focus-ring-color}}`;export default a;
2
2
  //# sourceMappingURL=base.element.scss.js.map
@@ -1,2 +1,2 @@
1
- import{isBrowser as e}from"./exists.js";import{getAngularVersion as o,getAngularJSVersion as n,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){var e;const o="5.5.8";window.CDS._version.indexOf(o)<0&&(window.CDS._version.push(o),null===(e=document.querySelector("body"))||void 0===e||e.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,o,n)=>{const t={key:o,prev:window.CDS._state[o],current:n};return e[o]=n,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:o(!1),angularJSVersion:n(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
1
+ import{isBrowser as e}from"./exists.js";import{getAngularVersion as o,getAngularJSVersion as n,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){var e;const o="5.6.0";window.CDS._version.indexOf(o)<0&&(window.CDS._version.push(o),null===(e=document.querySelector("body"))||void 0===e||e.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,o,n)=>{const t={key:o,prev:window.CDS._state[o],current:n};return e[o]=n,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:o(!1),angularJSVersion:n(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
2
2
  //# sourceMappingURL=global.js.map
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,createId as s,spanWrapper as r,baseStyles as n,i18n as d,property as p,state as a,querySlot as l,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{manageScreenReaderElements as u,NAVIGATION_TEXT_WRAPPER as m}from"./utils/index.js";const v="cds-navigation-item";class y extends e{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.active=!1,this.disabled=!1,this.role="listitem",this.expanded=!1,this.expandedGroup=!0,this.hasFocus=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=s())}firstUpdated(t){super.firstUpdated(t),this.handleItemAnchorText(),u(this,this.expanded)}handleItemAnchorText(){var t;const e=this.querySelector("a");e&&(r(e.childNodes),null===(t=null==e?void 0:e.querySelector("span"))||void 0===t||t.setAttribute(m,""))}render(){return o`<div class="private-host ${this.groupItem?"group-item":""}" cds-layout="horizontal align:horizontal-stretch wrap:none"><slot @slotchange="${this.handleItemAnchorText}"></slot></div>`}static get styles(){return[n,h]}updated(t){super.updated(t),u(this,this.expanded)}}t([d()],y.prototype,"i18n",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),t([p({type:String,reflect:!0})],y.prototype,"role",void 0),t([a({type:Boolean})],y.prototype,"expanded",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"expandedGroup",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"groupItem",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([l("a")],y.prototype,"focusElement",void 0),t([l("cds-icon",{assign:"cds-icon-slot"})],y.prototype,"itemIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationItem,v as CdsNavigationItemTagName};
1
+ import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{I18nService as i,createId as s,spanWrapper as r,baseStyles as d,i18n as n,property as p,state as a,querySlot as l,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-item.element.scss.js";import{manageScreenReaderElements as m,NAVIGATION_TEXT_WRAPPER as u}from"./utils/index.js";const v="cds-navigation-item";class y extends e{constructor(){super(...arguments),this.i18n=i.keys.navigation,this.active=!1,this.disabled=!1,this.role="listitem",this.expanded=!1,this.expandedGroup=!0,this.hasFocus=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=s())}firstUpdated(t){super.firstUpdated(t),this.handleItemAnchorText(),m(this,this.expanded)}handleItemAnchorText(){var t;const e=this.querySelector("a");e&&(r(e.childNodes),null===(t=null==e?void 0:e.querySelector("span"))||void 0===t||t.setAttribute(u,""))}render(){return o`<div class="private-host ${this.groupItem?"group-item":""}" cds-layout="horizontal align:horizontal-stretch wrap:none gap:md"><slot @slotchange="${this.handleItemAnchorText}"></slot></div>`}static get styles(){return[d,h]}updated(t){super.updated(t),m(this,this.expanded)}}t([n()],y.prototype,"i18n",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"active",void 0),t([p({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),t([p({type:String,reflect:!0})],y.prototype,"role",void 0),t([a({type:Boolean})],y.prototype,"expanded",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"expandedGroup",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"groupItem",void 0),t([a({type:Boolean,reflect:!0})],y.prototype,"hasFocus",void 0),t([l("a")],y.prototype,"focusElement",void 0),t([l("cds-icon",{assign:"cds-icon-slot"})],y.prototype,"itemIcon",void 0),t([c("[cds-navigation-sr-text]")],y.prototype,"itemText",void 0);export{y as CdsNavigationItem,v as CdsNavigationItemTagName};
2
2
  //# sourceMappingURL=navigation-item.element.js.map
@@ -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","role","expanded","expandedGroup","hasFocus","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","String","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,KAAO,WACZP,KAAKQ,UAAW,EAChBR,KAAKS,eAAgB,EACrBT,KAAKU,UAAW,EAEpBb,oBACIC,MAAMa,oBACDX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBhB,aAAaiB,GACThB,MAAMiB,aAAaD,GACnBd,KAAKgB,uBACLC,EAA2BjB,KAAMA,KAAKQ,UAE1CX,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,qFAGlC1B,KAAKgB,sCAI7BW,oBACI,MAAO,CAACC,EAAYD,GAExB9B,QAAQiB,GACJhB,MAAM+B,QAAQf,GACdG,EAA2BjB,KAAMA,KAAKQ,WAG9CsB,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,CACPE,EAAS,CAAEC,KAAMG,OAAQD,SAAS,KACnCxC,EAAkBoC,UAAW,YAAQ,GACxCD,EAAW,CACPO,EAAM,CAAEJ,KAAMC,WACfvC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPO,EAAM,CAAEJ,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,qBAAiB,GACjDD,EAAW,CACPO,EAAM,CAAEJ,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,iBAAa,GAC7CD,EAAW,CACPO,EAAM,CAAEJ,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPQ,EAAU,MACX3C,EAAkBoC,UAAW,oBAAgB,GAChDD,EAAW,CACPQ,EAAU,WAAY,CAAEC,OAAQ,mBACjC5C,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPU,EAAa,6BACd7C,EAAkBoC,UAAW,gBAAY"}
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","role","expanded","expandedGroup","hasFocus","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","String","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,KAAO,WACZP,KAAKQ,UAAW,EAChBR,KAAKS,eAAgB,EACrBT,KAAKU,UAAW,EAEpBb,oBACIC,MAAMa,oBACDX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBhB,aAAaiB,GACThB,MAAMiB,aAAaD,GACnBd,KAAKgB,uBACLC,EAA2BjB,KAAMA,KAAKQ,UAE1CX,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,KAAKQ,WAG9CsB,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,CACPE,EAAS,CAAEC,KAAMG,OAAQD,SAAS,KACnCxC,EAAkBoC,UAAW,YAAQ,GACxCD,EAAW,CACPO,EAAM,CAAEJ,KAAMC,WACfvC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPO,EAAM,CAAEJ,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,qBAAiB,GACjDD,EAAW,CACPO,EAAM,CAAEJ,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,iBAAa,GAC7CD,EAAW,CACPO,EAAM,CAAEJ,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPQ,EAAU,MACX3C,EAAkBoC,UAAW,oBAAgB,GAChDD,EAAW,CACPQ,EAAU,WAAY,CAAEC,OAAQ,mBACjC5C,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPU,EAAa,6BACd7C,EAAkBoC,UAAW,gBAAY"}
@@ -1,6 +1,6 @@
1
- import{css as o}from"lit";var t=o`/*!
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:inherit;--line-height:inherit;--focus-width:var(--cds-alias-object-border-width-300, calc((3 / var(--cds-global-base, 20)) * 1rem));--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:inherit;padding-left:var(--focus-width)}:host(:hover:not([disabled])),:host([_has-focus]){background:var(--cds-alias-object-interaction-background-hover,var(--cds-global-color-blue-50,#e6f7ff));outline:0;cursor:pointer}:host(:hover:not([disabled]))::after,:host([_has-focus])::after{content:"";position:absolute;inset:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem));outline:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) auto -webkit-focus-ring-color}:host([active]){background:var(--cds-alias-object-interaction-background-selected,var(--cds-global-color-blue-50,#e6f7ff));padding-left:0;border-left:var(--focus-width) solid var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host([_has-focus][active]){background:var(--cds-alias-object-interaction-background-hover,var(--cds-global-color-blue-50,#e6f7ff));border-color:transparent}:host(:active),:host(:active:focus){background:var(--cds-alias-object-interaction-background-active,var(--cds-global-color-blue-100,#bdebff))}:host([selected]){background:var(--cds-alias-object-interaction-background-selected,var(--cds-global-color-blue-50,#e6f7ff))}:host([disabled]){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled]):hover{--background:inherit}:host([disabled]) ::slotted(a){cursor:not-allowed}::slotted(cds-icon){color:inherit}::slotted(a){color:var(--color)!important;padding:var(--padding)!important;text-decoration:none!important}.private-host{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}`;export default t;
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:calc(var(--cds-alias-object-interaction-touch-target, calc((36 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-3, calc((4 / 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]){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}: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-color:-webkit-focus-ring-color}}:host([_active]:not([_expanded])),:host([active]){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([_active]:not([_expanded])) .private-host,:host([active]) .private-host{box-shadow:inset var(--cds-alias-object-border-width-300,calc((3 / var(--cds-global-base,20)) * 1rem)) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host(:active),:host(:active:focus){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}:host([selected]){--color:var(--cds-alias-object-interaction-color-selected, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]),:host([disabled]:hover){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white));--cursor:not-allowed}::slotted([role=button]),::slotted(a),::slotted(button),button{line-height:var(--line-height);min-height:var(--line-height);cursor:var(--cursor);text-decoration:none!important;padding:0;outline:0;background:0 0;border:0;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;align-items:center;gap:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem))}`;export default a;
6
6
  //# sourceMappingURL=navigation-item.element.scss.js.map
@@ -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-start.element.scss.js";import{NAVIGATION_TEXT_WRAPPER as u,getToggleIconDirection as g,manageScreenReaderElements as v}from"./utils/index.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}" class="private-host" 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}" class="private-host" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal wrap:none align:vertical-center"><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};
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 u from"./navigation-start.element.scss.js";import{NAVIGATION_TEXT_WRAPPER as g,getToggleIconDirection as v,manageScreenReaderElements as y}from"./utils/index.js";const x="cds-navigation-start";class m 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(g,"")}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,u]}get toggleIconDirection(){return v(this)}updated(t){super.updated(t),y(this,this.expandedRoot)}}t([r()],m.prototype,"i18n",void 0),t([d({type:Boolean})],m.prototype,"expandedRoot",void 0),t([l({type:Boolean,reflect:!0})],m.prototype,"hasFocus",void 0),t([d({type:Boolean,reflect:!0})],m.prototype,"isGroupStart",void 0),t([d({type:String,reflect:!0})],m.prototype,"role",void 0),t([d({type:String})],m.prototype,"navigationGroupId",void 0),t([l({type:Boolean,reflect:!0})],m.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],m.prototype,"expanded",void 0),t([p("[cds-navigation-start-icon]",{assign:"cds-icon-slot"})],m.prototype,"startIcon",void 0),t([c("[cds-navigation-sr-text]")],m.prototype,"itemText",void 0);export{m as CdsNavigationStart,x 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":"2ZAUY,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,oDAE3E5B,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,0BAEK1B,KAAKU,sCAEhBV,KAAKO,aAAeP,KAAK6B,kBAAoB,qGAI7B7B,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,EAAYD,GAExBH,0BACI,OAAOK,EAAuBpC,MAElCH,QAAQiB,GACJhB,MAAMuC,QAAQvB,GACdwB,EAA2BtC,KAAMA,KAAKK,eAG9CkC,EAAW,CACPtC,KACDN,EAAmB6C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClBhD,EAAmB6C,UAAW,oBAAgB,GACjDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjClD,EAAmB6C,UAAW,gBAAY,GAC7CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASE,SAAS,KACpClD,EAAmB6C,UAAW,oBAAgB,GACjDD,EAAW,CACPE,EAAS,CAAEC,KAAMI,OAAQD,SAAS,KACnClD,EAAmB6C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMI,UAClBnD,EAAmB6C,UAAW,yBAAqB,GACtDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjClD,EAAmB6C,UAAW,cAAU,GAC3CD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjClD,EAAmB6C,UAAW,gBAAY,GAC7CD,EAAW,CACPQ,EAAU,8BAA+B,CAAEC,OAAQ,mBACpDrD,EAAmB6C,UAAW,iBAAa,GAC9CD,EAAW,CACPU,EAAa,6BACdtD,EAAmB6C,UAAW,gBAAY"}
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":"4cAWY,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,EAAYF,GAEpCH,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
- import{css as o}from"lit";var t=o`/*!
1
+ import{css as e}from"lit";var r=e`/*!
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:inherit;--line-height:inherit;--focus-width:var(--cds-alias-object-border-width-300, calc((3 / var(--cds-global-base, 20)) * 1rem));--font-size:inherit;--font-weight:inherit;--text-transform:capitalize;padding-left:var(--focus-width)}:host(:hover),:host([_has-focus]){background:var(--cds-alias-object-interaction-background-hover,var(--cds-global-color-blue-50,#e6f7ff));outline:0;cursor:pointer}:host(:hover)::after,:host([_has-focus])::after{content:"";position:absolute;inset:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem));outline:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) auto -webkit-focus-ring-color}.private-host{background:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--line-height);text-transform:var(--text-transform)}.private-host:hover{cursor:pointer}.icon-slot,.private-host{color:var(--color)}::slotted(span){color:var(--color)}:host([is-group-start][_active]:not([_expanded])){background:var(--cds-alias-object-interaction-background-selected,var(--cds-global-color-blue-50,#e6f7ff));padding-left:0;border-left:var(--focus-width) solid var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host([_has-focus][is-group-start][_active]:not([_expanded])),:host([is-group-start][_active]:not([_expanded]):hover){background:var(--cds-alias-object-interaction-background-selected,var(--cds-global-color-blue-50,#e6f7ff));padding-left:var(--focus-width)}:host([is-group-start]){margin-bottom:false}:host(:active),:host(:active:focus){background:var(--cds-alias-object-interaction-background-active,var(--cds-global-color-blue-100,#bdebff))!important}`;export default t;
5
+ */`;export default r;
6
6
  //# sourceMappingURL=navigation-start.element.scss.js.map
@@ -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 g,querySlotAll as u,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 S,getPreviousFocusElement as x}from"./utils/index.js";import{AnimationNavigationOpenName as E}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.role="list",this.groupItem=!0,this.expanded=!1,this.i18n=a.keys.navigation}toggle(){this.expandedChange.emit(!this.expanded)}get currentActiveItem(){return this.visibleChildren.find((t=>t.id===this.ariaActiveDescendant))}get endTemplate(){return this.navigationEnd?e`<div class="navigation-end" cds-layout="vertical align:horizontal-stretch"><slot name="cds-navigation-end"></slot></div>`:""}get startTemplate(){let t;return t=this.rootNavigationStart?e`<div class="navigation-start" cds-layout="vertical align:horizontal-stretch"><slot @slotchange="${()=>this.addStartEventListener()}" name="navigation-start"></slot><cds-divider class="start-divider"></cds-divider></div>`:"",t}get visibleChildren(){return Array.from(this.allNavigationElements).filter((t=>n(t)))}addStartEventListener(){this.rootNavigationStart&&this.rootNavigationStart.addEventListener("click",this.toggle.bind(this))}firstUpdated(t){var i;super.firstUpdated(t),this.allNavigationElements.forEach((t=>{o(t,["tabindex","-1"])}));const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("#item-container");null==e||e.addEventListener("focus",this.initItemKeys.bind(this)),null==e||e.addEventListener("keydown",this.handleItemKeys.bind(this)),null==e||e.addEventListener("blur",this.blurItemKeys.bind(this))}blurItemKeys(){this.currentActiveItem&&I(this.currentActiveItem)}focusRootStart(){this.rootNavigationStart&&A(this.rootNavigationStart)}blurRootStart(){this.rootNavigationStart&&I(this.rootNavigationStart)}initItemKeys(){if(this.currentActiveItem){const t=this.currentActiveItem?this.currentActiveItem:this.allNavigationElements[0];A(t),this.ariaActiveDescendant=t.id}else A(this.focusableElements[0]),this.ariaActiveDescendant=this.focusableElements[0].id}get focusableElements(){return Array.from(this.allNavigationElements).filter(b)}handleItemKeys(t){s("arrow-down",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=S(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-up",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=x(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;const e=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)&&e){const t=null==e?void 0:e.querySelector("cds-navigation-start");return I(this.currentActiveItem),this.ariaActiveDescendant=null==t?void 0:t.id,void A(t)}e&&e.expanded&&e.expandedChange.emit(!e.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
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 g,querySlotAll as u,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 S,getPreviousFocusElement as E}from"./utils/index.js";import{AnimationNavigationOpenName as x}from"../internal/motion/animations/cds-navigation-open.js";const N="cds-navigation";let R=class extends i{constructor(){super(...arguments),this.expandedRoot=!1,this.cdsMotion="on",this.role="list",this.groupItem=!0,this.expanded=!1,this.i18n=a.keys.navigation}toggle(){this.expandedChange.emit(!this.expanded)}get currentActiveItem(){return this.visibleChildren.find((t=>t.id===this.ariaActiveDescendant))}get endTemplate(){return this.navigationEnd?e`<div class="navigation-end" cds-layout="vertical align:horizontal-stretch"><slot name="cds-navigation-end"></slot></div>`:""}get startTemplate(){let t;return t=this.rootNavigationStart?e`<div class="navigation-start" cds-layout="vertical align:horizontal-stretch"><slot @slotchange="${()=>this.addStartEventListener()}" name="navigation-start"></slot><cds-divider class="start-divider"></cds-divider></div>`:"",t}get visibleChildren(){return Array.from(this.allNavigationElements).filter((t=>n(t)))}addStartEventListener(){this.rootNavigationStart&&this.rootNavigationStart.addEventListener("click",this.toggle.bind(this))}firstUpdated(t){var i;super.firstUpdated(t),this.allNavigationElements.forEach((t=>{o(t,["tabindex","-1"])}));const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("#item-container");null==e||e.addEventListener("focus",this.initItemKeys.bind(this)),null==e||e.addEventListener("keydown",this.handleItemKeys.bind(this)),null==e||e.addEventListener("blur",this.blurItemKeys.bind(this))}blurItemKeys(){this.currentActiveItem&&I(this.currentActiveItem)}focusRootStart(){this.rootNavigationStart&&A(this.rootNavigationStart)}blurRootStart(){this.rootNavigationStart&&I(this.rootNavigationStart)}initItemKeys(){if(this.currentActiveItem){const t=this.currentActiveItem?this.currentActiveItem:this.allNavigationElements[0];A(t),this.ariaActiveDescendant=t.id}else A(this.focusableElements[0]),this.ariaActiveDescendant=this.focusableElements[0].id}get focusableElements(){return Array.from(this.allNavigationElements).filter(b)}handleItemKeys(t){s("arrow-down",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=S(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-up",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=E(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;const e=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)&&e){const t=null==e?void 0:e.querySelector("cds-navigation-start");return I(this.currentActiveItem),this.ariaActiveDescendant=null==t?void 0:t.id,void A(t)}e&&e.expanded&&e.expandedChange.emit(!e.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 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></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([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: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","role","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","tagName","groupStartElement","home","end","length","click","_c","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
+ {"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","role","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","tagName","groupStartElement","home","end","length","click","_c","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}.navigation-sr-wrapper{height:100%;outline:0}::slotted([slot=cds-navigation-substart]){width:100%}`;export default o;
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%;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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cds/core",
3
- "version": "5.5.8",
3
+ "version": "5.6.0",
4
4
  "license": "MIT",
5
5
  "author": "clarity",
6
6
  "description": "Clarity Design System Web Components",
@@ -64,6 +64,9 @@
64
64
  "./range/register.js",
65
65
  "./search/register.js",
66
66
  "./select/register.js",
67
+ "./selection-panels/register.js",
68
+ "./selection-panels/checkbox/register.js",
69
+ "./selection-panels/radio/register.js",
67
70
  "./tag/register.js",
68
71
  "./textarea/register.js",
69
72
  "./test-dropdown/register.js",
@@ -79,6 +82,12 @@
79
82
  "./test": "./test/index.js",
80
83
  "./icon/shapes/*": "./icon/shapes/*",
81
84
  "./icon/icon.service.js": "./icon/icon.service.js",
85
+ "./tokens/tokens.js": "./tokens/tokens.js",
86
+ "./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
87
+ "./tokens/tokens.json": "./tokens/tokens.json",
88
+ "./tokens/tokens.scss": "./tokens/tokens.scss",
89
+ "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
90
+ "./tokens/tokens.android.xml": "./tokens/tokens.android.xml",
82
91
  "./accordion": "./accordion/index.js",
83
92
  "./accordion/register": "./accordion/register.js",
84
93
  "./accordion/register.js": "./accordion/register.js",
@@ -160,6 +169,15 @@
160
169
  "./select": "./select/index.js",
161
170
  "./select/register": "./select/register.js",
162
171
  "./select/register.js": "./select/register.js",
172
+ "./selection-panels": "./selection-panels/index.js",
173
+ "./selection-panels/register": "./selection-panels/register.js",
174
+ "./selection-panels/register.js": "./selection-panels/register.js",
175
+ "./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
176
+ "./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
177
+ "./selection-panels/checkbox/register.js": "./selection-panels/checkbox/register.js",
178
+ "./selection-panels/radio": "./selection-panels/radio/index.js",
179
+ "./selection-panels/radio/register": "./selection-panels/radio/register.js",
180
+ "./selection-panels/radio/register.js": "./selection-panels/radio/register.js",
163
181
  "./tag": "./tag/index.js",
164
182
  "./tag/register": "./tag/register.js",
165
183
  "./tag/register.js": "./tag/register.js",
@@ -21,8 +21,8 @@ import { LitElement } from 'lit';
21
21
  export declare class CdsProgressCircle extends LitElement {
22
22
  private _size;
23
23
  /**
24
- * @type {neutral | info | success | warning | danger}
25
24
  * Sets the color of the badge
25
+ * @type {neutral | info | success | warning | danger}
26
26
  */
27
27
  status: StatusTypes;
28
28
  /**
@@ -50,8 +50,8 @@ export declare class CdsProgressCircle extends LitElement {
50
50
  private get progressOffset();
51
51
  get size(): string;
52
52
  /**
53
- * @type {string | sm | md | lg | xl | xxl}
54
53
  * Apply numerical width-height or a t-shirt-sized CSS classname
54
+ * @type {string | sm | md | lg | xl | xxl}
55
55
  */
56
56
  set size(val: string);
57
57
  private setAriaAttributes;
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{querySlotAll as o,id as r}from"@cds/core/internal";import{CdsInternalControlGroup as s}from"@cds/core/forms";class e extends s{static get styles(){return[...super.styles]}firstUpdated(t){super.firstUpdated(t),this.associateRadioControls(),this.syncRadioControls()}associateRadioControls(){this.controls.forEach((t=>t&&t.inputControl.setAttribute("name",this.radioName)))}syncRadioControls(){this.controls.forEach((t=>t.addEventListener("checkedChange",(t=>{t.detail&&(Array.from(this.controls).forEach((t=>t.inputControl.checked=!1)),t.target.inputControl.checked=!0)}))))}}t([o("cds-radio")],e.prototype,"controls",void 0),t([r()],e.prototype,"radioName",void 0);export{e as CdsRadioGroup};
1
+ import{__decorate as o}from"tslib";import{querySlotAll as t,id as r}from"@cds/core/internal";import{CdsInternalControlGroup as s}from"@cds/core/forms";class e extends s{static get styles(){return[...super.styles]}firstUpdated(o){super.firstUpdated(o),this.associateRadioControls(),this.syncRadioControls()}associateRadioControls(){this.controls.forEach((o=>o&&o.inputControl.setAttribute("name",this.radioName)))}syncRadioControls(){this.controls.forEach((o=>o.addEventListener("checkedChange",(o=>{o.detail&&(Array.from(this.controls).forEach((o=>o.inputControl.checked=!1)),o.target.inputControl.checked=!0)}))))}}o([t("cds-radio, cds-radio")],e.prototype,"controls",void 0),o([r()],e.prototype,"radioName",void 0);export{e as CdsRadioGroup};
2
2
  //# sourceMappingURL=radio-group.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.element.js","sources":["../../../src/radio/radio-group.element.ts"],"sourcesContent":null,"names":["CdsRadioGroup","CdsInternalControlGroup","styles","super","[object Object]","props","firstUpdated","this","associateRadioControls","syncRadioControls","controls","forEach","radio","inputControl","setAttribute","radioName","c","addEventListener","e","detail","Array","from","checked","target","__decorate","querySlotAll","prototype","id"],"mappings":"uJAiCO,MAAMA,UAAsBC,EAC/BC,oBACI,MAAO,IAAIC,MAAMD,QAErBE,aAAaC,GACTF,MAAMG,aAAaD,GACnBE,KAAKC,yBACLD,KAAKE,oBAETL,yBACIG,KAAKG,SAASC,SAAQC,GAASA,GAASA,EAAMC,aAAaC,aAAa,OAAQP,KAAKQ,aAEzFX,oBACIG,KAAKG,SAASC,SAAQK,GAAKA,EAAEC,iBAAiB,iBAAkBC,IACxDA,EAAEC,SACFC,MAAMC,KAAKd,KAAKG,UAAUC,SAAQK,GAAMA,EAAEH,aAAaS,SAAU,IACjEJ,EAAEK,OAAOV,aAAaS,SAAU,SAKhDE,EAAW,CACPC,EAAa,cACdzB,EAAc0B,UAAW,gBAAY,GACxCF,EAAW,CACPG,KACD3B,EAAc0B,UAAW,iBAAa"}
1
+ {"version":3,"file":"radio-group.element.js","sources":["../../../src/radio/radio-group.element.ts"],"sourcesContent":null,"names":["CdsRadioGroup","CdsInternalControlGroup","styles","super","[object Object]","props","firstUpdated","this","associateRadioControls","syncRadioControls","controls","forEach","radio","inputControl","setAttribute","radioName","c","addEventListener","e","detail","Array","from","checked","target","__decorate","querySlotAll","prototype","id"],"mappings":"uJAiCO,MAAMA,UAAsBC,EAC/BC,oBACI,MAAO,IAAIC,MAAMD,QAErBE,aAAaC,GACTF,MAAMG,aAAaD,GACnBE,KAAKC,yBACLD,KAAKE,oBAETL,yBACIG,KAAKG,SAASC,SAAQC,GAASA,GAASA,EAAMC,aAAaC,aAAa,OAAQP,KAAKQ,aAEzFX,oBACIG,KAAKG,SAASC,SAAQK,GAAKA,EAAEC,iBAAiB,iBAAkBC,IACxDA,EAAEC,SACFC,MAAMC,KAAKd,KAAKG,UAAUC,SAAQK,GAAMA,EAAEH,aAAaS,SAAU,IACjEJ,EAAEK,OAAOV,aAAaS,SAAU,SAKhDE,EAAW,CACPC,EAAa,yBACdzB,EAAc0B,UAAW,gBAAY,GACxCF,EAAW,CACPG,KACD3B,EAAc0B,UAAW,iBAAa"}
@@ -0,0 +1,35 @@
1
+ import { CdsCheckbox } from '@cds/core/checkbox';
2
+ import { SelectionPanelSizes } from '../shared/selection-panel.interfaces.js';
3
+ /**
4
+ * Checkbox
5
+ *
6
+ * ```typescript
7
+ * import '@cds/core/checkbox/register.js';
8
+ * ```
9
+ *
10
+ * ```html
11
+ * <cds-checkbox>
12
+ * <label>
13
+ * <div cds-layout="vertical align:center">
14
+ * <span cds-text="section">VM One</span>
15
+ * <cds-icon shape="vm" badge="info"></cds-icon>
16
+ * <p>Machines for orchestration and automation.</p>
17
+ * </div>
18
+ * </label>
19
+ * <input type="checkbox" />
20
+ * <cds-control-message>message text</cds-control-message>
21
+ * </cds-checkbox>
22
+ * ```
23
+ *
24
+ * @element cds-checkbox
25
+ * @slot - For projecting checkbox and it's complex label
26
+ * @cssprop --width
27
+ * @cssprop --height
28
+ * @cssprop --border
29
+ * @cssprop --box-shadow
30
+ */
31
+ export declare class CdsCheckboxPanel extends CdsCheckbox {
32
+ size: SelectionPanelSizes;
33
+ protected get internalLabelTemplate(): import("lit-html").TemplateResult<1>;
34
+ static get styles(): import("lit").CSSResultGroup[];
35
+ }
@@ -0,0 +1,2 @@
1
+ import{__decorate as e}from"tslib";import{html as t}from"lit";import{CdsCheckbox as s}from"@cds/core/checkbox";import r from"../shared/selection-panel.element.scss.js";import{property as o}from"@cds/core/internal";class l extends s{constructor(){super(...arguments),this.size="default"}get internalLabelTemplate(){return t`<slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot>`}static get styles(){return[...super.styles,r]}}e([o({type:String})],l.prototype,"size",void 0);export{l as CdsCheckboxPanel};
2
+ //# sourceMappingURL=checkbox-panel.element.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox-panel.element.js","sources":["../../../../src/selection-panels/checkbox/checkbox-panel.element.ts"],"sourcesContent":null,"names":["CdsCheckboxPanel","CdsCheckbox","[object Object]","super","arguments","this","size","internalLabelTemplate","html","associateInputAndLabel","styles","__decorate","property","type","String","prototype"],"mappings":"sNAsCO,MAAMA,UAAyBC,EAClCC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,4BACI,OAAOC,CAAK,mCAAkC,IAAMH,KAAKI,oCAE7DC,oBACI,MAAO,IAAIP,MAAMO,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAiBe,UAAW,YAAQ"}
@@ -0,0 +1,2 @@
1
+ /** @private */
2
+ export * from './checkbox-panel.element.js';
@@ -0,0 +1,2 @@
1
+ export{CdsCheckboxPanel}from"./checkbox-panel.element.js";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
@@ -0,0 +1,6 @@
1
+ import { CdsCheckboxPanel } from './checkbox-panel.element.js';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'cds-checkbox-panel': CdsCheckboxPanel;
5
+ }
6
+ }
@@ -0,0 +1,2 @@
1
+ import{registerElementSafely as e}from"@cds/core/internal";import{CdsCheckboxPanel as c}from"./checkbox-panel.element.js";e("cds-checkbox-panel",c);
2
+ //# sourceMappingURL=register.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"register.js","sources":["../../../../src/selection-panels/checkbox/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCheckboxPanel"],"mappings":"0HAOAA,EAAsB,qBAAsBC"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * This is a workaround so that the @cds/angular script will generate a
3
+ * module for selection panels that exports each directive.
4
+ * It should be removed when the generation script is updated to handle
5
+ * folders with children components. e.g
6
+ * selection-panels/
7
+ * checkbox/
8
+ * radio/
9
+ */
10
+ export * from './checkbox/checkbox-panel.element.js';
11
+ export * from './radio/radio-panel.element.js';
@@ -0,0 +1,2 @@
1
+ export{CdsCheckboxPanel}from"./checkbox/checkbox-panel.element.js";export{CdsRadioPanel}from"./radio/radio-panel.element.js";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ /** @private */
2
+ export * from './radio-panel.element.js';