@editora/ui-core 0.1.19 → 0.1.21
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/{ElementBase-1b301e7f.js → ElementBase-EV6mVBUV.js} +1 -1
- package/dist/{ElementBase-909688f3.mjs → ElementBase-YlTLMsGk.mjs} +3 -3
- package/dist/accordion.cjs.js +3 -3
- package/dist/accordion.esm.js +39 -62
- package/dist/alert-dialog.cjs.js +19 -19
- package/dist/alert-dialog.esm.js +69 -87
- package/dist/alert.cjs.js +1 -1
- package/dist/alert.esm.js +4 -7
- package/dist/anchor.cjs.js +2 -2
- package/dist/anchor.esm.js +3 -3
- package/dist/animated-beam.cjs.js +83 -83
- package/dist/animated-beam.esm.js +250 -277
- package/dist/animated-list.cjs.js +4 -4
- package/dist/animated-list.esm.js +47 -61
- package/dist/animated-text.cjs.js +2 -2
- package/dist/animated-text.esm.js +13 -24
- package/dist/app-header.cjs.js +3 -3
- package/dist/app-header.esm.js +11 -13
- package/dist/aspect-ratio.cjs.js +1 -1
- package/dist/aspect-ratio.esm.js +4 -7
- package/dist/avatar.cjs.js +1 -1
- package/dist/avatar.esm.js +7 -13
- package/dist/badge.cjs.js +1 -1
- package/dist/badge.esm.js +4 -7
- package/dist/block-controls.cjs.js +2 -2
- package/dist/block-controls.esm.js +19 -35
- package/dist/box.cjs.js +1 -1
- package/dist/box.esm.js +8 -15
- package/dist/breadcrumb.cjs.js +2 -2
- package/dist/breadcrumb.esm.js +20 -37
- package/dist/button.cjs.js +1 -521
- package/dist/button.esm.js +2 -671
- package/dist/{calendar-2c11b824.mjs → calendar-DLY4acgn.mjs} +293 -342
- package/dist/{calendar-a8735e40.js → calendar-Dkof-FTK.js} +25 -25
- package/dist/calendar.cjs.js +1 -1
- package/dist/calendar.esm.js +8 -9
- package/dist/card.cjs.js +4 -4
- package/dist/card.esm.js +13 -19
- package/dist/chart.cjs.js +64 -64
- package/dist/chart.esm.js +223 -254
- package/dist/checkbox.cjs.js +1 -1
- package/dist/checkbox.esm.js +2 -3
- package/dist/collapsible.cjs.js +1 -1
- package/dist/collapsible.esm.js +5 -9
- package/dist/{collection-a1aac0c6.mjs → collection-C7URGjEI.mjs} +8 -14
- package/dist/collection.cjs.js +1 -1
- package/dist/collection.esm.js +30 -29
- package/dist/color-picker.cjs.js +10 -10
- package/dist/color-picker.esm.js +190 -253
- package/dist/combobox.cjs.js +13 -13
- package/dist/combobox.esm.js +93 -126
- package/dist/command-palette.cjs.js +3 -3
- package/dist/command-palette.esm.js +19 -30
- package/dist/command.cjs.js +4 -4
- package/dist/command.esm.js +41 -53
- package/dist/components/ui-collection.d.ts.map +1 -1
- package/dist/components/ui-multi-select.d.ts.map +1 -1
- package/dist/components/ui-orbiter.d.ts.map +1 -1
- package/dist/components/ui-portal.d.ts.map +1 -1
- package/dist/components/ui-positioner.d.ts.map +1 -1
- package/dist/components/ui-skeleton.d.ts.map +1 -1
- package/dist/components/ui-sortable.d.ts +8 -0
- package/dist/components/ui-sortable.d.ts.map +1 -1
- package/dist/components/ui-split-button.d.ts +1 -0
- package/dist/components/ui-split-button.d.ts.map +1 -1
- package/dist/components/ui-tabs.d.ts.map +1 -1
- package/dist/components/ui-textarea.d.ts.map +1 -1
- package/dist/components/ui-time-picker.d.ts.map +1 -1
- package/dist/container.cjs.js +2 -2
- package/dist/container.esm.js +2 -3
- package/dist/context-menu.cjs.js +8 -8
- package/dist/context-menu.esm.js +157 -219
- package/dist/control-group.cjs.js +1 -1
- package/dist/control-group.esm.js +2 -3
- package/dist/data-table.cjs.js +4 -4
- package/dist/data-table.esm.js +299 -381
- package/dist/date-field.cjs.js +3 -3
- package/dist/date-field.esm.js +68 -80
- package/dist/date-picker.cjs.js +9 -9
- package/dist/date-picker.esm.js +69 -97
- package/dist/date-range-picker.cjs.js +3 -3
- package/dist/date-range-picker.esm.js +32 -56
- package/dist/date-range-time-picker.cjs.js +9 -9
- package/dist/date-range-time-picker.esm.js +111 -140
- package/dist/date-time-picker.cjs.js +7 -7
- package/dist/date-time-picker.esm.js +115 -147
- package/dist/date-time-utils-Dmost5Ee.js +1 -0
- package/dist/date-time-utils-y1N2gvG2.mjs +268 -0
- package/dist/description.cjs.js +1 -1
- package/dist/description.esm.js +3 -5
- package/dist/dialog.cjs.js +12 -12
- package/dist/dialog.esm.js +44 -63
- package/dist/direction-provider.cjs.js +1 -1
- package/dist/direction-provider.esm.js +2 -3
- package/dist/{dismissable-layer-9c7e6b58.mjs → dismissable-layer-BmPIoK80.mjs} +29 -33
- package/dist/dismissable-layer-DNfrKA20.js +1 -0
- package/dist/dismissable-layer.cjs.js +2 -2
- package/dist/dismissable-layer.esm.js +4 -6
- package/dist/dock.cjs.js +5 -5
- package/dist/dock.esm.js +134 -155
- package/dist/drawer.cjs.js +2 -2
- package/dist/drawer.esm.js +18 -35
- package/dist/dropdown.cjs.js +2 -2
- package/dist/dropdown.esm.js +119 -149
- package/dist/dropzone.cjs.js +1 -1
- package/dist/dropzone.esm.js +0 -1
- package/dist/empty-state.cjs.js +1 -1
- package/dist/empty-state.esm.js +1 -1
- package/dist/field-error.cjs.js +1 -1
- package/dist/field-error.esm.js +3 -5
- package/dist/field.cjs.js +5 -5
- package/dist/field.esm.js +27 -34
- package/dist/fieldset.cjs.js +4 -4
- package/dist/fieldset.esm.js +19 -24
- package/dist/file-upload.cjs.js +4 -4
- package/dist/file-upload.esm.js +69 -93
- package/dist/flex.cjs.js +1 -1
- package/dist/flex.esm.js +5 -9
- package/dist/floating-toolbar.cjs.js +4 -4
- package/dist/floating-toolbar.esm.js +60 -85
- package/dist/focus-scope-Bwug2gDv.js +1 -0
- package/dist/{focus-scope-103833ee.mjs → focus-scope-CmEsG5UZ.mjs} +39 -48
- package/dist/focus-scope.cjs.js +2 -2
- package/dist/focus-scope.esm.js +15 -20
- package/dist/form.cjs.js +2 -2
- package/dist/form.esm.js +26 -53
- package/dist/gantt.cjs.js +43 -43
- package/dist/gantt.esm.js +295 -322
- package/dist/grid.cjs.js +1 -1
- package/dist/grid.esm.js +5 -9
- package/dist/hover-card.cjs.js +4 -4
- package/dist/hover-card.esm.js +22 -28
- package/dist/icon-cloud.cjs.js +7 -7
- package/dist/icon-cloud.esm.js +48 -62
- package/dist/icon.cjs.js +1 -1
- package/dist/icon.esm.js +2 -4
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +378 -390
- package/dist/inline-edit.cjs.js +11 -11
- package/dist/inline-edit.esm.js +32 -36
- package/dist/input.cjs.js +17 -17
- package/dist/input.esm.js +50 -63
- package/dist/label.cjs.js +2 -2
- package/dist/label.esm.js +8 -17
- package/dist/layout.cjs.js +2 -2
- package/dist/layout.esm.js +20 -26
- package/dist/listbox-B6QgECax.js +46 -0
- package/dist/listbox-DJamVeFj.mjs +200 -0
- package/dist/listbox.cjs.js +1 -1
- package/dist/listbox.esm.js +2 -4
- package/dist/marquee.cjs.js +5 -5
- package/dist/marquee.esm.js +33 -50
- package/dist/masonry-grid.cjs.js +1 -1
- package/dist/masonry-grid.esm.js +5 -9
- package/dist/menu.cjs.js +3 -3
- package/dist/menu.esm.js +106 -126
- package/dist/menubar.cjs.js +5 -5
- package/dist/menubar.esm.js +118 -164
- package/dist/meter.cjs.js +2 -2
- package/dist/meter.esm.js +4 -4
- package/dist/multi-select.cjs.js +5 -5
- package/dist/multi-select.esm.js +125 -137
- package/dist/navigation-menu.cjs.js +4 -4
- package/dist/navigation-menu.esm.js +44 -55
- package/dist/number-field.cjs.js +2 -2
- package/dist/number-field.esm.js +73 -98
- package/dist/number-ticker.cjs.js +3 -3
- package/dist/number-ticker.esm.js +22 -43
- package/dist/odometer.cjs.js +1 -1
- package/dist/odometer.esm.js +5 -9
- package/dist/orbiter.cjs.js +13 -13
- package/dist/orbiter.esm.js +79 -90
- package/dist/{overlayManager-5bbd4dc3.mjs → overlayManager-BJjU1VA8.mjs} +4 -5
- package/dist/{overlayManager-0eda4e08.js → overlayManager-CSy3fJmJ.js} +1 -1
- package/dist/pagination.cjs.js +2 -2
- package/dist/pagination.esm.js +14 -18
- package/dist/{panel-group-a376cc5e.mjs → panel-group-8sVNnGxg.mjs} +24 -46
- package/dist/panel-group-CaD0_KQf.js +36 -0
- package/dist/panel-group.cjs.js +1 -1
- package/dist/panel-group.esm.js +2 -5
- package/dist/panel.cjs.js +4 -4
- package/dist/panel.esm.js +8 -10
- package/dist/password-field.cjs.js +9 -9
- package/dist/password-field.esm.js +62 -82
- package/dist/pin-input.cjs.js +3 -3
- package/dist/pin-input.esm.js +33 -39
- package/dist/placement-grid.cjs.js +4 -4
- package/dist/placement-grid.esm.js +108 -131
- package/dist/plugin-panel.cjs.js +7 -7
- package/dist/plugin-panel.esm.js +13 -15
- package/dist/popover.cjs.js +2 -2
- package/dist/popover.esm.js +21 -31
- package/dist/portal-DgpQ3Jo1.js +1 -0
- package/dist/{portal-fe73e5cc.mjs → portal-bR42gHvG.mjs} +43 -48
- package/dist/portal.cjs.js +3 -3
- package/dist/portal.esm.js +20 -28
- package/dist/{positioner-e9770c66.mjs → positioner-D0VGxtYU.mjs} +189 -209
- package/dist/positioner-D_fqyx_j.js +1 -0
- package/dist/positioner.cjs.js +2 -2
- package/dist/positioner.esm.js +22 -28
- package/dist/presence.cjs.js +1 -1
- package/dist/presence.esm.js +7 -13
- package/dist/primitives/auto-scroll.d.ts +9 -0
- package/dist/primitives/auto-scroll.d.ts.map +1 -0
- package/dist/primitives/selector.d.ts +4 -0
- package/dist/primitives/selector.d.ts.map +1 -0
- package/dist/progress.cjs.js +1 -1
- package/dist/progress.esm.js +5 -9
- package/dist/quick-actions.cjs.js +6 -6
- package/dist/quick-actions.esm.js +52 -62
- package/dist/radio-group.cjs.js +13 -13
- package/dist/radio-group.esm.js +39 -51
- package/dist/radio.cjs.js +1 -1
- package/dist/radio.esm.js +5 -9
- package/dist/rating.cjs.js +1 -1
- package/dist/rating.esm.js +12 -23
- package/dist/{roving-focus-group-4350c9a7.mjs → roving-focus-group-Dbm1Jko_.mjs} +3 -6
- package/dist/roving-focus-group.cjs.js +1 -1
- package/dist/roving-focus-group.esm.js +3 -5
- package/dist/runtime-CTaOSmBj.js +1 -0
- package/dist/{runtime-161f68a2.mjs → runtime-D1gFh1fS.mjs} +338 -366
- package/dist/runtime.cjs.js +1 -1
- package/dist/runtime.esm.js +6 -6
- package/dist/scroll-area.cjs.js +3 -3
- package/dist/scroll-area.esm.js +38 -46
- package/dist/{scroll-lock-31da444f.mjs → scroll-lock-LfqXXqsu.mjs} +5 -9
- package/dist/section.cjs.js +1 -1
- package/dist/section.esm.js +1 -1
- package/dist/select.cjs.js +7 -7
- package/dist/select.esm.js +67 -97
- package/dist/selection-popup.cjs.js +1 -1
- package/dist/selection-popup.esm.js +8 -15
- package/dist/selector-BvAh35ve.js +1 -0
- package/dist/selector-WI8pD7YO.mjs +18 -0
- package/dist/separator.cjs.js +1 -1
- package/dist/separator.esm.js +1 -1
- package/dist/sidebar.cjs.js +18 -18
- package/dist/sidebar.esm.js +117 -139
- package/dist/skeleton.cjs.js +11 -11
- package/dist/skeleton.esm.js +27 -24
- package/dist/slider.cjs.js +1 -1
- package/dist/slider.esm.js +6 -11
- package/dist/slot.cjs.js +4 -4
- package/dist/slot.esm.js +16 -19
- package/dist/sortable.cjs.js +79 -65
- package/dist/sortable.esm.js +714 -734
- package/dist/spinning-text.cjs.js +12 -12
- package/dist/spinning-text.esm.js +80 -92
- package/dist/split-button.cjs.js +4 -4
- package/dist/split-button.esm.js +77 -62
- package/dist/splitter.cjs.js +1 -1
- package/dist/splitter.esm.js +1 -1
- package/dist/stepper.cjs.js +8 -8
- package/dist/stepper.esm.js +32 -52
- package/dist/switch.cjs.js +7 -7
- package/dist/switch.esm.js +23 -31
- package/dist/table.cjs.js +2 -2
- package/dist/table.esm.js +46 -56
- package/dist/tabs.cjs.js +8 -8
- package/dist/tabs.esm.js +89 -109
- package/dist/tags-input.cjs.js +4 -4
- package/dist/tags-input.esm.js +45 -62
- package/dist/textarea.cjs.js +10 -10
- package/dist/textarea.esm.js +49 -52
- package/dist/time-field.cjs.js +4 -4
- package/dist/time-field.esm.js +70 -84
- package/dist/time-picker.cjs.js +22 -22
- package/dist/time-picker.esm.js +88 -110
- package/dist/timeline.cjs.js +1 -1
- package/dist/timeline.esm.js +3 -5
- package/dist/toast.cjs.js +2 -2
- package/dist/toast.esm.js +33 -47
- package/dist/toggle-group.cjs.js +6 -6
- package/dist/toggle-group.esm.js +85 -105
- package/dist/toggle.cjs.js +1 -1
- package/dist/toggle.esm.js +3 -5
- package/dist/toolbar.cjs.js +1 -1
- package/dist/toolbar.esm.js +13 -24
- package/dist/tooltip.cjs.js +2 -2
- package/dist/tooltip.esm.js +31 -42
- package/dist/transfer-list.cjs.js +31 -31
- package/dist/transfer-list.esm.js +114 -127
- package/dist/{tree-dcd74a4a.mjs → tree-B3kE8ESs.mjs} +55 -62
- package/dist/tree-Dx_kv_ih.js +39 -0
- package/dist/tree-item.cjs.js +2 -2
- package/dist/tree-item.esm.js +2 -3
- package/dist/tree.cjs.js +1 -1
- package/dist/tree.esm.js +2 -5
- package/dist/ui-button-Q0GNNWKC.mjs +665 -0
- package/dist/ui-button-rXQOS9QJ.js +521 -0
- package/dist/{icon-9e9da03b.js → ui-icon-BzVNC_lr.js} +4 -4
- package/dist/{icon-e2a85cc1.mjs → ui-icon-YI6lyuqU.mjs} +58 -65
- package/dist/visually-hidden.cjs.js +1 -1
- package/dist/visually-hidden.esm.js +1 -1
- package/dist/wizard.cjs.js +14 -14
- package/dist/wizard.esm.js +85 -105
- package/package.json +2 -2
- package/dist/date-time-utils-66480de4.js +0 -1
- package/dist/date-time-utils-a2c7af25.mjs +0 -307
- package/dist/dismissable-layer-193e3bed.js +0 -1
- package/dist/focus-scope-2b12b4e7.js +0 -1
- package/dist/listbox-308789a0.mjs +0 -210
- package/dist/listbox-ef2f708e.js +0 -46
- package/dist/panel-group-40254cdd.js +0 -36
- package/dist/portal-c69756c0.js +0 -1
- package/dist/positioner-33529bb8.js +0 -1
- package/dist/runtime-3f13807b.js +0 -1
- package/dist/tree-0a7a8d05.js +0 -39
- /package/dist/{collection-a2969ad2.js → collection-qv8A8rq4.js} +0 -0
- /package/dist/{menu-item-styles-27fdbac4.mjs → menu-item-styles-CZiPwPwl.mjs} +0 -0
- /package/dist/{menu-item-styles-83ad1e22.js → menu-item-styles-CbNUEwP2.js} +0 -0
- /package/dist/{roving-focus-group-5c059bf9.js → roving-focus-group-BdJ_4Njm.js} +0 -0
- /package/dist/{scroll-lock-d7b0df21.js → scroll-lock-BX6e3Ced.js} +0 -0
package/dist/slider.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./ElementBase-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./ElementBase-EV6mVBUV.js"),_=`
|
|
2
2
|
:host {
|
|
3
3
|
--ui-slider-width: min(340px, 100%);
|
|
4
4
|
--ui-slider-track-size: 6px;
|
package/dist/slider.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { E as f } from "./ElementBase-
|
|
1
|
+
import { E as f } from "./ElementBase-YlTLMsGk.mjs";
|
|
2
2
|
const x = `
|
|
3
3
|
:host {
|
|
4
4
|
--ui-slider-width: min(340px, 100%);
|
|
@@ -477,8 +477,7 @@ function b(n) {
|
|
|
477
477
|
return n.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
|
478
478
|
}
|
|
479
479
|
function m(n, t, e) {
|
|
480
|
-
if (!n)
|
|
481
|
-
return [];
|
|
480
|
+
if (!n) return [];
|
|
482
481
|
try {
|
|
483
482
|
const r = JSON.parse(n);
|
|
484
483
|
return Array.isArray(r) ? r.map((i) => typeof i == "number" ? { value: i } : i && typeof i == "object" && Number.isFinite(Number(i.value)) ? {
|
|
@@ -490,8 +489,7 @@ function m(n, t, e) {
|
|
|
490
489
|
}
|
|
491
490
|
}
|
|
492
491
|
function p(n, t = !1) {
|
|
493
|
-
if (n == null)
|
|
494
|
-
return t;
|
|
492
|
+
if (n == null) return t;
|
|
495
493
|
const e = String(n).toLowerCase();
|
|
496
494
|
return e !== "false" && e !== "0" && e !== "off";
|
|
497
495
|
}
|
|
@@ -632,21 +630,18 @@ class k extends f {
|
|
|
632
630
|
t.classList.contains("start") ? this._valueStart = Math.min(l, this._valueEnd) : this._valueEnd = Math.max(l, this._valueStart), this._valueStart = Math.round(this._valueStart / i) * i, this._valueEnd = Math.round(this._valueEnd / i) * i, this._value = this._valueEnd, this.setAttribute("value-start", String(this._valueStart)), this.setAttribute("value-end", String(this._valueEnd)), this.setAttribute("value", String(this._valueEnd));
|
|
633
631
|
}
|
|
634
632
|
_onInput(t) {
|
|
635
|
-
if (p(this.getAttribute("disabled")) || this.hasAttribute("disabled"))
|
|
636
|
-
return;
|
|
633
|
+
if (p(this.getAttribute("disabled")) || this.hasAttribute("disabled")) return;
|
|
637
634
|
const e = t.target;
|
|
638
635
|
!e || e.type !== "range" || (this._updateFromInput(e), this._syncDom(), this._emit("input"), this._emit("valuechange"));
|
|
639
636
|
}
|
|
640
637
|
_onChange(t) {
|
|
641
|
-
if (p(this.getAttribute("disabled")) || this.hasAttribute("disabled"))
|
|
642
|
-
return;
|
|
638
|
+
if (p(this.getAttribute("disabled")) || this.hasAttribute("disabled")) return;
|
|
643
639
|
const e = t.target;
|
|
644
640
|
!e || e.type !== "range" || (this._updateFromInput(e), this._syncDom(), this._emit("change"));
|
|
645
641
|
}
|
|
646
642
|
_renderMarks(t, e) {
|
|
647
643
|
const r = m(this.getAttribute("marks"), t, e);
|
|
648
|
-
if (!r.length)
|
|
649
|
-
return '<div class="marks" part="marks" hidden></div>';
|
|
644
|
+
if (!r.length) return '<div class="marks" part="marks" hidden></div>';
|
|
650
645
|
const i = Math.max(1, e - t), l = this.getAttribute("orientation") === "vertical" ? "vertical" : "horizontal";
|
|
651
646
|
return `<div class="marks" part="marks">${r.map((s) => {
|
|
652
647
|
const o = (s.value - t) / i * 100, d = l === "vertical" ? `style="bottom:${o}%"` : `style="left:${o}%"`, c = s.label != null ? b(s.label) : String(s.value);
|
package/dist/slot.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-EV6mVBUV.js"),u=`
|
|
2
2
|
:host {
|
|
3
3
|
--ui-slot-bg: transparent;
|
|
4
4
|
--ui-slot-text: inherit;
|
|
@@ -150,10 +150,10 @@
|
|
|
150
150
|
--ui-slot-border-color: CanvasText;
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
|
-
`;function o(l){return l.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}class a extends r.ElementBase{constructor(){super(),this._slotEl=null,this._shellEl=null,this._lastEmpty=!0,this._lastCount=-1,this._lastName="",this._initialized=!1,this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["name","headless","inline","align","size","variant","tone","fallback","required"]}disconnectedCallback(){this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=null,this._shellEl=null,this._initialized=!1,this._lastCount=-1,this._lastName="",this._lastEmpty=!0,super.disconnectedCallback()}attributeChangedCallback(
|
|
153
|
+
`;function o(l){return l.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}class a extends r.ElementBase{constructor(){super(),this._slotEl=null,this._shellEl=null,this._lastEmpty=!0,this._lastCount=-1,this._lastName="",this._initialized=!1,this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["name","headless","inline","align","size","variant","tone","fallback","required"]}disconnectedCallback(){this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=null,this._shellEl=null,this._initialized=!1,this._lastCount=-1,this._lastName="",this._lastEmpty=!0,super.disconnectedCallback()}attributeChangedCallback(e,t,s){if(t!==s){if(e==="required"){this.isConnected&&this._syncState(!0);return}super.attributeChangedCallback(e,t,s)}}_assignedCount(){return this._slotEl?this._slotEl.assignedNodes({flatten:!0}).filter(t=>t.nodeType===Node.ELEMENT_NODE?!0:t.nodeType===Node.TEXT_NODE?!!t.textContent?.trim():!1).length:0}_syncState(e=!1){const t=this._assignedCount(),s=t===0,i=this.getAttribute("name")||"",n=e||!this._initialized||t!==this._lastCount||i!==this._lastName;this._shellEl&&this._shellEl.setAttribute("data-empty",s?"true":"false"),n&&this.dispatchEvent(new CustomEvent("slotchange",{detail:{name:i,count:t,empty:s},bubbles:!0,composed:!0})),s&&this.hasAttribute("required")&&(!this._initialized||!this._lastEmpty)&&this.dispatchEvent(new CustomEvent("missing",{bubbles:!0,composed:!0})),!s&&(!this._initialized||this._lastEmpty)&&this.dispatchEvent(new CustomEvent("resolved",{bubbles:!0,composed:!0})),this._lastEmpty=s,this._lastCount=t,this._lastName=i,this._initialized=!0}_onSlotChange(){this._syncState()}render(){const e=(this.getAttribute("name")||"").trim(),t=this.getAttribute("fallback")||"",s=e?`<slot name="${o(e)}"></slot>`:"<slot></slot>";this.setContent(`
|
|
154
154
|
<style>${u}</style>
|
|
155
155
|
<span class="shell" part="shell" data-empty="true">
|
|
156
|
-
<span class="content" part="content">${
|
|
156
|
+
<span class="content" part="content">${s}</span>
|
|
157
157
|
<span class="fallback" part="fallback"><slot name="fallback">${o(t)}</slot></span>
|
|
158
158
|
</span>
|
|
159
|
-
`),this._shellEl=this.root.querySelector(".shell"),this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=this.root.querySelector('slot:not([name="fallback"])'),this._slotEl&&this._slotEl.addEventListener("slotchange",this._onSlotChange),this._syncState()}shouldRenderOnAttributeChange(
|
|
159
|
+
`),this._shellEl=this.root.querySelector(".shell"),this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=this.root.querySelector('slot:not([name="fallback"])'),this._slotEl&&this._slotEl.addEventListener("slotchange",this._onSlotChange),this._syncState()}shouldRenderOnAttributeChange(e,t,s){return e==="name"||e==="fallback"}}typeof customElements<"u"&&!customElements.get("ui-slot")&&customElements.define("ui-slot",a);exports.UISlot=a;
|
package/dist/slot.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { E as n } from "./ElementBase-
|
|
1
|
+
import { E as n } from "./ElementBase-YlTLMsGk.mjs";
|
|
2
2
|
const r = `
|
|
3
3
|
:host {
|
|
4
4
|
--ui-slot-bg: transparent;
|
|
@@ -175,50 +175,47 @@ class u extends n {
|
|
|
175
175
|
disconnectedCallback() {
|
|
176
176
|
this._slotEl && this._slotEl.removeEventListener("slotchange", this._onSlotChange), this._slotEl = null, this._shellEl = null, this._initialized = !1, this._lastCount = -1, this._lastName = "", this._lastEmpty = !0, super.disconnectedCallback();
|
|
177
177
|
}
|
|
178
|
-
attributeChangedCallback(
|
|
179
|
-
if (t !==
|
|
180
|
-
if (
|
|
178
|
+
attributeChangedCallback(e, t, s) {
|
|
179
|
+
if (t !== s) {
|
|
180
|
+
if (e === "required") {
|
|
181
181
|
this.isConnected && this._syncState(!0);
|
|
182
182
|
return;
|
|
183
183
|
}
|
|
184
|
-
super.attributeChangedCallback(
|
|
184
|
+
super.attributeChangedCallback(e, t, s);
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
187
|
_assignedCount() {
|
|
188
|
-
return this._slotEl ? this._slotEl.assignedNodes({ flatten: !0 }).filter((t) =>
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
_syncState(s = !1) {
|
|
194
|
-
const t = this._assignedCount(), e = t === 0, i = this.getAttribute("name") || "", a = s || !this._initialized || t !== this._lastCount || i !== this._lastName;
|
|
195
|
-
this._shellEl && this._shellEl.setAttribute("data-empty", e ? "true" : "false"), a && this.dispatchEvent(
|
|
188
|
+
return this._slotEl ? this._slotEl.assignedNodes({ flatten: !0 }).filter((t) => t.nodeType === Node.ELEMENT_NODE ? !0 : t.nodeType === Node.TEXT_NODE ? !!t.textContent?.trim() : !1).length : 0;
|
|
189
|
+
}
|
|
190
|
+
_syncState(e = !1) {
|
|
191
|
+
const t = this._assignedCount(), s = t === 0, i = this.getAttribute("name") || "", a = e || !this._initialized || t !== this._lastCount || i !== this._lastName;
|
|
192
|
+
this._shellEl && this._shellEl.setAttribute("data-empty", s ? "true" : "false"), a && this.dispatchEvent(
|
|
196
193
|
new CustomEvent("slotchange", {
|
|
197
194
|
detail: {
|
|
198
195
|
name: i,
|
|
199
196
|
count: t,
|
|
200
|
-
empty:
|
|
197
|
+
empty: s
|
|
201
198
|
},
|
|
202
199
|
bubbles: !0,
|
|
203
200
|
composed: !0
|
|
204
201
|
})
|
|
205
|
-
),
|
|
202
|
+
), s && this.hasAttribute("required") && (!this._initialized || !this._lastEmpty) && this.dispatchEvent(new CustomEvent("missing", { bubbles: !0, composed: !0 })), !s && (!this._initialized || this._lastEmpty) && this.dispatchEvent(new CustomEvent("resolved", { bubbles: !0, composed: !0 })), this._lastEmpty = s, this._lastCount = t, this._lastName = i, this._initialized = !0;
|
|
206
203
|
}
|
|
207
204
|
_onSlotChange() {
|
|
208
205
|
this._syncState();
|
|
209
206
|
}
|
|
210
207
|
render() {
|
|
211
|
-
const
|
|
208
|
+
const e = (this.getAttribute("name") || "").trim(), t = this.getAttribute("fallback") || "", s = e ? `<slot name="${o(e)}"></slot>` : "<slot></slot>";
|
|
212
209
|
this.setContent(`
|
|
213
210
|
<style>${r}</style>
|
|
214
211
|
<span class="shell" part="shell" data-empty="true">
|
|
215
|
-
<span class="content" part="content">${
|
|
212
|
+
<span class="content" part="content">${s}</span>
|
|
216
213
|
<span class="fallback" part="fallback"><slot name="fallback">${o(t)}</slot></span>
|
|
217
214
|
</span>
|
|
218
215
|
`), this._shellEl = this.root.querySelector(".shell"), this._slotEl && this._slotEl.removeEventListener("slotchange", this._onSlotChange), this._slotEl = this.root.querySelector('slot:not([name="fallback"])'), this._slotEl && this._slotEl.addEventListener("slotchange", this._onSlotChange), this._syncState();
|
|
219
216
|
}
|
|
220
|
-
shouldRenderOnAttributeChange(
|
|
221
|
-
return
|
|
217
|
+
shouldRenderOnAttributeChange(e, t, s) {
|
|
218
|
+
return e === "name" || e === "fallback";
|
|
222
219
|
}
|
|
223
220
|
}
|
|
224
221
|
typeof customElements < "u" && !customElements.get("ui-slot") && customElements.define("ui-slot", u);
|