@epa-wg/custom-element-dist 0.0.28 → 0.0.29
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/README.md +4 -4
- package/coverage/coverage-final.json +2 -3
- package/coverage/index.html +5 -20
- package/coverage/src/custom-element/custom-element.js.html +74 -74
- package/coverage/src/custom-element/http-request.js.html +10 -10
- package/coverage/src/custom-element/index.html +1 -1
- package/coverage/src/custom-element/local-storage.js.html +1 -1
- package/coverage/src/custom-element/location-element.js.html +1 -1
- package/coverage/src/custom-element/module-url.js.html +1 -1
- package/coverage/src/index.html +1 -1
- package/coverage/src/mocks/handlers.ts.html +1 -1
- package/coverage/src/mocks/index.html +1 -1
- package/coverage/src/stories/attributes.test.stories.ts.html +1 -1
- package/coverage/src/stories/css.test.stories.ts.html +1 -1
- package/coverage/src/stories/dom-merge.test.stories.ts.html +1 -1
- package/coverage/src/stories/external-template.test.stories.ts.html +1 -1
- package/coverage/src/stories/form.test.stories.ts.html +1 -1
- package/coverage/src/stories/http-request.stories.ts.html +1 -1
- package/coverage/src/stories/index.html +1 -1
- package/coverage/src/stories/local-storage.test.stories.ts.html +1 -1
- package/coverage/src/stories/location-element.test.stories.ts.html +1 -1
- package/coverage/src/stories/module-url.test.stories.ts.html +1 -1
- package/coverage/src/stories/set-url.test.stories.ts.html +1 -1
- package/coverage/src/stories/slice-events.test.stories.ts.html +1 -1
- package/coverage/src/stories/slots.test.stories.ts.html +1 -1
- package/coverage/src/stories/testStoryBook.ts.html +1 -1
- package/coverage/src/stories/version-select.test.stories.ts.html +1 -1
- package/coverage/src/sum.ts.html +1 -1
- package/dist/demo/demo.css +0 -3
- package/package.json +2 -2
- package/public/demo/demo.css +0 -3
- package/src/custom-element/demo/demo.css +0 -3
- package/src/custom-element/ide/web-types-dce.json +1 -1
- package/src/custom-element/ide/web-types-xsl.json +1 -1
- package/src/material/components/autocomplete.html +1 -1
- package/src/material/components/dropdown.html +1 -1
- package/src/material/components/icon-link.html +161 -0
- package/src/material/components/menu.html +1 -1
- package/src/material/components.html +16 -4
- package/src/material/index.html +10 -68
- package/src/material/material.css +1 -1
- package/src/mocks/versions.mock.ts +8 -8
- package/storybook-static/assets/{Color-ERTF36HU-ChyYtq0t.js → Color-ERTF36HU-CQkSD2nd.js} +1 -1
- package/storybook-static/assets/{Configure-CJVwFVjC.js → Configure-DOhzHFEs.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-CFRXHY34-Bz6q-OqD.js → DocsRenderer-CFRXHY34-BSJkbsd6.js} +2 -2
- package/storybook-static/assets/{handlers-B-OZtf2K.js → handlers-CW9pDZnt.js} +6 -6
- package/storybook-static/assets/{http-request.stories-DccXgHyF.js → http-request.stories-CBbknCOO.js} +1 -1
- package/storybook-static/assets/{iframe-Ddc_axoC.js → iframe-DOi4N7qI.js} +2 -2
- package/storybook-static/assets/{index-f2MAjm2i.js → index-B3QjF0Ed.js} +1 -1
- package/storybook-static/assets/{index-CiCdFubk.js → index-CaL3Qp7t.js} +4 -4
- package/storybook-static/assets/{index-tfEkrhWr.js → index-DgFM0Ce3.js} +1 -1
- package/storybook-static/assets/{index-lY6s0fkU.js → index-YxUFxnQR.js} +1 -1
- package/storybook-static/assets/{preview-CfH4_OzN.js → preview-C992A1Y-.js} +2 -2
- package/storybook-static/assets/{preview-BUQm51_C.js → preview-CfWMRsRq.js} +1 -1
- package/storybook-static/demo/demo.css +0 -3
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/project.json +1 -1
- package/coverage/src/custom-element/demo/coverage.svg +0 -10
- package/coverage/src/custom-element/demo/index.html +0 -116
- package/coverage/src/custom-element/demo/z.js/coverage.svg +0 -10
- package/coverage/src/custom-element/demo/z.js.html +0 -112
- package/dist/demo/s1.xslt +0 -60
- package/dist/demo/z.html +0 -33
- package/dist/demo/z.js +0 -9
- package/dist/demo/z.xml +0 -60
- package/dist/demo/z1.html +0 -34
- package/public/demo/s1.xslt +0 -60
- package/public/demo/z.html +0 -33
- package/public/demo/z.js +0 -9
- package/public/demo/z.xml +0 -60
- package/public/demo/z1.html +0 -34
- package/src/custom-element/demo/s1.xslt +0 -60
- package/src/custom-element/demo/z.html +0 -33
- package/src/custom-element/demo/z.js +0 -9
- package/src/custom-element/demo/z.xml +0 -60
- package/src/custom-element/demo/z1.html +0 -34
- package/storybook-static/demo/s1.xslt +0 -60
- package/storybook-static/demo/z.html +0 -33
- package/storybook-static/demo/z.js +0 -9
- package/storybook-static/demo/z.xml +0 -60
- package/storybook-static/demo/z1.html +0 -34
package/dist/demo/demo.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epa-wg/custom-element-dist",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.29",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vite",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"tf": "node ./node_modules/vitest/vitest.mjs --no-file-parallelism --browser.name=firefox --watch --browser.headless=false src/stories/module-url.test.stories.ts"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@epa-wg/custom-element": "0.0.
|
|
22
|
+
"@epa-wg/custom-element": "0.0.29"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@chromatic-com/storybook": "2.0.2",
|
package/public/demo/demo.css
CHANGED
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
</head>
|
|
40
40
|
|
|
41
41
|
<body>
|
|
42
|
-
<custom-element hidden src="
|
|
42
|
+
<custom-element hidden src="./icon-link.html#cem-icon-link" tag="cem-icon-link"></custom-element>
|
|
43
43
|
|
|
44
44
|
<header class="cem-theme-teal">
|
|
45
45
|
<custom-element src="../index.html#nav-head" ></custom-element>
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
|
|
6
|
+
<title>Components - custom-element - Material Design</title>
|
|
7
|
+
<link href="../../custom-element/demo/wc-square.svg" rel="icon"/>
|
|
8
|
+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
|
|
9
|
+
<link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
|
|
10
|
+
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" rel="stylesheet"/>
|
|
11
|
+
|
|
12
|
+
<script type="importmap">
|
|
13
|
+
{
|
|
14
|
+
"imports": {
|
|
15
|
+
"@epa-wg/": "../../"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
</script>
|
|
19
|
+
<script src="../../custom-element/module-url.js" type="module"></script>
|
|
20
|
+
<script src="../../custom-element/custom-element.js" type="module"></script>
|
|
21
|
+
<style>
|
|
22
|
+
@import "../angular.css";
|
|
23
|
+
@import "../material.css";
|
|
24
|
+
@import "../theme/semantic.css";
|
|
25
|
+
@import "../demo.css";
|
|
26
|
+
main{
|
|
27
|
+
display: flex; flex-wrap: wrap;
|
|
28
|
+
gap: 3rem;
|
|
29
|
+
padding: 5rem;
|
|
30
|
+
&>p{ min-width: 90%; }
|
|
31
|
+
html-demo-element
|
|
32
|
+
{ overflow: visible;
|
|
33
|
+
[slot="legend"]{ border-radius: 1rem 1rem 0 0; }
|
|
34
|
+
[slot="description"]{ padding: 0 1rem 1rem 1rem; dd{ padding: 0 !important;margin: 0; }}
|
|
35
|
+
[slot="description"] dd{ padding: 0; }
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
</style>
|
|
39
|
+
</head>
|
|
40
|
+
|
|
41
|
+
<body>
|
|
42
|
+
<template id="cem-icon-link">
|
|
43
|
+
<attribute name="href"></attribute>
|
|
44
|
+
<attribute name="icon"></attribute>
|
|
45
|
+
<attribute aria-description="color appearance. Default value is 'normal'. Values: normal|primary|secondary|alert|blend"
|
|
46
|
+
name="kind"></attribute>
|
|
47
|
+
<style>
|
|
48
|
+
&:not([kind]) a, &[kind="normal"] a {
|
|
49
|
+
/*background-color: var(--mdc-theme-primary, #6200ee);*/
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
a {
|
|
53
|
+
display: inline-flex;
|
|
54
|
+
align-items: center;
|
|
55
|
+
gap: 0.5rem;
|
|
56
|
+
padding: 0.5rem 1rem;;
|
|
57
|
+
border-radius: 1.5rem;
|
|
58
|
+
|
|
59
|
+
background-color: var(--cem-action-primary-background);
|
|
60
|
+
transition: var(--cem-action-transition);
|
|
61
|
+
box-shadow: var(--cem-action-box-shadow);
|
|
62
|
+
|
|
63
|
+
&:hover {
|
|
64
|
+
background-color: var(--cem-action-primary-background-hover);
|
|
65
|
+
box-shadow: var(--cem-action-box-shadow-hover);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&:focus {
|
|
69
|
+
background-color: var(--cem-action-primary-background-focus);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
&:active, &:focus:active {
|
|
73
|
+
background-color: var(--cem-action-primary-background-active);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
&, &:visited {
|
|
77
|
+
text-decoration: none;
|
|
78
|
+
color: var(--mat-light-blue-900);
|
|
79
|
+
}
|
|
80
|
+
--icon-size: 2rem;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.icon {
|
|
84
|
+
font-size: var(--icon-size);
|
|
85
|
+
height: var(--icon-size);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
</style>
|
|
89
|
+
<a href="{$href}">
|
|
90
|
+
<choose>
|
|
91
|
+
<when test="contains($icon,'/')"><img alt="DCE logo" class="icon" src="{$icon}"/></when>
|
|
92
|
+
<when test="contains($icon,'fa-')"><i class="icon {$icon}"></i></when>
|
|
93
|
+
<when test="$icon"><span class="icon material-icons">{$icon}</span></when>
|
|
94
|
+
</choose>
|
|
95
|
+
<slot></slot>
|
|
96
|
+
</a>
|
|
97
|
+
</template>
|
|
98
|
+
|
|
99
|
+
<custom-element hidden src="#cem-icon-link" tag="cem-icon-link"></custom-element>
|
|
100
|
+
|
|
101
|
+
<header class="cem-theme-teal">
|
|
102
|
+
<custom-element src="../index.html#nav-head" ></custom-element>
|
|
103
|
+
</header>
|
|
104
|
+
<main>
|
|
105
|
+
<p><code>cem-icon-link</code> is button like component from <custom-element> Material suite based on the
|
|
106
|
+
<a href="https://material.io/components" >Material Design specification</a>.
|
|
107
|
+
</p>
|
|
108
|
+
<p>
|
|
109
|
+
<code>direction</code> attribute defines css <code>row</code> or <code>column</code> flex-direction.
|
|
110
|
+
</p>
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
<html-demo-element legend="Image from importmap module"
|
|
114
|
+
description="logo SVG with link to file in module">
|
|
115
|
+
<template>
|
|
116
|
+
<custom-element>
|
|
117
|
+
<template>
|
|
118
|
+
<module-url slice="cem-url" src="@epa-wg/material"></module-url>
|
|
119
|
+
<module-url slice="logo-url" src="@epa-wg/custom-element/demo/wc-square.svg"></module-url>
|
|
120
|
+
<cem-icon-link href="{//cem-url}/" icon="{//logo-url}"> custom-element</cem-icon-link>
|
|
121
|
+
<cem-icon-link icon="https://unpkg.com/pokeapi-sprites@2.0.2/sprites/pokemon/other/dream-world/1.svg">
|
|
122
|
+
bulbasaur</cem-icon-link>
|
|
123
|
+
</template>
|
|
124
|
+
</custom-element>
|
|
125
|
+
</template>
|
|
126
|
+
</html-demo-element>
|
|
127
|
+
|
|
128
|
+
<html-demo-element legend="Google Material icon font" >
|
|
129
|
+
<p slot="description">
|
|
130
|
+
<a href="https://fonts.google.com/icons">Material Icon</a> example.
|
|
131
|
+
</p>
|
|
132
|
+
<template>
|
|
133
|
+
<cem-icon-link icon="recycling"> recycling</cem-icon-link>
|
|
134
|
+
<cem-icon-link icon="shopping_cart"> shopping_cart</cem-icon-link>
|
|
135
|
+
</template>
|
|
136
|
+
</html-demo-element>
|
|
137
|
+
|
|
138
|
+
<html-demo-element legend="Fontawesome" >
|
|
139
|
+
<p slot="description">
|
|
140
|
+
<a href="https://fontawesome.com/icons/">Fontawesome Icon</a> example.
|
|
141
|
+
</p>
|
|
142
|
+
<template>
|
|
143
|
+
<cem-icon-link icon="fab fa-github" > GitHub </cem-icon-link>
|
|
144
|
+
<cem-icon-link icon="fas fa-cloud-upload-alt" > Upload </cem-icon-link>
|
|
145
|
+
</template>
|
|
146
|
+
</html-demo-element>
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
</main>
|
|
153
|
+
<footer>
|
|
154
|
+
<hr/>
|
|
155
|
+
Powered by Syngrafact Corp. ©2024.<br/>
|
|
156
|
+
<a href="../../LICENSE"> Code and documentation licensed under an Apache License 2.0 </a>
|
|
157
|
+
</footer>
|
|
158
|
+
<script type="module" src="https://unpkg.com/html-demo-element@1.0.8/html-demo-element.js"></script>
|
|
159
|
+
|
|
160
|
+
</body>
|
|
161
|
+
</html>
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
</head>
|
|
40
40
|
|
|
41
41
|
<body>
|
|
42
|
-
<custom-element hidden src="
|
|
42
|
+
<custom-element hidden src="./icon-link.html#cem-icon-link" tag="cem-icon-link"></custom-element>
|
|
43
43
|
|
|
44
44
|
<header class="cem-theme-teal">
|
|
45
45
|
<custom-element src="../index.html#nav-head" ></custom-element>
|
|
@@ -27,14 +27,15 @@
|
|
|
27
27
|
display: flex; flex-wrap: wrap;
|
|
28
28
|
gap: 3rem;
|
|
29
29
|
padding: 5rem;
|
|
30
|
-
&>*{
|
|
30
|
+
&>*{ flex: 1 1 12rem;}
|
|
31
31
|
&>p{ min-width: 90%; }
|
|
32
32
|
}
|
|
33
33
|
</style>
|
|
34
34
|
</head>
|
|
35
35
|
|
|
36
36
|
<body>
|
|
37
|
-
<custom-element hidden src="./
|
|
37
|
+
<custom-element tag="cem-icon-link" hidden src="./components/icon-link.html#cem-icon-link" ></custom-element>
|
|
38
|
+
<custom-element tag="cem-icon-link" hidden src="./components/icon-link.html#cem-icon-link" ></custom-element>
|
|
38
39
|
<custom-element tag="cem-menu" hidden src="./components/menu.html#cem-menu"></custom-element>
|
|
39
40
|
|
|
40
41
|
<header class="cem-theme-teal">
|
|
@@ -79,7 +80,13 @@
|
|
|
79
80
|
</template>
|
|
80
81
|
</custom-element>
|
|
81
82
|
|
|
82
|
-
<demo-list-card head="
|
|
83
|
+
<demo-list-card head="icon-link" description="Vertical or horizontal List of actions: links or buttons">
|
|
84
|
+
<cem-icon-link icon="format_color_fill"
|
|
85
|
+
title="Select a theme for the documentation"> Theme</cem-icon-link>
|
|
86
|
+
|
|
87
|
+
</demo-list-card>
|
|
88
|
+
|
|
89
|
+
<demo-list-card head="menu" description="Vertical or horizontal List of actions: links or buttons">
|
|
83
90
|
<cem-menu direction="row">
|
|
84
91
|
<a href="#">🏠link</a>
|
|
85
92
|
<a disabled>text</a>
|
|
@@ -93,7 +100,12 @@
|
|
|
93
100
|
<p>hi</p>
|
|
94
101
|
</cem-autocomplete>
|
|
95
102
|
</demo-list-card>
|
|
96
|
-
<demo-list-card head="
|
|
103
|
+
<demo-list-card head="dropdown" description="dropdown overlay which hangs above the background html">
|
|
104
|
+
<cem-dropdown>
|
|
105
|
+
cem-dropdown
|
|
106
|
+
</cem-dropdown>
|
|
107
|
+
</demo-list-card>
|
|
108
|
+
<demo-list-card head="badge" description="A small value indicator that can be overlaid on another object.">
|
|
97
109
|
<cem-badge placeholder="Greetings" >
|
|
98
110
|
<p>hello</p>
|
|
99
111
|
<p>hi</p>
|
package/src/material/index.html
CHANGED
|
@@ -28,64 +28,6 @@
|
|
|
28
28
|
|
|
29
29
|
<body>
|
|
30
30
|
|
|
31
|
-
<template id="icon-button">
|
|
32
|
-
<attribute name="href"></attribute>
|
|
33
|
-
<attribute name="icon"></attribute>
|
|
34
|
-
<attribute aria-description="color appearance. Default value is 'normal'. Values: normal|primary|secondary|alert|blend"
|
|
35
|
-
name="kind"></attribute>
|
|
36
|
-
<style>
|
|
37
|
-
&:not([kind]) a, &[kind="normal"] a {
|
|
38
|
-
/*background-color: var(--mdc-theme-primary, #6200ee);*/
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
a {
|
|
42
|
-
display: inline-flex;
|
|
43
|
-
align-items: center;
|
|
44
|
-
gap: 0.5rem;
|
|
45
|
-
padding: 0.5rem 1rem;;
|
|
46
|
-
border-radius: 1.5rem;
|
|
47
|
-
|
|
48
|
-
background-color: var(--cem-action-primary-background);
|
|
49
|
-
transition: var(--cem-action-transition);
|
|
50
|
-
box-shadow: var(--cem-action-box-shadow);
|
|
51
|
-
|
|
52
|
-
&:hover {
|
|
53
|
-
background-color: var(--cem-action-primary-background-hover);
|
|
54
|
-
box-shadow: var(--cem-action-box-shadow-hover);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
&:focus {
|
|
58
|
-
background-color: var(--cem-action-primary-background-focus);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
&:active, &:focus:active {
|
|
62
|
-
background-color: var(--cem-action-primary-background-active);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
&, &:visited {
|
|
66
|
-
text-decoration: none;
|
|
67
|
-
color: var(--mat-light-blue-900);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
--icon-size: 2rem;
|
|
71
|
-
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.icon {
|
|
75
|
-
font-size: var(--icon-size);
|
|
76
|
-
height: var(--icon-size);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
</style>
|
|
80
|
-
<a href="{$href}">
|
|
81
|
-
<choose>
|
|
82
|
-
<when test="contains($icon,'/')"><img alt="DCE logo" class="icon" src="{$icon}"/></when>
|
|
83
|
-
<when test="contains($icon,'fa-')"><i class="icon {$icon}"></i></when>
|
|
84
|
-
<when test="$icon"><span class="icon material-icons">{$icon}</span></when>
|
|
85
|
-
</choose>
|
|
86
|
-
<slot></slot>
|
|
87
|
-
</a>
|
|
88
|
-
</template>
|
|
89
31
|
<template id="nav-head">
|
|
90
32
|
<style>
|
|
91
33
|
nav {
|
|
@@ -108,7 +50,7 @@
|
|
|
108
50
|
/* text-transform: var(--mdc-text-button-label-text-transform); */
|
|
109
51
|
font-weight: var(--mdc-text-button-label-text-weight, var(--mat-app-label-large-weight));
|
|
110
52
|
|
|
111
|
-
icon-
|
|
53
|
+
icon-link:first-child {
|
|
112
54
|
align-self: flex-start;
|
|
113
55
|
}
|
|
114
56
|
}
|
|
@@ -128,22 +70,22 @@
|
|
|
128
70
|
<nav>
|
|
129
71
|
<module-url slice="cem-url" src="@epa-wg/material"></module-url>
|
|
130
72
|
<module-url slice="logo-url" src="@epa-wg/custom-element/demo/wc-square.svg"></module-url>
|
|
131
|
-
<icon-
|
|
73
|
+
<cem-icon-link href="{//cem-url}/" icon="{//logo-url}"> custom-element</cem-icon-link>
|
|
132
74
|
<spacer></spacer>
|
|
133
|
-
<icon-
|
|
134
|
-
</icon-
|
|
75
|
+
<cem-icon-link href="{//cem-url}/components.html" kind="normal" title="Select a theme for the documentation"> Components
|
|
76
|
+
</cem-icon-link>
|
|
135
77
|
|
|
136
78
|
<spacer></spacer>
|
|
137
|
-
<icon-
|
|
138
|
-
<icon-
|
|
79
|
+
<cem-icon-link icon="format_color_fill" title="Select a theme for the documentation"> Theme</cem-icon-link>
|
|
80
|
+
<cem-icon-link href="https://github.com/EPA-WG/custom-element-dist/tree/main/src/material"
|
|
139
81
|
icon="fab fa-github" title="GitHub reposotory"> GitHub
|
|
140
|
-
</icon-
|
|
82
|
+
</cem-icon-link>
|
|
141
83
|
</nav>
|
|
142
84
|
<section>
|
|
143
85
|
<slot></slot>
|
|
144
86
|
</section>
|
|
145
87
|
</template>
|
|
146
|
-
<custom-element hidden src="#icon-
|
|
88
|
+
<custom-element hidden src="./components/icon-link.html#cem-icon-link" tag="cem-icon-link"></custom-element>
|
|
147
89
|
|
|
148
90
|
<header class="cem-theme-teal">
|
|
149
91
|
<custom-element src="#nav-head">
|
|
@@ -151,9 +93,9 @@
|
|
|
151
93
|
<img alt="custom-element logo" class="logo-large" src="../custom-element/demo/wc-square.svg"/>
|
|
152
94
|
<h1> <code><custom-element></code> Material </h1>
|
|
153
95
|
<p> Material Design components for <a href="https://github.com/EPA-WG/custom-element"><code>custom-element</code></a> </p>
|
|
154
|
-
<icon-
|
|
96
|
+
<cem-icon-link class="cem-theme-default" href="./components.html" title="Select a theme for the documentation">Get
|
|
155
97
|
started
|
|
156
|
-
</icon-
|
|
98
|
+
</cem-icon-link>
|
|
157
99
|
</template>
|
|
158
100
|
</custom-element>
|
|
159
101
|
</header>
|
|
@@ -3,7 +3,7 @@ export default {
|
|
|
3
3
|
"_rev": "5-df363ab4a2b9c478c01e021bde4fbafe",
|
|
4
4
|
"name": "@epa-wg/custom-element-dist",
|
|
5
5
|
"dist-tags": {
|
|
6
|
-
"latest": "0.0.
|
|
6
|
+
"latest": "0.0.29"
|
|
7
7
|
},
|
|
8
8
|
"versions": {
|
|
9
9
|
"0.0.1": {
|
|
@@ -617,9 +617,9 @@ export default {
|
|
|
617
617
|
"host": "s3://npm-registry-packages"
|
|
618
618
|
}
|
|
619
619
|
},
|
|
620
|
-
"0.0.
|
|
620
|
+
"0.0.29": {
|
|
621
621
|
"name": "@epa-wg/custom-element-dist",
|
|
622
|
-
"version": "0.0.
|
|
622
|
+
"version": "0.0.29",
|
|
623
623
|
"type": "module",
|
|
624
624
|
"scripts": {
|
|
625
625
|
"dev": "vite",
|
|
@@ -636,7 +636,7 @@ export default {
|
|
|
636
636
|
"t": "vitest --no-file-parallelism --watch --browser.headless=false src/stories/attributes.test.stories.ts"
|
|
637
637
|
},
|
|
638
638
|
"dependencies": {
|
|
639
|
-
"@epa-wg/custom-element": "0.0.
|
|
639
|
+
"@epa-wg/custom-element": "0.0.29"
|
|
640
640
|
},
|
|
641
641
|
"devDependencies": {
|
|
642
642
|
"@chromatic-com/storybook": "^1.3.3",
|
|
@@ -707,7 +707,7 @@ export default {
|
|
|
707
707
|
"./src/custom-element/ide/web-types-dce.json",
|
|
708
708
|
"./src/custom-element/ide/web-types-xsl.json"
|
|
709
709
|
],
|
|
710
|
-
"_id": "@epa-wg/custom-element-dist@0.0.
|
|
710
|
+
"_id": "@epa-wg/custom-element-dist@0.0.29",
|
|
711
711
|
"gitHead": "a6a84bdc2cc433acf3d3afa827556c79ecacffb8",
|
|
712
712
|
"description": "Binary distribution for [@epa-wg/custom-element][git-url] with StoryBook and test coverage",
|
|
713
713
|
"_nodeVersion": "20.8.1",
|
|
@@ -715,7 +715,7 @@ export default {
|
|
|
715
715
|
"dist": {
|
|
716
716
|
"integrity": "sha512-ISVPKkirFGvTTNFanf9WxOTeEBJrAyjuebqQSJiH97QHgG7pxQQAWUC4heBRbJ9kUo5FUmBDph2d9Rep/POCDw==",
|
|
717
717
|
"shasum": "1a68a8bc37315cbcab0f66247aa54c82d7bc159d",
|
|
718
|
-
"tarball": "https://registry.npmjs.org/@epa-wg/custom-element-dist/-/custom-element-dist-0.0.
|
|
718
|
+
"tarball": "https://registry.npmjs.org/@epa-wg/custom-element-dist/-/custom-element-dist-0.0.29.tgz",
|
|
719
719
|
"fileCount": 299,
|
|
720
720
|
"unpackedSize": 9437753,
|
|
721
721
|
"signatures": [
|
|
@@ -751,7 +751,7 @@ export default {
|
|
|
751
751
|
"0.0.22": "2024-06-25T03:55:52.525Z",
|
|
752
752
|
"0.0.23": "2024-06-27T03:25:14.314Z",
|
|
753
753
|
"0.0.24": "2024-07-22T03:10:12.564Z",
|
|
754
|
-
"0.0.
|
|
754
|
+
"0.0.29": "2024-08-06T07:29:39.264Z"
|
|
755
755
|
},
|
|
756
756
|
"bugs": {
|
|
757
757
|
"url": "https://github.com/EPA-WG/custom-element/issues"
|
|
@@ -781,6 +781,6 @@ export default {
|
|
|
781
781
|
"email": "suns@simulationworks.com"
|
|
782
782
|
}
|
|
783
783
|
],
|
|
784
|
-
"readme": "# custom-element-dist\nBinary distribution for [@epa-wg/custom-element][git-url] with StoryBook and test coverage\n\n`custom-element` [![git][github-image] GitHub][git-url]\n| [tests project][git-test-url]\n| [![NPM version][npm-image]][npm-url]\n| [![coverage][coverage-image]][coverage-url]\n| [StoryBook][sb-url]\n\n# Content\n[bin/build.sh] generates binaries to be kept as in Git release as in NPM package.\nIt serves the record of compliance on the moment of build.\n## [dist](dist)\nCan be used as CDN entry with minified bundle: [custom-element-bundle.js][bundle-url]\n\nEach individual component of `custom-element` lib is available as hashed JS.\n\n## [coverage](coverage)\nProvides the unit test coverage for lib and StoryBooks\n\n## [storybook-static][sb-url]\nCDN version of StoryBook.\n\n[git-url]: https://github.com/EPA-WG/custom-element\n[git-test-url]: https://github.com/EPA-WG/custom-element-dist\n[github-image]: https://cdnjs.cloudflare.com/ajax/libs/octicons/8.5.0/svg/mark-github.svg\n[npm-image]: https://img.shields.io/npm/v/@epa-wg/custom-element-dist.svg\n[npm-url]: https://npmjs.org/package/@epa-wg/custom-element-dist\n[coverage-image]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.
|
|
784
|
+
"readme": "# custom-element-dist\nBinary distribution for [@epa-wg/custom-element][git-url] with StoryBook and test coverage\n\n`custom-element` [![git][github-image] GitHub][git-url]\n| [tests project][git-test-url]\n| [![NPM version][npm-image]][npm-url]\n| [![coverage][coverage-image]][coverage-url]\n| [StoryBook][sb-url]\n\n# Content\n[bin/build.sh] generates binaries to be kept as in Git release as in NPM package.\nIt serves the record of compliance on the moment of build.\n## [dist](dist)\nCan be used as CDN entry with minified bundle: [custom-element-bundle.js][bundle-url]\n\nEach individual component of `custom-element` lib is available as hashed JS.\n\n## [coverage](coverage)\nProvides the unit test coverage for lib and StoryBooks\n\n## [storybook-static][sb-url]\nCDN version of StoryBook.\n\n[git-url]: https://github.com/EPA-WG/custom-element\n[git-test-url]: https://github.com/EPA-WG/custom-element-dist\n[github-image]: https://cdnjs.cloudflare.com/ajax/libs/octicons/8.5.0/svg/mark-github.svg\n[npm-image]: https://img.shields.io/npm/v/@epa-wg/custom-element-dist.svg\n[npm-url]: https://npmjs.org/package/@epa-wg/custom-element-dist\n[coverage-image]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.29/coverage/src/custom-element/coverage.svg\n[coverage-url]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.29/coverage/src/custom-element/index.html\n[sb-url]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.29/storybook-static/index.html\n[bundle-url]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.29/dist/custom-element-bundle.js\n",
|
|
785
785
|
"readmeFilename": "README.md"
|
|
786
786
|
}
|