@pnx-mixtape/mxds 0.0.2 → 0.0.4

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 (265) hide show
  1. package/README.md +13 -13
  2. package/package.json +5 -4
  3. package/src/Atom/Background/__snapshots__/Backgrounds.stories.ts.snap +3 -3
  4. package/src/Atom/Background/_background.css +1 -22
  5. package/src/Atom/Blockquote/_blockquote.css +1 -1
  6. package/src/Atom/Button/Button.stories.ts +4 -6
  7. package/src/Atom/Button/README.md +3 -3
  8. package/src/Atom/Button/__snapshots__/Button.stories.ts.snap +23 -11
  9. package/src/Atom/Button/__snapshots__/Button.stories.tsx.snap +2 -2
  10. package/src/Atom/Button/_buttons-styles.css +1 -1
  11. package/src/Atom/Button/_buttons.css +5 -1
  12. package/src/Atom/Button/button.twig +6 -4
  13. package/src/Atom/Button/twig/story-button.twig +11 -0
  14. package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.tsx.snap +1 -1
  15. package/src/Atom/Heading/__snapshots__/Heading.stories.ts.snap +2 -2
  16. package/src/Atom/Heading/__snapshots__/Heading.stories.tsx.snap +1 -1
  17. package/src/Atom/Heading/_headings.css +1 -1
  18. package/src/Atom/Heading/heading.twig +19 -1
  19. package/src/Atom/Icon/README.md +1 -1
  20. package/src/Atom/Icon/__snapshots__/Icon.stories.ts.snap +3 -3
  21. package/src/Atom/Icon/__snapshots__/Icon.stories.tsx.snap +3 -3
  22. package/src/Atom/Icon/_extended-set.css +1 -1
  23. package/src/Atom/Icon/_icon.css +5 -5
  24. package/src/Atom/Image/__snapshots__/Image.stories.ts.snap +1 -1
  25. package/src/Atom/Image/_image.css +1 -1
  26. package/src/Atom/Link/Link.stories.ts +31 -7
  27. package/src/Atom/Link/__snapshots__/Link.stories.ts.snap +46 -6
  28. package/src/Atom/Link/__snapshots__/Link.stories.tsx.snap +3 -3
  29. package/src/Atom/Link/_links.css +24 -2
  30. package/src/Atom/Link/link.twig +8 -6
  31. package/src/Atom/Link/twig/story-link.twig +11 -0
  32. package/src/Atom/Media/Media.stories.ts +17 -1
  33. package/src/Atom/Media/__snapshots__/Media.stories.ts.snap +17 -2
  34. package/src/Atom/Media/__snapshots__/Media.stories.tsx.snap +2 -2
  35. package/src/Atom/Media/_media.css +1 -1
  36. package/src/Atom/Media/media.twig +1 -5
  37. package/src/Atom/Media/twig/story-media.twig +11 -0
  38. package/src/Atom/NavList/__snapshots__/NavList.stories.ts.snap +1 -1
  39. package/src/Atom/NavList/nav-list.css +1 -1
  40. package/src/Atom/README.md +1 -1
  41. package/src/Atom/Spacing/__snapshots__/Spacing.stories.ts.snap +1 -1
  42. package/src/Atom/Spacing/_spacing.css +1 -1
  43. package/src/Atom/Table/__snapshots__/Table.stories.ts.snap +4 -4
  44. package/src/Atom/Table/__snapshots__/TableResponsive.stories.ts.snap +1 -1
  45. package/src/Atom/Table/_table.css +1 -1
  46. package/src/Atom/Text/__snapshots__/Text.stories.tsx.snap +1 -1
  47. package/src/Atom/Text/__snapshots__/TextSizes.stories.ts.snap +2 -2
  48. package/src/Atom/Text/_text-align.css +1 -1
  49. package/src/Atom/Text/_text-sizes.css +1 -1
  50. package/src/Atom/Video/Video.stories.ts +5 -3
  51. package/src/Atom/Video/__snapshots__/Video.stories.ts.snap +3 -13
  52. package/src/Atom/Video/_video.css +6 -1
  53. package/src/Atom/Video/video.twig +10 -4
  54. package/src/Atom/_animated.css +1 -1
  55. package/src/Atom/_flow-legacy.css +1 -1
  56. package/src/Atom/_flow.css +1 -1
  57. package/src/Atom/_generic.css +1 -1
  58. package/src/Atom/_hr.css +1 -1
  59. package/src/Atom/base.css +2 -2
  60. package/src/Component/Accordion/README.md +7 -17
  61. package/src/Component/Accordion/__snapshots__/Accordion.stories.ts.snap +4 -4
  62. package/src/Component/Accordion/__snapshots__/Accordion.stories.tsx.snap +1 -1
  63. package/src/Component/Accordion/accordion.css +2 -2
  64. package/src/Component/Accordion/accordion.entry.js +2 -0
  65. package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.ts.snap +1 -1
  66. package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.tsx.snap +2 -2
  67. package/src/Component/Breadcrumb/breadcrumb.css +1 -1
  68. package/src/Component/Callout/__snapshots__/Callout.stories.ts.snap +12 -0
  69. package/src/Component/Callout/callout.css +1 -1
  70. package/src/Component/Card/README.md +7 -13
  71. package/src/Component/Card/__snapshots__/Card.stories.ts.snap +34 -24
  72. package/src/Component/Card/__snapshots__/Card.stories.tsx.snap +3 -3
  73. package/src/Component/Card/card.css +3 -3
  74. package/src/Component/ContentBlock/README.md +7 -13
  75. package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.ts.snap +6 -23
  76. package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.tsx.snap +1 -1
  77. package/src/Component/ContentBlock/content-block.css +2 -2
  78. package/src/Component/Dialog/README.md +15 -49
  79. package/src/Component/Dialog/__snapshots__/Dialog.stories.ts.snap +2 -2
  80. package/src/Component/Dialog/__snapshots__/Dialog.stories.tsx.snap +1 -1
  81. package/src/Component/Dialog/dialog.css +3 -3
  82. package/src/Component/Dialog/dialog.entry.js +1 -0
  83. package/src/Component/DropMenu/README.md +19 -4
  84. package/src/Component/DropMenu/__snapshots__/DropMenu.stories.ts.snap +1 -1
  85. package/src/Component/DropMenu/__snapshots__/DropMenu.stories.tsx.snap +1 -1
  86. package/src/Component/DropMenu/drop-menu.css +1 -1
  87. package/src/Component/DropMenu/drop-menu.entry.js +1 -0
  88. package/src/Component/{InPageAlert/Elements/InPageAlert.ts → GlobalAlert/Elements/ClosableAlert.ts} +21 -10
  89. package/src/Component/GlobalAlert/GlobalAlert.stories.ts +49 -0
  90. package/src/Component/GlobalAlert/GlobalAlert.stories.tsx +33 -0
  91. package/src/Component/GlobalAlert/GlobalAlert.tsx +50 -0
  92. package/src/Component/GlobalAlert/README.md +27 -0
  93. package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.ts.snap +43 -0
  94. package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.tsx.snap +48 -0
  95. package/src/Component/GlobalAlert/global-alert.css +55 -0
  96. package/src/Component/GlobalAlert/global-alert.entry.js +1 -0
  97. package/src/Component/GlobalAlert/global-alert.twig +30 -0
  98. package/src/Component/GlobalAlert/twig/story-global-alert.twig +14 -0
  99. package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.ts.snap +74 -0
  100. package/src/Component/HeroBanner/__snapshots__/{PageTitle.stories.tsx.snap → HeroBanner.stories.tsx.snap} +4 -4
  101. package/src/Component/HeroBanner/hero-banner.css +1 -1
  102. package/src/Component/HeroBanner/hero-banner.twig +1 -0
  103. package/src/Component/InPageAlert/InPageAlert.stories.ts +20 -22
  104. package/src/Component/InPageAlert/InPageAlert.stories.tsx +5 -5
  105. package/src/Component/InPageAlert/InPageAlert.tsx +15 -41
  106. package/src/Component/InPageAlert/README.md +4 -4
  107. package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.ts.snap +9 -36
  108. package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.tsx.snap +56 -56
  109. package/src/Component/InPageAlert/in-page-alert.css +2 -2
  110. package/src/Component/InPageAlert/in-page-alert.twig +13 -16
  111. package/src/Component/InPageAlert/twig/story-in-page-alert.twig +11 -0
  112. package/src/Component/InPageNavigation/README.md +10 -15
  113. package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.ts.snap +6 -70
  114. package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.tsx.snap +1 -1
  115. package/src/Component/InPageNavigation/in-page-navigation.css +2 -2
  116. package/src/Component/InPageNavigation/in-page-navigation.entry.js +1 -0
  117. package/src/Component/LinkList/README.md +3 -3
  118. package/src/Component/LinkList/__snapshots__/LinkList.stories.ts.snap +24 -55
  119. package/src/Component/LinkList/link-list.css +1 -1
  120. package/src/Component/Navigation/README.md +16 -7
  121. package/src/Component/Navigation/__snapshots__/Collapsible.stories.ts.snap +1 -1
  122. package/src/Component/Navigation/__snapshots__/Dropdown.stories.ts.snap +1 -1
  123. package/src/Component/Navigation/__snapshots__/Dropdown.stories.tsx.snap +1 -1
  124. package/src/Component/Navigation/__snapshots__/Navigation.stories.ts.snap +1 -1
  125. package/src/Component/Navigation/__snapshots__/Navigation.stories.tsx.snap +2 -2
  126. package/src/Component/Navigation/_navigation-collapsible.css +1 -1
  127. package/src/Component/Navigation/_navigation-dropdown.css +1 -1
  128. package/src/Component/Navigation/_navigation-mega.css +1 -1
  129. package/src/Component/Navigation/_navigation.css +1 -1
  130. package/src/Component/Navigation/navigation.entry.js +1 -0
  131. package/src/Component/Pagination/README.md +3 -3
  132. package/src/Component/Pagination/__snapshots__/Pagination.stories.ts.snap +1 -1
  133. package/src/Component/Pagination/__snapshots__/Pagination.stories.tsx.snap +1 -1
  134. package/src/Component/Pagination/pagination.css +1 -1
  135. package/src/Component/Sticky/README.md +12 -5
  136. package/src/Component/Sticky/__snapshots__/Sticky.stories.ts.snap +9 -82
  137. package/src/Component/Sticky/__snapshots__/Sticky.stories.tsx.snap +1 -1
  138. package/src/Component/Sticky/sticky.css +2 -2
  139. package/src/Component/Sticky/sticky.entry.js +1 -0
  140. package/src/Component/Tabs/README.md +11 -4
  141. package/src/Component/Tabs/__snapshots__/Tabs.stories.ts.snap +1 -1
  142. package/src/Component/Tabs/__snapshots__/Tabs.stories.tsx.snap +1 -1
  143. package/src/Component/Tabs/tabs.css +2 -2
  144. package/src/Component/Tabs/tabs.entry.js +1 -0
  145. package/src/Component/Tag/README.md +2 -2
  146. package/src/Component/Tag/__snapshots__/Tag.stories.ts.snap +3 -3
  147. package/src/Component/Tag/__snapshots__/Tag.stories.tsx.snap +1 -1
  148. package/src/Component/Tag/tag.css +1 -1
  149. package/src/Component/Tile/__snapshots__/Tile.stories.ts.snap +1 -1
  150. package/src/Component/Tile/__snapshots__/Tile.stories.tsx.snap +2 -2
  151. package/src/Component/Tile/tiles.css +1 -1
  152. package/src/Form/README.md +2 -2
  153. package/src/Form/form.css +12 -12
  154. package/src/Layout/Footer/FooterMenu/__snapshots__/FooterMenu.stories.ts.snap +1 -1
  155. package/src/Layout/Footer/FooterMenu/footer-menu.css +1 -1
  156. package/src/Layout/Footer/footer.css +1 -1
  157. package/src/Layout/Grid/__snapshots__/Grid.stories.ts.snap +33 -90
  158. package/src/Layout/Grid/container-grid.css +2 -2
  159. package/src/Layout/Grid/grid.css +2 -2
  160. package/src/Layout/Header/_header.css +1 -1
  161. package/src/Layout/Header/_toggles.css +1 -1
  162. package/src/Layout/Header/header.entry.js +1 -0
  163. package/src/Layout/Masthead/__snapshots__/Masthead.stories.ts.snap +2 -2
  164. package/src/Layout/Masthead/masthead.css +5 -5
  165. package/src/Layout/Masthead/masthead.twig +2 -2
  166. package/src/Layout/Page/README.md +2 -2
  167. package/src/Layout/Page/__snapshots__/Page.stories.tsx.snap +1 -1
  168. package/src/Layout/Page/page.css +2 -2
  169. package/src/Layout/README.md +3 -2
  170. package/src/Layout/Section/Section.stories.ts +1 -2
  171. package/src/Layout/Section/__snapshots__/Background.stories.ts.snap +59 -0
  172. package/src/Layout/Section/__snapshots__/Breakouts.stories.ts.snap +80 -0
  173. package/src/Layout/Section/__snapshots__/Flow.stories.ts.snap +91 -0
  174. package/src/Layout/Section/__snapshots__/Section.stories.ts.snap +22 -14
  175. package/src/Layout/Section/section.css +4 -4
  176. package/src/Layout/Section/twig/section-story.twig +1 -1
  177. package/src/Layout/Sidebar/sidebar.css +1 -1
  178. package/src/Utility/Drupal/README.md +1 -1
  179. package/src/Utility/README.md +1 -1
  180. package/src/Utility/_layout-utils.css +1 -1
  181. package/src/Utility/utilities.css +3 -3
  182. package/src/elements.ts +1 -1
  183. package/dist/build/Accordion.js +0 -61
  184. package/dist/build/Accordion.js.map +0 -1
  185. package/dist/build/AccordionDiv.js +0 -62
  186. package/dist/build/AccordionDiv.js.map +0 -1
  187. package/dist/build/AccordionGroup.js +0 -85
  188. package/dist/build/AccordionGroup.js.map +0 -1
  189. package/dist/build/AccordionMobile.js +0 -31
  190. package/dist/build/AccordionMobile.js.map +0 -1
  191. package/dist/build/Dialog.js +0 -116
  192. package/dist/build/Dialog.js.map +0 -1
  193. package/dist/build/DropMenu.js +0 -132
  194. package/dist/build/DropMenu.js.map +0 -1
  195. package/dist/build/GlobalToggle.js +0 -103
  196. package/dist/build/GlobalToggle.js.map +0 -1
  197. package/dist/build/InPageAlert.js +0 -61
  198. package/dist/build/InPageAlert.js.map +0 -1
  199. package/dist/build/InPageNavigation.js +0 -92
  200. package/dist/build/InPageNavigation.js.map +0 -1
  201. package/dist/build/Navigation.js +0 -126
  202. package/dist/build/Navigation.js.map +0 -1
  203. package/dist/build/Sticky.js +0 -63
  204. package/dist/build/Sticky.js.map +0 -1
  205. package/dist/build/Tabs.js +0 -164
  206. package/dist/build/Tabs.js.map +0 -1
  207. package/dist/build/accordion.css +0 -108
  208. package/dist/build/base.css +0 -1000
  209. package/dist/build/breadcrumb.css +0 -47
  210. package/dist/build/breakpoint-loader.js +0 -52
  211. package/dist/build/breakpoint-loader.js.map +0 -1
  212. package/dist/build/button.css +0 -126
  213. package/dist/build/callout.css +0 -11
  214. package/dist/build/card.css +0 -135
  215. package/dist/build/chunks/js.cookie-CiMiGxWx.js +0 -101
  216. package/dist/build/chunks/js.cookie-CiMiGxWx.js.map +0 -1
  217. package/dist/build/chunks/polyfills-CJ5uTmUJ.js +0 -749
  218. package/dist/build/chunks/polyfills-CJ5uTmUJ.js.map +0 -1
  219. package/dist/build/chunks/popover-wbPSyFRj.js +0 -654
  220. package/dist/build/chunks/popover-wbPSyFRj.js.map +0 -1
  221. package/dist/build/chunks/utilities-BIk0P2KX.js +0 -61
  222. package/dist/build/chunks/utilities-BIk0P2KX.js.map +0 -1
  223. package/dist/build/constants.css +0 -120
  224. package/dist/build/container-grid.css +0 -207
  225. package/dist/build/content-block.css +0 -23
  226. package/dist/build/cookie-compliance.js +0 -122
  227. package/dist/build/cookie-compliance.js.map +0 -1
  228. package/dist/build/dialog.css +0 -98
  229. package/dist/build/disclosure-widget.js +0 -124
  230. package/dist/build/disclosure-widget.js.map +0 -1
  231. package/dist/build/drop-menu.css +0 -78
  232. package/dist/build/drupal.css +0 -74
  233. package/dist/build/footer-menu.css +0 -32
  234. package/dist/build/footer.css +0 -61
  235. package/dist/build/form.css +0 -589
  236. package/dist/build/grid.css +0 -200
  237. package/dist/build/header.css +0 -131
  238. package/dist/build/hero-banner.css +0 -62
  239. package/dist/build/icon.css +0 -399
  240. package/dist/build/in-page-alert.css +0 -94
  241. package/dist/build/in-page-navigation.css +0 -17
  242. package/dist/build/index.css +0 -4980
  243. package/dist/build/io-loader.js +0 -44
  244. package/dist/build/io-loader.js.map +0 -1
  245. package/dist/build/keyboard.js +0 -101
  246. package/dist/build/keyboard.js.map +0 -1
  247. package/dist/build/link-list.css +0 -72
  248. package/dist/build/masthead.css +0 -39
  249. package/dist/build/nav-list.css +0 -29
  250. package/dist/build/navigation.css +0 -371
  251. package/dist/build/page.css +0 -184
  252. package/dist/build/pagination.css +0 -123
  253. package/dist/build/section.css +0 -160
  254. package/dist/build/sidebar.css +0 -105
  255. package/dist/build/sticky.css +0 -47
  256. package/dist/build/tabs.css +0 -106
  257. package/dist/build/tag.css +0 -67
  258. package/dist/build/tiles.css +0 -61
  259. package/dist/build/utilities.css +0 -175
  260. package/src/Component/Card/__snapshots__/CardGrid.stories.ts.snap +0 -89
  261. package/src/Component/HeroBanner/__snapshots__/PageTitle.stories.ts.snap +0 -31
  262. package/src/Layout/Section/__snapshots__/SectionBackground.stories.ts.snap +0 -55
  263. package/src/Layout/Section/__snapshots__/SectionsBreakouts.stories.ts.snap +0 -78
  264. package/src/Layout/Section/__snapshots__/SectionsFlowsGroups.stories.ts.snap +0 -89
  265. package/src/index.css +0 -27
