@threadlabs/looma 0.2.5 → 0.2.6

package/dist/cjs/ui-context-menu.cjs.entry.js

@@ -1,239 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-var manager = require('./manager-Ce25WRtl.js');
-var events = require('./events-TcQIzpNv.js');
-var positioning = require('./positioning-CCR6ifPj.js');
-
-const uiContextMenuCss = () => `:host{display:contents}:host([data-focus-trigger='pointer']) ::slotted(ui-menu-item:focus){outline:none}.menu{position:fixed;inset:auto;margin:0;z-index:var(--ui-z-overlay, 1000);min-width:12rem;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}.menu:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-4px) scale(0.99)}}.menu[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){.menu{transition:none}}`;
-
-const UIContextMenu = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get host() { return index.getElement(this); }
-    /** Controls the menu when the consumer owns open state. */
-    open = false;
-    /** Opens the menu on first client render. */
-    defaultOpen = false;
-    /** Optional id of the region that should also respond to a context-menu gesture. */
-    for;
-    internalOpen = false;
-    focusTrigger = 'programmatic';
-    overlayId = `ui-context-menu-${Math.random().toString(36).slice(2, 11)}`;
-    trigger = null;
-    contextTarget = null;
-    pointerX = 0;
-    pointerY = 0;
-    pointPositioned = false;
-    surface = null;
-    syncFromProp() {
-        this.internalOpen = this.open;
-    }
-    syncTarget() {
-        this.resolveTargets();
-        this.attachTargetListeners();
-    }
-    syncOverlay() {
-        this.syncTriggerState();
-        if (this.internalOpen) {
-            if (this.pointPositioned) {
-                this.surface?.showAtPoint({ x: this.pointerX, y: this.pointerY });
-            }
-            else {
-                this.surface?.show();
-            }
-            manager.openOverlay({
-                id: this.overlayId,
-                modal: false,
-                element: this.host,
-                dismissible: true,
-                requestClose: (reason, trigger) => this.closeMenu(reason, trigger),
-            });
-        }
-        else {
-            this.surface?.hide();
-            manager.closeOverlay(this.overlayId);
-        }
-    }
-    componentDidLoad() {
-        this.syncFromProp();
-        this.internalOpen = this.internalOpen || this.defaultOpen;
-        this.resolveTargets();
-        this.attachTargetListeners();
-        this.setupSurface();
-        this.syncTriggerState();
-        this.syncOverlay();
-    }
-    componentDidUpdate() {
-        this.resolveTargets();
-        this.attachTargetListeners();
-        if (!this.pointPositioned)
-            this.surface?.setAnchor(this.trigger);
-        this.syncTriggerState();
-    }
-    disconnectedCallback() {
-        this.detachTargetListeners();
-        this.surface?.destroy();
-        this.surface = null;
-        manager.closeOverlay(this.overlayId);
-    }
-    setupSurface() {
-        const menu = this.host.shadowRoot?.querySelector('.menu');
-        if (!menu)
-            return;
-        this.surface?.destroy();
-        this.surface = positioning.createAnchoredSurface(menu, {
-            anchor: this.trigger,
-            placement: 'bottom-start',
-        });
-    }
-    resolveTargets() {
-        const previousTrigger = this.trigger;
-        const previousContextTarget = this.contextTarget;
-        const explicitTrigger = this.host.querySelector('[slot="trigger"]');
-        const referencedTarget = this.for ? document.getElementById(this.for) : null;
-        this.trigger = explicitTrigger;
-        this.contextTarget = referencedTarget ?? explicitTrigger ?? this.host.parentElement;
-        if (previousTrigger !== this.trigger || previousContextTarget !== this.contextTarget) {
-            previousTrigger?.removeEventListener('click', this.onTriggerClick);
-            previousTrigger?.removeEventListener('keydown', this.onTriggerKeydown);
-            previousContextTarget?.removeEventListener('contextmenu', this.onContextMenu);
-        }
-    }
-    attachTargetListeners() {
-        this.detachTargetListeners();
-        this.trigger?.addEventListener('click', this.onTriggerClick);
-        this.trigger?.addEventListener('keydown', this.onTriggerKeydown);
-        this.contextTarget?.addEventListener('contextmenu', this.onContextMenu);
-    }
-    detachTargetListeners() {
-        this.trigger?.removeEventListener('click', this.onTriggerClick);
-        this.trigger?.removeEventListener('keydown', this.onTriggerKeydown);
-        this.contextTarget?.removeEventListener('contextmenu', this.onContextMenu);
-    }
-    syncTriggerState() {
-        if (!this.trigger)
-            return;
-        this.trigger.setAttribute('aria-haspopup', 'menu');
-        this.trigger.setAttribute('aria-expanded', this.internalOpen ? 'true' : 'false');
-    }
-    getItems() {
-        return Array.from(this.host.querySelectorAll('ui-menu-item')).filter((item) => !this.isItemDisabled(item));
-    }
-    focusFirstItem() {
-        requestAnimationFrame(() => this.getItems()[0]?.focus());
-    }
-    openMenu(x, y, trigger) {
-        this.pointerX = x;
-        this.pointerY = y;
-        this.focusTrigger = trigger;
-        this.pointPositioned = true;
-        // Context-click can reposition an already-open trigger menu, so do not
-        // depend on a state transition to run the positioning controller.
-        this.surface?.showAtPoint({ x, y });
-        this.internalOpen = true;
-        events.dispatchDetail(this.host, 'open', {
-            open: true,
-            reason: 'action',
-            trigger,
-        });
-        this.focusFirstItem();
-    }
-    openFromTrigger(trigger) {
-        if (!this.trigger)
-            return;
-        this.pointPositioned = false;
-        this.internalOpen = true;
-        events.dispatchDetail(this.host, 'open', {
-            open: true,
-            reason: 'action',
-            trigger,
-        });
-        this.focusFirstItem();
-    }
-    closeMenu(reason, trigger, returnFocus = true) {
-        if (!this.internalOpen)
-            return;
-        this.internalOpen = false;
-        events.dispatchDetail(this.host, 'close', {
-            open: false,
-            reason: reason,
-            trigger: trigger,
-        });
-        if (returnFocus) {
-            this.trigger?.focus();
-        }
-    }
-    onTriggerClick = (event) => {
-        if (this.internalOpen) {
-            this.closeMenu('action', event.detail === 0 ? 'keyboard' : 'pointer');
-            return;
-        }
-        this.openFromTrigger(event.detail === 0 ? 'keyboard' : 'pointer');
-    };
-    onTriggerKeydown = (event) => {
-        if (event.key !== 'Enter' && event.key !== ' ' && event.key !== 'ArrowDown')
-            return;
-        event.preventDefault();
-        if (!this.internalOpen) {
-            this.openFromTrigger('keyboard');
-            return;
-        }
-        this.focusFirstItem();
-    };
-    onContextMenu = (event) => {
-        event.preventDefault();
-        this.openMenu(event.clientX, event.clientY, 'pointer');
-    };
-    isItemDisabled(item) {
-        return (item.getAttribute('aria-disabled') === 'true' ||
-            item.hasAttribute('disabled') ||
-            item.getAttribute('disabled') === 'true' ||
-            item.disabled === true);
-    }
-    onKeydown = (event) => {
-        if (!this.internalOpen)
-            return;
-        this.focusTrigger = 'keyboard';
-        if (event.key === 'Escape') {
-            event.preventDefault();
-            manager.requestTopOverlayClose('escape', 'keyboard');
-            return;
-        }
-        if (event.key === 'Enter' || event.key === ' ') {
-            const target = event.target.closest?.('ui-menu-item');
-            if (!target || this.isItemDisabled(target))
-                return;
-            event.preventDefault();
-            const value = target.getAttribute('value') ?? target.getAttribute('data-value') ?? '';
-            events.dispatchDetail(this.host, 'select', { value, trigger: 'keyboard' });
-            this.closeMenu('action', 'keyboard');
-        }
-    };
-    onItemClick = (event) => {
-        const item = event.target.closest?.('ui-menu-item');
-        if (!item || this.isItemDisabled(item))
-            return;
-        const value = item.getAttribute('value') ?? item.getAttribute('data-value') ?? '';
-        events.dispatchDetail(this.host, 'select', { value, trigger: 'pointer' });
-        this.closeMenu('action', 'pointer');
-    };
-    render() {
-        return (index.h(index.Host, { key: 'aaf9f27402b0c88cede3847ee9c8f61ac844f889', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, index.h("slot", { key: 'd801d564ec2ee073e517cb991c26efc61d3e499d', name: "trigger" }), index.h("div", { key: '4febcc5d76c79c2e5361db7b203e971582197fd2', class: "menu", "data-open": this.internalOpen ? '' : undefined }, index.h("ui-menu", { key: '7aace2479a8014a20da35f69bd3ed57b402f9ef2', open: this.internalOpen }, index.h("slot", { key: 'a31d703c437cf5d9ab82e5f7793caa093a312dfd' })))));
-    }
-    static get watchers() { return {
-        "open": [{
-                "syncFromProp": 0
-            }],
-        "for": [{
-                "syncTarget": 0
-            }],
-        "internalOpen": [{
-                "syncOverlay": 0
-            }]
-    }; }
-};
-UIContextMenu.style = uiContextMenuCss();
-
-exports.ui_context_menu = UIContextMenu;

