@maggioli-design-system/mds-table-row 4.6.2 → 4.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/cjs/mds-table-row.cjs.entry.js +1 -1
  2. package/dist/collection/common/date.js +13 -0
  3. package/dist/collection/common/locale.js +8 -2
  4. package/dist/collection/components/mds-table-row/mds-table-row.css +23 -2
  5. package/dist/collection/dictionary/button.js +6 -1
  6. package/dist/collection/dictionary/variant.js +6 -1
  7. package/dist/collection/type/date.js +1 -0
  8. package/dist/components/mds-table-row.js +1 -1
  9. package/dist/documentation.json +1 -1
  10. package/dist/esm/mds-table-row.entry.js +1 -1
  11. package/dist/esm-es5/mds-table-row.entry.js +1 -1
  12. package/dist/mds-table-row/mds-table-row.esm.js +1 -1
  13. package/dist/mds-table-row/p-11e2454f.system.js +1 -1
  14. package/dist/mds-table-row/p-cb00bcd8.entry.js +1 -0
  15. package/dist/mds-table-row/p-e2d6387e.system.entry.js +1 -0
  16. package/dist/stats.json +21 -17
  17. package/dist/types/common/date.d.ts +4 -0
  18. package/dist/types/common/locale.d.ts +3 -2
  19. package/dist/types/dictionary/button.d.ts +2 -1
  20. package/dist/types/dictionary/variant.d.ts +2 -1
  21. package/dist/types/type/date.d.ts +5 -0
  22. package/dist/types/type/language.d.ts +2 -1
  23. package/dist/types/type/variant.d.ts +1 -1
  24. package/documentation.json +30 -10
  25. package/package.json +2 -2
  26. package/src/common/date.ts +21 -0
  27. package/src/common/locale.ts +10 -4
  28. package/src/components/mds-table-row/mds-table-row.css +23 -2
  29. package/src/dictionary/button.ts +7 -0
  30. package/src/dictionary/variant.ts +7 -0
  31. package/src/fixtures/icons.json +33 -0
  32. package/src/fixtures/iconsauce.json +30 -0
  33. package/src/type/date.ts +10 -0
  34. package/src/type/language.ts +4 -0
  35. package/src/type/variant.ts +1 -1
  36. package/www/build/mds-table-row.esm.js +1 -1
  37. package/www/build/p-11e2454f.system.js +1 -1
  38. package/www/build/p-cb00bcd8.entry.js +1 -0
  39. package/www/build/p-e2d6387e.system.entry.js +1 -0
  40. package/dist/mds-table-row/p-24249845.entry.js +0 -1
  41. package/dist/mds-table-row/p-778c4fcb.system.entry.js +0 -1
  42. package/www/build/p-24249845.entry.js +0 -1
  43. package/www/build/p-778c4fcb.system.entry.js +0 -1
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-97006570.js');
6
6
 
7
- const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host( [interactive]:hover ) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";
7
+ const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host([sorted][interactive]:not([interactive=\"false\"])) ::slotted(mds-table-cell[sorted]) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive=\"false\"])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive=\"false\"]):hover) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive=\"false\"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";
8
8
  const MdsTableRowStyle0 = mdsTableRowCss;
9
9
 
10
10
  const MdsTableRow = class {
@@ -0,0 +1,13 @@
1
+ // ISO 8601 date regex allowing optional components (month, day, time)
2
+ const ISO8601RegexString = '^\\d{4}(-\\d{2})?(-\\d{2})?(T\\d{2}(:\\d{2})?(:\\d{2})?(\\.\\d{3})?)?([+-]\\d{2}:\\d{2}|Z)?$';
3
+ const isISO8601Date = (dateString) => {
4
+ const ISO8601Regex = new RegExp(ISO8601RegexString);
5
+ return ISO8601Regex.test(dateString);
6
+ };
7
+ const sanitizeISO8601Date = (dateString) => {
8
+ if (isISO8601Date(dateString)) {
9
+ return dateString;
10
+ }
11
+ return new Date(dateString).toISOString();
12
+ };
13
+ export { sanitizeISO8601Date, isISO8601Date, };
@@ -2,15 +2,19 @@ import Handlebars from "handlebars";
2
2
  export class Locale {
3
3
  constructor(configData) {
4
4
  this.rollbackLanguage = 'en';
5
+ this.set = (configData) => {
6
+ this.config = configData;
7
+ };
5
8
  this.lang = (element) => {
6
9
  this.closestElement = element.closest('[lang]');
7
10
  if (this.closestElement) {
8
11
  if (this.closestElement.lang) {
9
12
  this.language = this.closestElement.lang;
10
- return;
13
+ return this.language;
11
14
  }
12
15
  }
13
16
  this.language = this.rollbackLanguage;
17
+ return this.language;
14
18
  };
15
19
  this.pluralize = (tag, context) => {
16
20
  const languagePhrase = this.config[this.language] ? this.config[this.language][tag] : this.config[this.rollbackLanguage][tag];
@@ -43,6 +47,8 @@ export class Locale {
43
47
  }
44
48
  return this.config[this.language] ? this.config[this.language][tag] : this.config[this.rollbackLanguage][tag];
45
49
  };
46
- this.config = configData;
50
+ if (configData) {
51
+ this.set(configData);
52
+ }
47
53
  }
48
54
  }
@@ -13,12 +13,33 @@
13
13
 
14
14
  }
15
15
 
16
- :host( [interactive]:hover ) {
16
+ :host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {
17
17
 
18
- --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));
18
+ --mds-table-cell-background: var(--mds-table-cell-background-hover);
19
+ }
20
+
21
+ :host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {
22
+
23
+ --mds-table-cell-background: var(--mds-table-body-background-hover);
24
+ }
25
+
26
+ :host([interactive]:not([interactive="false"]):hover) {
27
+
28
+ --mds-table-cell-background: var(--mds-table-cell-background-hover);
19
29
  --mds-table-row-color: var(--mds-table-row-color-hover);
20
30
  }
21
31
 
32
+
33
+ :host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {
34
+
35
+ --mds-table-cell-background: var(--mds-table-cell-background-hover);
36
+ }
37
+
38
+ :host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {
39
+
40
+ --mds-table-cell-background: var(--mds-table-body-background-hover);
41
+ }
42
+
22
43
  .static{
23
44
 
24
45
  position: static;
@@ -27,4 +27,9 @@ const buttonIconPositionDictionary = [
27
27
  'left',
28
28
  'right',
29
29
  ];
30
- export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };
30
+ const buttonTypeDictionary = [
31
+ 'button',
32
+ 'submit',
33
+ 'reset',
34
+ ];
35
+ export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };
@@ -83,8 +83,13 @@ const toneSimpleVariantDictionary = [
83
83
  'weak',
84
84
  'quiet',
85
85
  ];
86
+ const toneSmartVariantDictionary = [
87
+ 'strong',
88
+ 'weak',
89
+ 'ghost',
90
+ ];
86
91
  const toneMinimalVariantDictionary = [
87
92
  'strong',
88
93
  'weak',
89
94
  ];
90
- export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
95
+ export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };
@@ -0,0 +1 @@
1
+ export {};
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
2
 
