@cds/core 5.5.7 → 5.6.2

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 (214) hide show
  1. package/_virtual/_virtual_library-entry-points +1 -1
  2. package/accordion/accordion-content.element.scss.js +1 -1
  3. package/accordion/accordion-header.element.scss.js +1 -1
  4. package/accordion/accordion-panel.element.js +1 -1
  5. package/accordion/accordion-panel.element.js.map +1 -1
  6. package/accordion/accordion-panel.element.scss.js +1 -1
  7. package/alert/alert-group.element.d.ts +4 -7
  8. package/alert/alert-group.element.js +1 -1
  9. package/alert/alert-group.element.js.map +1 -1
  10. package/alert/alert-group.element.scss.js +1 -1
  11. package/alert/alert.element.d.ts +2 -2
  12. package/alert/alert.element.scss.js +1 -1
  13. package/badge/badge.element.d.ts +1 -1
  14. package/badge/badge.element.scss.js +1 -1
  15. package/breadcrumb/breadcrumb.element.d.ts +1 -1
  16. package/breadcrumb/breadcrumb.element.js +1 -1
  17. package/breadcrumb/breadcrumb.element.js.map +1 -1
  18. package/button/button.element.d.ts +1 -1
  19. package/button/button.element.js +1 -1
  20. package/button/button.element.js.map +1 -1
  21. package/button/button.element.scss.js +1 -1
  22. package/button/icon-button.element.d.ts +1 -1
  23. package/button/icon-button.element.js +1 -1
  24. package/button/icon-button.element.js.map +1 -1
  25. package/card/card.element.js +1 -1
  26. package/card/card.element.js.map +1 -1
  27. package/card/card.element.scss.js +1 -1
  28. package/checkbox/checkbox.element.scss.js +1 -1
  29. package/custom-elements.json +20975 -18000
  30. package/custom-elements.legacy.json +222 -78
  31. package/forms/control/control.element.d.ts +6 -4
  32. package/forms/control/control.element.js +2 -2
  33. package/forms/control/control.element.js.map +1 -1
  34. package/forms/control/control.element.scss.js +1 -1
  35. package/forms/control-group/control-group.element.d.ts +3 -2
  36. package/forms/control-group/control-group.element.js.map +1 -1
  37. package/forms/control-group/control-group.element.scss.js +1 -1
  38. package/forms/control-inline/control-inline.element.d.ts +1 -0
  39. package/forms/control-inline/control-inline.element.js +1 -1
  40. package/forms/control-inline/control-inline.element.js.map +1 -1
  41. package/forms/control-inline/control-inline.element.scss.js +1 -1
  42. package/forms/control-label/control-label.element.scss.js +1 -1
  43. package/forms/control-message/control-message.element.d.ts +1 -1
  44. package/forms/control-message/control-message.element.scss.js +1 -1
  45. package/forms/form-group/form-group.element.d.ts +2 -2
  46. package/forms/utils/index.d.ts +2 -1
  47. package/forms/utils/index.js +1 -1
  48. package/forms/utils/index.js.map +1 -1
  49. package/global.css +5 -0
  50. package/global.min.css +1 -1
  51. package/icon/icon.element.d.ts +5 -5
  52. package/icon/icon.element.scss.js +1 -1
  53. package/icon/utils/icon.classnames.d.ts +1 -0
  54. package/icon/utils/icon.classnames.js +1 -1
  55. package/icon/utils/icon.classnames.js.map +1 -1
  56. package/input/input.element.scss.js +1 -1
  57. package/internal/base/base.element.scss.js +1 -1
  58. package/internal/base/button.base.d.ts +0 -2
  59. package/internal/base/button.base.js +1 -1
  60. package/internal/base/button.base.js.map +1 -1
  61. package/internal/decorators/property.js +1 -1
  62. package/internal/decorators/property.js.map +1 -1
  63. package/internal/index.d.ts +3 -0
  64. package/internal/index.js +1 -1
  65. package/internal/index.js.map +1 -1
  66. package/internal/services/i18n.service.d.ts +8 -0
  67. package/internal/services/i18n.service.js +1 -1
  68. package/internal/services/i18n.service.js.map +1 -1
  69. package/internal/utils/color.d.ts +2 -0
  70. package/internal/utils/color.js +2 -0
  71. package/internal/utils/color.js.map +1 -0
  72. package/internal/utils/css.d.ts +1 -0
  73. package/internal/utils/css.js +1 -1
  74. package/internal/utils/css.js.map +1 -1
  75. package/internal/utils/exists.d.ts +1 -3
  76. package/internal/utils/exists.js.map +1 -1
  77. package/internal/utils/global.js +1 -1
  78. package/internal/utils/string.d.ts +1 -0
  79. package/internal/utils/string.js +1 -1
  80. package/internal/utils/string.js.map +1 -1
  81. package/internal-components/overlay/overlay.element.d.ts +2 -4
  82. package/internal-components/overlay/overlay.element.js.map +1 -1
  83. package/modal/modal-content.element.d.ts +2 -4
  84. package/modal/modal-content.element.js.map +1 -1
  85. package/navigation/navigation-item.element.d.ts +1 -1
  86. package/navigation/navigation-item.element.js +1 -1
  87. package/navigation/navigation-item.element.js.map +1 -1
  88. package/navigation/navigation-item.element.scss.js +2 -2
  89. package/navigation/navigation-start.element.d.ts +1 -2
  90. package/navigation/navigation-start.element.js +1 -1
  91. package/navigation/navigation-start.element.js.map +1 -1
  92. package/navigation/navigation.element.d.ts +2 -6
  93. package/navigation/navigation.element.js +1 -3
  94. package/navigation/navigation.element.js.map +1 -1
  95. package/navigation/navigation.element.scss.js +1 -1
  96. package/package.json +20 -2
  97. package/password/password.element.d.ts +0 -1
  98. package/password/password.element.js +1 -1
  99. package/password/password.element.js.map +1 -1
  100. package/polyfills/aria-reflect.d.ts +45 -0
  101. package/polyfills/aria-reflect.js +2 -0
  102. package/polyfills/aria-reflect.js.map +1 -0
  103. package/polyfills/index.d.ts +1 -0
  104. package/polyfills/index.js +2 -0
  105. package/polyfills/index.js.map +1 -0
  106. package/progress-circle/progress-circle.element.d.ts +26 -3
  107. package/progress-circle/progress-circle.element.js +1 -1
  108. package/progress-circle/progress-circle.element.js.map +1 -1
  109. package/progress-circle/progress-circle.utils.d.ts +6 -0
  110. package/progress-circle/progress-circle.utils.js +2 -0
  111. package/progress-circle/progress-circle.utils.js.map +1 -0
  112. package/radio/radio-group.element.js +1 -1
  113. package/radio/radio-group.element.js.map +1 -1
  114. package/radio/radio.element.scss.js +1 -1
  115. package/select/register.js +1 -1
  116. package/select/register.js.map +1 -1
  117. package/select/select.element.d.ts +1 -1
  118. package/select/select.element.js +1 -1
  119. package/select/select.element.js.map +1 -1
  120. package/select/select.element.scss.js +1 -1
  121. package/select/select.global.scss.js +1 -1
  122. package/selection-panels/checkbox/checkbox-panel.element.d.ts +35 -0
  123. package/selection-panels/checkbox/checkbox-panel.element.js +2 -0
  124. package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -0
  125. package/selection-panels/checkbox/index.d.ts +1 -0
  126. package/selection-panels/checkbox/index.js +2 -0
  127. package/selection-panels/checkbox/index.js.map +1 -0
  128. package/selection-panels/checkbox/register.d.ts +6 -0
  129. package/selection-panels/checkbox/register.js +2 -0
  130. package/selection-panels/checkbox/register.js.map +1 -0
  131. package/selection-panels/radio/index.d.ts +1 -0
  132. package/selection-panels/radio/index.js +2 -0
  133. package/selection-panels/radio/index.js.map +1 -0
  134. package/selection-panels/radio/radio-panel.element.d.ts +35 -0
  135. package/selection-panels/radio/radio-panel.element.js +2 -0
  136. package/selection-panels/radio/radio-panel.element.js.map +1 -0
  137. package/selection-panels/radio/register.d.ts +6 -0
  138. package/selection-panels/radio/register.js +2 -0
  139. package/selection-panels/radio/register.js.map +1 -0
  140. package/selection-panels/shared/selection-panel.element.scss.js +6 -0
  141. package/selection-panels/shared/selection-panel.element.scss.js.map +1 -0
  142. package/selection-panels/shared/selection-panel.interfaces.d.ts +1 -0
  143. package/styles/module.tokens.css +5 -0
  144. package/styles/module.tokens.min.css +1 -1
  145. package/styles/theme.dark.css +1 -0
  146. package/styles/theme.dark.min.css +1 -1
  147. package/tag/tag.element.d.ts +1 -1
  148. package/tag/tag.element.scss.js +1 -1
  149. package/test/index.js +1 -1
  150. package/test/utils.d.ts +2 -0
  151. package/test/utils.js +1 -1
  152. package/test/utils.js.map +1 -1
  153. package/textarea/textarea.element.scss.js +1 -1
  154. package/toggle/toggle.element.scss.js +1 -1
  155. package/tokens/tokens.android.xml +5 -0
  156. package/tokens/tokens.d.ts +5 -0
  157. package/tokens/tokens.ios.swift +5 -0
  158. package/tokens/tokens.js +5 -0
  159. package/tokens/tokens.json +20 -0
  160. package/tokens/tokens.scss +5 -0
  161. package/tree-view/tree-item.element.d.ts +1 -5
  162. package/tree-view/tree-item.element.js +1 -1
  163. package/tree-view/tree-item.element.js.map +1 -1
  164. package/tree-view/tree-item.element.scss.js +1 -1
  165. package/tree-view/tree.element.d.ts +0 -4
  166. package/tree-view/tree.element.js +1 -1
  167. package/tree-view/tree.element.js.map +1 -1
  168. package/accordion/accordion-content.element.css.d.ts +0 -1
  169. package/accordion/accordion-header.element.css.d.ts +0 -1
  170. package/accordion/accordion-panel.element.css.d.ts +0 -1
  171. package/accordion/accordion.element.css.d.ts +0 -1
  172. package/alert/alert-actions.element.css.d.ts +0 -1
  173. package/alert/alert-group.element.css.d.ts +0 -1
  174. package/alert/alert.element.css.d.ts +0 -1
  175. package/badge/badge.element.css.d.ts +0 -1
  176. package/button/base-button.element.css.d.ts +0 -1
  177. package/button/base-button.element.scss.js +0 -2
  178. package/button/base-button.element.scss.js.map +0 -1
  179. package/button/button.element.css.d.ts +0 -1
  180. package/button/icon-button.element.css.d.ts +0 -1
  181. package/button/inline-button.element.css.d.ts +0 -1
  182. package/checkbox/checkbox.element.css.d.ts +0 -1
  183. package/datalist/datalist-global.element.css.d.ts +0 -1
  184. package/date/date.global.css.d.ts +0 -1
  185. package/divider/divider.element.css.d.ts +0 -1
  186. package/file/file.element.css.d.ts +0 -1
  187. package/forms/control/control.element.css.d.ts +0 -1
  188. package/forms/control-action/control-action.element.css.d.ts +0 -1
  189. package/forms/control-group/control-group.element.css.d.ts +0 -1
  190. package/forms/control-inline/control-inline.element.css.d.ts +0 -1
  191. package/forms/control-label/control-label.element.css.d.ts +0 -1
  192. package/forms/control-message/control-message.element.css.d.ts +0 -1
  193. package/forms/form-group/form-group.element.css.d.ts +0 -1
  194. package/icon/icon.element.css.d.ts +0 -1
  195. package/input/input-group.element.css.d.ts +0 -1
  196. package/input/input.element.css.d.ts +0 -1
  197. package/internal/base/base.element.css.d.ts +0 -1
  198. package/internal-components/close-button/close-button.element.css.d.ts +0 -1
  199. package/internal-components/overlay/overlay.element.css.d.ts +0 -1
  200. package/modal/modal.element.css.d.ts +0 -1
  201. package/navigation/navigation-start.element.scss.js +0 -6
  202. package/navigation/navigation-start.element.scss.js.map +0 -1
  203. package/progress-circle/progress-circle.element.css.d.ts +0 -1
  204. package/radio/radio.element.css.d.ts +0 -1
  205. package/range/range.element.css.d.ts +0 -1
  206. package/range/range.global.css.d.ts +0 -1
  207. package/search/search.global.css.d.ts +0 -1
  208. package/select/select.element.css.d.ts +0 -1
  209. package/select/select.global.css.d.ts +0 -1
  210. package/tag/tag.element.css.d.ts +0 -1
  211. package/test-dropdown/test-dropdown.element.css.d.ts +0 -1
  212. package/textarea/textarea.element.css.d.ts +0 -1
  213. package/time/time.global.css.d.ts +0 -1
  214. package/toggle/toggle.element.css.d.ts +0 -1
