@ulu/frontend 0.2.0-beta.1 → 0.2.0-beta.11

package/dist/{types/js → es}/ui/modal-builder.d.ts

@@ -1,7 +1,9 @@
+import { Resizer } from './resizer.js';
+import { ComponentInitializer } from '../core/component.js';
 /**
  * @param {Object} options Change options used as default for dialogs, can then be overridden by data attribute settings on element
  */
-export function setDefaults(options: any): void;
+export function setDefaults(options: Object): void;
 /**
  * Initialize everything in document
  * - This will only initialize elements once, it is safe to call on page changes
@@ -12,20 +14,20 @@ export function init(): void;
  * @param {Node} content Content element of the dialog (what is inserted into the body)
  * @param {Object} options Options for built dialog (see defaults)
  */
-export function buildModal(content: Node, options: any): {
+export function buildModal(content: Node, options: Object): {
     modal: any;
-    resizer: Resizer;
+    resizer: Resizer | undefined;
 };
 /**
  * Modal Builder Component Initializer
  */
 export const initializer: ComponentInitializer;
 export namespace defaults {
-    export let title: any;
-    export let titleIcon: any;
+    export let title: null;
+    export let titleIcon: null;
     export let titleClass: string;
-    export let labelledby: any;
-    export let describedby: any;
+    export let labelledby: null;
+    export let describedby: null;
     export let nonModal: boolean;
     export let documentEnd: boolean;
     export let allowResize: boolean;
@@ -38,11 +40,12 @@ export namespace defaults {
     let _class: string;
     export { _class as class };
     export let baseClass: string;
-    export let footerElement: any;
-    export let footerHtml: any;
-    export let classCloseIcon: any;
-    export let classResizerIcon: any;
-    export let classResizerIconBoth: any;
+    export let footerElement: null;
+    export let footerHtml: null;
+    export let classClose: string;
+    export let classCloseIcon: Object;
+    export let classResizerIcon: Object;
+    export let classResizerIconBoth: Object;
     export let debug: boolean;
     export function templateCloseIcon(config: any): string;
     export function templateResizerIcon(config: any): string;
@@ -52,7 +55,7 @@ export namespace defaults {
      * @param {Object} config Resolved options
      * @returns {String} Markup for modal
      */
-    export function template(id: string, config: any): string;
+    export function template(id: string, config: Object): string;
 }
 /**
  * Default builder options (extends dialog defaults, watch name collisions)
@@ -126,7 +129,11 @@ export type DefaultModalOptions = {
      */
     baseClass: string;
     /**
-     * - The class name for the close icon. Uses the wrapped setting string.
+     * - The class name for the close button. Defaults to 'button button--icon' styling.
+     */
+    classClose: string;
+    /**
+     * - The class name for the close icon. Defaults to 'button__icon' styling. Uses the wrapped setting string.
      */
     classCloseIcon: string;
     /**
@@ -154,6 +161,4 @@ export type DefaultModalOptions = {
      */
     config: (arg0: object) => string;
 };
-import { Resizer } from "./resizer.js";
-import { ComponentInitializer } from "../core/component.js";
 //# sourceMappingURL=modal-builder.d.ts.map

package/dist/es/ui/modal-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-builder.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/modal-builder.js"],"names":[],"mappings":"AAoJA;;GAEG;AACH,qCAFW,MAAM,QAIhB;AAED;;;GAGG;AACH,6BAQC;AAED;;;;GAIG;AACH,oCAHW,IAAI,WACJ,MAAM;;;EAqEhB;AApOD;;GAEG;AACH,+CAGG;;;;;;;;;;;;;;;;;;;;;;;;;;IAiED,uDAGC;IACD,yDAIC;IACD;;;;;OAKG;IACH,6CAHW,MAAM,UA8ChB;;;;;;;;;;;;WAnHW,MAAM,GAAC,IAAI;;;;eACX,MAAM,GAAC,IAAI;;;;gBACX,MAAM;;;;gBACN,MAAM;;;;iBACN,MAAM;;;;cACN,OAAO;;;;iBACP,OAAO;;;;iBACP,OAAO;;;;cACP,QAAQ,GAAC,UAAU,GAAC,YAAY,GAAC,WAAW,GAAC,aAAa,GAAC,eAAe,GAAC,cAAc;;;;eACzF,OAAO;;;;gBACP,OAAO;;;;UACP,SAAS,GAAC,OAAO,GAAC,OAAO,GAAC,YAAY;;;;WACtC,OAAO;;;;iBACP,OAAO;;;;WACP,MAAM;;;;eACN,MAAM;;;;gBACN,MAAM;;;;oBACN,MAAM;;;;sBACN,MAAM;;;;mBACN,MAAM,GAAC,IAAI;;;;gBACX,MAAM,GAAC,IAAI;;;;WACX,OAAO;;;;uBACP,CAAS,IAAM,EAAN,MAAM,KAAG,MAAM;;;;YACxB,CAAS,IAAM,EAAN,MAAM,KAAG,MAAM;;wBA1Cd,cAAc;qCAHD,sBAAsB"}

package/dist/es/ui/modal-builder.js

@@ -0,0 +1,136 @@
+import { ComponentInitializer as C } from "../core/component.js";
+import { wrapSettingString as d } from "../core/settings.js";
+import { getCoreEventName as m } from "../core/events.js";
+import { Resizer as _ } from "./resizer.js";
+import { closeAttribute as y, baseAttribute as I, defaults as E } from "./dialog.js";
+import { createElementFromHtml as v, getElement as R } from "@ulu/utils/browser/dom.js";
+const n = new C({
+  type: "modal-builder",
+  baseAttribute: "data-ulu-modal-builder"
+}), w = {
+  title: null,
+  titleIcon: null,
+  titleClass: "",
+  labelledby: null,
+  describedby: null,
+  nonModal: !1,
+  documentEnd: !0,
+  allowResize: !1,
+  position: "center",
+  bodyFills: !1,
+  noBackdrop: !1,
+  size: "default",
+  print: !1,
+  noMinHeight: !1,
+  class: "",
+  baseClass: "modal",
+  footerElement: null,
+  footerHtml: null,
+  classClose: "button button--icon",
+  classCloseIcon: d("iconClassClose", (s) => `${s} button__icon`),
+  classResizerIcon: d("iconClassDragX"),
+  classResizerIconBoth: d("iconClassDragBoth"),
+  debug: !1,
+  templateCloseIcon(s) {
+    const { baseClass: t, classCloseIcon: e } = s;
+    return `<span class="${t}__close-icon ${e}" aria-hidden="true"></span>`;
+  },
+  templateResizerIcon(s) {
+    const { baseClass: t, classResizerIcon: e, classResizerIconBoth: i } = s, r = s.position === "center" ? i : e;
+    return `<span class="${t}__resizer-icon ${r}" aria-hidden="true"></span>`;
+  },
+  /**
+   * Default modal template
+   * @param {String} id ID for new modal
+   * @param {Object} config Resolved options
+   * @returns {String} Markup for modal
+   */
+  template(s, t) {
+    const { baseClass: e, describedby: i, footerHtml: r } = t, o = [
+      e,
+      `${e}--${t.position}`,
+      `${e}--${t.size}`,
+      `${e}--${t.allowResize ? "resize" : "no-resize"}`,
+      ...t.title ? [] : [`${e}--no-header`],
+      ...t.bodyFills ? [`${e}--body-fills`] : [],
+      ...t.noBackdrop ? [`${e}--no-backdrop`] : [],
+      ...t.noMinHeight ? [`${e}--no-min-height`] : [],
+      ...t.class ? [t.class] : []
+    ], a = t.title ? `${s}--title` : t.labelledby;
+    return `
+      <dialog 
+        id="${s}" 
+        class="${o.join(" ")}" 
+        ${a ? `aria-labelledby="${a}"` : ""}
+        ${i ? `aria-describedby="${i}"` : ""}
+      >
+        ${t.title ? `
+          <header class="${e}__header">
+            <h2 id="${a}" class="${e}__title ${t.titleClass}">
+              ${t.titleIcon ? `<span class="${e}__title-icon ${t.titleIcon}" aria-hidden="true"></span>` : ""}
+              <span class="${e}__title-text">${t.title}</span>
+            </h2>
+            <button class="${e}__close ${t.classClose}" aria-label="Close modal" ${y} autofocus>
+              ${t.templateCloseIcon(t)}
+            </button>
+          </header>
+        ` : ""}
+        <div class="${e}__body" ${n.getAttribute("body")}></div>
+        ${r ? `<div class="${e}__footer">${r}</div>` : ""}
+        ${t.allowResize ? `<button class="${e}__resizer" type="button" ${n.getAttribute("resizer")}>
+            ${t.templateResizerIcon(t)}
+          </button>` : ""}
+      </dialog>
+    `;
+  }
+};
+let c = { ...w };
+function j(s) {
+  c = Object.assign({}, c, s);
+}
+function N() {
+  n.init({
+    withData: !0,
+    coreEvents: ["pageModified"],
+    setup({ element: s, data: t }) {
+      A(s, t);
+    }
+  });
+}
+function A(s, t) {
+  const e = Object.assign({}, c, t), { position: i } = e;
+  if (e.debug && n.log(e, s), !s.id)
+    throw new Error("Missing ID on modal");
+  const r = e.template(s.id, e), o = v(r.trim()), a = (l) => o.querySelector(n.attributeSelector(l)), u = a("body"), p = a("resizer"), $ = g(e);
+  if (s.removeAttribute("id"), s.removeAttribute("hidden"), s.removeAttribute(n.getAttribute()), s.parentNode.replaceChild(o, s), u.appendChild(s), o.setAttribute(I, JSON.stringify($)), e.footerElement) {
+    const l = R(e.footerElement);
+    l && (l.classList.add(`${e.baseClass}__footer`), u.after(l));
+  }
+  let b;
+  const f = ["left", "right", "center"], h = i === "center", z = i === "right";
+  if (e.allowResize)
+    if (f.includes(i)) {
+      const l = h ? { fromX: "right", fromY: "bottom", multiplier: 2 } : { fromX: z ? "left" : "right" };
+      b = new _(o, p, l);
+    } else
+      console.warn(`${i} is not supported for resizing`);
+  if (e.print) {
+    let l;
+    document.addEventListener(m("beforePrint"), () => {
+      l = s.cloneNode(!0), o.after(l);
+    }), document.addEventListener(m("afterPrint"), () => {
+      l.remove();
+    });
+  }
+  return { modal: o, resizer: b };
+}
+function g(s) {
+  return Object.keys(E).reduce((t, e) => (e in s && (t[e] = s[e]), t), {});
+}
+export {
+  A as buildModal,
+  w as defaults,
+  N as init,
+  n as initializer,
+  j as setDefaults
+};

package/dist/es/ui/overflow-scroller-pager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-scroller-pager.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/overflow-scroller-pager.js"],"names":[],"mappings":"AAAA;;GAEG;AACH;;;;;;;;;;;GAWG;AAEH,wCA4CC"}

package/dist/es/ui/overflow-scroller-pager.js

@@ -0,0 +1,28 @@
+function y() {
+  return function(c, a) {
+    const r = a === "next", { track: s } = c.elements;
+    if (!s.children) return 400;
+    const g = window.getComputedStyle(s).getPropertyValue("scroll-padding-left").replace("auto", "0px"), n = parseInt(g, 10), { scrollLeft: i, offsetWidth: l } = s, u = i + l, o = [...s.children].map((e) => {
+      const { offsetLeft: t, offsetWidth: d } = e;
+      return {
+        element: e,
+        offsetLeft: t,
+        offsetRight: t + d
+      };
+    });
+    let f;
+    if (r)
+      f = o.find((e) => e.offsetRight >= u);
+    else {
+      let e = o.findLastIndex((t) => t.offsetLeft <= i);
+      if (e) {
+        let t = o[e];
+        f = o.slice(0, e + 1).find((h) => h.offsetLeft + n + l >= t.offsetRight);
+      }
+    }
+    return f ? r ? f.offsetLeft : f.offsetLeft + n : 400;
+  };
+}
+export {
+  y as createPager
+};

package/dist/{types/js → es}/ui/overflow-scroller.d.ts

@@ -8,8 +8,8 @@ export class OverflowScroller {
         offsetEnd: number;
         amount: string;
         buttonClasses: string[];
-        iconClassPrevious: any;
-        iconClassNext: any;
+        iconClassPrevious: Object;
+        iconClassNext: Object;
     };
     constructor(elements: any, config: any);
     options: any;
@@ -18,7 +18,7 @@ export class OverflowScroller {
     previousEnabled: boolean;
     scrollHandler: (e: any) => void;
     checkOverflow(): void;
-    hasOverflow: boolean;
+    hasOverflow: boolean | undefined;
     createControls(context: any): {
         controls: HTMLUListElement;
         previousItem: HTMLLIElement;

package/dist/es/ui/overflow-scroller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-scroller.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/overflow-scroller.js"],"names":[],"mappings":"AAmBA;IACE,wBAAsB;IACtB;;;;;;;;;;MAUC;IACD,wCAgBC;IAfC,aAAmE;IAKnE,cAGC;IACD,qBAAuB;IACvB,yBAA2B;IAC3B,gCAA4C;IAK9C,sBAGC;IADC,iCAAwD;IAE1D;;;;;;MA2BC;IACD,oDAQC;IACD,uCAMC;IACD,2BAGC;IACD,2BAiBC;IACD,8CAeC;IACD,6BAaC;IACD,aAMC;IACD,iBAMC;IACD,6BAGC;CACF"}

package/dist/es/ui/overflow-scroller.js

@@ -0,0 +1,90 @@
+var v = Object.defineProperty;
+var C = (a, s, t) => s in a ? v(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
+var u = (a, s, t) => C(a, typeof s != "symbol" ? s + "" : s, t);
+import { wrapSettingString as p } from "../core/settings.js";
+import { hasRequiredProps as b } from "@ulu/utils/object.js";
+import { logError as m } from "../utils/class-logger.js";
+const x = [
+  "track",
+  "controls"
+], c = class c {
+  constructor(s, t) {
+    this.options = Object.assign({}, c.defaults, t), b(x) || m(this, "Missing a required Element"), this.elements = {
+      ...s,
+      ...this.createControls(s.controls)
+    }, this.nextEnabled = !0, this.previousEnabled = !0, this.scrollHandler = (e) => this.onScroll(e), this.elements.track.addEventListener("scroll", this.scrollHandler, { passive: !0 }), this.checkOverflow(), this.onScroll();
+  }
+  checkOverflow() {
+    const { track: s } = this.elements;
+    this.hasOverflow = s.scrollWidth > s.clientWidth;
+  }
+  createControls(s) {
+    const t = document.createElement("ul"), e = document.createElement("li"), o = document.createElement("li"), n = this.createControlButton("previous"), r = this.createControlButton("next"), i = this.getClass("controls-item");
+    return o.classList.add(i), o.classList.add(i + "--next"), e.classList.add(i), e.classList.add(i + "--previous"), t.classList.add(this.getClass("controls")), e.appendChild(n), o.appendChild(r), t.appendChild(e), t.appendChild(o), n.addEventListener("click", this.previous.bind(this)), r.addEventListener("click", this.next.bind(this)), s.appendChild(t), {
+      controls: t,
+      previousItem: e,
+      nextItem: o,
+      previous: n,
+      next: r
+    };
+  }
+  createControlButton(s) {
+    const t = document.createElement("button");
+    return t.classList.add(this.getClass("control-button")), t.classList.add(this.getClass(`control-button--${s}`)), t.classList.add(...this.options.buttonClasses), t.setAttribute("type", "button"), t.innerHTML = this.getControlContent(s), t;
+  }
+  getControlContent(s) {
+    const t = this.options[s === "next" ? "iconClassNext" : "iconClassPrevious"];
+    return `
+      <span class="hidden-visually">${s}</span>
+      <span class="${t}" aria-hidden="true"></span>
+    `;
+  }
+  onScroll(s) {
+    this.hasOverflow && this.onScrollHorizontal();
+  }
+  onScrollHorizontal() {
+    const { nextEnabled: s, previousEnabled: t } = this, { track: e } = this.elements, { offsetStart: o, offsetEnd: n } = this.options, { scrollWidth: r, clientWidth: i, scrollLeft: d } = e, l = d <= o, h = r - d - n <= i;
+    l && t ? this.setControlState("previous", !1) : !l && !t && this.setControlState("previous", !0), h && s ? this.setControlState("next", !1) : !h && !s && this.setControlState("next", !0);
+  }
+  setControlState(s, t) {
+    const e = s === "next", { next: o, nextItem: n, previous: r, previousItem: i } = this.elements, d = e ? n : i, l = e ? o : r, h = t ? "remove" : "add";
+    d.classList[h](this.getClass("controls-item--disabled")), l.classList[t ? "remove" : "add"](this.getClass("control--disabled")), t ? l.removeAttribute("disabled") : l.setAttribute("disabled", ""), this[e ? "nextEnabled" : "previousEnabled"] = t;
+  }
+  resolveAmount(s) {
+    const t = s === "next", { amount: e } = this.options, { scrollLeft: o, offsetWidth: n } = this.elements.track;
+    return e === "auto" ? t ? o + n : o - n : typeof e == "function" ? e(this, s) : typeof e == "number" ? t ? o + e : o - e : (m("Unable to resolve amount for scroll"), 500);
+  }
+  next() {
+    this.elements.track.scrollTo({
+      top: 0,
+      left: this.resolveAmount("next"),
+      behavior: "smooth"
+    });
+  }
+  previous() {
+    this.elements.track.scrollTo({
+      top: 0,
+      left: this.resolveAmount("previous"),
+      behavior: "smooth"
+    });
+  }
+  getClass(s) {
+    const { namespace: t } = this.options;
+    return `${t}__${s}`;
+  }
+};
+u(c, "instances", []), u(c, "defaults", {
+  namespace: "OverflowScroller",
+  events: {},
+  horizontal: !0,
+  offsetStart: 100,
+  offsetEnd: 100,
+  amount: "auto",
+  buttonClasses: ["button", "button--icon"],
+  iconClassPrevious: p("iconClassPrevious"),
+  iconClassNext: p("iconClassNext")
+});
+let f = c;
+export {
+  f as OverflowScroller
+};

package/dist/es/ui/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/page.js"],"names":[],"mappings":"AAQA;;GAEG;AACH,6BAEC"}

package/dist/es/ui/page.js

@@ -0,0 +1,7 @@
+import { addScrollbarCustomProperty as o } from "@ulu/utils/browser/dom.js";
+function t() {
+  o();
+}
+export {
+  t as init
+};

package/dist/{types/js → es}/ui/popover.d.ts

@@ -1,3 +1,5 @@
+import { ComponentInitializer } from '../core/component.js';
+import { Collapsible } from './collapsible.js';
 /**
  * Initialize default popover
  */
@@ -31,9 +33,7 @@ export class Popover extends Collapsible {
     constructor(elements: any, config: any, floatingOptions: any);
     floatingOptions: any;
     createFloatingInstance(): void;
-    floatingCleanup: Function;
+    floatingCleanup: Function | null | undefined;
     destroyFloatingInstance(): void;
 }
-import { ComponentInitializer } from "../core/component.js";
-import { Collapsible } from "./collapsible.js";
 //# sourceMappingURL=popover.d.ts.map

package/dist/es/ui/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/popover.js"],"names":[],"mappings":"AAgCA;;GAEG;AACH,6BAmBC;AAED;;GAEG;AACH;;;;;;;;;EAiBC;AAKD,uDAmBC;AA5FD;;GAEG;AACH,+CAGG;AAOH;;GAEG;AACH,8CAAqC;AA+ErC;;GAEG;AACH;IACE,8DAIC;IADC,qBAA4C;IAa9C,+BAIC;IADC,6CAA+E;IAEjF,gCAKC;CACF;qCAlIoC,sBAAsB;4BAE/B,kBAAkB"}

package/dist/es/ui/popover.js

@@ -0,0 +1,77 @@
+import { ComponentInitializer as p } from "../core/component.js";
+import { createFloatingUi as f } from "../utils/floating-ui.js";
+import { Collapsible as u } from "./collapsible.js";
+const r = new p({
+  type: "popover",
+  baseAttribute: "data-ulu-popover"
+}), d = r.attributeSelector("trigger-anchor"), h = r.attributeSelector("arrow"), m = r.getAttribute("content"), b = r.attributeSelector("content"), c = /* @__PURE__ */ new WeakMap(), g = {
+  clickOutsideCloses: !0,
+  escapeCloses: !0
+};
+function I() {
+  r.init({
+    key: "trigger",
+    withData: !0,
+    coreEvents: ["pageModified"],
+    setup({ element: t, data: e, initialize: n }) {
+      if (c.has(t)) return;
+      const o = y(t, e);
+      if (!o) {
+        r.warn("Unable to resolve popover elements for trigger.", t);
+        return;
+      }
+      const { elements: s, options: i, floatingOptions: a } = o;
+      c.set(s, new S(s, i, a)), n();
+    }
+  });
+}
+function y(t, e) {
+  const n = Object.assign({}, e), o = C(t), s = {
+    trigger: t,
+    content: o,
+    anchor: t.querySelector(d) || t,
+    contentArrow: o.querySelector(h)
+  }, i = n.floating || {};
+  return delete n.floating, o ? { elements: s, options: n, floatingOptions: i } : (r.logError("Unable to make popover for", t), !1);
+}
+function C(t) {
+  var o;
+  let e;
+  const n = t.getAttribute("aria-controls");
+  if (n)
+    e = document.getElementById(n);
+  else if ((o = t == null ? void 0 : t.nextElementSibling) != null && o.hasAttribute(m))
+    e = t.nextElementSibling;
+  else {
+    const s = Array.from(t.parentNode.children), i = s.findIndex((l) => l === t);
+    e = s.slice(i).find((l) => l.matches(b));
+  }
+  return e || r.logError("Unable to resolve 'content' element for popover", t), e;
+}
+class S extends u {
+  constructor(e, n, o) {
+    const s = Object.assign({}, g, n);
+    super(e, s), this.floatingOptions = o || {};
+  }
+  setState(e, n) {
+    super.setState(e, n), this.destroyFloatingInstance(), e && this.createFloatingInstance();
+  }
+  destroy() {
+    super.destroy(), this.destroyFloatingInstance();
+  }
+  createFloatingInstance() {
+    const { content: e, anchor: n, contentArrow: o } = this.elements, s = { trigger: n, contentArrow: o, content: e };
+    this.floatingCleanup = f(s, this.floatingOptions);
+  }
+  destroyFloatingInstance() {
+    this.floatingCleanup && (this.floatingCleanup(), this.floatingCleanup = null);
+  }
+}
+export {
+  S as Popover,
+  C as getContentByTrigger,
+  I as init,
+  r as initializer,
+  c as instances,
+  y as resolve
+};

package/dist/es/ui/print-details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"print-details.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/print-details.js"],"names":[],"mappings":"AAmBA;;;;GAIG;AACH,yCAmBC"}

package/dist/es/ui/print-details.js

@@ -0,0 +1,22 @@
+import { getCoreEventName as n } from "../core/events.js";
+const o = {
+  opened: "data-ulu-print-details-opened"
+}, c = (t) => `[${o[t]}]`, d = {
+  selector: "details:not([open])"
+};
+function i(t) {
+  const r = Object.assign({}, d, t);
+  document.addEventListener(n("beforePrint"), () => {
+    document.querySelectorAll(r.selector).forEach((e) => {
+      e.open || (e.setAttribute(o.opened, !0), e.open = !0);
+    });
+  }), document.addEventListener(n("afterPrint"), () => {
+    document.querySelectorAll(c("opened")).forEach((e) => {
+      e.removeAttribute(o.opened), e.open = !1;
+    });
+  });
+}
+export {
+  o as attrs,
+  i as init
+};

package/dist/es/ui/print.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/print.js"],"names":[],"mappings":"AAuBA;;;GAGG;AACH,6BASC"}

package/dist/es/ui/print.js

@@ -0,0 +1,34 @@
+import { ComponentInitializer as o } from "../core/component.js";
+import { getElement as r } from "@ulu/utils/browser/dom.js";
+import { printElement as l } from "@ulu/utils/browser/print.js";
+const s = new o({
+  type: "print",
+  baseAttribute: "data-ulu-print"
+}), m = {
+  /**
+   * Print element/selector
+   */
+  element: null
+};
+function u() {
+  s.init({
+    withData: !0,
+    coreEvents: ["pageModified"],
+    setup({ element: t, data: n, initialize: e }) {
+      p(t, n), e();
+    }
+  });
+}
+function p(t, n) {
+  const e = Object.assign({}, m, n);
+  t.addEventListener("click", () => {
+    if (e.element) {
+      const i = r(e.element);
+      i ? l(i) : console.error("Unable to find element to print", t, e);
+    } else
+      window.print();
+  });
+}
+export {
+  u as init
+};

package/dist/{types/js → es}/ui/programmatic-modal.d.ts

@@ -15,6 +15,6 @@ export class ProgrammaticModalManager {
         trigger: any;
         modal: any;
         config: any;
-    };
+    } | undefined;
 }
 //# sourceMappingURL=programmatic-modal.d.ts.map

package/dist/es/ui/programmatic-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"programmatic-modal.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/programmatic-modal.js"],"names":[],"mappings":"AAUA;IACE;;;MAGE;IACF,gCAeC;IAbC,aAAsB;IACtB,cAAoB;IACpB,mBAAyB;IAEzB,qCAGC;IACD,2BAEC;IAIH,sBAMC;IACD,gBAMC;IACD;;;;kBAkDC;CACF"}