package/dist/cjs/ui-dialog.cjs.entry.js

@@ -1,131 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-var manager = require('./manager-Ce25WRtl.js');
-var events = require('./events-TcQIzpNv.js');
-var controlledState = require('./controlled-state-BFya8rAX.js');
-
-const uiDialogCss = () => `:host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;box-sizing:border-box;inline-size:min(     calc(100% - (var(--ui-dialog-viewport-gap) * 2)),     var(--ui-dialog-max-width, 440px)   );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}`;
-
-const UIDialog = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get host() { return index.getElement(this); }
-    /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
-    open;
-    defaultOpen = false;
-    modal = true;
-    dismissible = true;
-    /** Accessible name forwarded to the native dialog surface. */
-    label;
-    internalOpen = false;
-    accessibleLabel = 'Dialog';
-    overlayId = `ui-dialog-${Math.random().toString(36).slice(2, 11)}`;
-    dialogRef;
-    contentObserver = null;
-    syncFromProp() {
-        if (controlledState.isControlled(this.open))
-            this.internalOpen = this.open;
-    }
-    syncLabelFromProp() {
-        this.syncAccessibleLabel();
-    }
-    componentWillLoad() {
-        this.syncAccessibleLabel();
-    }
-    syncOpen() {
-        if (this.dialogRef) {
-            if (this.internalOpen) {
-                this.dialogRef.showModal();
-                manager.openOverlay({
-                    id: this.overlayId,
-                    modal: this.modal,
-                    element: this.host,
-                    dismissible: this.dismissible,
-                    requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger),
-                });
-            }
-            else {
-                this.dialogRef.close();
-                manager.closeOverlay(this.overlayId);
-            }
-        }
-    }
-    componentDidLoad() {
-        this.contentObserver = new MutationObserver(this.syncAccessibleLabel);
-        this.contentObserver.observe(this.host, {
-            childList: true,
-            subtree: true,
-            characterData: true,
-        });
-        this.internalOpen = controlledState.controlledOrDefault(this.open, this.defaultOpen);
-        this.dialogRef?.addEventListener('close', this.onDialogClose);
-        this.syncAccessibleLabel();
-        this.syncOpen();
-    }
-    disconnectedCallback() {
-        this.dialogRef?.removeEventListener('close', this.onDialogClose);
-        this.contentObserver?.disconnect();
-        this.contentObserver = null;
-        manager.closeOverlay(this.overlayId);
-    }
-    componentDidUpdate() {
-        this.syncOpen();
-    }
-    handleRequestClose(reason, trigger) {
-        if (!controlledState.isControlled(this.open))
-            this.internalOpen = false;
-        events.dispatchDetail(this.host, 'close', {
-            open: false,
-            reason: reason,
-            trigger: trigger,
-        });
-    }
-    onDialogClose = () => {
-        if (this.internalOpen) {
-            if (!controlledState.isControlled(this.open)) {
-                this.internalOpen = false;
-                manager.closeOverlay(this.overlayId);
-            }
-            else {
-                requestAnimationFrame(() => this.syncOpen());
-            }
-            events.dispatchDetail(this.host, 'close', {
-                open: false,
-                reason: 'programmatic',
-                trigger: 'programmatic',
-            });
-        }
-    };
-    onKeydown = (e) => {
-        if (e.key === 'Escape') {
-            manager.requestTopOverlayClose('escape', 'keyboard');
-        }
-    };
-    syncAccessibleLabel = () => {
-        const explicitLabel = this.label?.trim();
-        const heading = this.host.querySelector('[slot="heading"], [data-ui-dialog-title], h1, h2, h3, h4, h5, h6');
-        const headingLabel = heading?.textContent?.trim();
-        const nextLabel = explicitLabel || headingLabel || 'Dialog';
-        if (this.accessibleLabel !== nextLabel)
-            this.accessibleLabel = nextLabel;
-    };
-    render() {
-        return (index.h(index.Host, { key: 'b606ef8c95728b5538047a7134030455fedf69e4', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("dialog", { key: '85531d82c36e79230cbb22c105ff3821f1f35f58', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.accessibleLabel }, index.h("slot", { key: '8216096bc94e8261680664398691b8ea877daa0f' }))));
-    }
-    static get watchers() { return {
-        "open": [{
-                "syncFromProp": 0
-            }],
-        "label": [{
-                "syncLabelFromProp": 0
-            }],
-        "internalOpen": [{
-                "syncOpen": 0
-            }]
-    }; }
-};
-UIDialog.style = uiDialogCss();
-
-exports.ui_dialog = UIDialog;