3
- const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host( [interactive]:hover ) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";
3
+ const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host([sorted][interactive]:not([interactive=\"false\"])) ::slotted(mds-table-cell[sorted]) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive=\"false\"])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive=\"false\"]):hover) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive=\"false\"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";
4
4
  const MdsTableRowStyle0 = mdsTableRowCss;
5
5
 
6
6
  const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableRow extends HTMLElement {
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2024-09-17T06:03:07",
2
+ "timestamp": "2024-10-10T10:16:54",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.21.0",
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-ac4b33c0.js';
2
2
 
3
- const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host( [interactive]:hover ) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";
3
+ const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host([sorted][interactive]:not([interactive=\"false\"])) ::slotted(mds-table-cell[sorted]) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive=\"false\"])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive=\"false\"]):hover) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive=\"false\"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";
4
4
  const MdsTableRowStyle0 = mdsTableRowCss;
5
5
 
6
6
  const MdsTableRow = class {
@@ -1 +1 @@
1
- import{r as registerInstance,h,H as Host}from"./index-ac4b33c0.js";var mdsTableRowCss="@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host( [interactive]:hover ) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";var MdsTableRowStyle0=mdsTableRowCss;var MdsTableRow=function(){function n(n){registerInstance(this,n);this.interactive=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.render=function(){return h(Host,{key:"f787fed43a18242c2d9ddfa0fbd383e88b436dc5",role:"row"},h("slot",{key:"b78bf7f2a6b59a044c041a441ce8b7709b09cd39"}))};return n}();MdsTableRow.style=MdsTableRowStyle0;export{MdsTableRow as mds_table_row};
1
+ import{r as registerInstance,h,H as Host}from"./index-ac4b33c0.js";var mdsTableRowCss='@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive="false"]):hover) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n';var MdsTableRowStyle0=mdsTableRowCss;var MdsTableRow=function(){function n(n){registerInstance(this,n);this.interactive=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.render=function(){return h(Host,{key:"f787fed43a18242c2d9ddfa0fbd383e88b436dc5",role:"row"},h("slot",{key:"b78bf7f2a6b59a044c041a441ce8b7709b09cd39"}))};return n}();MdsTableRow.style=MdsTableRowStyle0;export{MdsTableRow as mds_table_row};
@@ -1 +1 @@
1
- import{p as a,b as e}from"./p-0a6d4960.js";export{s as setNonce}from"./p-0a6d4960.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),a(t)})().then((async a=>(await t(),e([["p-24249845",[[1,"mds-table-row",{interactive:[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],a))));
1
+ import{p as a,b as e}from"./p-0a6d4960.js";export{s as setNonce}from"./p-0a6d4960.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),a(t)})().then((async a=>(await t(),e([["p-cb00bcd8",[[1,"mds-table-row",{interactive:[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],a))));
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{o(r.next(t))}catch(t){c(t)}}function a(t){try{o(r["throw"](t))}catch(t){c(t)}}function o(t){t.done?e(t.value):i(t.value).then(u,a)}o((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(n){return o([t,n])}}function o(a){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(e=0)),e)try{if(r=1,i&&(c=a[0]&2?i["return"]:a[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,a[1])).done)return c;if(i=0,c)a=[a[0]&2,c.value];switch(a[0]){case 0:case 1:c=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;i=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!c||a[1]>c[0]&&a[1]<c[3])){e.label=a[1];break}if(a[0]===6&&e.label<c[1]){e.label=c[1];c=a;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(a);break}if(c[2])e.ops.pop();e.trys.pop();continue}a=n.call(t,e)}catch(t){a=[6,t];i=0}finally{r=c=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-bc92b059.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-778c4fcb.system",[[1,"mds-table-row",{interactive:[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],n)]}}))}))}))}}}));
1
+ var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{o(r.next(t))}catch(t){c(t)}}function a(t){try{o(r["throw"](t))}catch(t){c(t)}}function o(t){t.done?e(t.value):i(t.value).then(u,a)}o((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(n){return o([t,n])}}function o(a){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(e=0)),e)try{if(r=1,i&&(c=a[0]&2?i["return"]:a[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,a[1])).done)return c;if(i=0,c)a=[a[0]&2,c.value];switch(a[0]){case 0:case 1:c=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;i=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!c||a[1]>c[0]&&a[1]<c[3])){e.label=a[1];break}if(a[0]===6&&e.label<c[1]){e.label=c[1];c=a;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(a);break}if(c[2])e.ops.pop();e.trys.pop();continue}a=n.call(t,e)}catch(t){a=[6,t];i=0}finally{r=c=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-bc92b059.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-e2d6387e.system",[[1,"mds-table-row",{interactive:[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],n)]}}))}))}))}}}));
@@ -0,0 +1 @@
1
+ import{r as n,h as t,H as a}from"./p-0a6d4960.js";const l=class{constructor(t){n(this,t),this.interactive=void 0}tableInteractiveHandler(n){this.interactive=n.detail}render(){return t(a,{key:"f787fed43a18242c2d9ddfa0fbd383e88b436dc5",role:"row"},t("slot",{key:"b78bf7f2a6b59a044c041a441ce8b7709b09cd39"}))}};l.style='@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive="false"]):hover) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n';export{l as mds_table_row}
@@ -0,0 +1 @@
1
+ System.register(["./p-bc92b059.system.js"],(function(n){"use strict";var t,a,l;return{setters:[function(n){t=n.r;a=n.h;l=n.H}],execute:function(){var e='@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive="false"]):hover) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n';var r=e;var o=n("mds_table_row",function(){function n(n){t(this,n);this.interactive=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.render=function(){return a(l,{key:"f787fed43a18242c2d9ddfa0fbd383e88b436dc5",role:"row"},a("slot",{key:"b78bf7f2a6b59a044c041a441ce8b7709b09cd39"}))};return n}());o.style=r}}}));
package/dist/stats.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2024-09-17T06:03:07",
2
+ "timestamp": "2024-10-10T10:16:54",
3
3
  "compiler": {
4
4
  "name": "node",
5
5
  "version": "20.10.0"
@@ -9,13 +9,14 @@
9
9
  "fsNamespace": "mds-table-row",
10
10
  "components": 1,
11
11
  "entries": 1,
12
- "bundles": 89,
12
+ "bundles": 91,
13
13
  "outputs": [
14
14
  {
15
15
  "name": "dist-collection",
16
- "files": 41,
16
+ "files": 43,
17
17
  "generatedFiles": [
18
18
  "./dist/collection/common/aria.js",
19
+ "./dist/collection/common/date.js",
19
20
  "./dist/collection/common/file.js",
20
21
  "./dist/collection/common/icon.js",
21
22
  "./dist/collection/common/keyboard-manager.js",
@@ -45,6 +46,7 @@
45
46
  "./dist/collection/interface/input-value.js",
46
47
  "./dist/collection/type/autocomplete.js",
47
48
  "./dist/collection/type/button.js",
49
+ "./dist/collection/type/date.js",
48
50
  "./dist/collection/type/file-types.js",
49
51
  "./dist/collection/type/floating-ui.js",
50
52
  "./dist/collection/type/form-rel.js",
@@ -97,23 +99,23 @@
97
99
  "./dist/mds-table-row/mds-table-row.js",
98
100
  "./dist/mds-table-row/p-0a6d4960.js",
99
101
  "./dist/mds-table-row/p-11e2454f.system.js",
100
- "./dist/mds-table-row/p-24249845.entry.js",
101
102
  "./dist/mds-table-row/p-50ea2036.system.js",
102
103
  "./dist/mds-table-row/p-56ba5cbf.system.js",
103
- "./dist/mds-table-row/p-778c4fcb.system.entry.js",
104
104
  "./dist/mds-table-row/p-bc92b059.system.js",
105
+ "./dist/mds-table-row/p-cb00bcd8.entry.js",
105
106
  "./dist/mds-table-row/p-e1255160.js",
107
+ "./dist/mds-table-row/p-e2d6387e.system.entry.js",
106
108
  "./www/build/index.esm.js",
107
109
  "./www/build/mds-table-row.esm.js",
108
110
  "./www/build/mds-table-row.js",
109
111
  "./www/build/p-0a6d4960.js",
110
112
  "./www/build/p-11e2454f.system.js",
111
- "./www/build/p-24249845.entry.js",
112
113
  "./www/build/p-50ea2036.system.js",
113
114
  "./www/build/p-56ba5cbf.system.js",
114
- "./www/build/p-778c4fcb.system.entry.js",
115
115
  "./www/build/p-bc92b059.system.js",
116
- "./www/build/p-e1255160.js"
116
+ "./www/build/p-cb00bcd8.entry.js",
117
+ "./www/build/p-e1255160.js",
118
+ "./www/build/p-e2d6387e.system.entry.js"
117
119
  ]
118
120
  },
119
121
  {
@@ -146,12 +148,12 @@
146
148
  "components": [
147
149
  "mds-table-row"
148
150
  ],
149
- "bundleId": "p-24249845",
150
- "fileName": "p-24249845.entry.js",
151
+ "bundleId": "p-cb00bcd8",
152
+ "fileName": "p-cb00bcd8.entry.js",
151
153
  "imports": [
152
154
  "p-0a6d4960.js"
153
155
  ],
154
- "originalByteSize": 5499
156
+ "originalByteSize": 6199
155
157
  }
156
158
  ],
157
159
  "esm": [
@@ -165,7 +167,7 @@
165
167
  "imports": [
166
168
  "index-ac4b33c0.js"
167
169
  ],
168
- "originalByteSize": 5503
170
+ "originalByteSize": 6203
169
171
  }
170
172
  ],
171
173
  "es5": [
@@ -179,7 +181,7 @@
179
181
  "imports": [
180
182
  "index-ac4b33c0.js"
181
183
  ],
182
- "originalByteSize": 5503
184
+ "originalByteSize": 6203
183
185
  }
184
186
  ],
185
187
  "system": [
@@ -188,12 +190,12 @@
188
190
  "components": [
189
191
  "mds-table-row"
190
192
  ],
191
- "bundleId": "p-778c4fcb.system",
192
- "fileName": "p-778c4fcb.system.entry.js",
193
+ "bundleId": "p-e2d6387e.system",
194
+ "fileName": "p-e2d6387e.system.entry.js",
193
195
  "imports": [
194
196
  "p-bc92b059.system.js"
195
197
  ],
196
- "originalByteSize": 5790
198
+ "originalByteSize": 6490
197
199
  }
198
200
  ],
199
201
  "commonjs": [
@@ -207,7 +209,7 @@
207
209
  "imports": [
208
210
  "index-97006570.js"
209
211
  ],
210
- "originalByteSize": 5573
212
+ "originalByteSize": 6273
211
213
  }
212
214
  ]
213
215
  },
@@ -422,6 +424,7 @@
422
424
  },
423
425
  "sourceGraph": {
424
426
  "./src/common/aria.ts": [],
427
+ "./src/common/date.ts": [],
425
428
  "./src/common/file.ts": [],
426
429
  "./src/common/icon.ts": [],
427
430
  "./src/common/keyboard-manager.ts": [],
@@ -463,6 +466,7 @@
463
466
  "./src/interface/input-value.ts": [],
464
467
  "./src/type/autocomplete.ts": [],
465
468
  "./src/type/button.ts": [],
469
+ "./src/type/date.ts": [],
466
470
  "./src/type/file-types.ts": [],
467
471
  "./src/type/floating-ui.ts": [],
468
472
  "./src/type/form-rel.ts": [],
@@ -0,0 +1,4 @@
1
+ import { ISO8601Date } from '@type/date';
2
+ declare const isISO8601Date: (dateString: string) => boolean;
3
+ declare const sanitizeISO8601Date: (dateString: string) => ISO8601Date;
4
+ export { sanitizeISO8601Date, isISO8601Date, };
@@ -9,8 +9,9 @@ export declare class Locale {
9
9
  language: string;
10
10
  config: LocaleConfig;
11
11
  closestElement: HTMLElement;
12
- constructor(configData: LocaleConfig);
13
- lang: (element: HTMLElement) => void;
12
+ constructor(configData?: LocaleConfig);
13
+ set: (configData: LocaleConfig) => void;
14
+ lang: (element: HTMLElement) => string;
14
15
  private pluralize;
15
16
  get: (tag: string | string[], context?: Record<string, string | number>) => string;
16
17
  }
@@ -3,4 +3,5 @@ declare const buttonToneVariantDictionary: string[];
3
3
  declare const buttonTargetDictionary: string[];
4
4
  declare const buttonSizeDictionary: string[];
5
5
  declare const buttonIconPositionDictionary: string[];
6
- export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };
6
+ declare const buttonTypeDictionary: string[];
7
+ export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };
@@ -7,5 +7,6 @@ declare const themeLabelVariantDictionary: string[];
7
7
  declare const toneVariantDictionary: string[];
8
8
  declare const toneActionVariantDictionary: string[];
9
9
  declare const toneSimpleVariantDictionary: string[];
10
+ declare const toneSmartVariantDictionary: string[];
10
11
  declare const toneMinimalVariantDictionary: string[];
11
- export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
12
+ export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };
@@ -0,0 +1,5 @@
1
+ type ISO8601DateFormat<K, T> = K & {
2
+ __isISO8601DateFormat: T;
3
+ };
4
+ type ISO8601Date = ISO8601DateFormat<string, 'ISO8601Date'>;
5
+ export { ISO8601Date, };
@@ -1 +1,2 @@
1
- export type LanguageType = 'auto' | `${Lowercase<string>}${Lowercase<string>}` | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`;
1
+ export type LanguageType = `${Lowercase<string>}${Lowercase<string>}` | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`;
2
+ export type PrefLanguageType = 'auto' | `${Lowercase<string>}${Lowercase<string>}` | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`;
@@ -8,5 +8,5 @@ export type ActionVariantType = 'primary' | 'dark' | 'light';
8
8
  export type StateVariantType = 'disabled' | 'focused' | 'readonly';
9
9
  export type ToneActionVariantType = 'primary' | 'secondary' | 'tertiary' | 'strong' | 'weak' | 'ghost' | 'quiet';
10
10
  export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
11
- export type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet';
11
+ export type ToneSimpleVariantType = 'quiet' | 'strong' | 'weak';
12
12
  export type ToneMinimalVariantType = 'strong' | 'weak';
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2024-09-17T03:14:28",
2
+ "timestamp": "2024-10-10T09:56:21",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.21.0",
@@ -101,8 +101,8 @@
101
101
  "docstring": "",
102
102
  "path": "src/type/variant.ts"
103
103
  },
104
- "src/type/variant.ts::ToneSimpleVariantType": {
105
- "declaration": "export type ToneSimpleVariantType =\n | 'strong'\n | 'weak'\n | 'quiet'",
104
+ "src/type/variant.ts::ToneVariantType": {
105
+ "declaration": "export type ToneVariantType =\n | 'strong' // background strong\n | 'weak' // background weak\n | 'ghost' // bordered\n | 'quiet'",
106
106
  "docstring": "",
107
107
  "path": "src/type/variant.ts"
108
108
  },
@@ -126,6 +126,11 @@
126
126
  "docstring": "",
127
127
  "path": "src/type/variant.ts"
128
128
  },
129
+ "src/type/variant.ts::ToneSimpleVariantType": {
130
+ "declaration": "export type ToneSimpleVariantType =\n | 'quiet'\n | 'strong'\n | 'weak'",
131
+ "docstring": "",
132
+ "path": "src/type/variant.ts"
133
+ },
129
134
  "src/components/mds-benchmark-bar/meta/types.ts::BenchmarkBarTypographyType": {
130
135
  "declaration": "export type BenchmarkBarTypographyType =\n | 'option'\n | 'label'",
131
136
  "docstring": "",
@@ -166,11 +171,6 @@
166
171
  "docstring": "",
167
172
  "path": "src/type/button.ts"
168
173
  },
169
- "src/type/variant.ts::ToneVariantType": {
170
- "declaration": "export type ToneVariantType =\n | 'strong' // background strong\n | 'weak' // background weak\n | 'ghost' // bordered\n | 'quiet'",
171
- "docstring": "",
172
- "path": "src/type/variant.ts"
173
- },
174
174
  "src/type/button.ts::ButtonSizeType": {
175
175
  "declaration": "export type ButtonSizeType =\n | 'sm'\n | 'md'\n | 'lg'\n | 'xl'",
176
176
  "docstring": "",
@@ -416,8 +416,8 @@
416
416
  "docstring": "",
417
417
  "path": "src/components/mds-pref-contrast/meta/types.ts"
418
418
  },
419
- "src/type/language.ts::LanguageType": {
420
- "declaration": "export type LanguageType =\n | 'auto'\n | `${Lowercase<string>}${Lowercase<string>}`\n | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`",
419
+ "src/type/language.ts::PrefLanguageType": {
420
+ "declaration": "export type PrefLanguageType =\n | 'auto'\n | `${Lowercase<string>}${Lowercase<string>}`\n | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`",
421
421
  "docstring": "",
422
422
  "path": "src/type/language.ts"
423
423
  },
