@expressivecss/expressive 0.9.1 → 0.10.1

package/dist/js/chunks/chunk-JODJAGFS.mjs

@@ -0,0 +1,267 @@
+import {
+  Utils
+} from "./chunk-MISGHDUU.mjs";
+import {
+  Component
+} from "./chunk-QSQ24FYT.mjs";
+
+// src/ts/components/tooltip.ts
+var _defaults = {
+  exitDelay: 200,
+  enterDelay: 0,
+  text: "",
+  margin: 4,
+  inDuration: 250,
+  outDuration: 200,
+  position: "bottom",
+  transitionMovement: 10,
+  opacity: 1
+};
+var Tooltip = class _Tooltip extends Component {
+  constructor(el, options) {
+    super(el, options, _Tooltip);
+    /**
+     * Show tooltip.
+     */
+    this.open = (isManual) => {
+      if (this.isOpen) return;
+      isManual = isManual === void 0 ? true : void 0;
+      clearTimeout(this._exitDelayTimeout);
+      clearTimeout(this._animationTimeout);
+      this.isOpen = true;
+      this.options = { ...this.options, ...this._getAttributeOptions() };
+      this._updateTooltipContent();
+      this._setEnterDelayTimeout(isManual);
+    };
+    /**
+     * Hide tooltip.
+     */
+    this.close = () => {
+      if (!this.isOpen) return;
+      this.isHovered = false;
+      this.isFocused = false;
+      this.isOpen = false;
+      clearTimeout(this._enterDelayTimeout);
+      this._setExitDelayTimeout();
+    };
+    this._handleMouseEnter = () => {
+      this.isHovered = true;
+      this.open(false);
+    };
+    this._handleMouseLeave = (event) => {
+      const next = event.relatedTarget;
+      if (next && (this.el.contains(next) || this.tooltipEl.contains(next))) return;
+      this.isHovered = false;
+      if (!this.isFocused) this.close();
+    };
+    this._handleKeydown = (event) => {
+      if (event.key !== "Escape" || !this.isOpen) return;
+      event.preventDefault();
+      event.stopPropagation();
+      this.close();
+      clearTimeout(this._exitDelayTimeout);
+      this._animateOut();
+    };
+    // Focus opens the tooltip only when it arrived by keyboard: a pointer press
+    // on the trigger also focuses it, and _handleMouseEnter already covers that.
+    this._handleFocus = (event) => {
+      if (event.target.matches(":focus-visible")) {
+        this.isFocused = true;
+        this.open(false);
+      }
+    };
+    this._handleBlur = (event) => {
+      const next = event.relatedTarget;
+      if (next && (this.el.contains(next) || this.tooltipEl.contains(next))) return;
+      this.isFocused = false;
+      if (!this.isHovered) this.close();
+    };
+    this.el["Expressive_Tooltip"] = this;
+    this.options = {
+      ..._Tooltip.defaults,
+      ...this._getAttributeOptions(),
+      ...options
+    };
+    this.isOpen = false;
+    this.isHovered = false;
+    this.isFocused = false;
+    this._appendTooltipEl();
+    this._setupEventHandlers();
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /**
+   * Initializes instances of Tooltip.
+   * @param els HTML elements.
+   * @param options Component options.
+   */
+  static init(els, options = {}) {
+    return super.init(els, options, _Tooltip);
+  }
+  static getInstance(el) {
+    return el["Expressive_Tooltip"];
+  }
+  destroy() {
+    clearTimeout(this._enterDelayTimeout);
+    clearTimeout(this._exitDelayTimeout);
+    clearTimeout(this._animationTimeout);
+    this.isOpen = false;
+    this.isHovered = false;
+    this.isFocused = false;
+    if (this.el.getAttribute("aria-describedby") === this.tooltipEl.id) {
+      this.el.removeAttribute("aria-describedby");
+    }
+    this.tooltipEl.remove();
+    this._removeEventHandlers();
+    this.el["Expressive_Tooltip"] = void 0;
+  }
+  _appendTooltipEl() {
+    this.tooltipEl = document.createElement("div");
+    this.tooltipEl.classList.add("tooltip");
+    this.tooltipEl.id = `tooltip-${Utils.guid()}`;
+    this.tooltipEl.setAttribute("role", "tooltip");
+    this.el.setAttribute("aria-describedby", this.tooltipEl.id);
+    const tooltipContentEl = this.options.tooltipId ? Utils.getElementById(this.el, this.options.tooltipId) : document.createElement("div");
+    if (this.options.tooltipId) {
+      this.tooltipEl.classList.add("rich");
+    }
+    tooltipContentEl.style.display = "";
+    tooltipContentEl.classList.add("tooltip-content");
+    this._setTooltipContent(tooltipContentEl);
+    this.tooltipEl.appendChild(tooltipContentEl);
+    Utils.portalRoot(this.el).appendChild(this.tooltipEl);
+  }
+  _setTooltipContent(tooltipContentEl) {
+    if (this.options.tooltipId) return;
+    tooltipContentEl.innerText = this.options.text;
+  }
+  _updateTooltipContent() {
+    this._setTooltipContent(this.tooltipEl.querySelector(".tooltip-content"));
+  }
+  _setupEventHandlers() {
+    for (const el of [this.el, this.tooltipEl]) {
+      el.addEventListener("mouseenter", this._handleMouseEnter);
+      el.addEventListener("mouseleave", this._handleMouseLeave);
+      el.addEventListener("focus", this._handleFocus, true);
+      el.addEventListener("blur", this._handleBlur, true);
+    }
+    this.el.ownerDocument.addEventListener("keydown", this._handleKeydown, true);
+  }
+  _removeEventHandlers() {
+    for (const el of [this.el, this.tooltipEl]) {
+      el.removeEventListener("mouseenter", this._handleMouseEnter);
+      el.removeEventListener("mouseleave", this._handleMouseLeave);
+      el.removeEventListener("focus", this._handleFocus, true);
+      el.removeEventListener("blur", this._handleBlur, true);
+    }
+    this.el.ownerDocument.removeEventListener("keydown", this._handleKeydown, true);
+  }
+  _setExitDelayTimeout() {
+    clearTimeout(this._exitDelayTimeout);
+    this._exitDelayTimeout = setTimeout(() => {
+      if (this.isHovered || this.isFocused) return;
+      this._animateOut();
+    }, this.options.exitDelay);
+  }
+  _setEnterDelayTimeout(isManual) {
+    clearTimeout(this._enterDelayTimeout);
+    this._enterDelayTimeout = setTimeout(() => {
+      if (!this.isHovered && !this.isFocused && !isManual) return;
+      this._animateIn();
+    }, this.options.enterDelay);
+  }
+  _positionTooltip() {
+    const tooltip = this.tooltipEl;
+    const origin = this.el, originHeight = origin.offsetHeight, originWidth = origin.offsetWidth, tooltipHeight = tooltip.offsetHeight, tooltipWidth = tooltip.offsetWidth, margin = this.options.margin;
+    this.xMovement = 0;
+    this.yMovement = 0;
+    const originRect = origin.getBoundingClientRect();
+    let targetTop = originRect.top + Utils.getDocumentScrollTop();
+    let targetLeft = originRect.left + Utils.getDocumentScrollLeft();
+    if (this.options.position === "top") {
+      targetTop += -tooltipHeight - margin;
+      targetLeft += originWidth / 2 - tooltipWidth / 2;
+      this.yMovement = -this.options.transitionMovement;
+    } else if (this.options.position === "right") {
+      targetTop += originHeight / 2 - tooltipHeight / 2;
+      targetLeft += originWidth + margin;
+      this.xMovement = this.options.transitionMovement;
+    } else if (this.options.position === "left") {
+      targetTop += originHeight / 2 - tooltipHeight / 2;
+      targetLeft += -tooltipWidth - margin;
+      this.xMovement = -this.options.transitionMovement;
+    } else {
+      targetTop += originHeight + margin;
+      targetLeft += originWidth / 2 - tooltipWidth / 2;
+      this.yMovement = this.options.transitionMovement;
+    }
+    const newCoordinates = this._repositionWithinScreen(
+      targetLeft,
+      targetTop,
+      tooltipWidth,
+      tooltipHeight
+    );
+    tooltip.style.setProperty("--md-comp-tooltip-anchor-gap", `${Math.max(0, margin) + Math.abs(this.options.transitionMovement)}px`);
+    tooltip.style.top = newCoordinates.y + "px";
+    tooltip.style.left = newCoordinates.x + "px";
+  }
+  _repositionWithinScreen(x, y, width, height) {
+    return Utils._repositionWithinScreen(
+      x,
+      y,
+      width,
+      height,
+      this.options.margin,
+      this.options.transitionMovement,
+      "center"
+    );
+  }
+  _animateIn() {
+    this._animate(true);
+  }
+  _animateOut() {
+    this._animate(false);
+  }
+  _animate(show) {
+    const style = this.tooltipEl.style;
+    const reduce = this.el.ownerDocument.defaultView.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const duration = reduce ? 0 : show ? this.options.inDuration : this.options.outDuration;
+    if (show) {
+      this._positionTooltip();
+      style.visibility = "visible";
+      style.overflow = "visible";
+    }
+    style.transition = `transform ${duration}ms ease-out, opacity ${duration}ms ease-out`;
+    clearTimeout(this._animationTimeout);
+    this._animationTimeout = setTimeout(() => {
+      style.transform = show && !reduce ? `translateX(${this.xMovement}px) translateY(${this.yMovement}px)` : "none";
+      style.opacity = show ? (this.options.opacity || 1).toString() : "0";
+      if (!show) this._animationTimeout = setTimeout(() => {
+        style.visibility = "hidden";
+        style.overflow = "";
+      }, duration);
+    }, 1);
+  }
+  _getAttributeOptions() {
+    const attributeOptions = {};
+    const tooltipTextOption = this.el.getAttribute("data-tooltip");
+    const tooltipId = this.el.getAttribute("data-tooltip-id");
+    const positionOption = this.el.getAttribute("data-position");
+    if (tooltipTextOption) {
+      attributeOptions.text = tooltipTextOption;
+    }
+    if (positionOption) {
+      attributeOptions.position = positionOption;
+    }
+    if (tooltipId) {
+      attributeOptions.tooltipId = tooltipId;
+    }
+    return attributeOptions;
+  }
+};
+
+export {
+  Tooltip
+};
+//# sourceMappingURL=chunk-JODJAGFS.mjs.map

package/dist/js/chunks/chunk-JODJAGFS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/tooltip.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipOptions extends BaseOptions {\n  /**\n   * Delay time before tooltip disappears.\n   * @default 200\n   */\n  exitDelay: number;\n  /**\n   * Delay time before tooltip appears.\n   * @default 0\n   */\n  enterDelay: number;\n  /**\n   * Element Id for the tooltip.\n   * @default \"\"\n   */\n  tooltipId?: string;\n  /**\n   * Text string for the tooltip.\n   * @default \"\"\n   */\n  text: string;\n  /**\n   * Set distance tooltip appears away from its activator\n   * excluding transitionMovement.\n   * @default 4\n   */\n  margin: number;\n  /**\n   * Enter transition duration.\n   * @default 300\n   */\n  inDuration: number;\n  /**\n   * Opacity of the tooltip.\n   * @default 1\n   */\n  opacity: number;\n  /**\n   * Exit transition duration.\n   * @default 250\n   */\n  outDuration: number;\n  /**\n   * Set the direction of the tooltip.\n   * @default 'bottom'\n   */\n  position: TooltipPosition;\n  /**\n   * Amount in px that the tooltip moves during its transition.\n   * @default 10\n   */\n  transitionMovement: number;\n}\n\nconst _defaults: TooltipOptions = {\n  exitDelay: 200,\n  enterDelay: 0,\n  text: '',\n  margin: 4,\n  inDuration: 250,\n  outDuration: 200,\n  position: 'bottom' as TooltipPosition,\n  transitionMovement: 10,\n  opacity: 1\n};\n\nexport class Tooltip extends Component<TooltipOptions> {\n  /**\n   * If tooltip is open.\n   */\n  isOpen: boolean;\n  /**\n   * If tooltip is hovered.\n   */\n  isHovered: boolean;\n  /**\n   * If tooltip is focused.\n   */\n  isFocused: boolean;\n  tooltipEl: HTMLElement;\n  private _exitDelayTimeout: ReturnType<typeof setTimeout>;\n  private _enterDelayTimeout: ReturnType<typeof setTimeout>;\n  private _animationTimeout: ReturnType<typeof setTimeout>;\n  xMovement: number;\n  yMovement: number;\n\n  constructor(el: HTMLElement, options: Partial<TooltipOptions>) {\n    super(el, options, Tooltip);\n    this.el['Expressive_Tooltip'] = this;\n\n    this.options = {\n      ...Tooltip.defaults,\n      ...this._getAttributeOptions(),\n      ...options\n    };\n\n    this.isOpen = false;\n    this.isHovered = false;\n    this.isFocused = false;\n    this._appendTooltipEl();\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): TooltipOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Tooltip.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<TooltipOptions>): Tooltip;\n  /**\n   * Initializes instances of Tooltip.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<TooltipOptions>): Tooltip[];\n  /**\n   * Initializes instances of Tooltip.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<TooltipOptions> = {}\n  ): Tooltip | Tooltip[] {\n    return super.init(els, options, Tooltip);\n  }\n\n  static getInstance(el: HTMLElement): Tooltip {\n    return el['Expressive_Tooltip'];\n  }\n\n  destroy() {\n    clearTimeout(this._enterDelayTimeout);\n    clearTimeout(this._exitDelayTimeout);\n    clearTimeout(this._animationTimeout);\n    this.isOpen = false;\n    this.isHovered = false;\n    this.isFocused = false;\n    if (this.el.getAttribute('aria-describedby') === this.tooltipEl.id) {\n      this.el.removeAttribute('aria-describedby');\n    }\n    this.tooltipEl.remove();\n    this._removeEventHandlers();\n    this.el['Expressive_Tooltip'] = undefined;\n  }\n\n  _appendTooltipEl() {\n    this.tooltipEl = document.createElement('div');\n    this.tooltipEl.classList.add('tooltip');\n    this.tooltipEl.id = `tooltip-${Utils.guid()}`;\n    this.tooltipEl.setAttribute('role', 'tooltip');\n    this.el.setAttribute('aria-describedby', this.tooltipEl.id);\n\n    const tooltipContentEl = this.options.tooltipId\n      ? Utils.getElementById(this.el, this.options.tooltipId)\n      : document.createElement('div');\n    if (this.options.tooltipId) {\n      this.tooltipEl.classList.add('rich');\n    }\n    tooltipContentEl.style.display = '';\n    tooltipContentEl.classList.add('tooltip-content');\n    this._setTooltipContent(tooltipContentEl);\n    this.tooltipEl.appendChild(tooltipContentEl);\n    Utils.portalRoot(this.el).appendChild(this.tooltipEl);\n  }\n\n  _setTooltipContent(tooltipContentEl: HTMLElement) {\n    if (this.options.tooltipId) return;\n    tooltipContentEl.innerText = this.options.text;\n  }\n\n  _updateTooltipContent() {\n    this._setTooltipContent(this.tooltipEl.querySelector('.tooltip-content'));\n  }\n\n  _setupEventHandlers() {\n    for (const el of [this.el, this.tooltipEl]) {\n      el.addEventListener('mouseenter', this._handleMouseEnter);\n      el.addEventListener('mouseleave', this._handleMouseLeave);\n      el.addEventListener('focus', this._handleFocus, true);\n      el.addEventListener('blur', this._handleBlur, true);\n    }\n    this.el.ownerDocument.addEventListener('keydown', this._handleKeydown, true);\n  }\n\n  _removeEventHandlers() {\n    for (const el of [this.el, this.tooltipEl]) {\n      el.removeEventListener('mouseenter', this._handleMouseEnter);\n      el.removeEventListener('mouseleave', this._handleMouseLeave);\n      el.removeEventListener('focus', this._handleFocus, true);\n      el.removeEventListener('blur', this._handleBlur, true);\n    }\n    this.el.ownerDocument.removeEventListener('keydown', this._handleKeydown, true);\n  }\n\n  /**\n   * Show tooltip.\n   */\n  open = (isManual: boolean) => {\n    if (this.isOpen) return;\n    isManual = isManual === undefined ? true : undefined; // Default value true\n    clearTimeout(this._exitDelayTimeout);\n    clearTimeout(this._animationTimeout);\n    this.isOpen = true;\n    // Update tooltip content with HTML attribute options\n    this.options = { ...this.options, ...this._getAttributeOptions() };\n    this._updateTooltipContent();\n    this._setEnterDelayTimeout(isManual);\n  };\n\n  /**\n   * Hide tooltip.\n   */\n  close = () => {\n    if (!this.isOpen) return;\n    this.isHovered = false;\n    this.isFocused = false;\n    this.isOpen = false;\n    clearTimeout(this._enterDelayTimeout);\n    this._setExitDelayTimeout();\n  };\n\n  _setExitDelayTimeout() {\n    clearTimeout(this._exitDelayTimeout);\n    this._exitDelayTimeout = setTimeout(() => {\n      if (this.isHovered || this.isFocused) return;\n      this._animateOut();\n    }, this.options.exitDelay);\n  }\n\n  _setEnterDelayTimeout(isManual) {\n    clearTimeout(this._enterDelayTimeout);\n    this._enterDelayTimeout = setTimeout(() => {\n      if (!this.isHovered && !this.isFocused && !isManual) return;\n      this._animateIn();\n    }, this.options.enterDelay);\n  }\n\n  _positionTooltip() {\n    const tooltip: HTMLElement = this.tooltipEl;\n    const origin = this.el as HTMLElement,\n      originHeight = origin.offsetHeight,\n      originWidth = origin.offsetWidth,\n      tooltipHeight = tooltip.offsetHeight,\n      tooltipWidth = tooltip.offsetWidth,\n      margin = this.options.margin;\n\n    this.xMovement = 0;\n    this.yMovement = 0;\n\n    const originRect = origin.getBoundingClientRect();\n    let targetTop = originRect.top + Utils.getDocumentScrollTop();\n    let targetLeft = originRect.left + Utils.getDocumentScrollLeft();\n    if (this.options.position === 'top') {\n      targetTop += -tooltipHeight - margin;\n      targetLeft += originWidth / 2 - tooltipWidth / 2;\n      this.yMovement = -this.options.transitionMovement;\n    } else if (this.options.position === 'right') {\n      targetTop += originHeight / 2 - tooltipHeight / 2;\n      targetLeft += originWidth + margin;\n      this.xMovement = this.options.transitionMovement;\n    } else if (this.options.position === 'left') {\n      targetTop += originHeight / 2 - tooltipHeight / 2;\n      targetLeft += -tooltipWidth - margin;\n      this.xMovement = -this.options.transitionMovement;\n    } else {\n      targetTop += originHeight + margin;\n      targetLeft += originWidth / 2 - tooltipWidth / 2;\n      this.yMovement = this.options.transitionMovement;\n    }\n\n    const newCoordinates = this._repositionWithinScreen(\n      targetLeft,\n      targetTop,\n      tooltipWidth,\n      tooltipHeight\n    );\n\n    tooltip.style.setProperty('--md-comp-tooltip-anchor-gap', `${Math.max(0, margin) + Math.abs(this.options.transitionMovement)}px`);\n    tooltip.style.top = newCoordinates.y + 'px';\n    tooltip.style.left = newCoordinates.x + 'px';\n  }\n\n  _repositionWithinScreen(x: number, y: number, width: number, height: number) {\n    return Utils._repositionWithinScreen(\n      x, y, width, height, this.options.margin, this.options.transitionMovement, 'center'\n    );\n  }\n\n  _animateIn() { this._animate(true); }\n\n  _animateOut() { this._animate(false); }\n\n  _animate(show: boolean) {\n    const style = this.tooltipEl.style;\n    const reduce = this.el.ownerDocument.defaultView.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    const duration = reduce ? 0 : show ? this.options.inDuration : this.options.outDuration;\n    if (show) {\n      this._positionTooltip();\n      style.visibility = 'visible';\n      style.overflow = 'visible';\n    }\n    style.transition = `transform ${duration}ms ease-out, opacity ${duration}ms ease-out`;\n    clearTimeout(this._animationTimeout);\n    this._animationTimeout = setTimeout(() => {\n      style.transform = show && !reduce ? `translateX(${this.xMovement}px) translateY(${this.yMovement}px)` : 'none';\n      style.opacity = show ? (this.options.opacity || 1).toString() : '0';\n      if (!show) this._animationTimeout = setTimeout(() => {\n        style.visibility = 'hidden';\n        style.overflow = '';\n      }, duration);\n    }, 1);\n  }\n\n  _handleMouseEnter = () => {\n    this.isHovered = true;\n    this.open(false);\n  };\n\n  _handleMouseLeave = (event: MouseEvent) => {\n    const next = event.relatedTarget as Node | null;\n    if (next && (this.el.contains(next) || this.tooltipEl.contains(next))) return;\n    this.isHovered = false;\n    if (!this.isFocused) this.close();\n  };\n\n  _handleKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape' || !this.isOpen) return;\n    event.preventDefault();\n    event.stopPropagation();\n    this.close();\n    clearTimeout(this._exitDelayTimeout);\n    this._animateOut();\n  };\n\n  // Focus opens the tooltip only when it arrived by keyboard: a pointer press\n  // on the trigger also focuses it, and _handleMouseEnter already covers that.\n  _handleFocus = (event: FocusEvent) => {\n    if ((event.target as HTMLElement).matches(':focus-visible')) {\n      this.isFocused = true;\n      this.open(false);\n    }\n  };\n\n  _handleBlur = (event: FocusEvent) => {\n    const next = event.relatedTarget as Node | null;\n    if (next && (this.el.contains(next) || this.tooltipEl.contains(next))) return;\n    this.isFocused = false;\n    if (!this.isHovered) this.close();\n  };\n\n  _getAttributeOptions(): Partial<TooltipOptions> {\n    const attributeOptions: Partial<TooltipOptions> = {};\n    const tooltipTextOption = this.el.getAttribute('data-tooltip');\n    const tooltipId = this.el.getAttribute('data-tooltip-id');\n    const positionOption = this.el.getAttribute('data-position');\n    if (tooltipTextOption) {\n      attributeOptions.text = tooltipTextOption;\n    }\n    if (positionOption) {\n      attributeOptions.position = positionOption as TooltipPosition;\n    }\n    if (tooltipId) {\n      attributeOptions.tooltipId = tooltipId;\n    }\n\n    return attributeOptions;\n  }\n}\n"],
+  "mappings": ";;;;;;;;AA2DA,IAAM,YAA4B;AAAA,EAChC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,SAAS;AACX;AAEO,IAAM,UAAN,MAAM,iBAAgB,UAA0B;AAAA,EAoBrD,YAAY,IAAiB,SAAkC;AAC7D,UAAM,IAAI,SAAS,QAAO;AAmH5B;AAAA;AAAA;AAAA,gBAAO,CAAC,aAAsB;AAC5B,UAAI,KAAK,OAAQ;AACjB,iBAAW,aAAa,SAAY,OAAO;AAC3C,mBAAa,KAAK,iBAAiB;AACnC,mBAAa,KAAK,iBAAiB;AACnC,WAAK,SAAS;AAEd,WAAK,UAAU,EAAE,GAAG,KAAK,SAAS,GAAG,KAAK,qBAAqB,EAAE;AACjE,WAAK,sBAAsB;AAC3B,WAAK,sBAAsB,QAAQ;AAAA,IACrC;AAKA;AAAA;AAAA;AAAA,iBAAQ,MAAM;AACZ,UAAI,CAAC,KAAK,OAAQ;AAClB,WAAK,YAAY;AACjB,WAAK,YAAY;AACjB,WAAK,SAAS;AACd,mBAAa,KAAK,kBAAkB;AACpC,WAAK,qBAAqB;AAAA,IAC5B;AA8FA,6BAAoB,MAAM;AACxB,WAAK,YAAY;AACjB,WAAK,KAAK,KAAK;AAAA,IACjB;AAEA,6BAAoB,CAAC,UAAsB;AACzC,YAAM,OAAO,MAAM;AACnB,UAAI,SAAS,KAAK,GAAG,SAAS,IAAI,KAAK,KAAK,UAAU,SAAS,IAAI,GAAI;AACvE,WAAK,YAAY;AACjB,UAAI,CAAC,KAAK,UAAW,MAAK,MAAM;AAAA,IAClC;AAEA,0BAAiB,CAAC,UAAyB;AACzC,UAAI,MAAM,QAAQ,YAAY,CAAC,KAAK,OAAQ;AAC5C,YAAM,eAAe;AACrB,YAAM,gBAAgB;AACtB,WAAK,MAAM;AACX,mBAAa,KAAK,iBAAiB;AACnC,WAAK,YAAY;AAAA,IACnB;AAIA;AAAA;AAAA,wBAAe,CAAC,UAAsB;AACpC,UAAK,MAAM,OAAuB,QAAQ,gBAAgB,GAAG;AAC3D,aAAK,YAAY;AACjB,aAAK,KAAK,KAAK;AAAA,MACjB;AAAA,IACF;AAEA,uBAAc,CAAC,UAAsB;AACnC,YAAM,OAAO,MAAM;AACnB,UAAI,SAAS,KAAK,GAAG,SAAS,IAAI,KAAK,KAAK,UAAU,SAAS,IAAI,GAAI;AACvE,WAAK,YAAY;AACjB,UAAI,CAAC,KAAK,UAAW,MAAK,MAAM;AAAA,IAClC;AAzQE,SAAK,GAAG,oBAAoB,IAAI;AAEhC,SAAK,UAAU;AAAA,MACb,GAAG,SAAQ;AAAA,MACX,GAAG,KAAK,qBAAqB;AAAA,MAC7B,GAAG;AAAA,IACL;AAEA,SAAK,SAAS;AACd,SAAK,YAAY;AACjB,SAAK,YAAY;AACjB,SAAK,iBAAiB;AACtB,SAAK,oBAAoB;AAAA,EAC3B;AAAA,EAEA,WAAW,WAA2B;AACpC,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBA,OAAO,KACL,KACA,UAAmC,CAAC,GACf;AACrB,WAAO,MAAM,KAAK,KAAK,SAAS,QAAO;AAAA,EACzC;AAAA,EAEA,OAAO,YAAY,IAA0B;AAC3C,WAAO,GAAG,oBAAoB;AAAA,EAChC;AAAA,EAEA,UAAU;AACR,iBAAa,KAAK,kBAAkB;AACpC,iBAAa,KAAK,iBAAiB;AACnC,iBAAa,KAAK,iBAAiB;AACnC,SAAK,SAAS;AACd,SAAK,YAAY;AACjB,SAAK,YAAY;AACjB,QAAI,KAAK,GAAG,aAAa,kBAAkB,MAAM,KAAK,UAAU,IAAI;AAClE,WAAK,GAAG,gBAAgB,kBAAkB;AAAA,IAC5C;AACA,SAAK,UAAU,OAAO;AACtB,SAAK,qBAAqB;AAC1B,SAAK,GAAG,oBAAoB,IAAI;AAAA,EAClC;AAAA,EAEA,mBAAmB;AACjB,SAAK,YAAY,SAAS,cAAc,KAAK;AAC7C,SAAK,UAAU,UAAU,IAAI,SAAS;AACtC,SAAK,UAAU,KAAK,WAAW,MAAM,KAAK,CAAC;AAC3C,SAAK,UAAU,aAAa,QAAQ,SAAS;AAC7C,SAAK,GAAG,aAAa,oBAAoB,KAAK,UAAU,EAAE;AAE1D,UAAM,mBAAmB,KAAK,QAAQ,YAClC,MAAM,eAAe,KAAK,IAAI,KAAK,QAAQ,SAAS,IACpD,SAAS,cAAc,KAAK;AAChC,QAAI,KAAK,QAAQ,WAAW;AAC1B,WAAK,UAAU,UAAU,IAAI,MAAM;AAAA,IACrC;AACA,qBAAiB,MAAM,UAAU;AACjC,qBAAiB,UAAU,IAAI,iBAAiB;AAChD,SAAK,mBAAmB,gBAAgB;AACxC,SAAK,UAAU,YAAY,gBAAgB;AAC3C,UAAM,WAAW,KAAK,EAAE,EAAE,YAAY,KAAK,SAAS;AAAA,EACtD;AAAA,EAEA,mBAAmB,kBAA+B;AAChD,QAAI,KAAK,QAAQ,UAAW;AAC5B,qBAAiB,YAAY,KAAK,QAAQ;AAAA,EAC5C;AAAA,EAEA,wBAAwB;AACtB,SAAK,mBAAmB,KAAK,UAAU,cAAc,kBAAkB,CAAC;AAAA,EAC1E;AAAA,EAEA,sBAAsB;AACpB,eAAW,MAAM,CAAC,KAAK,IAAI,KAAK,SAAS,GAAG;AAC1C,SAAG,iBAAiB,cAAc,KAAK,iBAAiB;AACxD,SAAG,iBAAiB,cAAc,KAAK,iBAAiB;AACxD,SAAG,iBAAiB,SAAS,KAAK,cAAc,IAAI;AACpD,SAAG,iBAAiB,QAAQ,KAAK,aAAa,IAAI;AAAA,IACpD;AACA,SAAK,GAAG,cAAc,iBAAiB,WAAW,KAAK,gBAAgB,IAAI;AAAA,EAC7E;AAAA,EAEA,uBAAuB;AACrB,eAAW,MAAM,CAAC,KAAK,IAAI,KAAK,SAAS,GAAG;AAC1C,SAAG,oBAAoB,cAAc,KAAK,iBAAiB;AAC3D,SAAG,oBAAoB,cAAc,KAAK,iBAAiB;AAC3D,SAAG,oBAAoB,SAAS,KAAK,cAAc,IAAI;AACvD,SAAG,oBAAoB,QAAQ,KAAK,aAAa,IAAI;AAAA,IACvD;AACA,SAAK,GAAG,cAAc,oBAAoB,WAAW,KAAK,gBAAgB,IAAI;AAAA,EAChF;AAAA,EA6BA,uBAAuB;AACrB,iBAAa,KAAK,iBAAiB;AACnC,SAAK,oBAAoB,WAAW,MAAM;AACxC,UAAI,KAAK,aAAa,KAAK,UAAW;AACtC,WAAK,YAAY;AAAA,IACnB,GAAG,KAAK,QAAQ,SAAS;AAAA,EAC3B;AAAA,EAEA,sBAAsB,UAAU;AAC9B,iBAAa,KAAK,kBAAkB;AACpC,SAAK,qBAAqB,WAAW,MAAM;AACzC,UAAI,CAAC,KAAK,aAAa,CAAC,KAAK,aAAa,CAAC,SAAU;AACrD,WAAK,WAAW;AAAA,IAClB,GAAG,KAAK,QAAQ,UAAU;AAAA,EAC5B;AAAA,EAEA,mBAAmB;AACjB,UAAM,UAAuB,KAAK;AAClC,UAAM,SAAS,KAAK,IAClB,eAAe,OAAO,cACtB,cAAc,OAAO,aACrB,gBAAgB,QAAQ,cACxB,eAAe,QAAQ,aACvB,SAAS,KAAK,QAAQ;AAExB,SAAK,YAAY;AACjB,SAAK,YAAY;AAEjB,UAAM,aAAa,OAAO,sBAAsB;AAChD,QAAI,YAAY,WAAW,MAAM,MAAM,qBAAqB;AAC5D,QAAI,aAAa,WAAW,OAAO,MAAM,sBAAsB;AAC/D,QAAI,KAAK,QAAQ,aAAa,OAAO;AACnC,mBAAa,CAAC,gBAAgB;AAC9B,oBAAc,cAAc,IAAI,eAAe;AAC/C,WAAK,YAAY,CAAC,KAAK,QAAQ;AAAA,IACjC,WAAW,KAAK,QAAQ,aAAa,SAAS;AAC5C,mBAAa,eAAe,IAAI,gBAAgB;AAChD,oBAAc,cAAc;AAC5B,WAAK,YAAY,KAAK,QAAQ;AAAA,IAChC,WAAW,KAAK,QAAQ,aAAa,QAAQ;AAC3C,mBAAa,eAAe,IAAI,gBAAgB;AAChD,oBAAc,CAAC,eAAe;AAC9B,WAAK,YAAY,CAAC,KAAK,QAAQ;AAAA,IACjC,OAAO;AACL,mBAAa,eAAe;AAC5B,oBAAc,cAAc,IAAI,eAAe;AAC/C,WAAK,YAAY,KAAK,QAAQ;AAAA,IAChC;AAEA,UAAM,iBAAiB,KAAK;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,YAAQ,MAAM,YAAY,gCAAgC,GAAG,KAAK,IAAI,GAAG,MAAM,IAAI,KAAK,IAAI,KAAK,QAAQ,kBAAkB,CAAC,IAAI;AAChI,YAAQ,MAAM,MAAM,eAAe,IAAI;AACvC,YAAQ,MAAM,OAAO,eAAe,IAAI;AAAA,EAC1C;AAAA,EAEA,wBAAwB,GAAW,GAAW,OAAe,QAAgB;AAC3E,WAAO,MAAM;AAAA,MACX;AAAA,MAAG;AAAA,MAAG;AAAA,MAAO;AAAA,MAAQ,KAAK,QAAQ;AAAA,MAAQ,KAAK,QAAQ;AAAA,MAAoB;AAAA,IAC7E;AAAA,EACF;AAAA,EAEA,aAAa;AAAE,SAAK,SAAS,IAAI;AAAA,EAAG;AAAA,EAEpC,cAAc;AAAE,SAAK,SAAS,KAAK;AAAA,EAAG;AAAA,EAEtC,SAAS,MAAe;AACtB,UAAM,QAAQ,KAAK,UAAU;AAC7B,UAAM,SAAS,KAAK,GAAG,cAAc,YAAY,WAAW,kCAAkC,EAAE;AAChG,UAAM,WAAW,SAAS,IAAI,OAAO,KAAK,QAAQ,aAAa,KAAK,QAAQ;AAC5E,QAAI,MAAM;AACR,WAAK,iBAAiB;AACtB,YAAM,aAAa;AACnB,YAAM,WAAW;AAAA,IACnB;AACA,UAAM,aAAa,aAAa,QAAQ,wBAAwB,QAAQ;AACxE,iBAAa,KAAK,iBAAiB;AACnC,SAAK,oBAAoB,WAAW,MAAM;AACxC,YAAM,YAAY,QAAQ,CAAC,SAAS,cAAc,KAAK,SAAS,kBAAkB,KAAK,SAAS,QAAQ;AACxG,YAAM,UAAU,QAAQ,KAAK,QAAQ,WAAW,GAAG,SAAS,IAAI;AAChE,UAAI,CAAC,KAAM,MAAK,oBAAoB,WAAW,MAAM;AACnD,cAAM,aAAa;AACnB,cAAM,WAAW;AAAA,MACnB,GAAG,QAAQ;AAAA,IACb,GAAG,CAAC;AAAA,EACN;AAAA,EAuCA,uBAAgD;AAC9C,UAAM,mBAA4C,CAAC;AACnD,UAAM,oBAAoB,KAAK,GAAG,aAAa,cAAc;AAC7D,UAAM,YAAY,KAAK,GAAG,aAAa,iBAAiB;AACxD,UAAM,iBAAiB,KAAK,GAAG,aAAa,eAAe;AAC3D,QAAI,mBAAmB;AACrB,uBAAiB,OAAO;AAAA,IAC1B;AACA,QAAI,gBAAgB;AAClB,uBAAiB,WAAW;AAAA,IAC9B;AACA,QAAI,WAAW;AACb,uBAAiB,YAAY;AAAA,IAC/B;AAEA,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/dist/js/chunks/chunk-JR24UB4X.mjs

@@ -0,0 +1,100 @@
+import {
+  Utils
+} from "./chunk-MISGHDUU.mjs";
+
+// src/ts/behaviors/forms.ts
+var Forms = class _Forms {
+  /**
+   * Checks if the label has validation and apply
+   * the correct class and styles
+   * @param textfield
+   */
+  static validateField(textfield) {
+    if (!textfield) {
+      console.error("No text field element found");
+      return;
+    }
+    const hasLength = textfield.getAttribute("data-length") !== null;
+    const lenAttr = parseInt(textfield.getAttribute("data-length"));
+    const len = textfield.value.length;
+    if (len === 0 && textfield.validity.badInput === false && !textfield.required && textfield.classList.contains("validate")) {
+      textfield.classList.remove("invalid");
+    } else if (textfield.classList.contains("validate")) {
+      if (textfield.validity.valid && hasLength && len <= lenAttr || textfield.validity.valid && !hasLength) {
+        textfield.classList.remove("invalid");
+      } else {
+        textfield.classList.add("invalid");
+      }
+    }
+  }
+  /**
+   * Resizes the given TextArea after updating the
+   *  value content dynamically.
+   * @param e EventTarget
+   */
+  static textareaAutoResize(e) {
+    const textarea = e;
+    if (!textarea) return;
+    if (!textarea.hasAttribute("original-height")) {
+      textarea.setAttribute("original-height", textarea.getBoundingClientRect().height.toString());
+    }
+    const originalHeight = parseInt(textarea.getAttribute("original-height"));
+    if (isNaN(originalHeight)) return;
+    textarea.style.height = "auto";
+    const borders = textarea.offsetHeight - textarea.clientHeight;
+    const contentHeight = textarea.scrollHeight + borders;
+    textarea.style.height = Math.max(originalHeight, contentHeight) + "px";
+  }
+  static Init() {
+    Utils.onDocumentReady(() => {
+      document.addEventListener("change", (e) => {
+        const target = e.target;
+        if (target instanceof HTMLInputElement) {
+          _Forms.validateField(target);
+        }
+      });
+      document.addEventListener("keyup", (e) => {
+        const target = e.target;
+        if (target instanceof HTMLInputElement && ["radio", "checkbox"].includes(target.type)) {
+          if (e.key === Utils.keys.TAB) {
+            target.classList.add("tabbed");
+            target.addEventListener("blur", () => target.classList.remove("tabbed"), {
+              once: true
+            });
+          }
+        }
+      });
+      document.querySelectorAll(".expressive-textarea").forEach((textArea) => {
+        _Forms.InitTextarea(textArea);
+      });
+      document.querySelectorAll('.file-field input[type="file"]').forEach((fileInput) => {
+        _Forms.InitFileInputPath(fileInput);
+      });
+    });
+  }
+  static InitTextarea(textarea) {
+    textarea.setAttribute("original-height", textarea.getBoundingClientRect().height.toString());
+    _Forms.textareaAutoResize(textarea);
+    textarea.addEventListener("input", (e) => _Forms.textareaAutoResize(e.target));
+  }
+  static InitFileInputPath(fileInput) {
+    fileInput.addEventListener("change", () => {
+      const fileField = fileInput.closest(".file-field");
+      const pathInput = fileField.querySelector("input.file-path");
+      const files = fileInput.files;
+      const filenames = [];
+      for (let i = 0; i < files.length; i++) {
+        filenames.push(files[i].name);
+      }
+      pathInput.value = filenames.join(", ");
+      pathInput.dispatchEvent(
+        new Event("change", { bubbles: true, cancelable: true, composed: true })
+      );
+    });
+  }
+};
+
+export {
+  Forms
+};
+//# sourceMappingURL=chunk-JR24UB4X.mjs.map

package/dist/js/chunks/chunk-JR24UB4X.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/forms.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\n\nexport class Forms {\n  /**\n   * Checks if the label has validation and apply\n   * the correct class and styles\n   * @param textfield\n   */\n  static validateField(textfield: HTMLInputElement) {\n    if (!textfield) {\n      console.error('No text field element found');\n      return;\n    }\n\n    const hasLength = textfield.getAttribute('data-length') !== null;\n    const lenAttr = parseInt(textfield.getAttribute('data-length'));\n    const len = textfield.value.length;\n\n    if (\n      len === 0 &&\n      textfield.validity.badInput === false &&\n      !textfield.required &&\n      textfield.classList.contains('validate')\n    ) {\n      textfield.classList.remove('invalid');\n    } else if (textfield.classList.contains('validate')) {\n      // Check for character counter attributes\n      if (\n        (textfield.validity.valid && hasLength && len <= lenAttr) ||\n        (textfield.validity.valid && !hasLength)\n      ) {\n        textfield.classList.remove('invalid');\n      } else {\n        textfield.classList.add('invalid');\n      }\n    }\n  }\n\n  /**\n   * Resizes the given TextArea after updating the\n   *  value content dynamically.\n   * @param e EventTarget\n   */\n  static textareaAutoResize(e: EventTarget) {\n    const textarea = e as HTMLTextAreaElement;\n    if (!textarea) return;\n\n    // Measure the textarea against itself: collapse it to its natural height,\n    // then read the content height back. `.expressive-textarea` is\n    // `overflow-y: hidden`, so scrollHeight is the full content height and\n    // offsetHeight - clientHeight is exactly the borders (no scrollbar to\n    // account for) - which border-box sizing needs added back.\n    //\n    // This replaces a mirror div that the value was copied into via\n    // `innerHTML = innerHTML.replace(...)` - a full serialize and reparse of\n    // the text on every keystroke, plus getComputedStyle and seven style\n    // writes, run twice per keystroke because it was bound to keydown and\n    // keyup both.\n    if (!textarea.hasAttribute('original-height')) {\n      textarea.setAttribute('original-height', textarea.getBoundingClientRect().height.toString());\n    }\n    const originalHeight = parseInt(textarea.getAttribute('original-height'));\n    if (isNaN(originalHeight)) return;\n\n    textarea.style.height = 'auto';\n    // Three reads after a single write: one layout flush for the whole resize.\n    const borders = textarea.offsetHeight - textarea.clientHeight;\n    const contentHeight = textarea.scrollHeight + borders;\n    textarea.style.height = Math.max(originalHeight, contentHeight) + 'px';\n  }\n\n  static Init() {\n    Utils.onDocumentReady(() => {\n      document.addEventListener('change', (e: KeyboardEvent) => {\n        const target = <HTMLInputElement>e.target;\n        if (target instanceof HTMLInputElement) {\n          // The sibling-label loop that used to live here compared\n          // `tagName == 'label'` (tagName is uppercase) so it never matched,\n          // and no rule in the Sass styles `label.active` anyway - the\n          // floating label is driven by CSS, not by a class from here.\n          Forms.validateField(target);\n        }\n      });\n\n      document.addEventListener('keyup', (e: KeyboardEvent) => {\n        const target = <HTMLInputElement>e.target;\n        // Radio and Checkbox focus class\n        if (target instanceof HTMLInputElement && ['radio', 'checkbox'].includes(target.type)) {\n          // TAB, check if tabbing to radio or checkbox.\n          if (e.key === Utils.keys.TAB) {\n            target.classList.add('tabbed');\n            target.addEventListener('blur', () => target.classList.remove('tabbed'), {\n              once: true\n            });\n          }\n        }\n      });\n\n      document.querySelectorAll('.expressive-textarea').forEach((textArea: HTMLTextAreaElement) => {\n        Forms.InitTextarea(textArea);\n      });\n\n      // File Input Path\n      document\n        .querySelectorAll('.file-field input[type=\"file\"]')\n        .forEach((fileInput: HTMLInputElement) => {\n          Forms.InitFileInputPath(fileInput);\n        });\n    });\n  }\n\n  static InitTextarea(textarea: HTMLTextAreaElement) {\n    // Save Data in Element\n    textarea.setAttribute('original-height', textarea.getBoundingClientRect().height.toString());\n    Forms.textareaAutoResize(textarea);\n    // `input` rather than keydown + keyup: it fires once per actual value\n    // change and also covers paste, drag-drop and IME composition, which the\n    // key events missed.\n    textarea.addEventListener('input', (e) => Forms.textareaAutoResize(e.target));\n  }\n\n  static InitFileInputPath(fileInput: HTMLInputElement) {\n    fileInput.addEventListener('change', () => {\n      const fileField = fileInput.closest('.file-field');\n      const pathInput = <HTMLInputElement>fileField.querySelector('input.file-path');\n      const files = fileInput.files;\n      const filenames = [];\n      for (let i = 0; i < files.length; i++) {\n        filenames.push(files[i].name);\n      }\n      pathInput.value = filenames.join(', ');\n      pathInput.dispatchEvent(\n        new Event('change', { bubbles: true, cancelable: true, composed: true })\n      );\n    });\n  }\n}\n"],
+  "mappings": ";;;;;AAEO,IAAM,QAAN,MAAM,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMjB,OAAO,cAAc,WAA6B;AAChD,QAAI,CAAC,WAAW;AACd,cAAQ,MAAM,6BAA6B;AAC3C;AAAA,IACF;AAEA,UAAM,YAAY,UAAU,aAAa,aAAa,MAAM;AAC5D,UAAM,UAAU,SAAS,UAAU,aAAa,aAAa,CAAC;AAC9D,UAAM,MAAM,UAAU,MAAM;AAE5B,QACE,QAAQ,KACR,UAAU,SAAS,aAAa,SAChC,CAAC,UAAU,YACX,UAAU,UAAU,SAAS,UAAU,GACvC;AACA,gBAAU,UAAU,OAAO,SAAS;AAAA,IACtC,WAAW,UAAU,UAAU,SAAS,UAAU,GAAG;AAEnD,UACG,UAAU,SAAS,SAAS,aAAa,OAAO,WAChD,UAAU,SAAS,SAAS,CAAC,WAC9B;AACA,kBAAU,UAAU,OAAO,SAAS;AAAA,MACtC,OAAO;AACL,kBAAU,UAAU,IAAI,SAAS;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,mBAAmB,GAAgB;AACxC,UAAM,WAAW;AACjB,QAAI,CAAC,SAAU;AAaf,QAAI,CAAC,SAAS,aAAa,iBAAiB,GAAG;AAC7C,eAAS,aAAa,mBAAmB,SAAS,sBAAsB,EAAE,OAAO,SAAS,CAAC;AAAA,IAC7F;AACA,UAAM,iBAAiB,SAAS,SAAS,aAAa,iBAAiB,CAAC;AACxE,QAAI,MAAM,cAAc,EAAG;AAE3B,aAAS,MAAM,SAAS;AAExB,UAAM,UAAU,SAAS,eAAe,SAAS;AACjD,UAAM,gBAAgB,SAAS,eAAe;AAC9C,aAAS,MAAM,SAAS,KAAK,IAAI,gBAAgB,aAAa,IAAI;AAAA,EACpE;AAAA,EAEA,OAAO,OAAO;AACZ,UAAM,gBAAgB,MAAM;AAC1B,eAAS,iBAAiB,UAAU,CAAC,MAAqB;AACxD,cAAM,SAA2B,EAAE;AACnC,YAAI,kBAAkB,kBAAkB;AAKtC,iBAAM,cAAc,MAAM;AAAA,QAC5B;AAAA,MACF,CAAC;AAED,eAAS,iBAAiB,SAAS,CAAC,MAAqB;AACvD,cAAM,SAA2B,EAAE;AAEnC,YAAI,kBAAkB,oBAAoB,CAAC,SAAS,UAAU,EAAE,SAAS,OAAO,IAAI,GAAG;AAErF,cAAI,EAAE,QAAQ,MAAM,KAAK,KAAK;AAC5B,mBAAO,UAAU,IAAI,QAAQ;AAC7B,mBAAO,iBAAiB,QAAQ,MAAM,OAAO,UAAU,OAAO,QAAQ,GAAG;AAAA,cACvE,MAAM;AAAA,YACR,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF,CAAC;AAED,eAAS,iBAAiB,sBAAsB,EAAE,QAAQ,CAAC,aAAkC;AAC3F,eAAM,aAAa,QAAQ;AAAA,MAC7B,CAAC;AAGD,eACG,iBAAiB,gCAAgC,EACjD,QAAQ,CAAC,cAAgC;AACxC,eAAM,kBAAkB,SAAS;AAAA,MACnC,CAAC;AAAA,IACL,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,aAAa,UAA+B;AAEjD,aAAS,aAAa,mBAAmB,SAAS,sBAAsB,EAAE,OAAO,SAAS,CAAC;AAC3F,WAAM,mBAAmB,QAAQ;AAIjC,aAAS,iBAAiB,SAAS,CAAC,MAAM,OAAM,mBAAmB,EAAE,MAAM,CAAC;AAAA,EAC9E;AAAA,EAEA,OAAO,kBAAkB,WAA6B;AACpD,cAAU,iBAAiB,UAAU,MAAM;AACzC,YAAM,YAAY,UAAU,QAAQ,aAAa;AACjD,YAAM,YAA8B,UAAU,cAAc,iBAAiB;AAC7E,YAAM,QAAQ,UAAU;AACxB,YAAM,YAAY,CAAC;AACnB,eAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,kBAAU,KAAK,MAAM,CAAC,EAAE,IAAI;AAAA,MAC9B;AACA,gBAAU,QAAQ,UAAU,KAAK,IAAI;AACrC,gBAAU;AAAA,QACR,IAAI,MAAM,UAAU,EAAE,SAAS,MAAM,YAAY,MAAM,UAAU,KAAK,CAAC;AAAA,MACzE;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/dist/js/chunks/chunk-KR44BSYQ.mjs

@@ -0,0 +1,55 @@
+import {
+  installSheetDrag
+} from "./chunk-LZVBJ33S.mjs";
+import {
+  Utils
+} from "./chunk-MISGHDUU.mjs";
+
+// src/ts/behaviors/bottomSheets.ts
+var SHEET_SELECTOR = "dialog.bottom-sheet, dialog.bottom";
+var _BottomSheets = class _BottomSheets {
+  static Init() {
+    installSheetDrag({
+      selector: SHEET_SELECTOR,
+      axis: "y",
+      property: "--md-comp-bottom-sheet-shift",
+      direction: () => 1,
+      inHandle: (event, dialog) => {
+        const target = event.target;
+        if (target instanceof Element && target.closest(".handle")) return true;
+        const rect = dialog.getBoundingClientRect();
+        return event.clientY >= rect.top && event.clientY <= rect.top + 48;
+      },
+      onPress: () => {
+        _BottomSheets._dragged = false;
+      },
+      onRelease: (dragged) => {
+        _BottomSheets._dragged = dragged;
+      }
+    });
+    Utils.onDocumentReady(() => {
+      document.addEventListener("click", _BottomSheets._onClick);
+    });
+  }
+  static _onClick(event) {
+    const target = event.target;
+    if (!(target instanceof Element)) return;
+    const handle = target.closest(".handle, .drag-handle");
+    if (!(handle instanceof HTMLButtonElement)) return;
+    if (event.detail !== 0 && _BottomSheets._dragged) return;
+    const dialog = handle.closest(SHEET_SELECTOR);
+    if (dialog instanceof HTMLDialogElement && dialog.open) dialog.close();
+  }
+};
+/**
+ * Whether the last pointer sequence moved. A drag ends with a `click` on the
+ * element it started on, so without this the tail of a drag that snapped back
+ * would dismiss the sheet the drag had just declined to dismiss.
+ */
+_BottomSheets._dragged = false;
+var BottomSheets = _BottomSheets;
+
+export {
+  BottomSheets
+};
+//# sourceMappingURL=chunk-KR44BSYQ.mjs.map

package/dist/js/chunks/chunk-KR44BSYQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/bottomSheets.ts"],
+  "sourcesContent": ["import { installSheetDrag } from './sheetDrag';\nimport { Utils } from '../core/utils';\n\nconst SHEET_SELECTOR = 'dialog.bottom-sheet, dialog.bottom';\n\n/**\n * Drag-to-dismiss for `dialog.bottom-sheet` / `dialog.bottom`.\n *\n * The handle is the top 48dp of the sheet (or an explicit `.drag-handle`,\n * `.handle` being its pre-1.0 spelling). A downward drag past 96dp, or a\n * flick, closes. Anything else snaps back. Content below the handle scrolls\n * normally. Light-dismiss on the scrim stays with {@link Dialogs}.\n *\n * The drag itself is {@link installSheetDrag}, shared with the side sheet. What\n * is here is what is not shared: a handle written as a `<button>` also closes\n * the sheet when it is *activated*, which is what makes it reachable without a\n * pointer - dragging is a pointer gesture, so a control labelled \"Dismiss\" that\n * only answers a drag promises an action a keyboard user cannot perform. A\n * handle written as any other element is decoration and does nothing here -\n * Escape still closes the sheet either way, natively.\n */\nexport class BottomSheets {\n  /**\n   * Whether the last pointer sequence moved. A drag ends with a `click` on the\n   * element it started on, so without this the tail of a drag that snapped back\n   * would dismiss the sheet the drag had just declined to dismiss.\n   */\n  private static _dragged = false;\n\n  static Init() {\n    installSheetDrag({\n      selector: SHEET_SELECTOR,\n      axis: 'y',\n      property: '--md-comp-bottom-sheet-shift',\n      direction: () => 1,\n      inHandle: (event, dialog) => {\n        const target = event.target;\n        if (target instanceof Element && target.closest('.handle')) return true;\n        const rect = dialog.getBoundingClientRect();\n        return event.clientY >= rect.top && event.clientY <= rect.top + 48;\n      },\n      onPress: () => {\n        BottomSheets._dragged = false;\n      },\n      onRelease: (dragged) => {\n        BottomSheets._dragged = dragged;\n      }\n    });\n    Utils.onDocumentReady(() => {\n      document.addEventListener('click', BottomSheets._onClick);\n    });\n  }\n\n  static _onClick(event: MouseEvent) {\n    const target = event.target;\n    if (!(target instanceof Element)) return;\n    const handle = target.closest('.handle, .drag-handle');\n    // Only a <button> is a control. A decorative <span> in the same slot is\n    // exactly what it looks like, and clicking it does nothing.\n    if (!(handle instanceof HTMLButtonElement)) return;\n    // `detail` is 0 when the click came from Enter or Space and >= 1 when a\n    // pointer produced it, so the keyboard path is decided without consulting\n    // pointer state at all - a stale drag can never swallow a key press.\n    if (event.detail !== 0 && BottomSheets._dragged) return;\n    const dialog = handle.closest(SHEET_SELECTOR);\n    if (dialog instanceof HTMLDialogElement && dialog.open) dialog.close();\n  }\n}\n"],
+  "mappings": ";;;;;;;;AAGA,IAAM,iBAAiB;AAkBhB,IAAM,gBAAN,MAAM,cAAa;AAAA,EAQxB,OAAO,OAAO;AACZ,qBAAiB;AAAA,MACf,UAAU;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW,MAAM;AAAA,MACjB,UAAU,CAAC,OAAO,WAAW;AAC3B,cAAM,SAAS,MAAM;AACrB,YAAI,kBAAkB,WAAW,OAAO,QAAQ,SAAS,EAAG,QAAO;AACnE,cAAM,OAAO,OAAO,sBAAsB;AAC1C,eAAO,MAAM,WAAW,KAAK,OAAO,MAAM,WAAW,KAAK,MAAM;AAAA,MAClE;AAAA,MACA,SAAS,MAAM;AACb,sBAAa,WAAW;AAAA,MAC1B;AAAA,MACA,WAAW,CAAC,YAAY;AACtB,sBAAa,WAAW;AAAA,MAC1B;AAAA,IACF,CAAC;AACD,UAAM,gBAAgB,MAAM;AAC1B,eAAS,iBAAiB,SAAS,cAAa,QAAQ;AAAA,IAC1D,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,SAAS,OAAmB;AACjC,UAAM,SAAS,MAAM;AACrB,QAAI,EAAE,kBAAkB,SAAU;AAClC,UAAM,SAAS,OAAO,QAAQ,uBAAuB;AAGrD,QAAI,EAAE,kBAAkB,mBAAoB;AAI5C,QAAI,MAAM,WAAW,KAAK,cAAa,SAAU;AACjD,UAAM,SAAS,OAAO,QAAQ,cAAc;AAC5C,QAAI,kBAAkB,qBAAqB,OAAO,KAAM,QAAO,MAAM;AAAA,EACvE;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AA9Ca,cAMI,WAAW;AANrB,IAAM,eAAN;",
+  "names": []
+}

package/dist/js/chunks/chunk-LZVBJ33S.mjs

@@ -0,0 +1,102 @@
+import {
+  Utils
+} from "./chunk-MISGHDUU.mjs";
+
+// src/ts/behaviors/sheetDrag.ts
+var DISMISS_DISTANCE = 96;
+var DISMISS_VELOCITY = 0.5;
+var DRAG_SLOP = 4;
+function installSheetDrag(config) {
+  const coord = (event) => config.axis === "x" ? event.clientX : event.clientY;
+  let observer;
+  let drag = null;
+  const sheetFor = (target) => {
+    if (!(target instanceof Element)) return null;
+    const dialog = target.closest(config.selector);
+    return dialog instanceof HTMLDialogElement ? dialog : null;
+  };
+  const reset = (dialog) => {
+    dialog.style.transition = "";
+    dialog.style.setProperty(config.property, "0px");
+  };
+  const onDown = (event) => {
+    if (!event.isPrimary) return;
+    if (event.pointerType === "mouse" && event.button !== 0) return;
+    onCancel();
+    config.onPress?.();
+    const dialog = sheetFor(event.target);
+    if (!dialog?.open) {
+      drag = null;
+      return;
+    }
+    if (!config.inHandle(event, dialog)) {
+      drag = null;
+      return;
+    }
+    dialog.style.transition = "none";
+    drag = {
+      dialog,
+      pointerId: event.pointerId,
+      direction: config.direction(dialog),
+      start: coord(event),
+      last: coord(event),
+      lastT: Date.now(),
+      shift: 0
+    };
+    observer.observe(document, { childList: true, subtree: true, attributes: true, attributeFilter: ["open"], attributeOldValue: true });
+  };
+  const onMove = (event) => {
+    if (!drag || drag.pointerId !== event.pointerId) return;
+    if (!drag.dialog.open || !drag.dialog.isConnected) {
+      onCancel();
+      return;
+    }
+    const delta = coord(event) - drag.start;
+    drag.shift = drag.direction === 1 ? Math.max(0, delta) : Math.min(0, delta);
+    drag.last = coord(event);
+    drag.lastT = Date.now();
+    drag.dialog.style.setProperty(config.property, `${drag.shift}px`);
+  };
+  const onUp = (event) => {
+    const held = drag;
+    if (!held || held.pointerId !== event.pointerId) return;
+    if (!held.dialog.open || !held.dialog.isConnected) {
+      onCancel();
+      return;
+    }
+    drag = null;
+    observer.disconnect();
+    held.dialog.style.transition = "";
+    const dt = Math.max(1, Date.now() - held.lastT);
+    const velocity = (coord(event) - held.last) / dt;
+    config.onRelease?.(Math.abs(held.shift) > DRAG_SLOP);
+    const dismiss = held.direction === 1 ? held.shift > DISMISS_DISTANCE || velocity > DISMISS_VELOCITY : held.shift < -DISMISS_DISTANCE || velocity < -DISMISS_VELOCITY;
+    if (dismiss && held.dialog.open) held.dialog.close();
+    held.dialog.style.setProperty(config.property, "0px");
+  };
+  const onCancel = (event) => {
+    if (event && drag?.pointerId !== event.pointerId) return;
+    observer.disconnect();
+    config.onRelease?.(false);
+    const held = drag;
+    drag = null;
+    if (held) reset(held.dialog);
+  };
+  Utils.onDocumentReady(() => {
+    observer = new MutationObserver((records) => {
+      const dialog = drag?.dialog;
+      if (dialog && (!dialog.open || !dialog.isConnected || records.some(
+        (record) => record.type === "attributes" && record.target === dialog && record.oldValue === null || [...record.removedNodes].some((node) => node.contains(dialog))
+      ))) onCancel();
+    });
+    document.addEventListener("pointerdown", onDown, { passive: true });
+    document.addEventListener("pointermove", onMove, { passive: true });
+    document.addEventListener("pointerup", onUp, { passive: true });
+    document.addEventListener("pointercancel", onCancel, { passive: true });
+  });
+}
+
+export {
+  installSheetDrag
+};
+//# sourceMappingURL=chunk-LZVBJ33S.mjs.map

package/dist/js/chunks/chunk-LZVBJ33S.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/sheetDrag.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\n\n/**\n * Drag-to-dismiss, shared by the bottom sheet and the side sheet.\n *\n * The two were the same state machine written twice on different axes - same\n * dismissal distance, same flick velocity, same transition suppression, same\n * pointer bookkeeping - so a fix to one could land without reaching the other.\n * What actually differs between them is stated as configuration below.\n *\n * Light-dismiss on the scrim is not here; it stays with `Dialogs`.\n */\nexport interface SheetDragConfig {\n  /** Which dialogs this drag applies to. */\n  selector: string;\n  /** The axis the sheet travels on. */\n  axis: 'x' | 'y';\n  /** The custom property carrying the live drag offset. */\n  property: string;\n  /**\n   * `1` when the sheet dismisses toward increasing coordinates (downward, or\n   * rightward for an end-docked side sheet), `-1` when it dismisses toward\n   * decreasing ones. A function rather than a constant because a side sheet's\n   * direction depends on which edge each individual sheet is docked to.\n   */\n  direction: (dialog: HTMLDialogElement) => 1 | -1;\n  /** Whether a press at this point landed on the sheet's drag handle. */\n  inHandle: (event: PointerEvent, dialog: HTMLDialogElement) => boolean;\n  /**\n   * Called on primary `pointerdown`, after clearing the previous drag. The\n   * bottom sheet clears its dragged flag here so a sequence abandoned without\n   * a `pointerup` cannot leave the flag set and swallow the next tap.\n   */\n  onPress?: () => void;\n  /** Called when a drag ends, with whether the pointer actually moved. */\n  onRelease?: (dragged: boolean) => void;\n}\n\n/** Past this the sheet dismisses rather than snapping back, in pixels. */\nconst DISMISS_DISTANCE = 96;\n/** Past this a flick dismisses whatever the distance, in pixels per millisecond. */\nconst DISMISS_VELOCITY = 0.5;\n/** Past this the pointer was dragging, not tapping. Hand jitter, in pixels. */\nconst DRAG_SLOP = 4;\n\n/**\n * Register one sheet kind's drag handlers on the document. Called once per kind\n * at import time; there is nothing to tear down.\n */\nexport function installSheetDrag(config: SheetDragConfig): void {\n  const coord = (event: PointerEvent) => (config.axis === 'x' ? event.clientX : event.clientY);\n  let observer: MutationObserver;\n\n  let drag: {\n    dialog: HTMLDialogElement;\n    pointerId: number;\n    direction: 1 | -1;\n    start: number;\n    last: number;\n    lastT: number;\n    shift: number;\n  } | null = null;\n\n  const sheetFor = (target: EventTarget | null): HTMLDialogElement | null => {\n    if (!(target instanceof Element)) return null;\n    const dialog = target.closest(config.selector);\n    return dialog instanceof HTMLDialogElement ? dialog : null;\n  };\n\n  const reset = (dialog: HTMLDialogElement) => {\n    dialog.style.transition = '';\n    dialog.style.setProperty(config.property, '0px');\n  };\n\n  const onDown = (event: PointerEvent) => {\n    // A press that is not the primary pointer is ignored without disturbing a\n    // drag already in flight - a second finger must not abort the first one.\n    // A press that lands off the sheet or off its handle does clear it.\n    if (!event.isPrimary) return;\n    if (event.pointerType === 'mouse' && event.button !== 0) return;\n    onCancel();\n    config.onPress?.();\n    const dialog = sheetFor(event.target);\n    if (!dialog?.open) {\n      drag = null;\n      return;\n    }\n    if (!config.inHandle(event, dialog)) {\n      drag = null;\n      return;\n    }\n    dialog.style.transition = 'none';\n    drag = {\n      dialog,\n      pointerId: event.pointerId,\n      direction: config.direction(dialog),\n      start: coord(event),\n      last: coord(event),\n      lastT: Date.now(),\n      shift: 0\n    };\n    observer.observe(document, { childList: true, subtree: true, attributes: true, attributeFilter: ['open'], attributeOldValue: true });\n  };\n\n  const onMove = (event: PointerEvent) => {\n    if (!drag || drag.pointerId !== event.pointerId) return;\n    if (!drag.dialog.open || !drag.dialog.isConnected) {\n      onCancel();\n      return;\n    }\n    const delta = coord(event) - drag.start;\n    // Only movement toward dismissal counts; dragging the other way is a no-op\n    // rather than a sheet that lifts off its edge.\n    drag.shift = drag.direction === 1 ? Math.max(0, delta) : Math.min(0, delta);\n    drag.last = coord(event);\n    drag.lastT = Date.now();\n    drag.dialog.style.setProperty(config.property, `${drag.shift}px`);\n  };\n\n  const onUp = (event: PointerEvent) => {\n    const held = drag;\n    if (!held || held.pointerId !== event.pointerId) return;\n    if (!held.dialog.open || !held.dialog.isConnected) {\n      onCancel();\n      return;\n    }\n    drag = null;\n    observer.disconnect();\n    // Not `reset()`, though it looks like it: the two halves belong on either\n    // side of close(). The transition has to be back before the sheet closes,\n    // so the dismissal animates; the shift has to clear after, or a snap-back\n    // would jump to zero before the transition could carry it there.\n    held.dialog.style.transition = '';\n    const dt = Math.max(1, Date.now() - held.lastT);\n    const velocity = (coord(event) - held.last) / dt;\n    config.onRelease?.(Math.abs(held.shift) > DRAG_SLOP);\n    const dismiss =\n      held.direction === 1\n        ? held.shift > DISMISS_DISTANCE || velocity > DISMISS_VELOCITY\n        : held.shift < -DISMISS_DISTANCE || velocity < -DISMISS_VELOCITY;\n    if (dismiss && held.dialog.open) held.dialog.close();\n    held.dialog.style.setProperty(config.property, '0px');\n  };\n\n  const onCancel = (event?: PointerEvent) => {\n    if (event && drag?.pointerId !== event.pointerId) return;\n    observer.disconnect();\n    config.onRelease?.(false);\n    const held = drag;\n    drag = null;\n    if (held) reset(held.dialog);\n  };\n\n  Utils.onDocumentReady(() => {\n    observer = new MutationObserver(records => {\n      const dialog = drag?.dialog;\n      if (dialog && (!dialog.open || !dialog.isConnected || records.some(record =>\n        (record.type === 'attributes' && record.target === dialog && record.oldValue === null) ||\n        [...record.removedNodes].some(node => node.contains(dialog))\n      ))) onCancel();\n    });\n    document.addEventListener('pointerdown', onDown, { passive: true });\n    document.addEventListener('pointermove', onMove, { passive: true });\n    document.addEventListener('pointerup', onUp, { passive: true });\n    document.addEventListener('pointercancel', onCancel, { passive: true });\n  });\n}\n"],
+  "mappings": "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",
+  "names": []
+}