@maggioli-design-system/mds-tab 6.3.3 → 6.3.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 (43) hide show
  1. package/dist/cjs/{index-2b0d567f.js → index-03db9766.js} +9 -3
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mds-tab.cjs.entry.js +2 -2
  4. package/dist/cjs/mds-tab.cjs.js +2 -2
  5. package/dist/collection/collection-manifest.json +1 -1
  6. package/dist/collection/components/mds-tab/mds-tab.css +22 -2
  7. package/dist/collection/components/mds-tab/test/mds-tab.stories.js +3 -3
  8. package/dist/components/mds-tab.js +1 -1
  9. package/dist/documentation.d.ts +1 -21
  10. package/dist/documentation.json +2 -2
  11. package/dist/esm/{index-599ade1c.js → index-1968ed86.js} +9 -3
  12. package/dist/esm/loader.js +2 -2
  13. package/dist/esm/mds-tab.entry.js +2 -2
  14. package/dist/esm/mds-tab.js +3 -3
  15. package/dist/esm-es5/index-1968ed86.js +1 -0
  16. package/dist/esm-es5/loader.js +1 -1
  17. package/dist/esm-es5/mds-tab.entry.js +1 -1
  18. package/dist/esm-es5/mds-tab.js +1 -1
  19. package/dist/mds-tab/mds-tab.esm.js +1 -1
  20. package/dist/mds-tab/mds-tab.js +1 -1
  21. package/dist/mds-tab/p-000d535b.entry.js +1 -0
  22. package/dist/mds-tab/{p-92eb61ef.system.js → p-425a4f99.system.js} +1 -1
  23. package/dist/mds-tab/{p-d6316140.system.js → p-646355f1.system.js} +1 -1
  24. package/dist/mds-tab/p-a9b5d003.system.entry.js +1 -0
  25. package/dist/mds-tab/p-ff466053.js +2 -0
  26. package/dist/stats.json +36 -33
  27. package/documentation.json +2 -2
  28. package/package.json +4 -4
  29. package/src/components/mds-tab/test/mds-tab.stories.tsx +22 -22
  30. package/www/build/mds-tab.esm.js +1 -1
  31. package/www/build/mds-tab.js +1 -1
  32. package/www/build/p-000d535b.entry.js +1 -0
  33. package/www/build/{p-92eb61ef.system.js → p-425a4f99.system.js} +1 -1
  34. package/www/build/{p-d6316140.system.js → p-646355f1.system.js} +1 -1
  35. package/www/build/p-a9b5d003.system.entry.js +1 -0
  36. package/www/build/p-ff466053.js +2 -0
  37. package/dist/esm-es5/index-599ade1c.js +0 -1
  38. package/dist/mds-tab/p-46272cf0.entry.js +0 -1
  39. package/dist/mds-tab/p-48174b71.js +0 -2
  40. package/dist/mds-tab/p-72bd3326.system.entry.js +0 -1
  41. package/www/build/p-46272cf0.entry.js +0 -1
  42. package/www/build/p-48174b71.js +0 -2
  43. package/www/build/p-72bd3326.system.entry.js +0 -1
@@ -417,6 +417,9 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
417
417
  }
418
418
  }
419
419
  }
420
+ // This needs to always happen so we can hide nodes that are projected
421
+ // to another component but don't end up in a slot
422
+ elm['s-hn'] = hostTagName;
420
423
  return elm;
421
424
  };
422
425
  /**
@@ -457,8 +460,9 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
457
460
  *
458
461
  * @param oldVNode an old VNode whose DOM element and children we want to update
459
462
  * @param newVNode a new VNode representing an updated version of the old one
463
+ * @param isInitialRender whether or not this is the first render of the vdom
460
464
  */
461
- const patch = (oldVNode, newVNode) => {
465
+ const patch = (oldVNode, newVNode, isInitialRender = false) => {
462
466
  const elm = (newVNode.$elm$ = oldVNode.$elm$);
463
467
  const newChildren = newVNode.$children$;
464
468
  const tag = newVNode.$tag$;
@@ -532,7 +536,7 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
532
536
  scopeId = hostElm['s-sc'];
533
537
  }
534
538
  // synchronous patch
535
- patch(oldVNode, rootVnode);
539
+ patch(oldVNode, rootVnode, isInitialLoad);
536
540
  };