@@ -426,6 +426,11 @@
426
426
  "docstring": "",
427
427
  "path": "src/event-detail/language.ts"
428
428
  },
429
+ "src/type/language.ts::LanguageType": {
430
+ "declaration": "export type LanguageType =\n | `${Lowercase<string>}${Lowercase<string>}`\n | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`",
431
+ "docstring": "",
432
+ "path": "src/type/language.ts"
433
+ },
429
434
  "src/components/mds-pref-theme/meta/types.ts::ThemeModeType": {
430
435
  "declaration": "export type ThemeModeType =\n | 'light'\n | 'dark'\n | 'system'",
431
436
  "docstring": "",
@@ -446,6 +451,16 @@
446
451
  "docstring": "",
447
452
  "path": "src/components/mds-progress/meta/types.ts"
448
453
  },
454
+ "src/type/date.ts::ISO8601Date": {
455
+ "declaration": "type ISO8601Date = ISO8601DateFormat<string, 'ISO8601Date'>",
456
+ "docstring": "",
457
+ "path": "src/type/date.ts"
458
+ },
459
+ "src/components/mds-push-notification/meta/types.ts::NotificationDateFormatType": {
460
+ "declaration": "string",
461
+ "docstring": "",
462
+ "path": "src/components/mds-push-notification/meta/types.ts"
463
+ },
449
464
  "src/components/mds-push-notification/meta/types.ts::NotificationPreviewType": {
450
465
  "declaration": "export type NotificationPreviewType =\n | 'avatar'\n | 'image'",
451
466
  "docstring": "",
@@ -486,6 +501,11 @@
486
501
  "docstring": "",
487
502
  "path": "src/components/mds-tab-item/meta/event-detail.ts"
488
503
  },