@@ -40,10 +40,8 @@ export declare class CdsInternalOverlay extends CdsBaseFocusTrap implements Anim
40
40
  cdsMotionChange: EventEmitter<string>;
41
41
  ariaModal: string;
42
42
  role: string;
43
- static get shadowRootOptions(): {
44
- delegatesFocus: boolean;
45
- mode: ShadowRootMode;
46
- };
43
+ /** @private */
44
+ static get shadowRootOptions(): any;
47
45
  private overlayIdPrefix;
48
46
  protected closeChange: EventEmitter<CloseChangeSources>;
49
47
  protected isLayered: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"overlay.element.js","sources":["../../../../src/internal-components/overlay/overlay.element.ts"],"sourcesContent":null,"names":["isNestedOverlay","myId","overlayPrefix","trapIds","previousValue","overlayIds","filter","id","indexOf","overlayIsActive","overlayId","focusTrapService","FocusTrapTrackerService","_a","getCurrent","focusTrapId","CdsInternalOverlay","CdsBaseFocusTrap","[object Object]","super","this","cdsMotion","ariaModal","role","overlayIdPrefix","isLayered","fireEventOnBackdropClick","closeOverlay","fireEventOnEscape","e","onKey","createId","shadowRootOptions","delegatesFocus","props","firstUpdated","backdrop","addEventListener","updated","oldLayered","newLayered","getTrapElements","map","requestUpdate","connectedCallback","window","disconnectedCallback","removeEventListener","trigger","closeChange","emit","backdropTemplate","html","styles","baseStyles","__decorate","property","type","String","prototype","event","state","Boolean","query","animate","hidden","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"uXAUO,SAASA,EAAgBC,EAAMC,EAAeC,EAASC,GAC1D,MAAMC,EAAaF,EAAQG,QAAOC,GAAMA,EAAGC,QAAQN,IAAkB,IACrE,OAAsB,IAAlBE,GAA0BD,EAAQK,QAAQP,GAAQ,GAK/CI,EAAWG,QAAQP,GAAQ,EAE/B,SAASQ,EAAgBC,EAAWC,EAAmBC,GAC1D,IAAIC,EACJ,OAAiD,QAAxCA,EAAKF,EAAiBG,oBAAiC,IAAPD,OAAgB,EAASA,EAAGE,eAAiBL,EAmCvG,IAACM,EAAqB,cAAiCC,EACtDC,cACIC,QACAC,KAAKC,UAAY,KACjBD,KAAKE,UAAY,OACjBF,KAAKG,KAAO,SACZH,KAAKI,gBAAkB,YACvBJ,KAAKK,WAAY,EACjBL,KAAKM,yBAA2B,KACxBjB,EAAgBW,KAAKL,cACrBK,KAAKO,aAAa,mBAG1BP,KAAKQ,kBAAqBC,IAClBpB,EAAgBW,KAAKL,cACrBe,EAAM,SAAUD,GAAG,KACfT,KAAKO,aAAa,uBAK9BP,KAAKL,YAAcgB,EAASX,KAAKI,iBAIrCQ,+BACI,MAAO,IAAKb,MAAMa,kBAAmBC,gBAAgB,GAEzDf,aAAagB,GACTf,MAAMgB,aAAaD,GACnBd,KAAKgB,SAASC,iBAAiB,QAASjB,KAAKM,0BAEjDR,QAAQgB,GACJf,MAAMmB,QAAQJ,GACd,MAAMK,EAAanB,KAAKK,UAClBe,EAAaxC,EAAgBoB,KAAKL,YAAaK,KAAKI,gBAAiBZ,EAAwB6B,kBAAkBC,KAAIb,GAAKA,EAAEd,cAAcwB,GAC1IA,IAAeC,IACfpB,KAAKK,UAAYe,EACjBpB,KAAKuB,cAAc,YAAaJ,IAGxCrB,oBACIC,MAAMyB,oBACNC,OAAOR,iBAAiB,UAAWjB,KAAKQ,mBAE5CV,uBACIC,MAAM2B,uBACND,OAAOE,oBAAoB,UAAW3B,KAAKQ,mBAC3CR,KAAKgB,SAASW,oBAAoB,QAAS3B,KAAKM,0BAEpDR,aAAa8B,EAAU,UACnB5B,KAAK6B,YAAYC,KAAKF,GAE1BG,uBACI,OAAOC,CAAK,eACLhC,KAAKK,UAAY,2BAA6B,gDAIzDP,SACI,OAAOkC,CAAK,GACZhC,KAAK+B,8GAMTE,oBACI,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPK,KACD5C,EAAmB2C,UAAW,uBAAmB,GACpDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,YAAQ,GACzCJ,EAAW,CACPK,KACD5C,EAAmB2C,UAAW,mBAAe,GAChDJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,WACf9C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPQ,EAAM,sBACP/C,EAAmB2C,UAAW,gBAAY,GAC7C3C,EAAqBuC,EAAW,CAC5BS,EAAQ,CACJC,OAAQ,CACJC,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBpD"}
1
+ {"version":3,"file":"overlay.element.js","sources":["../../../../src/internal-components/overlay/overlay.element.ts"],"sourcesContent":null,"names":["isNestedOverlay","myId","overlayPrefix","trapIds","previousValue","overlayIds","filter","id","indexOf","overlayIsActive","overlayId","focusTrapService","FocusTrapTrackerService","_a","getCurrent","focusTrapId","CdsInternalOverlay","CdsBaseFocusTrap","[object Object]","super","this","cdsMotion","ariaModal","role","overlayIdPrefix","isLayered","fireEventOnBackdropClick","closeOverlay","fireEventOnEscape","e","onKey","createId","shadowRootOptions","delegatesFocus","props","firstUpdated","backdrop","addEventListener","updated","oldLayered","newLayered","getTrapElements","map","requestUpdate","connectedCallback","window","disconnectedCallback","removeEventListener","trigger","closeChange","emit","backdropTemplate","html","styles","baseStyles","__decorate","property","type","String","prototype","event","state","Boolean","query","animate","hidden","true","reverseAnimation","AnimationModalEnterName","false"],"mappings":"uXAUO,SAASA,EAAgBC,EAAMC,EAAeC,EAASC,GAC1D,MAAMC,EAAaF,EAAQG,QAAOC,GAAMA,EAAGC,QAAQN,IAAkB,IACrE,OAAsB,IAAlBE,GAA0BD,EAAQK,QAAQP,GAAQ,GAK/CI,EAAWG,QAAQP,GAAQ,EAE/B,SAASQ,EAAgBC,EAAWC,EAAmBC,GAC1D,IAAIC,EACJ,OAAiD,QAAxCA,EAAKF,EAAiBG,oBAAiC,IAAPD,OAAgB,EAASA,EAAGE,eAAiBL,EAmCvG,IAACM,EAAqB,cAAiCC,EACtDC,cACIC,QACAC,KAAKC,UAAY,KACjBD,KAAKE,UAAY,OACjBF,KAAKG,KAAO,SACZH,KAAKI,gBAAkB,YACvBJ,KAAKK,WAAY,EACjBL,KAAKM,yBAA2B,KACxBjB,EAAgBW,KAAKL,cACrBK,KAAKO,aAAa,mBAG1BP,KAAKQ,kBAAqBC,IAClBpB,EAAgBW,KAAKL,cACrBe,EAAM,SAAUD,GAAG,KACfT,KAAKO,aAAa,uBAK9BP,KAAKL,YAAcgB,EAASX,KAAKI,iBAKrCQ,+BAEI,MAAO,IAAKb,MAAMa,kBAAmBC,gBAAgB,GAEzDf,aAAagB,GACTf,MAAMgB,aAAaD,GACnBd,KAAKgB,SAASC,iBAAiB,QAASjB,KAAKM,0BAEjDR,QAAQgB,GACJf,MAAMmB,QAAQJ,GACd,MAAMK,EAAanB,KAAKK,UAClBe,EAAaxC,EAAgBoB,KAAKL,YAAaK,KAAKI,gBAAiBZ,EAAwB6B,kBAAkBC,KAAIb,GAAKA,EAAEd,cAAcwB,GAC1IA,IAAeC,IACfpB,KAAKK,UAAYe,EACjBpB,KAAKuB,cAAc,YAAaJ,IAGxCrB,oBACIC,MAAMyB,oBACNC,OAAOR,iBAAiB,UAAWjB,KAAKQ,mBAE5CV,uBACIC,MAAM2B,uBACND,OAAOE,oBAAoB,UAAW3B,KAAKQ,mBAC3CR,KAAKgB,SAASW,oBAAoB,QAAS3B,KAAKM,0BAEpDR,aAAa8B,EAAU,UACnB5B,KAAK6B,YAAYC,KAAKF,GAE1BG,uBACI,OAAOC,CAAK,eACLhC,KAAKK,UAAY,2BAA6B,gDAIzDP,SACI,OAAOkC,CAAK,GACZhC,KAAK+B,8GAMTE,oBACI,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPK,KACD5C,EAAmB2C,UAAW,uBAAmB,GACpDJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1C,EAAmB2C,UAAW,YAAQ,GACzCJ,EAAW,CACPK,KACD5C,EAAmB2C,UAAW,mBAAe,GAChDJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,WACf9C,EAAmB2C,UAAW,iBAAa,GAC9CJ,EAAW,CACPQ,EAAM,sBACP/C,EAAmB2C,UAAW,gBAAY,GAC7C3C,EAAqBuC,EAAW,CAC5BS,EAAQ,CACJC,OAAQ,CACJC,KAAMC,EAAiBC,GACvBC,MAAOD,MAGhBpD"}
@@ -23,10 +23,8 @@ import { LitElement } from 'lit';
23
23
  * @element cds-modal-content
24
24
  */
25
25
  export declare class CdsModalContent extends LitElement {
26
- static get shadowRootOptions(): {
27
- delegatesFocus: boolean;
28
- mode: ShadowRootMode;
29
- };
26
+ /** @private */
27
+ static get shadowRootOptions(): any;
30
28
  protected tabIndexAttr: number;
31
29
  render(): import("lit-html").TemplateResult<1>;
32
30
  static get styles(): import("lit").CSSResultGroup[];
@@ -1 +1 @@
1
- {"version":3,"file":"modal-content.element.js","sources":["../../../src/modal/modal-content.element.ts"],"sourcesContent":null,"names":["CdsModalContent","LitElement","[object Object]","super","arguments","this","tabIndexAttr","shadowRootOptions","delegatesFocus","hasAttribute","html","styles","baseStyles","__decorate","state","type","Number","attribute","reflect","prototype"],"mappings":"yIA+BO,MAAMA,UAAwBC,EACjCC,cACIC,SAASC,WACTC,KAAKC,aAAe,EAKxBC,+BACI,MAAO,IAAKJ,MAAMI,kBAAmBC,gBAAgB,GAEzDN,SACI,OAAOG,KAAKI,aAAa,cACnBC,CAAK,gBACLA,CAAK,+DAEfC,oBACI,MAAO,CAACC,IAGhBC,EAAW,CACPC,EAAM,CAAEC,KAAMC,OAAQC,UAAW,WAAYC,SAAS,KACvDlB,EAAgBmB,UAAW,oBAAgB"}
1
+ {"version":3,"file":"modal-content.element.js","sources":["../../../src/modal/modal-content.element.ts"],"sourcesContent":null,"names":["CdsModalContent","LitElement","[object Object]","super","arguments","this","tabIndexAttr","shadowRootOptions","delegatesFocus","hasAttribute","html","styles","baseStyles","__decorate","state","type","Number","attribute","reflect","prototype"],"mappings":"yIA+BO,MAAMA,UAAwBC,EACjCC,cACIC,SAASC,WACTC,KAAKC,aAAe,EAMxBC,+BAEI,MAAO,IAAKJ,MAAMI,kBAAmBC,gBAAgB,GAEzDN,SACI,OAAOG,KAAKI,aAAa,cACnBC,CAAK,gBACLA,CAAK,+DAEfC,oBACI,MAAO,CAACC,IAGhBC,EAAW,CACPC,EAAM,CAAEC,KAAMC,OAAQC,UAAW,WAAYC,SAAS,KACvDlB,EAAgBmB,UAAW,oBAAgB"}
@@ -26,7 +26,6 @@ export declare class CdsNavigationItem extends LitElement implements FocusableIt
26
26
  };
27
27
  active: boolean;
28
28
  disabled: boolean;
29
- role: string;
30
29
  expanded: boolean;
31
30
  protected expandedGroup: boolean;
32
31
  groupItem: boolean;
@@ -34,6 +33,7 @@ export declare class CdsNavigationItem extends LitElement implements FocusableIt
34
33
  focusElement: HTMLElement;
35
34
  protected itemIcon: CdsIcon;
36
35
  itemText: NodeListOf<HTMLSpanElement>;
36
+ role: string;
37
37
  connectedCallback(): void;
38
38
  firstUpdated(props: PropertyValues): void;
39
39
  private handleItemAnchorText;
@@ -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.expanded=!1,this.expandedGroup=!0,this.hasFocus=!1,this.role="listitem"}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([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","expanded","expandedGroup","hasFocus","role","connectedCallback","id","createId","props","firstUpdated","handleItemAnchorText","manageScreenReaderElements","_a","anchorElement","querySelector","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","html","groupItem","styles","baseStyles","updated","__decorate","prototype","property","type","Boolean","reflect","state","querySlot","assign","querySlotAll"],"mappings":"8XAUY,MAACA,EAA2B,sBAmBjC,MAAMC,UAA0BC,EACnCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,WAC7BJ,KAAKK,QAAS,EACdL,KAAKM,UAAW,EAChBN,KAAKO,UAAW,EAChBP,KAAKQ,eAAgB,EACrBR,KAAKS,UAAW,EAChBT,KAAKU,KAAO,WAEhBb,oBACIC,MAAMa,oBACDX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBhB,aAAaiB,GACThB,MAAMiB,aAAaD,GACnBd,KAAKgB,uBACLC,EAA2BjB,KAAMA,KAAKO,UAE1CV,uBACI,IAAIqB,EACJ,MAAMC,EAAgBnB,KAAKoB,cAAc,KACrCD,IACAE,EAAYF,EAAcG,YACmF,QAA5GJ,EAAKC,MAAAA,OAAqD,EAASA,EAAcC,cAAc,eAA4B,IAAPF,GAAyBA,EAAGK,aAAaC,EAAyB,KAG/L3B,SACI,OAAO4B,CAAK,4BAEUzB,KAAK0B,UAAY,aAAe,4FAGlC1B,KAAKgB,sCAI7BW,oBACI,MAAO,CAACC,EAAYD,GAExB9B,QAAQiB,GACJhB,MAAM+B,QAAQf,GACdG,EAA2BjB,KAAMA,KAAKO,WAG9CuB,EAAW,CACP7B,KACDN,EAAkBoC,UAAW,YAAQ,GACxCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCxC,EAAkBoC,UAAW,cAAU,GAC1CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,WACfvC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,qBAAiB,GACjDD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,iBAAa,GAC7CD,EAAW,CACPM,EAAM,CAAEH,KAAMC,QAASC,SAAS,KACjCxC,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPO,EAAU,MACX1C,EAAkBoC,UAAW,oBAAgB,GAChDD,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,mBACjC3C,EAAkBoC,UAAW,gBAAY,GAC5CD,EAAW,CACPS,EAAa,6BACd5C,EAAkBoC,UAAW,gBAAY"}
@@ -1,6 +1,6 @@
1
- import{css as o}from"lit";var 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:var(--cds-alias-object-interaction-touch-target, calc((36 / var(--cds-global-base, 20)) * 1rem));--font-size:inherit;--font-weight:inherit;--letter-spacing:inherit;--padding:0 var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem));--cursor:pointer}:host([_group-item]){--padding:0 var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem))}.private-host{min-height:var(--line-height);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--line-height);width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:var(--color);background:var(--background);border:0;cursor:var(--cursor);padding:var(--padding)}:host(:hover),:host([_has-focus]){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:hover){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px);outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2)}@media (-webkit-min-device-pixel-ratio:0){:host([_has-focus]){outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([_active]:not([_expanded])),:host([active]){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55))}:host([_active]:not([_expanded])) .private-host,:host([active]) .private-host{box-shadow:inset var(--cds-alias-object-border-width-300,calc((3 / var(--cds-global-base,20)) * 1rem)) 0 0 0 var(--cds-alias-object-interaction-background-highlight,var(--cds-global-color-blue-700,#0079ad))}:host(:active),:host(:active:focus){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}:host([selected]){--color:var(--cds-alias-object-interaction-color-selected, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]),:host([disabled]:hover){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white));--cursor:not-allowed}::slotted([role=button]),::slotted(a),::slotted(button),button{line-height:var(--line-height);min-height:var(--line-height);cursor:var(--cursor);text-decoration:none!important;padding:0;outline:0;background:0 0;border:0;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;align-items:center;gap:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem))}`;export default a;
6
6
  //# sourceMappingURL=navigation-item.element.scss.js.map
@@ -1,5 +1,4 @@
1
1
  import { LitElement, PropertyValues } from 'lit';
2
- import { Directions } from '@cds/core/internal';
3
2
  import { CdsIcon } from '@cds/core/icon/icon.element.js';
4
3
  import { FocusableItem, NavigationFocusState } from './interfaces/navigation.interfaces.js';
5
4
  export declare const CdsNavigationStartTagName = "cds-navigation-start";
@@ -73,6 +72,6 @@ export declare class CdsNavigationStart extends LitElement implements FocusableI
73
72
  private renderGroupStart;
74
73
  render(): import("lit-html").TemplateResult<1>;
75
74
  static get styles(): import("lit").CSSResultGroup[];
76
- get toggleIconDirection(): Directions;
75
+ private get toggleIconDirection();
77
76
  updated(props: PropertyValues): void;
78
77
  }
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{LitElement as o,html as e}from"lit";import{I18nService as i,createId as s,spanWrapper as n,baseStyles as a,i18n as r,property as d,state as l,querySlot as p,querySlotAll as c}from"@cds/core/internal";import h from"./navigation-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{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}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal align:vertical-center"><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}renderGroupStart(){return e`<button aria-expanded="${this.expanded}" id="${this.isGroupStart?this.navigationGroupId:""}" type="button"><div cds-layout="horizontal wrap:none align:vertical-center gap:md"><slot @slotchange="${this.handleStartButtonText}"></slot><span class="icon-slot" cds-layout="${this.expandedRoot?"align:right":"align:left"}"><slot name="cds-icon-slot">${this.startIcon?"":e`<cds-icon size="${!this.expandedRoot&&this.isGroupStart?"xs":"sm"}" shape="${this.isGroupStart?"angle":"angle-double"}" direction="${this.toggleIconDirection}"></cds-icon>`}</slot></span></div></button>`}render(){return e`<div class="private-host" cds-layout="horizontal align:vertical-center align:horizontal-stretch">${this.isGroupStart?this.renderGroupStart():this.renderRootStart()}</div>`}static get styles(){return[a,h]}get toggleIconDirection(){return g(this)}updated(t){super.updated(t),v(this,this.expandedRoot)}}t([r()],x.prototype,"i18n",void 0),t([d({type:Boolean})],x.prototype,"expandedRoot",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"hasFocus",void 0),t([d({type:Boolean,reflect:!0})],x.prototype,"isGroupStart",void 0),t([d({type:String,reflect:!0})],x.prototype,"role",void 0),t([d({type:String})],x.prototype,"navigationGroupId",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],x.prototype,"expanded",void 0),t([p("[cds-navigation-start-icon]",{assign:"cds-icon-slot"})],x.prototype,"startIcon",void 0),t([c("[cds-navigation-sr-text]")],x.prototype,"itemText",void 0);export{x as CdsNavigationStart,y as CdsNavigationStartTagName};
2
2
  //# sourceMappingURL=navigation-start.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-start.element.js","sources":["../../../src/navigation/navigation-start.element.ts"],"sourcesContent":null,"names":["CdsNavigationStartTagName","CdsNavigationStart","LitElement","[object Object]","super","arguments","this","i18n","I18nService","keys","navigation","expandedRoot","hasFocus","isGroupStart","role","active","expanded","connectedCallback","id","createId","props","_a","firstUpdated","button","shadowRoot","querySelector","focusElement","handleStartButtonText","spanWrapper","childNodes","setAttribute","NAVIGATION_TEXT_WRAPPER","html","navigationUnabridgedText","navigationAbridgedText","navigationGroupId","startIcon","toggleIconDirection","renderGroupStart","renderRootStart","styles","baseStyles","getToggleIconDirection","updated","manageScreenReaderElements","__decorate","prototype","property","type","Boolean","state","reflect","String","querySlot","assign","querySlotAll"],"mappings":"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":"0ZAUY,MAACA,EAA4B,uBAoBlC,MAAMC,UAA2BC,EACpCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,WAK7BJ,KAAKK,cAAe,EAKpBL,KAAKM,UAAW,EAKhBN,KAAKO,cAAe,EACpBP,KAAKQ,KAAO,WAMZR,KAAKS,QAAS,EAOdT,KAAKU,UAAW,EAEpBb,oBACIC,MAAMa,oBACDX,KAAKY,KACNZ,KAAKY,GAAKC,KAGlBhB,aAAaiB,GACT,IAAIC,EACJjB,MAAMkB,aAAaF,GACnB,MAAMG,EAAoC,QAA1BF,EAAKf,KAAKkB,kBAA+B,IAAPH,OAAgB,EAASA,EAAGI,cAAc,UACxFF,IACAjB,KAAKoB,aAAeH,GAExBjB,KAAKqB,wBAETxB,wBACI,IAAIkB,EACJO,EAAYtB,KAAKuB,YAEqB,QAArCR,EAAKf,KAAKmB,cAAc,eAA4B,IAAPJ,GAAyBA,EAAGS,aAAaC,EAAyB,IAEpH5B,kBACI,OAAO6B,CAAK,sBACM1B,KAAKqB,uDAEPrB,KAAKK,6BACPL,KAAKK,aAAeL,KAAKC,KAAK0B,yBAA2B3B,KAAKC,KAAK2B,+BAC3E5B,KAAKO,aAAeP,KAAK6B,kBAAoB,4GAIX7B,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK8B,UACP,GACAJ,CAAK,oBACU1B,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAK+B,kEASlClC,mBACI,OAAO6B,CAAK,0BACW1B,KAAKU,iBAAiBV,KAAKO,aAAeP,KAAK6B,kBAAoB,4GAEpE7B,KAAKqB,qEACarB,KAAKK,aAAe,cAAgB,4CAEpEL,KAAK8B,UACP,GACAJ,CAAK,oBACU1B,KAAKK,cAAgBL,KAAKO,aAAe,KAAO,gBAChDP,KAAKO,aAAe,QAAU,8BAC1BP,KAAK+B,kEASlClC,SACI,OAAO6B,CAAK,oGAEV1B,KAAKO,aAAeP,KAAKgC,mBAAqBhC,KAAKiC,0BAIzDC,oBACI,MAAO,CAACC,EAAYC,GAExBL,0BACI,OAAOM,EAAuBrC,MAElCH,QAAQiB,GACJhB,MAAMwC,QAAQxB,GACdyB,EAA2BvC,KAAMA,KAAKK,eAG9CmC,EAAW,CACPvC,KACDN,EAAmB8C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,WAClBjD,EAAmB8C,UAAW,oBAAgB,GACjDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,gBAAY,GAC7CD,EAAW,CACPE,EAAS,CAAEC,KAAMC,QAASE,SAAS,KACpCnD,EAAmB8C,UAAW,oBAAgB,GACjDD,EAAW,CACPE,EAAS,CAAEC,KAAMI,OAAQD,SAAS,KACnCnD,EAAmB8C,UAAW,YAAQ,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMI,UAClBpD,EAAmB8C,UAAW,yBAAqB,GACtDD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,cAAU,GAC3CD,EAAW,CACPK,EAAM,CAAEF,KAAMC,QAASE,SAAS,KACjCnD,EAAmB8C,UAAW,gBAAY,GAC7CD,EAAW,CACPQ,EAAU,8BAA+B,CAAEC,OAAQ,mBACpDtD,EAAmB8C,UAAW,iBAAa,GAC9CD,EAAW,CACPU,EAAa,6BACdvD,EAAmB8C,UAAW,gBAAY"}
