@luzmo/lucero 1.0.1-alpha.18 → 1.0.1-alpha.19

package/components/strategies-DlPQoTFE.js

@@ -1,318 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { f as isWebKit } from "./platform-Cxn0WbyT.js";
-const IS_MOBILE = "(max-width: 743px) and (hover: none) and (pointer: coarse)";
-class MatchMediaController {
-  constructor(host, query) {
-    this.key = Symbol("match-media-key");
-    this.matches = false;
-    this.host = host;
-    this.host.addController(this);
-    if (typeof window === "undefined") {
-      this.matches = false;
-    } else {
-      this.media = window.matchMedia(query);
-      this.matches = this.media.matches;
-    }
-    this.onChange = this.onChange.bind(this);
-    host.addController(this);
-  }
-  hostConnected() {
-    var _a;
-    (_a = this.media) == null ? void 0 : _a.addEventListener("change", this.onChange);
-  }
-  hostDisconnected() {
-    var _a;
-    (_a = this.media) == null ? void 0 : _a.removeEventListener("change", this.onChange);
-  }
-  onChange(event) {
-    if (this.matches === event.matches) {
-      return;
-    }
-    this.matches = event.matches;
-    this.host.requestUpdate(this.key, !this.matches);
-  }
-}
-var InteractionTypes = /* @__PURE__ */ ((InteractionTypes2) => {
-  InteractionTypes2[InteractionTypes2["desktop"] = 0] = "desktop";
-  InteractionTypes2[InteractionTypes2["mobile"] = 1] = "mobile";
-  return InteractionTypes2;
-})(InteractionTypes || {});
-const SAFARI_FOCUS_RING_CLASS = "remove-focus-ring-safari-hack";
-class InteractionController {
-  constructor(target, host) {
-    this.target = target;
-    this.host = host;
-    this.preventNextToggle = "no";
-    this.pointerdownState = false;
-    this.enterKeydownOn = null;
-    this._open = false;
-    this.target = target;
-    this.host = host;
-    this.host.addController(this);
-    this.init();
-  }
-  get activelyOpening() {
-    return false;
-  }
-  get open() {
-    return this._open;
-  }
-  /**
-   * Set `open`
-   */
-  set open(open) {
-    if (this._open === open) {
-      return;
-    }
-    this._open = open;
-    if (this.overlay) {
-      this.host.open = open;
-      return;
-    }
-    customElements.whenDefined("luzmo-overlay").then(async () => {
-      const { LuzmoOverlay: LuzmoOverlay2 } = await import("./overlay/index.js");
-      this.overlay = new LuzmoOverlay2();
-      this.host.open = true;
-      this.host.requestUpdate();
-    });
-    import("./overlay/index.js");
-  }
-  get overlay() {
-    return this._overlay;
-  }
-  set overlay(overlay) {
-    if (!overlay) {
-      return;
-    }
-    if (this.overlay === overlay) {
-      return;
-    }
-    this._overlay = overlay;
-    this.initOverlay();
-  }
-  releaseDescription() {
-  }
-  handleBeforetoggle(event) {
-    var _a, _b;
-    if (event.composedPath()[0] !== event.target) {
-      return;
-    }
-    if (event.newState === "closed") {
-      if (this.preventNextToggle === "no") {
-        this.open = false;
-      } else if (!this.pointerdownState) {
-        (_a = this.overlay) == null ? void 0 : _a.manuallyKeepOpen();
-      }
-    }
-    if (!this.open) {
-      this.host.optionsMenu.updateSelectedItemIndex();
-      if (
-        // pickers can have submenus, selects can not
-        typeof ((_b = this.host.optionsMenu) == null ? void 0 : _b.closeDescendentOverlays) === "function"
-      ) {
-        this.host.optionsMenu.closeDescendentOverlays();
-      }
-    }
-  }
-  initOverlay() {
-    if (this.overlay) {
-      this.overlay.addEventListener("beforetoggle", (event) => {
-        this.handleBeforetoggle(
-          event
-        );
-      });
-      this.overlay.type = this.host.isMobile.matches ? "modal" : "auto";
-      this.overlay.triggerElement = this.host;
-      this.overlay.placement = this.host.isMobile.matches ? void 0 : this.host.placement;
-      this.overlay.receivesFocus = "true";
-      this.overlay.willPreventClose = this.preventNextToggle !== "no" && this.open;
-      this.overlay.addEventListener(
-        "slottable-request",
-        this.host.handleSlottableRequest
-      );
-    }
-  }
-  handlePointerdown(_event) {
-  }
-  handleButtonFocus(event) {
-    if (this.preventNextToggle === "maybe" && event.relatedTarget === this.host.optionsMenu) {
-      this.preventNextToggle = "yes";
-    }
-  }
-  handleActivate(_event) {
-  }
-  /* c8 ignore next 3 */
-  init() {
-  }
-  abort() {
-    var _a;
-    this.releaseDescription();
-    (_a = this.abortController) == null ? void 0 : _a.abort();
-  }
-  hostConnected() {
-    this.init();
-  }
-  hostDisconnected() {
-    var _a;
-    (_a = this.abortController) == null ? void 0 : _a.abort();
-  }
-  hostUpdated() {
-    if (this.overlay && this.host.dependencyManager.loaded && this.host.open !== this.overlay.open) {
-      this.overlay.willPreventClose = this.preventNextToggle !== "no";
-      this.overlay.open = this.host.open;
-    }
-  }
-}
-class DesktopController extends InteractionController {
-  constructor() {
-    super(...arguments);
-    this.type = InteractionTypes.desktop;
-  }
-  handlePointerdown(event) {
-    const target = event.target;
-    const clearButton = target.closest(".clear-icon");
-    if (clearButton) {
-      return;
-    }
-    if (event.button !== 0 || event.pointerType === "touch") {
-      return;
-    }
-    this.pointerdownState = this.open;
-    this.preventNextToggle = "maybe";
-    let cleanupAction = 0;
-    const cleanup = () => {
-      cancelAnimationFrame(cleanupAction);
-      cleanupAction = requestAnimationFrame(() => {
-        document.removeEventListener("pointerup", cleanup);
-        document.removeEventListener("pointercancel", cleanup);
-        this.target.removeEventListener("click", cleanup);
-        requestAnimationFrame(() => {
-          this.preventNextToggle = "no";
-        });
-      });
-    };
-    document.addEventListener("pointerup", cleanup);
-    document.addEventListener("pointercancel", cleanup);
-    this.target.addEventListener("click", cleanup);
-    this.handleActivate();
-  }
-  handleActivate(event) {
-    if (this.enterKeydownOn && this.enterKeydownOn !== this.target) {
-      return;
-    }
-    if (this.preventNextToggle === "yes") {
-      return;
-    }
-    if ((event == null ? void 0 : event.type) === "click" && this.open !== this.pointerdownState) {
-      return;
-    }
-    this.host.toggle();
-  }
-  init() {
-    var _a;
-    (_a = this.abortController) == null ? void 0 : _a.abort();
-    this.abortController = new AbortController();
-    const { signal } = this.abortController;
-    this.target.addEventListener(
-      "click",
-      (event) => this.handleActivate(event),
-      {
-        signal
-      }
-    );
-    this.target.addEventListener(
-      "pointerdown",
-      (event) => this.handlePointerdown(event),
-      { signal }
-    );
-    this.target.addEventListener(
-      "focus",
-      (event) => this.handleButtonFocus(event),
-      {
-        signal
-      }
-    );
-  }
-}
-class MobileController extends InteractionController {
-  constructor() {
-    super(...arguments);
-    this.type = InteractionTypes.mobile;
-  }
-  handleClick(event) {
-    const target = event.target;
-    const clearButton = target.closest(".clear-button");
-    if (!clearButton) {
-      return;
-    }
-    if (this.preventNextToggle === "no") {
-      this.open = !this.open;
-    }
-    this.preventNextToggle = "no";
-  }
-  handlePointerdown(event) {
-    const target = event.target;
-    const clearButton = target.closest(".clear-button");
-    if (!clearButton) {
-      return;
-    }
-    this.preventNextToggle = this.open ? "yes" : "no";
-    if (isWebKit()) {
-      this.target.classList.add(SAFARI_FOCUS_RING_CLASS);
-    }
-  }
-  handleFocusOut() {
-    if (this.host.open) {
-      return;
-    }
-    if (isWebKit() && this.target.classList.contains(SAFARI_FOCUS_RING_CLASS)) {
-      this.target.classList.remove(SAFARI_FOCUS_RING_CLASS);
-    }
-  }
-  init() {
-    var _a;
-    (_a = this.abortController) == null ? void 0 : _a.abort();
-    this.abortController = new AbortController();
-    const { signal } = this.abortController;
-    this.target.addEventListener(
-      "click",
-      (event) => this.handleClick(event),
-      {
-        signal
-      }
-    );
-    this.target.addEventListener(
-      "pointerdown",
-      (event) => this.handlePointerdown(event),
-      { signal }
-    );
-    this.target.addEventListener("focusout", () => this.handleFocusOut(), {
-      signal
-    });
-  }
-}
-const strategies = {
-  desktop: DesktopController,
-  mobile: MobileController
-};
-export {
-  IS_MOBILE as I,
-  MatchMediaController as M,
-  strategies as s
-};