package/dist/cjs/ui-disclosure.cjs.entry.js

@@ -1,112 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-var id = require('./id-CYbKpaYr.js');
-var events = require('./events-TcQIzpNv.js');
-var controlledState = require('./controlled-state-BFya8rAX.js');
-
-const uiDisclosureCss = () => `:host{display:block}::slotted([hidden]){display:none !important}`;
-
-const UIDisclosure = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get host() { return index.getElement(this); }
-    /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
-    open;
-    defaultOpen = false;
-    disabled = false;
-    internalOpen = false;
-    contentId = '';
-    trigger = null;
-    content = null;
-    syncFromProp() {
-        if (controlledState.isControlled(this.open))
-            this.internalOpen = this.open;
-    }
-    syncState() {
-        if (this.trigger) {
-            this.trigger.setAttribute('aria-expanded', String(this.internalOpen));
-        }
-        if (this.content) {
-            this.content.hidden = !this.internalOpen;
-        }
-    }
-    componentDidLoad() {
-        this.resolveParts();
-        this.internalOpen = controlledState.controlledOrDefault(this.open, this.defaultOpen);
-        this.syncState();
-        this.trigger?.addEventListener('click', this.onTriggerClick);
-        this.trigger?.addEventListener('keydown', this.onTriggerKeydown);
-    }
-    disconnectedCallback() {
-        this.trigger?.removeEventListener('click', this.onTriggerClick);
-        this.trigger?.removeEventListener('keydown', this.onTriggerKeydown);
-    }
-    componentDidUpdate() {
-        this.syncState();
-    }
-    resolveParts() {
-        this.trigger =
-            this.host.querySelector('[data-ui-disclosure-trigger], button, [aria-controls]');
-        const controlsId = this.trigger?.getAttribute('aria-controls') ?? '';
-        if (controlsId) {
-            this.content = document.getElementById(controlsId);
-        }
-        else {
-            const children = Array.from(this.host.children);
-            this.content = children.find((c) => c !== this.trigger) ?? null;
-        }
-        if (this.trigger && this.content) {
-            if (!this.content.id) {
-                this.content.id = id.createId('disclosure-content');
-            }
-            this.trigger.setAttribute('aria-controls', this.content.id);
-            this.contentId = this.content.id;
-        }
-        if (this.trigger instanceof HTMLButtonElement) {
-            this.trigger.disabled = this.disabled;
-        }
-        else if (this.trigger) {
-            this.trigger.setAttribute('aria-disabled', String(this.disabled));
-        }
-    }
-    setOpen(next, action) {
-        if (this.internalOpen === next)
-            return;
-        if (!controlledState.isControlled(this.open))
-            this.internalOpen = next;
-        events.dispatchDetail(this.host, next ? 'open' : 'close', {
-            open: next,
-            reason: action.reason,
-            trigger: action.trigger,
-        });
-    }
-    onTriggerClick = (e) => {
-        if (this.disabled) {
-            e.preventDefault();
-            return;
-        }
-        this.setOpen(!this.internalOpen, { reason: 'action', trigger: events.eventToTrigger(e) });
-    };
-    onTriggerKeydown = (e) => {
-        if (this.disabled || !events.isActivationKey(e))
-            return;
-        e.preventDefault();
-        this.setOpen(!this.internalOpen, { reason: 'action', trigger: 'keyboard' });
-    };
-    render() {
-        return (index.h(index.Host, { key: '91d1df53268f18c8c15192fb66b67baa7053fe93' }, index.h("slot", { key: '578c99f8fd09415c5e63e9f6a860fe204471da2f' })));
-    }
-    static get watchers() { return {
-        "open": [{
-                "syncFromProp": 0
-            }],
-        "internalOpen": [{
-                "syncState": 0
-            }]
-    }; }
-};
-UIDisclosure.style = uiDisclosureCss();
-
-exports.ui_disclosure = UIDisclosure;

