@threadlabs/looma 0.39.6 → 0.41.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/components/ui-button/ui-button.html +8 -10
- package/components/ui-button/ui-button.js +5 -2
- package/components/ui-editor-link-card/ui-editor-link-card.html +0 -1
- package/components/ui-pagination/ui-pagination.html +3 -6
- package/components/ui-site-header/ui-site-header.html +164 -0
- package/dist/index.js +1 -1
- package/docs/card.html +1 -1
- package/docs/catalog.json +207 -32
- package/package.json +1 -1
- package/styles/ui-site-header.css +165 -0
- package/vanilla/UiButton.d.ts +0 -1
- package/vanilla/UiButton.js +71 -71
- package/vanilla/UiEditorLinkCard.js +1 -1
- package/vanilla/UiPagination.js +44 -57
- package/vanilla/UiSiteHeader.d.ts +25 -0
- package/vanilla/UiSiteHeader.js +96 -0
- package/vanilla/index.js +1 -0
- package/vue/UiButton.d.ts +0 -6
- package/vue/UiButton.vue +8 -30
- package/vue/UiEditorLinkCard.vue +0 -1
- package/vue/UiPagination.vue +13 -15
- package/vue/UiSiteHeader.d.ts +47 -0
- package/vue/UiSiteHeader.js +2 -0
- package/vue/UiSiteHeader.vue +299 -0
- package/vue/chunks/UiButton.js +8 -36
- package/vue/chunks/UiEditorLinkCard.js +0 -1
- package/vue/chunks/UiPagination.js +13 -27
- package/vue/chunks/UiSiteHeader.js +150 -0
- package/vue/components.css +154 -0
- package/vue/editor/index.js +107 -121
- package/vue/index.d.ts +1 -0
- package/vue/index.js +2 -1
package/vanilla/UiButton.js
CHANGED
|
@@ -25,20 +25,20 @@ const T18 = ["",[]];
|
|
|
25
25
|
const T19 = ["",[]];
|
|
26
26
|
let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12, P13, P14, P15, P16, P17, P18, P19;
|
|
27
27
|
const S = { n: ["appearance","colorTone"], t: ["?","?"], f: import.meta.url, g: "ui-button", k: 0, r: readonlyView, a: (host, I) => C(host, I), b: generatedInputs };
|
|
28
|
-
const A = [["a",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-
|
|
28
|
+
const A = [["a",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-preset","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-square","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","data-appearance","data-tone","href","target","rel","aria-disabled","aria-busy","tabindex"]],["button",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-preset","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-square","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","data-appearance","data-tone","type","disabled","aria-disabled","aria-busy"]],["a",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-preset","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-square","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","data-appearance","data-tone","href","target","rel","aria-disabled","aria-busy","tabindex"]],["button",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-preset","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-square","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","data-appearance","data-tone","type","disabled","aria-disabled","aria-busy"]]];
|
|
29
29
|
const Q = [[],[],[],[]];
|
|
30
|
-
const D = { g: "ui-button", props: { "align": { "required":false,"values":["center","start"],"default":"center", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "
|
|
30
|
+
const D = { g: "ui-button", props: { "align": { "required":false,"values":["center","start"],"default":"center", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "href": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "loading": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "pending": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "preset": { "required":false,"values":["none","primary","standard","quiet","destructive"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "rel": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "shape": { "required":false,"values":["rounded","pill"],"default":"rounded", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "size": { "required":false,"values":["xs","sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "square": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "stretch": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "target": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "tone": { "required":false,"values":["accent","neutral","danger","success","warning","info"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "type": { "required":false,"values":["button","submit","reset"],"default":"button", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "variant": { "required":false,"values":["outline","solid","danger","ghost","link","card","field"],"default":"outline", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
|
|
31
31
|
const C = (host) => activateModule(controller, host);
|
|
32
32
|
|
|
33
33
|
export function createUiButton(options = {}, html) {
|
|
34
34
|
const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
|
|
35
|
-
const v = [undefined, undefined, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null
|
|
35
|
+
const v = [undefined, undefined, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null];
|
|
36
36
|
let B = acceptProps(undefined, D, S.n, v, componentProps, [], html);
|
|
37
37
|
const CS = [];
|
|
38
|
-
const inputStatus = (j) => { if (j >= 0 && j < 2) { g(j); return CS[j] ?? UNRESOLVED_INPUT; } if (j === 2) return awaitInput(B, "align", true); if (j === 3) return awaitInput(B, "
|
|
38
|
+
const inputStatus = (j) => { if (j >= 0 && j < 2) { g(j); return CS[j] ?? UNRESOLVED_INPUT; } if (j === 2) return awaitInput(B, "align", true); if (j === 3) return awaitInput(B, "disabled", true); if (j === 4) return awaitInput(B, "href", true); if (j === 5) return awaitInput(B, "loading", true); if (j === 6) return awaitInput(B, "pending", true); if (j === 7) return awaitInput(B, "preset", true); if (j === 8) return awaitInput(B, "rel", true); if (j === 9) return awaitInput(B, "shape", true); if (j === 10) return awaitInput(B, "size", true); if (j === 11) return awaitInput(B, "square", true); if (j === 12) return awaitInput(B, "stretch", true); if (j === 13) return awaitInput(B, "target", true); if (j === 14) return awaitInput(B, "tone", true); if (j === 15) return awaitInput(B, "type", true); if (j === 16) return awaitInput(B, "variant", true); return v[j] === undefined ? UNRESOLVED_INPUT : READY_INPUT; };
|
|
39
39
|
const X = { e: 0, g: (j) => g(j), w: new Set(), a: CS, i: inputStatus };
|
|
40
40
|
const ke = [];
|
|
41
|
-
const K = [() => readIndex({ "none": inputRead(v[
|
|
41
|
+
const K = [() => readIndex({ "none": inputRead(v[16], inputStatus(16)), "primary": "solid", "standard": "solid", "quiet": "ghost", "destructive": "solid" }, inputRead(v[7], inputStatus(7))), () => readIndex(recordValue(["none","primary","standard","quiet","destructive"], [readIndex({ "true": "danger", "false": inputRead(v[14], inputStatus(14)) }, textCall("concat", [(inputRead(v[16], inputStatus(16)) === "danger")])), "accent", "neutral", "neutral", "danger"]), inputRead(v[7], inputStatus(7)))];
|
|
42
42
|
const g = (j) => {
|
|
43
43
|
const i = j - 0;
|
|
44
44
|
if (ke[i] === X.e) return v[j];
|
|
@@ -51,7 +51,7 @@ export function createUiButton(options = {}, html) {
|
|
|
51
51
|
if (!Object.is(previous, next)) { v[j] = next; X.n?.(j, previous, next); }
|
|
52
52
|
return next;
|
|
53
53
|
};
|
|
54
|
-
let a = (((g(0) === "card") && (v[
|
|
54
|
+
let a = (((g(0) === "card") && (v[4] !== null)) ? 0 : (g(0) === "card") ? 1 : (v[4] !== null) ? 2 : 3);
|
|
55
55
|
let element;
|
|
56
56
|
if (a === 0) {
|
|
57
57
|
element = document.createElement("a");
|
|
@@ -233,64 +233,64 @@ export function createUiButton(options = {}, html) {
|
|
|
233
233
|
return r;
|
|
234
234
|
};
|
|
235
235
|
const p0 = (r, c, d) => {
|
|
236
|
-
if (c &
|
|
236
|
+
if (c & 1073807488) {
|
|
237
237
|
const x0 = g(0);
|
|
238
238
|
const s0 = toAttribute(x0, "data-appearance");
|
|
239
239
|
if (s0 !== r.v0) writeAttribute(r.n, "data-appearance", r.v0 = s0);
|
|
240
240
|
}
|
|
241
|
-
if (c &
|
|
241
|
+
if (c & 1073823872) {
|
|
242
242
|
const x1 = g(1);
|
|
243
243
|
if (x1 !== NONCONFORMING) {
|
|
244
244
|
const s1 = toAttribute(x1, "data-tone");
|
|
245
245
|
if (s1 !== r.v1) writeAttribute(r.n, "data-tone", r.v1 = s1);
|
|
246
246
|
}
|
|
247
247
|
}
|
|
248
|
-
if (c &
|
|
249
|
-
const x2 = readIndex({ "true": null, "false": v[
|
|
248
|
+
if (c & 1073741944) {
|
|
249
|
+
const x2 = readIndex({ "true": null, "false": v[4] }, textCall("concat", [((truthy(v[3]) || truthy(v[5])) || truthy(v[6]))]));
|
|
250
250
|
if (x2 !== NONCONFORMING) {
|
|
251
251
|
const s2 = toAttribute(x2, "href");
|
|
252
252
|
if (s2 !== r.v2) writeUrlAttribute(r.n, "href", r.v2 = s2);
|
|
253
253
|
}
|
|
254
254
|
}
|
|
255
|
-
if (c &
|
|
256
|
-
const x3 = v[
|
|
255
|
+
if (c & 8192) {
|
|
256
|
+
const x3 = v[13];
|
|
257
257
|
const s3 = toAttribute(x3, "target");
|
|
258
258
|
if (s3 !== r.v3) writeAttribute(r.n, "target", r.v3 = s3);
|
|
259
259
|
}
|
|
260
|
-
if (c &
|
|
261
|
-
const x4 = v[
|
|
260
|
+
if (c & 256) {
|
|
261
|
+
const x4 = v[8];
|
|
262
262
|
const s4 = toAttribute(x4, "rel");
|
|
263
263
|
if (s4 !== r.v4) writeAttribute(r.n, "rel", r.v4 = s4);
|
|
264
264
|
}
|
|
265
|
-
if (c &
|
|
266
|
-
const x5 = readIndex({ "true": "true", "false": null }, textCall("concat", [((truthy(v[
|
|
265
|
+
if (c & 1073741928) {
|
|
266
|
+
const x5 = readIndex({ "true": "true", "false": null }, textCall("concat", [((truthy(v[3]) || truthy(v[5])) || truthy(v[6]))]));
|
|
267
267
|
if (x5 !== NONCONFORMING) {
|
|
268
268
|
const s5 = toAttribute(x5, "aria-disabled");
|
|
269
269
|
if (s5 !== r.v5) writeAttribute(r.n, "aria-disabled", r.v5 = s5);
|
|
270
270
|
}
|
|
271
271
|
}
|
|
272
|
-
if (c &
|
|
273
|
-
const x6 = (truthy(v[
|
|
272
|
+
if (c & 96) {
|
|
273
|
+
const x6 = (truthy(v[5]) || truthy(v[6]));
|
|
274
274
|
const s6 = toAttribute(x6, "aria-busy");
|
|
275
275
|
if (s6 !== r.v6) writeAttribute(r.n, "aria-busy", r.v6 = s6);
|
|
276
276
|
}
|
|
277
|
-
if (c &
|
|
278
|
-
const x7 = readIndex({ "true": "0", "false": null }, textCall("concat", [((truthy(v[
|
|
277
|
+
if (c & 1073741928) {
|
|
278
|
+
const x7 = readIndex({ "true": "0", "false": null }, textCall("concat", [((truthy(v[5]) || truthy(v[6])) && !truthy(v[3]))]));
|
|
279
279
|
if (x7 !== NONCONFORMING) {
|
|
280
280
|
const s7 = toAttribute(x7, "tabindex");
|
|
281
281
|
if (s7 !== r.v7) writeAttribute(r.n, "tabindex", r.v7 = s7);
|
|
282
282
|
}
|
|
283
283
|
}
|
|
284
|
-
if (c &
|
|
285
|
-
const x8 = hostState(["align","stretch","size","shape","square","loading","pending"], [v[2], v[
|
|
284
|
+
if (c & 7780) {
|
|
285
|
+
const x8 = hostState(["align","stretch","size","shape","square","loading","pending"], [v[2], v[12], v[10], v[9], v[11], v[5], v[6]]);
|
|
286
286
|
const s8 = x8;
|
|
287
287
|
if (s8 !== r.v8) writeAttribute(r.n, "data-ui-button-state", (r.v8 = s8) === "" ? null : s8);
|
|
288
288
|
}
|
|
289
|
-
if (c &
|
|
289
|
+
if (c & 96 && !((truthy(v[5]) || truthy(v[6]))) !== !r.b0) {
|
|
290
290
|
if (r.b0) { r.b0 = undefined; clearRegion(r.a1, r.e0); }
|
|
291
291
|
else { r.b0 = m1(d); r.e0.before(r.b0.n); }
|
|
292
292
|
} else if (r.b0 !== undefined) p1(r.b0, c, d);
|
|
293
|
-
if (c &
|
|
293
|
+
if (c & 96 && !(!(truthy(v[5]) || truthy(v[6]))) !== !r.b1) {
|
|
294
294
|
if (r.b1) { dispose(r.b1); r.b1 = undefined; clearRegion(r.a2, r.e1); }
|
|
295
295
|
else { r.b1 = m2(d); r.e1.before(r.b1.n); }
|
|
296
296
|
} else if (r.b1 !== undefined) p2(r.b1, c, d);
|
|
@@ -315,50 +315,50 @@ export function createUiButton(options = {}, html) {
|
|
|
315
315
|
return r;
|
|
316
316
|
};
|
|
317
317
|
const p6 = (r, c, d) => {
|
|
318
|
-
if (c &
|
|
318
|
+
if (c & 1073807488) {
|
|
319
319
|
const x0 = g(0);
|
|
320
320
|
const s0 = toAttribute(x0, "data-appearance");
|
|
321
321
|
if (s0 !== r.v0) writeAttribute(r.n, "data-appearance", r.v0 = s0);
|
|
322
322
|
}
|
|
323
|
-
if (c &
|
|
323
|
+
if (c & 1073823872) {
|
|
324
324
|
const x1 = g(1);
|
|
325
325
|
if (x1 !== NONCONFORMING) {
|
|
326
326
|
const s1 = toAttribute(x1, "data-tone");
|
|
327
327
|
if (s1 !== r.v1) writeAttribute(r.n, "data-tone", r.v1 = s1);
|
|
328
328
|
}
|
|
329
329
|
}
|
|
330
|
-
if (c &
|
|
331
|
-
const x2 = v[
|
|
330
|
+
if (c & 1073774592) {
|
|
331
|
+
const x2 = v[15];
|
|
332
332
|
const s2 = toAttribute(x2, "type");
|
|
333
333
|
if (s2 !== r.v2) writeAttribute(r.n, "type", r.v2 = s2);
|
|
334
334
|
}
|
|
335
|
-
if (c &
|
|
336
|
-
const x3 = v[
|
|
335
|
+
if (c & 8) {
|
|
336
|
+
const x3 = v[3];
|
|
337
337
|
const s3 = toAttribute(x3, "disabled");
|
|
338
338
|
if (s3 !== r.v3) writeAttribute(r.n, "disabled", r.v3 = s3);
|
|
339
339
|
}
|
|
340
|
-
if (c &
|
|
341
|
-
const x4 = readIndex({ "true": "true", "false": null }, textCall("concat", [(truthy(v[
|
|
340
|
+
if (c & 1073741920) {
|
|
341
|
+
const x4 = readIndex({ "true": "true", "false": null }, textCall("concat", [(truthy(v[5]) || truthy(v[6]))]));
|
|
342
342
|
if (x4 !== NONCONFORMING) {
|
|
343
343
|
const s4 = toAttribute(x4, "aria-disabled");
|
|
344
344
|
if (s4 !== r.v4) writeAttribute(r.n, "aria-disabled", r.v4 = s4);
|
|
345
345
|
}
|
|
346
346
|
}
|
|
347
|
-
if (c &
|
|
348
|
-
const x5 = (truthy(v[
|
|
347
|
+
if (c & 96) {
|
|
348
|
+
const x5 = (truthy(v[5]) || truthy(v[6]));
|
|
349
349
|
const s5 = toAttribute(x5, "aria-busy");
|
|
350
350
|
if (s5 !== r.v5) writeAttribute(r.n, "aria-busy", r.v5 = s5);
|
|
351
351
|
}
|
|
352
|
-
if (c &
|
|
353
|
-
const x6 = hostState(["align","stretch","size","shape","square","loading","pending"], [v[2], v[
|
|
352
|
+
if (c & 7780) {
|
|
353
|
+
const x6 = hostState(["align","stretch","size","shape","square","loading","pending"], [v[2], v[12], v[10], v[9], v[11], v[5], v[6]]);
|
|
354
354
|
const s6 = x6;
|
|
355
355
|
if (s6 !== r.v6) writeAttribute(r.n, "data-ui-button-state", (r.v6 = s6) === "" ? null : s6);
|
|
356
356
|
}
|
|
357
|
-
if (c &
|
|
357
|
+
if (c & 96 && !((truthy(v[5]) || truthy(v[6]))) !== !r.b0) {
|
|
358
358
|
if (r.b0) { r.b0 = undefined; clearRegion(r.a1, r.e0); }
|
|
359
359
|
else { r.b0 = m7(d); r.e0.before(r.b0.n); }
|
|
360
360
|
} else if (r.b0 !== undefined) p7(r.b0, c, d);
|
|
361
|
-
if (c &
|
|
361
|
+
if (c & 96 && !(!(truthy(v[5]) || truthy(v[6]))) !== !r.b1) {
|
|
362
362
|
if (r.b1) { dispose(r.b1); r.b1 = undefined; clearRegion(r.a2, r.e1); }
|
|
363
363
|
else { r.b1 = m8(d); r.e1.before(r.b1.n); }
|
|
364
364
|
} else if (r.b1 !== undefined) p8(r.b1, c, d);
|
|
@@ -380,60 +380,60 @@ export function createUiButton(options = {}, html) {
|
|
|
380
380
|
return r;
|
|
381
381
|
};
|
|
382
382
|
const p12 = (r, c, d) => {
|
|
383
|
-
if (c &
|
|
383
|
+
if (c & 1073807488) {
|
|
384
384
|
const x0 = g(0);
|
|
385
385
|
const s0 = toAttribute(x0, "data-appearance");
|
|
386
386
|
if (s0 !== r.v0) writeAttribute(r.n, "data-appearance", r.v0 = s0);
|
|
387
387
|
}
|
|
388
|
-
if (c &
|
|
388
|
+
if (c & 1073823872) {
|
|
389
389
|
const x1 = g(1);
|
|
390
390
|
if (x1 !== NONCONFORMING) {
|
|
391
391
|
const s1 = toAttribute(x1, "data-tone");
|
|
392
392
|
if (s1 !== r.v1) writeAttribute(r.n, "data-tone", r.v1 = s1);
|
|
393
393
|
}
|
|
394
394
|
}
|
|
395
|
-
if (c &
|
|
396
|
-
const x2 = readIndex({ "true": null, "false": v[
|
|
395
|
+
if (c & 1073741944) {
|
|
396
|
+
const x2 = readIndex({ "true": null, "false": v[4] }, textCall("concat", [((truthy(v[3]) || truthy(v[5])) || truthy(v[6]))]));
|
|
397
397
|
if (x2 !== NONCONFORMING) {
|
|
398
398
|
const s2 = toAttribute(x2, "href");
|
|
399
399
|
if (s2 !== r.v2) writeUrlAttribute(r.n, "href", r.v2 = s2);
|
|
400
400
|
}
|
|
401
401
|
}
|
|
402
|
-
if (c &
|
|
403
|
-
const x3 = v[
|
|
402
|
+
if (c & 8192) {
|
|
403
|
+
const x3 = v[13];
|
|
404
404
|
const s3 = toAttribute(x3, "target");
|
|
405
405
|
if (s3 !== r.v3) writeAttribute(r.n, "target", r.v3 = s3);
|
|
406
406
|
}
|
|
407
|
-
if (c &
|
|
408
|
-
const x4 = v[
|
|
407
|
+
if (c & 256) {
|
|
408
|
+
const x4 = v[8];
|
|
409
409
|
const s4 = toAttribute(x4, "rel");
|
|
410
410
|
if (s4 !== r.v4) writeAttribute(r.n, "rel", r.v4 = s4);
|
|
411
411
|
}
|
|
412
|
-
if (c &
|
|
413
|
-
const x5 = readIndex({ "true": "true", "false": null }, textCall("concat", [((truthy(v[
|
|
412
|
+
if (c & 1073741928) {
|
|
413
|
+
const x5 = readIndex({ "true": "true", "false": null }, textCall("concat", [((truthy(v[3]) || truthy(v[5])) || truthy(v[6]))]));
|
|
414
414
|
if (x5 !== NONCONFORMING) {
|
|
415
415
|
const s5 = toAttribute(x5, "aria-disabled");
|
|
416
416
|
if (s5 !== r.v5) writeAttribute(r.n, "aria-disabled", r.v5 = s5);
|
|
417
417
|
}
|
|
418
418
|
}
|
|
419
|
-
if (c &
|
|
420
|
-
const x6 = (truthy(v[
|
|
419
|
+
if (c & 96) {
|
|
420
|
+
const x6 = (truthy(v[5]) || truthy(v[6]));
|
|
421
421
|
const s6 = toAttribute(x6, "aria-busy");
|
|
422
422
|
if (s6 !== r.v6) writeAttribute(r.n, "aria-busy", r.v6 = s6);
|
|
423
423
|
}
|
|
424
|
-
if (c &
|
|
425
|
-
const x7 = readIndex({ "true": "0", "false": null }, textCall("concat", [((truthy(v[
|
|
424
|
+
if (c & 1073741928) {
|
|
425
|
+
const x7 = readIndex({ "true": "0", "false": null }, textCall("concat", [((truthy(v[5]) || truthy(v[6])) && !truthy(v[3]))]));
|
|
426
426
|
if (x7 !== NONCONFORMING) {
|
|
427
427
|
const s7 = toAttribute(x7, "tabindex");
|
|
428
428
|
if (s7 !== r.v7) writeAttribute(r.n, "tabindex", r.v7 = s7);
|
|
429
429
|
}
|
|
430
430
|
}
|
|
431
|
-
if (c &
|
|
432
|
-
const x8 = hostState(["align","stretch","size","shape","square","loading","pending"], [v[2], v[
|
|
431
|
+
if (c & 7780) {
|
|
432
|
+
const x8 = hostState(["align","stretch","size","shape","square","loading","pending"], [v[2], v[12], v[10], v[9], v[11], v[5], v[6]]);
|
|
433
433
|
const s8 = x8;
|
|
434
434
|
if (s8 !== r.v8) writeAttribute(r.n, "data-ui-button-state", (r.v8 = s8) === "" ? null : s8);
|
|
435
435
|
}
|
|
436
|
-
if (c &
|
|
436
|
+
if (c & 96 && !((truthy(v[5]) || truthy(v[6]))) !== !r.b0) {
|
|
437
437
|
if (r.b0) { r.b0 = undefined; clearRegion(r.a1, r.e0); }
|
|
438
438
|
else { r.b0 = m13(d); r.e0.before(r.b0.n); }
|
|
439
439
|
} else if (r.b0 !== undefined) p13(r.b0, c, d);
|
|
@@ -455,46 +455,46 @@ export function createUiButton(options = {}, html) {
|
|
|
455
455
|
return r;
|
|
456
456
|
};
|
|
457
457
|
const p16 = (r, c, d) => {
|
|
458
|
-
if (c &
|
|
458
|
+
if (c & 1073807488) {
|
|
459
459
|
const x0 = g(0);
|
|
460
460
|
const s0 = toAttribute(x0, "data-appearance");
|
|
461
461
|
if (s0 !== r.v0) writeAttribute(r.n, "data-appearance", r.v0 = s0);
|
|
462
462
|
}
|
|
463
|
-
if (c &
|
|
463
|
+
if (c & 1073823872) {
|
|
464
464
|
const x1 = g(1);
|
|
465
465
|
if (x1 !== NONCONFORMING) {
|
|
466
466
|
const s1 = toAttribute(x1, "data-tone");
|
|
467
467
|
if (s1 !== r.v1) writeAttribute(r.n, "data-tone", r.v1 = s1);
|
|
468
468
|
}
|
|
469
469
|
}
|
|
470
|
-
if (c &
|
|
471
|
-
const x2 = v[
|
|
470
|
+
if (c & 1073774592) {
|
|
471
|
+
const x2 = v[15];
|
|
472
472
|
const s2 = toAttribute(x2, "type");
|
|
473
473
|
if (s2 !== r.v2) writeAttribute(r.n, "type", r.v2 = s2);
|
|
474
474
|
}
|
|
475
|
-
if (c &
|
|
476
|
-
const x3 = v[
|
|
475
|
+
if (c & 8) {
|
|
476
|
+
const x3 = v[3];
|
|
477
477
|
const s3 = toAttribute(x3, "disabled");
|
|
478
478
|
if (s3 !== r.v3) writeAttribute(r.n, "disabled", r.v3 = s3);
|
|
479
479
|
}
|
|
480
|
-
if (c &
|
|
481
|
-
const x4 = readIndex({ "true": "true", "false": null }, textCall("concat", [(truthy(v[
|
|
480
|
+
if (c & 1073741920) {
|
|
481
|
+
const x4 = readIndex({ "true": "true", "false": null }, textCall("concat", [(truthy(v[5]) || truthy(v[6]))]));
|
|
482
482
|
if (x4 !== NONCONFORMING) {
|
|
483
483
|
const s4 = toAttribute(x4, "aria-disabled");
|
|
484
484
|
if (s4 !== r.v4) writeAttribute(r.n, "aria-disabled", r.v4 = s4);
|
|
485
485
|
}
|
|
486
486
|
}
|
|
487
|
-
if (c &
|
|
488
|
-
const x5 = (truthy(v[
|
|
487
|
+
if (c & 96) {
|
|
488
|
+
const x5 = (truthy(v[5]) || truthy(v[6]));
|
|
489
489
|
const s5 = toAttribute(x5, "aria-busy");
|
|
490
490
|
if (s5 !== r.v5) writeAttribute(r.n, "aria-busy", r.v5 = s5);
|
|
491
491
|
}
|
|
492
|
-
if (c &
|
|
493
|
-
const x6 = hostState(["align","stretch","size","shape","square","loading","pending"], [v[2], v[
|
|
492
|
+
if (c & 7780) {
|
|
493
|
+
const x6 = hostState(["align","stretch","size","shape","square","loading","pending"], [v[2], v[12], v[10], v[9], v[11], v[5], v[6]]);
|
|
494
494
|
const s6 = x6;
|
|
495
495
|
if (s6 !== r.v6) writeAttribute(r.n, "data-ui-button-state", (r.v6 = s6) === "" ? null : s6);
|
|
496
496
|
}
|
|
497
|
-
if (c &
|
|
497
|
+
if (c & 96 && !((truthy(v[5]) || truthy(v[6]))) !== !r.b0) {
|
|
498
498
|
if (r.b0) { r.b0 = undefined; clearRegion(r.a1, r.e0); }
|
|
499
499
|
else { r.b0 = m17(d); r.e0.before(r.b0.n); }
|
|
500
500
|
} else if (r.b0 !== undefined) p17(r.b0, c, d);
|
|
@@ -510,8 +510,8 @@ export function createUiButton(options = {}, html) {
|
|
|
510
510
|
const p = (c, d) => {
|
|
511
511
|
if (R === null) return;
|
|
512
512
|
if (R === undefined) { R = M[a](element, d); return; }
|
|
513
|
-
if (c &
|
|
514
|
-
const t = (((g(0) === "card") && (v[
|
|
513
|
+
if (c & 1073807504) {
|
|
514
|
+
const t = (((g(0) === "card") && (v[4] !== null)) ? 0 : (g(0) === "card") ? 1 : (v[4] !== null) ? 2 : 3);
|
|
515
515
|
if (t !== a) {
|
|
516
516
|
dispose(R);
|
|
517
517
|
for (const key in I.r) delete I.r[key];
|
|
@@ -532,4 +532,4 @@ export function createUiButton(options = {}, html) {
|
|
|
532
532
|
manageProps(I);
|
|
533
533
|
return element;
|
|
534
534
|
}
|
|
535
|
-
defineComponent("ui-button", createUiButton, ["align","
|
|
535
|
+
defineComponent("ui-button", createUiButton, ["align","disabled","href","loading","pending","preset","rel","shape","size","square","stretch","target","tone","type","variant"]);
|
|
@@ -5,7 +5,7 @@ import "../styles/ui-editor-link-card.css";
|
|
|
5
5
|
|
|
6
6
|
const T0 = ["",[],"\n ",["ui-card",["variant","elevated","padding","xs","size","sm"],["ui-cluster",["gap","xs","wrap","nowrap","role","group","aria-label","Link actions"],["ui-icon",[]],"\n ",["ui-stack",["gap","none","fill",""],["ui-text",["as","strong","size","sm","weight","medium","font","sans","truncate",""],0],"\n ",1],"\n ",1,"\n ",["ui-icon-button",["label","Edit link","variant","ghost","size","sm","data-link-action","edit"],["ui-icon",["name","pencil"]]],"\n ",["ui-tooltip",[],"Edit link"],"\n ",["ui-icon-button",["label","Remove link","variant","ghost","size","sm","data-link-action","remove"],["ui-icon",["name","unlink"]]],"\n ",["ui-tooltip",[],"Remove link"]]],"\n "];
|
|
7
7
|
const T1 = ["ui-text",["as","small","size","xs","tone","secondary","font","sans","truncate",""],0];
|
|
8
|
-
const T2 = ["",[],"\n ",["ui-button",["
|
|
8
|
+
const T2 = ["",[],"\n ",["ui-button",["variant","ghost","tone","neutral","size","sm","target","_blank","rel","noopener noreferrer","aria-label","Open link"],["ui-icon",["name","external-link"]]],"\n ",["ui-tooltip",[],"Open link"],"\n "];
|
|
9
9
|
let P0, P1, P2;
|
|
10
10
|
const S = { n: ["base","resolved","shown"], t: ["s","?","?"], f: import.meta.url, g: "ui-editor-link-card", k: 1, d: { "edit": [detailCheck(checkRecord(checkUnknown)), true, true, false], "remove": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared, r: readonlyView, a: (host, I) => C(host, I), b: generatedInputs, i: ["ui-editor-link-card"] };
|
|
11
11
|
const D = { g: "ui-editor-link-card", props: { "detail": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "href": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "openHref": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "targetLabel": { "required":false,"default":"Item", c: checkString, t: "string", j: 0, m: "s" } } };
|
package/vanilla/UiPagination.js
CHANGED
|
@@ -32,7 +32,7 @@ export function createUiPagination(options = {}, html) {
|
|
|
32
32
|
const s = document.createComment("html-next:item-start"), t = document.createComment("html-next:item-end");
|
|
33
33
|
n.prepend(s);
|
|
34
34
|
n.append(t);
|
|
35
|
-
const r = { k: undefined, i: o, n: s, t, x: 0, y: 0, j, l, a1: t1, a2: t2, w: 0, v0: null, v1: null, v2: null, v3: null, v4: null, v5: null, v6: null, v7: null, v8:
|
|
35
|
+
const r = { k: undefined, i: o, n: s, t, x: 0, y: 0, j, l, a1: t1, a2: t2, w: 0, v0: null, v1: null, v2: null, v3: null, v4: null, v5: null, v6: null, v7: null, v8: "", a0: t0, e0: t0.nextSibling, b0: undefined };
|
|
36
36
|
p1(r, -1, E);
|
|
37
37
|
return r;
|
|
38
38
|
};
|
|
@@ -62,35 +62,32 @@ export function createUiPagination(options = {}, html) {
|
|
|
62
62
|
if (s3 !== r.v3) writeAttribute(r.a1, "disabled", r.v3 = s3);
|
|
63
63
|
}
|
|
64
64
|
if (c & 1073741824) {
|
|
65
|
-
const x4 = trackContainer(r, readIndex({ "true": "
|
|
65
|
+
const x4 = trackContainer(r, readIndex({ "true": readMember(o, "href"), "false": null }, textCall("concat", [(defaultValue(readMember(o, "href"), "") !== "")])));
|
|
66
66
|
if (x4 !== NONCONFORMING) {
|
|
67
|
-
const s4 = toAttribute(x4, "
|
|
68
|
-
if (s4 !== r.v4)
|
|
67
|
+
const s4 = toAttribute(x4, "href");
|
|
68
|
+
if (s4 !== r.v4) writeUrlAttribute(r.a1, "href", r.v4 = s4);
|
|
69
69
|
}
|
|
70
|
-
const x5 = trackContainer(r, readMember(o, "
|
|
71
|
-
const s5 = toAttribute(x5, "
|
|
72
|
-
if (s5 !== r.v5)
|
|
73
|
-
const x6 = trackContainer(r, readMember(o, "value"));
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
if (x7 !== NONCONFORMING) {
|
|
78
|
-
const s9 = toText(x7);
|
|
79
|
-
if (s9 !== r.v9) r.a2.data = r.v9 = s9;
|
|
70
|
+
const x5 = trackContainer(r, readMember(o, "value"));
|
|
71
|
+
const s5 = toAttribute(x5, "data-pagination-page");
|
|
72
|
+
if (s5 !== r.v5) writeAttribute(r.a1, "data-pagination-page", r.v5 = s5);
|
|
73
|
+
const x6 = formatCall("format", [trackContainer(r, readMember(o, "value")), "number"], "number");
|
|
74
|
+
if (x6 !== NONCONFORMING) {
|
|
75
|
+
const s8 = toText(x6);
|
|
76
|
+
if (s8 !== r.v8) r.a2.data = r.v8 = s8;
|
|
80
77
|
}
|
|
81
78
|
}
|
|
82
79
|
if (c & 1073741952) {
|
|
83
|
-
const
|
|
84
|
-
if (
|
|
85
|
-
const
|
|
86
|
-
if (
|
|
80
|
+
const x7 = textCall("concat", [v[7], " ", formatCall("format", [trackContainer(r, readMember(o, "value")), "number"], "number")]);
|
|
81
|
+
if (x7 !== NONCONFORMING) {
|
|
82
|
+
const s6 = toAttribute(x7, "aria-label");
|
|
83
|
+
if (s6 !== r.v6) writeAttribute(r.a1, "aria-label", r.v6 = s6);
|
|
87
84
|
}
|
|
88
85
|
}
|
|
89
86
|
if (c & 1073741888) {
|
|
90
|
-
const
|
|
91
|
-
if (
|
|
92
|
-
const
|
|
93
|
-
if (
|
|
87
|
+
const x8 = trackContainer(r, readIndex({ "true": "page", "false": null }, textCall("concat", [(readMember(o, "value") === v[6])])));
|
|
88
|
+
if (x8 !== NONCONFORMING) {
|
|
89
|
+
const s7 = toAttribute(x8, "aria-current");
|
|
90
|
+
if (s7 !== r.v7) writeAttribute(r.a1, "aria-current", r.v7 = s7);
|
|
94
91
|
}
|
|
95
92
|
}
|
|
96
93
|
if (c & -1073741568 && !((truthy(binaryValue(">", r.j, 0)) && truthy(binaryValue(">", readMember(o, "value"), binaryValue("+", readMember(readIndex(v[8], binaryValue("-", r.j, 1, undefined, undefined, subtract)), "value"), 1, undefined, undefined, add))))) !== !r.b0) {
|
|
@@ -124,8 +121,8 @@ export function createUiPagination(options = {}, html) {
|
|
|
124
121
|
const x1 = v[11];
|
|
125
122
|
const s1 = toAttribute(x1, "size");
|
|
126
123
|
if (s1 !== r.v1) writeAttribute(r.a1, "size", r.v1 = s1);
|
|
127
|
-
const
|
|
128
|
-
if (
|
|
124
|
+
const s6 = toAttribute(x1, "size");
|
|
125
|
+
if (s6 !== r.v6) writeAttribute(r.a3, "size", r.v6 = s6);
|
|
129
126
|
}
|
|
130
127
|
if (c & 69) {
|
|
131
128
|
const x2 = ((truthy(v[0]) || !truthy(v[2])) || truthy(binaryValue("<=", v[6], 1)));
|
|
@@ -133,53 +130,43 @@ export function createUiPagination(options = {}, html) {
|
|
|
133
130
|
if (s2 !== r.v2) writeAttribute(r.a1, "disabled", r.v2 = s2);
|
|
134
131
|
}
|
|
135
132
|
if (c & 1073742336) {
|
|
136
|
-
const x3 = readIndex({ "true":
|
|
133
|
+
const x3 = readIndex({ "true": v[9], "false": null }, textCall("concat", [(v[9] !== "")]));
|
|
137
134
|
if (x3 !== NONCONFORMING) {
|
|
138
|
-
const s3 = toAttribute(x3, "
|
|
139
|
-
if (s3 !== r.v3)
|
|
135
|
+
const s3 = toAttribute(x3, "href");
|
|
136
|
+
if (s3 !== r.v3) writeUrlAttribute(r.a1, "href", r.v3 = s3);
|
|
140
137
|
}
|
|
141
138
|
}
|
|
142
|
-
if (c & 512) {
|
|
143
|
-
const x4 = v[9];
|
|
144
|
-
const s4 = toAttribute(x4, "href");
|
|
145
|
-
if (s4 !== r.v4) writeUrlAttribute(r.a1, "href", r.v4 = s4);
|
|
146
|
-
}
|
|
147
139
|
if (c & 1024) {
|
|
148
|
-
const
|
|
149
|
-
const
|
|
150
|
-
if (
|
|
140
|
+
const x4 = v[10];
|
|
141
|
+
const s4 = toAttribute(x4, "aria-label");
|
|
142
|
+
if (s4 !== r.v4) writeAttribute(r.a1, "aria-label", r.v4 = s4);
|
|
151
143
|
}
|
|
152
144
|
if (c & 64) {
|
|
153
|
-
const
|
|
154
|
-
const
|
|
155
|
-
if (
|
|
145
|
+
const x5 = binaryValue("-", v[6], 1, undefined, undefined, subtract);
|
|
146
|
+
const s5 = toAttribute(x5, "data-pagination-page");
|
|
147
|
+
if (s5 !== r.v5) writeAttribute(r.a1, "data-pagination-page", r.v5 = s5);
|
|
156
148
|
}
|
|
157
149
|
if (c & 3) {
|
|
158
|
-
const
|
|
159
|
-
const
|
|
160
|
-
if (
|
|
150
|
+
const x6 = (truthy(v[0]) || !truthy(v[1]));
|
|
151
|
+
const s7 = toAttribute(x6, "disabled");
|
|
152
|
+
if (s7 !== r.v7) writeAttribute(r.a3, "disabled", r.v7 = s7);
|
|
161
153
|
}
|
|
162
154
|
if (c & 1073741840) {
|
|
163
|
-
const
|
|
164
|
-
if (
|
|
165
|
-
const
|
|
166
|
-
if (
|
|
155
|
+
const x7 = readIndex({ "true": v[4], "false": null }, textCall("concat", [(v[4] !== "")]));
|
|
156
|
+
if (x7 !== NONCONFORMING) {
|
|
157
|
+
const s8 = toAttribute(x7, "href");
|
|
158
|
+
if (s8 !== r.v8) writeUrlAttribute(r.a3, "href", r.v8 = s8);
|
|
167
159
|
}
|
|
168
160
|
}
|
|
169
|
-
if (c & 16) {
|
|
170
|
-
const x9 = v[4];
|
|
171
|
-
const s10 = toAttribute(x9, "href");
|
|
172
|
-
if (s10 !== r.v10) writeUrlAttribute(r.a3, "href", r.v10 = s10);
|
|
173
|
-
}
|
|
174
161
|
if (c & 32) {
|
|
175
|
-
const
|
|
176
|
-
const
|
|
177
|
-
if (
|
|
162
|
+
const x8 = v[5];
|
|
163
|
+
const s9 = toAttribute(x8, "aria-label");
|
|
164
|
+
if (s9 !== r.v9) writeAttribute(r.a3, "aria-label", r.v9 = s9);
|
|
178
165
|
}
|
|
179
166
|
if (c & 64) {
|
|
180
|
-
const
|
|
181
|
-
const
|
|
182
|
-
if (
|
|
167
|
+
const x9 = binaryValue("+", v[6], 1, undefined, undefined, add);
|
|
168
|
+
const s10 = toAttribute(x9, "data-pagination-page");
|
|
169
|
+
if (s10 !== r.v10) writeAttribute(r.a3, "data-pagination-page", r.v10 = s10);
|
|
183
170
|
}
|
|
184
171
|
if (c & 1073742080) r.L0.update(v[8], d, c);
|
|
185
172
|
if (c !== -1 && c & 1073744321) r.L0.each(c, d);
|
|
@@ -192,7 +179,7 @@ export function createUiPagination(options = {}, html) {
|
|
|
192
179
|
const t2 = t1.nextSibling.nextSibling;
|
|
193
180
|
const t3 = t2.nextSibling.nextSibling.nextSibling;
|
|
194
181
|
const t4 = t3.nextSibling.nextSibling;
|
|
195
|
-
const R = { n: element, a1: t1, a3: t3, v0: undefined, v1: null, v2: null, v3: null, v4: null, v5: null, v6: null, v7: null, v8: null, v9: null, v10: null,
|
|
182
|
+
const R = { n: element, a1: t1, a3: t3, v0: undefined, v1: null, v2: null, v3: null, v4: null, v5: null, v6: null, v7: null, v8: null, v9: null, v10: null, L0: new RangedPositionalList(t2, t2.nextSibling, m1, p1, (o) => readMember(o, "value"), "item"), a4: t4, e1: t4.nextSibling, b1: undefined, f1: undefined };
|
|
196
183
|
const I = { B };
|
|
197
184
|
const J = project(I, children, slots);
|
|
198
185
|
attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
// Generated by HTML Next 1.0.0-alpha.69 for Vanilla DOM. Do not edit.
|
|
2
|
+
export interface UiSiteHeaderEventMap {
|
|
3
|
+
}
|
|
4
|
+
export interface UiSiteHeaderElement extends HTMLElement {
|
|
5
|
+
addEventListener<K extends keyof UiSiteHeaderEventMap>(type: K, listener: (this: UiSiteHeaderElement, event: UiSiteHeaderEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
|
|
6
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiSiteHeaderElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
|
|
7
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
8
|
+
removeEventListener<K extends keyof UiSiteHeaderEventMap>(type: K, listener: (this: UiSiteHeaderElement, event: UiSiteHeaderEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
|
|
9
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiSiteHeaderElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
|
|
10
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
11
|
+
}
|
|
12
|
+
export interface UiSiteHeaderProps {
|
|
13
|
+
breakpoint?: "sm" | "md" | "lg" | null;
|
|
14
|
+
label?: string | null;
|
|
15
|
+
sticky?: boolean | null;
|
|
16
|
+
attributes?: Readonly<Record<string, string | number | boolean | null | undefined>>;
|
|
17
|
+
children?: readonly (string | Node)[];
|
|
18
|
+
slots?: Readonly<Record<string, readonly (string | Node)[]>>;
|
|
19
|
+
}
|
|
20
|
+
export declare function createUiSiteHeader(props?: UiSiteHeaderProps): UiSiteHeaderElement;
|
|
21
|
+
declare global {
|
|
22
|
+
interface ComponentTagMap {
|
|
23
|
+
"ui-site-header": { element: UiSiteHeaderElement; props: Omit<UiSiteHeaderProps, "attributes" | "children" | "slots"> };
|
|
24
|
+
}
|
|
25
|
+
}
|