@maggioli-design-system/mds-table-row 3.1.0 → 4.1.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 (83) hide show
  1. package/dist/cjs/{index-f0f000bc.js → index-1066e7b9.js} +58 -3
  2. package/dist/cjs/loader.cjs.js +3 -3
  3. package/dist/cjs/mds-table-row.cjs.entry.js +1 -1
  4. package/dist/cjs/mds-table-row.cjs.js +3 -3
  5. package/dist/collection/collection-manifest.json +1 -1
  6. package/dist/collection/common/aria.js +4 -2
  7. package/dist/collection/common/keyboard-manager.js +40 -0
  8. package/dist/collection/components/mds-table-row/mds-table-row.css +1 -1
  9. package/dist/collection/components/mds-table-row/mds-table-row.js +2 -2
  10. package/dist/collection/dictionary/icon.js +3 -1
  11. package/dist/collection/dictionary/typography.js +5 -1
  12. package/dist/components/mds-table-row.js +1 -1
  13. package/dist/documentation.d.ts +148 -0
  14. package/dist/documentation.json +52 -0
  15. package/dist/esm/{index-fa7f6909.js → index-be386e76.js} +58 -3
  16. package/dist/esm/loader.js +4 -4
  17. package/dist/esm/mds-table-row.entry.js +1 -1
  18. package/dist/esm/mds-table-row.js +4 -4
  19. package/dist/esm-es5/{index-fa7f6909.js → index-be386e76.js} +1 -1
  20. package/dist/esm-es5/loader.js +1 -1
  21. package/dist/esm-es5/mds-table-row.entry.js +1 -1
  22. package/dist/esm-es5/mds-table-row.js +1 -1
  23. package/dist/mds-table-row/mds-table-row.esm.js +1 -1
  24. package/dist/mds-table-row/mds-table-row.js +1 -1
  25. package/dist/mds-table-row/{p-b0f4e920.system.js → p-2647d8bd.system.js} +1 -1
  26. package/dist/mds-table-row/p-29cf76f2.system.js +1 -0
  27. package/dist/mds-table-row/{p-4c63953c.entry.js → p-30a6116a.entry.js} +1 -1
  28. package/dist/mds-table-row/{p-f26de3ab.js → p-426bd1f3.js} +1 -1
  29. package/dist/mds-table-row/{p-e2b31e90.system.entry.js → p-7d3f05d4.system.entry.js} +1 -1
  30. package/dist/stats.json +54 -51
  31. package/dist/types/common/keyboard-manager.d.ts +11 -0
  32. package/dist/types/dictionary/icon.d.ts +2 -1
  33. package/dist/types/dictionary/typography.d.ts +2 -1
  34. package/dist/types/interface/input-value.d.ts +1 -1
  35. package/dist/types/stencil-public-runtime.d.ts +11 -0
  36. package/dist/types/{types → type}/typography.d.ts +1 -0
  37. package/documentation.json +53 -0
  38. package/package.json +11 -5
  39. package/src/common/aria.ts +2 -2
  40. package/src/common/keyboard-manager.ts +46 -0
  41. package/src/components/mds-table-row/mds-table-row.css +1 -1
  42. package/src/components/mds-table-row/mds-table-row.tsx +1 -1
  43. package/src/dictionary/icon.ts +4 -0
  44. package/src/dictionary/typography.ts +9 -3
  45. package/src/fixtures/icons.json +175 -0
  46. package/src/fixtures/iconsauce.json +175 -0
  47. package/src/interface/input-value.ts +1 -1
  48. package/src/tailwind/components.css +1 -0
  49. package/src/{types → type}/typography.ts +4 -0
  50. package/www/build/mds-table-row.esm.js +1 -1
  51. package/www/build/mds-table-row.js +1 -1
  52. package/www/build/{p-b0f4e920.system.js → p-2647d8bd.system.js} +1 -1
  53. package/www/build/p-29cf76f2.system.js +1 -0
  54. package/www/build/{p-4c63953c.entry.js → p-30a6116a.entry.js} +1 -1
  55. package/www/build/{p-f26de3ab.js → p-426bd1f3.js} +1 -1
  56. package/www/build/{p-e2b31e90.system.entry.js → p-7d3f05d4.system.entry.js} +1 -1
  57. package/dist/mds-table-row/p-e6313d30.system.js +0 -1
  58. package/www/build/p-e6313d30.system.js +0 -1
  59. /package/dist/collection/{types → type}/autocomplete.js +0 -0
  60. /package/dist/collection/{types → type}/button.js +0 -0
  61. /package/dist/collection/{types → type}/floating-ui.js +0 -0
  62. /package/dist/collection/{types → type}/form-rel.js +0 -0
  63. /package/dist/collection/{types → type}/input-text-type.js +0 -0
  64. /package/dist/collection/{types → type}/input-value-type.js +0 -0
  65. /package/dist/collection/{types → type}/loading.js +0 -0
  66. /package/dist/collection/{types → type}/typography.js +0 -0
  67. /package/dist/collection/{types → type}/variant.js +0 -0
  68. /package/dist/types/{types → type}/autocomplete.d.ts +0 -0
  69. /package/dist/types/{types → type}/button.d.ts +0 -0
  70. /package/dist/types/{types → type}/floating-ui.d.ts +0 -0
  71. /package/dist/types/{types → type}/form-rel.d.ts +0 -0
  72. /package/dist/types/{types → type}/input-text-type.d.ts +0 -0
  73. /package/dist/types/{types → type}/input-value-type.d.ts +0 -0
  74. /package/dist/types/{types → type}/loading.d.ts +0 -0
  75. /package/dist/types/{types → type}/variant.d.ts +0 -0
  76. /package/src/{types → type}/autocomplete.ts +0 -0
  77. /package/src/{types → type}/button.ts +0 -0
  78. /package/src/{types → type}/floating-ui.ts +0 -0
  79. /package/src/{types → type}/form-rel.ts +0 -0
  80. /package/src/{types → type}/input-text-type.ts +0 -0
  81. /package/src/{types → type}/input-value-type.ts +0 -0
  82. /package/src/{types → type}/loading.ts +0 -0
  83. /package/src/{types → type}/variant.ts +0 -0