package/dist/cjs/ui-editable.cjs.entry.js

@@ -1,100 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-var controlledState = require('./controlled-state-BFya8rAX.js');
-
-const uiEditableCss = () => `:host{display:block;min-inline-size:0}[hidden]{display:none !important}`;
-
-const UIEditable = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.editChange = index.createEvent(this, "edit-change");
-    }
-    get host() { return index.getElement(this); }
-    /** Controlled edit state. Omit it to use defaultEdit and local interaction state. */
-    edit;
-    defaultEdit = false;
-    disabled = false;
-    editChange;
-    internalEdit = false;
-    trigger = null;
-    syncFromProp() {
-        if (controlledState.isControlled(this.edit))
-            this.internalEdit = this.edit;
-    }
-    componentWillLoad() {
-        this.internalEdit = controlledState.controlledOrDefault(this.edit, this.defaultEdit);
-    }
-    componentDidLoad() {
-        this.host.ownerDocument.addEventListener('pointerdown', this.onDocumentPointerDown, true);
-    }
-    disconnectedCallback() {
-        this.host.ownerDocument.removeEventListener('pointerdown', this.onDocumentPointerDown, true);
-    }
-    requestEdit(next, reason, trigger) {
-        if (this.disabled || this.internalEdit === next)
-            return;
-        if (!controlledState.isControlled(this.edit))
-            this.internalEdit = next;
-        this.editChange.emit({ edit: next, reason, trigger });
-        if (next)
-            requestAnimationFrame(() => this.focusEditor());
-        else
-            requestAnimationFrame(() => this.trigger?.focus());
-    }
-    focusEditor() {
-        const editRoot = this.host.querySelector('[slot="edit"]');
-        const candidate = editRoot?.matches('input, textarea, select, button, [tabindex], ui-combobox')
-            ? editRoot
-            : editRoot?.querySelector('input, textarea, select, button, [tabindex], ui-combobox');
-        const focusInput = candidate?.focusInput;
-        if (typeof focusInput === 'function')
-            void focusInput.call(candidate);
-        else
-            candidate?.focus();
-    }
-    eventTrigger(event) {
-        return event.composedPath().find(node => node instanceof HTMLElement && node.hasAttribute('data-ui-editable-trigger'));
-    }
-    onClick = (event) => {
-        if (this.internalEdit || this.disabled)
-            return;
-        const trigger = this.eventTrigger(event);
-        if (!trigger)
-            return;
-        this.trigger = trigger;
-        this.requestEdit(true, 'activate', 'pointer');
-    };
-    onKeyDown = (event) => {
-        if (this.internalEdit && event.key === 'Escape') {
-            event.preventDefault();
-            event.stopPropagation();
-            this.requestEdit(false, 'escape', 'keyboard');
-            return;
-        }
-        if (this.internalEdit || !['Enter', ' '].includes(event.key))
-            return;
-        const trigger = this.eventTrigger(event);
-        if (!trigger)
-            return;
-        event.preventDefault();
-        this.trigger = trigger;
-        this.requestEdit(true, 'activate', 'keyboard');
-    };
-    onDocumentPointerDown = (event) => {
-        if (!this.internalEdit || event.composedPath().includes(this.host))
-            return;
-        this.requestEdit(false, 'light-dismiss', 'pointer');
-    };
-    render() {
-        return index.h(index.Host, { key: 'c11babe81053ecc0fb6390507f74d5094c551f48', "data-edit": this.internalEdit ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("div", { key: 'fbb13fda25a177ff62f4bbb16b8fa7a8d1bfefb6', part: "preview", hidden: this.internalEdit }, index.h("slot", { key: '29537eed3c19da07a61b0236a563912eec332572', name: "preview" })), index.h("div", { key: 'a8cdb53c61041361ff97762bdf1e8e6992706751', part: "edit", hidden: !this.internalEdit }, index.h("slot", { key: '466c6bf07d44ab07ccab1fd138412e43a291dcca', name: "edit" })));
-    }
-    static get watchers() { return {
-        "edit": [{
-                "syncFromProp": 0
-            }]
-    }; }
-};
-UIEditable.style = uiEditableCss();
-
-exports.ui_editable = UIEditable;