package/dist/es/ui/programmatic-modal.js

@@ -0,0 +1,55 @@
+var p = Object.defineProperty;
+var v = (n, e, t) => e in n ? p(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var a = (n, e, t) => v(n, typeof e != "symbol" ? e + "" : e, t);
+import { getCoreEventName as T, dispatchCoreEvent as E } from "../core/events.js";
+import { newId as k } from "../utils/id.js";
+import { buildModal as C } from "./modal-builder.js";
+import { getElement as L } from "@ulu/utils/browser/dom.js";
+const c = class c {
+  constructor(e) {
+    const t = Object.assign({}, c.defaults, e);
+    this.options = t, this.triggers = null, this.cachedTrigger = null, this.triggerListener, this.onTriggerClick = (i) => {
+      const r = i.target.closest(t.triggerSelector);
+      r && (this.cachedTrigger = r);
+    }, this.onPageModified = () => {
+      this.setupTriggers();
+    }, document.addEventListener(T("pageModified"), this.onPageModified), this.setupTriggers();
+  }
+  setupTriggers() {
+    const { triggerSelector: e, triggerInitAttr: t } = this.options;
+    document.querySelectorAll(`${e}:not([${t}])`).forEach((r) => {
+      r.addEventListener("click", this.onTriggerClick);
+    });
+  }
+  destroy() {
+    const { triggerSelector: e } = this.options;
+    document.querySelectorAll(e).forEach((i) => {
+      i.removeEventListener("click", this.onTriggerClick);
+    });
+  }
+  createAndOpen(e, t) {
+    const { noClickTrigger: i, removeOnClose: r, element: u, classes: l } = e, g = L(u);
+    g.id || (g.id = k()), l && g.classList.add(...l);
+    let o;
+    if (i || (o = this.cachedTrigger, this.cachedTrigger = null), !g) {
+      console.error("No element found from config.element. ", e);
+      return;
+    }
+    const { modal: s } = C(g, e.modal), d = { trigger: o, modal: s, config: e };
+    t && t(d);
+    const m = () => {
+      r && s.remove(), o && o.focus();
+    };
+    return s.addEventListener("close", m, { once: !0 }), !r && o && o.addEventListener("click", (f) => {
+      f.preventDefault(), s.showModal();
+    }), E("pageModified", s), s.showModal(), d;
+  }
+};
+a(c, "defaults", {
+  triggerSelector: "[data-ulu-programmatic-modal-trigger]",
+  triggerInitAttr: "data-ulu-programmatic-modal-init"
+});
+let h = c;
+export {
+  h as ProgrammaticModalManager
+};

package/dist/{types/js → es}/ui/proxy-click.d.ts

@@ -1,7 +1,8 @@
+import { ComponentInitializer } from '../core/component.js';
 /**
  * @param {Object} options Change options used as default for dialogs, can then be overridden by data attribute settings on element
  */
-export function setDefaults(options: any): void;
+export function setDefaults(options: Object): void;
 /**
  * Initialize everything in document
  * - This will only initialize elements once, it is safe to call on page changes
@@ -12,14 +13,14 @@ export function init(): void;
  * @param {Node} proxy The container who's click should proxy the click of inner element with options.selector (defaults to [data-ulu-proxy-click-source])
  * @param {Object} userOptions Options to override defaults
  */
-export function setupProxy(proxy: Node, userOptions: any): void;
+export function setupProxy(proxy: Node, userOptions: Object): void;
 /**
  * Main function for attaching behaviors that enable proxy click
  * @param {Node} proxy The container who's click should proxy the click of inner element with options.selector (defaults to [data-ulu-proxy-click-source])
  * @param {Node} child The element who is being proxied and will get clicked if the proxy is clicked (as long as not an interactive element within proxy)
  * @param {Object} config Merged/final options object
  */
-export function attachHandlers(proxy: Node, child: Node, config: any): void;
+export function attachHandlers(proxy: Node, child: Node, config: Object): void;
 /**
  * Proxy Click Component Initializer
  */
@@ -30,5 +31,4 @@ export namespace defaults {
     let selectorPrevent: string;
     let mousedownDurationPrevent: number;
 }
-import { ComponentInitializer } from "../core/component.js";
 //# sourceMappingURL=proxy-click.d.ts.map

package/dist/es/ui/proxy-click.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"proxy-click.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/proxy-click.js"],"names":[],"mappings":"AAkCA;;GAEG;AACH,qCAFW,MAAM,QAIhB;AACD;;;GAGG;AACH,6BASC;AAED;;;;GAIG;AACH,kCAHW,IAAI,eACJ,MAAM,QAUhB;AAED;;;;;GAKG;AACH,sCAJW,IAAI,SACJ,IAAI,UACJ,MAAM,QAmBhB;AAhFD;;GAEG;AACH,+CAGG;;;;;;;qCARkC,sBAAsB"}