@editora/ui-core 0.2.0 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -0
- package/dist/accordion.cjs.js +1 -1
- package/dist/accordion.esm.js +1 -1
- package/dist/alert-dialog.cjs.js +32 -24
- package/dist/alert-dialog.esm.js +48 -40
- package/dist/alert.cjs.js +2 -2
- package/dist/alert.esm.js +2 -2
- package/dist/animated-text.cjs.js +5 -5
- package/dist/animated-text.esm.js +5 -5
- package/dist/app-header.cjs.js +12 -7
- package/dist/app-header.esm.js +12 -7
- package/dist/avatar.cjs.js +3 -3
- package/dist/avatar.esm.js +3 -3
- package/dist/{calendar-o273O28D.js → calendar-CzpWDxLc.js} +5 -4
- package/dist/{calendar-DmxiZrR7.mjs → calendar-DkSDFg33.mjs} +1 -0
- package/dist/calendar.cjs.js +1 -1
- package/dist/calendar.esm.js +1 -1
- package/dist/chart.cjs.js +13 -7
- package/dist/chart.esm.js +13 -7
- package/dist/collapsible.cjs.js +2 -2
- package/dist/collapsible.esm.js +2 -2
- package/dist/color-picker.cjs.js +3 -3
- package/dist/color-picker.esm.js +3 -3
- package/dist/combobox.cjs.js +3 -3
- package/dist/combobox.esm.js +36 -36
- package/dist/components/ui-alert-dialog.d.ts.map +1 -1
- package/dist/components/ui-app-header.d.ts.map +1 -1
- package/dist/components/ui-calendar.d.ts.map +1 -1
- package/dist/components/ui-chart.d.ts.map +1 -1
- package/dist/components/ui-gantt.d.ts.map +1 -1
- package/dist/components/ui-hover-card.d.ts.map +1 -1
- package/dist/components/ui-inline-edit.d.ts.map +1 -1
- package/dist/components/ui-multi-select.d.ts.map +1 -1
- package/dist/components/ui-sidebar.d.ts.map +1 -1
- package/dist/components/ui-tabs.d.ts.map +1 -1
- package/dist/components/ui-wizard.d.ts.map +1 -1
- package/dist/context-menu.cjs.js +1 -1
- package/dist/context-menu.esm.js +1 -1
- package/dist/data-table.cjs.js +3 -3
- package/dist/data-table.esm.js +3 -3
- package/dist/date-field.cjs.js +2 -2
- package/dist/date-field.esm.js +14 -14
- package/dist/date-picker.cjs.js +3 -3
- package/dist/date-picker.esm.js +4 -4
- package/dist/date-range-picker.cjs.js +3 -3
- package/dist/date-range-picker.esm.js +59 -59
- package/dist/date-range-time-picker.cjs.js +2 -2
- package/dist/date-range-time-picker.esm.js +3 -3
- package/dist/date-time-picker.cjs.js +2 -2
- package/dist/date-time-picker.esm.js +3 -3
- package/dist/{date-time-utils-DdigV4hs.js → date-time-utils-C-4eHTyy.js} +1 -1
- package/dist/{date-time-utils-B4hAkt36.mjs → date-time-utils-zAx4ghvC.mjs} +1 -1
- package/dist/description.cjs.js +4 -4
- package/dist/description.esm.js +4 -4
- package/dist/dialog.cjs.js +2 -2
- package/dist/dialog.esm.js +2 -2
- package/dist/direction-provider.cjs.js +1 -1
- package/dist/direction-provider.esm.js +1 -1
- package/dist/dock.cjs.js +1 -1
- package/dist/dock.esm.js +1 -1
- package/dist/dropdown.cjs.js +1 -1
- package/dist/dropdown.esm.js +1 -1
- package/dist/field-error.cjs.js +1 -1
- package/dist/field-error.esm.js +7 -7
- package/dist/field.cjs.js +1 -1
- package/dist/field.esm.js +29 -29
- package/dist/fieldset.cjs.js +4 -4
- package/dist/fieldset.esm.js +3 -3
- package/dist/file-upload.cjs.js +2 -2
- package/dist/file-upload.esm.js +2 -2
- package/dist/flex.cjs.js +2 -2
- package/dist/flex.esm.js +8 -8
- package/dist/form.cjs.js +4 -4
- package/dist/form.esm.js +4 -4
- package/dist/gantt.cjs.js +7 -5
- package/dist/gantt.esm.js +7 -5
- package/dist/grid.cjs.js +1 -1
- package/dist/grid.esm.js +1 -1
- package/dist/hover-card.cjs.js +1 -1
- package/dist/hover-card.esm.js +11 -8
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/inline-edit.cjs.js +6 -6
- package/dist/inline-edit.esm.js +15 -15
- package/dist/input.cjs.js +1 -1
- package/dist/input.esm.js +1 -1
- package/dist/label.cjs.js +6 -6
- package/dist/label.esm.js +6 -6
- package/dist/masonry-grid.cjs.js +2 -2
- package/dist/masonry-grid.esm.js +11 -11
- package/dist/{menu-item-styles-IGSFLAHu.mjs → menu-item-styles-CdqxPUuw.mjs} +15 -15
- package/dist/{menu-item-styles-B4onAr4C.js → menu-item-styles-DUdyjQ7i.js} +10 -10
- package/dist/menu.cjs.js +1 -1
- package/dist/menu.esm.js +1 -1
- package/dist/menubar.cjs.js +1 -1
- package/dist/menubar.esm.js +1 -1
- package/dist/multi-select.cjs.js +7 -7
- package/dist/multi-select.esm.js +26 -26
- package/dist/number-field.cjs.js +1 -1
- package/dist/number-field.esm.js +1 -1
- package/dist/number-ticker.cjs.js +4 -4
- package/dist/number-ticker.esm.js +10 -10
- package/dist/odometer.cjs.js +7 -7
- package/dist/odometer.esm.js +14 -14
- package/dist/password-field.cjs.js +1 -1
- package/dist/password-field.esm.js +1 -1
- package/dist/pin-input.cjs.js +1 -1
- package/dist/pin-input.esm.js +1 -1
- package/dist/placement-grid.cjs.js +1 -1
- package/dist/placement-grid.esm.js +1 -1
- package/dist/portal.cjs.js +1 -1
- package/dist/portal.esm.js +1 -1
- package/dist/presence.cjs.js +1 -1
- package/dist/presence.esm.js +1 -1
- package/dist/quick-actions.cjs.js +1 -1
- package/dist/quick-actions.esm.js +1 -1
- package/dist/radio.cjs.js +1 -1
- package/dist/radio.esm.js +1 -1
- package/dist/{runtime-CQM6wZOc.mjs → runtime-CJzoaC8Z.mjs} +385 -329
- package/dist/runtime-DYSIU3sR.js +5 -0
- package/dist/runtime.cjs.js +1 -1
- package/dist/runtime.esm.js +1 -1
- package/dist/select.cjs.js +2 -2
- package/dist/select.esm.js +2 -2
- package/dist/separator.cjs.js +6 -6
- package/dist/separator.esm.js +7 -7
- package/dist/sidebar.cjs.js +7 -6
- package/dist/sidebar.esm.js +7 -6
- package/dist/slot.cjs.js +1 -1
- package/dist/slot.esm.js +1 -1
- package/dist/sortable.cjs.js +6 -6
- package/dist/sortable.esm.js +6 -6
- package/dist/split-button.cjs.js +2 -2
- package/dist/split-button.esm.js +2 -2
- package/dist/tabs.cjs.js +11 -6
- package/dist/tabs.esm.js +28 -23
- package/dist/tags-input.cjs.js +2 -2
- package/dist/tags-input.esm.js +2 -2
- package/dist/textarea.cjs.js +2 -2
- package/dist/textarea.esm.js +16 -16
- package/dist/theme.d.ts.map +1 -1
- package/dist/time-field.cjs.js +2 -2
- package/dist/time-field.esm.js +24 -24
- package/dist/time-picker.cjs.js +2 -2
- package/dist/time-picker.esm.js +3 -3
- package/dist/toast.cjs.js +2 -2
- package/dist/toast.esm.js +2 -2
- package/dist/transfer-list.cjs.js +9 -9
- package/dist/transfer-list.esm.js +4 -4
- package/dist/wizard.cjs.js +16 -7
- package/dist/wizard.esm.js +16 -7
- package/package.json +1 -1
- package/dist/runtime-DxCl0A5q.js +0 -5
package/dist/grid.cjs.js
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
--ui-grid-align-content: normal;
|
|
16
16
|
--ui-grid-justify-content: normal;
|
|
17
17
|
--ui-grid-place-content: initial;
|
|
18
|
-
--ui-grid-color:
|
|
18
|
+
--ui-grid-color: inherit;
|
|
19
19
|
color-scheme: light dark;
|
|
20
20
|
display: var(--ui-grid-display);
|
|
21
21
|
color: var(--ui-grid-color);
|
package/dist/grid.esm.js
CHANGED
|
@@ -43,7 +43,7 @@ const y = {
|
|
|
43
43
|
--ui-grid-align-content: normal;
|
|
44
44
|
--ui-grid-justify-content: normal;
|
|
45
45
|
--ui-grid-place-content: initial;
|
|
46
|
-
--ui-grid-color:
|
|
46
|
+
--ui-grid-color: inherit;
|
|
47
47
|
color-scheme: light dark;
|
|
48
48
|
display: var(--ui-grid-display);
|
|
49
49
|
color: var(--ui-grid-color);
|
package/dist/hover-card.cjs.js
CHANGED
|
@@ -262,7 +262,7 @@
|
|
|
262
262
|
box-shadow: none;
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
|
-
`;function f(i){return i==="top"||i==="left"||i==="right"?i:"bottom"}class l extends u.ElementBase{constructor(){super(),this._openTimer=null,this._closeTimer=null,this._positionRaf=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._isOpen=!1,this._globalListenersBound=!1,this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onViewportChange=this._onViewportChange.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","headless","delay","close-delay","placement","offset","variant","tone","density","shape","elevation"]}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"||e==="headless"){this._syncOpenState();return}this._isOpen&&(e==="placement"||e==="offset"||e==="density"||e==="shape")&&this._schedulePosition()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}get delay(){const e=Number(this.getAttribute("delay"));return Number.isFinite(e)&&e>=0?e:120}set delay(e){this.setAttribute("delay",String(e))}get closeDelay(){const e=Number(this.getAttribute("close-delay"));return Number.isFinite(e)&&e>=0?e:this.delay}set closeDelay(e){this.setAttribute("close-delay",String(e))}_onSlotChange(){this._isOpen&&this._schedulePosition()}_getPanel(){return this.root.querySelector(".panel")}_getAnchor(){const e=this.querySelector('[slot="trigger"]');return e||Array.from(this.children).find(r=>r instanceof HTMLElement?!r.hasAttribute("slot")||r.getAttribute("slot")==="trigger":!1)||this}_isNodeWithinComponent(e){return e?!!(e===this||this.contains(e)||this.root.contains(e)):!1}_clearTimers(){this._openTimer!=null&&(window.clearTimeout(this._openTimer),this._openTimer=null),this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_scheduleOpen(e){this._clearTimers(),this._openTimer=window.setTimeout(()=>{this._openTimer=null,this.open=!0},Math.max(0,e))}_scheduleClose(e){this._clearTimers(),this._closeTimer=window.setTimeout(()=>{this._closeTimer=null,this.open=!1},Math.max(0,e))}_onPointerEnter(){if(!this.hasAttribute("headless")){if(this._isOpen){this._clearTimers();return}this._scheduleOpen(this.delay)}}_onPointerLeave(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onFocusIn(){this.hasAttribute("headless")||(this._clearTimers(),this.open=!0)}_onFocusOut(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onKeyDown(e){if(!this._isOpen||e.key!=="Escape")return;e.preventDefault(),this.open=!1;const t=this._getAnchor();try{t.focus()}catch{}}_onDocumentPointerDown(e){!this._isOpen||e.composedPath().includes(this)||(this.open=!1)}_onViewportChange(){this._isOpen&&this._schedulePosition()}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("headless");if(e===this._isOpen){this._syncPanelA11y(),e?(this._bindGlobalListeners(),this._schedulePosition()):this._unbindGlobalListeners();return}this._isOpen=e,this._syncPanelA11y();const t=this._getPanel();if(e){this._bindGlobalListeners(),t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.dispatchEvent(new CustomEvent("show",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!0}})),this._schedulePosition();return}this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0})),this.dispatchEvent(new CustomEvent("hide",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!1}}))}_syncPanelA11y(){const e=this._getPanel();
|
|
265
|
+
`;function f(i){return i==="top"||i==="left"||i==="right"?i:"bottom"}class l extends u.ElementBase{constructor(){super(),this._openTimer=null,this._closeTimer=null,this._positionRaf=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._isOpen=!1,this._globalListenersBound=!1,this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onViewportChange=this._onViewportChange.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","headless","delay","close-delay","placement","offset","variant","tone","density","shape","elevation"]}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"||e==="headless"){this._syncOpenState();return}this._isOpen&&(e==="placement"||e==="offset"||e==="density"||e==="shape")&&this._schedulePosition()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}get delay(){const e=Number(this.getAttribute("delay"));return Number.isFinite(e)&&e>=0?e:120}set delay(e){this.setAttribute("delay",String(e))}get closeDelay(){const e=Number(this.getAttribute("close-delay"));return Number.isFinite(e)&&e>=0?e:this.delay}set closeDelay(e){this.setAttribute("close-delay",String(e))}_onSlotChange(){this._isOpen&&this._schedulePosition()}_getPanel(){return this.root.querySelector(".panel")}_getAnchor(){const e=this.querySelector('[slot="trigger"]');return e||Array.from(this.children).find(r=>r instanceof HTMLElement?!r.hasAttribute("slot")||r.getAttribute("slot")==="trigger":!1)||this}_isNodeWithinComponent(e){return e?!!(e===this||this.contains(e)||this.root.contains(e)):!1}_clearTimers(){this._openTimer!=null&&(window.clearTimeout(this._openTimer),this._openTimer=null),this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_scheduleOpen(e){this._clearTimers(),this._openTimer=window.setTimeout(()=>{this._openTimer=null,this.open=!0},Math.max(0,e))}_scheduleClose(e){this._clearTimers(),this._closeTimer=window.setTimeout(()=>{this._closeTimer=null,this.open=!1},Math.max(0,e))}_onPointerEnter(){if(!this.hasAttribute("headless")){if(this._isOpen){this._clearTimers();return}this._scheduleOpen(this.delay)}}_onPointerLeave(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onFocusIn(){this.hasAttribute("headless")||(this._clearTimers(),this.open=!0)}_onFocusOut(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onKeyDown(e){if(!this._isOpen||e.key!=="Escape")return;e.preventDefault(),this.open=!1;const t=this._getAnchor();try{t.focus()}catch{}}_onDocumentPointerDown(e){!this._isOpen||e.composedPath().includes(this)||(this.open=!1)}_onViewportChange(){this._isOpen&&this._schedulePosition()}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("headless");if(e===this._isOpen){this._syncPanelA11y(),e?(this._bindGlobalListeners(),this._schedulePosition()):this._unbindGlobalListeners();return}this._isOpen=e,this._syncPanelA11y();const t=this._getPanel();if(e){this._bindGlobalListeners(),t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.dispatchEvent(new CustomEvent("show",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!0}})),this._schedulePosition();return}this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0})),this.dispatchEvent(new CustomEvent("hide",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!1}}))}_syncPanelA11y(){const e=this._getPanel();if(!e)return;e.setAttribute("aria-hidden",this._isOpen?"false":"true"),this._isOpen||e.setAttribute("data-ready","false");const t=this.querySelector('[slot="trigger"]'),r=this.querySelector('[slot="card"] :is(h1, h2, h3, h4, h5, h6, strong)'),o=(this.getAttribute("aria-label")||this.getAttribute("label")||"").trim()||(t?.getAttribute("aria-label")||t?.textContent||"").trim()||(r?.textContent||"").trim()||"Details";e.setAttribute("aria-label",o)}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),window.addEventListener("resize",this._onViewportChange),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0}),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),this._globalListenersBound=!1)}_schedulePosition(){this._isOpen&&(this._positionRaf!=null&&cancelAnimationFrame(this._positionRaf),this._positionRaf=requestAnimationFrame(()=>{this._positionRaf=null,this._positionPanel()}))}_positionPanel(){const e=this._getPanel();if(!e||!this._isOpen)return;const t=this._getAnchor();if(!t||!t.isConnected){this.open=!1;return}const r=t.getBoundingClientRect();if(r.width===0&&r.height===0){this.open=!1;return}const o=Number(this.getAttribute("offset")),s=Number.isFinite(o)?o:10,a=f(this.getAttribute("placement")),c=e.querySelector(".arrow");if(!this._positioner||this._positionerPlacement!==a||this._positionerOffset!==s){this._positioner?.destroy(),this._positioner=p.createPositioner({anchor:t,floating:e,placement:a,strategy:"fixed",offset:s,flip:!0,shift:!0,boundaryPadding:8,arrow:c,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:h=>{const d=h.placement.split("-")[0];e.setAttribute("data-placement",d);const n=h.middlewareData?.arrow;typeof n?.x=="number"&&e.style.setProperty("--ui-hover-card-arrow-x",`${Math.round(n.x)}px`),typeof n?.y=="number"&&e.style.setProperty("--ui-hover-card-arrow-y",`${Math.round(n.y)}px`),e.setAttribute("data-ready","true")}}),this._positionerPlacement=a,this._positionerOffset=s;return}this._positioner?.update()}render(){this.setContent(`
|
|
266
266
|
<style>${v}</style>
|
|
267
267
|
<div class="anchor" part="anchor">
|
|
268
268
|
<slot name="trigger"></slot>
|
package/dist/hover-card.esm.js
CHANGED
|
@@ -399,7 +399,10 @@ class f extends d {
|
|
|
399
399
|
}
|
|
400
400
|
_syncPanelA11y() {
|
|
401
401
|
const e = this._getPanel();
|
|
402
|
-
|
|
402
|
+
if (!e) return;
|
|
403
|
+
e.setAttribute("aria-hidden", this._isOpen ? "false" : "true"), this._isOpen || e.setAttribute("data-ready", "false");
|
|
404
|
+
const t = this.querySelector('[slot="trigger"]'), r = this.querySelector('[slot="card"] :is(h1, h2, h3, h4, h5, h6, strong)'), o = (this.getAttribute("aria-label") || this.getAttribute("label") || "").trim() || (t?.getAttribute("aria-label") || t?.textContent || "").trim() || (r?.textContent || "").trim() || "Details";
|
|
405
|
+
e.setAttribute("aria-label", o);
|
|
403
406
|
}
|
|
404
407
|
_bindGlobalListeners() {
|
|
405
408
|
this._globalListenersBound || (document.addEventListener("pointerdown", this._onDocumentPointerDown, !0), window.addEventListener("resize", this._onViewportChange), window.addEventListener("scroll", this._onViewportChange, { passive: !0, capture: !0 }), this._globalListenersBound = !0);
|
|
@@ -425,14 +428,14 @@ class f extends d {
|
|
|
425
428
|
this.open = !1;
|
|
426
429
|
return;
|
|
427
430
|
}
|
|
428
|
-
const
|
|
429
|
-
if (!this._positioner || this._positionerPlacement !==
|
|
431
|
+
const o = Number(this.getAttribute("offset")), s = Number.isFinite(o) ? o : 10, a = v(this.getAttribute("placement")), l = e.querySelector(".arrow");
|
|
432
|
+
if (!this._positioner || this._positionerPlacement !== a || this._positionerOffset !== s) {
|
|
430
433
|
this._positioner?.destroy(), this._positioner = u({
|
|
431
434
|
anchor: t,
|
|
432
435
|
floating: e,
|
|
433
|
-
placement:
|
|
436
|
+
placement: a,
|
|
434
437
|
strategy: "fixed",
|
|
435
|
-
offset:
|
|
438
|
+
offset: s,
|
|
436
439
|
flip: !0,
|
|
437
440
|
shift: !0,
|
|
438
441
|
boundaryPadding: 8,
|
|
@@ -447,10 +450,10 @@ class f extends d {
|
|
|
447
450
|
onUpdate: (h) => {
|
|
448
451
|
const c = h.placement.split("-")[0];
|
|
449
452
|
e.setAttribute("data-placement", c);
|
|
450
|
-
const
|
|
451
|
-
typeof
|
|
453
|
+
const n = h.middlewareData?.arrow;
|
|
454
|
+
typeof n?.x == "number" && e.style.setProperty("--ui-hover-card-arrow-x", `${Math.round(n.x)}px`), typeof n?.y == "number" && e.style.setProperty("--ui-hover-card-arrow-y", `${Math.round(n.y)}px`), e.setAttribute("data-ready", "true");
|
|
452
455
|
}
|
|
453
|
-
}), this._positionerPlacement =
|
|
456
|
+
}), this._positionerPlacement = a, this._positionerOffset = s;
|
|
454
457
|
return;
|
|
455
458
|
}
|
|
456
459
|
this._positioner?.update();
|
package/dist/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./ElementBase-DxbvhLJs.js"),L=require("./collection.cjs.js"),u=require("./listbox-CTpRpuF7.js"),R=require("./roving-focus-group.cjs.js"),p=require("./tree-Dc02MChE.js"),B=require("./tree-item.cjs.js"),E=require("./ui-button-CnLwXBnx.js"),G=require("./tooltip.cjs.js"),O=require("./dropdown.cjs.js"),V=require("./input.cjs.js"),z=require("./password-field.cjs.js"),H=require("./form.cjs.js"),N=require("./description.cjs.js"),_=require("./field-error.cjs.js"),$=require("./control-group.cjs.js"),j=require("./fieldset.cjs.js"),W=require("./popover.cjs.js"),K=require("./tabs.cjs.js"),Q=require("./menu.cjs.js"),d=require("./ui-icon-D3avtxX_.js"),J=require("./toast.cjs.js"),X=require("./label.cjs.js"),Y=require("./pagination.cjs.js"),Z=require("./hover-card.cjs.js"),ee=require("./card.cjs.js"),te=require("./collapsible.cjs.js"),re=require("./direction-provider.cjs.js"),oe=require("./accordion.cjs.js"),ie=require("./checkbox.cjs.js"),ne=require("./radio.cjs.js"),ae=require("./radio-group.cjs.js"),se=require("./switch.cjs.js"),ce=require("./slider.cjs.js"),le=require("./select.cjs.js"),ue=require("./toggle.cjs.js"),de=require("./toggle-group.cjs.js"),Ie=require("./alert-dialog.cjs.js"),Ue=require("./aspect-ratio.cjs.js"),pe=require("./avatar.cjs.js"),me=require("./badge.cjs.js"),ge=require("./table.cjs.js"),fe=require("./navigation-menu.cjs.js"),qe=require("./menubar.cjs.js"),be=require("./context-menu.cjs.js"),Te=require("./presence.cjs.js"),he=require("./progress.cjs.js"),Pe=require("./meter.cjs.js"),ye=require("./scroll-area.cjs.js"),ve=require("./separator.cjs.js"),xe=require("./slot.cjs.js"),Se=require("./toolbar.cjs.js"),ke=require("./portal.cjs.js"),De=require("./visually-hidden.cjs.js"),Ae=require("./breadcrumb.cjs.js"),Fe=require("./sidebar.cjs.js"),Ce=require("./app-header.cjs.js"),Me=require("./drawer.cjs.js"),we=require("./dialog.cjs.js"),Le=require("./layout.cjs.js"),Re=require("./block-controls.cjs.js"),Be=require("./plugin-panel.cjs.js"),Ee=require("./floating-toolbar.cjs.js"),Ge=require("./selection-popup.cjs.js"),Oe=require("./command.cjs.js"),Ve=require("./command-palette.cjs.js"),ze=require("./textarea.cjs.js"),He=require("./field.cjs.js"),Ne=require("./number-field.cjs.js"),_e=require("./tags-input.cjs.js"),A=require("./pin-input.cjs.js"),$e=require("./file-upload.cjs.js"),je=require("./dropzone.cjs.js"),We=require("./multi-select.cjs.js"),Ke=require("./split-button.cjs.js"),Qe=require("./transfer-list.cjs.js"),Je=require("./sortable.cjs.js"),Xe=require("./inline-edit.cjs.js"),Ye=require("./combobox.cjs.js"),y=require("./panel-group-BVHJEdfx.js"),Ze=require("./panel.cjs.js"),et=require("./splitter.cjs.js"),tt=require("./dismissable-layer.cjs.js"),rt=require("./focus-scope.cjs.js"),ot=require("./positioner.cjs.js"),it=require("./anchor.cjs.js"),nt=require("./alert.cjs.js"),at=require("./marquee.cjs.js"),st=require("./animated-text.cjs.js"),ct=require("./spinning-text.cjs.js"),lt=require("./number-ticker.cjs.js"),ut=require("./animated-list.cjs.js"),dt=require("./animated-beam.cjs.js"),It=require("./icon-cloud.cjs.js"),Ut=require("./dock.cjs.js"),pt=require("./skeleton.cjs.js"),mt=require("./empty-state.cjs.js"),gt=require("./data-table.cjs.js"),ft=require("./chart.cjs.js"),qt=require("./timeline.cjs.js"),bt=require("./calendar-o273O28D.js"),Tt=require("./color-picker.cjs.js"),ht=require("./date-picker.cjs.js"),Pt=require("./date-range-picker.cjs.js"),yt=require("./time-picker.cjs.js"),vt=require("./date-field.cjs.js"),xt=require("./time-field.cjs.js"),St=require("./date-time-picker.cjs.js"),kt=require("./date-range-time-picker.cjs.js"),Dt=require("./gantt.cjs.js"),At=require("./stepper.cjs.js"),Ft=require("./wizard.cjs.js"),Ct=require("./quick-actions.cjs.js"),Mt=require("./rating.cjs.js"),wt=require("./odometer.cjs.js"),Lt=require("./box.cjs.js"),Rt=require("./flex.cjs.js"),Bt=require("./grid.cjs.js"),Et=require("./placement-grid.cjs.js"),Gt=require("./masonry-grid.cjs.js"),Ot=require("./section.cjs.js"),Vt=require("./container.cjs.js"),i=require("./runtime-DxCl0A5q.js"),T=require("./portal-XbYR3m_q.js"),zt=require("./overlayManager-CSy3fJmJ.js"),v=require("./scroll-lock-BX6e3Ced.js"),Ht=require("./dismissable-layer-DNfrKA20.js"),Nt=require("./focus-scope-Bwug2gDv.js"),a=require("./positioner-DZ1FW6A9.js"),m=require("./collection-qv8A8rq4.js"),g=require("./roving-focus-group-BdJ_4Njm.js"),_t=require("./orbiter.cjs.js"),U=[],b=new WeakMap;class $t{constructor(t){this.subs=new Set,this.value=t}get(){const t=U[U.length-1];if(t){this.subs.add(t);let r=b.get(t);r||(r=new Set,b.set(t,r)),r.add(this)}return this.value}set(t){if(Object.is(this.value,t))return;this.value=t;const r=Array.from(this.subs);for(const o of r)o()}removeSubscriber(t){this.subs.delete(t)}}function jt(e){const t=new $t(e);return{get:()=>t.get(),set:r=>t.set(r),subscribe:r=>{const o=()=>r();return t.subs.add(o),()=>t.subs.delete(o)}}}function k(e){const t=b.get(e);if(t){for(const r of t)r.removeSubscriber(e);b.delete(e)}}function Wt(e){let t;const r=()=>{if(k(r),t)try{t()}catch{}U.push(r);try{const o=e();typeof o=="function"?t=o:t=void 0}finally{U.pop()}};return r(),()=>{if(k(r),t)try{t()}catch{}}}function Kt(e){let t,r=!0;const o=()=>{r=!1;const l=()=>{t=e()};U.push(l);try{t=e()}finally{U.pop()}};return{get(){return r&&o(),t}}}const D="ui-toast-root";function Qt(){if(typeof document>"u")return null;let e=document.getElementById(D);return e||(e=document.createElement("div"),e.id=D,e.style.position="fixed",e.style.right="16px",e.style.bottom="16px",e.style.zIndex="9999",document.body.appendChild(e)),e}function Jt(e,t={}){const r=Qt();if(!r)return;const o=document.createElement("div");o.className="ui-toast",o.textContent=e,o.style.background="rgba(0,0,0,0.8)",o.style.color="white",o.style.padding="8px 12px",o.style.marginTop="8px",o.style.borderRadius="6px",r.appendChild(o);const l=t.duration??3e3,f=setTimeout(()=>{try{r.removeChild(o)}catch{}clearTimeout(f)},l);return()=>{try{r.removeChild(o)}catch{}}}const F={trap(e){const t='a[href], area[href], input:not([disabled]):not([type=hidden]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, [tabindex]:not([tabindex="-1"])',r=F.__activeTraps||=[],o=Symbol("focus-trap"),l=document.activeElement;function f(){return Array.from(e.querySelectorAll(t)).filter(n=>!n.hasAttribute("disabled")&&n.getAttribute("aria-hidden")!=="true")}function q(){return r.length>0&&r[r.length-1]?.id===o}function h(){const n=f(),c=n.find(I=>I.hasAttribute("autofocus"))||n[0]||e;c.hasAttribute("tabindex")||c.setAttribute("tabindex","-1");try{c.focus()}catch{}}function x(n){if(!q())return;const s=document.activeElement;if(!(!s||!e.contains(s)))if(n.key==="Tab"){const c=f(),I=c[0],P=c[c.length-1];if(c.length===0){n.preventDefault(),h();return}n.shiftKey?document.activeElement===I&&(n.preventDefault(),(P||I).focus()):document.activeElement===P&&(n.preventDefault(),(I||P).focus())}else n.key==="Escape"&&e.dispatchEvent(new CustomEvent("escape"))}function S(n){if(!q())return;const s=n.target;s&&!e.contains(s)&&h()}return r.push({id:o}),document.addEventListener("keydown",x),document.addEventListener("focusin",S,!0),h(),{release(){const n=r.findIndex(s=>s.id===o);n>=0&&r.splice(n,1),document.removeEventListener("keydown",x),document.removeEventListener("focusin",S,!0);try{l&&l.focus&&l.focus()}catch{}}}}},C={};function M(e){if(!e||!e.name)throw new Error("Plugin must have a name");C[e.name]=e,e.install&&e.install({registerUIPlugin:M})}function Xt(){return Object.values(C)}exports.ElementBase=w.ElementBase;exports.UICollection=L.UICollection;exports.UIListbox=u.UIListbox;exports.findListboxTypeaheadIndex=u.findListboxTypeaheadIndex;exports.getListboxBoundaryIndex=u.getListboxBoundaryIndex;exports.moveListboxActiveIndex=u.moveListboxActiveIndex;exports.resolveListboxActiveIndex=u.resolveListboxActiveIndex;exports.scrollListboxItemIntoView=u.scrollListboxItemIntoView;exports.syncActiveDescendant=u.syncActiveDescendant;exports.UIRovingFocusGroup=R.UIRovingFocusGroup;exports.UITree=p.UITree;exports.findParentTreeRecordIndex=p.findParentTreeRecordIndex;exports.findTreeRecordIndexById=p.findTreeRecordIndexById;exports.findTreeTypeaheadMatch=p.findTreeTypeaheadMatch;exports.flattenTree=p.flattenTree;exports.flattenVisibleTree=p.flattenVisibleTree;exports.UITreeItem=B.UITreeItem;exports.UIButton=E.UIButton;exports.UITooltip=G.UITooltip;exports.UIDropdown=O.UIDropdown;exports.UIInput=V.UIInput;exports.UIPasswordField=z.UIPasswordField;exports.UIForm=H.UIForm;exports.UIDescription=N.UIDescription;exports.UIFieldError=_.UIFieldError;exports.UIControlGroup=$.UIControlGroup;exports.UIFieldset=j.UIFieldset;exports.UIPopover=W.UIPopover;exports.UITabs=K.UITabs;exports.UIMenu=Q.UIMenu;exports.UIIcon=d.UIIcon;exports.clearCustomIcons=d.clearCustomIcons;exports.getIcon=d.getIcon;exports.getIconVariant=d.getIconVariant;exports.hasIcon=d.hasIcon;exports.registerIcon=d.registerIcon;exports.unregisterIcon=d.unregisterIcon;exports.UIToast=J.UIToast;exports.UILabel=X.UILabel;exports.UIPagination=Y.UIPagination;exports.UIHoverCard=Z.UIHoverCard;exports.UICard=ee.UICard;exports.UICollapsible=te.UICollapsible;exports.UIDirectionProvider=re.UIDirectionProvider;exports.UIAccordion=oe.UIAccordion;exports.UICheckbox=ie.UICheckbox;exports.UIRadio=ne.UIRadio;exports.UIRadioGroup=ae.UIRadioGroup;exports.UISwitch=se.UISwitch;exports.UISlider=ce.UISlider;exports.UISelect=le.UISelect;exports.UIToggle=ue.UIToggle;exports.UIToggleGroup=de.UIToggleGroup;exports.UIAlertDialog=Ie.UIAlertDialog;exports.UIAspectRatio=Ue.UIAspectRatio;exports.UIAvatar=pe.UIAvatar;exports.UIBadge=me.UIBadge;exports.UITable=ge.UITable;exports.UINavigationMenu=fe.UINavigationMenu;exports.UIMenubar=qe.UIMenubar;exports.UIContextMenu=be.UIContextMenu;exports.UIPresence=Te.UIPresence;exports.UIProgress=he.UIProgress;exports.UIMeter=Pe.UIMeter;exports.UIScrollArea=ye.UIScrollArea;exports.UISeparator=ve.UISeparator;exports.UISlot=xe.UISlot;exports.UIToolbar=Se.UIToolbar;exports.UIPortal=ke.UIPortal;exports.UIVisuallyHidden=De.UIVisuallyHidden;exports.UIBreadcrumb=Ae.UIBreadcrumb;exports.UISidebar=Fe.UISidebar;exports.UIAppHeader=Ce.UIAppHeader;exports.UIDrawer=Me.UIDrawer;exports.UIDialog=we.UIDialog;exports.UILayout=Le.UILayout;exports.UIBlockControls=Re.UIBlockControls;exports.UIPluginPanel=Be.UIPluginPanel;exports.UIFloatingToolbar=Ee.UIFloatingToolbar;exports.UISelectionPopup=Ge.UISelectionPopup;exports.UICommand=Oe.UICommand;exports.UICommandPalette=Ve.UICommandPalette;exports.UITextarea=ze.UITextarea;exports.UIField=He.UIField;exports.UINumberField=Ne.UINumberField;exports.UITagsInput=_e.UITagsInput;exports.UIOtpInput=A.UIOtpInput;exports.UIPinInput=A.UIPinInput;exports.UIFileUpload=$e.UIFileUpload;exports.UIDropzone=je.UIDropzone;exports.UIMultiSelect=We.UIMultiSelect;exports.UISplitButton=Ke.UISplitButton;exports.UITransferList=Qe.UITransferList;exports.UISortable=Je.UISortable;exports.UIInlineEdit=Xe.UIInlineEdit;exports.UICombobox=Ye.UICombobox;exports.UIPanelGroup=y.UIPanelGroup;exports.normalizePanelLayout=y.normalizePanelLayout;exports.resizePanelPair=y.resizePanelPair;exports.UIPanel=Ze.UIPanel;exports.UISplitter=et.UISplitter;exports.UIDismissableLayer=tt.UIDismissableLayer;exports.UIFocusScope=rt.UIFocusScope;exports.UIPositioner=ot.UIPositioner;exports.UIAnchor=it.UIAnchor;exports.UIAlert=nt.UIAlert;exports.UIMarquee=at.UIMarquee;exports.UIAnimatedText=st.UIAnimatedText;exports.UISpinningText=ct.UISpinningText;exports.UINumberTicker=lt.UINumberTicker;exports.UIAnimatedList=ut.UIAnimatedList;exports.UIAnimatedBeam=dt.UIAnimatedBeam;exports.UIIconCloud=It.UIIconCloud;exports.UIDock=Ut.UIDock;exports.UISkeleton=pt.UISkeleton;exports.UIEmptyState=mt.UIEmptyState;exports.UIDataTable=gt.UIDataTable;exports.UIChart=ft.UIChart;exports.UITimeline=qt.UITimeline;exports.UICalendar=bt.UICalendar;exports.UIColorPicker=Tt.UIColorPicker;exports.UIDatePicker=ht.UIDatePicker;exports.UIDateRangePicker=Pt.UIDateRangePicker;exports.UITimePicker=yt.UITimePicker;exports.UIDateField=vt.UIDateField;exports.UITimeField=xt.UITimeField;exports.UIDateTimePicker=St.UIDateTimePicker;exports.UIDateRangeTimePicker=kt.UIDateRangeTimePicker;exports.UIGantt=Dt.UIGantt;exports.UIStepper=At.UIStepper;exports.UIWizard=Ft.UIWizard;exports.UIQuickActions=Ct.UIQuickActions;exports.UIRating=Mt.UIRating;exports.UIOdometer=wt.UIOdometer;exports.UIBox=Lt.UIBox;exports.UIFlex=Rt.UIFlex;exports.UIGrid=Bt.UIGrid;exports.UIPlacementGrid=Et.UIPlacementGrid;exports.UIMasonryGrid=Gt.UIMasonryGrid;exports.UISection=Ot.UISection;exports.UIContainer=Vt.UIContainer;exports.AlertDialogManager=i.AlertDialogManager;exports.DialogManager=i.DialogManager;exports.alert=i.alert;exports.applySystemTheme=i.applySystemTheme;exports.applyTheme=i.applyTheme;exports.baselineAccentPalettes=i.baselineAccentPalettes;exports.baselineDarkTokens=i.baselineDarkTokens;exports.baselineLightTokens=i.baselineLightTokens;exports.confirm=i.confirm;exports.confirmDialog=i.confirmDialog;exports.createAlertDialogManager=i.createAlertDialogManager;exports.createDialogManager=i.createDialogManager;exports.createThemeTokens=i.createThemeTokens;exports.defaultTokens=i.defaultTokens;exports.deriveForegroundOnPrimary=i.deriveForegroundOnPrimary;exports.deriveSemanticTokens=i.deriveSemanticTokens;exports.deriveThemeSurfaces=i.deriveThemeSurfaces;exports.dismissAllAlertDialogs=i.dismissAllAlertDialogs;exports.dismissAllDialogs=i.dismissAllDialogs;exports.prompt=i.prompt;exports.readableForeground=i.readableForeground;exports.registerThemeHost=i.registerThemeHost;exports.showDialog=i.showDialog;exports.themeToCss=i.themeToCss;exports.themeToVariables=i.themeToVariables;exports.withAccentPalette=i.withAccentPalette;exports.autoUpdatePosition=T.autoUpdatePosition;exports.computePosition=T.computePosition;exports.createPortalContainer=T.createPortalContainer;exports.showPortalFor=T.showPortalFor;exports.OverlayManager=zt.OverlayManager;exports.acquireBodyScrollLock=v.acquireBodyScrollLock;exports.getBodyScrollLockCount=v.getBodyScrollLockCount;exports.releaseBodyScrollLock=v.releaseBodyScrollLock;exports.createDismissableLayer=Ht.createDismissableLayer;exports.createFocusScope=Nt.createFocusScope;exports.arrowMiddleware=a.arrowMiddleware;exports.autoPlacementMiddleware=a.autoPlacementMiddleware;exports.autoUpdatePositioner=a.autoUpdatePositioner;exports.computePositionState=a.computePositionState;exports.createPositioner=a.createPositioner;exports.createVirtualPoint=a.createVirtualPoint;exports.createVirtualRange=a.createVirtualRange;exports.createVirtualRect=a.createVirtualRect;exports.detectPositionerOverflow=a.detectPositionerOverflow;exports.flipMiddleware=a.flipMiddleware;exports.hideMiddleware=a.hideMiddleware;exports.offsetMiddleware=a.offsetMiddleware;exports.shiftMiddleware=a.shiftMiddleware;exports.sizeMiddleware=a.sizeMiddleware;exports.findFirstEnabledIndex=m.findFirstEnabledIndex;exports.findIndexByValue=m.findIndexByValue;exports.findLastEnabledIndex=m.findLastEnabledIndex;exports.findNextEnabledIndex=m.findNextEnabledIndex;exports.findTypeaheadMatch=m.findTypeaheadMatch;exports.normalizeCollectionText=m.normalizeCollectionText;exports.focusRovingItem=g.focusRovingItem;exports.getRovingFocusBoundaryIndex=g.getRovingFocusBoundaryIndex;exports.moveRovingFocusIndex=g.moveRovingFocusIndex;exports.resolveRovingFocusIndex=g.resolveRovingFocusIndex;exports.syncRovingTabStops=g.syncRovingTabStops;exports.UIOrbiter=_t.UIOrbiter;exports.FocusManager=F;exports.computed=Kt;exports.createSignal=jt;exports.effect=Wt;exports.getRegisteredPlugins=Xt;exports.registerUIPlugin=M;exports.showToast=Jt;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./ElementBase-DxbvhLJs.js"),L=require("./collection.cjs.js"),u=require("./listbox-CTpRpuF7.js"),R=require("./roving-focus-group.cjs.js"),p=require("./tree-Dc02MChE.js"),B=require("./tree-item.cjs.js"),E=require("./ui-button-CnLwXBnx.js"),G=require("./tooltip.cjs.js"),O=require("./dropdown.cjs.js"),V=require("./input.cjs.js"),z=require("./password-field.cjs.js"),H=require("./form.cjs.js"),N=require("./description.cjs.js"),_=require("./field-error.cjs.js"),$=require("./control-group.cjs.js"),j=require("./fieldset.cjs.js"),W=require("./popover.cjs.js"),K=require("./tabs.cjs.js"),Q=require("./menu.cjs.js"),d=require("./ui-icon-D3avtxX_.js"),J=require("./toast.cjs.js"),X=require("./label.cjs.js"),Y=require("./pagination.cjs.js"),Z=require("./hover-card.cjs.js"),ee=require("./card.cjs.js"),te=require("./collapsible.cjs.js"),re=require("./direction-provider.cjs.js"),oe=require("./accordion.cjs.js"),ie=require("./checkbox.cjs.js"),ne=require("./radio.cjs.js"),ae=require("./radio-group.cjs.js"),se=require("./switch.cjs.js"),ce=require("./slider.cjs.js"),le=require("./select.cjs.js"),ue=require("./toggle.cjs.js"),de=require("./toggle-group.cjs.js"),Ie=require("./alert-dialog.cjs.js"),Ue=require("./aspect-ratio.cjs.js"),pe=require("./avatar.cjs.js"),me=require("./badge.cjs.js"),ge=require("./table.cjs.js"),fe=require("./navigation-menu.cjs.js"),qe=require("./menubar.cjs.js"),be=require("./context-menu.cjs.js"),Te=require("./presence.cjs.js"),he=require("./progress.cjs.js"),Pe=require("./meter.cjs.js"),ye=require("./scroll-area.cjs.js"),ve=require("./separator.cjs.js"),xe=require("./slot.cjs.js"),Se=require("./toolbar.cjs.js"),ke=require("./portal.cjs.js"),De=require("./visually-hidden.cjs.js"),Ae=require("./breadcrumb.cjs.js"),Fe=require("./sidebar.cjs.js"),Ce=require("./app-header.cjs.js"),Me=require("./drawer.cjs.js"),we=require("./dialog.cjs.js"),Le=require("./layout.cjs.js"),Re=require("./block-controls.cjs.js"),Be=require("./plugin-panel.cjs.js"),Ee=require("./floating-toolbar.cjs.js"),Ge=require("./selection-popup.cjs.js"),Oe=require("./command.cjs.js"),Ve=require("./command-palette.cjs.js"),ze=require("./textarea.cjs.js"),He=require("./field.cjs.js"),Ne=require("./number-field.cjs.js"),_e=require("./tags-input.cjs.js"),A=require("./pin-input.cjs.js"),$e=require("./file-upload.cjs.js"),je=require("./dropzone.cjs.js"),We=require("./multi-select.cjs.js"),Ke=require("./split-button.cjs.js"),Qe=require("./transfer-list.cjs.js"),Je=require("./sortable.cjs.js"),Xe=require("./inline-edit.cjs.js"),Ye=require("./combobox.cjs.js"),y=require("./panel-group-BVHJEdfx.js"),Ze=require("./panel.cjs.js"),et=require("./splitter.cjs.js"),tt=require("./dismissable-layer.cjs.js"),rt=require("./focus-scope.cjs.js"),ot=require("./positioner.cjs.js"),it=require("./anchor.cjs.js"),nt=require("./alert.cjs.js"),at=require("./marquee.cjs.js"),st=require("./animated-text.cjs.js"),ct=require("./spinning-text.cjs.js"),lt=require("./number-ticker.cjs.js"),ut=require("./animated-list.cjs.js"),dt=require("./animated-beam.cjs.js"),It=require("./icon-cloud.cjs.js"),Ut=require("./dock.cjs.js"),pt=require("./skeleton.cjs.js"),mt=require("./empty-state.cjs.js"),gt=require("./data-table.cjs.js"),ft=require("./chart.cjs.js"),qt=require("./timeline.cjs.js"),bt=require("./calendar-CzpWDxLc.js"),Tt=require("./color-picker.cjs.js"),ht=require("./date-picker.cjs.js"),Pt=require("./date-range-picker.cjs.js"),yt=require("./time-picker.cjs.js"),vt=require("./date-field.cjs.js"),xt=require("./time-field.cjs.js"),St=require("./date-time-picker.cjs.js"),kt=require("./date-range-time-picker.cjs.js"),Dt=require("./gantt.cjs.js"),At=require("./stepper.cjs.js"),Ft=require("./wizard.cjs.js"),Ct=require("./quick-actions.cjs.js"),Mt=require("./rating.cjs.js"),wt=require("./odometer.cjs.js"),Lt=require("./box.cjs.js"),Rt=require("./flex.cjs.js"),Bt=require("./grid.cjs.js"),Et=require("./placement-grid.cjs.js"),Gt=require("./masonry-grid.cjs.js"),Ot=require("./section.cjs.js"),Vt=require("./container.cjs.js"),i=require("./runtime-DYSIU3sR.js"),T=require("./portal-XbYR3m_q.js"),zt=require("./overlayManager-CSy3fJmJ.js"),v=require("./scroll-lock-BX6e3Ced.js"),Ht=require("./dismissable-layer-DNfrKA20.js"),Nt=require("./focus-scope-Bwug2gDv.js"),a=require("./positioner-DZ1FW6A9.js"),m=require("./collection-qv8A8rq4.js"),g=require("./roving-focus-group-BdJ_4Njm.js"),_t=require("./orbiter.cjs.js"),U=[],b=new WeakMap;class $t{constructor(t){this.subs=new Set,this.value=t}get(){const t=U[U.length-1];if(t){this.subs.add(t);let r=b.get(t);r||(r=new Set,b.set(t,r)),r.add(this)}return this.value}set(t){if(Object.is(this.value,t))return;this.value=t;const r=Array.from(this.subs);for(const o of r)o()}removeSubscriber(t){this.subs.delete(t)}}function jt(e){const t=new $t(e);return{get:()=>t.get(),set:r=>t.set(r),subscribe:r=>{const o=()=>r();return t.subs.add(o),()=>t.subs.delete(o)}}}function k(e){const t=b.get(e);if(t){for(const r of t)r.removeSubscriber(e);b.delete(e)}}function Wt(e){let t;const r=()=>{if(k(r),t)try{t()}catch{}U.push(r);try{const o=e();typeof o=="function"?t=o:t=void 0}finally{U.pop()}};return r(),()=>{if(k(r),t)try{t()}catch{}}}function Kt(e){let t,r=!0;const o=()=>{r=!1;const l=()=>{t=e()};U.push(l);try{t=e()}finally{U.pop()}};return{get(){return r&&o(),t}}}const D="ui-toast-root";function Qt(){if(typeof document>"u")return null;let e=document.getElementById(D);return e||(e=document.createElement("div"),e.id=D,e.style.position="fixed",e.style.right="16px",e.style.bottom="16px",e.style.zIndex="9999",document.body.appendChild(e)),e}function Jt(e,t={}){const r=Qt();if(!r)return;const o=document.createElement("div");o.className="ui-toast",o.textContent=e,o.style.background="rgba(0,0,0,0.8)",o.style.color="white",o.style.padding="8px 12px",o.style.marginTop="8px",o.style.borderRadius="6px",r.appendChild(o);const l=t.duration??3e3,f=setTimeout(()=>{try{r.removeChild(o)}catch{}clearTimeout(f)},l);return()=>{try{r.removeChild(o)}catch{}}}const F={trap(e){const t='a[href], area[href], input:not([disabled]):not([type=hidden]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, [tabindex]:not([tabindex="-1"])',r=F.__activeTraps||=[],o=Symbol("focus-trap"),l=document.activeElement;function f(){return Array.from(e.querySelectorAll(t)).filter(n=>!n.hasAttribute("disabled")&&n.getAttribute("aria-hidden")!=="true")}function q(){return r.length>0&&r[r.length-1]?.id===o}function h(){const n=f(),c=n.find(I=>I.hasAttribute("autofocus"))||n[0]||e;c.hasAttribute("tabindex")||c.setAttribute("tabindex","-1");try{c.focus()}catch{}}function x(n){if(!q())return;const s=document.activeElement;if(!(!s||!e.contains(s)))if(n.key==="Tab"){const c=f(),I=c[0],P=c[c.length-1];if(c.length===0){n.preventDefault(),h();return}n.shiftKey?document.activeElement===I&&(n.preventDefault(),(P||I).focus()):document.activeElement===P&&(n.preventDefault(),(I||P).focus())}else n.key==="Escape"&&e.dispatchEvent(new CustomEvent("escape"))}function S(n){if(!q())return;const s=n.target;s&&!e.contains(s)&&h()}return r.push({id:o}),document.addEventListener("keydown",x),document.addEventListener("focusin",S,!0),h(),{release(){const n=r.findIndex(s=>s.id===o);n>=0&&r.splice(n,1),document.removeEventListener("keydown",x),document.removeEventListener("focusin",S,!0);try{l&&l.focus&&l.focus()}catch{}}}}},C={};function M(e){if(!e||!e.name)throw new Error("Plugin must have a name");C[e.name]=e,e.install&&e.install({registerUIPlugin:M})}function Xt(){return Object.values(C)}exports.ElementBase=w.ElementBase;exports.UICollection=L.UICollection;exports.UIListbox=u.UIListbox;exports.findListboxTypeaheadIndex=u.findListboxTypeaheadIndex;exports.getListboxBoundaryIndex=u.getListboxBoundaryIndex;exports.moveListboxActiveIndex=u.moveListboxActiveIndex;exports.resolveListboxActiveIndex=u.resolveListboxActiveIndex;exports.scrollListboxItemIntoView=u.scrollListboxItemIntoView;exports.syncActiveDescendant=u.syncActiveDescendant;exports.UIRovingFocusGroup=R.UIRovingFocusGroup;exports.UITree=p.UITree;exports.findParentTreeRecordIndex=p.findParentTreeRecordIndex;exports.findTreeRecordIndexById=p.findTreeRecordIndexById;exports.findTreeTypeaheadMatch=p.findTreeTypeaheadMatch;exports.flattenTree=p.flattenTree;exports.flattenVisibleTree=p.flattenVisibleTree;exports.UITreeItem=B.UITreeItem;exports.UIButton=E.UIButton;exports.UITooltip=G.UITooltip;exports.UIDropdown=O.UIDropdown;exports.UIInput=V.UIInput;exports.UIPasswordField=z.UIPasswordField;exports.UIForm=H.UIForm;exports.UIDescription=N.UIDescription;exports.UIFieldError=_.UIFieldError;exports.UIControlGroup=$.UIControlGroup;exports.UIFieldset=j.UIFieldset;exports.UIPopover=W.UIPopover;exports.UITabs=K.UITabs;exports.UIMenu=Q.UIMenu;exports.UIIcon=d.UIIcon;exports.clearCustomIcons=d.clearCustomIcons;exports.getIcon=d.getIcon;exports.getIconVariant=d.getIconVariant;exports.hasIcon=d.hasIcon;exports.registerIcon=d.registerIcon;exports.unregisterIcon=d.unregisterIcon;exports.UIToast=J.UIToast;exports.UILabel=X.UILabel;exports.UIPagination=Y.UIPagination;exports.UIHoverCard=Z.UIHoverCard;exports.UICard=ee.UICard;exports.UICollapsible=te.UICollapsible;exports.UIDirectionProvider=re.UIDirectionProvider;exports.UIAccordion=oe.UIAccordion;exports.UICheckbox=ie.UICheckbox;exports.UIRadio=ne.UIRadio;exports.UIRadioGroup=ae.UIRadioGroup;exports.UISwitch=se.UISwitch;exports.UISlider=ce.UISlider;exports.UISelect=le.UISelect;exports.UIToggle=ue.UIToggle;exports.UIToggleGroup=de.UIToggleGroup;exports.UIAlertDialog=Ie.UIAlertDialog;exports.UIAspectRatio=Ue.UIAspectRatio;exports.UIAvatar=pe.UIAvatar;exports.UIBadge=me.UIBadge;exports.UITable=ge.UITable;exports.UINavigationMenu=fe.UINavigationMenu;exports.UIMenubar=qe.UIMenubar;exports.UIContextMenu=be.UIContextMenu;exports.UIPresence=Te.UIPresence;exports.UIProgress=he.UIProgress;exports.UIMeter=Pe.UIMeter;exports.UIScrollArea=ye.UIScrollArea;exports.UISeparator=ve.UISeparator;exports.UISlot=xe.UISlot;exports.UIToolbar=Se.UIToolbar;exports.UIPortal=ke.UIPortal;exports.UIVisuallyHidden=De.UIVisuallyHidden;exports.UIBreadcrumb=Ae.UIBreadcrumb;exports.UISidebar=Fe.UISidebar;exports.UIAppHeader=Ce.UIAppHeader;exports.UIDrawer=Me.UIDrawer;exports.UIDialog=we.UIDialog;exports.UILayout=Le.UILayout;exports.UIBlockControls=Re.UIBlockControls;exports.UIPluginPanel=Be.UIPluginPanel;exports.UIFloatingToolbar=Ee.UIFloatingToolbar;exports.UISelectionPopup=Ge.UISelectionPopup;exports.UICommand=Oe.UICommand;exports.UICommandPalette=Ve.UICommandPalette;exports.UITextarea=ze.UITextarea;exports.UIField=He.UIField;exports.UINumberField=Ne.UINumberField;exports.UITagsInput=_e.UITagsInput;exports.UIOtpInput=A.UIOtpInput;exports.UIPinInput=A.UIPinInput;exports.UIFileUpload=$e.UIFileUpload;exports.UIDropzone=je.UIDropzone;exports.UIMultiSelect=We.UIMultiSelect;exports.UISplitButton=Ke.UISplitButton;exports.UITransferList=Qe.UITransferList;exports.UISortable=Je.UISortable;exports.UIInlineEdit=Xe.UIInlineEdit;exports.UICombobox=Ye.UICombobox;exports.UIPanelGroup=y.UIPanelGroup;exports.normalizePanelLayout=y.normalizePanelLayout;exports.resizePanelPair=y.resizePanelPair;exports.UIPanel=Ze.UIPanel;exports.UISplitter=et.UISplitter;exports.UIDismissableLayer=tt.UIDismissableLayer;exports.UIFocusScope=rt.UIFocusScope;exports.UIPositioner=ot.UIPositioner;exports.UIAnchor=it.UIAnchor;exports.UIAlert=nt.UIAlert;exports.UIMarquee=at.UIMarquee;exports.UIAnimatedText=st.UIAnimatedText;exports.UISpinningText=ct.UISpinningText;exports.UINumberTicker=lt.UINumberTicker;exports.UIAnimatedList=ut.UIAnimatedList;exports.UIAnimatedBeam=dt.UIAnimatedBeam;exports.UIIconCloud=It.UIIconCloud;exports.UIDock=Ut.UIDock;exports.UISkeleton=pt.UISkeleton;exports.UIEmptyState=mt.UIEmptyState;exports.UIDataTable=gt.UIDataTable;exports.UIChart=ft.UIChart;exports.UITimeline=qt.UITimeline;exports.UICalendar=bt.UICalendar;exports.UIColorPicker=Tt.UIColorPicker;exports.UIDatePicker=ht.UIDatePicker;exports.UIDateRangePicker=Pt.UIDateRangePicker;exports.UITimePicker=yt.UITimePicker;exports.UIDateField=vt.UIDateField;exports.UITimeField=xt.UITimeField;exports.UIDateTimePicker=St.UIDateTimePicker;exports.UIDateRangeTimePicker=kt.UIDateRangeTimePicker;exports.UIGantt=Dt.UIGantt;exports.UIStepper=At.UIStepper;exports.UIWizard=Ft.UIWizard;exports.UIQuickActions=Ct.UIQuickActions;exports.UIRating=Mt.UIRating;exports.UIOdometer=wt.UIOdometer;exports.UIBox=Lt.UIBox;exports.UIFlex=Rt.UIFlex;exports.UIGrid=Bt.UIGrid;exports.UIPlacementGrid=Et.UIPlacementGrid;exports.UIMasonryGrid=Gt.UIMasonryGrid;exports.UISection=Ot.UISection;exports.UIContainer=Vt.UIContainer;exports.AlertDialogManager=i.AlertDialogManager;exports.DialogManager=i.DialogManager;exports.alert=i.alert;exports.applySystemTheme=i.applySystemTheme;exports.applyTheme=i.applyTheme;exports.baselineAccentPalettes=i.baselineAccentPalettes;exports.baselineDarkTokens=i.baselineDarkTokens;exports.baselineLightTokens=i.baselineLightTokens;exports.confirm=i.confirm;exports.confirmDialog=i.confirmDialog;exports.createAlertDialogManager=i.createAlertDialogManager;exports.createDialogManager=i.createDialogManager;exports.createThemeTokens=i.createThemeTokens;exports.defaultTokens=i.defaultTokens;exports.deriveForegroundOnPrimary=i.deriveForegroundOnPrimary;exports.deriveSemanticTokens=i.deriveSemanticTokens;exports.deriveThemeSurfaces=i.deriveThemeSurfaces;exports.dismissAllAlertDialogs=i.dismissAllAlertDialogs;exports.dismissAllDialogs=i.dismissAllDialogs;exports.prompt=i.prompt;exports.readableForeground=i.readableForeground;exports.registerThemeHost=i.registerThemeHost;exports.showDialog=i.showDialog;exports.themeToCss=i.themeToCss;exports.themeToVariables=i.themeToVariables;exports.withAccentPalette=i.withAccentPalette;exports.autoUpdatePosition=T.autoUpdatePosition;exports.computePosition=T.computePosition;exports.createPortalContainer=T.createPortalContainer;exports.showPortalFor=T.showPortalFor;exports.OverlayManager=zt.OverlayManager;exports.acquireBodyScrollLock=v.acquireBodyScrollLock;exports.getBodyScrollLockCount=v.getBodyScrollLockCount;exports.releaseBodyScrollLock=v.releaseBodyScrollLock;exports.createDismissableLayer=Ht.createDismissableLayer;exports.createFocusScope=Nt.createFocusScope;exports.arrowMiddleware=a.arrowMiddleware;exports.autoPlacementMiddleware=a.autoPlacementMiddleware;exports.autoUpdatePositioner=a.autoUpdatePositioner;exports.computePositionState=a.computePositionState;exports.createPositioner=a.createPositioner;exports.createVirtualPoint=a.createVirtualPoint;exports.createVirtualRange=a.createVirtualRange;exports.createVirtualRect=a.createVirtualRect;exports.detectPositionerOverflow=a.detectPositionerOverflow;exports.flipMiddleware=a.flipMiddleware;exports.hideMiddleware=a.hideMiddleware;exports.offsetMiddleware=a.offsetMiddleware;exports.shiftMiddleware=a.shiftMiddleware;exports.sizeMiddleware=a.sizeMiddleware;exports.findFirstEnabledIndex=m.findFirstEnabledIndex;exports.findIndexByValue=m.findIndexByValue;exports.findLastEnabledIndex=m.findLastEnabledIndex;exports.findNextEnabledIndex=m.findNextEnabledIndex;exports.findTypeaheadMatch=m.findTypeaheadMatch;exports.normalizeCollectionText=m.normalizeCollectionText;exports.focusRovingItem=g.focusRovingItem;exports.getRovingFocusBoundaryIndex=g.getRovingFocusBoundaryIndex;exports.moveRovingFocusIndex=g.moveRovingFocusIndex;exports.resolveRovingFocusIndex=g.resolveRovingFocusIndex;exports.syncRovingTabStops=g.syncRovingTabStops;exports.UIOrbiter=_t.UIOrbiter;exports.FocusManager=F;exports.computed=Kt;exports.createSignal=jt;exports.effect=Wt;exports.getRegisteredPlugins=Xt;exports.registerUIPlugin=M;exports.showToast=Jt;
|
package/dist/index.esm.js
CHANGED
|
@@ -97,7 +97,7 @@ import { UIEmptyState as Ar } from "./empty-state.esm.js";
|
|
|
97
97
|
import { UIDataTable as kr } from "./data-table.esm.js";
|
|
98
98
|
import { UIChart as Cr } from "./chart.esm.js";
|
|
99
99
|
import { UITimeline as Er } from "./timeline.esm.js";
|
|
100
|
-
import { U as Lr } from "./calendar-
|
|
100
|
+
import { U as Lr } from "./calendar-DkSDFg33.mjs";
|
|
101
101
|
import { UIColorPicker as Br } from "./color-picker.esm.js";
|
|
102
102
|
import { UIDatePicker as Gr } from "./date-picker.esm.js";
|
|
103
103
|
import { UIDateRangePicker as zr } from "./date-range-picker.esm.js";
|
|
@@ -119,7 +119,7 @@ import { UIPlacementGrid as Ia } from "./placement-grid.esm.js";
|
|
|
119
119
|
import { UIMasonryGrid as ga } from "./masonry-grid.esm.js";
|
|
120
120
|
import { UISection as ha } from "./section.esm.js";
|
|
121
121
|
import { UIContainer as Ta } from "./container.esm.js";
|
|
122
|
-
import { A as Pa, D as Sa, a as Aa, b as Da, c as ka, d as wa, e as Ca, f as Fa, g as Ea, h as Ma, i as La, j as Ra, k as Ba, l as Oa, m as Ga, n as Va, o as za, p as Na, q as ja, r as qa, s as Ha, t as _a, u as Ka, v as Wa, w as Qa, x as Ja } from "./runtime-
|
|
122
|
+
import { A as Pa, D as Sa, a as Aa, b as Da, c as ka, d as wa, e as Ca, f as Fa, g as Ea, h as Ma, i as La, j as Ra, k as Ba, l as Oa, m as Ga, n as Va, o as za, p as Na, q as ja, r as qa, s as Ha, t as _a, u as Ka, v as Wa, w as Qa, x as Ja } from "./runtime-CJzoaC8Z.mjs";
|
|
123
123
|
import { a as Ya, c as Za, b as $a, s as es } from "./portal-DeaM1tYY.mjs";
|
|
124
124
|
import { O as ts } from "./overlayManager-BJjU1VA8.mjs";
|
|
125
125
|
import { a as as, g as ss, r as ns } from "./scroll-lock-LfqXXqsu.mjs";
|
package/dist/inline-edit.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-DxbvhLJs.js"),v=`
|
|
2
2
|
:host {
|
|
3
3
|
--ui-inline-edit-bg: transparent;
|
|
4
4
|
--ui-inline-edit-border: 1px dashed transparent;
|
|
@@ -128,19 +128,19 @@
|
|
|
128
128
|
gap: 8px;
|
|
129
129
|
justify-content: flex-end;
|
|
130
130
|
}
|
|
131
|
-
`;function
|
|
132
|
-
<style>${
|
|
131
|
+
`;function a(d){return d.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}class h extends b.ElementBase{constructor(){super(...arguments),this._draft="",this._formUnregister=null,this._lastFocusTarget=null}static get observedAttributes(){return["value","placeholder","editing","multiline","disabled","readonly","name"]}get value(){return this.getAttribute("value")||""}set value(e){e?this.setAttribute("value",e):this.removeAttribute("value")}startEditing(){this.hasAttribute("disabled")||this.hasAttribute("readonly")||(this._lastFocusTarget=document.activeElement||this,this._draft=this.value,this.setAttribute("editing",""),queueMicrotask(()=>{const e=this.root.querySelector(".field");e?.focus(),e?.select?.()}),this.dispatchEvent(new CustomEvent("editing-change",{detail:{editing:!0},bubbles:!0,composed:!0})))}cancelEditing(){this.removeAttribute("editing"),this._draft=this.value,this.dispatchEvent(new CustomEvent("cancel",{detail:{value:this.value},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("editing-change",{detail:{editing:!1},bubbles:!0,composed:!0})),this._restoreFocus()}saveEditing(){if(this.hasAttribute("disabled")||this.hasAttribute("readonly"))return;if(this.hasAttribute("required")&&!this._draft.trim()){this.setAttribute("invalid","");return}const e=this.value;this._draft?this.setAttribute("value",this._draft):this.removeAttribute("value"),this.removeAttribute("invalid"),this.removeAttribute("editing"),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,previousValue:e,source:"save"},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("save",{detail:{value:this.value,previousValue:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("editing-change",{detail:{editing:!1},bubbles:!0,composed:!0})),this._restoreFocus()}connectedCallback(){super.connectedCallback(),this._draft=this.value,this._registerWithForm()}disconnectedCallback(){this._formUnregister&&this._formUnregister(),super.disconnectedCallback()}attributeChangedCallback(e,o,r){o!==r&&(e==="name"&&this.isConnected&&this._registerWithForm(),e==="value"&&!this.hasAttribute("editing")&&(this._draft=r||""),this.isConnected&&this.requestRender())}render(){const e=this.hasAttribute("editing")?this._draft:this.value,o=this.getAttribute("placeholder")||"Add value",r=this.hasAttribute("multiline"),s=this.hasAttribute("editing"),n=!this.value,t=this.hasAttribute("disabled")||this.hasAttribute("readonly"),u=a((this.getAttribute("aria-label")||this.getAttribute("label")||this.getAttribute("placeholder")||"Edit value").trim());this.setContent(`
|
|
132
|
+
<style>${v}</style>
|
|
133
133
|
<div class="root">
|
|
134
134
|
<div class="display"${s?" hidden":""}>
|
|
135
|
-
<div class="value" data-empty="${n}">${
|
|
135
|
+
<div class="value" data-empty="${n}">${a(n?o:this.value)}</div>
|
|
136
136
|
<button class="edit-btn" type="button"${t?" disabled":""}>Edit</button>
|
|
137
137
|
</div>
|
|
138
138
|
<div class="editor"${s?"":" hidden"}>
|
|
139
|
-
${r?`<textarea class="field" rows="4"${t?" disabled":""}>${
|
|
139
|
+
${r?`<textarea class="field" aria-label="${u}" rows="4"${t?" disabled":""}>${a(e)}</textarea>`:`<input class="field" aria-label="${u}" type="text" value="${a(e)}"${t?" disabled":""} />`}
|
|
140
140
|
<div class="actions">
|
|
141
141
|
<button class="cancel-btn" type="button"${t?" disabled":""}>Cancel</button>
|
|
142
142
|
<button class="save-btn" type="button"${t?" disabled":""}>Save</button>
|
|
143
143
|
</div>
|
|
144
144
|
</div>
|
|
145
145
|
</div>
|
|
146
|
-
`);const
|
|
146
|
+
`);const c=this.root.querySelector(".field");c?.addEventListener("input",l=>{this._draft=l.target.value}),c?.addEventListener("keydown",l=>{const i=l;i.key==="Escape"&&(i.preventDefault(),this.cancelEditing()),!r&&i.key==="Enter"&&(i.preventDefault(),this.saveEditing()),(i.metaKey||i.ctrlKey)&&i.key==="Enter"&&(i.preventDefault(),this.saveEditing())}),this.root.querySelector(".edit-btn")?.addEventListener("click",()=>this.startEditing()),this.root.querySelector(".cancel-btn")?.addEventListener("click",()=>this.cancelEditing()),this.root.querySelector(".save-btn")?.addEventListener("click",()=>this.saveEditing())}_registerWithForm(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const s=this.getRootNode().host?.closest?.("ui-form")||null||this.closest("ui-form"),n=this.getAttribute("name");s&&typeof s.registerField=="function"&&n&&(this._formUnregister=s.registerField(n,{name:n,getValue:()=>this.value,setValue:t=>{t==null||t===""?this.removeAttribute("value"):this.setAttribute("value",String(t))}}))}catch{}}_restoreFocus(){const e=this._lastFocusTarget&&this._lastFocusTarget.isConnected?this._lastFocusTarget:this.root.querySelector(".edit-btn");e&&(queueMicrotask(()=>{try{e.focus({preventScroll:!0})}catch{e.focus()}}),this._lastFocusTarget=null)}}typeof customElements<"u"&&!customElements.get("ui-inline-edit")&&customElements.define("ui-inline-edit",h);exports.UIInlineEdit=h;
|
package/dist/inline-edit.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { E as
|
|
2
|
-
const
|
|
1
|
+
import { E as h } from "./ElementBase-BeZT54Hj.mjs";
|
|
2
|
+
const b = `
|
|
3
3
|
:host {
|
|
4
4
|
--ui-inline-edit-bg: transparent;
|
|
5
5
|
--ui-inline-edit-border: 1px dashed transparent;
|
|
@@ -130,10 +130,10 @@ const h = `
|
|
|
130
130
|
justify-content: flex-end;
|
|
131
131
|
}
|
|
132
132
|
`;
|
|
133
|
-
function
|
|
133
|
+
function a(d) {
|
|
134
134
|
return d.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
|
135
135
|
}
|
|
136
|
-
class
|
|
136
|
+
class v extends h {
|
|
137
137
|
constructor() {
|
|
138
138
|
super(...arguments), this._draft = "", this._formUnregister = null, this._lastFocusTarget = null;
|
|
139
139
|
}
|
|
@@ -170,20 +170,20 @@ class b extends c {
|
|
|
170
170
|
disconnectedCallback() {
|
|
171
171
|
this._formUnregister && this._formUnregister(), super.disconnectedCallback();
|
|
172
172
|
}
|
|
173
|
-
attributeChangedCallback(e,
|
|
174
|
-
|
|
173
|
+
attributeChangedCallback(e, o, r) {
|
|
174
|
+
o !== r && (e === "name" && this.isConnected && this._registerWithForm(), e === "value" && !this.hasAttribute("editing") && (this._draft = r || ""), this.isConnected && this.requestRender());
|
|
175
175
|
}
|
|
176
176
|
render() {
|
|
177
|
-
const e = this.hasAttribute("editing") ? this._draft : this.value,
|
|
177
|
+
const e = this.hasAttribute("editing") ? this._draft : this.value, o = this.getAttribute("placeholder") || "Add value", r = this.hasAttribute("multiline"), s = this.hasAttribute("editing"), n = !this.value, t = this.hasAttribute("disabled") || this.hasAttribute("readonly"), u = a((this.getAttribute("aria-label") || this.getAttribute("label") || this.getAttribute("placeholder") || "Edit value").trim());
|
|
178
178
|
this.setContent(`
|
|
179
|
-
<style>${
|
|
179
|
+
<style>${b}</style>
|
|
180
180
|
<div class="root">
|
|
181
181
|
<div class="display"${s ? " hidden" : ""}>
|
|
182
|
-
<div class="value" data-empty="${n}">${
|
|
182
|
+
<div class="value" data-empty="${n}">${a(n ? o : this.value)}</div>
|
|
183
183
|
<button class="edit-btn" type="button"${t ? " disabled" : ""}>Edit</button>
|
|
184
184
|
</div>
|
|
185
185
|
<div class="editor"${s ? "" : " hidden"}>
|
|
186
|
-
${r ? `<textarea class="field" rows="4"${t ? " disabled" : ""}>${
|
|
186
|
+
${r ? `<textarea class="field" aria-label="${u}" rows="4"${t ? " disabled" : ""}>${a(e)}</textarea>` : `<input class="field" aria-label="${u}" type="text" value="${a(e)}"${t ? " disabled" : ""} />`}
|
|
187
187
|
<div class="actions">
|
|
188
188
|
<button class="cancel-btn" type="button"${t ? " disabled" : ""}>Cancel</button>
|
|
189
189
|
<button class="save-btn" type="button"${t ? " disabled" : ""}>Save</button>
|
|
@@ -191,10 +191,10 @@ class b extends c {
|
|
|
191
191
|
</div>
|
|
192
192
|
</div>
|
|
193
193
|
`);
|
|
194
|
-
const
|
|
195
|
-
|
|
194
|
+
const c = this.root.querySelector(".field");
|
|
195
|
+
c?.addEventListener("input", (l) => {
|
|
196
196
|
this._draft = l.target.value;
|
|
197
|
-
}),
|
|
197
|
+
}), c?.addEventListener("keydown", (l) => {
|
|
198
198
|
const i = l;
|
|
199
199
|
i.key === "Escape" && (i.preventDefault(), this.cancelEditing()), !r && i.key === "Enter" && (i.preventDefault(), this.saveEditing()), (i.metaKey || i.ctrlKey) && i.key === "Enter" && (i.preventDefault(), this.saveEditing());
|
|
200
200
|
}), this.root.querySelector(".edit-btn")?.addEventListener("click", () => this.startEditing()), this.root.querySelector(".cancel-btn")?.addEventListener("click", () => this.cancelEditing()), this.root.querySelector(".save-btn")?.addEventListener("click", () => this.saveEditing());
|
|
@@ -224,7 +224,7 @@ class b extends c {
|
|
|
224
224
|
}), this._lastFocusTarget = null);
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
|
-
typeof customElements < "u" && !customElements.get("ui-inline-edit") && customElements.define("ui-inline-edit",
|
|
227
|
+
typeof customElements < "u" && !customElements.get("ui-inline-edit") && customElements.define("ui-inline-edit", v);
|
|
228
228
|
export {
|
|
229
|
-
|
|
229
|
+
v as UIInlineEdit
|
|
230
230
|
};
|
package/dist/input.cjs.js
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
--ui-label-color: var(--ui-color-muted, var(--ui-muted, #526175));
|
|
21
21
|
--ui-description-color: var(--ui-color-muted, var(--ui-muted, #526175));
|
|
22
22
|
--ui-input-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
|
|
23
|
-
--ui-input-error: var(--ui-color-danger, var(--ui-error, #dc2626));
|
|
23
|
+
--ui-input-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
|
|
24
24
|
--ui-input-success: var(--ui-color-success, var(--ui-success, #15803d));
|
|
25
25
|
--ui-input-warning: var(--ui-color-warning, var(--ui-warning, #b45309));
|
|
26
26
|
--ui-input-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
|
package/dist/input.esm.js
CHANGED
|
@@ -22,7 +22,7 @@ const q = `
|
|
|
22
22
|
--ui-label-color: var(--ui-color-muted, var(--ui-muted, #526175));
|
|
23
23
|
--ui-description-color: var(--ui-color-muted, var(--ui-muted, #526175));
|
|
24
24
|
--ui-input-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
|
|
25
|
-
--ui-input-error: var(--ui-color-danger, var(--ui-error, #dc2626));
|
|
25
|
+
--ui-input-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
|
|
26
26
|
--ui-input-success: var(--ui-color-success, var(--ui-success, #15803d));
|
|
27
27
|
--ui-input-warning: var(--ui-color-warning, var(--ui-warning, #b45309));
|
|
28
28
|
--ui-input-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
|
package/dist/label.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
:host {
|
|
3
3
|
--ui-label-color: var(--ui-color-text, var(--ui-text, #0f172a));
|
|
4
4
|
--ui-label-muted: var(--ui-color-muted, var(--ui-muted, #526175));
|
|
5
|
-
--ui-label-error: var(--ui-color-danger, var(--ui-error, #dc2626));
|
|
5
|
+
--ui-label-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
|
|
6
6
|
--ui-label-bg: transparent;
|
|
7
7
|
--ui-label-border: 1px solid transparent;
|
|
8
8
|
--ui-label-radius: 10px;
|
|
@@ -122,10 +122,10 @@
|
|
|
122
122
|
0 10px 20px rgba(2, 6, 23, 0.1);
|
|
123
123
|
}
|
|
124
124
|
|
|
125
|
-
:host([tone="brand"]) { --ui-label-color: var(--ui-color-primary, var(--ui-primary, #2563eb)); }
|
|
126
|
-
:host([tone="success"]) { --ui-label-color: var(--ui-color-success, var(--ui-success, #15803d)); }
|
|
127
|
-
:host([tone="warning"]) { --ui-label-color: var(--ui-color-warning, var(--ui-warning, #b45309)); }
|
|
128
|
-
:host([tone="danger"]) { --ui-label-color: var(--ui-color-danger, var(--ui-error, #dc2626)); }
|
|
125
|
+
:host([tone="brand"]) { --ui-label-color: var(--ui-color-accent-text, var(--ui-color-primary, var(--ui-primary, #2563eb))); }
|
|
126
|
+
:host([tone="success"]) { --ui-label-color: var(--ui-color-success-text, var(--ui-color-success, var(--ui-success, #15803d))); }
|
|
127
|
+
:host([tone="warning"]) { --ui-label-color: var(--ui-color-warning-text, var(--ui-color-warning, var(--ui-warning, #b45309))); }
|
|
128
|
+
:host([tone="danger"]) { --ui-label-color: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626))); }
|
|
129
129
|
|
|
130
130
|
:host([shape="square"]) { --ui-label-radius: 4px; }
|
|
131
131
|
:host([shape="soft"]) { --ui-label-radius: 16px; }
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
|
|
141
141
|
:host([disabled]) .label {
|
|
142
142
|
cursor: not-allowed;
|
|
143
|
-
opacity: 0.
|
|
143
|
+
opacity: 0.72;
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
:host(:not([disabled])) .label:hover {
|
package/dist/label.esm.js
CHANGED
|
@@ -3,7 +3,7 @@ const n = `
|
|
|
3
3
|
:host {
|
|
4
4
|
--ui-label-color: var(--ui-color-text, var(--ui-text, #0f172a));
|
|
5
5
|
--ui-label-muted: var(--ui-color-muted, var(--ui-muted, #526175));
|
|
6
|
-
--ui-label-error: var(--ui-color-danger, var(--ui-error, #dc2626));
|
|
6
|
+
--ui-label-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
|
|
7
7
|
--ui-label-bg: transparent;
|
|
8
8
|
--ui-label-border: 1px solid transparent;
|
|
9
9
|
--ui-label-radius: 10px;
|
|
@@ -123,10 +123,10 @@ const n = `
|
|
|
123
123
|
0 10px 20px rgba(2, 6, 23, 0.1);
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
-
:host([tone="brand"]) { --ui-label-color: var(--ui-color-primary, var(--ui-primary, #2563eb)); }
|
|
127
|
-
:host([tone="success"]) { --ui-label-color: var(--ui-color-success, var(--ui-success, #15803d)); }
|
|
128
|
-
:host([tone="warning"]) { --ui-label-color: var(--ui-color-warning, var(--ui-warning, #b45309)); }
|
|
129
|
-
:host([tone="danger"]) { --ui-label-color: var(--ui-color-danger, var(--ui-error, #dc2626)); }
|
|
126
|
+
:host([tone="brand"]) { --ui-label-color: var(--ui-color-accent-text, var(--ui-color-primary, var(--ui-primary, #2563eb))); }
|
|
127
|
+
:host([tone="success"]) { --ui-label-color: var(--ui-color-success-text, var(--ui-color-success, var(--ui-success, #15803d))); }
|
|
128
|
+
:host([tone="warning"]) { --ui-label-color: var(--ui-color-warning-text, var(--ui-color-warning, var(--ui-warning, #b45309))); }
|
|
129
|
+
:host([tone="danger"]) { --ui-label-color: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626))); }
|
|
130
130
|
|
|
131
131
|
:host([shape="square"]) { --ui-label-radius: 4px; }
|
|
132
132
|
:host([shape="soft"]) { --ui-label-radius: 16px; }
|
|
@@ -141,7 +141,7 @@ const n = `
|
|
|
141
141
|
|
|
142
142
|
:host([disabled]) .label {
|
|
143
143
|
cursor: not-allowed;
|
|
144
|
-
opacity: 0.
|
|
144
|
+
opacity: 0.72;
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
:host(:not([disabled])) .label:hover {
|
package/dist/masonry-grid.cjs.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
--ui-masonry-column-gap: 0px;
|
|
7
7
|
--ui-masonry-item-gap: var(--ui-masonry-column-gap);
|
|
8
8
|
--ui-masonry-fill: balance;
|
|
9
|
-
--ui-masonry-color:
|
|
9
|
+
--ui-masonry-color: inherit;
|
|
10
10
|
color-scheme: light dark;
|
|
11
11
|
display: var(--ui-masonry-display);
|
|
12
12
|
color: var(--ui-masonry-color);
|
|
@@ -60,6 +60,6 @@
|
|
|
60
60
|
--ui-masonry-color: CanvasText;
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
`;function d(t){if(!t)return null;const s=t.trim();if(!s.startsWith("{"))return null;try{const e=JSON.parse(s);return!e||typeof e!="object"?null:e}catch{return null}}function c(t){return v[t]||t}function y(t,s){switch(t){case"display":return{"--ui-masonry-display":s};case"columns":return{"--ui-masonry-columns":s};case"columnwidth":return{"--ui-masonry-column-width":s};case"gap":return{"--ui-masonry-column-gap":c(s),"--ui-masonry-item-gap":c(s)};case"columngap":return{"--ui-masonry-column-gap":c(s)};case"itemgap":return{"--ui-masonry-item-gap":c(s)};case"fill":return{"--ui-masonry-fill":s};default:return{}}}class h extends f.ElementBase{constructor(){super(...arguments),this._lastClassname="",this._appliedInlineProps=new Set}static get observedAttributes(){return["classname","headless",...p]}_syncLegacyClassname(){const s=this.getAttribute("classname")||"";s!==this._lastClassname&&(this._lastClassname&&this._lastClassname.split(/\s+/).forEach(e=>{e&&this.classList.remove(e)}),s&&s.split(/\s+/).forEach(e=>{e&&this.classList.add(e)}),this._lastClassname=s)}_applyInlineStyles(){this._appliedInlineProps.forEach(s=>this.style.removeProperty(s)),this._appliedInlineProps.clear(),p.forEach(s=>{const e=this.getAttribute(s);if(!e||d(e))return;const l=y(s,e);Object.entries(l).forEach(([
|
|
63
|
+
`;function d(t){if(!t)return null;const s=t.trim();if(!s.startsWith("{"))return null;try{const e=JSON.parse(s);return!e||typeof e!="object"?null:e}catch{return null}}function c(t){return v[t]||t}function y(t,s){switch(t){case"display":return{"--ui-masonry-display":s};case"columns":return{"--ui-masonry-columns":s};case"columnwidth":return{"--ui-masonry-column-width":s};case"gap":return{"--ui-masonry-column-gap":c(s),"--ui-masonry-item-gap":c(s)};case"columngap":return{"--ui-masonry-column-gap":c(s)};case"itemgap":return{"--ui-masonry-item-gap":c(s)};case"fill":return{"--ui-masonry-fill":s};default:return{}}}class h extends f.ElementBase{constructor(){super(...arguments),this._lastClassname="",this._appliedInlineProps=new Set}static get observedAttributes(){return["classname","headless",...p]}_syncLegacyClassname(){const s=this.getAttribute("classname")||"";s!==this._lastClassname&&(this._lastClassname&&this._lastClassname.split(/\s+/).forEach(e=>{e&&this.classList.remove(e)}),s&&s.split(/\s+/).forEach(e=>{e&&this.classList.add(e)}),this._lastClassname=s)}_applyInlineStyles(){this._appliedInlineProps.forEach(s=>this.style.removeProperty(s)),this._appliedInlineProps.clear(),p.forEach(s=>{const e=this.getAttribute(s);if(!e||d(e))return;const l=y(s,e);Object.entries(l).forEach(([a,u])=>{this.style.setProperty(a,u),this._appliedInlineProps.add(a)})})}_buildResponsiveCss(){const s={},e={sm:{},md:{},lg:{},xl:{}};p.forEach(n=>{const o=this.getAttribute(n),i=d(o);if(!i)return;const r=(m,g)=>{Object.assign(m,y(n,g))};typeof i.initial=="string"&&r(s,i.initial),typeof i.sm=="string"&&r(e.sm,i.sm),typeof i.md=="string"&&r(e.md,i.md),typeof i.lg=="string"&&r(e.lg,i.lg),typeof i.xl=="string"&&r(e.xl,i.xl)});const l=(n,o)=>{const i=Object.entries(o);return i.length?`${n} { ${i.map(([r,m])=>`${r}: ${m};`).join(" ")} }`:""},a=[],u=l(":host",s);return u&&a.push(u),Object.keys(e).forEach(n=>{const o=l(":host",e[n]);o&&a.push(`@media (min-width: ${b[n]}) { ${o} }`)}),a.join(`
|
|
64
64
|
`)}render(){this._syncLegacyClassname(),this._applyInlineStyles();const s=this._buildResponsiveCss();this.setContent(`<style>${x}${s?`
|
|
65
65
|
${s}`:""}</style><slot></slot>`),this.dispatchEvent(new CustomEvent("layoutchange",{bubbles:!0,composed:!0}))}shouldRenderOnAttributeChange(s,e,l){return!0}}typeof customElements<"u"&&!customElements.get("ui-masonry-grid")&&customElements.define("ui-masonry-grid",h);exports.UIMasonryGrid=h;
|
package/dist/masonry-grid.esm.js
CHANGED
|
@@ -18,7 +18,7 @@ const g = {
|
|
|
18
18
|
--ui-masonry-column-gap: 0px;
|
|
19
19
|
--ui-masonry-item-gap: var(--ui-masonry-column-gap);
|
|
20
20
|
--ui-masonry-fill: balance;
|
|
21
|
-
--ui-masonry-color:
|
|
21
|
+
--ui-masonry-color: inherit;
|
|
22
22
|
color-scheme: light dark;
|
|
23
23
|
display: var(--ui-masonry-display);
|
|
24
24
|
color: var(--ui-masonry-color);
|
|
@@ -130,8 +130,8 @@ class x extends f {
|
|
|
130
130
|
const e = this.getAttribute(s);
|
|
131
131
|
if (!e || d(e)) return;
|
|
132
132
|
const l = y(s, e);
|
|
133
|
-
Object.entries(l).forEach(([
|
|
134
|
-
this.style.setProperty(
|
|
133
|
+
Object.entries(l).forEach(([a, c]) => {
|
|
134
|
+
this.style.setProperty(a, c), this._appliedInlineProps.add(a);
|
|
135
135
|
});
|
|
136
136
|
});
|
|
137
137
|
}
|
|
@@ -143,21 +143,21 @@ class x extends f {
|
|
|
143
143
|
xl: {}
|
|
144
144
|
};
|
|
145
145
|
p.forEach((n) => {
|
|
146
|
-
const
|
|
146
|
+
const o = this.getAttribute(n), i = d(o);
|
|
147
147
|
if (!i) return;
|
|
148
148
|
const r = (m, h) => {
|
|
149
149
|
Object.assign(m, y(n, h));
|
|
150
150
|
};
|
|
151
151
|
typeof i.initial == "string" && r(s, i.initial), typeof i.sm == "string" && r(e.sm, i.sm), typeof i.md == "string" && r(e.md, i.md), typeof i.lg == "string" && r(e.lg, i.lg), typeof i.xl == "string" && r(e.xl, i.xl);
|
|
152
152
|
});
|
|
153
|
-
const l = (n,
|
|
154
|
-
const i = Object.entries(
|
|
153
|
+
const l = (n, o) => {
|
|
154
|
+
const i = Object.entries(o);
|
|
155
155
|
return i.length ? `${n} { ${i.map(([r, m]) => `${r}: ${m};`).join(" ")} }` : "";
|
|
156
|
-
},
|
|
157
|
-
return c &&
|
|
158
|
-
const
|
|
159
|
-
|
|
160
|
-
}),
|
|
156
|
+
}, a = [], c = l(":host", s);
|
|
157
|
+
return c && a.push(c), Object.keys(e).forEach((n) => {
|
|
158
|
+
const o = l(":host", e[n]);
|
|
159
|
+
o && a.push(`@media (min-width: ${g[n]}) { ${o} }`);
|
|
160
|
+
}), a.join(`
|
|
161
161
|
`);
|
|
162
162
|
}
|
|
163
163
|
render() {
|
|
@@ -6,25 +6,25 @@ const y = [
|
|
|
6
6
|
"[data-menu-item]"
|
|
7
7
|
], T = [".shortcut"];
|
|
8
8
|
function r(e, o) {
|
|
9
|
-
return e.flatMap((i) => o.map((
|
|
9
|
+
return e.flatMap((i) => o.map((c) => `${i} ${c}`)).join(`,
|
|
10
10
|
`);
|
|
11
11
|
}
|
|
12
|
-
function
|
|
12
|
+
function n(e, o) {
|
|
13
13
|
return e.map((i) => `${i}${o}`);
|
|
14
14
|
}
|
|
15
15
|
function s(e, o) {
|
|
16
16
|
return e.map((i) => `${i}${o}`);
|
|
17
17
|
}
|
|
18
18
|
function E(e) {
|
|
19
|
-
const o = e.itemSelectors ?? y, i = e.shortcutSelectors ?? T,
|
|
20
|
-
...
|
|
21
|
-
...
|
|
22
|
-
...
|
|
23
|
-
]), p = r(e.scopes,
|
|
19
|
+
const o = e.itemSelectors ?? y, i = e.shortcutSelectors ?? T, c = e.activeStateSelectors ?? [], t = e.prefix, a = r(e.scopes, o), l = r(e.scopes, [
|
|
20
|
+
...n(o, ":hover"),
|
|
21
|
+
...n(o, ":focus-visible"),
|
|
22
|
+
...c
|
|
23
|
+
]), p = r(e.scopes, n(o, ":focus-visible")), m = r(e.scopes, s(o, '[aria-disabled="true"]')), d = r(e.scopes, s(o, '[data-tone="danger"]')), u = r(e.scopes, s(o, '[data-tone="success"]')), x = r(e.scopes, s(o, '[data-tone="warning"]')), b = r(e.scopes, [".separator", '[role="separator"]']), g = r(e.scopes, [".label"]), h = r(e.scopes, [".label .text"]), $ = r(e.scopes, [".label .caption"]), f = r(e.scopes, [".section-label"]), v = r(e.scopes, [".icon"]), S = r(e.scopes, [".selection-icon"]), k = r(e.scopes, ['[role="menuitemcheckbox"][aria-checked="true"] .selection-icon::before']), w = r(e.scopes, ['[role="menuitemradio"][aria-checked="true"] .selection-icon::before']), z = r(e.scopes, i), C = r(e.scopes, [".submenu-arrow"]);
|
|
24
24
|
return `
|
|
25
25
|
${f} {
|
|
26
26
|
padding: 6px 10px 4px;
|
|
27
|
-
color: color-mix(in srgb, var(${t}-color, #0f172a)
|
|
27
|
+
color: color-mix(in srgb, var(${t}-color, #0f172a) 72%, transparent);
|
|
28
28
|
font: 600 11px/1.4 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
29
29
|
letter-spacing: 0.04em;
|
|
30
30
|
text-transform: uppercase;
|
|
@@ -76,15 +76,15 @@ function E(e) {
|
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
${d} {
|
|
79
|
-
color: #dc2626;
|
|
79
|
+
color: var(--ui-color-danger-text, #dc2626);
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
${
|
|
83
|
-
color: #15803d;
|
|
82
|
+
${u} {
|
|
83
|
+
color: var(--ui-color-success-text, #15803d);
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
${
|
|
87
|
-
color: #b45309;
|
|
86
|
+
${x} {
|
|
87
|
+
color: var(--ui-color-warning-text, #b45309);
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
${v} {
|
|
@@ -150,7 +150,7 @@ function E(e) {
|
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
${$} {
|
|
153
|
-
color: color-mix(in srgb, currentColor
|
|
153
|
+
color: color-mix(in srgb, currentColor 88%, transparent);
|
|
154
154
|
font-size: calc(var(${t}-item-font-size, 14px) - 1px);
|
|
155
155
|
line-height: 1.35;
|
|
156
156
|
letter-spacing: inherit;
|
|
@@ -161,7 +161,7 @@ function E(e) {
|
|
|
161
161
|
padding-left: 14px;
|
|
162
162
|
flex: 0 0 auto;
|
|
163
163
|
min-width: max-content;
|
|
164
|
-
color: color-mix(in srgb, currentColor
|
|
164
|
+
color: color-mix(in srgb, currentColor 88%, transparent);
|
|
165
165
|
font-size: calc(var(${t}-item-font-size, 14px) - 1px);
|
|
166
166
|
line-height: 1;
|
|
167
167
|
letter-spacing: inherit;
|