@@ -120,6 +120,14 @@ const h = (nodeName, vnodeData, ...children) => {
120
120
  }
121
121
  return vnode;
122
122
  };
123
+ /**
124
+ * A utility function for creating a virtual DOM node from a tag and some
125
+ * possible text content.
126
+ *
127
+ * @param tag the tag for this element
128
+ * @param text possible text content for the node
129
+ * @returns a newly-minted virtual DOM node
130
+ */
123
131
  const newVNode = (tag, text) => {
124
132
  const vnode = {
125
133
  $flags$: 0,
@@ -134,6 +142,12 @@ const newVNode = (tag, text) => {
134
142
  return vnode;
135
143
  };
136
144
  const Host = {};
145
+ /**
146
+ * Check whether a given node is a Host node or not
147
+ *
148
+ * @param node the virtual DOM node to check
149
+ * @returns whether it's a Host node or not
150
+ */
137
151
  const isHost = (node) => node && node.$tag$ === Host;
138
152
  /**
139
153
  * Parse a new property value for a given property type.
@@ -374,6 +388,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
374
388
  }
375
389
  return elm;
376
390
  };
391
+ /**
392
+ * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
393
+ * add them to the DOM in the appropriate place.
394
+ *
395
+ * @param parentElm the DOM node which should be used as a parent for the new
396
+ * DOM nodes
397
+ * @param before a child of the `parentElm` which the new children should be
398
+ * inserted before (optional)
399
+ * @param parentVNode the parent virtual DOM node
400
+ * @param vnodes the new child virtual DOM nodes to produce DOM nodes for
401
+ * @param startIdx the index in the child virtual DOM nodes at which to start
402
+ * creating DOM nodes (inclusive)
403
+ * @param endIdx the index in the child virtual DOM nodes at which to stop
404
+ * creating DOM nodes (inclusive)
405
+ */
377
406
  const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
378
407
  let containerElm = (parentElm);
379
408
  let childNode;
@@ -390,6 +419,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
390
419
  }
391
420
  }
392
421
  };