package/dist/cjs/ui-floating-action-button.cjs.entry.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-
-const uiFloatingActionButtonCss = () => `:host{position:fixed;inset-block-end:calc(     var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom)   );inset-inline-end:max(     var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem)),     env(safe-area-inset-right)   );inline-size:var(--ui-floating-action-button-size, 56px);block-size:var(--ui-floating-action-button-size, 56px);display:inline-flex;z-index:var(--ui-floating-action-button-z-index, 100)}button{appearance:none;inline-size:100%;block-size:100%;border:none;border-radius:999px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-floating-action-button-bg, var(--ui-accent-solid));color:var(--ui-floating-action-button-color, var(--ui-text-on-accent));box-shadow:var(     --ui-floating-action-button-shadow,     0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent)   );cursor:pointer;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}button:hover:enabled{background:var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));box-shadow:var(     --ui-floating-action-button-hover-shadow,     0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent)   )}button:active:enabled{transform:scale(var(--ui-floating-action-button-active-scale, 0.94))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-floating-action-button-icon-size, 24px);block-size:var(--ui-floating-action-button-icon-size, 24px);flex-shrink:0}@media (min-width: 768px){:host([mobile-only]){display:none}}`;
-
-const UIFloatingActionButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    disabled = false;
-    mobileOnly = false;
-    label = '';
-    render() {
-        return (index.h(index.Host, { key: '54f6284109397d15e2b3ef92f68e9bd4cf91fbae', "data-disabled": this.disabled ? '' : undefined }, index.h("button", { key: '9ebad7e3bbc2bf18d4d5a04f37a9f2d77011ad34', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: '222c6807ae4639eb20dc25be08fe5f4e91c638de' }))));
-    }
-};
-UIFloatingActionButton.style = uiFloatingActionButtonCss();
-
-exports.ui_floating_action_button = UIFloatingActionButton;