@maggioli-design-system/mds-list 3.1.0 → 3.3.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-c346a5d1.js → index-9b88f3c8.js} +41 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/mds-list.cjs.entry.js +1 -1
- package/dist/cjs/mds-list.cjs.js +2 -2
- 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-list/test/mds-list.stories.js +1 -7
- package/dist/collection/dictionary/icon.js +3 -1
- package/dist/collection/dictionary/typography.js +5 -1
- package/dist/documentation.d.ts +148 -0
- package/dist/documentation.json +28 -0
- package/dist/esm/{index-4d04f1df.js → index-35c9c7b9.js} +41 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/mds-list.entry.js +1 -1
- package/dist/esm/mds-list.js +3 -3
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mds-list.entry.js +1 -1
- package/dist/esm-es5/mds-list.js +1 -1
- package/dist/mds-list/mds-list.esm.js +1 -1
- package/dist/mds-list/mds-list.js +1 -1
- package/dist/mds-list/{p-b6887639.system.js → p-239ad3bd.system.js} +1 -1
- package/dist/mds-list/{p-fee2f55c.system.entry.js → p-8a953f63.system.entry.js} +1 -1
- package/dist/mds-list/{p-d6e1a7c0.entry.js → p-be44e136.entry.js} +1 -1
- package/dist/stats.json +48 -45
- package/dist/types/common/keyboard-manager.d.ts +11 -0
- package/dist/types/components/mds-list/test/mds-list.stories.d.ts +0 -9
- 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 +29 -0
- package/package.json +11 -4
- package/src/common/aria.ts +2 -2
- package/src/common/keyboard-manager.ts +46 -0
- package/src/components/mds-list/test/mds-list.stories.tsx +2 -8
- 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-list.esm.js +1 -1
- package/www/build/mds-list.js +1 -1
- package/www/build/{p-b6887639.system.js → p-239ad3bd.system.js} +1 -1
- package/www/build/{p-fee2f55c.system.entry.js → p-8a953f63.system.entry.js} +1 -1
- package/www/build/{p-d6e1a7c0.entry.js → p-be44e136.entry.js} +1 -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/esm-es5/{index-4d04f1df.js → index-35c9c7b9.js} +0 -0
- /package/dist/mds-list/{p-0ad750e4.js → p-41726a86.js} +0 -0
- /package/dist/mds-list/{p-3f63ce2c.system.js → p-f9c13cf7.system.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
- /package/www/build/{p-0ad750e4.js → p-41726a86.js} +0 -0
- /package/www/build/{p-3f63ce2c.system.js → p-f9c13cf7.system.js} +0 -0
|
@@ -111,6 +111,14 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
111
111
|
}
|
|
112
112
|
return vnode;
|
|
113
113
|
};
|
|
114
|
+
/**
|
|
115
|
+
* A utility function for creating a virtual DOM node from a tag and some
|
|
116
|
+
* possible text content.
|
|
117
|
+
*
|
|
118
|
+
* @param tag the tag for this element
|
|
119
|
+
* @param text possible text content for the node
|
|
120
|
+
* @returns a newly-minted virtual DOM node
|
|
121
|
+
*/
|
|
114
122
|
const newVNode = (tag, text) => {
|
|
115
123
|
const vnode = {
|
|
116
124
|
$flags$: 0,
|
|
@@ -122,6 +130,12 @@ const newVNode = (tag, text) => {
|
|
|
122
130
|
return vnode;
|
|
123
131
|
};
|
|
124
132
|
const Host = {};
|
|
133
|
+
/**
|
|
134
|
+
* Check whether a given node is a Host node or not
|
|
135
|
+
*
|
|
136
|
+
* @param node the virtual DOM node to check
|
|
137
|
+
* @returns whether it's a Host node or not
|
|
138
|
+
*/
|
|
125
139
|
const isHost = (node) => node && node.$tag$ === Host;
|
|
126
140
|
/**
|
|
127
141
|
* Helper function to create & dispatch a custom Event on a provided target
|
|
@@ -249,6 +263,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
249
263
|
}
|
|
250
264
|
return elm;
|
|
251
265
|
};
|
|
266
|
+
/**
|
|
267
|
+
* Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
|
|
268
|
+
* add them to the DOM in the appropriate place.
|
|
269
|
+
*
|
|
270
|
+
* @param parentElm the DOM node which should be used as a parent for the new
|
|
271
|
+
* DOM nodes
|
|
272
|
+
* @param before a child of the `parentElm` which the new children should be
|
|
273
|
+
* inserted before (optional)
|
|
274
|
+
* @param parentVNode the parent virtual DOM node
|
|
275
|
+
* @param vnodes the new child virtual DOM nodes to produce DOM nodes for
|
|
276
|
+
* @param startIdx the index in the child virtual DOM nodes at which to start
|
|
277
|
+
* creating DOM nodes (inclusive)
|
|
278
|
+
* @param endIdx the index in the child virtual DOM nodes at which to stop
|
|
279
|
+
* creating DOM nodes (inclusive)
|
|
280
|
+
*/
|
|
252
281
|
const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
|
|
253
282
|
let containerElm = (parentElm);
|
|
254
283
|
let childNode;
|
|
@@ -284,6 +313,18 @@ const patch = (oldVNode, newVNode) => {
|
|
|
284
313
|
else ;
|
|
285
314
|
}
|
|
286
315
|
};
|
|
316
|
+
/**
|
|
317
|
+
* The main entry point for Stencil's virtual DOM-based rendering engine
|
|
318
|
+
*
|
|
319
|
+
* Given a {@link d.HostRef} container and some virtual DOM nodes, this
|
|
320
|
+
* function will handle creating a virtual DOM tree with a single root, patching
|
|
321
|
+
* the current virtual DOM tree onto an old one (if any), dealing with slot
|
|
322
|
+
* relocation, and reflecting attributes.
|
|
323
|
+
*
|
|
324
|
+
* @param hostRef data needed to root and render the virtual DOM tree, such as
|
|
325
|
+
* the DOM node into which it should be rendered.
|
|
326
|
+
* @param renderFnResults the virtual DOM nodes to be rendered
|
|
327
|
+
*/
|
|
287
328
|
const renderVdom = (hostRef, renderFnResults) => {
|
|
288
329
|
const hostElm = hostRef.$hostElement$;
|
|
289
330
|
const oldVNode = hostRef.$vnode$ || newVNode(null, null);
|
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-9b88f3c8.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();
|
|
@@ -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-9b88f3c8.js');
|
|
6
6
|
|
|
7
7
|
const mdsListCss = ".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:grid;gap:1rem;padding-left:1rem}ul{margin:0px;padding:0px}";
|
|
8
8
|
|
package/dist/cjs/mds-list.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-9b88f3c8.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-list.cjs.js', document.baseURI).href));
|
|
@@ -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
|
+
}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
import { h } from '@stencil/core';
|
|
2
2
|
export default {
|
|
3
3
|
title: 'UI / List',
|
|
4
|
-
argTypes: {
|
|
5
|
-
type: {
|
|
6
|
-
type: { name: 'string', required: false },
|
|
7
|
-
description: 'Defines if the list is ordered or unordered',
|
|
8
|
-
},
|
|
9
|
-
},
|
|
10
4
|
};
|
|
11
|
-
const Template =
|
|
5
|
+
const Template = () => h("mds-list", null, h("mds-list-item", null, "Pane"), h("mds-list-item", null, "Acqua"), h("mds-list-item", null, "Pasta"));
|
|
12
6
|
export const Default = Template.bind({});
|
|
@@ -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, };
|
|
@@ -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,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"timestamp": "2023-04-14T10:18:47",
|
|
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-list/mds-list.tsx",
|
|
11
|
+
"encapsulation": "shadow",
|
|
12
|
+
"tag": "mds-list",
|
|
13
|
+
"docs": "",
|
|
14
|
+
"docsTags": [],
|
|
15
|
+
"usage": {},
|
|
16
|
+
"props": [],
|
|
17
|
+
"methods": [],
|
|
18
|
+
"events": [],
|
|
19
|
+
"listeners": [],
|
|
20
|
+
"styles": [],
|
|
21
|
+
"slots": [],
|
|
22
|
+
"parts": [],
|
|
23
|
+
"dependents": [],
|
|
24
|
+
"dependencies": [],
|
|
25
|
+
"dependencyGraph": {}
|
|
26
|
+
}
|
|
27
|
+
]
|
|
28
|
+
}
|
|
@@ -89,6 +89,14 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
89
89
|
}
|
|
90
90
|
return vnode;
|
|
91
91
|
};
|
|
92
|
+
/**
|
|
93
|
+
* A utility function for creating a virtual DOM node from a tag and some
|
|
94
|
+
* possible text content.
|
|
95
|
+
*
|
|
96
|
+
* @param tag the tag for this element
|
|
97
|
+
* @param text possible text content for the node
|
|
98
|
+
* @returns a newly-minted virtual DOM node
|
|
99
|
+
*/
|
|
92
100
|
const newVNode = (tag, text) => {
|
|
93
101
|
const vnode = {
|
|
94
102
|
$flags$: 0,
|
|
@@ -100,6 +108,12 @@ const newVNode = (tag, text) => {
|
|
|
100
108
|
return vnode;
|
|
101
109
|
};
|
|
102
110
|
const Host = {};
|
|
111
|
+
/**
|
|
112
|
+
* Check whether a given node is a Host node or not
|
|
113
|
+
*
|
|
114
|
+
* @param node the virtual DOM node to check
|
|
115
|
+
* @returns whether it's a Host node or not
|
|
116
|
+
*/
|
|
103
117
|
const isHost = (node) => node && node.$tag$ === Host;
|
|
104
118
|
/**
|
|
105
119
|
* Helper function to create & dispatch a custom Event on a provided target
|
|
@@ -227,6 +241,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
227
241
|
}
|
|
228
242
|
return elm;
|
|
229
243
|
};
|
|
244
|
+
/**
|
|
245
|
+
* Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
|
|
246
|
+
* add them to the DOM in the appropriate place.
|
|
247
|
+
*
|
|
248
|
+
* @param parentElm the DOM node which should be used as a parent for the new
|
|
249
|
+
* DOM nodes
|
|
250
|
+
* @param before a child of the `parentElm` which the new children should be
|
|
251
|
+
* inserted before (optional)
|
|
252
|
+
* @param parentVNode the parent virtual DOM node
|
|
253
|
+
* @param vnodes the new child virtual DOM nodes to produce DOM nodes for
|
|
254
|
+
* @param startIdx the index in the child virtual DOM nodes at which to start
|
|
255
|
+
* creating DOM nodes (inclusive)
|
|
256
|
+
* @param endIdx the index in the child virtual DOM nodes at which to stop
|
|
257
|
+
* creating DOM nodes (inclusive)
|
|
258
|
+
*/
|
|
230
259
|
const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
|
|
231
260
|
let containerElm = (parentElm);
|
|
232
261
|
let childNode;
|
|
@@ -262,6 +291,18 @@ const patch = (oldVNode, newVNode) => {
|
|
|
262
291
|
else ;
|
|
263
292
|
}
|
|
264
293
|
};
|
|
294
|
+
/**
|
|
295
|
+
* The main entry point for Stencil's virtual DOM-based rendering engine
|
|
296
|
+
*
|
|
297
|
+
* Given a {@link d.HostRef} container and some virtual DOM nodes, this
|
|
298
|
+
* function will handle creating a virtual DOM tree with a single root, patching
|
|
299
|
+
* the current virtual DOM tree onto an old one (if any), dealing with slot
|
|
300
|
+
* relocation, and reflecting attributes.
|
|
301
|
+
*
|
|
302
|
+
* @param hostRef data needed to root and render the virtual DOM tree, such as
|
|
303
|
+
* the DOM node into which it should be rendered.
|
|
304
|
+
* @param renderFnResults the virtual DOM nodes to be rendered
|
|
305
|
+
*/
|
|
265
306
|
const renderVdom = (hostRef, renderFnResults) => {
|
|
266
307
|
const hostElm = hostRef.$hostElement$;
|
|
267
308
|
const oldVNode = hostRef.$vnode$ || newVNode(null, null);
|
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-35c9c7b9.js';
|
|
2
|
+
export { s as setNonce } from './index-35c9c7b9.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();
|
|
@@ -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-35c9c7b9.js';
|
|
2
2
|
|
|
3
3
|
const mdsListCss = ".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:grid;gap:1rem;padding-left:1rem}ul{margin:0px;padding:0px}";
|
|
4
4
|
|
package/dist/esm/mds-list.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-35c9c7b9.js';
|
|
2
|
+
export { s as setNonce } from './index-35c9c7b9.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;
|
package/dist/esm-es5/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as promiseResolve,b as bootstrapLazy}from"./index-
|
|
1
|
+
import{p as promiseResolve,b as bootstrapLazy}from"./index-35c9c7b9.js";export{s as setNonce}from"./index-35c9c7b9.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,s){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-list",[[1,"mds-list"]]]],s)}))};export{defineCustomElements};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-35c9c7b9.js";var mdsListCss=".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:grid;gap:1rem;padding-left:1rem}ul{margin:0px;padding:0px}";var MdsList=function(){function s(s){registerInstance(this,s)}s.prototype.render=function(){return h(Host,null,h("slot",null))};return s}();MdsList.style=mdsListCss;export{MdsList as mds_list};
|
package/dist/esm-es5/mds-list.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as promiseResolve,b as bootstrapLazy}from"./index-
|
|
1
|
+
import{p as promiseResolve,b as bootstrapLazy}from"./index-35c9c7b9.js";export{s as setNonce}from"./index-35c9c7b9.js";var patchBrowser=function(){var r=import.meta.url;var e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return promiseResolve(e)};patchBrowser().then((function(r){return bootstrapLazy([["mds-list",[[1,"mds-list"]]]],r)}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-
|
|
1
|
+
import{p as e,b as o}from"./p-41726a86.js";export{s as setNonce}from"./p-41726a86.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),e(o)})().then((s=>o([["p-be44e136",[[1,"mds-list"]]]],s)));
|
|
@@ -115,7 +115,7 @@ DOMTokenList
|
|
|
115
115
|
var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
|
|
116
116
|
var start = function() {
|
|
117
117
|
// if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
|
|
118
|
-
var url = new URL('./p-
|
|
118
|
+
var url = new URL('./p-239ad3bd.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
|
|
119
119
|
System.import(url.href);
|
|
120
120
|
};
|
|
121
121
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-
|
|
1
|
+
System.register(["./p-f9c13cf7.system.js"],(function(e,t){"use strict";var r,s;return{setters:[function(t){r=t.p;s=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return r(s)};e().then((function(e){return s([["p-8a953f63.system",[[1,"mds-list"]]]],e)}))}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-
|
|
1
|
+
System.register(["./p-f9c13cf7.system.js"],(function(t){"use strict";var r,o,s;return{setters:[function(t){r=t.r;o=t.h;s=t.H}],execute:function(){var a=".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:grid;gap:1rem;padding-left:1rem}ul{margin:0px;padding:0px}";var e=t("mds_list",function(){function t(t){r(this,t)}t.prototype.render=function(){return o(s,null,o("slot",null))};return t}());e.style=a}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as r,H as a}from"./p-
|
|
1
|
+
import{r as o,h as r,H as a}from"./p-41726a86.js";const s=class{constructor(r){o(this,r)}render(){return r(a,null,r("slot",null))}};s.style=".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:grid;gap:1rem;padding-left:1rem}ul{margin:0px;padding:0px}";export{s as mds_list}
|