422
+ /**
423
+ * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
424
+ * This can be used to, for instance, clean up after a list of children which
425
+ * should no longer be shown.
426
+ *
427
+ * This function also handles some of Stencil's slot relocation logic.
428
+ *
429
+ * @param vnodes a list of virtual DOM nodes to remove
430
+ * @param startIdx the index at which to start removing nodes (inclusive)
431
+ * @param endIdx the index at which to stop removing nodes (inclusive)
432
+ * @param vnode a VNode
433
+ * @param elm an element
434
+ */
393
435
  const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
394
436
  for (; startIdx <= endIdx; ++startIdx) {
395
437
  if ((vnode = vnodes[startIdx])) {
@@ -581,7 +623,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
581
623
  *
582
624
  * So, in other words, if `key` attrs are not set on VNodes which may be
583
625
  * changing order within a `children` array or something along those lines then
584
- * we could obtain a false positive and then have to do needless re-rendering.
626
+ * we could obtain a false negative and then have to do needless re-rendering
627
+ * (i.e. we'd say two VNodes aren't equal when in fact they should be).
585
628
  *
586
629
  * @param leftVNode the first VNode to check
587
630
  * @param rightVNode the second VNode to check
@@ -634,6 +677,18 @@ const patch = (oldVNode, newVNode) => {
634
677
  }
635
678
  }
636
679
  };
680
+ /**
681
+ * The main entry point for Stencil's virtual DOM-based rendering engine
682
+ *
683
+ * Given a {@link d.HostRef} container and some virtual DOM nodes, this
684
+ * function will handle creating a virtual DOM tree with a single root, patching
685
+ * the current virtual DOM tree onto an old one (if any), dealing with slot
686
+ * relocation, and reflecting attributes.
687
+ *
688
+ * @param hostRef data needed to root and render the virtual DOM tree, such as
689
+ * the DOM node into which it should be rendered.
690
+ * @param renderFnResults the virtual DOM nodes to be rendered
691
+ */
637
692
  const renderVdom = (hostRef, renderFnResults) => {
638
693
  const hostElm = hostRef.$hostElement$;
639
694
  const cmpMeta = hostRef.$cmpMeta$;
@@ -1196,8 +1251,8 @@ const hostListenerProxy = (hostRef, methodName) => (ev) => {
1196
1251
  }
1197
1252
  };
1198
1253
  const getHostListenerTarget = (elm, flags) => {
1199
- if (flags & 16 /* LISTENER_FLAGS.TargetBody */)
1200
- return doc.body;
1254
+ if (flags & 4 /* LISTENER_FLAGS.TargetDocument */)
1255
+ return doc;
1201
1256
  return elm;
1202
1257
  };
1203
1258
  // prettier-ignore
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-f0f000bc.js');
5
+ const index = require('./index-1066e7b9.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchEsm = () => {
11
11
  return index.promiseResolve();
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[1540]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]], options);
17
+ return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]], options);
18
18
  });
19
19
  };
20
20
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-f0f000bc.js');
5
+ const index = require('./index-1066e7b9.js');
6
6
 
7
7
  const mdsTableRowCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";
8
8
 
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-f0f000bc.js');
5
+ const index = require('./index-1066e7b9.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchBrowser = () => {
11
11
  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-table-row.cjs.js', document.baseURI).href));
@@ -17,7 +17,7 @@ const patchBrowser = () => {
17
17
  };
18
18
 
19
19
  patchBrowser().then(options => {
20
- return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[1540]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]], options);
20
+ return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]], options);
21
21
  });
22
22
 
23
23
  exports.setNonce = index.setNonce;
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "2.22.1",
7
+ "version": "2.22.3",
8
8
  "typescriptVersion": "4.9.4"
9
9
  },
10
10
  "collections": [],
@@ -6,11 +6,13 @@ const hash = (s) => {
6
6
  return h.toString();
7
7
  };