package/components/streaming-listener-D4sHaMub.cjs

@@ -1,145 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";
-const lit = require("lit");
-const asyncDirective_js = require("lit/async-directive.js");
-const defaultListener = ["", () => {
-}];
-class StreamingListenerDirective extends asyncDirective_js.AsyncDirective {
-  constructor() {
-    super(...arguments);
-    this.start = defaultListener;
-    this.streamInside = defaultListener;
-    this.end = defaultListener;
-    this.streamOutside = defaultListener;
-    this.state = "off";
-    this.handleStart = (event) => {
-      this.clearStream();
-      this.callHandler(this.start[1], event);
-      if (event.defaultPrevented) {
-        return;
-      }
-      this.removeListeners();
-      this.addListeners("on");
-    };
-    this.handleInside = (event) => {
-      this.handleStream(this.streamInside[1], event);
-    };
-    this.handleEnd = (event) => {
-      this.clearStream();
-      this.callHandler(this.end[1], event);
-      this.removeListeners();
-      this.addListeners("off");
-    };
-    this.handleOutside = (event) => {
-      this.handleStream(this.streamOutside[1], event);
-    };
-  }
-  /* c8 ignore next 4 */
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(_configGroup) {
-    return lit.nothing;
-  }
-  update(part, [
-    {
-      start,
-      end,
-      streamInside = defaultListener,
-      streamOutside = defaultListener
-    }
-  ]) {
-    var _a;
-    if (this.element !== part.element) {
-      this.element = part.element;
-      this.removeListeners();
-    }
-    this.host = ((_a = part.options) == null ? void 0 : _a.host) || this.element;
-    this.start = start;
-    this.end = end;
-    this.streamInside = streamInside;
-    this.streamOutside = streamOutside;
-    this.addListeners();
-  }
-  addListeners(state) {
-    this.state = state || this.state;
-    if (this.state === "off") {
-      this.addListener(this.streamOutside[0], this.handleOutside);
-      this.addListener(this.start[0], this.handleStart);
-    } else if (this.state === "on") {
-      this.addListener(this.streamInside[0], this.handleInside);
-      this.addListener(this.end[0], this.handleEnd);
-    }
-  }
-  callHandler(value, event) {
-    if (typeof value === "function") {
-      value.call(this.host, event);
-    } else {
-      value.handleEvent(event);
-    }
-  }
-  handleStream(value, event) {
-    if (this.stream) {
-      return;
-    }
-    this.callHandler(value, event);
-    this.stream = requestAnimationFrame(() => {
-      this.stream = void 0;
-    });
-  }
-  clearStream() {
-    if (this.stream != null) {
-      cancelAnimationFrame(this.stream);
-      this.stream = void 0;
-    }
-  }
-  addListener(type, fn) {
-    if (Array.isArray(type)) {
-      type.map((eventName) => {
-        this.element.addEventListener(eventName, fn);
-      });
-    } else {
-      this.element.addEventListener(type, fn);
-    }
-  }
-  removeListener(type, fn) {
-    if (Array.isArray(type)) {
-      type.map((eventName) => {
-        this.element.removeEventListener(eventName, fn);
-      });
-    } else {
-      this.element.removeEventListener(type, fn);
-    }
-  }
-  removeListeners() {
-    this.removeListener(this.start[0], this.handleStart);
-    this.removeListener(this.streamInside[0], this.handleInside);
-    this.removeListener(this.end[0], this.handleEnd);
-    this.removeListener(this.streamOutside[0], this.handleOutside);
-  }
-  disconnected() {
-    this.removeListeners();
-  }
-  /* c8 ignore next 3 */
-  reconnected() {
-    this.addListeners();
-  }
-}
-const streamingListener = asyncDirective_js.directive(
-  StreamingListenerDirective
-);
-exports.streamingListener = streamingListener;

