p-elements-core 2.1.0-rc9 → 2.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/p-elements-core.js +1 -1
- package/package.json +15 -5
- package/readme.md +13 -13
- package/typings/custom-element-controller.d.ts +18 -0
- package/typings/custom-element-controller.d.ts.map +1 -0
- package/typings/custom-element.d.ts +140 -0
- package/typings/custom-element.d.ts.map +1 -0
- package/typings/decorators/bind.d.ts +6 -0
- package/typings/decorators/bind.d.ts.map +1 -0
- package/typings/decorators/custom-element-config.d.ts +8 -0
- package/typings/decorators/custom-element-config.d.ts.map +1 -0
- package/typings/decorators/property.d.ts +213 -0
- package/typings/decorators/property.d.ts.map +1 -0
- package/typings/decorators/query.d.ts +2 -0
- package/typings/decorators/query.d.ts.map +1 -0
- package/typings/decorators/render-property-on-set.d.ts +2 -0
- package/typings/decorators/render-property-on-set.d.ts.map +1 -0
- package/typings/maquette/cache.d.ts +10 -0
- package/typings/maquette/cache.d.ts.map +1 -0
- package/typings/maquette/dom.d.ts +60 -0
- package/typings/maquette/dom.d.ts.map +1 -0
- package/typings/maquette/h.d.ts +35 -0
- package/typings/maquette/h.d.ts.map +1 -0
- package/{src/maquette/index.ts → typings/maquette/index.d.ts} +1 -1
- package/typings/maquette/index.d.ts.map +1 -0
- package/typings/maquette/interfaces.d.ts +475 -0
- package/typings/maquette/interfaces.d.ts.map +1 -0
- package/typings/maquette/jsx.d.ts +6 -0
- package/typings/maquette/jsx.d.ts.map +1 -0
- package/typings/maquette/mapping.d.ts +14 -0
- package/typings/maquette/mapping.d.ts.map +1 -0
- package/typings/maquette/projection.d.ts +9 -0
- package/typings/maquette/projection.d.ts.map +1 -0
- package/typings/maquette/projector.d.ts +27 -0
- package/typings/maquette/projector.d.ts.map +1 -0
- package/typings/p-elements-core.d.ts +239 -0
- package/typings/p-elements-core.d.ts.map +1 -0
- package/.babelrc +0 -21
- package/.editorconfig +0 -17
- package/.gitlab-ci.yml +0 -18
- package/demo/sample.js +0 -1
- package/demo/screen.css +0 -6
- package/demo/theme.css +0 -14
- package/docs/.eleventy.js +0 -109
- package/docs/package.json +0 -27
- package/docs/src/404.md +0 -8
- package/docs/src/_data/demos/animation/animation.tsx +0 -216
- package/docs/src/_data/demos/animation/index.html +0 -10
- package/docs/src/_data/demos/animation/project.json +0 -7
- package/docs/src/_data/demos/hello-world/hello-world.tsx +0 -35
- package/docs/src/_data/demos/hello-world/index.html +0 -10
- package/docs/src/_data/demos/hello-world/project.json +0 -7
- package/docs/src/_data/demos/timer/demo-timer.tsx +0 -120
- package/docs/src/_data/demos/timer/icons.tsx +0 -62
- package/docs/src/_data/demos/timer/index.html +0 -12
- package/docs/src/_data/demos/timer/project.json +0 -8
- package/docs/src/_data/global.js +0 -14
- package/docs/src/_data/helpers.js +0 -19
- package/docs/src/_includes/layouts/base.njk +0 -31
- package/docs/src/_includes/layouts/playground.njk +0 -40
- package/docs/src/_includes/partials/app-header.njk +0 -9
- package/docs/src/_includes/partials/head.njk +0 -15
- package/docs/src/_includes/partials/nav.njk +0 -20
- package/docs/src/_includes/partials/top-nav.njk +0 -52
- package/docs/src/assets/favicon.png +0 -0
- package/docs/src/assets/logo.svg +0 -9
- package/docs/src/documentation/custom-element-controller.md +0 -294
- package/docs/src/documentation/custom-element.md +0 -221
- package/docs/src/documentation/decorators/bind.md +0 -71
- package/docs/src/documentation/decorators/custom-element-config.md +0 -63
- package/docs/src/documentation/decorators/property.md +0 -83
- package/docs/src/documentation/decorators/query.md +0 -66
- package/docs/src/documentation/decorators/render-property-on-set.md +0 -60
- package/docs/src/documentation/decorators.md +0 -9
- package/docs/src/documentation/getting-started.md +0 -60
- package/docs/src/documentation/index.md +0 -33
- package/docs/src/documentation/reactive-properties.md +0 -54
- package/docs/src/index.d.ts +0 -25
- package/docs/src/index.md +0 -3
- package/docs/src/playground/animation.njk +0 -10
- package/docs/src/playground/index.njk +0 -10
- package/docs/src/playground/timer.njk +0 -10
- package/docs/src/scripts/components/app-drawer/app-drawer.css +0 -92
- package/docs/src/scripts/components/app-drawer/app-drawer.tsx +0 -67
- package/docs/src/scripts/components/app-mobile-menu/app-mobile-menu.css +0 -48
- package/docs/src/scripts/components/app-mobile-menu/app-mobile-menu.tsx +0 -112
- package/docs/src/scripts/components/app-mode-switch/app-mode-switch.css +0 -78
- package/docs/src/scripts/components/app-mode-switch/app-mode-switch.tsx +0 -166
- package/docs/src/scripts/components/app-playground/app-playground.tsx +0 -190
- package/docs/src/scripts/components/app-split-panel/app-split-panel.css +0 -33
- package/docs/src/scripts/components/app-split-panel/app-split-panel.tsx +0 -73
- package/docs/src/scripts/components/app-split-panel/resize-bar.tsx +0 -155
- package/docs/src/scripts/components/lazy-svg/lazy-svg.tsx +0 -94
- package/docs/src/scripts/index.ts +0 -6
- package/docs/src/scripts/playground.ts +0 -1
- package/docs/src/styles/main.css +0 -699
- package/docs/tsconfig.json +0 -22
- package/index.html +0 -49
- package/src/custom-element-controller.ts +0 -31
- package/src/custom-element.ts +0 -588
- package/src/decorators/bind.ts +0 -46
- package/src/decorators/custom-element-config.ts +0 -17
- package/src/decorators/property.ts +0 -684
- package/src/decorators/query.ts +0 -12
- package/src/decorators/render-property-on-set.ts +0 -3
- package/src/maquette/cache.ts +0 -35
- package/src/maquette/dom.ts +0 -115
- package/src/maquette/h.ts +0 -100
- package/src/maquette/interfaces.ts +0 -536
- package/src/maquette/jsx.ts +0 -61
- package/src/maquette/mapping.ts +0 -56
- package/src/maquette/projection.ts +0 -666
- package/src/maquette/projector.ts +0 -200
- package/src/p-elements-core.ts +0 -260
- package/src/sample/animate.tsx +0 -199
- package/src/sample/mixin/highlight.tsx +0 -33
- package/src/sample/sample.tsx +0 -447
- package/storybook/storybook-demo/.storybook/main.ts +0 -30
- package/storybook/storybook-demo/.storybook/preview-head.html +0 -1
- package/storybook/storybook-demo/.storybook/preview.ts +0 -20
- package/storybook/storybook-demo/package.json +0 -23
- package/storybook/storybook-demo/stories/bar.stories.tsx +0 -27
- package/storybook/storybook-demo/stories/baz.stories.tsx +0 -37
- package/storybook/storybook-demo/stories/foo.mdx +0 -11
- package/storybook/storybook-demo/stories/foo.stories.tsx +0 -27
- package/storybook/storybook-demo/stories/foo.tsx +0 -24
- package/storybook/storybook-demo/tsconfig.json +0 -30
- package/storybook/storybook-p-element-vite/README.md +0 -97
- package/storybook/storybook-p-element-vite/package.json +0 -81
- package/storybook/storybook-p-element-vite/preset.js +0 -2
- package/storybook/storybook-p-element-vite/src/docs/index.ts +0 -8
- package/storybook/storybook-p-element-vite/src/docs/source-decorator.ts +0 -55
- package/storybook/storybook-p-element-vite/src/entry-preview-docs.ts +0 -16
- package/storybook/storybook-p-element-vite/src/entry-preview.ts +0 -8
- package/storybook/storybook-p-element-vite/src/index.ts +0 -9
- package/storybook/storybook-p-element-vite/src/node/index.ts +0 -5
- package/storybook/storybook-p-element-vite/src/portable-stories.ts +0 -35
- package/storybook/storybook-p-element-vite/src/preset.ts +0 -69
- package/storybook/storybook-p-element-vite/src/render.ts +0 -96
- package/storybook/storybook-p-element-vite/src/types.ts +0 -99
- package/storybook/storybook-p-element-vite/tsconfig.json +0 -14
- package/storybook/storybook-p-element-vite/tsdown.config.ts +0 -26
- package/tsconfig.json +0 -67
- package/tsconfig.sample.json +0 -20
- package/webpack.config.js +0 -76
|
@@ -0,0 +1,239 @@
|
|
|
1
|
+
import { bind as _bind } from "./decorators/bind";
|
|
2
|
+
import { CustomElementConfig as _CustomElementConfig } from "./decorators/custom-element-config";
|
|
3
|
+
import { query as _query } from "./decorators/query";
|
|
4
|
+
import { property as _property } from "./decorators/property";
|
|
5
|
+
import { propertyRenderOnSet as _propertyRenderOnSet } from "./decorators/render-property-on-set";
|
|
6
|
+
import { CustomElement as _CustomElement } from "./custom-element";
|
|
7
|
+
import { CustomElementController as _CustomElementController } from "./custom-element-controller";
|
|
8
|
+
import { jsx } from "./maquette/jsx";
|
|
9
|
+
import type { VNode, VNodeProperties } from "./maquette/interfaces";
|
|
10
|
+
declare const _Maquette: {
|
|
11
|
+
createCache: <Result>() => import("./maquette/interfaces").CalculationCache<Result>;
|
|
12
|
+
createMapping: <Source, Target>(getSourceKey: (source: Source) => string | number, createResult: (source: Source, index: number) => Target, updateResult: (source: Source, target: Target, index: number) => void) => import("./maquette/interfaces").Mapping<Source, Target>;
|
|
13
|
+
createProjector: (projectorOptions?: import("./maquette/interfaces").ProjectorOptions) => import("./maquette/interfaces").Projector;
|
|
14
|
+
dom: {
|
|
15
|
+
create: (vnode: VNode, projectionOptions?: import("./maquette/interfaces").ProjectionOptions) => import("./maquette/interfaces").Projection;
|
|
16
|
+
append: (parentNode: Element, vnode: VNode, projectionOptions?: import("./maquette/interfaces").ProjectionOptions) => import("./maquette/interfaces").Projection;
|
|
17
|
+
insertBefore: (beforeNode: Element, vnode: VNode, projectionOptions?: import("./maquette/interfaces").ProjectionOptions) => import("./maquette/interfaces").Projection;
|
|
18
|
+
merge: (element: Element, vnode: VNode, projectionOptions?: import("./maquette/interfaces").ProjectionOptions) => import("./maquette/interfaces").Projection;
|
|
19
|
+
replace: (element: Element, vnode: VNode, projectionOptions?: import("./maquette/interfaces").ProjectionOptions) => import("./maquette/interfaces").Projection;
|
|
20
|
+
};
|
|
21
|
+
h: (tagName: string, properties: VNodeProperties | null, ...childNodes: import("./maquette/interfaces").VNodeChild[]) => VNode;
|
|
22
|
+
};
|
|
23
|
+
declare global {
|
|
24
|
+
interface Window {
|
|
25
|
+
Maquette: typeof _Maquette;
|
|
26
|
+
h: typeof jsx;
|
|
27
|
+
CustomElement: typeof CustomElement;
|
|
28
|
+
CustomElementController: typeof CustomElementController;
|
|
29
|
+
CustomElementConfig: typeof CustomElementConfig;
|
|
30
|
+
propertyRenderOnSet: typeof propertyRenderOnSet;
|
|
31
|
+
renderOnSet: typeof propertyRenderOnSet;
|
|
32
|
+
property: typeof property;
|
|
33
|
+
query: typeof query;
|
|
34
|
+
bind: typeof bind;
|
|
35
|
+
}
|
|
36
|
+
namespace JSX {
|
|
37
|
+
type Element = VNode;
|
|
38
|
+
interface ElementAttributesProperty {
|
|
39
|
+
props: {};
|
|
40
|
+
}
|
|
41
|
+
interface ElementChildrenAttribute {
|
|
42
|
+
children: {};
|
|
43
|
+
}
|
|
44
|
+
interface IntrinsicElements {
|
|
45
|
+
a: VNodeProperties;
|
|
46
|
+
abbr: VNodeProperties;
|
|
47
|
+
address: VNodeProperties;
|
|
48
|
+
area: VNodeProperties;
|
|
49
|
+
article: VNodeProperties;
|
|
50
|
+
aside: VNodeProperties;
|
|
51
|
+
audio: VNodeProperties;
|
|
52
|
+
b: VNodeProperties;
|
|
53
|
+
base: VNodeProperties;
|
|
54
|
+
bdi: VNodeProperties;
|
|
55
|
+
bdo: VNodeProperties;
|
|
56
|
+
big: VNodeProperties;
|
|
57
|
+
blockquote: VNodeProperties;
|
|
58
|
+
body: VNodeProperties;
|
|
59
|
+
br: VNodeProperties;
|
|
60
|
+
button: VNodeProperties;
|
|
61
|
+
canvas: VNodeProperties;
|
|
62
|
+
caption: VNodeProperties;
|
|
63
|
+
cite: VNodeProperties;
|
|
64
|
+
code: VNodeProperties;
|
|
65
|
+
col: VNodeProperties;
|
|
66
|
+
colgroup: VNodeProperties;
|
|
67
|
+
data: VNodeProperties;
|
|
68
|
+
datalist: VNodeProperties;
|
|
69
|
+
dd: VNodeProperties;
|
|
70
|
+
del: VNodeProperties;
|
|
71
|
+
details: VNodeProperties;
|
|
72
|
+
dfn: VNodeProperties;
|
|
73
|
+
dialog: VNodeProperties;
|
|
74
|
+
div: VNodeProperties;
|
|
75
|
+
dl: VNodeProperties;
|
|
76
|
+
dt: VNodeProperties;
|
|
77
|
+
em: VNodeProperties;
|
|
78
|
+
embed: VNodeProperties;
|
|
79
|
+
fieldset: VNodeProperties;
|
|
80
|
+
figcaption: VNodeProperties;
|
|
81
|
+
figure: VNodeProperties;
|
|
82
|
+
footer: VNodeProperties;
|
|
83
|
+
form: VNodeProperties;
|
|
84
|
+
h1: VNodeProperties;
|
|
85
|
+
h2: VNodeProperties;
|
|
86
|
+
h3: VNodeProperties;
|
|
87
|
+
h4: VNodeProperties;
|
|
88
|
+
h5: VNodeProperties;
|
|
89
|
+
h6: VNodeProperties;
|
|
90
|
+
head: VNodeProperties;
|
|
91
|
+
header: VNodeProperties;
|
|
92
|
+
hgroup: VNodeProperties;
|
|
93
|
+
hr: VNodeProperties;
|
|
94
|
+
html: VNodeProperties;
|
|
95
|
+
i: VNodeProperties;
|
|
96
|
+
iframe: VNodeProperties;
|
|
97
|
+
img: VNodeProperties;
|
|
98
|
+
input: VNodeProperties;
|
|
99
|
+
ins: VNodeProperties;
|
|
100
|
+
kbd: VNodeProperties;
|
|
101
|
+
keygen: VNodeProperties;
|
|
102
|
+
label: VNodeProperties;
|
|
103
|
+
legend: VNodeProperties;
|
|
104
|
+
li: VNodeProperties;
|
|
105
|
+
link: VNodeProperties;
|
|
106
|
+
main: VNodeProperties;
|
|
107
|
+
map: VNodeProperties;
|
|
108
|
+
mark: VNodeProperties;
|
|
109
|
+
menu: VNodeProperties;
|
|
110
|
+
menuitem: VNodeProperties;
|
|
111
|
+
meta: VNodeProperties;
|
|
112
|
+
meter: VNodeProperties;
|
|
113
|
+
nav: VNodeProperties;
|
|
114
|
+
noindex: VNodeProperties;
|
|
115
|
+
noscript: VNodeProperties;
|
|
116
|
+
object: VNodeProperties;
|
|
117
|
+
ol: VNodeProperties;
|
|
118
|
+
optgroup: VNodeProperties;
|
|
119
|
+
option: VNodeProperties;
|
|
120
|
+
output: VNodeProperties;
|
|
121
|
+
p: VNodeProperties;
|
|
122
|
+
param: VNodeProperties;
|
|
123
|
+
picture: VNodeProperties;
|
|
124
|
+
pre: VNodeProperties;
|
|
125
|
+
progress: VNodeProperties;
|
|
126
|
+
q: VNodeProperties;
|
|
127
|
+
rp: VNodeProperties;
|
|
128
|
+
rt: VNodeProperties;
|
|
129
|
+
ruby: VNodeProperties;
|
|
130
|
+
s: VNodeProperties;
|
|
131
|
+
samp: VNodeProperties;
|
|
132
|
+
script: VNodeProperties;
|
|
133
|
+
section: VNodeProperties;
|
|
134
|
+
select: VNodeProperties;
|
|
135
|
+
slot: VNodeProperties;
|
|
136
|
+
small: VNodeProperties;
|
|
137
|
+
source: VNodeProperties;
|
|
138
|
+
span: VNodeProperties;
|
|
139
|
+
strong: VNodeProperties;
|
|
140
|
+
style: VNodeProperties;
|
|
141
|
+
sub: VNodeProperties;
|
|
142
|
+
summary: VNodeProperties;
|
|
143
|
+
sup: VNodeProperties;
|
|
144
|
+
table: VNodeProperties;
|
|
145
|
+
template: VNodeProperties;
|
|
146
|
+
tbody: VNodeProperties;
|
|
147
|
+
td: VNodeProperties;
|
|
148
|
+
textarea: VNodeProperties;
|
|
149
|
+
tfoot: VNodeProperties;
|
|
150
|
+
th: VNodeProperties;
|
|
151
|
+
thead: VNodeProperties;
|
|
152
|
+
time: VNodeProperties;
|
|
153
|
+
title: VNodeProperties;
|
|
154
|
+
tr: VNodeProperties;
|
|
155
|
+
track: VNodeProperties;
|
|
156
|
+
u: VNodeProperties;
|
|
157
|
+
ul: VNodeProperties;
|
|
158
|
+
var: VNodeProperties;
|
|
159
|
+
video: VNodeProperties;
|
|
160
|
+
wbr: VNodeProperties;
|
|
161
|
+
webview: VNodeProperties;
|
|
162
|
+
svg: VNodeProperties;
|
|
163
|
+
animate: VNodeProperties;
|
|
164
|
+
animateMotion: VNodeProperties;
|
|
165
|
+
animateTransform: VNodeProperties;
|
|
166
|
+
circle: VNodeProperties;
|
|
167
|
+
clipPath: VNodeProperties;
|
|
168
|
+
defs: VNodeProperties;
|
|
169
|
+
desc: VNodeProperties;
|
|
170
|
+
ellipse: VNodeProperties;
|
|
171
|
+
feBlend: VNodeProperties;
|
|
172
|
+
feColorMatrix: VNodeProperties;
|
|
173
|
+
feComponentTransfer: VNodeProperties;
|
|
174
|
+
feComposite: VNodeProperties;
|
|
175
|
+
feConvolveMatrix: VNodeProperties;
|
|
176
|
+
feDiffuseLighting: VNodeProperties;
|
|
177
|
+
feDisplacementMap: VNodeProperties;
|
|
178
|
+
feDistantLight: VNodeProperties;
|
|
179
|
+
feDropShadow: VNodeProperties;
|
|
180
|
+
feFlood: VNodeProperties;
|
|
181
|
+
feFuncA: VNodeProperties;
|
|
182
|
+
feFuncB: VNodeProperties;
|
|
183
|
+
feFuncG: VNodeProperties;
|
|
184
|
+
feFuncR: VNodeProperties;
|
|
185
|
+
feGaussianBlur: VNodeProperties;
|
|
186
|
+
feImage: VNodeProperties;
|
|
187
|
+
feMerge: VNodeProperties;
|
|
188
|
+
feMergeNode: VNodeProperties;
|
|
189
|
+
feMorphology: VNodeProperties;
|
|
190
|
+
feOffset: VNodeProperties;
|
|
191
|
+
fePointLight: VNodeProperties;
|
|
192
|
+
feSpecularLighting: VNodeProperties;
|
|
193
|
+
feSpotLight: VNodeProperties;
|
|
194
|
+
feTile: VNodeProperties;
|
|
195
|
+
feTurbulence: VNodeProperties;
|
|
196
|
+
filter: VNodeProperties;
|
|
197
|
+
foreignObject: VNodeProperties;
|
|
198
|
+
g: VNodeProperties;
|
|
199
|
+
image: VNodeProperties;
|
|
200
|
+
line: VNodeProperties;
|
|
201
|
+
linearGradient: VNodeProperties;
|
|
202
|
+
marker: VNodeProperties;
|
|
203
|
+
mask: VNodeProperties;
|
|
204
|
+
metadata: VNodeProperties;
|
|
205
|
+
mpath: VNodeProperties;
|
|
206
|
+
path: VNodeProperties;
|
|
207
|
+
pattern: VNodeProperties;
|
|
208
|
+
polygon: VNodeProperties;
|
|
209
|
+
polyline: VNodeProperties;
|
|
210
|
+
radialGradient: VNodeProperties;
|
|
211
|
+
rect: VNodeProperties;
|
|
212
|
+
stop: VNodeProperties;
|
|
213
|
+
switch: VNodeProperties;
|
|
214
|
+
symbol: VNodeProperties;
|
|
215
|
+
text: VNodeProperties;
|
|
216
|
+
textPath: VNodeProperties;
|
|
217
|
+
tspan: VNodeProperties;
|
|
218
|
+
use: VNodeProperties;
|
|
219
|
+
view: VNodeProperties;
|
|
220
|
+
[elemName: string]: VNodeProperties;
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
var Maquette: typeof _Maquette;
|
|
224
|
+
var h: typeof jsx;
|
|
225
|
+
var CustomElement: typeof _CustomElement;
|
|
226
|
+
var CustomElementController: typeof _CustomElementController;
|
|
227
|
+
var CustomElementConfig: typeof _CustomElementConfig;
|
|
228
|
+
var propertyRenderOnSet: typeof _propertyRenderOnSet;
|
|
229
|
+
var renderOnSet: typeof _propertyRenderOnSet;
|
|
230
|
+
var property: typeof _property;
|
|
231
|
+
var query: typeof _query;
|
|
232
|
+
var bind: typeof _bind;
|
|
233
|
+
type VNode = import("./maquette/interfaces").VNode;
|
|
234
|
+
type VNodeProperties = import("./maquette/interfaces").VNodeProperties;
|
|
235
|
+
}
|
|
236
|
+
declare const h: (tagName: string, properties: VNodeProperties | null, ...childNodes: import("./maquette/interfaces").VNodeChild[]) => VNode;
|
|
237
|
+
declare const renderOnSet: (target: any, propertyKey: string) => void;
|
|
238
|
+
export { h, _CustomElement as CustomElement, _CustomElementController as CustomElementController, _CustomElementConfig as CustomElementConfig, _Maquette as Maquette, _propertyRenderOnSet as propertyRenderOnSet, renderOnSet, _property as property, _query as query, _bind as bind, VNode, VNodeProperties };
|
|
239
|
+
//# sourceMappingURL=p-elements-core.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"p-elements-core.d.ts","sourceRoot":"","sources":["../src/p-elements-core.ts"],"names":[],"mappings":"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"}
|
package/.babelrc
DELETED
package/.editorconfig
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
root = true
|
|
2
|
-
|
|
3
|
-
[*]
|
|
4
|
-
indent_style = space
|
|
5
|
-
indent_size = 2
|
|
6
|
-
end_of_line = crlf
|
|
7
|
-
charset = utf-8
|
|
8
|
-
trim_trailing_whitespace = true
|
|
9
|
-
insert_final_newline = true
|
|
10
|
-
|
|
11
|
-
[*.html]
|
|
12
|
-
indent_style = space
|
|
13
|
-
indent_size = 4
|
|
14
|
-
end_of_line = crlf
|
|
15
|
-
charset = utf-8
|
|
16
|
-
trim_trailing_whitespace = true
|
|
17
|
-
insert_final_newline = true
|
package/.gitlab-ci.yml
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
# The Docker image that will be used to build your app
|
|
2
|
-
image: node:lts
|
|
3
|
-
create-pages:
|
|
4
|
-
pages:
|
|
5
|
-
# The folder that contains the files to be exposed at the Page URL
|
|
6
|
-
publish: docs/public
|
|
7
|
-
rules:
|
|
8
|
-
# This ensures that only pushes to the default branch will trigger
|
|
9
|
-
# a pages deploy
|
|
10
|
-
- if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH
|
|
11
|
-
- if: $CI_COMMIT_REF_NAME == "pages"
|
|
12
|
-
# Functions that should be executed before the build script is run
|
|
13
|
-
before_script:
|
|
14
|
-
- cd docs
|
|
15
|
-
- npm ci
|
|
16
|
-
- npm run build
|
|
17
|
-
script:
|
|
18
|
-
- npm ci
|
package/demo/sample.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! P-ELEMENTS 2.1.0-rc8 - Tue Feb 10 2026 00:20:03 GMT+0100 (Central European Standard Time) */var t={};function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function n(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,r(o.key),o)}}function r(t){var n=function(t,n){if("object"!=e(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,n||"default");if("object"!=e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==e(n)?n:n+""}function o(t,n,r){return n=a(n),function(t,n){if(n&&("object"==e(n)||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,i()?Reflect.construct(n,r||[],a(t).constructor):n.apply(t,r))}function i(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(i=function(){return!!t})()}function a(t){return a=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},a(t)}function u(t,e){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},u(t,e)}function c(t,e,n){(function(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")})(t,e),e.set(t,n)}function l(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}t.d=(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},t.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var s;function f(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function p(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?f(Object(n),!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function d(t,e,n){return(e=v(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function y(t){return function(t){if(Array.isArray(t))return b(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return b(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function m(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,v(r.key),r)}}function v(t){var e=function(t,e){if("object"!=k(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==k(e)?e:e+""}function g(t,e,n){return e=O(e),function(t,e){if(e&&("object"==k(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,w()?Reflect.construct(e,n||[],O(t).constructor):e.apply(t,n))}function w(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(w=function(){return!!t})()}function O(t){return O=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},O(t)}function j(t,e){return j=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},j(t,e)}function k(t){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},k(t)}var S=function(t,e,n,r){var o,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"===("undefined"==typeof Reflect?"undefined":k(Reflect))&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},P=(s=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(e=g(this,t,arguments)).nextId=1,e.items=[{id:0,text:"Initial item",highlighted:!1}],e.enterAnimation=function(t){var e=t;e.style.opacity="0",e.style.transform="translateY(-20px)",requestAnimationFrame(function(){e.style.transition="opacity 0.3s ease, transform 0.3s ease",e.style.opacity="1",e.style.transform="translateY(0)"})},e.exitAnimation=function(t,e){var n=t;n.style.transition="opacity 0.3s ease, transform 0.3s ease",n.style.opacity="0",n.style.transform="translateX(-100px)",setTimeout(function(){e()},300)},e.updateAnimation=function(t,e,n){var r=t,o="true"===((null==e?void 0:e["data-highlighted"])||"false"),i="true"===((null==n?void 0:n["data-highlighted"])||"false");r.style.animation=!0===o&&!1===i?"pulse 0.5s ease":""},e.addItem=function(){e.items=[].concat(y(e.items),[{id:e.nextId++,text:"Item ".concat(e.nextId),highlighted:!1}])},e.removeItem=function(t){e.items=e.items.filter(function(e){return e.id!==t})},e.toggleHighlight=function(t){var n;e.items=null===(n=e.items)||void 0===n?void 0:n.map(function(e){return e.id===t?p(p({},e),{},{highlighted:!e.highlighted}):e})},e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&j(t,e)}(t,CustomElement),e=t,(n=[{key:"render",value:function(){var t=this;return h("div",{class:"container"},h("h2",null,"Animation Demo"),h("div",{class:"controls"},h("button",{onclick:this.addItem},"Add Item")),h("ul",{class:"item-list"},this.items&&this.items.map(function(e){return h("li",{key:e.id,"data-highlighted":e.highlighted?"true":"false",classes:{"list-item":!0,highlighted:e.highlighted},enterAnimation:t.enterAnimation,exitAnimation:t.exitAnimation,updateAnimation:t.updateAnimation},h("span",{class:"item-text"},e.text),h("div",{class:"item-actions"},h("button",{class:"toggle-btn",onclick:function(){return t.toggleHighlight(e.id)}},"Toggle"),h("button",{class:"remove-btn",onclick:function(){return t.removeItem(e.id)}},"Remove")))})))}}])&&m(e.prototype,n),r&&m(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n,r}(),s.style="\n :host {\n display: block;\n font-family: sans-serif;\n padding: 20px;\n }\n \n .container {\n max-width: 600px;\n }\n \n .controls {\n margin-bottom: 20px;\n display: flex;\n gap: 10px;\n }\n \n button {\n padding: 8px 16px;\n background: #007acc;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n }\n \n button:hover {\n background: #005a9e;\n }\n \n .item-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n \n .list-item {\n padding: 12px 16px;\n margin: 8px 0;\n background: #f0f0f0;\n border-radius: 4px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: background-color 0.3s ease;\n }\n \n .list-item.highlighted {\n background: #ffd700;\n }\n \n .item-text {\n flex: 1;\n }\n \n .item-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n \n .item-actions button {\n padding: 4px 12px;\n font-size: 12px;\n }\n \n .remove-btn {\n background: #d13438;\n }\n \n .remove-btn:hover {\n background: #a02a2e;\n }\n \n .toggle-btn {\n background: #orange;\n }\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n }\n \n ",s);S([property({type:"array"})],P.prototype,"items",void 0),P=S([CustomElementConfig({tagName:"p-animation-demo"})],P);var A=function(t){return function(e){customElements.get(t.tagName)?console.warn("Custom element with tag name ".concat(t.tagName," already exists.")):customElements.define(t.tagName,e,t.options)}};function x(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function C(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?x(Object(n),!0).forEach(function(e){E(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function E(t,e,n){return(e=function(t){var e=function(t,e){if("object"!=R(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==R(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function R(t){return R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},R(t)}var N=new WeakSet,_=new WeakMap,T=new WeakMap;function M(t,e,n,r,o){r===Boolean?n?t.setAttribute(e,""):t.removeAttribute(e):r===Object||r===Array?o&&o.toAttribute?t.setAttribute(e,o.toAttribute(n)):t.setAttribute(e,JSON.stringify(n)):null==n?t.removeAttribute(e):t.setAttribute(e,String(n))}function I(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.type,n=t.attribute,r=void 0===n||n,o=t.reflect,i=void 0!==o&&o,a=t.converter,u=t.readonly,c=void 0!==u&&u,l=function(t){if("string"==typeof t)switch(t){case"string":return String;case"number":return Number;case"boolean":return Boolean;case"object":return Object;case"array":return Array;default:return null}return t}(e);return function(e,n){var o=new WeakMap,u=function(t,e){if(!1!==e)return!0===e?t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase():"string"==typeof e?e:void 0}(n,r);Object.defineProperty(e,n,{get:function(){if(!o.has(this)&&u&&this.hasAttribute&&this.hasAttribute(u)){var t,e=this.getAttribute(u);if(null!==e)return t=a&&a.fromAttribute?a.fromAttribute(e):l===Boolean||(l===Number?Number(e):e),o.set(this,t),"function"==typeof this.renderNow&&this.renderNow(),t}return o.has(this)?o.get(this):l!==Boolean&&void 0},set:function(t){if(!c||!o.has(this)){var e,r=o.get(this),s=!1;if(null==l&&t!==r&&(s=!0),!o.has(this)&&u&&this.hasAttribute&&this.hasAttribute(u)){var f=this.getAttribute(u);if(null!==f)return e=a&&a.fromAttribute?a.fromAttribute(f):l===Boolean||(l===Number?Number(f):f),o.set(this,e),void(this.isConnected?("function"==typeof this.renderNow&&this.renderNow(),this.updated&&this.updated(n,r,e)):this.updated&&(T.has(this)||T.set(this,[]),T.get(this).push({propertyKey:n,oldValue:r,newValue:e})))}if(e=s?t:function(t,e,n){if(n&&n.fromAttribute&&"string"==typeof t)return n.fromAttribute(t);if(null==t)return t;switch(e){case String:return String(t);case Number:return Number(t);case Boolean:return Boolean(t);case Object:return"object"===R(t)?t:JSON.parse(String(t));case Array:return Array.isArray(t)?t:JSON.parse(String(t));default:return t}}(t,l,a),r!==e){var p=!this.shouldUpdate||this.shouldUpdate(n,r,e);if(o.set(this,p?e:r),i&&void 0!==u)if(this.isConnected){N.add(this);try{M(this,u,p?e:r,l,a)}finally{N.delete(this)}}else _.has(this)||_.set(this,new Map),_.get(this).set(u,{value:p?e:r,type:l,converter:a});this.isConnected?("function"==typeof this.renderNow&&this.renderNow(),this.updated&&this.updated(n,r,e)):this.updated&&(T.has(this)||T.set(this,[]),T.get(this).push({propertyKey:n,oldValue:r,newValue:e})),s&&"function"==typeof this.renderNow&&this.renderNow()}}},configurable:!0}),e.constructor._propertyInfo||(e.constructor._propertyInfo=new Map),e.constructor._propertyInfo.set(n,C(C({},t),{},{name:n,attribute:u,type:l})),u&&(e.constructor.observedAttributes||(e.constructor.observedAttributes=[]),e.constructor.observedAttributes.includes(u)||e.constructor.observedAttributes.push(u))}}var F=I({});function D(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,a,u=[],c=!0,l=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(u.push(r.value),u.length!==e);c=!0);}catch(t){l=!0,o=t}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return u}}(t,e)||V(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function W(t){return function(t){if(Array.isArray(t))return B(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||V(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(t,e){if(t){if("string"==typeof t)return B(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?B(t,e):void 0}}function B(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function L(t){return L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},L(t)}function U(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,q(r.key),r)}}function q(t){var e=function(t,e){if("object"!=L(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=L(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==L(e)?e:e+""}function z(t,e){if(e&&("object"==L(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function H(t){var e="function"==typeof Map?new Map:void 0;return H=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(e){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return function(t,e,n){if(J())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&Y(o,n.prototype),o}(t,arguments,$(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Y(n,t)},H(t)}function J(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(J=function(){return!!t})()}function Y(t,e){return Y=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Y(t,e)}function $(t){return $=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},$(t)}function K(t,e,n){X(t,e),e.set(t,n)}function X(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function Z(t,e){return t.get(Q(t,e))}function G(t,e,n){return t.set(Q(t,e),n),n}function Q(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}var tt=[],et=new WeakMap,nt=new WeakMap,rt=new WeakMap,ot=new WeakMap,it=new WeakMap,at=new WeakMap,ut=new WeakMap,ct=new WeakMap,lt=new WeakMap,st=new WeakMap,ft=new WeakMap,pt=new WeakMap,dt=new WeakMap,ht=new WeakMap,yt=new WeakMap,bt=new WeakMap,mt=new WeakSet,vt=function(){function t(e){var n,r,o,i;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),r=this,o=$(o=t),function(t,e){X(t,e),e.add(t)}(n=z(r,J()?Reflect.construct(o,i||[],$(r).constructor):o.apply(r,i)),mt),K(n,et,void 0),K(n,nt,void 0),K(n,rt,!1),K(n,ot,void 0),K(n,it,void 0),K(n,at,void 0),K(n,ut,!1),K(n,ct,!1),K(n,lt,!1),K(n,st,!0),K(n,ft,!0),K(n,pt,null),K(n,dt,void 0),K(n,ht,[]),K(n,yt,null),K(n,bt,null);var a=function(t){console.warn("ElementInternals.".concat(t," called before element was connected. Call will be ignored."))};return G(dt,n,{setValidity:function(t,e,n){a("setValidity")},reportValidity:function(){return a("reportValidity"),!1},checkValidity:function(){return a("checkValidity"),!0},setFormValue:function(t,e){a("setFormValue")}}),Q(mt,n,jt).call(n),Q(mt,n,gt).call(n),z(n,e)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Y(t,e)}(t,H(HTMLElement)),e=t,n=[{key:"isConnected",get:function(){return Z(rt,this)}},{key:"updateComplete",get:function(){return Z(yt,this)?Z(yt,this):Promise.resolve()}},{key:"internals",get:function(){if(!Z(rt,this)&&"object"===L(Z(dt,this)))return Z(dt,this);var t=this.constructor;if(null===Z(pt,this)&&t.formAssociated){var e=Z(dt,this);for(var n in G(dt,this,null),G(pt,this,this.attachInternals()),e)"function"!=typeof Z(pt,this)[n]&&(Z(pt,this)[n]=e[n])}return Z(pt,this)},set:function(t){G(pt,this,t)}},{key:"requestUpdate",value:function(){var t=this;return Z(yt,this)||(G(yt,this,new Promise(function(e){G(bt,t,e)})),this.scheduleRender()),Z(yt,this)}},{key:"addController",value:function(t){Z(ht,this).push(t),Z(rt,this)&&t.connected&&t.connected()}},{key:"scheduleRender",value:function(){var t;null===(t=Z(et,this))||void 0===t||t.scheduleRender()}},{key:"renderNow",value:function(){var t,e=this;if(this.shadowRoot&&(Z(yt,this)||G(yt,this,new Promise(function(t){G(bt,e,t)})),null===(t=Z(et,this))||void 0===t||t.renderNow(),this.updated("",null,null),Z(bt,this))){var n=Z(bt,this);G(bt,this,null),G(yt,this,null),n()}}},{key:"updated",value:function(t,e,n){}},{key:"shouldUpdate",value:function(t,e,n){return!0}},{key:"addStylesheetToRootNode",value:function(t,e){if(Q(mt,this),Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype){if(Z(it,this)||G(it,this,new CSSStyleSheet),Z(it,this).replaceSync(t),Z(ut,this))return;if(e instanceof Document){var n=Q(mt,this,St).call(this,t);-1===tt.indexOf(n)&&(document.adoptedStyleSheets=[].concat(W(document.adoptedStyleSheets),[Z(it,this)]),G(ut,this,!0),tt.push(n))}else this.shadowRoot.adoptedStyleSheets=[Z(it,this)],G(ut,this,!0)}else if(G(at,this,document.createElement("link")),Z(at,this).rel="stylesheet",Z(at,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})),e instanceof Document){var r=Q(mt,this,St).call(this,t);-1===tt.indexOf(r)&&(document.head.appendChild(Z(at,this)),tt.push(r))}else this.shadowRoot.appendChild(Z(at,this))}},{key:"templateFromString",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=document.createElement("template");n.innerHTML=t;var r=document.createDocumentFragment();r.appendChild(n.content);var o=r.querySelector("style");return e&&(G(ct,this,!0),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:Z(lt,this)})),o&&(Q(mt,this,kt).call(this,o.textContent),o.remove()),r}},{key:"adoptStyle",value:function(t,e){this.addStylesheetToRootNode(e,t)}},{key:"createProjector",value:function(t,e){var n=this;return new Promise(function(r,o){var i,a=Z(nt,n)?Z(nt,n):"append";requestAnimationFrame(function(){(i=window.Maquette.createProjector({performanceLogger:function(t){"renderStart"!==t&&"renderDone"!==t||Q(mt,n,wt).call(n,t)}}))[a](t,e.bind(n)),G(et,n,i),i.renderNow(),r(i),n.dispatchEvent(new CustomEvent("firstRender",{}))})})}},{key:"connectedCallback",value:function(){G(rt,this,!0);for(var t=0,e=Z(ht,this).length;t<e;){var n=Z(ht,this)[t];null!=n&&n.connected&&n.connected(),t+=1}!function(t){var e=_.get(t);if(e){N.add(t);try{e.forEach(function(e,n){M(t,n,e.value,e.type,e.converter)})}finally{N.delete(t)}_.delete(t)}var n=T.get(t);if(n&&t.updated){for(var r=n.length,o=0;o<r;){var i=n[o];t.updated(i.propertyKey,i.oldValue,i.newValue),o+=1}T.delete(t)}}(this),this.renderNow()}},{key:"disconnectedCallback",value:function(){G(rt,this,!1);for(var t=0,e=Z(ht,this).length;t<e;){var n=Z(ht,this)[t];null!=n&&n.disconnected&&n.disconnected(),t+=1}}},{key:"attributeChangedCallback",value:function(t,e,n){if(r=this,!N.has(r)){var r,o=this.constructor;if(null!=o&&o._propertyInfo){var i=Array.from(o._propertyInfo.values()).find(function(e){return e.attribute===t&&"string"==typeof e.attribute});if(i){var a=i.converter,u=n;null!=a&&a.fromAttribute?u=a.fromAttribute(n):i.type===Boolean?u=null!==n:i.type===Number&&(u=null===n?null:Number(n)),this[i.name]=u,this.scheduleRender()}}}}},{key:"render",value:function(){return null}}],n&&U(e.prototype,n),r&&U(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n,r}();function gt(){"function"==typeof this.init&&(this.init(),Z(ht,this).forEach(function(t){null==t||t.init()}))}function wt(t){var e=this;this[t]&&this[t](Z("renderStart"===t?st:ft,this));var n="host".concat(t.charAt(0).toUpperCase()).concat(t.slice(1));Z(ht,this).forEach(function(r){r[n]&&r[n](Z("renderStart"===t?st:ft,e))}),G("renderStart"===t?st:ft,this,!1)}function Ot(){var t=this.constructor;if(t._propertyInfo)for(var e=Array.from(t._propertyInfo.entries()),n=0,r=e.length;n<r;){var o=D(e[n],1)[0];if(Object.hasOwn(this,o)){var i=this[o];delete this[o],this[o]=i}n+=1}}function jt(){var t=this,e=this.constructor.projectorMode;G(nt,this,e||"append");var n=this.constructor.formAssociated,r=this.constructor.delegatesFocus;G(lt,this,r),n&&G(pt,this,this.attachInternals());var o=this.constructor.style;if(o){G(ct,this,!0),G(nt,this,"replace"),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:Z(lt,this)}),Q(mt,this,kt).call(this,o);var i=document.createElement("div");this.shadowRoot.appendChild(i),requestAnimationFrame(function(){t.createProjector(i,t.render).then(function(){Q(mt,t,Ot).call(t)})})}}function kt(t){G(ot,this,t),Z(ct,this)&&this.shadowRoot?this.addStylesheetToRootNode(t,this.shadowRoot):Z(ct,this)||this.addStylesheetToRootNode(t,document)}function St(t){for(var e=0,n=0;e<t.length;e++)n=Math.imul(31,n)+t.charCodeAt(e)|0;return n}function Pt(t){return Pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Pt(t)}function At(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,xt(r.key),r)}}function xt(t){var e=function(t,e){if("object"!=Pt(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=Pt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==Pt(e)?e:e+""}function Ct(t,e,n){(function(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")})(t,e),e.set(t,n)}function Et(t,e){return t.get(Rt(t,e))}function Rt(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}vt._propertyInfo=new Map;var Nt,_t,Tt,Mt,It,Ft=new WeakMap,Dt=function(){return t=function t(e){var n,r,o;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),Ct(this,Ft,void 0),r=this,o=e,(n=Ft).set(Rt(n,r),o),Et(Ft,this).addController(this)},(e=[{key:"hostElement",get:function(){return Et(Ft,this)}},{key:"renderNow",value:function(){var t;null===(t=this.hostElement)||void 0===t||t.renderNow()}},{key:"scheduleRender",value:function(){var t;null===(t=this.hostElement)||void 0===t||t.scheduleRender()}}])&&At(t.prototype,e),n&&At(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function Wt(t){var e="function"==typeof Map?new Map:void 0;return Wt=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(e){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return function(t,e,n){if(Zt())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&te(o,n.prototype),o}(t,arguments,Gt(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),te(n,t)},Wt(t)}function Vt(t,e,n,r){var o=Bt(Gt(1&r?t.prototype:t),e,n);return 2&r&&"function"==typeof o?function(t){return o.apply(n,t)}:o}function Bt(){return Bt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=Gt(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},Bt.apply(null,arguments)}function Lt(t,e,n){Ut(t,e),e.set(t,n)}function Ut(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function qt(t,e){return t.get(Ht(t,e))}function zt(t,e,n){return t.set(Ht(t,e),n),n}function Ht(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}function Jt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,$t(r.key),r)}}function Yt(t,e,n){return e&&Jt(t.prototype,e),n&&Jt(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function $t(t){var e=function(t,e){if("object"!=ee(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=ee(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==ee(e)?e:e+""}function Kt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Xt(t,e,n){return e=Gt(e),function(t,e){if(e&&("object"==ee(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,Zt()?Reflect.construct(e,n||[],Gt(t).constructor):e.apply(t,n))}function Zt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(Zt=function(){return!!t})()}function Gt(t){return Gt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Gt(t)}function Qt(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&te(t,e)}function te(t,e){return te=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},te(t,e)}function ee(t){return ee="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ee(t)}var ne=function(t,e,n,r){var o,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"===("undefined"==typeof Reflect?"undefined":ee(Reflect))&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},re=(Nt=function(){function t(){var e;return Kt(this,t),(e=Xt(this,t,arguments)).render=function(){return h("button",{class:"foo"},h("slot",null))},e}return Qt(t,vt),Yt(t)}(),Nt.style=".foo{background-color: red; color: white; border: 0px;}",Nt.delegatesFocus=!0,Nt);re=ne([A({tagName:"my-button"})],re);var oe,ie,ae=(Tt=new WeakMap,_t=function(t){function e(){var t;return Kt(this,e),Lt(t=Xt(this,e,arguments),Tt,void 0),t.count=1,t.name="",t.foo="foo",t.onInput=function(e){t.name=e.target.value},t.onPeterClick=function(e){console.log({e,p:t})},t.render=function(){return h("div",null,h("input",{type:"checkbox",checked:"Peter"===t.name}),h("h1",{part:"sample",on:{click:function(e){return console.log(e,t.slotContainer)}},id:"Foo"},"Hallo:"),h("h1",{"data-force-event-handler":"true",onclick:function(){return console.log("click "+t.name)},"data-title":t.name&&t.name.toLocaleUpperCase(),class:"title"},t.foo," ",t.name),h("p",{"data-count":t.count,updateAnimation:t.countUpdateAnimation},t.count),h("div",{id:"SlotContainer"},h("slot",null)),h("p",{eventListeners:[["mouseenter",function(){return console.log("enter")},{once:!0}],["mouseleave",function(){return console.log("leave")},{once:!0}]]},"Please enter your name (hint type"," ",h("em",null,h("strong",null,"Peter")),")",h("br",null),h("input",{type:"text",value:t.name,oninput:t.onInput})),h("p",null,h("a",{is:"super-a"},"Super a")),t.name&&t.name.toLowerCase&&t.name.toLowerCase().indexOf("peter")>-1?h("div",{key:"peter",afterRemoved:t.peterRemoved,afterCreate:t.peterCreate,class:"is-peter",eventListeners:[["click",t.onPeterClick]],enterAnimation:t.enterAnimation,exitAnimation:t.exitAnimation},h("p",null,"Hello Peter"),h("img",{class:"is-peter--image",src:"https://s-media-cache-ak0.pinimg.com/474x/ce/1d/07/ce1d07011c0afb8e0614a0ae42a8c861.jpg",height:"140"})):"")},zt(Tt,t,!1),t.onFooEvent=function(e){t.foo=e.detail.foo},t}return Qt(e,t),Yt(e,[{key:"enterAnimation",value:function(t,e){t.animate([{transform:"translateY(800px)"},{transform:"translateY(0px)"}],{duration:1e3,iterations:1})}},{key:"exitAnimation",value:function(t,e,n){console.log("exit animation",{domNode:t,properties:n}),t.animate([{opacity:1,scale:1},{opacity:0,scale:0}],{duration:1e3,iterations:1}).finished.then(function(){e(t),console.log("removed")})}},{key:"countUpdateAnimation",value:function(t,e,n){t.animate([{transform:"rotate(0) scale(0)"},{transform:"rotate(360deg) scale(1)"}],{duration:1e3,iterations:1})}},{key:"peterRemoved",value:function(){console.log("removed")}},{key:"peterCreate",value:function(){console.log("create")}},{key:"connectedCallback",value:function(){var t=this;if(!qt(Tt,this)){zt(Tt,this,!0);var e=this.templateFromString('\n <style>\n\n :host{\n /* display: none; */\n }\n\n .root {\n display: flex;\n padding: 10px;\n flex-direction: row;\n }\n\n #Foo {\n text-decoration: underline;\n }\n\n #SlotContainer ::slotted(*) {\n font-weight: bold;\n color: green;\n font-size: 1.5em;\n }\n\n </style>\n <div class="root"></div>\n ');this.shadowRoot.appendChild(e),this.createProjector(this.shadowRoot.querySelector(".root"),this.render)}setInterval(function(){t.count++,t.renderNow()},5e3),window.addEventListener("foo",this.onFooEvent)}},{key:"attributeChangedCallback",value:function(t,n,r){Vt(e,"attributeChangedCallback",this,3)([t,n,r])}}],[{key:"observedAttributes",get:function(){return["name"]}}])}((oe=function(){function t(){return Kt(this,t),Xt(this,t,arguments)}return Qt(t,vt),Yt(t)}(),ie=new WeakMap,function(t){function e(){var t;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return c(t=o(this,e,[].concat(r)),ie,!1),t}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&u(t,e)}(e,t),r=e,(i=[{key:"highlight",get:function(){return e=this,(t=ie).get(l(t,e));var t,e},set:function(t){var e,n,r;n=this,r=t,(e=ie).set(l(e,n),r);var o="unset";t&&(o="yellow");var i=null==this?void 0:this.shadowRoot.querySelector("div");i&&(i.style.backgroundColor=o)}}])&&n(r.prototype,i),a&&n(r,a),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,i,a}(oe))),_t.isFormAssociated=!0,_t);ne([F],ae.prototype,"name",void 0),ne([F],ae.prototype,"foo",void 0),ne([function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return function(n,r){Object.defineProperty(n,r,{get:function(){return e?this.shadowRoot.querySelector(t):this.querySelector(t)}})}}("#SlotContainer")],ae.prototype,"slotContainer",void 0),ae=ne([A({tagName:"my-greetings"})],ae);var ue=new WeakMap,ce=new WeakSet,le=function(){function t(){var e,n,r;return Kt(this,t),e=Xt(this,t,arguments),Ut(n=e,r=ce),r.add(n),Lt(e,ue,void 0),zt(ue,e,!1),e.disabled=!1,e}return Qt(t,Dt),Yt(t,[{key:"connected",value:function(){console.log("connected"),zt(ue,this,!0),Ht(ce,this,se).call(this)}},{key:"disconnected",value:function(){console.info("disconnected"),zt(ue,this,!1)}},{key:"shouldUpdate",value:function(t,e,n){return console.info("shouldUpdate",{property:t,oldValue:e,newValue:n}),!0}},{key:"updated",value:function(t,e,n){console.info("updated",{property:t,oldValue:e,newValue:n}),Ht(ce,this,se).call(this)}},{key:"hostRenderStart",value:function(t){console.info("hostRenderStart",{isFirstRender:t,controller:this})}},{key:"hostRenderDone",value:function(t){console.info("hostRenderDone",{isFirstRender:t,controller:this})}}])}();function se(){qt(ue,this)&&(!0===this.disabled?this.hostElement.setAttribute("disabled","!!"):this.hostElement.removeAttribute("disabled"))}ne([I({type:"boolean"})],le.prototype,"disabled",void 0);var fe=(Mt=function(){function t(){var e;return Kt(this,t),(e=Xt(this,t,arguments)).disabledController=new le(e),e.items=["foo","bar"],e.nickName="de prutser",e.render=function(){var t;return h("div",{classes:{foo:!0,foo__disabled:e.disabledController.disabled}},h("div",null,"Hello ",e.name," ",e.nickName?h("span",null," (",e.nickName,")"):null),h("div",null,"age ",e.age),e.data?h("pre",null,JSON.stringify(e.data,null,2)):null,null===(t=e.items)||void 0===t?void 0:t.map(function(t,e){return h("div",{key:"item".concat(e)},t)}))},e}return Qt(t,vt),Yt(t,[{key:"init",value:function(){console.info("init!!!!")}},{key:"shouldUpdate",value:function(t,e,n){return"name"!==t||"string"!=typeof n||"adolf"!==n.toLocaleLowerCase()}},{key:"updated",value:function(t,e,n){console.info("PFoo",{name:t,old:e,newValue:n})}},{key:"attributeChangedCallback",value:function(e,n,r){Vt(t,"attributeChangedCallback",this,3)([e,n,r]),"disabled"===e&&(this.disabledController.disabled=null!==r)}},{key:"renderStart",value:function(t){console.info("renderStart",{isFirstRender:t,tag:this.tagName})}},{key:"renderDone",value:function(t){console.info("renderDone",{isFirstRender:t,tag:this.tagName})}}])}(),Mt.style=".foo{color: red} .foo__disabled{opacity: 0.5;}",Mt.observedAttributes=["disabled"],Mt);ne([I({type:"string",attribute:"name",reflect:!0})],fe.prototype,"name",void 0),ne([I({type:"number",attribute:"age",reflect:!0})],fe.prototype,"age",void 0),ne([I({type:"object",attribute:"data",reflect:!0})],fe.prototype,"data",void 0),ne([I({attribute:"items",type:"object",reflect:!0,converter:{fromAttribute:function(t){return t?t.split(",").map(function(t){return t.trim()}):null},toAttribute:function(t){return t.join?t.join(","):null}}})],fe.prototype,"items",void 0),ne([I({type:"string",attribute:"nick-name",readonly:!0})],fe.prototype,"nickName",void 0),fe=ne([A({tagName:"p-foo"})],fe);var pe=function(){function t(){var e;return Kt(this,t),(e=Xt(this,t)).onclick=function(t){t.preventDefault(),alert("super")},e}return Qt(t,Wt(HTMLAnchorElement)),Yt(t,[{key:"connectedCallback",value:function(){this.classList.add("super"),this.style.color="red"}}])}(),de=(It=function(){function t(){var e;return Kt(this,t),(e=Xt(this,t,arguments)).hasPFoo=!1,e.render=function(){return h("div",{class:"root"},h("span",null,"Delegate focus. The input should be focused when you click on me."),h("input",{type:"text",placeholder:"I should be focused"}),h("hr",null),h("span",null,"Also p-foo should be rendered below when it is defined."),e.hasPFoo?h("p-foo",{name:"peter","nick-name":"web component freak",age:123,items:["baz","bar"]}):null)},e}return Qt(t,vt),Yt(t,[{key:"connectedCallback",value:function(){var e=this;Vt(t,"connectedCallback",this,3)([]),customElements.whenDefined("p-foo").then(function(){e.hasPFoo=!0})}}])}(),It.style="\n .root {\n display: flex;\n flex-direction: column;\n gap: 10px;\n background-color: #eee;\n padding: 10px;\n }",It.delegatesFocus=!0,It);ne([I({type:"boolean",attribute:"has-p-foo"})],de.prototype,"hasPFoo",void 0),de=ne([A({tagName:"delegate-focus-demo"})],de),window.customElements.define("super-a",pe,{extends:"a"});export{re as MyButton,ae as MyGreetings};
|
package/demo/screen.css
DELETED
package/demo/theme.css
DELETED
package/docs/.eleventy.js
DELETED
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import esbuild from "esbuild";
|
|
2
|
-
import postcss from "postcss";
|
|
3
|
-
import fs from "fs";
|
|
4
|
-
import path from "path";
|
|
5
|
-
import { fileURLToPath } from "url";
|
|
6
|
-
import postcssPresetEnv from "postcss-preset-env";
|
|
7
|
-
import cssnano from "cssnano";
|
|
8
|
-
import postcssImport from "postcss-import";
|
|
9
|
-
import syntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
|
|
10
|
-
|
|
11
|
-
import eleventyNavigationPlugin from "@11ty/eleventy-navigation";
|
|
12
|
-
|
|
13
|
-
const __filename = fileURLToPath(import.meta.url);
|
|
14
|
-
const __dirname = path.dirname(__filename);
|
|
15
|
-
|
|
16
|
-
const CSSPlugin = {
|
|
17
|
-
name: "CSSPlugin",
|
|
18
|
-
setup(build) {
|
|
19
|
-
build.onLoad({ filter: /\.css$/ }, async (args) => {
|
|
20
|
-
return new Promise((resolve) => {
|
|
21
|
-
let css = fs.readFileSync(args.path, "utf8");
|
|
22
|
-
const conf = [
|
|
23
|
-
postcssPresetEnv({ grid: true }),
|
|
24
|
-
postcssImport({ path: ["./node_modules"] }),
|
|
25
|
-
cssnano({ preset: "default" }),
|
|
26
|
-
];
|
|
27
|
-
|
|
28
|
-
postcss(conf)
|
|
29
|
-
.process(css, { from: args.path })
|
|
30
|
-
.then((result) => {
|
|
31
|
-
esbuild
|
|
32
|
-
.transform(result.css, {
|
|
33
|
-
loader: "css",
|
|
34
|
-
minify: true,
|
|
35
|
-
})
|
|
36
|
-
.then((result) => {
|
|
37
|
-
resolve({ loader: "text", contents: result.code });
|
|
38
|
-
});
|
|
39
|
-
})
|
|
40
|
-
.catch((e) => {
|
|
41
|
-
if (e.name === "CssSyntaxError") {
|
|
42
|
-
log(e.reason + ` in ${args.path}`, "error");
|
|
43
|
-
} else {
|
|
44
|
-
log(`Error ${e} in ${args.path}`, "error");
|
|
45
|
-
}
|
|
46
|
-
resolve({ loader: "text", contents: "" });
|
|
47
|
-
});
|
|
48
|
-
});
|
|
49
|
-
});
|
|
50
|
-
},
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
export default function (eleventyConfig) {
|
|
54
|
-
eleventyConfig.addPassthroughCopy({
|
|
55
|
-
"./node_modules/playground-elements/playground-typescript-worker.js":
|
|
56
|
-
"scripts/",
|
|
57
|
-
});
|
|
58
|
-
eleventyConfig.addPassthroughCopy({
|
|
59
|
-
"./node_modules/playground-elements/internal/*.js": "scripts/internal",
|
|
60
|
-
});
|
|
61
|
-
|
|
62
|
-
eleventyConfig.addPassthroughCopy("./src/styles/**/*.css");
|
|
63
|
-
eleventyConfig.addPassthroughCopy("./src/assets");
|
|
64
|
-
eleventyConfig.addPassthroughCopy("./src/scripts/**/*.js");
|
|
65
|
-
eleventyConfig.addPassthroughCopy({ "./src/_data/demos": "demos/" });
|
|
66
|
-
eleventyConfig.addPlugin(eleventyNavigationPlugin);
|
|
67
|
-
eleventyConfig.addPlugin(syntaxHighlight);
|
|
68
|
-
|
|
69
|
-
eleventyConfig.on("eleventy.before", async () => {
|
|
70
|
-
// copy ../dist/*.* to public/scripts/
|
|
71
|
-
const distPath = path.resolve(__dirname, "../dist");
|
|
72
|
-
const outputPath = path.resolve(__dirname, "public/scripts");
|
|
73
|
-
|
|
74
|
-
await fs.promises.cp(distPath, outputPath, {
|
|
75
|
-
recursive: true,
|
|
76
|
-
force: true,
|
|
77
|
-
});
|
|
78
|
-
const files = await fs.promises.readdir(distPath);
|
|
79
|
-
files.forEach((file) => {
|
|
80
|
-
if (file.endsWith(".js")) {
|
|
81
|
-
console.log(`Copied ${file} from ${distPath} to ${outputPath}`);
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
|
|
85
|
-
await esbuild.build({
|
|
86
|
-
entryPoints: ["src/scripts/index.ts", "src/scripts/playground.ts"],
|
|
87
|
-
allowOverwrite: true,
|
|
88
|
-
bundle: true,
|
|
89
|
-
minify: true,
|
|
90
|
-
sourcemap: false,
|
|
91
|
-
format: "esm",
|
|
92
|
-
plugins: [CSSPlugin],
|
|
93
|
-
outdir: "public/scripts",
|
|
94
|
-
});
|
|
95
|
-
});
|
|
96
|
-
eleventyConfig.addWatchTarget("./src/scripts/");
|
|
97
|
-
|
|
98
|
-
eleventyConfig.setIncludesDirectory("_includes/partials");
|
|
99
|
-
eleventyConfig.setLayoutsDirectory("_includes/layouts");
|
|
100
|
-
eleventyConfig.setDataDirectory("_data");
|
|
101
|
-
|
|
102
|
-
return {
|
|
103
|
-
markdownTemplateEngine: "njk",
|
|
104
|
-
dir: {
|
|
105
|
-
input: "src",
|
|
106
|
-
output: "public",
|
|
107
|
-
},
|
|
108
|
-
};
|
|
109
|
-
}
|
package/docs/package.json
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "docs",
|
|
3
|
-
"version": "1.0.0",
|
|
4
|
-
"main": "index.js",
|
|
5
|
-
"scripts": {
|
|
6
|
-
"test": "echo \"Error: no test specified\" && exit 1",
|
|
7
|
-
"dev": "eleventy --serve",
|
|
8
|
-
"build": "eleventy"
|
|
9
|
-
},
|
|
10
|
-
"keywords": [],
|
|
11
|
-
"author": "",
|
|
12
|
-
"license": "ISC",
|
|
13
|
-
"description": "",
|
|
14
|
-
"type": "module",
|
|
15
|
-
"dependencies": {
|
|
16
|
-
"@11ty/eleventy": "^3.1.2",
|
|
17
|
-
"@11ty/eleventy-navigation": "^1.0.4",
|
|
18
|
-
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
|
|
19
|
-
"cssnano": "^7.0.6",
|
|
20
|
-
"esbuild": "^0.27.3",
|
|
21
|
-
"p-elements-core": "2.1.0-rc6",
|
|
22
|
-
"playground-elements": "^0.20.0",
|
|
23
|
-
"postcss": "^8.5.3",
|
|
24
|
-
"postcss-import": "^16.1.0",
|
|
25
|
-
"postcss-preset-env": "^11.1.3"
|
|
26
|
-
}
|
|
27
|
-
}
|