@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.
- package/dist/cjs/{index-f0f000bc.js → index-1066e7b9.js} +58 -3
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/mds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/mds-table-row.cjs.js +3 -3
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/common/aria.js +4 -2
- package/dist/collection/common/keyboard-manager.js +40 -0
- package/dist/collection/components/mds-table-row/mds-table-row.css +1 -1
- package/dist/collection/components/mds-table-row/mds-table-row.js +2 -2
- package/dist/collection/dictionary/icon.js +3 -1
- package/dist/collection/dictionary/typography.js +5 -1
- package/dist/components/mds-table-row.js +1 -1
- package/dist/documentation.d.ts +148 -0
- package/dist/documentation.json +52 -0
- package/dist/esm/{index-fa7f6909.js → index-be386e76.js} +58 -3
- package/dist/esm/loader.js +4 -4
- package/dist/esm/mds-table-row.entry.js +1 -1
- package/dist/esm/mds-table-row.js +4 -4
- package/dist/esm-es5/{index-fa7f6909.js → index-be386e76.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mds-table-row.entry.js +1 -1
- package/dist/esm-es5/mds-table-row.js +1 -1
- package/dist/mds-table-row/mds-table-row.esm.js +1 -1
- package/dist/mds-table-row/mds-table-row.js +1 -1
- package/dist/mds-table-row/{p-b0f4e920.system.js → p-2647d8bd.system.js} +1 -1
- package/dist/mds-table-row/p-29cf76f2.system.js +1 -0
- package/dist/mds-table-row/{p-4c63953c.entry.js → p-30a6116a.entry.js} +1 -1
- package/dist/mds-table-row/{p-f26de3ab.js → p-426bd1f3.js} +1 -1
- package/dist/mds-table-row/{p-e2b31e90.system.entry.js → p-7d3f05d4.system.entry.js} +1 -1
- package/dist/stats.json +54 -51
- package/dist/types/common/keyboard-manager.d.ts +11 -0
- package/dist/types/dictionary/icon.d.ts +2 -1
- package/dist/types/dictionary/typography.d.ts +2 -1
- package/dist/types/interface/input-value.d.ts +1 -1
- package/dist/types/stencil-public-runtime.d.ts +11 -0
- package/dist/types/{types → type}/typography.d.ts +1 -0
- package/documentation.json +53 -0
- package/package.json +11 -5
- package/src/common/aria.ts +2 -2
- package/src/common/keyboard-manager.ts +46 -0
- package/src/components/mds-table-row/mds-table-row.css +1 -1
- package/src/components/mds-table-row/mds-table-row.tsx +1 -1
- package/src/dictionary/icon.ts +4 -0
- package/src/dictionary/typography.ts +9 -3
- package/src/fixtures/icons.json +175 -0
- package/src/fixtures/iconsauce.json +175 -0
- package/src/interface/input-value.ts +1 -1
- package/src/tailwind/components.css +1 -0
- package/src/{types → type}/typography.ts +4 -0
- package/www/build/mds-table-row.esm.js +1 -1
- package/www/build/mds-table-row.js +1 -1
- package/www/build/{p-b0f4e920.system.js → p-2647d8bd.system.js} +1 -1
- package/www/build/p-29cf76f2.system.js +1 -0
- package/www/build/{p-4c63953c.entry.js → p-30a6116a.entry.js} +1 -1
- package/www/build/{p-f26de3ab.js → p-426bd1f3.js} +1 -1
- package/www/build/{p-e2b31e90.system.entry.js → p-7d3f05d4.system.entry.js} +1 -1
- package/dist/mds-table-row/p-e6313d30.system.js +0 -1
- package/www/build/p-e6313d30.system.js +0 -1
- /package/dist/collection/{types → type}/autocomplete.js +0 -0
- /package/dist/collection/{types → type}/button.js +0 -0
- /package/dist/collection/{types → type}/floating-ui.js +0 -0
- /package/dist/collection/{types → type}/form-rel.js +0 -0
- /package/dist/collection/{types → type}/input-text-type.js +0 -0
- /package/dist/collection/{types → type}/input-value-type.js +0 -0
- /package/dist/collection/{types → type}/loading.js +0 -0
- /package/dist/collection/{types → type}/typography.js +0 -0
- /package/dist/collection/{types → type}/variant.js +0 -0
- /package/dist/types/{types → type}/autocomplete.d.ts +0 -0
- /package/dist/types/{types → type}/button.d.ts +0 -0
- /package/dist/types/{types → type}/floating-ui.d.ts +0 -0
- /package/dist/types/{types → type}/form-rel.d.ts +0 -0
- /package/dist/types/{types → type}/input-text-type.d.ts +0 -0
- /package/dist/types/{types → type}/input-value-type.d.ts +0 -0
- /package/dist/types/{types → type}/loading.d.ts +0 -0
- /package/dist/types/{types → type}/variant.d.ts +0 -0
- /package/src/{types → type}/autocomplete.ts +0 -0
- /package/src/{types → type}/button.ts +0 -0
- /package/src/{types → type}/floating-ui.ts +0 -0
- /package/src/{types → type}/form-rel.ts +0 -0
- /package/src/{types → type}/input-text-type.ts +0 -0
- /package/src/{types → type}/input-value-type.ts +0 -0
- /package/src/{types → type}/loading.ts +0 -0
- /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
|
|
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 &
|
|
1200
|
-
return doc
|
|
1254
|
+
if (flags & 4 /* LISTENER_FLAGS.TargetDocument */)
|
|
1255
|
+
return doc;
|
|
1201
1256
|
return elm;
|
|
1202
1257
|
};
|
|
1203
1258
|
// prettier-ignore
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-1066e7b9.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Esm v2.22.
|
|
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]},[[
|
|
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-
|
|
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-
|
|
5
|
+
const index = require('./index-1066e7b9.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Browser v2.22.
|
|
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]},[[
|
|
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;
|
|
@@ -6,11 +6,13 @@ const hash = (s) => {
|
|
|
6
6
|
return h.toString();
|
|
7
7
|
};
|
|
8
8
|
const unslugName = (name) => {
|
|
9
|
-
|
|
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
|
+
}
|
|
@@ -44,9 +44,9 @@ export class MdsTableRow {
|
|
|
44
44
|
}
|
|
45
45
|
static get listeners() {
|
|
46
46
|
return [{
|
|
47
|
-
"name": "
|
|
47
|
+
"name": "mdsTableInteractiveChange",
|
|
48
48
|
"method": "tableInteractiveHandler",
|
|
49
|
-
"target": "
|
|
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
|
-
|
|
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,
|
|
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
|
-
}, [[
|
|
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
|
|
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 &
|
|
1178
|
-
return doc
|
|
1232
|
+
if (flags & 4 /* LISTENER_FLAGS.TargetDocument */)
|
|
1233
|
+
return doc;
|
|
1179
1234
|
return elm;
|
|
1180
1235
|
};
|
|
1181
1236
|
// prettier-ignore
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
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.
|
|
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]},[[
|
|
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-
|
|
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-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
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.
|
|
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]},[[
|
|
17
|
+
return bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{"interactive":[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]], options);
|
|
18
18
|
});
|