8
8
  const unslugName = (name) => {
9
- return name.split('/').slice(-1).pop().replace(/-/g, ' ');
9
+ var _a, _b, _c;
10
+ return (_c = (_b = (_a = name.split('/')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()) === null || _b === void 0 ? void 0 : _b.replace(/-/g, ' ')) !== null && _c !== void 0 ? _c : name;
10
11
  };
11
12
  const setAttributeIfEmpty = (element, attribute, value) => {
13
+ var _a;
12
14
  if (element.hasAttribute(attribute)) {
13
- return element.getAttribute(attribute);
15
+ return (_a = element.getAttribute(attribute)) !== null && _a !== void 0 ? _a : '';
14
16
  }
15
17
  element.setAttribute(attribute, value);
16
18
  return value;
@@ -0,0 +1,40 @@
1
+ export class KeyboardManager {
2
+ constructor() {
3
+ this.elements = [];
4
+ this.handleClickBehaviorDispatchEvent = (event) => {
5
+ if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
6
+ event.target.click();
7
+ }
8
+ };
9
+ this.handleEscapeBehaviorDispatchEvent = (event) => {
10
+ if (event.code === 'Escape' && this.escapeCallback) {
11
+ this.escapeCallback();
12
+ }
13
+ };
14
+ this.addElement = (el, name = 'element') => {
15
+ this.elements[name] = el;
16
+ };
17
+ this.attachClickBehavior = (name = 'element') => {
18
+ if (this.elements[name]) {
19
+ this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
20
+ }
21
+ };
22
+ this.detachClickBehavior = (name = 'element') => {
23
+ if (this.elements[name]) {
24
+ this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
25
+ }
26
+ };
27
+ this.attachEscapeBehavior = (callBack) => {
28
+ this.escapeCallback = callBack;
29
+ if (typeof window !== undefined) {
30
+ window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
31
+ }
32
+ };
33
+ this.detachEscapeBehavior = () => {
34
+ this.escapeCallback = () => { return; };
35
+ if (typeof window !== undefined) {
36
+ window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
37
+ }
38
+ };
39
+ }
40
+ }
@@ -27,7 +27,7 @@
27
27
  display: table-row;
28
28
  }
29
29
 
30
- :host ( [interactive]:hover ) {
30
+ :host( [interactive]:hover ) {
31
31
 
32
32
  --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));
33
33
  }
@@ -44,9 +44,9 @@ export class MdsTableRow {
44
44
  }
45
45
  static get listeners() {
46
46
  return [{
47
- "name": "tableInteractive",
47
+ "name": "mdsTableInteractiveChange",
48
48
  "method": "tableInteractiveHandler",
49
- "target": "body",
49
+ "target": "document",
50
50
  "capture": false,
51
51
  "passive": false
52
52
  }];
@@ -1,3 +1,5 @@
1
1
  import jsonIconsDictionary from '../fixtures/icons.json';
2
+ import jsonMggIconsDictionary from '../fixtures/iconsauce.json';
2
3
  const iconsDictionary = jsonIconsDictionary;
3
- export { iconsDictionary, };
4
+ const mggIconsDictionary = jsonMggIconsDictionary;
5
+ export { iconsDictionary, mggIconsDictionary, };
@@ -21,6 +21,10 @@ const typographyVariationsDictionary = [
21
21
  'read',
22
22
  'code',
23
23
  ];
24
+ const typographyReadingVariationsDictionary = [
25
+ 'info',
26
+ 'read',
27
+ ];
24
28
  const typographyMonoDictionary = [
25
29
  'snippet',
26
30
  'hack',
@@ -56,4 +60,4 @@ const typographyTooltipDictionary = [
56
60
  'detail',
57
61
  'tip',
58
62
  ];
59
- export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, };
63
+ export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };
@@ -18,7 +18,7 @@ const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
18
18
  static get style() { return mdsTableRowCss; }