@@ -39,7 +39,6 @@ export declare const CdsNavigationTagName = "cds-navigation";
39
39
  export declare class CdsNavigation extends LitElement implements Animatable {
40
40
  expandedRoot: boolean;
41
41
  cdsMotion: string;
42
- role: string;
43
42
  protected expandedChange: EventEmitter<boolean>;
44
43
  cdsMotionChange: EventEmitter<string>;
45
44
  /**
@@ -49,10 +48,6 @@ export declare class CdsNavigation extends LitElement implements Animatable {
49
48
  * @protected
50
49
  */
51
50
  protected groupItem: boolean;
52
- /**
53
- * Set and update the aria-active descended value onto the navigation.
54
- */
55
- ariaActiveDescendant: any;
56
51
  /**
57
52
  *
58
53
  * Vertical navigation elements can be either wide or narrow. Expanded indicates it should be wide.
@@ -108,8 +103,9 @@ export declare class CdsNavigation extends LitElement implements Animatable {
108
103
  * query for all groups (including any nested groups), used ot pass state down
109
104
  */
110
105
  protected navigationGroupRefs: NodeListOf<CdsNavigationGroup>;
106
+ role: string;
111
107
  private toggle;
112
- get currentActiveItem(): FocusableElement | undefined;
108
+ private get currentActiveItem();
113
109
  protected get endTemplate(): "" | import("lit-html").TemplateResult<1>;
114
110
  protected get startTemplate(): string | import("lit-html").TemplateResult<1>;
115
111
  protected get visibleChildren(): FocusableElement[];
@@ -1,4 +1,2 @@
1
- import{__decorate as t}from"tslib";import{LitElement as i,html as e}from"lit";import{I18nService as a,isVisible as n,setAttributes as o,onKey as s,syncPropsForAllItems as r,syncProps as d,baseStyles as v,property as c,event as l,state as h,i18n as p,querySlot as 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 u,querySlotAll as g,animate as m,reverseAnimation as f}from"@cds/core/internal";import y from"./navigation.element.scss.js";import{removeFocus as I,setFocus as A,visibleElement as b,getNextFocusElement as E,getPreviousFocusElement as S}from"./utils/index.js";import{AnimationNavigationOpenName as x}from"../internal/motion/animations/cds-navigation-open.js";const N="cds-navigation";let R=class extends i{constructor(){super(...arguments),this.expandedRoot=!1,this.cdsMotion="on",this.groupItem=!0,this.expanded=!1,this.i18n=a.keys.navigation,this.role="list"}toggle(){this.expandedChange.emit(!this.expanded)}get currentActiveItem(){return this.visibleChildren.find((t=>t.id===this.ariaActiveDescendant))}get endTemplate(){return this.navigationEnd?e`<div class="navigation-end" cds-layout="vertical align:horizontal-stretch"><slot name="cds-navigation-end"></slot></div>`:""}get startTemplate(){let t;return t=this.rootNavigationStart?e`<div class="navigation-start" cds-layout="vertical align:horizontal-stretch"><slot @slotchange="${()=>this.addStartEventListener()}" name="navigation-start"></slot><cds-divider class="start-divider"></cds-divider></div>`:"",t}get visibleChildren(){return Array.from(this.allNavigationElements).filter((t=>n(t)))}addStartEventListener(){this.rootNavigationStart&&this.rootNavigationStart.addEventListener("click",this.toggle.bind(this))}firstUpdated(t){var i;super.firstUpdated(t),this.allNavigationElements.forEach((t=>{o(t,["tabindex","-1"])}));const e=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector("#item-container");null==e||e.addEventListener("focus",this.initItemKeys.bind(this)),null==e||e.addEventListener("keydown",this.handleItemKeys.bind(this)),null==e||e.addEventListener("blur",this.blurItemKeys.bind(this))}blurItemKeys(){this.currentActiveItem&&I(this.currentActiveItem)}focusRootStart(){this.rootNavigationStart&&A(this.rootNavigationStart)}blurRootStart(){this.rootNavigationStart&&I(this.rootNavigationStart)}initItemKeys(){if(this.currentActiveItem){const t=this.currentActiveItem?this.currentActiveItem:this.allNavigationElements[0];A(t),this.ariaActiveDescendant=t.id}else A(this.focusableElements[0]),this.ariaActiveDescendant=this.focusableElements[0].id}get focusableElements(){return Array.from(this.allNavigationElements).filter(b)}handleItemKeys(t){s("arrow-down",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=E(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-up",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const i=S(this.currentActiveItem,this.focusableElements);this.ariaActiveDescendant=i.id,A(i),t.preventDefault()}})),s("arrow-right",t,(()=>{var t;const i=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");!i||i.expanded||i.expandedChange.emit(!i.expanded)})),s("arrow-left",t,(()=>{var t,i,e;const a=null===(t=this.currentActiveItem)||void 0===t?void 0:t.closest("cds-navigation-group");if("CDS-NAVIGATION-ITEM"===(null===(i=this.currentActiveItem)||void 0===i?void 0:i.tagName)&&a){const t=null==a?void 0:a.querySelector("cds-navigation-start");return I(this.currentActiveItem),this.ariaActiveDescendant=null!==(e=null==t?void 0:t.id)&&void 0!==e?e:null,void A(t)}a&&a.expanded&&a.expandedChange.emit(!a.expanded)})),s("home",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[0];this.ariaActiveDescendant=t.id,A(t)}})),s("end",t,(()=>{if(this.currentActiveItem){I(this.currentActiveItem);const t=this.focusableElements[this.focusableElements.length-1];this.ariaActiveDescendant=t.id,A(t)}})),s("enter",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())})),s("space",t,(()=>{var t,i;(null===(t=this.currentActiveItem)||void 0===t?void 0:t.focusElement)&&(null===(i=this.currentActiveItem)||void 0===i||i.focusElement.click())}))}handleRootStartKeys(t){s("arrow-right",t,(()=>{this.expanded||this.toggle()})),s("arrow-left",t,(()=>{this.expanded&&this.toggle()}))}connectedCallback(){var t,i,e;super.connectedCallback(),null===(t=this.rootNavigationStart)||void 0===t||t.addEventListener("focus",this.focusRootStart.bind(this)),null===(i=this.rootNavigationStart)||void 0===i||i.addEventListener("blur",this.blurRootStart.bind(this)),null===(e=this.rootNavigationStart)||void 0===e||e.addEventListener("keydown",this.handleRootStartKeys.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.rootNavigationStart&&this.rootNavigationStart.removeEventListener("click",this.toggle.bind(this))}render(){return e`<div class="private-host" aria-label="${this.i18n.navigationLabel}" cds-layout="vertical wrap:none">${this.startTemplate}<slot name="cds-navigation-substart"></slot><nav class="navigation-body-wrapper"><div .ariaActiveDescendant="${this.ariaActiveDescendant}" tabindex="0" id="item-container"><div class="navigation-body" cds-layout="vertical wrap:none align:horizontal-stretch"><slot></slot></div></div></nav>${this.endTemplate}</div>`}updated(t){super.updated(t),t.has("expanded")&&(this.expandedRoot=this.expanded),this.updateChildrenProps()}updateChildrenProps(){this.navigationGroupItems&&r(Array.from(this.navigationGroupItems),this,{groupItem:!0}),this.navigationItemRefs&&r(Array.from(this.navigationItemRefs),this,{expanded:!0}),this.navigationStartRefs&&r(Array.from(this.navigationStartRefs),this,{expandedRoot:!0}),this.rootNavigationStart&&d(this.rootNavigationStart,this,{expanded:this.expanded}),this.rootNavigationItems.length>0&&r(Array.from(this.rootNavigationItems),this,{expanded:this.expanded}),this.navigationGroupRefs.length>0&&r(Array.from(this.navigationGroupRefs),this,{layout:!0})}static get styles(){return[v,y]}};t([c({type:String})],R.prototype,"cdsMotion",void 0),t([l()],R.prototype,"expandedChange",void 0),t([l()],R.prototype,"cdsMotionChange",void 0),t([h({type:Boolean})],R.prototype,"groupItem",void 0),t([c({type:Boolean})],R.prototype,"expanded",void 0),t([p()],R.prototype,"i18n",void 0),t([u('[slot="cds-navigation-end"]',{assign:"cds-navigation-end"})],R.prototype,"navigationEnd",void 0),t([g("cds-navigation-group > cds-navigation-start, cds-navigation-item:not([disabled])")],R.prototype,"allNavigationElements",void 0),t([g("cds-navigation-start")],R.prototype,"navigationStartRefs",void 0),t([g(":scope > cds-divider")],R.prototype,"rootDividers",void 0),t([g(":scope > cds-navigation-group")],R.prototype,"rootNavigationGroups",void 0),t([g(":scope > cds-navigation-item")],R.prototype,"rootNavigationItems",void 0),t([u(":scope > cds-navigation-start",{assign:"navigation-start"})],R.prototype,"rootNavigationStart",void 0),t([g(":scope > cds-navigation-group > cds-navigation-item")],R.prototype,"navigationGroupItems",void 0),t([g("cds-navigation-item")],R.prototype,"navigationItemRefs",void 0),t([g("cds-navigation-group")],R.prototype,"navigationGroupRefs",void 0),R=t([m({expanded:{true:x,false:f(x)}})],R);export{R as CdsNavigation,N as CdsNavigationTagName};
4
2
  //# sourceMappingURL=navigation.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"navigation.element.js","sources":["../../../src/navigation/navigation.element.ts"],"sourcesContent":null,"names":["CdsNavigationTagName","CdsNavigation","LitElement","[object Object]","super","arguments","this","expandedRoot","cdsMotion","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":"6mBAWY,MAACA,EAAuB,iBA+BjC,IAACC,EAAgB,cAA4BC,EAC5CC,cACIC,SAASC,WACTC,KAAKC,cAAe,EACpBD,KAAKE,UAAY,KACjBF,KAAKG,KAAO,OAOZH,KAAKI,WAAY,EASjBJ,KAAKK,UAAW,EAChBL,KAAKM,KAAOC,EAAYC,KAAKC,WAEjCZ,SACIG,KAAKU,eAAeC,MAAMX,KAAKK,UAEnCO,wBACI,OAAOZ,KAAKa,gBAAgBC,MAAKC,GAAKA,EAAEC,KAAOhB,KAAKiB,uBAExDC,kBACI,OAAOlB,KAAKmB,cACNC,CAAK,2HAKL,GAEVC,oBACI,IAAIC,EASJ,OAPOA,EADPtB,KAAKuB,oBACeH,CAAK,mGAEA,IAAMpB,KAAKwB,kHAIhB,GACbF,EAEXT,sBACI,OAAOY,MAAMC,KAAK1B,KAAK2B,uBAAuBC,QAAOC,GAAKC,EAAUD,KAExEhC,wBAGQG,KAAKuB,qBACLvB,KAAKuB,oBAAoBQ,iBAAiB,QAAS/B,KAAKgC,OAAOC,KAAKjC,OAG5EH,aAAaqC,GACT,IAAIC,EACJrC,MAAMsC,aAAaF,GAEnBlC,KAAK2B,sBAAsBU,SAAQC,IAC/BC,EAAcD,EAAM,CAAC,WAAY,UAErC,MAAME,EAAyC,QAA1BL,EAAKnC,KAAKyC,kBAA+B,IAAPN,OAAgB,EAASA,EAAGO,cAAc,mBACjGF,MAAAA,GAA0DA,EAAYT,iBAAiB,QAAS/B,KAAK2C,aAAaV,KAAKjC,OACvHwC,MAAAA,GAA0DA,EAAYT,iBAAiB,UAAW/B,KAAK4C,eAAeX,KAAKjC,OAC3HwC,MAAAA,GAA0DA,EAAYT,iBAAiB,OAAQ/B,KAAK6C,aAAaZ,KAAKjC,OAE1HH,eACQG,KAAKY,mBACLkC,EAAY9C,KAAKY,mBAGzBf,iBACQG,KAAKuB,qBACLwB,EAAS/C,KAAKuB,qBAGtB1B,gBACQG,KAAKuB,qBACLuB,EAAY9C,KAAKuB,qBAGzB1B,eACI,GAAKG,KAAKY,kBAIL,CACD,MAAMoC,EAAehD,KAAKY,kBAAoBZ,KAAKY,kBAAoBZ,KAAK2B,sBAAsB,GAClGoB,EAASC,GACThD,KAAKiB,qBAAuB+B,EAAahC,QANzC+B,EAAS/C,KAAKiD,kBAAkB,IAChCjD,KAAKiB,qBAAuBjB,KAAKiD,kBAAkB,GAAGjC,GAQ9DiC,wBACI,OAAOxB,MAAMC,KAAK1B,KAAK2B,uBAAuBC,OAAOsB,GAEzDrD,eAAesD,GACXC,EAAM,aAAcD,GAAO,KACvB,GAAInD,KAAKY,kBAAmB,CACxBkC,EAAY9C,KAAKY,mBACjB,MAAMyC,EAAOC,EAAoBtD,KAAKY,kBAAmBZ,KAAKiD,mBAC9DjD,KAAKiB,qBAAuBoC,EAAKrC,GACjC+B,EAASM,GACTF,EAAMI,qBAGdH,EAAM,WAAYD,GAAO,KACrB,GAAInD,KAAKY,kBAAmB,CACxBkC,EAAY9C,KAAKY,mBACjB,MAAM4C,EAAWC,EAAwBzD,KAAKY,kBAAmBZ,KAAKiD,mBACtEjD,KAAKiB,qBAAuBuC,EAASxC,GACrC+B,EAASS,GACTL,EAAMI,qBAGdH,EAAM,cAAeD,GAAO,KACxB,IAAIhB,EACJ,MAAMuB,EAAgD,QAAjCvB,EAAKnC,KAAKY,yBAAsC,IAAPuB,OAAgB,EAASA,EAAGwB,QAAQ,yBAC9FD,GAAgBA,EAAYrD,UAC5BqD,EAAYhD,eAAeC,MAAM+C,EAAYrD,aAIrD+C,EAAM,aAAcD,GAAO,KACvB,IAAIhB,EAAIyB,EACR,MAAMF,EAAgD,QAAjCvB,EAAKnC,KAAKY,yBAAsC,IAAPuB,OAAgB,EAASA,EAAGwB,QAAQ,wBAClG,GAAwF,yBAAjD,QAAjCC,EAAK5D,KAAKY,yBAAsC,IAAPgD,OAAgB,EAASA,EAAGC,UAAwCH,EAAa,CAC5H,MAAMI,EAAoBJ,MAAAA,OAAiD,EAASA,EAAYhB,cAAc,wBAI9G,OAHAI,EAAY9C,KAAKY,mBACjBZ,KAAKiB,qBAAuB6C,MAAAA,OAA6D,EAASA,EAAkB9C,QACpH+B,EAASe,GAGTJ,GAAeA,EAAYrD,UAC3BqD,EAAYhD,eAAeC,MAAM+C,EAAYrD,aAIrD+C,EAAM,OAAQD,GAAO,KACjB,GAAInD,KAAKY,kBAAmB,CACxBkC,EAAY9C,KAAKY,mBACjB,MAAMmD,EAAO/D,KAAKiD,kBAAkB,GACpCjD,KAAKiB,qBAAuB8C,EAAK/C,GACjC+B,EAASgB,OAGjBX,EAAM,MAAOD,GAAO,KAChB,GAAInD,KAAKY,kBAAmB,CACxBkC,EAAY9C,KAAKY,mBACjB,MAAMoD,EAAMhE,KAAKiD,kBAAkBjD,KAAKiD,kBAAkBgB,OAAS,GACnEjE,KAAKiB,qBAAuB+C,EAAIhD,GAChC+B,EAASiB,OAGjBZ,EAAM,QAASD,GAAO,KAClB,IAAIhB,EAAIyB,GAE8B,QAAjCzB,EAAKnC,KAAKY,yBAAsC,IAAPuB,OAAgB,EAASA,EAAGa,gBACpC,QAAjCY,EAAK5D,KAAKY,yBAAsC,IAAPgD,GAAyBA,EAAGZ,aAAakB,YAG3Fd,EAAM,QAASD,GAAO,KAClB,IAAIhB,EAAIyB,GAE8B,QAAjCzB,EAAKnC,KAAKY,yBAAsC,IAAPuB,OAAgB,EAASA,EAAGa,gBACpC,QAAjCY,EAAK5D,KAAKY,yBAAsC,IAAPgD,GAAyBA,EAAGZ,aAAakB,YAI/FrE,oBAAoBsD,GAChBC,EAAM,cAAeD,GAAO,KACnBnD,KAAKK,UACNL,KAAKgC,YAIboB,EAAM,aAAcD,GAAO,KACnBnD,KAAKK,UACLL,KAAKgC,YAKjBnC,oBACI,IAAIsC,EAAIyB,EAAIO,EACZrE,MAAMsE,oBAC8B,QAAnCjC,EAAKnC,KAAKuB,2BAAwC,IAAPY,GAAyBA,EAAGJ,iBAAiB,QAAS/B,KAAKqE,eAAepC,KAAKjC,OACvF,QAAnC4D,EAAK5D,KAAKuB,2BAAwC,IAAPqC,GAAyBA,EAAG7B,iBAAiB,OAAQ/B,KAAKsE,cAAcrC,KAAKjC,OACrF,QAAnCmE,EAAKnE,KAAKuB,2BAAwC,IAAP4C,GAAyBA,EAAGpC,iBAAiB,UAAW/B,KAAKuE,oBAAoBtC,KAAKjC,OAEtIH,uBACIC,MAAM0E,uBACFxE,KAAKuB,qBACLvB,KAAKuB,oBAAoBkD,oBAAoB,QAASzE,KAAKgC,OAAOC,KAAKjC,OAG/EH,SACI,OAAOuB,CAAK,yCAEApB,KAAKM,KAAKoE;;6CAKtB1E,KAAKqB,+PAOwBrB,KAAKiB,yKAQ9BjB,KAAKkB,gCAKbrB,QAAQqC,GACJpC,MAAM6E,QAAQzC,GACVA,EAAM0C,IAAI,cACV5E,KAAKC,aAAeD,KAAKK,UAE7BL,KAAK6E,sBAEThF,sBACQG,KAAK8E,sBACLC,EAAqBtD,MAAMC,KAAK1B,KAAK8E,sBAAuB9E,KAAM,CAAEI,WAAW,IAE/EJ,KAAKgF,oBACLD,EAAqBtD,MAAMC,KAAK1B,KAAKgF,oBAAqBhF,KAAM,CAC5DK,UAAU,IAGdL,KAAKiF,qBACLF,EAAqBtD,MAAMC,KAAK1B,KAAKiF,qBAAsBjF,KAAM,CAC7DC,cAAc,IAGlBD,KAAKuB,qBACL2D,EAAUlF,KAAKuB,oBAAqBvB,KAAM,CACtCK,SAAUL,KAAKK,WAGnBL,KAAKmF,oBAAoBlB,OAAS,GAClCc,EAAqBtD,MAAMC,KAAK1B,KAAKmF,qBAAsBnF,KAAM,CAC7DK,SAAUL,KAAKK,WAGnBL,KAAKoF,oBAAoBnB,OAAS,GAClCc,EAAqBtD,MAAMC,KAAK1B,KAAKoF,qBAAsBpF,KAAM,CAC7DqF,QAAQ,IAIpBC,oBACI,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhG,EAAciG,UAAW,iBAAa,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBhG,EAAciG,UAAW,YAAQ,GACpCJ,EAAW,CACPrC,KACDxD,EAAciG,UAAW,sBAAkB,GAC9CJ,EAAW,CACPrC,KACDxD,EAAciG,UAAW,uBAAmB,GAC/CJ,EAAW,CACPK,EAAM,CAAEH,KAAMI,WACfnG,EAAciG,UAAW,iBAAa,GACzCJ,EAAW,CACPK,EAAM,CAAEH,KAAMC,UACfhG,EAAciG,UAAW,4BAAwB,GACpDJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,WAClBnG,EAAciG,UAAW,gBAAY,GACxCJ,EAAW,CACPlF,KACDX,EAAciG,UAAW,YAAQ,GACpCJ,EAAW,CACPO,EAAU,8BAA+B,CAAEC,OAAQ,wBACpDrG,EAAciG,UAAW,qBAAiB,GAC7CJ,EAAW,CACPS,EAAa,qFACdtG,EAAciG,UAAW,6BAAyB,GACrDJ,EAAW,CACPS,EAAa,yBACdtG,EAAciG,UAAW,2BAAuB,GACnDJ,EAAW,CACPS,EAAa,yBACdtG,EAAciG,UAAW,oBAAgB,GAC5CJ,EAAW,CACPS,EAAa,kCACdtG,EAAciG,UAAW,4BAAwB,GACpDJ,EAAW,CACPS,EAAa,iCACdtG,EAAciG,UAAW,2BAAuB,GACnDJ,EAAW,CACPO,EAAU,gCAAiC,CAAEC,OAAQ,sBACtDrG,EAAciG,UAAW,2BAAuB,GACnDJ,EAAW,CACPS,EAAa,wDACdtG,EAAciG,UAAW,4BAAwB,GACpDJ,EAAW,CACPS,EAAa,wBACdtG,EAAciG,UAAW,0BAAsB,GAClDJ,EAAW,CACPS,EAAa,yBACdtG,EAAciG,UAAW,2BAAuB,GACnDjG,EAAgB6F,EAAW,CACvBU,EAAQ,CACJ7F,SAAU,CACN8F,KAAMC,EACNC,MAAOC,EAAiBF,OAGjCzG"}