537
541
  const attachToAncestor = (hostRef, ancestorComponent) => {
538
542
  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {
@@ -1033,12 +1037,14 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
1033
1037
  // If we have styles, add them to the DOM
1034
1038
  if (dataStyles.innerHTML.length) {
1035
1039
  dataStyles.setAttribute('data-styles', '');
1036
- head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
1037
1040
  // Apply CSP nonce to the style tag if it exists
1038
1041
  const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
1039
1042
  if (nonce != null) {
1040
1043
  dataStyles.setAttribute('nonce', nonce);
1041
1044
  }
1045
+ // Insert the styles into the document head
1046
+ // NOTE: this _needs_ to happen last so we can ensure the nonce (and other attributes) are applied
1047
+ head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
1042
1048
  }
1043
1049
  // Process deferred connectedCallbacks now all components have been registered
1044
1050
  isBootstrapping = false;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-2b0d567f.js');
5
+ const index = require('./index-03db9766.js');
6
6
 
7
7
  const defineCustomElements = (win, options) => {
8
8
  if (typeof window === 'undefined') return undefined;
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-2b0d567f.js');
5
+ const index = require('./index-03db9766.js');
6
6
 
7
- const mdsTabCss = "@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.contents{display:contents}.hidden{display:none}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.text{font-size:1rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-tab-duration:.75s;--mds-tab-timing-function:cubic-bezier(1, 0, 0, 1);display:grid}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0.5rem;padding:0.5rem;background-color:rgb(var(--theme-default-06-secondary-background));border-radius:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.tabs::-webkit-scrollbar{display:none}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition:height var(--mds-tab-duration) var(--mds-tab-timing-function);transition:height var(--mds-tab-duration) var(--mds-tab-timing-function)}::slotted([slot=\"content\"]){width:100%;min-width:100%;-webkit-animation-duration:var(--mds-tab-duration);animation-duration:var(--mds-tab-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:var(--mds-tab-timing-function);animation-timing-function:var(--mds-tab-timing-function);-ms-flex-preferred-size:0;flex-basis:0;scroll-snap-align:start}:host([strategy=\"default\"]) ::slotted([slot=\"content\"]){background-color:rgb(var(--label-blue-06));left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}@media (min-width: 768px){.tablet\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:1fr 2fr}}";
7
+ const mdsTabCss = "@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.contents{display:contents}.hidden{display:none}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.gap-100{gap:0.25rem}.gap-200{gap:0.5rem}.gap-600{gap:1.5rem}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.px-200{padding-left:0.5rem;padding-right:0.5rem}.py-600{padding-top:1.5rem;padding-bottom:1.5rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-tab-duration:.75s;--mds-tab-timing-function:cubic-bezier(1, 0, 0, 1);display:grid}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0.5rem;padding:0.5rem;background-color:rgb(var(--theme-default-06-secondary-background));border-radius:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.tabs::-webkit-scrollbar{display:none}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition:height var(--mds-tab-duration) var(--mds-tab-timing-function);transition:height var(--mds-tab-duration) var(--mds-tab-timing-function)}::slotted([slot=\"content\"]){width:100%;min-width:100%;-webkit-animation-duration:var(--mds-tab-duration);animation-duration:var(--mds-tab-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:var(--mds-tab-timing-function);animation-timing-function:var(--mds-tab-timing-function);-ms-flex-preferred-size:0;flex-basis:0;scroll-snap-align:start}:host([strategy=\"default\"]) ::slotted([slot=\"content\"]){background-color:rgb(var(--label-blue-06));left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}@media (min-width: 768px){.tablet\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:1fr 2fr}}";
8
8
 
9
9
  const MdsTab = class {
10
10
  constructor(hostRef) {
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-2b0d567f.js');
5
+ const index = require('./index-03db9766.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Browser v4.8.0 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v4.9.1 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchBrowser = () => {
11
11
  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-tab.cjs.js', document.baseURI).href));
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.8.0",
7
+ "version": "4.9.1",
8
8
  "typescriptVersion": "5.2.2"
9
9
  },
10
10
  "collections": [],
@@ -23,6 +23,18 @@
23
23
 
24
24
  grid-auto-rows: min-content;
25
25
  }
26
+ .gap-100{
27
+
28
+ gap: 0.25rem;
29
+ }
30
+ .gap-200{
31
+
32
+ gap: 0.5rem;
33
+ }
34
+ .gap-600{
35
+
36
+ gap: 1.5rem;
37
+ }
26
38
  .rounded-lg{
27
39
 
28
40
  border-radius: 0.5rem;
@@ -31,9 +43,17 @@
31
43
 
32
44
  border-width: 1px;
33
45
  }
34
- .text{
46
+ .px-200{
47
+
48
+ padding-left: 0.5rem;
49
+
50
+ padding-right: 0.5rem;
51
+ }
52
+ .py-600{
53
+
54
+ padding-top: 1.5rem;
35
55
 
36
- font-size: 1rem;
56
+ padding-bottom: 1.5rem;
37
57
  }
38
58
  .shadow{
39
59
 
@@ -2,9 +2,9 @@ import { h } from "@stencil/core";
2
2
  export default {
3
3
  title: 'UI / Tab',
4
4
  };
5
- const TemplateEmpty = args => h("div", { class: "grid gap-6" }, h("mds-tab", Object.assign({}, args), h("mds-tab-item", { selected: true }, "First Blood"), h("mds-tab-item", { icon: "mdi/alien", id: "button" }, "Double Impact"), h("mds-tab-item", null, "The Third Man")), h("mds-hr", null), h("div", { class: "grid gap-1" }, h("mds-text", { typography: 'h3' }, "Bottom content"), h("mds-text", null, "This content is outside the mds-tab component.")));
6
- const Template = args => h("div", { class: "grid gap-6" }, h("mds-tab", Object.assign({}, args), h("mds-tab-item", { selected: true }, "First Blood"), h("mds-tab-item", { icon: "mdi/alien", id: "button" }, "Double Impact"), h("mds-tab-item", null, "The Third Man"), h("div", { slot: "content", class: "py-6 px-2 grid tablet:grid-cols-[1fr_2fr] gap-6" }, h("mds-img", { class: "rounded-lg", src: './movie-first-blood.jpg' }), h("div", { class: "grid gap-1 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "First Blood"), h("mds-text", null, "Vietnam veteran and drifter John J. Rambo (Sylvester Stallone) wanders into a small Washington town in search of an old friend, but is met with intolerance and brutality by the local sheriff, Will Teasle (Brian Dennehy). When Teasle and his deputies restrain and shave Rambo, he flashes back to his time as a prisoner of war and unleashes his fury on the officers. He narrowly escapes the manhunt, but it will take his former commander (Richard Crenna) to save the hunters from the hunted."))), h("div", { slot: "content", class: "py-6 px-2 grid tablet:grid-cols-[1fr_2fr] gap-6" }, h("div", { class: "auto-rows-min grid gap-2" }, h("mds-img", { class: "rounded-lg", src: './movie-double-impact.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-double-impact-shot-01.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-double-impact-shot-02.jpg' })), h("div", { class: "grid gap-1 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "Double Impact"), h("mds-text", null, "Nearly 25 years after seeing his father killed by Hong Kong crime boss Raymond Zhang (Philip Chan Yan Kin), Chad Wagner (Jean-Claude Van Damme) is living in Los Angeles as a flourishing yet peaceful martial arts trainer. But Chad has a twin brother, Alex (also Van Damme), who suddenly reunites with his less-aggressive sibling and wants to avenge their father's death. As the pair plan their payback against Zhang, they also struggle to overcome their personal differences."))), h("div", { slot: "content", class: "py-6 px-2 grid tablet:grid-cols-[1fr_2fr] gap-6" }, h("div", { class: "auto-rows-min grid gap-2" }, h("mds-img", { class: "rounded-lg", src: './movie-the-third-man.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-the-third-man-shot.jpg' })), h("div", { class: "grid gap-1 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "The Third Man"), h("mds-text", null, "Set in postwar Vienna, Austria, \"The Third Man\" stars Joseph Cotten as Holly Martins, a writer of pulp Westerns, who arrives penniless as a guest of his childhood chum Harry Lime (Orson Welles), only to find him dead. Martins develops a conspiracy theory after learning of a \"third man\" present at the time of Harry's death, running into interference from British officer Maj. Calloway (Trevor Howard) and falling head-over-heels for Harry's grief-stricken lover, Anna (Alida Valli).")))), h("mds-hr", null), h("div", { class: "grid gap-1" }, h("mds-text", { typography: 'h3' }, "Bottom content"), h("mds-text", null, "This content is outside the mds-tab component.")));
7
- const TemplateNoSelected = args => h("div", { class: "grid gap-6" }, h("mds-tab", Object.assign({}, args), h("mds-tab-item", null, "First Blood"), h("mds-tab-item", { icon: "mdi/alien", id: "button" }, "Double Impact"), h("mds-tab-item", null, "The Third Man"), h("div", { slot: "content", class: "py-6 px-2 grid tablet:grid-cols-[1fr_2fr] gap-6" }, h("mds-img", { class: "rounded-lg", src: './movie-first-blood.jpg' }), h("div", { class: "grid gap-1 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "First Blood"), h("mds-text", null, "Vietnam veteran and drifter John J. Rambo (Sylvester Stallone) wanders into a small Washington town in search of an old friend, but is met with intolerance and brutality by the local sheriff, Will Teasle (Brian Dennehy). When Teasle and his deputies restrain and shave Rambo, he flashes back to his time as a prisoner of war and unleashes his fury on the officers. He narrowly escapes the manhunt, but it will take his former commander (Richard Crenna) to save the hunters from the hunted."))), h("div", { slot: "content", class: "py-6 px-2 grid tablet:grid-cols-[1fr_2fr] gap-6" }, h("div", { class: "auto-rows-min grid gap-2" }, h("mds-img", { class: "rounded-lg", src: './movie-double-impact.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-double-impact-shot-01.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-double-impact-shot-02.jpg' })), h("div", { class: "grid gap-1 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "Double Impact"), h("mds-text", null, "Nearly 25 years after seeing his father killed by Hong Kong crime boss Raymond Zhang (Philip Chan Yan Kin), Chad Wagner (Jean-Claude Van Damme) is living in Los Angeles as a flourishing yet peaceful martial arts trainer. But Chad has a twin brother, Alex (also Van Damme), who suddenly reunites with his less-aggressive sibling and wants to avenge their father's death. As the pair plan their payback against Zhang, they also struggle to overcome their personal differences."))), h("div", { slot: "content", class: "py-6 px-2 grid tablet:grid-cols-[1fr_2fr] gap-6" }, h("div", { class: "auto-rows-min grid gap-2" }, h("mds-img", { class: "rounded-lg", src: './movie-the-third-man.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-the-third-man-shot.jpg' })), h("div", { class: "grid gap-1 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "The Third Man"), h("mds-text", null, "Set in postwar Vienna, Austria, \"The Third Man\" stars Joseph Cotten as Holly Martins, a writer of pulp Westerns, who arrives penniless as a guest of his childhood chum Harry Lime (Orson Welles), only to find him dead. Martins develops a conspiracy theory after learning of a \"third man\" present at the time of Harry's death, running into interference from British officer Maj. Calloway (Trevor Howard) and falling head-over-heels for Harry's grief-stricken lover, Anna (Alida Valli).")))), h("mds-hr", null), h("div", { class: "grid gap-1" }, h("mds-text", { typography: 'h3' }, "Bottom content"), h("mds-text", null, "This content is outside the mds-tab component.")));
5
+ const TemplateEmpty = args => h("div", { class: "grid gap-600" }, h("mds-tab", Object.assign({}, args), h("mds-tab-item", { selected: true }, "First Blood"), h("mds-tab-item", { icon: "mdi/alien", id: "button" }, "Double Impact"), h("mds-tab-item", null, "The Third Man")), h("mds-hr", null), h("div", { class: "grid gap-100" }, h("mds-text", { typography: 'h3' }, "Bottom content"), h("mds-text", null, "This content is outside the mds-tab component.")));
6
+ const Template = args => h("div", { class: "grid gap-600" }, h("mds-tab", Object.assign({}, args), h("mds-tab-item", { selected: true }, "First Blood"), h("mds-tab-item", { icon: "mdi/alien", id: "button" }, "Double Impact"), h("mds-tab-item", null, "The Third Man"), h("div", { slot: "content", class: "gap-600 grid px-200 py-600 tablet:grid-cols-[1fr_2fr]" }, h("mds-img", { class: "rounded-lg", src: './movie-first-blood.jpg' }), h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "First Blood"), h("mds-text", null, "Vietnam veteran and drifter John J. Rambo (Sylvester Stallone) wanders into a small Washington town in search of an old friend, but is met with intolerance and brutality by the local sheriff, Will Teasle (Brian Dennehy). When Teasle and his deputies restrain and shave Rambo, he flashes back to his time as a prisoner of war and unleashes his fury on the officers. He narrowly escapes the manhunt, but it will take his former commander (Richard Crenna) to save the hunters from the hunted."))), h("div", { slot: "content", class: "py-600 px-200 grid tablet:grid-cols-[1fr_2fr] gap-600" }, h("div", { class: "auto-rows-min grid gap-200" }, h("mds-img", { class: "rounded-lg", src: './movie-double-impact.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-double-impact-shot-01.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-double-impact-shot-02.jpg' })), h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "Double Impact"), h("mds-text", null, "Nearly 25 years after seeing his father killed by Hong Kong crime boss Raymond Zhang (Philip Chan Yan Kin), Chad Wagner (Jean-Claude Van Damme) is living in Los Angeles as a flourishing yet peaceful martial arts trainer. But Chad has a twin brother, Alex (also Van Damme), who suddenly reunites with his less-aggressive sibling and wants to avenge their father's death. As the pair plan their payback against Zhang, they also struggle to overcome their personal differences."))), h("div", { slot: "content", class: "py-600 px-200 grid tablet:grid-cols-[1fr_2fr] gap-600" }, h("div", { class: "auto-rows-min grid gap-200" }, h("mds-img", { class: "rounded-lg", src: './movie-the-third-man.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-the-third-man-shot.jpg' })), h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "The Third Man"), h("mds-text", null, "Set in postwar Vienna, Austria, \"The Third Man\" stars Joseph Cotten as Holly Martins, a writer of pulp Westerns, who arrives penniless as a guest of his childhood chum Harry Lime (Orson Welles), only to find him dead. Martins develops a conspiracy theory after learning of a \"third man\" present at the time of Harry's death, running into interference from British officer Maj. Calloway (Trevor Howard) and falling head-over-heels for Harry's grief-stricken lover, Anna (Alida Valli).")))), h("mds-hr", null), h("div", { class: "grid gap-100" }, h("mds-text", { typography: 'h3' }, "Bottom content"), h("mds-text", null, "This content is outside the mds-tab component.")));
7
+ const TemplateNoSelected = args => h("div", { class: "grid gap-600" }, h("mds-tab", Object.assign({}, args), h("mds-tab-item", null, "First Blood"), h("mds-tab-item", { icon: "mdi/alien", id: "button" }, "Double Impact"), h("mds-tab-item", null, "The Third Man"), h("div", { slot: "content", class: "py-600 px-200 grid tablet:grid-cols-[1fr_2fr] gap-600" }, h("mds-img", { class: "rounded-lg", src: './movie-first-blood.jpg' }), h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "First Blood"), h("mds-text", null, "Vietnam veteran and drifter John J. Rambo (Sylvester Stallone) wanders into a small Washington town in search of an old friend, but is met with intolerance and brutality by the local sheriff, Will Teasle (Brian Dennehy). When Teasle and his deputies restrain and shave Rambo, he flashes back to his time as a prisoner of war and unleashes his fury on the officers. He narrowly escapes the manhunt, but it will take his former commander (Richard Crenna) to save the hunters from the hunted."))), h("div", { slot: "content", class: "py-600 px-200 grid tablet:grid-cols-[1fr_2fr] gap-600" }, h("div", { class: "auto-rows-min grid gap-200" }, h("mds-img", { class: "rounded-lg", src: './movie-double-impact.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-double-impact-shot-01.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-double-impact-shot-02.jpg' })), h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "Double Impact"), h("mds-text", null, "Nearly 25 years after seeing his father killed by Hong Kong crime boss Raymond Zhang (Philip Chan Yan Kin), Chad Wagner (Jean-Claude Van Damme) is living in Los Angeles as a flourishing yet peaceful martial arts trainer. But Chad has a twin brother, Alex (also Van Damme), who suddenly reunites with his less-aggressive sibling and wants to avenge their father's death. As the pair plan their payback against Zhang, they also struggle to overcome their personal differences."))), h("div", { slot: "content", class: "py-600 px-200 grid tablet:grid-cols-[1fr_2fr] gap-600" }, h("div", { class: "auto-rows-min grid gap-200" }, h("mds-img", { class: "rounded-lg", src: './movie-the-third-man.jpg' }), h("mds-img", { class: "rounded-lg", src: './movie-the-third-man-shot.jpg' })), h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: 'h4' }, "The Third Man"), h("mds-text", null, "Set in postwar Vienna, Austria, \"The Third Man\" stars Joseph Cotten as Holly Martins, a writer of pulp Westerns, who arrives penniless as a guest of his childhood chum Harry Lime (Orson Welles), only to find him dead. Martins develops a conspiracy theory after learning of a \"third man\" present at the time of Harry's death, running into interference from British officer Maj. Calloway (Trevor Howard) and falling head-over-heels for Harry's grief-stricken lover, Anna (Alida Valli).")))), h("mds-hr", null), h("div", { class: "grid gap-100" }, h("mds-text", { typography: 'h3' }, "Bottom content"), h("mds-text", null, "This content is outside the mds-tab component.")));
8
8
  export const Default = Template.bind({});
9
9
  export const ManualTabContents = TemplateEmpty.bind({});
10
10
  export const NoSelectedItem = TemplateNoSelected.bind({});
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
2
 
3
- const mdsTabCss = "@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.contents{display:contents}.hidden{display:none}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.text{font-size:1rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-tab-duration:.75s;--mds-tab-timing-function:cubic-bezier(1, 0, 0, 1);display:grid}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0.5rem;padding:0.5rem;background-color:rgb(var(--theme-default-06-secondary-background));border-radius:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.tabs::-webkit-scrollbar{display:none}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition:height var(--mds-tab-duration) var(--mds-tab-timing-function);transition:height var(--mds-tab-duration) var(--mds-tab-timing-function)}::slotted([slot=\"content\"]){width:100%;min-width:100%;-webkit-animation-duration:var(--mds-tab-duration);animation-duration:var(--mds-tab-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:var(--mds-tab-timing-function);animation-timing-function:var(--mds-tab-timing-function);-ms-flex-preferred-size:0;flex-basis:0;scroll-snap-align:start}:host([strategy=\"default\"]) ::slotted([slot=\"content\"]){background-color:rgb(var(--label-blue-06));left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}@media (min-width: 768px){.tablet\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:1fr 2fr}}";
3
+ const mdsTabCss = "@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.contents{display:contents}.hidden{display:none}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.gap-100{gap:0.25rem}.gap-200{gap:0.5rem}.gap-600{gap:1.5rem}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.px-200{padding-left:0.5rem;padding-right:0.5rem}.py-600{padding-top:1.5rem;padding-bottom:1.5rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-tab-duration:.75s;--mds-tab-timing-function:cubic-bezier(1, 0, 0, 1);display:grid}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0.5rem;padding:0.5rem;background-color:rgb(var(--theme-default-06-secondary-background));border-radius:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.tabs::-webkit-scrollbar{display:none}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition:height var(--mds-tab-duration) var(--mds-tab-timing-function);transition:height var(--mds-tab-duration) var(--mds-tab-timing-function)}::slotted([slot=\"content\"]){width:100%;min-width:100%;-webkit-animation-duration:var(--mds-tab-duration);animation-duration:var(--mds-tab-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:var(--mds-tab-timing-function);animation-timing-function:var(--mds-tab-timing-function);-ms-flex-preferred-size:0;flex-basis:0;scroll-snap-align:start}:host([strategy=\"default\"]) ::slotted([slot=\"content\"]){background-color:rgb(var(--label-blue-06));left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}@media (min-width: 768px){.tablet\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:1fr 2fr}}";
4
4
 