19
19
  }, [1, "mds-table-row", {
20
20
  "interactive": [1540]
21
- }, [[16, "tableInteractive", "tableInteractiveHandler"]]]);
21
+ }, [[4, "mdsTableInteractiveChange", "tableInteractiveHandler"]]]);
22
22
  function defineCustomElement$1() {
23
23
  if (typeof customElements === "undefined") {
24
24
  return;
@@ -0,0 +1,148 @@
1
+
2
+ /**
3
+ * This is an autogenerated file created by the Stencil compiler.
4
+ * DO NOT MODIFY IT MANUALLY
5
+ */
6
+ export interface JsonDocs {
7
+ components: JsonDocsComponent[];
8
+ timestamp: string;
9
+ compiler: {
10
+ name: string;
11
+ version: string;
12
+ typescriptVersion: string;
13
+ };
14
+ }
15
+ export interface JsonDocsComponent {
16
+ dirPath?: string;
17
+ fileName?: string;
18
+ filePath?: string;
19
+ readmePath?: string;
20
+ usagesDir?: string;
21
+ encapsulation: 'shadow' | 'scoped' | 'none';
22
+ tag: string;
23
+ readme: string;
24
+ docs: string;
25
+ docsTags: JsonDocsTag[];
26
+ /**
27
+ * The text from the class-level JSDoc for a Stencil component, if present.
28
+ */
29
+ overview?: string;
30
+ usage: JsonDocsUsage;
31
+ props: JsonDocsProp[];
32
+ methods: JsonDocsMethod[];
33
+ events: JsonDocsEvent[];
34
+ listeners: JsonDocsListener[];
35
+ styles: JsonDocsStyle[];
36
+ slots: JsonDocsSlot[];
37
+ parts: JsonDocsPart[];
38
+ dependents: string[];
39
+ dependencies: string[];
40
+ dependencyGraph: JsonDocsDependencyGraph;
41
+ deprecation?: string;
42
+ }
43
+ export interface JsonDocsDependencyGraph {
44
+ [tagName: string]: string[];
45
+ }
46
+ export interface JsonDocsTag {
47
+ name: string;
48
+ text?: string;
49
+ }
50
+ export interface JsonDocsValue {
51
+ value?: string;
52
+ type: string;
53
+ }
54
+ /**
55
+ * A mapping of file names to their contents.
56
+ *
57
+ * This type is meant to be used when reading one or more usage markdown files associated with a component. For the
58
+ * given directory structure:
59
+ * ```
60
+ * src/components/my-component
61
+ * ├── my-component.tsx
62
+ * └── usage
63
+ * ├── bar.md
64
+ * └── foo.md
65
+ * ```
66
+ * an instance of this type would include the name of the markdown file, mapped to its contents:
67
+ * ```ts
68
+ * {
69
+ * 'bar': STRING_CONTENTS_OF_BAR.MD
70
+ * 'foo': STRING_CONTENTS_OF_FOO.MD
71
+ * }
72
+ * ```
73
+ */
74
+ export interface JsonDocsUsage {
75
+ [key: string]: string;
76
+ }
77
+ export interface JsonDocsProp {
78
+ name: string;
79
+ type: string;
80
+ mutable: boolean;
81
+ /**
82
+ * The name of the attribute that is exposed to configure a compiled web component
83
+ */
84
+ attr?: string;
85
+ reflectToAttr: boolean;
86
+ docs: string;
87
+ docsTags: JsonDocsTag[];
88
+ default: string;
89
+ deprecation?: string;
90
+ values: JsonDocsValue[];
91
+ optional: boolean;
92
+ required: boolean;
93
+ }
94
+ export interface JsonDocsMethod {
95
+ name: string;
96
+ docs: string;
97
+ docsTags: JsonDocsTag[];
98
+ deprecation?: string;
99
+ signature: string;
100
+ returns: JsonDocsMethodReturn;
101
+ parameters: JsonDocMethodParameter[];
102
+ }
103
+ export interface JsonDocsMethodReturn {
104
+ type: string;
105
+ docs: string;
106
+ }
107
+ export interface JsonDocMethodParameter {
108
+ name: string;
109
+ type: string;
110
+ docs: string;
111
+ }
112
+ export interface JsonDocsEvent {
113
+ event: string;
114
+ bubbles: boolean;
115
+ cancelable: boolean;
116
+ composed: boolean;
117
+ docs: string;
118
+ docsTags: JsonDocsTag[];
119
+ deprecation?: string;
120
+ detail: string;
121
+ }
122
+ export interface JsonDocsStyle {
123
+ name: string;
124
+ docs: string;
125
+ annotation: string;
126
+ }
127
+ export interface JsonDocsListener {
128
+ event: string;
129
+ target?: string;
130
+ capture: boolean;
131
+ passive: boolean;
132
+ }
133
+ export interface JsonDocsSlot {
134
+ name: string;
135
+ docs: string;
136
+ }
137
+ export interface JsonDocsPart {
138
+ name: string;
139
+ docs: string;
140
+ }
141
+ export interface StyleDoc {
142
+ name: string;
143
+ docs: string;
144
+ annotation: 'prop';
145
+ }
146
+
147
+ declare const _default: JsonDocs;
148
+ export default _default;
@@ -0,0 +1,52 @@
1
+ {
2
+ "timestamp": "2023-04-14T10:21:39",
3
+ "compiler": {
4
+ "name": "@stencil/core",
5
+ "version": "2.22.3",
6
+ "typescriptVersion": "4.9.4"
7
+ },
8
+ "components": [
9
+ {
10
+ "filePath": "./src/components/mds-table-row/mds-table-row.tsx",
11
+ "encapsulation": "shadow",
12
+ "tag": "mds-table-row",
13
+ "docs": "",
14
+ "docsTags": [],
15
+ "usage": {},
16
+ "props": [
17
+ {
18
+ "name": "interactive",
19
+ "type": "boolean",
20
+ "mutable": true,
21
+ "attr": "interactive",
22
+ "reflectToAttr": true,
23
+ "docs": "",
24
+ "docsTags": [],
25
+ "values": [
26
+ {
27
+ "type": "boolean"
28
+ }
29
+ ],
30
+ "optional": false,
31
+ "required": false
32
+ }
33
+ ],
34
+ "methods": [],
35
+ "events": [],
36
+ "listeners": [
37
+ {
38
+ "event": "mdsTableInteractiveChange",
39
+ "target": "document",
40
+ "capture": false,
41
+ "passive": false
42
+ }
43
+ ],
44
+ "styles": [],
45
+ "slots": [],
46
+ "parts": [],
47
+ "dependents": [],
48
+ "dependencies": [],
49
+ "dependencyGraph": {}
50
+ }
51
+ ]
52
+ }
@@ -98,6 +98,14 @@ const h = (nodeName, vnodeData, ...children) => {
98
98
  }
99
99
  return vnode;
100
100
  };
101
+ /**
102
+ * A utility function for creating a virtual DOM node from a tag and some
103
+ * possible text content.
104
+ *
105
+ * @param tag the tag for this element
106
+ * @param text possible text content for the node
107
+ * @returns a newly-minted virtual DOM node
108
+ */
101
109
  const newVNode = (tag, text) => {
102
110
  const vnode = {
103
111
  $flags$: 0,
@@ -112,6 +120,12 @@ const newVNode = (tag, text) => {
112
120
  return vnode;
113
121
  };
114
122
  const Host = {};
123
+ /**
124
+ * Check whether a given node is a Host node or not
125
+ *
126
+ * @param node the virtual DOM node to check
127
+ * @returns whether it's a Host node or not
128
+ */
115
129
  const isHost = (node) => node && node.$tag$ === Host;
116
130
  /**
117
131
  * Parse a new property value for a given property type.
@@ -352,6 +366,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
352
366
  }
353
367
  return elm;
354
368
  };
369
+ /**
370
+ * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
371
+ * add them to the DOM in the appropriate place.
372
+ *
373
+ * @param parentElm the DOM node which should be used as a parent for the new
374
+ * DOM nodes
375
+ * @param before a child of the `parentElm` which the new children should be
376
+ * inserted before (optional)
377
+ * @param parentVNode the parent virtual DOM node
378
+ * @param vnodes the new child virtual DOM nodes to produce DOM nodes for
379
+ * @param startIdx the index in the child virtual DOM nodes at which to start
380
+ * creating DOM nodes (inclusive)
381
+ * @param endIdx the index in the child virtual DOM nodes at which to stop
382
+ * creating DOM nodes (inclusive)
383
+ */
355
384
  const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
356
385
  let containerElm = (parentElm);
357
386
  let childNode;
@@ -368,6 +397,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
368
397
  }
369
398
  }
370
399
  };