1
+ {"version":3,"file":"navigation.element.js","sources":["../../../src/navigation/navigation.element.ts"],"sourcesContent":null,"names":["CdsNavigationTagName","CdsNavigation","LitElement","[object Object]","super","arguments","this","expandedRoot","cdsMotion","groupItem","expanded","i18n","I18nService","keys","navigation","role","expandedChange","emit","currentActiveItem","visibleChildren","find","c","id","ariaActiveDescendant","endTemplate","navigationEnd","html","startTemplate","returnHTML","rootNavigationStart","addStartEventListener","Array","from","allNavigationElements","filter","n","isVisible","addEventListener","toggle","bind","props","_a","firstUpdated","forEach","item","setAttributes","itemWrapper","shadowRoot","querySelector","initItemKeys","handleItemKeys","blurItemKeys","removeFocus","setFocus","focusElement","focusableElements","visibleElement","event","onKey","next","getNextFocusElement","preventDefault","previous","getPreviousFocusElement","groupParent","closest","_b","_c","tagName","groupStartElement","home","end","length","click","connectedCallback","focusRootStart","blurRootStart","handleRootStartKeys","disconnectedCallback","removeEventListener","navigationLabel","updated","has","updateChildrenProps","navigationGroupItems","syncPropsForAllItems","navigationItemRefs","navigationStartRefs","syncProps","rootNavigationItems","navigationGroupRefs","layout","styles","baseStyles","__decorate","property","type","String","prototype","state","Boolean","querySlot","assign","querySlotAll","animate","true","AnimationNavigationOpenName","false","reverseAnimation"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var o=a`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--collapsed-width:var(--cds-global-layout-space-xl, calc((48 / var(--cds-global-base, 20)) * 1rem));--expanded-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20);--line-height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-4, calc((14 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--nested-padding:var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));--padding:0 var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem));height:inherit}:host(:focus){outline:0!important}:host([expanded]) .private-host{width:var(--expanded-width);min-width:var(--expanded-width)}:host([cds-motion=off]){width:var(--collapsed-width)}:host([cds-motion=off][expanded]){width:var(--expanded-width)}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--collapsed-width)}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])){width:var(--expanded-width);transform:none}.private-host{color:var(--color);background:var(--background);height:100%;width:var(--collapsed-width);min-width:var(--collapsed-width)}.navigation-body{height:100%}.navigation-body-wrapper{height:100%;overflow:auto;outline:0}.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.7",
3
+ "version": "5.6.2",
4
4
  "license": "MIT",
5
5
  "author": "clarity",
6
6
  "description": "Clarity Design System Web Components",
@@ -64,21 +64,33 @@
64
64
  "./range/register.js",
65
65
  "./search/register.js",
66
66
  "./select/register.js",
67
+ "./selection-panels/checkbox/register.js",
68
+ "./selection-panels/radio/register.js",
67
69
  "./tag/register.js",
68
70
  "./textarea/register.js",
69
71
  "./test-dropdown/register.js",
70
72
  "./time/register.js",
71
73
  "./toggle/register.js",
72
- "./tree-view/register.js"
74
+ "./tree-view/register.js",
75
+ "./polyfills/index.js",
76
+ "./polyfills/aria-reflect.js"
73
77
  ],
74
78
  "exports": {
75
79
  "./package.json": "./package.json",
76
80
  "./custom-elements.json": "./custom-elements.json",
77
81
  ".": "./index.js",
78
82
  "./internal": "./internal/index.js",
83
+ "./polyfills": "./polyfills/index.js",
79
84
  "./test": "./test/index.js",
80
85
  "./icon/shapes/*": "./icon/shapes/*",
81
86
  "./icon/icon.service.js": "./icon/icon.service.js",
87
+ "./polyfills/index.js": "./polyfills/index.js",
88
+ "./tokens/tokens.js": "./tokens/tokens.js",
89
+ "./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
90
+ "./tokens/tokens.json": "./tokens/tokens.json",
91
+ "./tokens/tokens.scss": "./tokens/tokens.scss",
92
+ "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
93
+ "./tokens/tokens.android.xml": "./tokens/tokens.android.xml",
82
94
  "./accordion": "./accordion/index.js",
83
95
  "./accordion/register": "./accordion/register.js",
84
96
  "./accordion/register.js": "./accordion/register.js",
@@ -160,6 +172,12 @@
160
172
  "./select": "./select/index.js",
161
173
  "./select/register": "./select/register.js",
162
174
  "./select/register.js": "./select/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",
@@ -34,7 +34,6 @@ export declare class CdsPassword extends CdsControl {
34
34
  hideButtonAriaLabel: string;
35
35
  };
36
36
  constructor();
37
- private get ariaLabel();
38
37
  protected get suffixDefaultTemplate(): import("lit-html").TemplateResult<1>;
39
38
  static get styles(): import("lit").CSSResultGroup[];
40
39
  togglePasswordVisibility(): void;
@@ -1,2 +1,2 @@
1
- import{__decorate as s}from"tslib";import{html as o}from"lit";import{I18nService as t,state as i,i18n as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as a}from"@cds/core/input";import{ClarityIcons as c}from"@cds/core/icon/icon.service.js";import{eyeIcon as d}from"@cds/core/icon/shapes/eye.js";import{eyeHideIcon as n}from"@cds/core/icon/shapes/eye-hide.js";class h extends e{constructor(){super(),this.showPassword=!1,this.i18n=t.keys.password,c.addIcons(d,n)}get ariaLabel(){return this.showPassword?this.i18n.hideButtonAriaLabel:this.i18n.showButtonAriaLabel}get suffixDefaultTemplate(){return o`<cds-control-action @click="${()=>this.togglePasswordVisibility()}" aria-label="${this.ariaLabel}"><cds-icon shape="${this.showPassword?"eye-hide":"eye"}"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,a]}togglePasswordVisibility(){this.showPassword=!this.showPassword,this.inputControl.type=this.showPassword?"text":"password",this.inputControl.focus()}}s([i()],h.prototype,"showPassword",void 0),s([r()],h.prototype,"i18n",void 0);export{h as CdsPassword};
1
+ import{__decorate as s}from"tslib";import{html as o}from"lit";import{I18nService as t,state as i,i18n as r}from"@cds/core/internal";import{CdsControl as e}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as a}from"@cds/core/icon/icon.service.js";import{eyeIcon as d}from"@cds/core/icon/shapes/eye.js";import{eyeHideIcon as n}from"@cds/core/icon/shapes/eye-hide.js";class h extends e{constructor(){super(),this.showPassword=!1,this.i18n=t.keys.password,a.addIcons(d,n)}get suffixDefaultTemplate(){return o`<cds-control-action @click="${()=>this.togglePasswordVisibility()}" .ariaLabel="${this.showPassword?this.i18n.hideButtonAriaLabel:this.i18n.showButtonAriaLabel}"><cds-icon shape="${this.showPassword?"eye-hide":"eye"}"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c]}togglePasswordVisibility(){this.showPassword=!this.showPassword,this.inputControl.type=this.showPassword?"text":"password",this.inputControl.focus()}}s([i()],h.prototype,"showPassword",void 0),s([r()],h.prototype,"i18n",void 0);export{h as CdsPassword};
2
2
  //# sourceMappingURL=password.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"password.element.js","sources":["../../../src/password/password.element.ts"],"sourcesContent":null,"names":["CdsPassword","CdsControl","[object Object]","super","this","showPassword","i18n","I18nService","keys","password","ClarityIcons","addIcons","eyeIcon","eyeHideIcon","ariaLabel","hideButtonAriaLabel","showButtonAriaLabel","suffixDefaultTemplate","html","togglePasswordVisibility","styles","inputStyles","inputControl","type","focus","__decorate","state","prototype"],"mappings":"oZA0CO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,cAAe,EACpBD,KAAKE,KAAOC,EAAYC,KAAKC,SAC7BC,EAAaC,SAASC,EAASC,GAEnCC,gBACI,OAAOV,KAAKC,aAAeD,KAAKE,KAAKS,oBAAsBX,KAAKE,KAAKU,oBAEzEC,4BACI,OAAOC,CAAK,+BACe,IAAMd,KAAKe,2CAA0Cf,KAAKU,+BAClEV,KAAKC,aAAe,WAAa,0CAIxDe,oBACI,MAAO,IAAIjB,MAAMiB,OAAQC,GAE7BnB,2BACIE,KAAKC,cAAgBD,KAAKC,aAC1BD,KAAKkB,aAAaC,KAAOnB,KAAKC,aAAe,OAAS,WACtDD,KAAKkB,aAAaE,SAG1BC,EAAW,CACPC,KACD1B,EAAY2B,UAAW,oBAAgB,GAC1CF,EAAW,CACPnB,KACDN,EAAY2B,UAAW,YAAQ"}
1
+ {"version":3,"file":"password.element.js","sources":["../../../src/password/password.element.ts"],"sourcesContent":null,"names":["CdsPassword","CdsControl","[object Object]","super","this","showPassword","i18n","I18nService","keys","password","ClarityIcons","addIcons","eyeIcon","eyeHideIcon","suffixDefaultTemplate","html","togglePasswordVisibility","hideButtonAriaLabel","showButtonAriaLabel","styles","inputStyles","inputControl","type","focus","__decorate","state","prototype"],"mappings":"oZA0CO,MAAMA,UAAoBC,EAC7BC,cACIC,QACAC,KAAKC,cAAe,EACpBD,KAAKE,KAAOC,EAAYC,KAAKC,SAC7BC,EAAaC,SAASC,EAASC,GAEnCC,4BACI,OAAOC,CAAK,+BAEH,IAAMX,KAAKY,2CACPZ,KAAKC,aAAeD,KAAKE,KAAKW,oBAAsBb,KAAKE,KAAKY,yCAExDd,KAAKC,aAAe,WAAa,0CAIxDc,oBACI,MAAO,IAAIhB,MAAMgB,OAAQC,GAE7BlB,2BACIE,KAAKC,cAAgBD,KAAKC,aAC1BD,KAAKiB,aAAaC,KAAOlB,KAAKC,aAAe,OAAS,WACtDD,KAAKiB,aAAaE,SAG1BC,EAAW,CACPC,KACDzB,EAAY0B,UAAW,oBAAgB,GAC1CF,EAAW,CACPlB,KACDN,EAAY0B,UAAW,YAAQ"}
@@ -0,0 +1,45 @@
1
+ declare global {
2
+ interface Element {
3
+ role: any;
4
+ ariaActiveDescendant: any;
5
+ ariaControls: any;
6
+ ariaLabelledBy: any;
7
+ ariaDisabled: any;
8
+ ariaExpanded: any;
9
+ ariaSelected: any;
10
+ ariaAtomic: any;
11
+ ariaAutoComplete: any;
12
+ ariaBusy: any;
13
+ ariaChecked: any;
14
+ ariaColCount: any;
15
+ ariaColIndex: any;
16
+ ariaColSpan: any;
17
+ ariaCurrent: any;
18
+ ariaHasPopup: any;
19
+ ariaHidden: any;
20
+ ariaKeyShortcuts: any;
21
+ ariaLabel: any;
22
+ ariaLevel: any;
23
+ ariaLive: any;
24
+ ariaModal: any;
25
+ ariaMultiLine: any;
26
+ ariaMultiSelectable: any;
27
+ ariaOrientation: any;
28
+ ariaPlaceholder: any;
29
+ ariaPosInSet: any;
30
+ ariaPressed: any;
31
+ ariaReadOnly: any;
32
+ ariaRequired: any;
33
+ ariaRoleDescription: any;
34
+ ariaRowCount: any;
35
+ ariaRowIndex: any;
36
+ ariaRowSpan: any;
37
+ ariaSetSize: any;
38
+ ariaSort: any;
39
+ ariaValueMax: any;
40
+ ariaValueMin: any;
41
+ ariaValueNow: any;
42
+ ariaValueText: any;
43
+ }
44
+ }
45
+ export declare function reflect(element: HTMLElement | Element, attributeName: string, propertyName: string): void;
@@ -0,0 +1,2 @@
1
+ let e=!1,t=!1;function o(){var e,t,o;return void 0!==(null===(o=null===(t=null===(e=globalThis)||void 0===e?void 0:e.process)||void 0===t?void 0:t.env)||void 0===o?void 0:o.JEST_WORKER_ID)}function l(e,t,o){Object.defineProperty(e,o,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(t)?this.getAttribute(t):null},set:function(e){null!==e?this.setAttribute(t,e):this.removeAttribute(t)}})}e||Element.prototype.hasOwnProperty("role")||o()||(l(Element.prototype,"role","role"),e=!0),t||Element.prototype.hasOwnProperty("ariaLabel")||o()||(t=!0,["ActiveDescendant","Atomic","AutoComplete","Busy","Checked","ColCount","ColIndex","ColSpan","Controls","Current","DescribedBy","Details","Disabled","ErrorMessage","Expanded","FlowTo","HasPopup","Hidden","Invalid","KeyShortcuts","Label","LabelledBy","Level","Live","Modal","MultiLine","MultiSelectable","Orientation","Owns","Placeholder","PosInSet","Pressed","ReadOnly","Relevant","Required","RoleDescription","RowCount","RowIndex","RowSpan","Selected","SetSize","Sort","ValueMax","ValueMin","ValueNow","ValueText"].forEach((e=>l(Element.prototype,"aria-"+e.toLowerCase(),"aria"+e))));export{l as reflect};
2
+ //# sourceMappingURL=aria-reflect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"aria-reflect.js","sources":["../../../src/polyfills/aria-reflect.ts"],"sourcesContent":null,"names":["roleRegistered","ariaRegistered","isNode","_a","_b","_c","undefined","globalThis","process","env","JEST_WORKER_ID","reflect","element","attributeName","propertyName","Object","defineProperty","configurable","enumerable","get","this","hasAttribute","getAttribute","set","value","setAttribute","removeAttribute","Element","prototype","hasOwnProperty","forEach","name","toLowerCase"],"mappings":"AAKA,IAAIA,GAAiB,EACjBC,GAAiB,EACrB,SAASC,IACL,IAAIC,EAAIC,EAAIC,EACZ,YAAgMC,KAAxD,QAA/HD,EAAkF,QAA5ED,EAA2B,QAArBD,EAAKI,kBAA+B,IAAPJ,OAAgB,EAASA,EAAGK,eAA4B,IAAPJ,OAAgB,EAASA,EAAGK,WAAwB,IAAPJ,OAAgB,EAASA,EAAGK,gBA4DzK,SAASC,EAAQC,EAASC,EAAeC,GAC5CC,OAAOC,eAAeJ,EAASE,EAAc,CACzCG,cAAc,EACdC,YAAY,EACZC,IAAK,WACD,OAAOC,KAAKC,aAAaR,GAAiBO,KAAKE,aAAaT,GAAiB,MAEjFU,IAAK,SAAUC,GACG,OAAVA,EACAJ,KAAKK,aAAaZ,EAAeW,GAGjCJ,KAAKM,gBAAgBb,MArEhCb,GAAmB2B,QAAQC,UAAUC,eAAe,SAAY3B,MACjES,EAAQgB,QAAQC,UAAW,OAAQ,QACnC5B,GAAiB,GAIhBC,GAAmB0B,QAAQC,UAAUC,eAAe,cAAiB3B,MACtED,GAAiB,EACjB,CACI,mBACA,SACA,eACA,OACA,UACA,WACA,WACA,UACA,WACA,UACA,cACA,UACA,WACA,eACA,WACA,SACA,WACA,SACA,UACA,eACA,QACA,aACA,QACA,OACA,QACA,YACA,kBACA,cACA,OACA,cACA,WACA,UACA,WACA,WACA,WACA,kBACA,WACA,WACA,UACA,WACA,UACA,OACA,WACA,WACA,WACA,aACF6B,SAAQC,GAAQpB,EAAQgB,QAAQC,UAAW,QAAQG,EAAKC,cAAiB,OAAOD"}
@@ -0,0 +1 @@
1
+ import './aria-reflect.js';
@@ -0,0 +1,2 @@
1
+ import"./aria-reflect.js";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
@@ -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,12 +50,35 @@ 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
- private setAriaAttributes;
57
+ private _ariaLabel;
58
+ /**
59
+ * The aria-label attribute is added here as a convenience. It is not set
60
+ * to a default value.
61
+ *
62
+ * If this attribute/property remains unset, it will default to an i18n string.
63
+ * This means that the aria-label can be customized using the aria-label
64
+ * attribute or by overriding the i18n value for the progress circle.
65
+ */
66
+ get ariaLabel(): string;
67
+ /**
68
+ * Changes the svg glyph displayed in the icon component. Defaults to the 'unknown' icon if
69
+ * the specified icon cannot be found in the icon registry.
70
+ */
71
+ set ariaLabel(newAriaLabel: string);
72
+ i18n: {
73
+ loading: string;
74
+ looping: string;
75
+ };
76
+ /** @private */
77
+ setAriaAttributes(oldValueForAriaLabelCheck?: number): void;
58
78
  connectedCallback(): void;
79
+ disconnectedCallback(): void;
80
+ protected observers: MutationObserver[];
81
+ firstUpdated(props: Map<string, any>): void;
59
82
  updated(props: Map<string, any>): void;
60
83
  render(): import("lit-html").TemplateResult<1>;
61
84
  static get styles(): import("lit").CSSResultGroup[];
@@ -1,2 +1,2 @@
1
- import{__decorate as e}from"tslib";import{hasStringPropertyChanged as s,updateEquilateralSizeStyles as t,setAttributes as r,baseStyles as i,property as a}from"@cds/core/internal";import{LitElement as o,html as l}from"lit";import u from"ramda/es/isNil.js";import n from"./progress-circle.element.scss.js";class h extends o{constructor(){super(...arguments),this.status="neutral",this.inverse=!1,this.line=3}get radius(){return 18-Math.ceil(this.line/2)}get circumference(){return 2*Math.PI*this.radius}get progress(){return u(this.value)?30:this.value}get progressOffset(){return(100-this.progress)/100*this.circumference}get size(){return this._size}set size(e){if(s(e,this._size)){const s=this._size;this._size=e,t(this,e),this.requestUpdate("size",s)}}setAriaAttributes(){const e=this.value,s=[["role","progressbar"],["aria-valuemin","0"],["aria-valuemax","100"],["aria-valuenow",e+""]],t=u(e)?[["role","img"],["aria-valuemin",!1],["aria-valuemax",!1],["aria-valuenow",!1]]:s;r(this,...t)}connectedCallback(){super.connectedCallback(),this.setAriaAttributes()}updated(e){super.updated(e),e.has("value")&&this.setAriaAttributes()}render(){return l`<div class="private-host" aria-hidden="true"><div class="progress-wrapper"><svg version="1.1" viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false"><circle stroke-width="${this.line}" fill="none" cx="18" cy="18" r="${this.radius}" class="${this.progress>99?"arcstroke":"backstroke"}"/><path d="M 18 18 m 0,-${this.radius} a ${this.radius},${this.radius} 0 1 1 0,${2*this.radius} a ${this.radius},${this.radius} 0 1 1 0,-${2*this.radius}" class="fillstroke arcstroke" stroke-width="${this.line}" stroke-dasharray="${this.circumference}" stroke-dashoffset="${this.progressOffset}" fill="none"/></svg></div></div>`}static get styles(){return[i,n]}}e([a({type:String})],h.prototype,"status",void 0),e([a({type:Boolean})],h.prototype,"inverse",void 0),e([a({type:Number})],h.prototype,"value",void 0),e([a({type:Number})],h.prototype,"line",void 0),e([a({type:String})],h.prototype,"size",null);export{h as CdsProgressCircle};
1
+ import{__decorate as s}from"tslib";import{I18nService as t,hasStringPropertyChanged as e,updateEquilateralSizeStyles as i,isNilOrEmpty as r,setAttributes as a,listenForAttributeChange as o,baseStyles as l,property as h,i18n as n}from"@cds/core/internal";import{LitElement as p,html as u}from"lit";import c from"ramda/es/isNil.js";import d from"./progress-circle.element.scss.js";import{getProgressCircleRadius as b,getAriaLabelOrDefault as g,getDefaultAriaLabel as v,getProgressCircleAriaAttributes as f}from"./progress-circle.utils.js";class m extends p{constructor(){super(...arguments),this.status="neutral",this.inverse=!1,this.line=3,this.i18n=t.keys.progress,this.observers=[]}get radius(){return b(this.line)}get circumference(){return 2*Math.PI*this.radius}get progress(){return c(this.value)?30:this.value}get progressOffset(){return(100-this.progress)/100*this.circumference}get size(){return this._size}set size(s){if(e(s,this._size)){const t=this._size;this._size=s,i(this,s),this.requestUpdate("size",t)}}get ariaLabel(){return g(this._ariaLabel,this.value,this.i18n.loading,this.i18n.looping)}set ariaLabel(s){if(e(s,this._ariaLabel)){const t=this._ariaLabel;this._ariaLabel=s,this.requestUpdate("ariaLabel",t)}}setAriaAttributes(s){const t=this.value;let e;e=r(s)?r(t)||this.ariaLabel!==this.i18n.looping?this.ariaLabel:v(t,this.i18n.loading,this.i18n.looping):g(this._ariaLabel,t,this.i18n.loading,this.i18n.looping,s);const i=f(t,e);a(this,...i)}connectedCallback(){super.connectedCallback(),this.setAriaAttributes()}disconnectedCallback(){super.disconnectedCallback(),this.observers.forEach((s=>s.disconnect()))}firstUpdated(s){super.firstUpdated(s),this.observers.push(o(this,"cds-i18n",(()=>{const s=this.ariaLabel;this.ariaLabel="",this.requestUpdate("ariaLabel",s)})))}updated(s){super.updated(s),s.has("value")?this.setAriaAttributes(s.get("value")):s.has("ariaLabel")?this.setAriaAttributes():s.has("ariaLabelTemplate")&&(this._ariaLabel=null,this.setAriaAttributes(this.value))}render(){return u`<div class="private-host" aria-hidden="true"><div class="progress-wrapper"><svg version="1.1" viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false"><circle stroke-width="${this.line}" fill="none" cx="18" cy="18" r="${this.radius}" class="${this.progress>99?"arcstroke":"backstroke"}"/><path d="M 18 18 m 0,-${this.radius} a ${this.radius},${this.radius} 0 1 1 0,${2*this.radius} a ${this.radius},${this.radius} 0 1 1 0,-${2*this.radius}" class="fillstroke arcstroke" stroke-width="${this.line}" stroke-dasharray="${this.circumference}" stroke-dashoffset="${this.progressOffset}" fill="none"/></svg></div></div>`}static get styles(){return[l,d]}}s([h({type:String})],m.prototype,"status",void 0),s([h({type:Boolean})],m.prototype,"inverse",void 0),s([h({type:Number})],m.prototype,"value",void 0),s([h({type:Number})],m.prototype,"line",void 0),s([h({type:String})],m.prototype,"size",null),s([h({type:String})],m.prototype,"ariaLabel",null),s([n()],m.prototype,"i18n",void 0);export{m as CdsProgressCircle};
2
2
  //# sourceMappingURL=progress-circle.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"progress-circle.element.js","sources":["../../../src/progress-circle/progress-circle.element.ts"],"sourcesContent":null,"names":["CdsProgressCircle","LitElement","[object Object]","super","arguments","this","status","inverse","line","radius","Math","ceil","circumference","PI","progress","isNil","value","progressOffset","size","_size","val","hasStringPropertyChanged","oldVal","updateEquilateralSizeStyles","requestUpdate","currentValue","ariaAttrsIfValue","attrsToSet","setAttributes","connectedCallback","setAriaAttributes","props","updated","has","html","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","Number"],"mappings":"gTA4BO,MAAMA,UAA0BC,EACnCC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UAKdD,KAAKE,SAAU,EAMfF,KAAKG,KAAO,EAEhBC,aAOI,OAHsB,GAEHC,KAAKC,KAAKN,KAAKG,KAAO,GAG7CI,oBACI,OAAO,EAAIF,KAAKG,GAAKR,KAAKI,OAG9BK,eAEI,OAAOC,EAAMV,KAAKW,OADM,GACqBX,KAAKW,MAGtDC,qBAEI,OADoB,IACGZ,KAAKS,UADR,IACmCT,KAAKO,cAEhEM,WACI,OAAOb,KAAKc,MAMhBD,SAASE,GACL,GAAIC,EAAyBD,EAAKf,KAAKc,OAAQ,CAC3C,MAAMG,EAASjB,KAAKc,MACpBd,KAAKc,MAAQC,EACbG,EAA4BlB,KAAMe,GAClCf,KAAKmB,cAAc,OAAQF,IAGnCpB,oBACI,MAAMuB,EAAepB,KAAKW,MACpBU,EAAmB,CACrB,CAAC,OAAQ,eACT,CAAC,gBAAiB,KAClB,CAAC,gBAAiB,OAClB,CAAC,gBAAiBD,EAAe,KAQ/BE,EAAaZ,EAAMU,GANA,CACrB,CAAC,OAAQ,OACT,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,IAEsCC,EAC5DE,EAAcvB,QAASsB,GAE3BzB,oBACIC,MAAM0B,oBACNxB,KAAKyB,oBAET5B,QAAQ6B,GACJ5B,MAAM6B,QAAQD,GACVA,EAAME,IAAI,UACV5B,KAAKyB,oBAGb5B,SACI,OAAOgC,CAAK,+QAYU7B,KAAKG,wCAIhBH,KAAKI,kBACDJ,KAAKS,SAAW,GAAK,YAAc,wCAG1BT,KAAKI,YAAYJ,KAAKI,UAAUJ,KAAKI,kBAAkB,EAAIJ,KAAKI,YAAYJ,KAC/FI,UAAUJ,KAAKI,mBAAmB,EAAIJ,KAAKI,sDAE1BJ,KAAKG,2BACDH,KAAKO,qCACJP,KAAKY,kDAQpCkB,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxC,EAAkByC,UAAW,cAAU,GAC1CJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClB1C,EAAkByC,UAAW,eAAW,GAC3CJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClB3C,EAAkByC,UAAW,aAAS,GACzCJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,UAClB3C,EAAkByC,UAAW,YAAQ,GACxCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxC,EAAkByC,UAAW,OAAQ"}
1
+ {"version":3,"file":"progress-circle.element.js","sources":["../../../src/progress-circle/progress-circle.element.ts"],"sourcesContent":null,"names":["CdsProgressCircle","LitElement","[object Object]","super","arguments","this","status","inverse","line","i18n","I18nService","keys","progress","observers","radius","getProgressCircleRadius","circumference","Math","PI","isNil","value","progressOffset","size","_size","val","hasStringPropertyChanged","oldVal","updateEquilateralSizeStyles","requestUpdate","ariaLabel","getAriaLabelOrDefault","_ariaLabel","loading","looping","newAriaLabel","oldValueForAriaLabelCheck","currentValue","isNilOrEmpty","getDefaultAriaLabel","attrsToSet","getProgressCircleAriaAttributes","setAttributes","connectedCallback","setAriaAttributes","disconnectedCallback","forEach","o","disconnect","props","firstUpdated","push","listenForAttributeChange","oldAriaLabel","updated","has","get","html","styles","baseStyles","__decorate","property","type","String","prototype","Boolean","Number"],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import { HTMLAttributeTuple } from '@cds/core/internal';
2
+ export declare function getProgressCircleRadius(lineThickness: number, viewboxDimension?: number): number;
3
+ export declare function getAriaLabelFromTemplate(currentValue: number, loadingi18n: string, forceToValue?: number): string;
4
+ export declare function getDefaultAriaLabel(currentValue: number | undefined | null, loadingi18n: string, loopingMsg: string): string;
5
+ export declare function getAriaLabelOrDefault(existingAriaLabel: string, currentValue: number, loadingi18n: string, loopingMsg: string, previousValue?: number): string;
6
+ export declare function getProgressCircleAriaAttributes(currentValue: number | undefined | null, ariaLabel: string): HTMLAttributeTuple[];
@@ -0,0 +1,2 @@
1
+ import{isNilOrEmpty as a}from"@cds/core/internal";function r(a,r=36){return r/2-Math.ceil(a/2)}function e(r,e,n){return`${e} ${a(n)?r:n}%`}function n(r,n,i){return a(r)?i:e(r,n)}function i(a,r,i,u,t){switch(!0){case!a:case t&&a===e(r,i,t):return n(r,i,u);default:return a}}function u(r,e){return a(r)?[["role","img"],["aria-valuemin",!1],["aria-valuemax",!1],["aria-valuenow",!1],["aria-label",e]]:[["role","progressbar"],["aria-valuemin","0"],["aria-valuemax","100"],["aria-valuenow",r+""],["aria-label",e]]}export{e as getAriaLabelFromTemplate,i as getAriaLabelOrDefault,n as getDefaultAriaLabel,u as getProgressCircleAriaAttributes,r as getProgressCircleRadius};
2
+ //# sourceMappingURL=progress-circle.utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-circle.utils.js","sources":["../../../src/progress-circle/progress-circle.utils.ts"],"sourcesContent":null,"names":["getProgressCircleRadius","lineThickness","viewboxDimension","Math","ceil","getAriaLabelFromTemplate","currentValue","loadingi18n","forceToValue","isNilOrEmpty","getDefaultAriaLabel","loopingMsg","getAriaLabelOrDefault","existingAriaLabel","previousValue","getProgressCircleAriaAttributes","ariaLabel"],"mappings":"kDAQO,SAASA,EAAwBC,EAAeC,EAAmB,IAMtE,OAHsBA,EAAmB,EAEtBC,KAAKC,KAAKH,EAAgB,GAK1C,SAASI,EAAyBC,EAAcC,EAAaC,GAGhE,MAAO,GAAGD,KAFIE,EAAaD,GAAgBF,EAAeE,KAIvD,SAASE,EAAoBJ,EAAcC,EAAaI,GAC3D,OAAIF,EAAaH,GACNK,EAGAN,EAAyBC,EAAcC,GAG/C,SAASK,EAAsBC,EAAmBP,EAAcC,EAAaI,EAAYG,GAC5F,QAAQ,GACJ,KAAMD,EAEN,KAAKC,GAAiBD,IAAsBR,EAAyBC,EAAcC,EAAaO,GAC5F,OAAOJ,EAAoBJ,EAAcC,EAAaI,GAC1D,QACI,OAAOE,GAGZ,SAASE,EAAgCT,EAAcU,GAC1D,OAAIP,EAAaH,GAEN,CACH,CAAC,OAAQ,OACT,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,iBAAiB,GAClB,CAAC,aAAcU,IAKZ,CACH,CAAC,OAAQ,eACT,CAAC,gBAAiB,KAClB,CAAC,gBAAiB,OAClB,CAAC,gBAAiBV,EAAe,IACjC,CAAC,aAAcU"}