5
5
  const MdsTab$1 = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLElement {
6
6
  constructor() {
@@ -60,30 +60,10 @@ interface ComponentCompilerEventComplexType {
60
60
  }
61
61
  interface ComponentCompilerMethodComplexType {
62
62
  signature: string;
63
- parameters: CompilerJsDoc[];
63
+ parameters: JsonDocMethodParameter[];
64
64
  references: ComponentCompilerTypeReferences;
65
65
  return: string;
66
66
  }
67
- interface CompilerJsDoc {
68
- /**
69
- * The text associated with the JSDoc
70
- */
71
- text: string;
72
- /**
73
- * Tags included in the JSDoc
74
- */
75
- tags: CompilerJsDocTagInfo[];
76
- }
77
- interface CompilerJsDocTagInfo {
78
- /**
79
- * The name of the tag - e.g. `@deprecated`
80
- */
81
- name: string;
82
- /**
83
- * Additional text that is associated with the tag - e.g. `@deprecated use v2 of this API`
84
- */
85
- text?: string;
86
- }
87
67
  /**
88
68
  * The Type Library holds information about the types which are used in a
89
69
  * Stencil project. During compilation, Stencil gathers information about the
@@ -1,8 +1,8 @@
1
1
  {
2
- "timestamp": "2024-01-08T14:23:46",
2
+ "timestamp": "2024-01-10T08:27:04",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
- "version": "4.8.0",
5
+ "version": "4.9.1",
6
6
  "typescriptVersion": "5.2.2"
7
7
  },
8
8
  "components": [
@@ -395,6 +395,9 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
395
395
  }
396
396
  }
397
397
  }
398
+ // This needs to always happen so we can hide nodes that are projected
399
+ // to another component but don't end up in a slot
400
+ elm['s-hn'] = hostTagName;
398
401
  return elm;
399
402
  };
400
403
  /**
@@ -435,8 +438,9 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
435
438
  *
436
439
  * @param oldVNode an old VNode whose DOM element and children we want to update
437
440
  * @param newVNode a new VNode representing an updated version of the old one
441
+ * @param isInitialRender whether or not this is the first render of the vdom
438
442
  */
439
- const patch = (oldVNode, newVNode) => {
443
+ const patch = (oldVNode, newVNode, isInitialRender = false) => {
440
444
  const elm = (newVNode.$elm$ = oldVNode.$elm$);
441
445
  const newChildren = newVNode.$children$;
442
446
  const tag = newVNode.$tag$;
@@ -510,7 +514,7 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
510
514
  scopeId = hostElm['s-sc'];
511
515
  }
512
516
  // synchronous patch
513
- patch(oldVNode, rootVnode);
517
+ patch(oldVNode, rootVnode, isInitialLoad);
514
518
  };
515
519
  const attachToAncestor = (hostRef, ancestorComponent) => {
516
520
  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {
@@ -1011,12 +1015,14 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
1011
1015
  // If we have styles, add them to the DOM
1012
1016
  if (dataStyles.innerHTML.length) {
1013
1017
  dataStyles.setAttribute('data-styles', '');
1014
- head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
1015
1018
  // Apply CSP nonce to the style tag if it exists
1016
1019
  const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
1017
1020
  if (nonce != null) {
1018
1021
  dataStyles.setAttribute('nonce', nonce);
1019
1022
  }
1023
+ // Insert the styles into the document head
1024
+ // NOTE: this _needs_ to happen last so we can ensure the nonce (and other attributes) are applied
1025
+ head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
1020
1026
  }
1021
1027
  // Process deferred connectedCallbacks now all components have been registered
1022
1028
  isBootstrapping = false;
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-599ade1c.js';
2
- export { s as setNonce } from './index-599ade1c.js';
1
+ import { b as bootstrapLazy } from './index-1968ed86.js';
2
+ export { s as setNonce } from './index-1968ed86.js';
3
3
 
4
4
  const defineCustomElements = (win, options) => {
5
5
  if (typeof window === 'undefined') return undefined;
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-599ade1c.js';
1
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1968ed86.js';
2
2
 
3
- const mdsTabCss = "@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.contents{display:contents}.hidden{display:none}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.text{font-size:1rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-tab-duration:.75s;--mds-tab-timing-function:cubic-bezier(1, 0, 0, 1);display:grid}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0.5rem;padding:0.5rem;background-color:rgb(var(--theme-default-06-secondary-background));border-radius:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.tabs::-webkit-scrollbar{display:none}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition:height var(--mds-tab-duration) var(--mds-tab-timing-function);transition:height var(--mds-tab-duration) var(--mds-tab-timing-function)}::slotted([slot=\"content\"]){width:100%;min-width:100%;-webkit-animation-duration:var(--mds-tab-duration);animation-duration:var(--mds-tab-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:var(--mds-tab-timing-function);animation-timing-function:var(--mds-tab-timing-function);-ms-flex-preferred-size:0;flex-basis:0;scroll-snap-align:start}:host([strategy=\"default\"]) ::slotted([slot=\"content\"]){background-color:rgb(var(--label-blue-06));left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}@media (min-width: 768px){.tablet\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:1fr 2fr}}";
3
+ const mdsTabCss = "@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.contents{display:contents}.hidden{display:none}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.gap-100{gap:0.25rem}.gap-200{gap:0.5rem}.gap-600{gap:1.5rem}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.px-200{padding-left:0.5rem;padding-right:0.5rem}.py-600{padding-top:1.5rem;padding-bottom:1.5rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-tab-duration:.75s;--mds-tab-timing-function:cubic-bezier(1, 0, 0, 1);display:grid}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0.5rem;padding:0.5rem;background-color:rgb(var(--theme-default-06-secondary-background));border-radius:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.tabs::-webkit-scrollbar{display:none}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition:height var(--mds-tab-duration) var(--mds-tab-timing-function);transition:height var(--mds-tab-duration) var(--mds-tab-timing-function)}::slotted([slot=\"content\"]){width:100%;min-width:100%;-webkit-animation-duration:var(--mds-tab-duration);animation-duration:var(--mds-tab-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:var(--mds-tab-timing-function);animation-timing-function:var(--mds-tab-timing-function);-ms-flex-preferred-size:0;flex-basis:0;scroll-snap-align:start}:host([strategy=\"default\"]) ::slotted([slot=\"content\"]){background-color:rgb(var(--label-blue-06));left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}@media (min-width: 768px){.tablet\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:1fr 2fr}}";
4
4
 
5
5
  const MdsTab = class {
6
6
  constructor(hostRef) {
@@ -1,8 +1,8 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-599ade1c.js';
2
- export { s as setNonce } from './index-599ade1c.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-1968ed86.js';
2
+ export { s as setNonce } from './index-1968ed86.js';
3
3
 
4
4
  /*
5
- Stencil Client Patch Browser v4.8.0 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Patch Browser v4.9.1 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  const patchBrowser = () => {
8
8
  const importMeta = import.meta.url;
@@ -0,0 +1 @@
1
+ var __extends=this&&this.__extends||function(){var e=function(n,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))e[t]=n[t]};return e(n,t)};return function(n,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");e(n,t);function r(){this.constructor=n}n.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}}();var __awaiter=this&&this.__awaiter||function(e,n,t,r){function a(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function u(e){try{s(r["throw"](e))}catch(e){i(e)}}function s(e){e.done?t(e.value):a(e.value).then(o,u)}s((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,a,i,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(e){return function(n){return s([e,n])}}function s(u){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(t=0)),t)try{if(r=1,a&&(i=u[0]&2?a["return"]:u[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,u[1])).done)return i;if(a=0,i)u=[u[0]&2,i.value];switch(u[0]){case 0:case 1:i=u;break;case 4:t.label++;return{value:u[1],done:false};case 5:t.label++;a=u[1];u=[0];continue;case 7:u=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(u[0]===6||u[0]===2)){t=0;continue}if(u[0]===3&&(!i||u[1]>i[0]&&u[1]<i[3])){t.label=u[1];break}if(u[0]===6&&t.label<i[1]){t.label=i[1];i=u;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(u);break}if(i[2])t.ops.pop();t.trys.pop();continue}u=n.call(e,t)}catch(e){u=[6,e];a=0}finally{r=i=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,n,t){if(t||arguments.length===2)for(var r=0,a=n.length,i;r<a;r++){if(i||!(r in n)){if(!i)i=Array.prototype.slice.call(n,0,r);i[r]=n[r]}}return e.concat(i||Array.prototype.slice.call(n))};var NAMESPACE="mds-tab";var scopeId;var hostTagName;var isSvgMode=false;var queuePending=false;var createTime=function(e,n){if(n===void 0){n=""}{return function(){return}}};var uniqueTime=function(e,n){{return function(){return}}};var HYDRATED_CSS="{visibility:hidden}[hydrated]{visibility:inherit}";var SLOT_FB_CSS="slot-fb{display:contents}slot-fb[hidden]{display:none}";var EMPTY_OBJ={};var isDef=function(e){return e!=null};var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};function queryNonceMetaTagContent(e){var n,t,r;return(r=(t=(n=e.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||t===void 0?void 0:t.getAttribute("content"))!==null&&r!==void 0?r:undefined}var h=function(e,n){var t=[];for(var r=2;r<arguments.length;r++){t[r-2]=arguments[r]}var a=null;var i=false;var o=false;var u=[];var s=function(n){for(var t=0;t<n.length;t++){a=n[t];if(Array.isArray(a)){s(a)}else if(a!=null&&typeof a!=="boolean"){if(i=typeof e!=="function"&&!isComplexType(a)){a=String(a)}if(i&&o){u[u.length-1].t+=a}else{u.push(i?newVNode(null,a):a)}o=i}}};s(t);if(n){{var c=n.className||n.class;if(c){n.class=typeof c!=="object"?c:Object.keys(c).filter((function(e){return c[e]})).join(" ")}}}var f=newVNode(e,null);f.i=n;if(u.length>0){f.o=u}return f};var newVNode=function(e,n){var t={u:0,l:e,t:n,v:null,o:null};{t.i=null}return t};var Host={};var isHost=function(e){return e&&e.l===Host};var getElement=function(e){return getHostRef(e).$hostElement$};var createEvent=function(e,n,t){var r=getElement(e);return{emit:function(e){return emitEvent(r,n,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:e})}}};var emitEvent=function(e,n,t){var r=plt.ce(n,t);e.dispatchEvent(r);return r};var rootAppliedStyles=new WeakMap;var registerStyle=function(e,n,t){var r=styles.get(e);if(supportsConstructableStylesheets&&t){r=r||new CSSStyleSheet;if(typeof r==="string"){r=n}else{r.replaceSync(n)}}else{r=n}styles.set(e,r)};var addStyle=function(e,n,t){var r;var a=getScopeId(n);var i=styles.get(a);e=e.nodeType===11?e:doc;if(i){if(typeof i==="string"){e=e.head||e;var o=rootAppliedStyles.get(e);var u=void 0;if(!o){rootAppliedStyles.set(e,o=new Set)}if(!o.has(a)){{u=doc.createElement("style");u.innerHTML=i;var s=(r=plt.p)!==null&&r!==void 0?r:queryNonceMetaTagContent(doc);if(s!=null){u.setAttribute("nonce",s)}e.insertBefore(u,e.querySelector("link"))}if(n.u&4){u.innerHTML+=SLOT_FB_CSS}if(o){o.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[i],false)}}return a};var attachStyles=function(e){var n=e.m;var t=e.$hostElement$;var r=n.u;var a=createTime("attachStyles",n.h);var i=addStyle(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);if(r&10){t["s-sc"]=i;t.classList.add(i+"-h")}a()};var getScopeId=function(e,n){return"sc-"+e.h};var setAccessor=function(e,n,t,r,a,i){if(t!==r){var o=isMemberInElement(e,n);n.toLowerCase();if(n==="class"){var u=e.classList;var s=parseClassList(t);var c=parseClassList(r);u.remove.apply(u,s.filter((function(e){return e&&!c.includes(e)})));u.add.apply(u,c.filter((function(e){return e&&!s.includes(e)})))}else{var f=isComplexType(r);if((o||f&&r!==null)&&!a){try{if(!e.tagName.includes("-")){var l=r==null?"":r;if(n==="list"){o=false}else if(t==null||e[n]!=l){e[n]=l}}else{e[n]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(n)===""){{e.removeAttribute(n)}}}else if((!o||i&4||a)&&!f){r=r===true?"":r;{e.setAttribute(n,r)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var updateElement=function(e,n,t,r){var a=n.v.nodeType===11&&n.v.host?n.v.host:n.v;var i=e&&e.i||EMPTY_OBJ;var o=n.i||EMPTY_OBJ;for(r in o){setAccessor(a,r,i[r],o[r],t,n.u)}};var createElm=function(e,n,t,r){var a=n.o[t];var i=0;var o;var u;{o=a.v=doc.createElement(a.l);{updateElement(null,a,isSvgMode)}if(isDef(scopeId)&&o["s-si"]!==scopeId){o.classList.add(o["s-si"]=scopeId)}if(a.o){for(i=0;i<a.o.length;++i){u=createElm(e,a,i);if(u){o.appendChild(u)}}}}o["s-hn"]=hostTagName;return o};var addVnodes=function(e,n,t,r,a,i){var o=e;var u;if(o.shadowRoot&&o.tagName===hostTagName){o=o.shadowRoot}for(;a<=i;++a){if(r[a]){u=createElm(null,t,a);if(u){r[a].v=u;o.insertBefore(u,n)}}}};var patch=function(e,n,t){if(t===void 0){t=false}var r=n.v=e.v;var a=n.o;var i=n.l;{{if(i==="slot");else{updateElement(e,n,isSvgMode)}}if(a!==null){addVnodes(r,null,n,a,0,a.length-1)}else;}};var renderVdom=function(e,n,t){if(t===void 0){t=false}var r=e.$hostElement$;var a=e.S||newVNode(null,null);var i=isHost(n)?n:h(null,null,n);hostTagName=r.tagName;if(t&&i.i){for(var o=0,u=Object.keys(i.i);o<u.length;o++){var s=u[o];if(r.hasAttribute(s)&&!["key","ref","style","class"].includes(s)){i.i[s]=r[s]}}}i.l=null;i.u|=4;e.S=i;i.v=a.v=r.shadowRoot||r;{scopeId=r["s-sc"]}patch(a,i,t)};var attachToAncestor=function(e,n){if(n&&!e.C&&n["s-p"]){n["s-p"].push(new Promise((function(n){return e.C=n})))}};var scheduleUpdate=function(e,n){if(e.u&4){e.u|=512;return}attachToAncestor(e,e.T);var t=function(){return dispatchHooks(e,n)};return writeTask(t)};var dispatchHooks=function(e,n){var t=createTime("scheduleUpdate",e.m.h);var r=e._;var a;if(n){{e.u|=256;if(e.$){e.$.map((function(e){var n=e[0],t=e[1];return safeCall(r,n,t)}));e.$=undefined}}{a=safeCall(r,"componentWillLoad")}}t();return enqueue(a,(function(){return updateComponent(e,r,n)}))};var enqueue=function(e,n){return isPromisey(e)?e.then(n):n()};var isPromisey=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var updateComponent=function(e,n,t){return __awaiter(void 0,void 0,void 0,(function(){var r,a,i,o,u,s,c;return __generator(this,(function(f){a=e.$hostElement$;i=createTime("update",e.m.h);o=a["s-rc"];if(t){attachStyles(e)}u=createTime("render",e.m.h);{callRender(e,n,a,t)}if(o){o.map((function(e){return e()}));a["s-rc"]=undefined}u();i();{s=(r=a["s-p"])!==null&&r!==void 0?r:[];c=function(){return postUpdateComponent(e)};if(s.length===0){c()}else{Promise.all(s).then(c);e.u|=4;s.length=0}}return[2]}))}))};var callRender=function(e,n,t,r){try{n=n.render();{e.u|=2}{{{renderVdom(e,n,r)}}}}catch(n){consoleError(n,e.$hostElement$)}return null};var postUpdateComponent=function(e){var n=e.m.h;var t=e.$hostElement$;var r=createTime("postUpdate",n);var a=e._;var i=e.T;if(!(e.u&64)){e.u|=64;{addHydratedFlag(t)}{safeCall(a,"componentDidLoad")}r();{e.k(t);if(!i){appDidLoad()}}}else{r()}{if(e.C){e.C();e.C=undefined}if(e.u&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.u&=~(4|512)}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,n,t){if(e&&e[n]){try{return e[n](t)}catch(e){consoleError(e)}}return undefined};var addHydratedFlag=function(e){return e.setAttribute("hydrated","")};var proxyComponent=function(e,n,t){if(n.M){var r=Object.entries(n.M);r.map((function(e){var n=e[0],t=e[1][0]}))}return e};var initializeComponent=function(e,n,t,r){return __awaiter(void 0,void 0,void 0,(function(){var e,r,a,i,o,u,s,c;return __generator(this,(function(f){switch(f.label){case 0:if(!((n.u&32)===0))return[3,3];n.u|=32;e=loadModule(t);if(!e.then)return[3,2];r=uniqueTime();return[4,e];case 1:e=f.sent();r();f.label=2;case 2:if(!e.isProxied){proxyComponent(e,t);e.isProxied=true}a=createTime("createInstance",t.h);{n.u|=8}try{new e(n)}catch(e){consoleError(e)}{n.u&=~8}a();if(e.style){i=e.style;o=getScopeId(t);if(!styles.has(o)){u=createTime("registerStyles",t.h);registerStyle(o,i,!!(t.u&1));u()}}f.label=3;case 3:s=n.T;c=function(){return scheduleUpdate(n,true)};if(s&&s["s-rc"]){s["s-rc"].push(c)}else{c()}return[2]}}))}))};var fireConnectedCallback=function(e){};var connectedCallback=function(e){if((plt.u&1)===0){var n=getHostRef(e);var t=n.m;var r=createTime("connectedCallback",t.h);if(!(n.u&1)){n.u|=1;{var a=e;while(a=a.parentNode||a.host){if(a["s-p"]){attachToAncestor(n,n.T=a);break}}}{initializeComponent(e,n,t)}}else{addHostEventListeners(e,n,t.L);if(n===null||n===void 0?void 0:n._);else if(n===null||n===void 0?void 0:n.H){n.H.then((function(){return fireConnectedCallback()}))}}r()}};var disconnectInstance=function(e){};var disconnectedCallback=function(e){return __awaiter(void 0,void 0,void 0,(function(){var n;return __generator(this,(function(t){if((plt.u&1)===0){n=getHostRef(e);{if(n.A){n.A.map((function(e){return e()}));n.A=undefined}}if(n===null||n===void 0?void 0:n._);else if(n===null||n===void 0?void 0:n.H){n.H.then((function(){return disconnectInstance()}))}}return[2]}))}))};var bootstrapLazy=function(e,n){if(n===void 0){n={}}var t;var r=createTime();var a=[];var i=n.exclude||[];var o=win.customElements;var u=doc.head;var s=u.querySelector("meta[charset]");var c=doc.createElement("style");var f=[];var l;var v=true;Object.assign(plt,n);plt.R=new URL(n.resourcesUrl||"./",doc.baseURI).href;var d=false;e.map((function(e){e[1].map((function(n){var t={u:n[0],h:n[1],M:n[2],L:n[3]};if(t.u&4){d=true}{t.M=n[2]}{t.L=n[3]}var r=t.h;var u=function(e){__extends(n,e);function n(n){var r=e.call(this,n)||this;n=r;registerHost(n,t);if(t.u&1){{{n.attachShadow({mode:"open"})}}}return r}n.prototype.connectedCallback=function(){var e=this;if(l){clearTimeout(l);l=null}if(v){f.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};n.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};n.prototype.componentOnReady=function(){return getHostRef(this).H};return n}(HTMLElement);t.q=e[0];if(!i.includes(r)&&!o.get(r)){a.push(r);o.define(r,proxyComponent(u,t))}}))}));if(d){c.innerHTML+=SLOT_FB_CSS}{c.innerHTML+=a+HYDRATED_CSS}if(c.innerHTML.length){c.setAttribute("data-styles","");var p=(t=plt.p)!==null&&t!==void 0?t:queryNonceMetaTagContent(doc);if(p!=null){c.setAttribute("nonce",p)}u.insertBefore(c,s?s.nextSibling:u.firstChild)}v=false;if(f.length){f.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return l=setTimeout(appDidLoad,30)}))}}r()};var addHostEventListeners=function(e,n,t,r){if(t){t.map((function(t){var r=t[0],a=t[1],i=t[2];var o=e;var u=hostListenerProxy(n,i);var s=hostListenerOpts(r);plt.ael(o,a,u,s);(n.A=n.A||[]).push((function(){return plt.rel(o,a,u,s)}))}))}};var hostListenerProxy=function(e,n){return function(t){try{{if(e.u&256){e._[n](t)}else{(e.$=e.$||[]).push([n,t])}}}catch(e){consoleError(e)}}};var hostListenerOpts=function(e){return(e&2)!==0};var setNonce=function(e){return plt.p=e};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,n){return hostRefs.set(n._=e,n)};var registerHost=function(e,n){var t={u:0,$hostElement$:e,m:n,P:new Map};{t.H=new Promise((function(e){return t.k=e}));e["s-p"]=[];e["s-rc"]=[]}addHostEventListeners(e,t,n.L);return hostRefs.set(e,t)};var isMemberInElement=function(e,n){return n in e};var consoleError=function(e,n){return(0,console.error)(e,n)};var cmpModules=new Map;var loadModule=function(e,n,t){var r=e.h.replace(/-/g,"_");var a=e.q;var i=cmpModules.get(a);if(i){return i[r]}if(!t||!BUILD.hotModuleReplacement){var o=function(e){cmpModules.set(a,e);return e[r]};switch(a){case"mds-tab":return import("./mds-tab.entry.js").then(o,consoleError)}}return import("./".concat(a,".entry.js").concat("")).then((function(e){{cmpModules.set(a,e)}return e[r]}),consoleError)};var styles=new Map;var win=typeof window!=="undefined"?window:{};var doc=win.document||{head:{}};var plt={u:0,R:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,n,t,r){return e.addEventListener(n,t,r)},rel:function(e,n,t,r){return e.removeEventListener(n,t,r)},ce:function(e,n){return new CustomEvent(e,n)}};var promiseResolve=function(e){return Promise.resolve(e)};var supportsConstructableStylesheets=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,n){return function(t){e.push(t);if(!queuePending){queuePending=true;if(n&&plt.u&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var n=0;n<e.length;n++){try{e[n](performance.now())}catch(e){consoleError(e)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);export{Host as H,bootstrapLazy as b,createEvent as c,getElement as g,h,promiseResolve as p,registerInstance as r,setNonce as s};
@@ -1 +1 @@
1
- import{b as bootstrapLazy}from"./index-599ade1c.js";export{s as setNonce}from"./index-599ade1c.js";var defineCustomElements=function(e,t){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-tab",[[1,"mds-tab",null,[[0,"mdsTabItemSelect","changeEventHandler"]]]]]],t)};export{defineCustomElements};
1
+ import{b as bootstrapLazy}from"./index-1968ed86.js";export{s as setNonce}from"./index-1968ed86.js";var defineCustomElements=function(e,t){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-tab",[[1,"mds-tab",null,[[0,"mdsTabItemSelect","changeEventHandler"]]]]]],t)};export{defineCustomElements};
@@ -1 +1 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-599ade1c.js";var mdsTabCss='@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.contents{display:contents}.hidden{display:none}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.text{font-size:1rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-tab-duration:.75s;--mds-tab-timing-function:cubic-bezier(1, 0, 0, 1);display:grid}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0.5rem;padding:0.5rem;background-color:rgb(var(--theme-default-06-secondary-background));border-radius:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.tabs::-webkit-scrollbar{display:none}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition:height var(--mds-tab-duration) var(--mds-tab-timing-function);transition:height var(--mds-tab-duration) var(--mds-tab-timing-function)}::slotted([slot="content"]){width:100%;min-width:100%;-webkit-animation-duration:var(--mds-tab-duration);animation-duration:var(--mds-tab-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:var(--mds-tab-timing-function);animation-timing-function:var(--mds-tab-timing-function);-ms-flex-preferred-size:0;flex-basis:0;scroll-snap-align:start}:host([strategy="default"]) ::slotted([slot="content"]){background-color:rgb(var(--label-blue-06));left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}@media (min-width: 768px){.tablet\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:1fr 2fr}}';var MdsTab=function(){function t(t){var o=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsTabChange",7);this.currentItem=-1;this.queryContentItems=function(){return o.element.querySelectorAll("[slot=content]")};this.scrollTabs=function(){var t=o.tabItems[o.currentItem];o.tabs.scrollLeft=t.offsetLeft-o.tabs.offsetLeft-o.tabs.offsetWidth/2+t.offsetWidth/2};this.selectTabItem=function(t){o.tabItems.forEach((function(i,n){if(n===t){i.selected=true;o.changedEvent.emit({id:n});o.currentItem=n;o.scrollTabs()}else{i.selected=false}}))};this.selectContentItem=function(){o.contentItems.forEach((function(t,i){t.classList.add("hidden");if(i===o.currentItem){t.classList.remove("hidden")}}))}}t.prototype.componentWillLoad=function(){var t=this;this.tabItems=this.element.querySelectorAll("mds-tab-item");this.tabItems.forEach((function(o,i){if(!o.id){o.id="mds-tab-item-".concat(i)}if(o.selected){t.currentItem=i}}))};t.prototype.componentDidLoad=function(){var t;this.tabs=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tabs");this.contentItems=this.queryContentItems();this.selectContentItem()};t.prototype.changeEventHandler=function(t){var o=this;this.tabItems.forEach((function(i,n){if(i.id===t.detail){o.selectTabItem(n)}else{i.selected=false}}));this.selectContentItem()};t.prototype.render=function(){return h(Host,null,h("div",{class:"tabs",part:"tabs"},h("slot",null)),h("div",{class:"contents",part:"contents"},h("slot",{name:"content"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsTab.style=mdsTabCss;export{MdsTab as mds_tab};
1
+ import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-1968ed86.js";var mdsTabCss='@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.contents{display:contents}.hidden{display:none}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.gap-100{gap:0.25rem}.gap-200{gap:0.5rem}.gap-600{gap:1.5rem}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.px-200{padding-left:0.5rem;padding-right:0.5rem}.py-600{padding-top:1.5rem;padding-bottom:1.5rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-tab-duration:.75s;--mds-tab-timing-function:cubic-bezier(1, 0, 0, 1);display:grid}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0.5rem;padding:0.5rem;background-color:rgb(var(--theme-default-06-secondary-background));border-radius:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.tabs::-webkit-scrollbar{display:none}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition:height var(--mds-tab-duration) var(--mds-tab-timing-function);transition:height var(--mds-tab-duration) var(--mds-tab-timing-function)}::slotted([slot="content"]){width:100%;min-width:100%;-webkit-animation-duration:var(--mds-tab-duration);animation-duration:var(--mds-tab-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:var(--mds-tab-timing-function);animation-timing-function:var(--mds-tab-timing-function);-ms-flex-preferred-size:0;flex-basis:0;scroll-snap-align:start}:host([strategy="default"]) ::slotted([slot="content"]){background-color:rgb(var(--label-blue-06));left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}@media (min-width: 768px){.tablet\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:1fr 2fr}}';var MdsTab=function(){function t(t){var o=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsTabChange",7);this.currentItem=-1;this.queryContentItems=function(){return o.element.querySelectorAll("[slot=content]")};this.scrollTabs=function(){var t=o.tabItems[o.currentItem];o.tabs.scrollLeft=t.offsetLeft-o.tabs.offsetLeft-o.tabs.offsetWidth/2+t.offsetWidth/2};this.selectTabItem=function(t){o.tabItems.forEach((function(i,n){if(n===t){i.selected=true;o.changedEvent.emit({id:n});o.currentItem=n;o.scrollTabs()}else{i.selected=false}}))};this.selectContentItem=function(){o.contentItems.forEach((function(t,i){t.classList.add("hidden");if(i===o.currentItem){t.classList.remove("hidden")}}))}}t.prototype.componentWillLoad=function(){var t=this;this.tabItems=this.element.querySelectorAll("mds-tab-item");this.tabItems.forEach((function(o,i){if(!o.id){o.id="mds-tab-item-".concat(i)}if(o.selected){t.currentItem=i}}))};t.prototype.componentDidLoad=function(){var t;this.tabs=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tabs");this.contentItems=this.queryContentItems();this.selectContentItem()};t.prototype.changeEventHandler=function(t){var o=this;this.tabItems.forEach((function(i,n){if(i.id===t.detail){o.selectTabItem(n)}else{i.selected=false}}));this.selectContentItem()};t.prototype.render=function(){return h(Host,null,h("div",{class:"tabs",part:"tabs"},h("slot",null)),h("div",{class:"contents",part:"contents"},h("slot",{name:"content"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsTab.style=mdsTabCss;export{MdsTab as mds_tab};
@@ -1 +1 @@
1
- import{p as promiseResolve,b as bootstrapLazy}from"./index-599ade1c.js";export{s as setNonce}from"./index-599ade1c.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["mds-tab",[[1,"mds-tab",null,[[0,"mdsTabItemSelect","changeEventHandler"]]]]]],e)}));
1
+ import{p as promiseResolve,b as bootstrapLazy}from"./index-1968ed86.js";export{s as setNonce}from"./index-1968ed86.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["mds-tab",[[1,"mds-tab",null,[[0,"mdsTabItemSelect","changeEventHandler"]]]]]],e)}));
@@ -1 +1 @@
1
- import{p as e,b as t}from"./p-48174b71.js";export{s as setNonce}from"./p-48174b71.js";(()=>{const t=import.meta.url,s={};return""!==t&&(s.resourcesUrl=new URL(".",t).href),e(s)})().then((e=>t([["p-46272cf0",[[1,"mds-tab",null,[[0,"mdsTabItemSelect","changeEventHandler"]]]]]],e)));
1
+ import{p as e,b as t}from"./p-ff466053.js";export{s as setNonce}from"./p-ff466053.js";(()=>{const t=import.meta.url,s={};return""!==t&&(s.resourcesUrl=new URL(".",t).href),e(s)})().then((e=>t([["p-000d535b",[[1,"mds-tab",null,[[0,"mdsTabItemSelect","changeEventHandler"]]]]]],e)));
@@ -115,7 +115,7 @@ DOMTokenList
115
115
  var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
116
116
  var start = function() {
117
117
  // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
118
- var url = new URL('./p-d6316140.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
118
+ var url = new URL('./p-646355f1.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
119
119
  System.import(url.href);
120
120
  };
121
121
 
@@ -0,0 +1 @@
1
+ import{r as t,c as o,h as i,H as s,g as a}from"./p-ff466053.js";const n=class{constructor(i){t(this,i),this.changedEvent=o(this,"mdsTabChange",7),this.currentItem=-1,this.queryContentItems=()=>this.element.querySelectorAll("[slot=content]"),this.scrollTabs=()=>{const t=this.tabItems[this.currentItem];this.tabs.scrollLeft=t.offsetLeft-this.tabs.offsetLeft-this.tabs.offsetWidth/2+t.offsetWidth/2},this.selectTabItem=t=>{this.tabItems.forEach(((o,i)=>{i===t?(o.selected=!0,this.changedEvent.emit({id:i}),this.currentItem=i,this.scrollTabs()):o.selected=!1}))},this.selectContentItem=()=>{this.contentItems.forEach(((t,o)=>{t.classList.add("hidden"),o===this.currentItem&&t.classList.remove("hidden")}))}}componentWillLoad(){this.tabItems=this.element.querySelectorAll("mds-tab-item"),this.tabItems.forEach(((t,o)=>{t.id||(t.id=`mds-tab-item-${o}`),t.selected&&(this.currentItem=o)}))}componentDidLoad(){var t;this.tabs=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tabs"),this.contentItems=this.queryContentItems(),this.selectContentItem()}changeEventHandler(t){this.tabItems.forEach(((o,i)=>{o.id===t.detail?this.selectTabItem(i):o.selected=!1})),this.selectContentItem()}render(){return i(s,null,i("div",{class:"tabs",part:"tabs"},i("slot",null)),i("div",{class:"contents",part:"contents"},i("slot",{name:"content"})))}get element(){return a(this)}};n.style='@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.contents{display:contents}.hidden{display:none}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.gap-100{gap:0.25rem}.gap-200{gap:0.5rem}.gap-600{gap:1.5rem}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.px-200{padding-left:0.5rem;padding-right:0.5rem}.py-600{padding-top:1.5rem;padding-bottom:1.5rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-tab-duration:.75s;--mds-tab-timing-function:cubic-bezier(1, 0, 0, 1);display:grid}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0.5rem;padding:0.5rem;background-color:rgb(var(--theme-default-06-secondary-background));border-radius:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.tabs::-webkit-scrollbar{display:none}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition:height var(--mds-tab-duration) var(--mds-tab-timing-function);transition:height var(--mds-tab-duration) var(--mds-tab-timing-function)}::slotted([slot="content"]){width:100%;min-width:100%;-webkit-animation-duration:var(--mds-tab-duration);animation-duration:var(--mds-tab-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:var(--mds-tab-timing-function);animation-timing-function:var(--mds-tab-timing-function);-ms-flex-preferred-size:0;flex-basis:0;scroll-snap-align:start}:host([strategy="default"]) ::slotted([slot="content"]){background-color:rgb(var(--label-blue-06));left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}@media (min-width: 768px){.tablet\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:1fr 2fr}}';export{n as mds_tab}
@@ -1,2 +1,2 @@
1
- var __extends=this&&this.__extends||function(){var n=function(r,t){n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var t in r)if(Object.prototype.hasOwnProperty.call(r,t))n[t]=r[t]};return n(r,t)};return function(r,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");n(r,t);function e(){this.constructor=r}r.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(n,r,t,e){function i(n){return n instanceof t?n:new t((function(r){r(n)}))}return new(t||(t=Promise))((function(t,a){function u(n){try{o(e.next(n))}catch(n){a(n)}}function f(n){try{o(e["throw"](n))}catch(n){a(n)}}function o(n){n.done?t(n.value):i(n.value).then(u,f)}o((e=e.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,i,a,u;return u={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function f(n){return function(r){return o([n,r])}}function o(f){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,f[0]&&(t=0)),t)try{if(e=1,i&&(a=f[0]&2?i["return"]:f[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,f[1])).done)return a;if(i=0,a)f=[f[0]&2,a.value];switch(f[0]){case 0:case 1:a=f;break;case 4:t.label++;return{value:f[1],done:false};case 5:t.label++;i=f[1];f=[0];continue;case 7:f=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(f[0]===6||f[0]===2)){t=0;continue}if(f[0]===3&&(!a||f[1]>a[0]&&f[1]<a[3])){t.label=f[1];break}if(f[0]===6&&t.label<a[1]){t.label=a[1];a=f;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(f);break}if(a[2])t.ops.pop();t.trys.pop();continue}f=r.call(n,t)}catch(n){f=[6,n];i=0}finally{e=a=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(n,r,t){if(t||arguments.length===2)for(var e=0,i=r.length,a;e<i;e++){if(a||!(e in r)){if(!a)a=Array.prototype.slice.call(r,0,e);a[e]=r[e]}}return n.concat(a||Array.prototype.slice.call(r))};System.register([],(function(n,r){"use strict";return{execute:function(){var t=this;var e="mds-tab";var i;var a;var u=false;var f=false;var o=function(n,r){if(r===void 0){r=""}{return function(){return}}};var c=function(n,r){{return function(){return}}};var v="{visibility:hidden}[hydrated]{visibility:inherit}";var l="slot-fb{display:contents}slot-fb[hidden]{display:none}";var s={};var d=function(n){return n!=null};var h=function(n){n=typeof n;return n==="object"||n==="function"};function y(n){var r,t,e;return(e=(t=(r=n.head)===null||r===void 0?void 0:r.querySelector('meta[name="csp-nonce"]'))===null||t===void 0?void 0:t.getAttribute("content"))!==null&&e!==void 0?e:undefined}var p=n("h",(function(n,r){var t=[];for(var e=2;e<arguments.length;e++){t[e-2]=arguments[e]}var i=null;var a=false;var u=false;var f=[];var o=function(r){for(var t=0;t<r.length;t++){i=r[t];if(Array.isArray(i)){o(i)}else if(i!=null&&typeof i!=="boolean"){if(a=typeof n!=="function"&&!h(i)){i=String(i)}if(a&&u){f[f.length-1].t+=i}else{f.push(a?w(null,i):i)}u=a}}};o(t);if(r){{var c=r.className||r.class;if(c){r.class=typeof c!=="object"?c:Object.keys(c).filter((function(n){return c[n]})).join(" ")}}}var v=w(n,null);v.i=r;if(f.length>0){v.u=f}return v}));var w=function(n,r){var t={o:0,v:n,t:r,l:null,u:null};{t.i=null}return t};var m=n("H",{});var _=function(n){return n&&n.v===m};var b=n("g",(function(n){return un(n).$hostElement$}));var $=n("c",(function(n,r,t){var e=b(n);return{emit:function(n){return S(e,r,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:n})}}}));var S=function(n,r,t){var e=pn.ce(r,t);n.dispatchEvent(e);return e};var g=new WeakMap;var j=function(n,r,t){var e=dn.get(n);if(mn&&t){e=e||new CSSStyleSheet;if(typeof e==="string"){e=r}else{e.replaceSync(r)}}else{e=r}dn.set(n,e)};var k=function(n,r,t){var e;var i=x(r);var a=dn.get(i);n=n.nodeType===11?n:yn;if(a){if(typeof a==="string"){n=n.head||n;var u=g.get(n);var f=void 0;if(!u){g.set(n,u=new Set)}if(!u.has(i)){{f=yn.createElement("style");f.innerHTML=a;var o=(e=pn.h)!==null&&e!==void 0?e:y(yn);if(o!=null){f.setAttribute("nonce",o)}n.insertBefore(f,n.querySelector("link"))}if(r.o&4){f.innerHTML+=l}if(u){u.add(i)}}}else if(!n.adoptedStyleSheets.includes(a)){n.adoptedStyleSheets=__spreadArray(__spreadArray([],n.adoptedStyleSheets,true),[a],false)}}return i};var A=function(n){var r=n.p;var t=n.$hostElement$;var e=r.o;var i=o("attachStyles",r.m);var a=k(t.shadowRoot?t.shadowRoot:t.getRootNode(),r);if(e&10){t["s-sc"]=a;t.classList.add(a+"-h")}i()};var x=function(n,r){return"sc-"+n.m};var M=function(n,r,t,e,i,a){if(t!==e){var u=cn(n,r);r.toLowerCase();if(r==="class"){var f=n.classList;var o=C(t);var c=C(e);f.remove.apply(f,o.filter((function(n){return n&&!c.includes(n)})));f.add.apply(f,c.filter((function(n){return n&&!o.includes(n)})))}else{var v=h(e);if((u||v&&e!==null)&&!i){try{if(!n.tagName.includes("-")){var l=e==null?"":e;if(r==="list"){u=false}else if(t==null||n[r]!=l){n[r]=l}}else{n[r]=e}}catch(n){}}if(e==null||e===false){if(e!==false||n.getAttribute(r)===""){{n.removeAttribute(r)}}}else if((!u||a&4||i)&&!v){e=e===true?"":e;{n.setAttribute(r,e)}}}}};var O=/\s/;var C=function(n){return!n?[]:n.split(O)};var P=function(n,r,t,e){var i=r.l.nodeType===11&&r.l.host?r.l.host:r.l;var a=n&&n.i||s;var u=r.i||s;for(e in u){M(i,e,a[e],u[e],t,r.o)}};var E=function(n,r,t,e){var a=r.u[t];var f=0;var o;var c;{o=a.l=yn.createElement(a.v);{P(null,a,u)}if(d(i)&&o["s-si"]!==i){o.classList.add(o["s-si"]=i)}if(a.u){for(f=0;f<a.u.length;++f){c=E(n,a,f);if(c){o.appendChild(c)}}}}return o};var T=function(n,r,t,e,i,u){var f=n;var o;if(f.shadowRoot&&f.tagName===a){f=f.shadowRoot}for(;i<=u;++i){if(e[i]){o=E(null,t,i);if(o){e[i].l=o;f.insertBefore(o,r)}}}};var L=function(n,r){var t=r.l=n.l;var e=r.u;var i=r.v;{{if(i==="slot");else{P(n,r,u)}}if(e!==null){T(t,null,r,e,0,e.length-1)}else;}};var U=function(n,r,t){if(t===void 0){t=false}var e=n.$hostElement$;var u=n._||w(null,null);var f=_(r)?r:p(null,null,r);a=e.tagName;if(t&&f.i){for(var o=0,c=Object.keys(f.i);o<c.length;o++){var v=c[o];if(e.hasAttribute(v)&&!["key","ref","style","class"].includes(v)){f.i[v]=e[v]}}}f.v=null;f.o|=4;n._=f;f.l=u.l=e.shadowRoot||e;{i=e["s-sc"]}L(u,f)};var W=function(n,r){if(r&&!n.$&&r["s-p"]){r["s-p"].push(new Promise((function(r){return n.$=r})))}};var H=function(n,r){if(n.o&4){n.o|=512;return}W(n,n.S);var t=function(){return q(n,r)};return kn(t)};var q=function(n,r){var t=o("scheduleUpdate",n.p.m);var e=n.j;var i;if(r){{n.o|=256;if(n.k){n.k.map((function(n){var r=n[0],t=n[1];return V(e,r,t)}));n.k=undefined}}{i=V(e,"componentWillLoad")}}t();return D(i,(function(){return G(n,e,r)}))};var D=function(n,r){return F(n)?n.then(r):r()};var F=function(n){return n instanceof Promise||n&&n.then&&typeof n.then==="function"};var G=function(n,r,e){return __awaiter(t,void 0,void 0,(function(){var t,i,a,u,f,c,v;return __generator(this,(function(l){i=n.$hostElement$;a=o("update",n.p.m);u=i["s-rc"];if(e){A(n)}f=o("render",n.p.m);{I(n,r,i,e)}if(u){u.map((function(n){return n()}));i["s-rc"]=undefined}f();a();{c=(t=i["s-p"])!==null&&t!==void 0?t:[];v=function(){return N(n)};if(c.length===0){v()}else{Promise.all(c).then(v);n.o|=4;c.length=0}}return[2]}))}))};var I=function(n,r,t,e){try{r=r.render();{n.o|=2}{{{U(n,r,e)}}}}catch(r){vn(r,n.$hostElement$)}return null};var N=function(n){var r=n.p.m;var t=n.$hostElement$;var e=o("postUpdate",r);var i=n.j;var a=n.S;if(!(n.o&64)){n.o|=64;{z(t)}{V(i,"componentDidLoad")}e();{n.A(t);if(!a){R()}}}else{e()}{if(n.$){n.$();n.$=undefined}if(n.o&512){jn((function(){return H(n,false)}))}n.o&=~(4|512)}};var R=function(n){{z(yn.documentElement)}jn((function(){return S(hn,"appload",{detail:{namespace:e}})}))};var V=function(n,r,t){if(n&&n[r]){try{return n[r](t)}catch(n){vn(n)}}return undefined};var z=function(n){return n.setAttribute("hydrated","")};var B=function(n,r,t){if(r.M){var e=Object.entries(r.M);e.map((function(n){var r=n[0],t=n[1][0]}))}return n};var J=function(n,r,e,i){return __awaiter(t,void 0,void 0,(function(){var n,t,i,a,u,f,v,l;return __generator(this,(function(s){switch(s.label){case 0:if(!((r.o&32)===0))return[3,3];r.o|=32;n=sn(e);if(!n.then)return[3,2];t=c();return[4,n];case 1:n=s.sent();t();s.label=2;case 2:if(!n.isProxied){B(n,e);n.isProxied=true}i=o("createInstance",e.m);{r.o|=8}try{new n(r)}catch(n){vn(n)}{r.o&=~8}i();if(n.style){a=n.style;u=x(e);if(!dn.has(u)){f=o("registerStyles",e.m);j(u,a,!!(e.o&1));f()}}s.label=3;case 3:v=r.S;l=function(){return H(r,true)};if(v&&v["s-rc"]){v["s-rc"].push(l)}else{l()}return[2]}}))}))};var K=function(n){};var Q=function(n){if((pn.o&1)===0){var r=un(n);var t=r.p;var e=o("connectedCallback",t.m);if(!(r.o&1)){r.o|=1;{var i=n;while(i=i.parentNode||i.host){if(i["s-p"]){W(r,r.S=i);break}}}{J(n,r,t)}}else{nn(n,r,t.O);if(r===null||r===void 0?void 0:r.j);else if(r===null||r===void 0?void 0:r.C){r.C.then((function(){return K()}))}}e()}};var X=function(n){};var Y=function(n){return __awaiter(t,void 0,void 0,(function(){var r;return __generator(this,(function(t){if((pn.o&1)===0){r=un(n);{if(r.P){r.P.map((function(n){return n()}));r.P=undefined}}if(r===null||r===void 0?void 0:r.j);else if(r===null||r===void 0?void 0:r.C){r.C.then((function(){return X()}))}}return[2]}))}))};var Z=n("b",(function(n,r){if(r===void 0){r={}}var t;var e=o();var i=[];var a=r.exclude||[];var u=hn.customElements;var f=yn.head;var c=f.querySelector("meta[charset]");var s=yn.createElement("style");var d=[];var h;var p=true;Object.assign(pn,r);pn.T=new URL(r.resourcesUrl||"./",yn.baseURI).href;var w=false;n.map((function(n){n[1].map((function(r){var t={o:r[0],m:r[1],M:r[2],O:r[3]};if(t.o&4){w=true}{t.M=r[2]}{t.O=r[3]}var e=t.m;var f=function(n){__extends(r,n);function r(r){var e=n.call(this,r)||this;r=e;on(r,t);if(t.o&1){{{r.attachShadow({mode:"open"})}}}return e}r.prototype.connectedCallback=function(){var n=this;if(h){clearTimeout(h);h=null}if(p){d.push(this)}else{pn.jmp((function(){return Q(n)}))}};r.prototype.disconnectedCallback=function(){var n=this;pn.jmp((function(){return Y(n)}))};r.prototype.componentOnReady=function(){return un(this).C};return r}(HTMLElement);t.L=n[0];if(!a.includes(e)&&!u.get(e)){i.push(e);u.define(e,B(f,t))}}))}));if(w){s.innerHTML+=l}{s.innerHTML+=i+v}if(s.innerHTML.length){s.setAttribute("data-styles","");f.insertBefore(s,c?c.nextSibling:f.firstChild);var m=(t=pn.h)!==null&&t!==void 0?t:y(yn);if(m!=null){s.setAttribute("nonce",m)}}p=false;if(d.length){d.map((function(n){return n.connectedCallback()}))}else{{pn.jmp((function(){return h=setTimeout(R,30)}))}}e()}));var nn=function(n,r,t,e){if(t){t.map((function(t){var e=t[0],i=t[1],a=t[2];var u=n;var f=rn(r,a);var o=tn(e);pn.ael(u,i,f,o);(r.P=r.P||[]).push((function(){return pn.rel(u,i,f,o)}))}))}};var rn=function(n,r){return function(t){try{{if(n.o&256){n.j[r](t)}else{(n.k=n.k||[]).push([r,t])}}}catch(n){vn(n)}}};var tn=function(n){return(n&2)!==0};var en=n("s",(function(n){return pn.h=n}));var an=new WeakMap;var un=function(n){return an.get(n)};var fn=n("r",(function(n,r){return an.set(r.j=n,r)}));var on=function(n,r){var t={o:0,$hostElement$:n,p:r,U:new Map};{t.C=new Promise((function(n){return t.A=n}));n["s-p"]=[];n["s-rc"]=[]}nn(n,t,r.O);return an.set(n,t)};var cn=function(n,r){return r in n};var vn=function(n,r){return(0,console.error)(n,r)};var ln=new Map;var sn=function(n,t,e){var i=n.m.replace(/-/g,"_");var a=n.L;var u=ln.get(a);if(u){return u[i]}
1
+ var __extends=this&&this.__extends||function(){var n=function(r,t){n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var t in r)if(Object.prototype.hasOwnProperty.call(r,t))n[t]=r[t]};return n(r,t)};return function(r,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");n(r,t);function e(){this.constructor=r}r.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(n,r,t,e){function i(n){return n instanceof t?n:new t((function(r){r(n)}))}return new(t||(t=Promise))((function(t,a){function u(n){try{o(e.next(n))}catch(n){a(n)}}function f(n){try{o(e["throw"](n))}catch(n){a(n)}}function o(n){n.done?t(n.value):i(n.value).then(u,f)}o((e=e.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,i,a,u;return u={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function f(n){return function(r){return o([n,r])}}function o(f){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,f[0]&&(t=0)),t)try{if(e=1,i&&(a=f[0]&2?i["return"]:f[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,f[1])).done)return a;if(i=0,a)f=[f[0]&2,a.value];switch(f[0]){case 0:case 1:a=f;break;case 4:t.label++;return{value:f[1],done:false};case 5:t.label++;i=f[1];f=[0];continue;case 7:f=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(f[0]===6||f[0]===2)){t=0;continue}if(f[0]===3&&(!a||f[1]>a[0]&&f[1]<a[3])){t.label=f[1];break}if(f[0]===6&&t.label<a[1]){t.label=a[1];a=f;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(f);break}if(a[2])t.ops.pop();t.trys.pop();continue}f=r.call(n,t)}catch(n){f=[6,n];i=0}finally{e=a=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(n,r,t){if(t||arguments.length===2)for(var e=0,i=r.length,a;e<i;e++){if(a||!(e in r)){if(!a)a=Array.prototype.slice.call(r,0,e);a[e]=r[e]}}return n.concat(a||Array.prototype.slice.call(r))};System.register([],(function(n,r){"use strict";return{execute:function(){var t=this;var e="mds-tab";var i;var a;var u=false;var f=false;var o=function(n,r){if(r===void 0){r=""}{return function(){return}}};var c=function(n,r){{return function(){return}}};var v="{visibility:hidden}[hydrated]{visibility:inherit}";var l="slot-fb{display:contents}slot-fb[hidden]{display:none}";var s={};var d=function(n){return n!=null};var h=function(n){n=typeof n;return n==="object"||n==="function"};function y(n){var r,t,e;return(e=(t=(r=n.head)===null||r===void 0?void 0:r.querySelector('meta[name="csp-nonce"]'))===null||t===void 0?void 0:t.getAttribute("content"))!==null&&e!==void 0?e:undefined}var p=n("h",(function(n,r){var t=[];for(var e=2;e<arguments.length;e++){t[e-2]=arguments[e]}var i=null;var a=false;var u=false;var f=[];var o=function(r){for(var t=0;t<r.length;t++){i=r[t];if(Array.isArray(i)){o(i)}else if(i!=null&&typeof i!=="boolean"){if(a=typeof n!=="function"&&!h(i)){i=String(i)}if(a&&u){f[f.length-1].t+=i}else{f.push(a?w(null,i):i)}u=a}}};o(t);if(r){{var c=r.className||r.class;if(c){r.class=typeof c!=="object"?c:Object.keys(c).filter((function(n){return c[n]})).join(" ")}}}var v=w(n,null);v.i=r;if(f.length>0){v.u=f}return v}));var w=function(n,r){var t={o:0,v:n,t:r,l:null,u:null};{t.i=null}return t};var m=n("H",{});var _=function(n){return n&&n.v===m};var b=n("g",(function(n){return un(n).$hostElement$}));var $=n("c",(function(n,r,t){var e=b(n);return{emit:function(n){return S(e,r,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:n})}}}));var S=function(n,r,t){var e=pn.ce(r,t);n.dispatchEvent(e);return e};var g=new WeakMap;var j=function(n,r,t){var e=dn.get(n);if(mn&&t){e=e||new CSSStyleSheet;if(typeof e==="string"){e=r}else{e.replaceSync(r)}}else{e=r}dn.set(n,e)};var k=function(n,r,t){var e;var i=x(r);var a=dn.get(i);n=n.nodeType===11?n:yn;if(a){if(typeof a==="string"){n=n.head||n;var u=g.get(n);var f=void 0;if(!u){g.set(n,u=new Set)}if(!u.has(i)){{f=yn.createElement("style");f.innerHTML=a;var o=(e=pn.h)!==null&&e!==void 0?e:y(yn);if(o!=null){f.setAttribute("nonce",o)}n.insertBefore(f,n.querySelector("link"))}if(r.o&4){f.innerHTML+=l}if(u){u.add(i)}}}else if(!n.adoptedStyleSheets.includes(a)){n.adoptedStyleSheets=__spreadArray(__spreadArray([],n.adoptedStyleSheets,true),[a],false)}}return i};var A=function(n){var r=n.p;var t=n.$hostElement$;var e=r.o;var i=o("attachStyles",r.m);var a=k(t.shadowRoot?t.shadowRoot:t.getRootNode(),r);if(e&10){t["s-sc"]=a;t.classList.add(a+"-h")}i()};var x=function(n,r){return"sc-"+n.m};var M=function(n,r,t,e,i,a){if(t!==e){var u=cn(n,r);r.toLowerCase();if(r==="class"){var f=n.classList;var o=C(t);var c=C(e);f.remove.apply(f,o.filter((function(n){return n&&!c.includes(n)})));f.add.apply(f,c.filter((function(n){return n&&!o.includes(n)})))}else{var v=h(e);if((u||v&&e!==null)&&!i){try{if(!n.tagName.includes("-")){var l=e==null?"":e;if(r==="list"){u=false}else if(t==null||n[r]!=l){n[r]=l}}else{n[r]=e}}catch(n){}}if(e==null||e===false){if(e!==false||n.getAttribute(r)===""){{n.removeAttribute(r)}}}else if((!u||a&4||i)&&!v){e=e===true?"":e;{n.setAttribute(r,e)}}}}};var O=/\s/;var C=function(n){return!n?[]:n.split(O)};var P=function(n,r,t,e){var i=r.l.nodeType===11&&r.l.host?r.l.host:r.l;var a=n&&n.i||s;var u=r.i||s;for(e in u){M(i,e,a[e],u[e],t,r.o)}};var E=function(n,r,t,e){var f=r.u[t];var o=0;var c;var v;{c=f.l=yn.createElement(f.v);{P(null,f,u)}if(d(i)&&c["s-si"]!==i){c.classList.add(c["s-si"]=i)}if(f.u){for(o=0;o<f.u.length;++o){v=E(n,f,o);if(v){c.appendChild(v)}}}}c["s-hn"]=a;return c};var T=function(n,r,t,e,i,u){var f=n;var o;if(f.shadowRoot&&f.tagName===a){f=f.shadowRoot}for(;i<=u;++i){if(e[i]){o=E(null,t,i);if(o){e[i].l=o;f.insertBefore(o,r)}}}};var L=function(n,r,t){if(t===void 0){t=false}var e=r.l=n.l;var i=r.u;var a=r.v;{{if(a==="slot");else{P(n,r,u)}}if(i!==null){T(e,null,r,i,0,i.length-1)}else;}};var U=function(n,r,t){if(t===void 0){t=false}var e=n.$hostElement$;var u=n._||w(null,null);var f=_(r)?r:p(null,null,r);a=e.tagName;if(t&&f.i){for(var o=0,c=Object.keys(f.i);o<c.length;o++){var v=c[o];if(e.hasAttribute(v)&&!["key","ref","style","class"].includes(v)){f.i[v]=e[v]}}}f.v=null;f.o|=4;n._=f;f.l=u.l=e.shadowRoot||e;{i=e["s-sc"]}L(u,f,t)};var W=function(n,r){if(r&&!n.$&&r["s-p"]){r["s-p"].push(new Promise((function(r){return n.$=r})))}};var H=function(n,r){if(n.o&4){n.o|=512;return}W(n,n.S);var t=function(){return q(n,r)};return kn(t)};var q=function(n,r){var t=o("scheduleUpdate",n.p.m);var e=n.j;var i;if(r){{n.o|=256;if(n.k){n.k.map((function(n){var r=n[0],t=n[1];return V(e,r,t)}));n.k=undefined}}{i=V(e,"componentWillLoad")}}t();return D(i,(function(){return G(n,e,r)}))};var D=function(n,r){return F(n)?n.then(r):r()};var F=function(n){return n instanceof Promise||n&&n.then&&typeof n.then==="function"};var G=function(n,r,e){return __awaiter(t,void 0,void 0,(function(){var t,i,a,u,f,c,v;return __generator(this,(function(l){i=n.$hostElement$;a=o("update",n.p.m);u=i["s-rc"];if(e){A(n)}f=o("render",n.p.m);{I(n,r,i,e)}if(u){u.map((function(n){return n()}));i["s-rc"]=undefined}f();a();{c=(t=i["s-p"])!==null&&t!==void 0?t:[];v=function(){return N(n)};if(c.length===0){v()}else{Promise.all(c).then(v);n.o|=4;c.length=0}}return[2]}))}))};var I=function(n,r,t,e){try{r=r.render();{n.o|=2}{{{U(n,r,e)}}}}catch(r){vn(r,n.$hostElement$)}return null};var N=function(n){var r=n.p.m;var t=n.$hostElement$;var e=o("postUpdate",r);var i=n.j;var a=n.S;if(!(n.o&64)){n.o|=64;{z(t)}{V(i,"componentDidLoad")}e();{n.A(t);if(!a){R()}}}else{e()}{if(n.$){n.$();n.$=undefined}if(n.o&512){jn((function(){return H(n,false)}))}n.o&=~(4|512)}};var R=function(n){{z(yn.documentElement)}jn((function(){return S(hn,"appload",{detail:{namespace:e}})}))};var V=function(n,r,t){if(n&&n[r]){try{return n[r](t)}catch(n){vn(n)}}return undefined};var z=function(n){return n.setAttribute("hydrated","")};var B=function(n,r,t){if(r.M){var e=Object.entries(r.M);e.map((function(n){var r=n[0],t=n[1][0]}))}return n};var J=function(n,r,e,i){return __awaiter(t,void 0,void 0,(function(){var n,t,i,a,u,f,v,l;return __generator(this,(function(s){switch(s.label){case 0:if(!((r.o&32)===0))return[3,3];r.o|=32;n=sn(e);if(!n.then)return[3,2];t=c();return[4,n];case 1:n=s.sent();t();s.label=2;case 2:if(!n.isProxied){B(n,e);n.isProxied=true}i=o("createInstance",e.m);{r.o|=8}try{new n(r)}catch(n){vn(n)}{r.o&=~8}i();if(n.style){a=n.style;u=x(e);if(!dn.has(u)){f=o("registerStyles",e.m);j(u,a,!!(e.o&1));f()}}s.label=3;case 3:v=r.S;l=function(){return H(r,true)};if(v&&v["s-rc"]){v["s-rc"].push(l)}else{l()}return[2]}}))}))};var K=function(n){};var Q=function(n){if((pn.o&1)===0){var r=un(n);var t=r.p;var e=o("connectedCallback",t.m);if(!(r.o&1)){r.o|=1;{var i=n;while(i=i.parentNode||i.host){if(i["s-p"]){W(r,r.S=i);break}}}{J(n,r,t)}}else{nn(n,r,t.O);if(r===null||r===void 0?void 0:r.j);else if(r===null||r===void 0?void 0:r.C){r.C.then((function(){return K()}))}}e()}};var X=function(n){};var Y=function(n){return __awaiter(t,void 0,void 0,(function(){var r;return __generator(this,(function(t){if((pn.o&1)===0){r=un(n);{if(r.P){r.P.map((function(n){return n()}));r.P=undefined}}if(r===null||r===void 0?void 0:r.j);else if(r===null||r===void 0?void 0:r.C){r.C.then((function(){return X()}))}}return[2]}))}))};var Z=n("b",(function(n,r){if(r===void 0){r={}}var t;var e=o();var i=[];var a=r.exclude||[];var u=hn.customElements;var f=yn.head;var c=f.querySelector("meta[charset]");var s=yn.createElement("style");var d=[];var h;var p=true;Object.assign(pn,r);pn.T=new URL(r.resourcesUrl||"./",yn.baseURI).href;var w=false;n.map((function(n){n[1].map((function(r){var t={o:r[0],m:r[1],M:r[2],O:r[3]};if(t.o&4){w=true}{t.M=r[2]}{t.O=r[3]}var e=t.m;var f=function(n){__extends(r,n);function r(r){var e=n.call(this,r)||this;r=e;on(r,t);if(t.o&1){{{r.attachShadow({mode:"open"})}}}return e}r.prototype.connectedCallback=function(){var n=this;if(h){clearTimeout(h);h=null}if(p){d.push(this)}else{pn.jmp((function(){return Q(n)}))}};r.prototype.disconnectedCallback=function(){var n=this;pn.jmp((function(){return Y(n)}))};r.prototype.componentOnReady=function(){return un(this).C};return r}(HTMLElement);t.L=n[0];if(!a.includes(e)&&!u.get(e)){i.push(e);u.define(e,B(f,t))}}))}));if(w){s.innerHTML+=l}{s.innerHTML+=i+v}if(s.innerHTML.length){s.setAttribute("data-styles","");var m=(t=pn.h)!==null&&t!==void 0?t:y(yn);if(m!=null){s.setAttribute("nonce",m)}f.insertBefore(s,c?c.nextSibling:f.firstChild)}p=false;if(d.length){d.map((function(n){return n.connectedCallback()}))}else{{pn.jmp((function(){return h=setTimeout(R,30)}))}}e()}));var nn=function(n,r,t,e){if(t){t.map((function(t){var e=t[0],i=t[1],a=t[2];var u=n;var f=rn(r,a);var o=tn(e);pn.ael(u,i,f,o);(r.P=r.P||[]).push((function(){return pn.rel(u,i,f,o)}))}))}};var rn=function(n,r){return function(t){try{{if(n.o&256){n.j[r](t)}else{(n.k=n.k||[]).push([r,t])}}}catch(n){vn(n)}}};var tn=function(n){return(n&2)!==0};var en=n("s",(function(n){return pn.h=n}));var an=new WeakMap;var un=function(n){return an.get(n)};var fn=n("r",(function(n,r){return an.set(r.j=n,r)}));var on=function(n,r){var t={o:0,$hostElement$:n,p:r,U:new Map};{t.C=new Promise((function(n){return t.A=n}));n["s-p"]=[];n["s-rc"]=[]}nn(n,t,r.O);return an.set(n,t)};var cn=function(n,r){return r in n};var vn=function(n,r){return(0,console.error)(n,r)};var ln=new Map;var sn=function(n,t,e){var i=n.m.replace(/-/g,"_");var a=n.L;var u=ln.get(a);if(u){return u[i]}
2
2
  /*!__STENCIL_STATIC_IMPORT_SWITCH__*/return r.import("./".concat(a,".entry.js").concat("")).then((function(n){{ln.set(a,n)}return n[i]}),vn)};var dn=new Map;var hn=typeof window!=="undefined"?window:{};var yn=hn.document||{head:{}};var pn={o:0,T:"",jmp:function(n){return n()},raf:function(n){return requestAnimationFrame(n)},ael:function(n,r,t,e){return n.addEventListener(r,t,e)},rel:function(n,r,t,e){return n.removeEventListener(r,t,e)},ce:function(n,r){return new CustomEvent(n,r)}};var wn=n("p",(function(n){return Promise.resolve(n)}));var mn=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(n){}return false}();var _n=[];var bn=[];var $n=function(n,r){return function(t){n.push(t);if(!f){f=true;if(r&&pn.o&4){jn(gn)}else{pn.raf(gn)}}}};var Sn=function(n){for(var r=0;r<n.length;r++){try{n[r](performance.now())}catch(n){vn(n)}}n.length=0};var gn=function(){Sn(_n);{Sn(bn);if(f=_n.length>0){pn.raf(gn)}}};var jn=function(n){return wn().then(n)};var kn=$n(bn,true)}}}));