400
+ /**
401
+ * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
402
+ * This can be used to, for instance, clean up after a list of children which
403
+ * should no longer be shown.
404
+ *
405
+ * This function also handles some of Stencil's slot relocation logic.
406
+ *
407
+ * @param vnodes a list of virtual DOM nodes to remove
408
+ * @param startIdx the index at which to start removing nodes (inclusive)
409
+ * @param endIdx the index at which to stop removing nodes (inclusive)
410
+ * @param vnode a VNode
411
+ * @param elm an element
412
+ */
371
413
  const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
372
414
  for (; startIdx <= endIdx; ++startIdx) {
373
415
  if ((vnode = vnodes[startIdx])) {
@@ -559,7 +601,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
559
601
  *
560
602
  * So, in other words, if `key` attrs are not set on VNodes which may be
561
603
  * changing order within a `children` array or something along those lines then
562
- * we could obtain a false positive and then have to do needless re-rendering.
604
+ * we could obtain a false negative and then have to do needless re-rendering
605
+ * (i.e. we'd say two VNodes aren't equal when in fact they should be).
563
606
  *
564
607
  * @param leftVNode the first VNode to check
565
608
  * @param rightVNode the second VNode to check
@@ -612,6 +655,18 @@ const patch = (oldVNode, newVNode) => {
612
655
  }
613
656
  }
614
657
  };