@@ -1,44 +0,0 @@
1
- const _IntersectionLoader = class _IntersectionLoader {
2
- constructor(el, callback) {
3
- this.init = () => {
4
- this.observer = new IntersectionObserver((items) => {
5
- items.forEach(({ isIntersecting }) => {
6
- if (isIntersecting) this.load().catch((error) => this.handleError(error));
7
- });
8
- });
9
- this.observer.observe(this.el);
10
- this.fallbackBtn?.addEventListener("click", this.handleClick);
11
- };
12
- this.load = async () => {
13
- try {
14
- await this.callback();
15
- } catch (error) {
16
- this.handleError(error);
17
- }
18
- this.observer.unobserve(this.el);
19
- };
20
- this.handleClick = () => {
21
- this.load().catch((error) => this.handleError(error));
22
- };
23
- this.handleError = (error) => {
24
- console.error(error);
25
- this.errorMsg?.removeAttribute("hidden");
26
- };
27
- this.el = el;
28
- this.callback = callback;
29
- this.fallbackBtn = this.el.querySelector("[data-load-fallback]");
30
- this.errorMsg = this.el.querySelector("[data-load-error]");
31
- }
32
- };
33
- _IntersectionLoader.create = (selector, callback) => {
34
- if (!Object.hasOwn(window, "once")) return;
35
- window.once("intersection-loader", selector)?.forEach((el) => {
36
- const loader = new _IntersectionLoader(el, callback);
37
- loader.init();
38
- });
39
- };
40
- let IntersectionLoader = _IntersectionLoader;
41
- export {
42
- IntersectionLoader as default
43
- };
44
- //# sourceMappingURL=io-loader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"io-loader.js","sources":["../../src/Utility/Elements/io-loader.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * Lazy Load on an Intersection Observer\n */\n\nexport default class IntersectionLoader {\n el: HTMLElement\n callback: () => any\n observer: IntersectionObserver\n fallbackBtn?: HTMLButtonElement\n errorMsg?: HTMLElement\n\n constructor(el: HTMLElement, callback: () => any) {\n this.el = el\n this.callback = callback\n this.fallbackBtn = this.el.querySelector(\"[data-load-fallback]\")\n this.errorMsg = this.el.querySelector(\"[data-load-error]\")\n }\n\n init = (): void => {\n this.observer = new IntersectionObserver(items => {\n items.forEach(({ isIntersecting }) => {\n if (isIntersecting) this.load().catch(error => this.handleError(error))\n })\n })\n this.observer.observe(this.el)\n this.fallbackBtn?.addEventListener(\"click\", this.handleClick)\n }\n\n load = async (): Promise<void> => {\n try {\n await this.callback()\n } catch (error) {\n this.handleError(error)\n }\n this.observer.unobserve(this.el)\n }\n\n handleClick = (): void => {\n this.load().catch(error => this.handleError(error))\n }\n\n handleError = (error): void => {\n console.error(error) // eslint-disable-line no-console\n this.errorMsg?.removeAttribute(\"hidden\")\n }\n\n static create = (selector: string, callback: () => any): void => {\n if (!Object.hasOwn(window, \"once\")) return\n window\n .once(\"intersection-loader\", selector)\n ?.forEach((el: HTMLElement): void => {\n const loader: IntersectionLoader = new IntersectionLoader(el, callback)\n loader.init()\n })\n }\n}\n"],"names":[],"mappings":"AAKA,MAAqB,sBAArB,MAAqB,oBAAmB;AAAA,EAOtC,YAAY,IAAiB,UAAqB;AAOlD,SAAA,OAAO,MAAY;AACZ,WAAA,WAAW,IAAI,qBAAqB,CAAS,UAAA;AAChD,cAAM,QAAQ,CAAC,EAAE,qBAAqB;AAChC,cAAA,qBAAqB,KAAK,EAAE,MAAM,CAAS,UAAA,KAAK,YAAY,KAAK,CAAC;AAAA,QAAA,CACvE;AAAA,MAAA,CACF;AACI,WAAA,SAAS,QAAQ,KAAK,EAAE;AAC7B,WAAK,aAAa,iBAAiB,SAAS,KAAK,WAAW;AAAA,IAAA;AAG9D,SAAA,OAAO,YAA2B;AAC5B,UAAA;AACF,cAAM,KAAK;eACJ,OAAO;AACd,aAAK,YAAY,KAAK;AAAA,MACxB;AACK,WAAA,SAAS,UAAU,KAAK,EAAE;AAAA,IAAA;AAGjC,SAAA,cAAc,MAAY;AACxB,WAAK,KAAO,EAAA,MAAM,WAAS,KAAK,YAAY,KAAK,CAAC;AAAA,IAAA;AAGpD,SAAA,cAAc,CAAC,UAAgB;AAC7B,cAAQ,MAAM,KAAK;AACd,WAAA,UAAU,gBAAgB,QAAQ;AAAA,IAAA;AA/BvC,SAAK,KAAK;AACV,SAAK,WAAW;AAChB,SAAK,cAAc,KAAK,GAAG,cAAc,sBAAsB;AAC/D,SAAK,WAAW,KAAK,GAAG,cAAc,mBAAmB;AAAA,EAC3D;AAuCF;AATS,oBAAA,SAAS,CAAC,UAAkB,aAA8B;AAC/D,MAAI,CAAC,OAAO,OAAO,QAAQ,MAAM,EAAG;AACpC,SACG,KAAK,uBAAuB,QAAQ,GACnC,QAAQ,CAAC,OAA0B;AACnC,UAAM,SAA6B,IAAI,oBAAmB,IAAI,QAAQ;AACtE,WAAO,KAAK;AAAA,EAAA,CACb;AAAA;AAjDP,IAAqB,qBAArB;"}
@@ -1,101 +0,0 @@
1
- class Keyboard {
2
- constructor() {
3
- this.attachPopup = (id, closefn) => {
4
- window.Mixtape.Popups.push({
5
- id,
6
- closefn
7
- });
8
- };
9
- this.detachPopup = (id) => {
10
- window.Mixtape.Popups = window.Mixtape.Popups.filter((item) => item.id !== id);
11
- };
12
- this.attachMenu = (context, items) => {
13
- window.Mixtape.Menu = {
14
- context,
15
- items
16
- };
17
- };
18
- this.detachMenu = () => {
19
- window.Mixtape.Menu = null;
20
- };
21
- this.getNextFocusableMenuItem = (active, back = false) => {
22
- if (!back) {
23
- return window.Mixtape.Menu.items.length > active + 1 ? active + 1 : 0;
24
- }
25
- return active === 0 ? window.Mixtape.Menu.items.length - 1 : active - 1;
26
- };
27
- this.moveFocus = (target, back = false) => {
28
- if (!window.Mixtape.Menu.items) return;
29
- let active = 0;
30
- window.Mixtape.Menu.items.forEach((element, index) => {
31
- if (element === target) {
32
- active = index;
33
- }
34
- });
35
- let focus = this.getNextFocusableMenuItem(active, back);
36
- let tabbable = window.Mixtape.Menu.items[focus].getAttribute("tabindex");
37
- if (tabbable !== "-1") {
38
- window.Mixtape.Menu.items[focus].focus();
39
- } else {
40
- while (tabbable === "-1") {
41
- focus = this.getNextFocusableMenuItem(focus, back);
42
- tabbable = window.Mixtape.Menu.items[focus].getAttribute("tabindex");
43
- }
44
- window.Mixtape.Menu.items[focus].focus();
45
- }
46
- window.Mixtape.Menu.active = focus;
47
- };
48
- this.handleGlobalClick = ({ target }) => {
49
- const activePopup = window.Mixtape.Popups ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1] : null;
50
- if (!activePopup) return;
51
- if (activePopup.id) {
52
- const popupEl = document.querySelector(
53
- `#${activePopup.id}`
54
- ).parentElement;
55
- if (popupEl && (target === popupEl || popupEl?.contains(target)))
56
- return;
57
- activePopup.closefn();
58
- }
59
- };
60
- this.handleGlobalKeydown = (event) => {
61
- const activePopup = window.Mixtape.Popups ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1] : null;
62
- const target = event.target;
63
- switch (event.key) {
64
- case "Escape":
65
- if (activePopup) {
66
- activePopup.closefn();
67
- }
68
- break;
69
- case "ArrowDown":
70
- case "ArrowRight":
71
- if (window.Mixtape.Menu?.items) {
72
- event.preventDefault();
73
- this.moveFocus(target);
74
- }
75
- break;
76
- case "ArrowUp":
77
- case "ArrowLeft":
78
- if (window.Mixtape.Menu?.items) {
79
- event.preventDefault();
80
- this.moveFocus(target, true);
81
- }
82
- break;
83
- }
84
- };
85
- this.attachEventListeners = (signal) => {
86
- window.addEventListener("click", this.handleGlobalClick, {
87
- signal
88
- });
89
- window.addEventListener("keydown", this.handleGlobalKeydown, {
90
- signal
91
- });
92
- };
93
- window.Mixtape = window.Mixtape || {};
94
- window.Mixtape.Popups = window.Mixtape.Popups || [];
95
- window.Mixtape.Menu = window.Mixtape.Menu || {};
96
- }
97
- }
98
- export {
99
- Keyboard as default
100
- };
101
- //# sourceMappingURL=keyboard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"keyboard.js","sources":["../../src/Utility/Elements/keyboard.ts"],"sourcesContent":["/**\n * Class for Keyboard navigation helper.\n */\n\nexport default class Keyboard {\n constructor() {\n window.Mixtape = window.Mixtape || {}\n window.Mixtape.Popups = window.Mixtape.Popups || []\n window.Mixtape.Menu = window.Mixtape.Menu || {}\n }\n\n attachPopup = (id: string, closefn: () => void): void => {\n window.Mixtape.Popups.push({\n id,\n closefn,\n })\n }\n\n detachPopup = (id: string): void => {\n window.Mixtape.Popups = window.Mixtape.Popups.filter(item => item.id !== id)\n }\n\n attachMenu = (\n context: HTMLElement,\n items: NodeListOf<HTMLAnchorElement | HTMLButtonElement>,\n ): void => {\n window.Mixtape.Menu = {\n context,\n items,\n }\n }\n\n detachMenu = (): void => {\n window.Mixtape.Menu = null\n }\n\n getNextFocusableMenuItem = (\n active: number,\n back: boolean = false,\n ): number => {\n if (!back) {\n // If moving forward, it's the active index + 1, or 0 if we are at the\n // end of the menu.\n return window.Mixtape.Menu.items.length > active + 1 ? active + 1 : 0\n }\n // If moving back, it's the active index - 1, or the menu length if we\n // are at the start of the menu.\n return active === 0 ? window.Mixtape.Menu.items.length - 1 : active - 1\n }\n\n moveFocus = (target: HTMLElement, back: boolean = false): void => {\n if (!window.Mixtape.Menu.items) return\n let active: number = 0\n // Retrieve the active menu item by looping through the list of menu links.\n window.Mixtape.Menu.items.forEach((element, index): void => {\n if (element === target) {\n active = index\n }\n })\n let focus: number = this.getNextFocusableMenuItem(active, back)\n\n // Check if item is tabbable.\n // Some menus, like the secondary nav have hidden items that require a\n // toggle to be clicked before the items are tabbable. This allows invisible\n // menu items to be skipped when moving focus with the this.\n // Make sure tabbable.\n let tabbable: string =\n window.Mixtape.Menu.items[focus].getAttribute(\"tabindex\")\n if (tabbable !== \"-1\") {\n window.Mixtape.Menu.items[focus].focus()\n } else {\n // Loop through items until we find a visible one.\n while (tabbable === \"-1\") {\n focus = this.getNextFocusableMenuItem(focus, back)\n tabbable = window.Mixtape.Menu.items[focus].getAttribute(\"tabindex\")\n }\n window.Mixtape.Menu.items[focus].focus()\n }\n\n window.Mixtape.Menu.active = focus\n }\n\n handleGlobalClick = ({ target }: MouseEvent): void => {\n const activePopup = window.Mixtape.Popups\n ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1]\n : null\n if (!activePopup) return\n\n // Click away from a popup to close it.\n // It's up to the popup class to preventDefault on it's contents to\n // stop this from being triggered.\n if (activePopup.id) {\n const popupEl: HTMLElement = document.querySelector(\n `#${activePopup.id}`,\n ).parentElement\n if (\n popupEl &&\n (target === popupEl || popupEl?.contains(target as HTMLElement))\n )\n return\n activePopup.closefn()\n }\n }\n\n handleGlobalKeydown = (event: KeyboardEvent): void => {\n const activePopup = window.Mixtape.Popups\n ? window.Mixtape.Popups[window.Mixtape.Popups.length - 1]\n : null\n const target = event.target as HTMLElement\n\n switch (event.key) {\n // Escape always closes an open popup followed by any open popups.\n case \"Escape\":\n if (activePopup) {\n activePopup.closefn()\n }\n break\n\n // Down/Right arrows navigate focus forward, with wrapping.\n case \"ArrowDown\":\n case \"ArrowRight\":\n if (window.Mixtape.Menu?.items) {\n event.preventDefault()\n this.moveFocus(target)\n }\n break\n\n // Up/Left arrows navigate focus backwards, with wrapping.\n case \"ArrowUp\":\n case \"ArrowLeft\":\n if (window.Mixtape.Menu?.items) {\n event.preventDefault()\n this.moveFocus(target, true)\n }\n break\n\n default:\n break\n }\n }\n\n attachEventListeners = (signal: AbortSignal): void => {\n window.addEventListener(\"click\", this.handleGlobalClick, {\n signal,\n })\n window.addEventListener(\"keydown\", this.handleGlobalKeydown, {\n signal,\n })\n }\n}\n"],"names":[],"mappings":"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"}
@@ -1,72 +0,0 @@
1
- /**
2
- * Link List
3
- */
4
-
5
- @layer elements {
6
- .link-list {
7
- list-style-type: none;
8
- padding-inline-start: 0;
9
- }
10
-
11
- .link-list a {
12
- display: block;
13
- text-decoration-line: none;
14
- color: inherit;
15
- }
16
-
17
- .link-list a:hover {
18
- text-decoration-line: underline;
19
- }
20
-
21
- .link-list li {
22
- min-block-size: var(--min-height, var(--spacing-xl));
23
- border-block-end: 1px solid
24
- var(--line-colour, var(--colour-border));
25
- border-block-end: var(--line-width, 1px) solid
26
- var(--line-colour, var(--colour-border));
27
- }
28
-
29
- .link-list li:last-child {
30
- border-block-end: 0;
31
- }
32
-
33
- .link-list .icon {
34
- position: relative;
35
- display: flex;
36
- align-items: center;
37
- padding-block: var(--spacing-xxxs);
38
- inline-size: 100%;
39
- gap: var(--spacing-s);
40
- }
41
-
42
- .link-list .icon::before {
43
- flex: 0 0 auto;
44
- -webkit-mask-position: left center;
45
- mask-position: left center;
46
- }
47
-
48
- .link-list:where(:not(.link-list--reverse)) .icon {
49
- justify-content: space-between;
50
- }
51
-
52
- .link-list:where(:not(.link-list--reverse)) .icon::before {
53
- -webkit-mask-position: right center;
54
- mask-position: right center;
55
- order: 2;
56
- }
57
- [dir="rtl"] .link-list .icon::before, .translated-rtl .link-list .icon::before {
58
- -webkit-mask-position: left center;
59
- mask-position: left center;
60
- }
61
-
62
- [dir="rtl"] .link-list.link-list--reverse .icon::before, .translated-rtl .link-list.link-list--reverse .icon::before {
63
- -webkit-mask-position: right center;
64
- mask-position: right center;
65
- }
66
-
67
- * + .link-list {
68
- margin-block-start: var(--spacing-m);
69
- }
70
- }
71
-
72
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpbmstbGlzdC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLHFCQUFxQjtJQUNyQix1QkFBdUI7RUE0Q3pCOztJQTFDRTtNQUNFLGNBQWM7TUFDZCwwQkFBMEI7TUFDMUIsY0FBYztJQUtoQjs7TUFIRTtRQUNFLCtCQUErQjtNQUNqQzs7SUFHRjtNQUNFLG9EQUFvRDtNQUNwRDtnREFDMEM7TUFEMUM7Z0RBQzBDO0lBSzVDOztNQUhFO1FBQ0UsbUJBQW1CO01BQ3JCOztJQUdGO01BQ0Usa0JBQWtCO01BQ2xCLGFBQWE7TUFDYixtQkFBbUI7TUFDbkIsa0NBQWtDO01BQ2xDLGlCQUFpQjtNQUNqQixxQkFBcUI7SUFNdkI7O01BSkU7UUFDRSxjQUFjO1FBQ2Qsa0NBQTBCO2dCQUExQiwwQkFBMEI7TUFDNUI7O0lBR0Y7TUFDRSw4QkFBOEI7SUFNaEM7O01BSkU7UUFDRSxtQ0FBMkI7Z0JBQTNCLDJCQUEyQjtRQUMzQixRQUFRO01BQ1Y7SUFNRjtNQUNFLGtDQUEwQjtjQUExQiwwQkFBMEI7SUFDNUI7O0lBRUE7TUFDRSxtQ0FBMkI7Y0FBM0IsMkJBQTJCO0lBQzdCOztFQUdGO0lBQ0Usb0NBQW9DO0VBQ3RDO0FBQ0YiLCJmaWxlIjoibGluay1saXN0LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTGluayBMaXN0XG4gKi9cblxuQGxheWVyIGVsZW1lbnRzIHtcbiAgLmxpbmstbGlzdCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuXG4gICAgJiBhIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IG5vbmU7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBsaSB7XG4gICAgICBtaW4tYmxvY2stc2l6ZTogdmFyKC0tbWluLWhlaWdodCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICAgICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuXG4gICAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgICBib3JkZXItYmxvY2stZW5kOiAwO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLmljb24ge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zcGFjaW5nLXh4eHMpO1xuICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmctcyk7XG5cbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIGZsZXg6IDAgMCBhdXRvO1xuICAgICAgICBtYXNrLXBvc2l0aW9uOiBsZWZ0IGNlbnRlcjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOndoZXJlKDpub3QoLmxpbmstbGlzdC0tcmV2ZXJzZSkpIC5pY29uIHtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgbWFzay1wb3NpdGlvbjogcmlnaHQgY2VudGVyO1xuICAgICAgICBvcmRlcjogMjtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBbZGlyPVwicnRsXCJdIC5saW5rLWxpc3QsXG4gIC50cmFuc2xhdGVkLXJ0bCAubGluay1saXN0IHtcbiAgICAmIC5pY29uOjpiZWZvcmUge1xuICAgICAgbWFzay1wb3NpdGlvbjogbGVmdCBjZW50ZXI7XG4gICAgfVxuXG4gICAgJi5saW5rLWxpc3QtLXJldmVyc2UgLmljb246OmJlZm9yZSB7XG4gICAgICBtYXNrLXBvc2l0aW9uOiByaWdodCBjZW50ZXI7XG4gICAgfVxuICB9XG5cbiAgKiArIC5saW5rLWxpc3Qge1xuICAgIG1hcmdpbi1ibG9jay1zdGFydDogdmFyKC0tc3BhY2luZy1tKTtcbiAgfVxufVxuIl19 */
@@ -1,39 +0,0 @@
1
- /**
2
- * Secondary Header
3
- */
4
-
5
- @layer components {
6
- .global__secondary .flex {
7
- justify-content: space-between;
8
- align-items: center;
9
- padding-block: var(--secondary-gap, var(--spacing-xxs));
10
- padding-inline: 0;
11
- }
12
-
13
- .global__secondary .flex::after {
14
- display: none;
15
- }
16
-
17
- .global__secondary__nav {
18
- display: none;
19
- }
20
-
21
- @media (min-width: 720px) {
22
-
23
- .global__secondary__nav {
24
- display: inline-block;
25
- }
26
- }
27
-
28
- .global__secondary__nav ul {
29
- margin: auto;
30
- }
31
- }
32
-
33
- @media print {
34
- .global__secondary {
35
- display: none;
36
- }
37
- }
38
-
39
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1hc3RoZWFkLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtJQUVJO01BQ0UsOEJBQThCO01BQzlCLG1CQUFtQjtNQUNuQix1REFBdUQ7TUFDdkQsaUJBQWlCO0lBS25COztNQUhFO1FBQ0UsYUFBYTtNQUNmOztFQUlKO0lBQ0UsYUFBYTtFQVNmOztJQVBFOztFQUhGO01BSUkscUJBQXFCO0VBTXpCO0lBTEU7O0lBRUE7TUFDRSxZQUFZO0lBQ2Q7QUFFSjs7QUFFQTtFQUNFO0lBQ0UsYUFBYTtFQUNmO0FBQ0YiLCJmaWxlIjoibWFzdGhlYWQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTZWNvbmRhcnkgSGVhZGVyXG4gKi9cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAuZ2xvYmFsX19zZWNvbmRhcnkge1xuICAgICYgLmZsZXgge1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNlY29uZGFyeS1nYXAsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICBwYWRkaW5nLWlubGluZTogMDtcblxuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5nbG9iYWxfX3NlY29uZGFyeV9fbmF2IHtcbiAgICBkaXNwbGF5OiBub25lO1xuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB9XG5cbiAgICAmIHVsIHtcbiAgICAgIG1hcmdpbjogYXV0bztcbiAgICB9XG4gIH1cbn1cblxuQG1lZGlhIHByaW50IHtcbiAgLmdsb2JhbF9fc2Vjb25kYXJ5IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */
@@ -1,29 +0,0 @@
1
- /**
2
- * List Navigation
3
- */
4
-
5
- @layer components {
6
- .nav--list {
7
- margin-block-end: var(--spacing-m);
8
- }
9
-
10
- .nav--list ul {
11
- display: grid;
12
- grid-gap: var(--nav-gap, var(--spacing-xxxs));
13
- gap: var(--nav-gap, var(--spacing-xxxs));
14
- }
15
-
16
- .nav--list [aria-current="page"] {
17
- text-decoration-line: underline;
18
- }
19
- .nav--list-2-col ul {
20
- grid-template-columns: repeat(2, 1fr);
21
- }
22
-
23
- h2 + .nav--list,
24
- h3 + .nav--list {
25
- margin-block-start: var(--spacing-m);
26
- }
27
- }
28
-
29
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdi1saXN0LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0Usa0NBQWtDO0VBVXBDOztJQVJFO01BQ0UsYUFBYTtNQUNiLDZDQUF3QztNQUF4Qyx3Q0FBd0M7SUFDMUM7O0lBRUE7TUFDRSwrQkFBK0I7SUFDakM7SUFJQTtNQUNFLHFDQUFxQztJQUN2Qzs7RUFHRjs7SUFFRSxvQ0FBb0M7RUFDdEM7QUFDRiIsImZpbGUiOiJuYXYtbGlzdC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIExpc3QgTmF2aWdhdGlvblxuICovXG5cbkBsYXllciBjb21wb25lbnRzIHtcbiAgLm5hdi0tbGlzdCB7XG4gICAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc3BhY2luZy1tKTtcblxuICAgICYgdWwge1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdhcDogdmFyKC0tbmF2LWdhcCwgdmFyKC0tc3BhY2luZy14eHhzKSk7XG4gICAgfVxuXG4gICAgJiBbYXJpYS1jdXJyZW50PVwicGFnZVwiXSB7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuXG4gIC5uYXYtLWxpc3QtMi1jb2wge1xuICAgICYgdWwge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgICB9XG4gIH1cblxuICBoMiArIC5uYXYtLWxpc3QsXG4gIGgzICsgLm5hdi0tbGlzdCB7XG4gICAgbWFyZ2luLWJsb2NrLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLW0pO1xuICB9XG59XG4iXX0= */