@@ -1 +1 @@
1
- System.register(["./p-92eb61ef.system.js"],(function(e,t){"use strict";var n,r;return{setters:[function(t){n=t.p;r=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return n(r)};e().then((function(e){return r([["p-72bd3326.system",[[1,"mds-tab",null,[[0,"mdsTabItemSelect","changeEventHandler"]]]]]],e)}))}}}));
1
+ System.register(["./p-425a4f99.system.js"],(function(e,t){"use strict";var n,r;return{setters:[function(t){n=t.p;r=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return n(r)};e().then((function(e){return r([["p-a9b5d003.system",[[1,"mds-tab",null,[[0,"mdsTabItemSelect","changeEventHandler"]]]]]],e)}))}}}));
@@ -0,0 +1 @@
1
+ System.register(["./p-425a4f99.system.js"],(function(t){"use strict";var i,o,n,a,s;return{setters:[function(t){i=t.r;o=t.c;n=t.h;a=t.H;s=t.g}],execute:function(){var r='@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.grid{display:grid}.contents{display:contents}.hidden{display:none}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.gap-100{gap:0.25rem}.gap-200{gap:0.5rem}.gap-600{gap:1.5rem}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.px-200{padding-left:0.5rem;padding-right:0.5rem}.py-600{padding-top:1.5rem;padding-bottom:1.5rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-tab-duration:.75s;--mds-tab-timing-function:cubic-bezier(1, 0, 0, 1);display:grid}.tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0.5rem;padding:0.5rem;background-color:rgb(var(--theme-default-06-secondary-background));border-radius:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.tabs::-webkit-scrollbar{display:none}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition:height var(--mds-tab-duration) var(--mds-tab-timing-function);transition:height var(--mds-tab-duration) var(--mds-tab-timing-function)}::slotted([slot="content"]){width:100%;min-width:100%;-webkit-animation-duration:var(--mds-tab-duration);animation-duration:var(--mds-tab-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:var(--mds-tab-timing-function);animation-timing-function:var(--mds-tab-timing-function);-ms-flex-preferred-size:0;flex-basis:0;scroll-snap-align:start}:host([strategy="default"]) ::slotted([slot="content"]){background-color:rgb(var(--label-blue-06));left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}@media (min-width: 768px){.tablet\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:1fr 2fr}}';var e=t("mds_tab",function(){function t(t){var n=this;i(this,t);this.changedEvent=o(this,"mdsTabChange",7);this.currentItem=-1;this.queryContentItems=function(){return n.element.querySelectorAll("[slot=content]")};this.scrollTabs=function(){var t=n.tabItems[n.currentItem];n.tabs.scrollLeft=t.offsetLeft-n.tabs.offsetLeft-n.tabs.offsetWidth/2+t.offsetWidth/2};this.selectTabItem=function(t){n.tabItems.forEach((function(i,o){if(o===t){i.selected=true;n.changedEvent.emit({id:o});n.currentItem=o;n.scrollTabs()}else{i.selected=false}}))};this.selectContentItem=function(){n.contentItems.forEach((function(t,i){t.classList.add("hidden");if(i===n.currentItem){t.classList.remove("hidden")}}))}}t.prototype.componentWillLoad=function(){var t=this;this.tabItems=this.element.querySelectorAll("mds-tab-item");this.tabItems.forEach((function(i,o){if(!i.id){i.id="mds-tab-item-".concat(o)}if(i.selected){t.currentItem=o}}))};t.prototype.componentDidLoad=function(){var t;this.tabs=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tabs");this.contentItems=this.queryContentItems();this.selectContentItem()};t.prototype.changeEventHandler=function(t){var i=this;this.tabItems.forEach((function(o,n){if(o.id===t.detail){i.selectTabItem(n)}else{o.selected=false}}));this.selectContentItem()};t.prototype.render=function(){return n(a,null,n("div",{class:"tabs",part:"tabs"},n("slot",null)),n("div",{class:"contents",part:"contents"},n("slot",{name:"content"})))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());e.style=r}}}));
@@ -0,0 +1,2 @@
1
+ let t,n,e=!1;const l="slot-fb{display:contents}slot-fb[hidden]{display:none}",o={},s=t=>"object"==(t=typeof t)||"function"===t;function c(t){var n,e,l;return null!==(l=null===(e=null===(n=t.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===e?void 0:e.getAttribute("content"))&&void 0!==l?l:void 0}const i=(t,n,...e)=>{let l=null,o=!1,c=!1;const i=[],a=n=>{for(let e=0;e<n.length;e++)l=n[e],Array.isArray(l)?a(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof t&&!s(l))&&(l+=""),o&&c?i[i.length-1].t+=l:i.push(o?r(null,l):l),c=o)};if(a(e),n){const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}const u=r(t,null);return u.l=n,i.length>0&&(u.o=i),u},r=(t,n)=>({i:0,u:t,t:n,$:null,o:null,l:null}),a={},u=t=>D(t).$hostElement$,f=(t,n,e)=>{const l=u(t);return{emit:t=>d(l,n,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:t})}},d=(t,n,e)=>{const l=K.ce(n,e);return t.dispatchEvent(l),l},y=new WeakMap,$=t=>"sc-"+t.p,p=(t,n,e,l,o,c)=>{if(e!==l){let i=V(t,n);if(n.toLowerCase(),"class"===n){const n=t.classList,o=h(e),s=h(l);n.remove(...o.filter((t=>t&&!s.includes(t)))),n.add(...s.filter((t=>t&&!o.includes(t))))}else{const r=s(l);if((i||r&&null!==l)&&!o)try{if(t.tagName.includes("-"))t[n]=l;else{const o=null==l?"":l;"list"===n?i=!1:null!=e&&t[n]==o||(t[n]=o)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(n)||t.removeAttribute(n):(!i||4&c||o)&&!r&&t.setAttribute(n,l=!0===l?"":l)}}},m=/\s/,h=t=>t?t.split(m):[],v=(t,n,e,l)=>{const s=11===n.$.nodeType&&n.$.host?n.$.host:n.$,c=t&&t.l||o,i=n.l||o;for(l in i)p(s,l,c[l],i[l],e,n.i)},b=(e,l,o)=>{const s=l.o[o];let c,i,r=0;if(c=s.$=J.createElement(s.u),v(null,s,!1),null!=t&&c["s-si"]!==t&&c.classList.add(c["s-si"]=t),s.o)for(r=0;r<s.o.length;++r)i=b(e,s,r),i&&c.appendChild(i);return c["s-hn"]=n,c},w=(e,l,o=!1)=>{const s=e.$hostElement$,c=e.m||r(null,null),u=(t=>t&&t.u===a)(l)?l:i(null,null,l);if(n=s.tagName,o&&u.l)for(const t of Object.keys(u.l))s.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(u.l[t]=s[t]);u.u=null,u.i|=4,e.m=u,u.$=c.$=s.shadowRoot||s,t=s["s-sc"],((t,e)=>{const l=e.$=t.$,o=e.o;"slot"===e.u||v(t,e,!1),null!==o&&((t,e,l,o,s,c)=>{let i,r=t;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=c;++s)o[s]&&(i=b(null,l,s),i&&(o[s].$=i,r.insertBefore(i,null)))})(l,0,e,o,0,o.length-1)})(c,u)},S=(t,n)=>{n&&!t.h&&n["s-p"]&&n["s-p"].push(new Promise((n=>t.h=n)))},g=(t,n)=>{if(!(4&t.i))return S(t,t.v),ot((()=>j(t,n)));t.i|=512},j=(t,n)=>{const e=t.S;let l;return n&&(t.i|=256,t.j&&(t.j.map((([t,n])=>x(e,t,n))),t.j=void 0),l=x(e,"componentWillLoad")),k(l,(()=>C(t,e,n)))},k=(t,n)=>M(t)?t.then(n):n(),M=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,C=async(t,n,e)=>{var o;const s=t.$hostElement$,i=s["s-rc"];e&&(t=>{const n=t.k,e=t.$hostElement$,o=n.i,s=((t,n)=>{var e;const o=$(n),s=G.get(o);if(t=11===t.nodeType?t:J,s)if("string"==typeof s){let i,r=y.get(t=t.head||t);if(r||y.set(t,r=new Set),!r.has(o)){{i=J.createElement("style"),i.innerHTML=s;const n=null!==(e=K.M)&&void 0!==e?e:c(J);null!=n&&i.setAttribute("nonce",n),t.insertBefore(i,t.querySelector("link"))}4&n.i&&(i.innerHTML+=l),r&&r.add(o)}}else t.adoptedStyleSheets.includes(s)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,s]);return o})(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);10&o&&(e["s-sc"]=s,e.classList.add(s+"-h"))})(t);O(t,n,s,e),i&&(i.map((t=>t())),s["s-rc"]=void 0);{const n=null!==(o=s["s-p"])&&void 0!==o?o:[],e=()=>P(t);0===n.length?e():(Promise.all(n).then(e),t.i|=4,n.length=0)}},O=(t,n,e,l)=>{try{n=n.render(),t.i|=2,w(t,n,l)}catch(n){_(n,t.$hostElement$)}return null},P=t=>{const n=t.$hostElement$,e=t.S,l=t.v;64&t.i||(t.i|=64,E(n),x(e,"componentDidLoad"),t.C(n),l||L()),t.h&&(t.h(),t.h=void 0),512&t.i&&lt((()=>g(t,!1))),t.i&=-517},L=()=>{E(J.documentElement),lt((()=>d(I,"appload",{detail:{namespace:"mds-tab"}})))},x=(t,n,e)=>{if(t&&t[n])try{return t[n](e)}catch(t){_(t)}},E=t=>t.setAttribute("hydrated",""),T=(t,n)=>(n.O&&Object.entries(n.O).map((([t,[n]])=>{})),t),W=(t,n={})=>{var e;const o=[],s=n.exclude||[],i=I.customElements,r=J.head,a=r.querySelector("meta[charset]"),u=J.createElement("style"),f=[];let d,y=!0;Object.assign(K,n),K.P=new URL(n.resourcesUrl||"./",J.baseURI).href;let p=!1;if(t.map((t=>{t[1].map((n=>{const e={i:n[0],p:n[1],O:n[2],L:n[3]};4&e.i&&(p=!0),e.O=n[2],e.L=n[3];const l=e.p,c=class extends HTMLElement{constructor(t){super(t),N(t=this,e),1&e.i&&t.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),y?f.push(this):K.jmp((()=>(t=>{if(0==(1&K.i)){const n=D(t),e=n.k,l=()=>{};if(1&n.i)A(t,n,e.L),(null==n?void 0:n.S)||(null==n?void 0:n.T)&&n.T.then((()=>{}));else{n.i|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){S(n,n.v=e);break}}(async(t,n,e)=>{let l;if(0==(32&n.i)){n.i|=32;{if(l=B(e),l.then){const t=()=>{};l=await l,t()}l.isProxied||(T(l,e),l.isProxied=!0);const t=()=>{};n.i|=8;try{new l(n)}catch(t){_(t)}n.i&=-9,t()}if(l.style){let t=l.style;const n=$(e);if(!G.has(n)){const l=()=>{};((t,n,e)=>{let l=G.get(t);X&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,G.set(t,l)})(n,t,!!(1&e.i)),l()}}}const o=n.v,s=()=>g(n,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(0,n,e)}l()}})(this)))}disconnectedCallback(){K.jmp((()=>(async()=>{if(0==(1&K.i)){const t=D(this);t.W&&(t.W.map((t=>t())),t.W=void 0),(null==t?void 0:t.S)||(null==t?void 0:t.T)&&t.T.then((()=>{}))}})()))}componentOnReady(){return D(this).T}};e.A=t[0],s.includes(l)||i.get(l)||(o.push(l),i.define(l,T(c,e)))}))})),p&&(u.innerHTML+=l),u.innerHTML+=o+"{visibility:hidden}[hydrated]{visibility:inherit}",u.innerHTML.length){u.setAttribute("data-styles","");const t=null!==(e=K.M)&&void 0!==e?e:c(J);null!=t&&u.setAttribute("nonce",t),r.insertBefore(u,a?a.nextSibling:r.firstChild)}y=!1,f.length?f.map((t=>t.connectedCallback())):K.jmp((()=>d=setTimeout(L,30)))},A=(t,n,e)=>{e&&e.map((([e,l,o])=>{const s=t,c=H(n,o),i=R(e);K.ael(s,l,c,i),(n.W=n.W||[]).push((()=>K.rel(s,l,c,i)))}))},H=(t,n)=>e=>{try{256&t.i?t.S[n](e):(t.j=t.j||[]).push([n,e])}catch(t){_(t)}},R=t=>0!=(2&t),U=t=>K.M=t,q=new WeakMap,D=t=>q.get(t),F=(t,n)=>q.set(n.S=t,n),N=(t,n)=>{const e={i:0,$hostElement$:t,k:n,H:new Map};return e.T=new Promise((t=>e.C=t)),t["s-p"]=[],t["s-rc"]=[],A(t,e,n.L),q.set(t,e)},V=(t,n)=>n in t,_=(t,n)=>(0,console.error)(t,n),z=new Map,B=t=>{const n=t.p.replace(/-/g,"_"),e=t.A,l=z.get(e);return l?l[n]:import(`./${e}.entry.js`).then((t=>(z.set(e,t),t[n])),_)
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},G=new Map,I="undefined"!=typeof window?window:{},J=I.document||{head:{}},K={i:0,P:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,l)=>t.addEventListener(n,e,l),rel:(t,n,e,l)=>t.removeEventListener(n,e,l),ce:(t,n)=>new CustomEvent(t,n)},Q=t=>Promise.resolve(t),X=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),Y=[],Z=[],tt=(t,n)=>l=>{t.push(l),e||(e=!0,n&&4&K.i?lt(et):K.raf(et))},nt=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){_(t)}t.length=0},et=()=>{nt(Y),nt(Z),(e=Y.length>0)&&K.raf(et)},lt=t=>Q().then(t),ot=tt(Z,!0);export{a as H,W as b,f as c,u as g,i as h,Q as p,F as r,U as s}