package/components/streaming-listener-cAz5zJyk.js

@@ -1,146 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { nothing } from "lit";
-import { directive, AsyncDirective } from "lit/async-directive.js";
-const defaultListener = ["", () => {
-}];
-class StreamingListenerDirective extends AsyncDirective {
-  constructor() {
-    super(...arguments);
-    this.start = defaultListener;
-    this.streamInside = defaultListener;
-    this.end = defaultListener;
-    this.streamOutside = defaultListener;
-    this.state = "off";
-    this.handleStart = (event) => {
-      this.clearStream();
-      this.callHandler(this.start[1], event);
-      if (event.defaultPrevented) {
-        return;
-      }
-      this.removeListeners();
-      this.addListeners("on");
-    };
-    this.handleInside = (event) => {
-      this.handleStream(this.streamInside[1], event);
-    };
-    this.handleEnd = (event) => {
-      this.clearStream();
-      this.callHandler(this.end[1], event);
-      this.removeListeners();
-      this.addListeners("off");
-    };
-    this.handleOutside = (event) => {
-      this.handleStream(this.streamOutside[1], event);
-    };
-  }
-  /* c8 ignore next 4 */
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  render(_configGroup) {
-    return nothing;
-  }
-  update(part, [
-    {
-      start,
-      end,
-      streamInside = defaultListener,
-      streamOutside = defaultListener
-    }
-  ]) {
-    var _a;
-    if (this.element !== part.element) {
-      this.element = part.element;
-      this.removeListeners();
-    }
-    this.host = ((_a = part.options) == null ? void 0 : _a.host) || this.element;
-    this.start = start;
-    this.end = end;
-    this.streamInside = streamInside;
-    this.streamOutside = streamOutside;
-    this.addListeners();
-  }
-  addListeners(state) {
-    this.state = state || this.state;
-    if (this.state === "off") {
-      this.addListener(this.streamOutside[0], this.handleOutside);
-      this.addListener(this.start[0], this.handleStart);
-    } else if (this.state === "on") {
-      this.addListener(this.streamInside[0], this.handleInside);
-      this.addListener(this.end[0], this.handleEnd);
-    }
-  }
-  callHandler(value, event) {
-    if (typeof value === "function") {
-      value.call(this.host, event);
-    } else {
-      value.handleEvent(event);
-    }
-  }
-  handleStream(value, event) {
-    if (this.stream) {
-      return;
-    }
-    this.callHandler(value, event);
-    this.stream = requestAnimationFrame(() => {
-      this.stream = void 0;
-    });
-  }
-  clearStream() {
-    if (this.stream != null) {
-      cancelAnimationFrame(this.stream);
-      this.stream = void 0;
-    }
-  }
-  addListener(type, fn) {
-    if (Array.isArray(type)) {
-      type.map((eventName) => {
-        this.element.addEventListener(eventName, fn);
-      });
-    } else {
-      this.element.addEventListener(type, fn);
-    }
-  }
-  removeListener(type, fn) {
-    if (Array.isArray(type)) {
-      type.map((eventName) => {
-        this.element.removeEventListener(eventName, fn);
-      });
-    } else {
-      this.element.removeEventListener(type, fn);
-    }
-  }
-  removeListeners() {
-    this.removeListener(this.start[0], this.handleStart);
-    this.removeListener(this.streamInside[0], this.handleInside);
-    this.removeListener(this.end[0], this.handleEnd);
-    this.removeListener(this.streamOutside[0], this.handleOutside);
-  }
-  disconnected() {
-    this.removeListeners();
-  }
-  /* c8 ignore next 3 */
-  reconnected() {
-    this.addListeners();
-  }
-}
-const streamingListener = directive(
-  StreamingListenerDirective
-);
-export {
-  streamingListener as s
-};