504
+ "src/components/mds-table-header-cell/meta/types.ts::SortDirectionType": {
505
+ "declaration": "export type SortDirectionType =\n | 'asc'\n | 'desc'\n | 'none'",
506
+ "docstring": "",
507
+ "path": "src/components/mds-table-header-cell/meta/types.ts"
508
+ },
489
509
  "src/components/mds-text/meta/types.ts::TextAnimationType": {
490
510
  "declaration": "export type TextAnimationType =\n | 'none'\n | 'yugop'",
491
511
  "docstring": "",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/mds-table-row",
3
- "version": "4.6.2",
3
+ "version": "4.7.0",
4
4
  "description": "mds-table-row is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -23,7 +23,7 @@
23
23
  "prepublishOnly": "npm run build"
24
24
  },
25
25
  "dependencies": {
26
- "@maggioli-design-system/mds-table-cell": "4.6.2",
26
+ "@maggioli-design-system/mds-table-cell": "4.7.0",
27
27
  "@maggioli-design-system/styles": "15.3.2",
28
28
  "@stencil/core": "4.21.0"
29
29
  },
@@ -0,0 +1,21 @@
1
+ import { ISO8601Date } from '@type/date'
2
+
3
+ // ISO 8601 date regex allowing optional components (month, day, time)
4
+ const ISO8601RegexString = '^\\d{4}(-\\d{2})?(-\\d{2})?(T\\d{2}(:\\d{2})?(:\\d{2})?(\\.\\d{3})?)?([+-]\\d{2}:\\d{2}|Z)?$'
5
+
6
+ const isISO8601Date = (dateString: string): boolean => {
7
+ const ISO8601Regex = new RegExp(ISO8601RegexString)
8
+ return ISO8601Regex.test(dateString)
9
+ }
10
+
11
+ const sanitizeISO8601Date = (dateString: string): ISO8601Date => {
12
+ if (isISO8601Date(dateString)) {
13
+ return dateString as ISO8601Date
14
+ }
15
+ return new Date(dateString).toISOString() as ISO8601Date
16
+ }
17
+
18
+ export {
19
+ sanitizeISO8601Date,
20
+ isISO8601Date,
21
+ }
@@ -13,22 +13,28 @@ export class Locale {
13
13
  config: LocaleConfig
14
14
  closestElement:HTMLElement
15
15
 
16
- constructor (configData: LocaleConfig) {
16
+ constructor (configData?: LocaleConfig) {
17
+ if (configData) {
18
+ this.set(configData)
19
+ }
20
+ }
21
+
22
+ set = (configData: LocaleConfig): void => {
17
23
  this.config = configData
18
24
  }
19
25
 
20
- lang = (element: HTMLElement): void => {
26
+ lang = (element: HTMLElement): string => {
21
27
  this.closestElement = element.closest('[lang]') as HTMLElement
22
28
 
23
-
24
29
  if (this.closestElement) {
25
30
  if (this.closestElement.lang) {
26
31
  this.language = this.closestElement.lang
27
- return
32
+ return this.language
28
33
  }
29
34
  }
30
35
 
31
36
  this.language = this.rollbackLanguage
37
+ return this.language
32
38
  }
33
39
 
34
40
  private pluralize = (tag: string | string[], context: Record<string, string | number>): string => {
@@ -15,10 +15,31 @@
15
15
 
16
16
  }
17
17
 
18
- :host( [interactive]:hover ) {
18
+ :host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {
19
19
 
20
- --mds-table-cell-background: var(--mds-table-cell-background-hover, theme('colors.tone-neutral'));
20
+ --mds-table-cell-background: var(--mds-table-cell-background-hover);
21
+ }
22
+
23
+ :host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {
24
+
25
+ --mds-table-cell-background: var(--mds-table-body-background-hover);
26
+ }
27
+
28
+ :host([interactive]:not([interactive="false"]):hover) {
29
+
30
+ --mds-table-cell-background: var(--mds-table-cell-background-hover);
21
31
  --mds-table-row-color: var(--mds-table-row-color-hover);
22
32
  }
23
33
 
34
+
35
+ :host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {
36
+
37
+ --mds-table-cell-background: var(--mds-table-cell-background-hover);
38
+ }
39
+
40
+ :host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {
41
+
42
+ --mds-table-cell-background: var(--mds-table-body-background-hover);
43
+ }
44
+
24
45
  @import './css/mds-table-row-pref-animation.css';
@@ -32,10 +32,17 @@ const buttonIconPositionDictionary = [
32
32
  'right',
33
33
  ]
34
34
 
35
+ const buttonTypeDictionary = [
36
+ 'button',
37
+ 'submit',
38
+ 'reset',
39
+ ]
40
+
35
41
  export {
36
42
  buttonIconPositionDictionary,
37
43
  buttonSizeDictionary,
38
44
  buttonTargetDictionary,
39
45
  buttonToneVariantDictionary,
46
+ buttonTypeDictionary,
40
47
  buttonVariantDictionary,
41
48
  }
@@ -92,6 +92,12 @@ const toneSimpleVariantDictionary = [
92
92
  'quiet',
93
93
  ]
94
94
 
95
+ const toneSmartVariantDictionary = [
96
+ 'strong',
97
+ 'weak',
98
+ 'ghost',
99
+ ]
100
+
95
101
  const toneMinimalVariantDictionary = [
96
102
  'strong',
97
103
  'weak',
@@ -107,5 +113,6 @@ export {
107
113
  toneActionVariantDictionary,
108
114
  toneMinimalVariantDictionary,
109
115
  toneSimpleVariantDictionary,
116
+ toneSmartVariantDictionary,
110
117
  toneVariantDictionary,
111
118
  }
@@ -33,6 +33,14 @@
33
33
  "mgg/address-book-off",
34
34
  "mgg/address-book-on",
35
35
  "mgg/adv-denied",
36
+ "mgg/ai-brain",
37
+ "mgg/ai-brain-outline",
38
+ "mgg/ai-message",
39
+ "mgg/ai-outline",
40
+ "mgg/ai-status-completed",
41
+ "mgg/ai-status-error",
42
+ "mgg/ai-status-processing",
43
+ "mgg/ai-status-suspended",
36
44
  "mgg/alerts-pagopa",
37
45
  "mgg/ansc",
38
46
  "mgg/area-edificabile",
@@ -45,6 +53,7 @@
45
53
  "mgg/assignments-rejected",
46
54
  "mgg/assignments-sorted",
47
55
  "mgg/auto-awesome-motion",
56
+ "mgg/back-to-document",
48
57
  "mgg/balance",
49
58
  "mgg/bill",
50
59
  "mgg/box-multiple",
@@ -85,9 +94,18 @@
85
94
  "mgg/document-rename",
86
95
  "mgg/download-csv",
87
96
  "mgg/download-json",
97
+ "mgg/edit-article",
88
98
  "mgg/electronic-document",
99
+ "mgg/email-assigned",
100
+ "mgg/email-open-blocked",
89
101
  "mgg/email-open-check",
102
+ "mgg/email-open-lock",
90
103
  "mgg/email-open-off",
104
+ "mgg/email-open-play",
105
+ "mgg/email-open-stop",
106
+ "mgg/email-open-user",
107
+ "mgg/email-open-view",
108
+ "mgg/email-to-assign",
91
109
  "mgg/face-to-face-meeting",
92
110
  "mgg/factory",
93
111
  "mgg/farmer",
@@ -115,12 +133,19 @@
115
133
  "mgg/fit-vertical",
116
134
  "mgg/forwarded-with-a-single-sending",
117
135
  "mgg/fullscreen-on-alt",
136
+ "mgg/google-book-closed",
137
+ "mgg/google-book-closed-outline",
138
+ "mgg/google-book-large",
139
+ "mgg/google-book-large-outline",
140
+ "mgg/google-book-opening",
141
+ "mgg/google-book-opening-outline",
118
142
  "mgg/google-check-small",
119
143
  "mgg/google-experiment",
120
144
  "mgg/google-face-retouching-off",
121
145
  "mgg/google-hub",
122
146
  "mgg/google-keyboard-double-arrow-down",
123
147
  "mgg/google-keyboard-double-arrow-up",
148
+ "mgg/google-newsstand",
124
149
  "mgg/google-place-item",
125
150
  "mgg/group-assigned-automatically-system",
126
151
  "mgg/group-ceased",
@@ -130,6 +155,7 @@
130
155
  "mgg/historic-building",
131
156
  "mgg/historic-building-unusable",
132
157
  "mgg/home-hammer",
158
+ "mgg/home-link",
133
159
  "mgg/home-number",
134
160
  "mgg/inagibile",
135
161
  "mgg/input-calendar-costs",
@@ -215,6 +241,7 @@
215
241
  "mgg/settings-attachment",
216
242
  "mgg/sign-shop",
217
243
  "mgg/square-viewfinder",
244
+ "mgg/stacked-documents",
218
245
  "mgg/stamp",
219
246
  "mgg/status-progress-a-quarter",
220
247
  "mgg/status-progress-complete",
@@ -224,6 +251,8 @@
224
251
  "mgg/subtractive-permission",
225
252
  "mgg/tea-light",
226
253
  "mgg/terminal",
254
+ "mgg/to-single-document",
255
+ "mgg/to-stacked-documents",
227
256
  "mgg/todo",
228
257
  "mgg/todo-action-businessman-view",
229
258
  "mgg/todo-action-certificate",
@@ -261,6 +290,7 @@
261
290
  "mgg/user-location",
262
291
  "mgg/user-location-off",
263
292
  "mgg/user-signed-out",
293
+ "mgg/user-substitution",
264
294
  "mgg/view-chart-gantt",
265
295
  "mgg/view-side-by-side",
266
296
  "mgg/warning-superscript",
@@ -326,7 +356,10 @@
326
356
  "mi/baseline/terminal",
327
357
  "mi/baseline/timer",
328
358
  "mi/baseline/tv",
359
+ "mi/baseline/unfold-more",
329
360
  "mi/baseline/videocam",
361
+ "mi/baseline/visibility",
362
+ "mi/baseline/visibility-off",
330
363
  "mi/baseline/warning",
331
364
  "mi/baseline/warning-amber",
332
365
  "mi/baseline/web",
@@ -21,6 +21,14 @@
21
21
  "mgg/address-book-off",
22
22
  "mgg/address-book-on",
23
23
  "mgg/adv-denied",
24
+ "mgg/ai-brain-outline",
25
+ "mgg/ai-brain",
26
+ "mgg/ai-message",
27
+ "mgg/ai-outline",
28
+ "mgg/ai-status-completed",
29
+ "mgg/ai-status-error",
30
+ "mgg/ai-status-processing",
31
+ "mgg/ai-status-suspended",
24
32
  "mgg/alerts-pagopa",
25
33
  "mgg/ansc",
26
34
  "mgg/area-edificabile",
@@ -33,6 +41,7 @@
33
41
  "mgg/assignments-rejected",
34
42
  "mgg/assignments-sorted",
35
43
  "mgg/auto-awesome-motion",
44
+ "mgg/back-to-document",
36
45
  "mgg/balance",
37
46
  "mgg/bill",
38
47
  "mgg/box-multiple",
@@ -73,9 +82,18 @@
73
82
  "mgg/document-rename",
74
83
  "mgg/download-csv",
75
84
  "mgg/download-json",
85
+ "mgg/edit-article",
76
86
  "mgg/electronic-document",
87
+ "mgg/email-assigned",
88
+ "mgg/email-open-blocked",
77
89
  "mgg/email-open-check",
90
+ "mgg/email-open-lock",
78
91
  "mgg/email-open-off",
92
+ "mgg/email-open-play",
93
+ "mgg/email-open-stop",
94
+ "mgg/email-open-user",
95
+ "mgg/email-open-view",
96
+ "mgg/email-to-assign",
79
97
  "mgg/face-to-face-meeting",
80
98
  "mgg/factory",
81
99
  "mgg/farmer",
@@ -103,12 +121,19 @@
103
121
  "mgg/fit-vertical",
104
122
  "mgg/forwarded-with-a-single-sending",
105
123
  "mgg/fullscreen-on-alt",
124
+ "mgg/google-book-closed-outline",
125
+ "mgg/google-book-closed",
126
+ "mgg/google-book-large-outline",
127
+ "mgg/google-book-large",
128
+ "mgg/google-book-opening-outline",
129
+ "mgg/google-book-opening",
106
130
  "mgg/google-check-small",
107
131
  "mgg/google-experiment",
108
132
  "mgg/google-face-retouching-off",
109
133
  "mgg/google-hub",
110
134
  "mgg/google-keyboard-double-arrow-down",
111
135
  "mgg/google-keyboard-double-arrow-up",
136
+ "mgg/google-newsstand",
112
137
  "mgg/google-place-item",
113
138
  "mgg/group-assigned-automatically-system",
114
139
  "mgg/group-ceased",
@@ -118,6 +143,7 @@
118
143
  "mgg/historic-building-unusable",
119
144
  "mgg/historic-building",
120
145
  "mgg/home-hammer",
146
+ "mgg/home-link",
121
147
  "mgg/home-number",
122
148
  "mgg/inagibile",
123
149
  "mgg/input-calendar-costs",
@@ -203,6 +229,7 @@
203
229
  "mgg/settings-attachment",
204
230
  "mgg/sign-shop",
205
231
  "mgg/square-viewfinder",
232
+ "mgg/stacked-documents",
206
233
  "mgg/stamp",
207
234
  "mgg/status-progress-a-quarter",
208
235
  "mgg/status-progress-complete",
@@ -212,6 +239,8 @@
212
239
  "mgg/subtractive-permission",
213
240
  "mgg/tea-light",
214
241
  "mgg/terminal",
242
+ "mgg/to-single-document",
243
+ "mgg/to-stacked-documents",
215
244
  "mgg/todo-action-businessman-view",
216
245
  "mgg/todo-action-certificate",
217
246
  "mgg/todo-action-contract",
@@ -249,6 +278,7 @@
249
278
  "mgg/user-location-off",
250
279
  "mgg/user-location",
251
280
  "mgg/user-signed-out",
281
+ "mgg/user-substitution",
252
282
  "mgg/view-chart-gantt",
253
283
  "mgg/view-side-by-side",
254
284
  "mgg/warning-superscript",
@@ -0,0 +1,10 @@
1
+ type ISO8601DateFormat<K, T> = K & { __isISO8601DateFormat: T };
2
+
3
+ // Defines a branded type for the date ISO 8601 string
4
+ type ISO8601Date = ISO8601DateFormat<string, 'ISO8601Date'>
5
+
6
+ // const validDate: ISO8601Date = sanitizeISO8601Date('2024-09-24T15:30:00Z')
7
+
8
+ export {
9
+ ISO8601Date,
10
+ }
@@ -1,4 +1,8 @@
1
1
  export type LanguageType =
2
+ | `${Lowercase<string>}${Lowercase<string>}`
3
+ | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`
4
+
5
+ export type PrefLanguageType =
2
6
  | 'auto'
3
7
  | `${Lowercase<string>}${Lowercase<string>}`
4
8
  | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`
@@ -90,9 +90,9 @@ export type ToneVariantType =
90
90
  | 'quiet' // no background, no border
91
91
 
92
92
  export type ToneSimpleVariantType =
93
+ | 'quiet'
93
94
  | 'strong'
94
95
  | 'weak'
95
- | 'quiet'
96
96
 
97
97
  export type ToneMinimalVariantType =
98
98
  | 'strong'
@@ -1 +1 @@
1
- import{p as a,b as e}from"./p-0a6d4960.js";export{s as setNonce}from"./p-0a6d4960.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),a(t)})().then((async a=>(await t(),e([["p-24249845",[[1,"mds-table-row",{interactive:[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],a))));
1
+ import{p as a,b as e}from"./p-0a6d4960.js";export{s as setNonce}from"./p-0a6d4960.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),a(t)})().then((async a=>(await t(),e([["p-cb00bcd8",[[1,"mds-table-row",{interactive:[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],a))));
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{o(r.next(t))}catch(t){c(t)}}function a(t){try{o(r["throw"](t))}catch(t){c(t)}}function o(t){t.done?e(t.value):i(t.value).then(u,a)}o((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(n){return o([t,n])}}function o(a){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(e=0)),e)try{if(r=1,i&&(c=a[0]&2?i["return"]:a[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,a[1])).done)return c;if(i=0,c)a=[a[0]&2,c.value];switch(a[0]){case 0:case 1:c=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;i=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!c||a[1]>c[0]&&a[1]<c[3])){e.label=a[1];break}if(a[0]===6&&e.label<c[1]){e.label=c[1];c=a;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(a);break}if(c[2])e.ops.pop();e.trys.pop();continue}a=n.call(t,e)}catch(t){a=[6,t];i=0}finally{r=c=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-bc92b059.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-778c4fcb.system",[[1,"mds-table-row",{interactive:[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],n)]}}))}))}))}}}));
1
+ var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{o(r.next(t))}catch(t){c(t)}}function a(t){try{o(r["throw"](t))}catch(t){c(t)}}function o(t){t.done?e(t.value):i(t.value).then(u,a)}o((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(n){return o([t,n])}}function o(a){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(e=0)),e)try{if(r=1,i&&(c=a[0]&2?i["return"]:a[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,a[1])).done)return c;if(i=0,c)a=[a[0]&2,c.value];switch(a[0]){case 0:case 1:c=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;i=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!c||a[1]>c[0]&&a[1]<c[3])){e.label=a[1];break}if(a[0]===6&&e.label<c[1]){e.label=c[1];c=a;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(a);break}if(c[2])e.ops.pop();e.trys.pop();continue}a=n.call(t,e)}catch(t){a=[6,t];i=0}finally{r=c=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-bc92b059.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-e2d6387e.system",[[1,"mds-table-row",{interactive:[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],n)]}}))}))}))}}}));
@@ -0,0 +1 @@
1
+ import{r as n,h as t,H as a}from"./p-0a6d4960.js";const l=class{constructor(t){n(this,t),this.interactive=void 0}tableInteractiveHandler(n){this.interactive=n.detail}render(){return t(a,{key:"f787fed43a18242c2d9ddfa0fbd383e88b436dc5",role:"row"},t("slot",{key:"b78bf7f2a6b59a044c041a441ce8b7709b09cd39"}))}};l.style='@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive="false"]):hover) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n';export{l as mds_table_row}
@@ -0,0 +1 @@
1
+ System.register(["./p-bc92b059.system.js"],(function(n){"use strict";var t,a,l;return{setters:[function(n){t=n.r;a=n.h;l=n.H}],execute:function(){var e='@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive="false"]):hover) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n';var r=e;var o=n("mds_table_row",function(){function n(n){t(this,n);this.interactive=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.render=function(){return a(l,{key:"f787fed43a18242c2d9ddfa0fbd383e88b436dc5",role:"row"},a("slot",{key:"b78bf7f2a6b59a044c041a441ce8b7709b09cd39"}))};return n}());o.style=r}}}));
@@ -1 +0,0 @@
1
- import{r as n,h as a,H as t}from"./p-0a6d4960.js";const l=class{constructor(a){n(this,a),this.interactive=void 0}tableInteractiveHandler(n){this.interactive=n.detail}render(){return a(t,{key:"f787fed43a18242c2d9ddfa0fbd383e88b436dc5",role:"row"},a("slot",{key:"b78bf7f2a6b59a044c041a441ce8b7709b09cd39"}))}};l.style="@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host( [interactive]:hover ) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";export{l as mds_table_row}
@@ -1 +0,0 @@
1
- System.register(["./p-bc92b059.system.js"],(function(n){"use strict";var a,t,l;return{setters:[function(n){a=n.r;t=n.h;l=n.H}],execute:function(){var r="@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host( [interactive]:hover ) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";var o=r;var e=n("mds_table_row",function(){function n(n){a(this,n);this.interactive=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.render=function(){return t(l,{key:"f787fed43a18242c2d9ddfa0fbd383e88b436dc5",role:"row"},t("slot",{key:"b78bf7f2a6b59a044c041a441ce8b7709b09cd39"}))};return n}());e.style=o}}}));
@@ -1 +0,0 @@
1
- import{r as n,h as a,H as t}from"./p-0a6d4960.js";const l=class{constructor(a){n(this,a),this.interactive=void 0}tableInteractiveHandler(n){this.interactive=n.detail}render(){return a(t,{key:"f787fed43a18242c2d9ddfa0fbd383e88b436dc5",role:"row"},a("slot",{key:"b78bf7f2a6b59a044c041a441ce8b7709b09cd39"}))}};l.style="@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host( [interactive]:hover ) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";export{l as mds_table_row}
@@ -1 +0,0 @@
1
- System.register(["./p-bc92b059.system.js"],(function(n){"use strict";var a,t,l;return{setters:[function(n){a=n.r;t=n.h;l=n.H}],execute:function(){var r="@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n:host( [interactive]:hover ) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.static{\n\n position: static;\n\n}\n\n.fixed{\n\n position: fixed;\n\n}\n\n.absolute{\n\n position: absolute;\n\n}\n\n.border{\n\n border-width: 1px;\n\n}\n\n.bg-label-amaranth-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-amaranth-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-aqua-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-aqua-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-blue-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-blue-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-green-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-green-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-lime-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-lime-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orange-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orange-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-orchid-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-orchid-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-violet-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-violet-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-label-yellow-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--label-yellow-10) / var(--tw-bg-opacity));\n\n}\n\n.bg-tone-neutral-10{\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(var(--tone-neutral-10) / var(--tw-bg-opacity));\n\n}\n\n.fill-label-amaranth-04{\n\n fill: rgb(var(--label-amaranth-04));\n\n}\n\n.fill-label-aqua-04{\n\n fill: rgb(var(--label-aqua-04));\n\n}\n\n.fill-label-blue-04{\n\n fill: rgb(var(--label-blue-04));\n\n}\n\n.fill-label-green-04{\n\n fill: rgb(var(--label-green-04));\n\n}\n\n.fill-label-lime-04{\n\n fill: rgb(var(--label-lime-04));\n\n}\n\n.fill-label-orange-04{\n\n fill: rgb(var(--label-orange-04));\n\n}\n\n.fill-label-orchid-04{\n\n fill: rgb(var(--label-orchid-04));\n\n}\n\n.fill-label-violet-04{\n\n fill: rgb(var(--label-violet-04));\n\n}\n\n.fill-label-yellow-04{\n\n fill: rgb(var(--label-yellow-04));\n\n}\n\n.fill-tone-neutral-04{\n\n fill: rgb(var(--tone-neutral-04));\n\n}\n\n.text-label-amaranth-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-amaranth-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-aqua-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-aqua-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-blue-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-blue-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-green-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-green-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-lime-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-lime-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orange-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orange-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-orchid-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-orchid-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-violet-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-violet-04) / var(--tw-text-opacity));\n\n}\n\n.text-label-yellow-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--label-yellow-04) / var(--tw-text-opacity));\n\n}\n\n.text-tone-neutral-04{\n\n --tw-text-opacity: 1;\n\n color: rgb(var(--tone-neutral-04) / var(--tw-text-opacity));\n\n}\n\n.shadow{\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";var o=r;var e=n("mds_table_row",function(){function n(n){a(this,n);this.interactive=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.render=function(){return t(l,{key:"f787fed43a18242c2d9ddfa0fbd383e88b436dc5",role:"row"},t("slot",{key:"b78bf7f2a6b59a044c041a441ce8b7709b09cd39"}))};return n}());e.style=o}}}));