658
+ /**
659
+ * The main entry point for Stencil's virtual DOM-based rendering engine
660
+ *
661
+ * Given a {@link d.HostRef} container and some virtual DOM nodes, this
662
+ * function will handle creating a virtual DOM tree with a single root, patching
663
+ * the current virtual DOM tree onto an old one (if any), dealing with slot
664
+ * relocation, and reflecting attributes.
665
+ *
666
+ * @param hostRef data needed to root and render the virtual DOM tree, such as
667
+ * the DOM node into which it should be rendered.
668
+ * @param renderFnResults the virtual DOM nodes to be rendered
669
+ */
615
670
  const renderVdom = (hostRef, renderFnResults) => {
616
671
  const hostElm = hostRef.$hostElement$;
617
672
  const cmpMeta = hostRef.$cmpMeta$;
@@ -1174,8 +1229,8 @@ const hostListenerProxy = (hostRef, methodName) => (ev) => {
1174
1229
  }
1175
1230
  };
1176
1231
  const getHostListenerTarget = (elm, flags) => {
1177
- if (flags & 16 /* LISTENER_FLAGS.TargetBody */)
1178
- return doc.body;
1232
+ if (flags & 4 /* LISTENER_FLAGS.TargetDocument */)
1233
+ return doc;
1179
1234
  return elm;
1180
1235
  };
1181
1236
  // prettier-ignore
@@ -1,8 +1,8 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-fa7f6909.js';
2
- export { s as setNonce } from './index-fa7f6909.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-be386e76.js';
2
+ export { s as setNonce } from './index-be386e76.js';
3
3
 
4
4
  /*
5
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  const patchEsm = () => {
8
8
  return promiseResolve();
@@ -11,7 +11,7 @@ const patchEsm = () => {
11
11
  const defineCustomElements = (win, options) => {
12
12
  if (typeof window === 'undefined') return Promise.resolve();
13
13
  return patchEsm().then(() => {
14
- return bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{"interactive":[1540]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]], options);
14
+ return bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{"interactive":[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]], options);
15
15
  });
16
16
  };
17
17
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, H as Host } from './index-fa7f6909.js';
1
+ import { r as registerInstance, h, H as Host } from './index-be386e76.js';
2
2
 
3
3
  const mdsTableRowCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";
4
4
 
@@ -1,8 +1,8 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-fa7f6909.js';
2
- export { s as setNonce } from './index-fa7f6909.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-be386e76.js';
2
+ export { s as setNonce } from './index-be386e76.js';
3
3
 
4
4
  /*
5
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  const patchBrowser = () => {
8
8
  const importMeta = import.meta.url;
@@ -14,5 +14,5 @@ const patchBrowser = () => {
14
14
  };
15
15
 
16
16
  patchBrowser().then(options => {
17
- return bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{"interactive":[1540]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]], options);
17
+ return bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{"interactive":[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]], options);
18
18
  });