@ulu/frontend-vue 0.2.0-beta.9 → 0.3.0

package/dist/components/collapsible/UluAccordionGroup.vue.d.ts

@@ -14,7 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly items?: unknown[] | undefined;
         readonly modifiers?: string | unknown[] | undefined;
     };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 type __VLS_TemplateResult = {
     attrs: Partial<{}>;
     slots: {
@@ -36,6 +36,6 @@ type __VLS_TemplateResult = {
         }): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 //# sourceMappingURL=UluAccordionGroup.vue.d.ts.map

package/dist/components/collapsible/UluAccordionGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluAccordionGroup.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluAccordionGroup.vue"],"names":[],"mappings":"AA6BA;wBA8QqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;sPAQG"}
+{"version":3,"file":"UluAccordionGroup.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluAccordionGroup.vue"],"names":[],"mappings":"AAgCA;wBAkRqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;2OAOG"}

package/dist/components/collapsible/UluAccordionGroup.vue.js

@@ -1,6 +1,9 @@
-import { ref as f, watch as p, createElementBlock as g, openBlock as o, Fragment as y, renderList as O, createBlock as v, createSlots as h, withCtx as l, renderSlot as m, createTextVNode as k, toDisplayString as $ } from "vue";
-import S from "./UluAccordion.vue.js";
-const B = { class: "accordion-group" }, x = {
+import { ref as f, watch as p, createElementBlock as g, createCommentVNode as y, openBlock as s, Fragment as O, renderList as h, createBlock as k, createSlots as v, withCtx as l, renderSlot as m, createTextVNode as $, toDisplayString as S } from "vue";
+import B from "./UluAccordion.vue.js";
+const E = {
+  key: 0,
+  class: "accordion-group"
+}, x = {
   __name: "UluAccordionGroup",
   props: {
     /**
@@ -33,30 +36,30 @@ const B = { class: "accordion-group" }, x = {
       default: !0
     }
   },
-  setup(i) {
-    const u = i, s = f([]);
+  setup(a) {
+    const u = a, o = f([]);
     p(() => u.items, (e) => {
-      s.value = e.map((a) => ({
-        ...a,
-        isOpen: a.isOpen || !1
+      o.value = e.map((i) => ({
+        ...i,
+        isOpen: i.isOpen || !1
       }));
     }, { immediate: !0, deep: !0 });
-    function c(e, a) {
-      a ? s.value.forEach((t, r) => {
+    function c(e, i) {
+      i ? o.value.forEach((t, r) => {
         t.isOpen = r === e;
-      }) : s.value[e].isOpen = !1;
+      }) : o.value[e].isOpen = !1;
     }
-    return (e, a) => (o(), g("div", B, [
-      (o(!0), g(y, null, O(s.value, (t, r) => (o(), v(S, {
+    return (e, i) => a.items?.length ? (s(), g("div", E, [
+      (s(!0), g(O, null, h(o.value, (t, r) => (s(), k(B, {
         key: r,
         "model-value": t.isOpen,
         "onUpdate:modelValue": (n) => c(r, n),
         "trigger-text": t.title,
         classes: t.classes,
-        "trigger-text-element": i.triggerTextElement,
-        modifiers: i.modifiers,
-        animate: i.animate
-      }, h({
+        "trigger-text-element": a.triggerTextElement,
+        modifiers: a.modifiers,
+        animate: a.animate
+      }, v({
         default: l(({ isOpen: n, toggle: d }) => [
           m(e.$slots, "item", {
             item: t,
@@ -64,7 +67,7 @@ const B = { class: "accordion-group" }, x = {
             isOpen: n,
             toggle: d
           }, () => [
-            k($(t.content), 1)
+            $(S(t.content), 1)
           ])
         ]),
         _: 2
@@ -92,7 +95,7 @@ const B = { class: "accordion-group" }, x = {
           key: "1"
         } : void 0
       ]), 1032, ["model-value", "onUpdate:modelValue", "trigger-text", "classes", "trigger-text-element", "modifiers", "animate"]))), 128))
-    ]));
+    ])) : y("", !0);
   }
 };
 export {

package/dist/components/collapsible/UluDropdown.vue.d.ts

@@ -15,7 +15,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 type __VLS_TemplateResult = {
     attrs: Partial<{}>;
-    slots: {
+    slots: Partial<Record<number, (_: any) => any>> & {
         trigger?(_: {
             isOpen: boolean;
         }): any;

package/dist/components/collapsible/UluDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluDropdown.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluDropdown.vue"],"names":[],"mappings":"AAiBA;wBAqKqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;2OAQG"}
+{"version":3,"file":"UluDropdown.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluDropdown.vue"],"names":[],"mappings":"AAqBA;wBAuLqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;2OAQG"}

package/dist/components/collapsible/UluDropdown.vue.js

@@ -1,8 +1,8 @@
-import { createBlock as n, openBlock as a, withCtx as r, createVNode as o, renderSlot as i, createElementVNode as l, toDisplayString as m, normalizeStyle as c } from "vue";
-import p from "../../plugins/popovers/UluPopover.vue.js";
-import g from "../navigation/UluMenuStack.vue.js";
-import f from "../elements/UluIcon.vue.js";
-const S = {
+import { createBlock as l, openBlock as m, withCtx as s, createVNode as a, createSlots as c, renderList as p, renderSlot as n, normalizeProps as g, guardReactiveProps as d, createElementVNode as f, toDisplayString as u, normalizeStyle as _ } from "vue";
+import y from "../../plugins/popovers/UluPopover.vue.js";
+import $ from "../navigation/UluMenuStack.vue.js";
+import S from "../elements/UluIcon.vue.js";
+const h = {
   __name: "UluDropdown",
   props: {
     /**
@@ -23,25 +23,32 @@ const S = {
       })
     }
   },
-  setup(t) {
-    return (s, d) => (a(), n(p, { classes: t.popoverClasses }, {
-      trigger: r(({ isOpen: e }) => [
-        i(s.$slots, "trigger", { isOpen: e }, () => [
-          l("span", null, m(t.triggerText), 1),
-          o(f, {
+  setup(e) {
+    return (t, b) => (m(), l(y, { classes: e.popoverClasses }, {
+      trigger: s(({ isOpen: r }) => [
+        n(t.$slots, "trigger", { isOpen: r }, () => [
+          f("span", null, u(e.triggerText), 1),
+          a(S, {
             class: "button__icon",
             icon: "type:dropdownExpand",
-            style: c({ transform: e ? "rotate(180deg)" : "rotate(0deg)", transition: "transform 0.2s" })
+            style: _({ transform: r ? "rotate(180deg)" : "rotate(0deg)", transition: "transform 0.2s" })
           }, null, 8, ["style"])
         ])
       ]),
-      default: r(() => [
-        o(g, { items: t.items }, null, 8, ["items"])
+      default: s(() => [
+        a($, { items: e.items }, c({ _: 2 }, [
+          p(t.$slots, (r, o) => ({
+            name: o,
+            fn: s((i) => [
+              n(t.$slots, o, g(d(i)))
+            ])
+          }))
+        ]), 1032, ["items"])
       ]),
       _: 3
     }, 8, ["classes"]));
   }
 };
 export {
-  S as default
+  h as default
 };

package/dist/components/collapsible/UluModal.vue.d.ts

@@ -1,257 +1,52 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Controls the visibility of the modal (for v-model).
-     */
-    modelValue: BooleanConstructor;
-    /**
-     * Target for Vue's Teleport. Defaults to 'body'.
-     * Set to `false` to disable teleporting (modal renders inline).
-     * Set to `null` or `undefined` for `body` fallback with disabled as false.
-     */
-    teleport: {
-        type: (ObjectConstructor | BooleanConstructor | StringConstructor)[];
-        default: string;
-    };
-    /**
-     * When open and not non-modal, the body is prevented from scrolling (defaults to true).
-     */
-    preventScroll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Compensate for layout shift when preventing scroll. Which adds padding equal to scrollbars
-     * width while dialog is open
-     */
-    preventScrollShift: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Use non-modal interface for dialog
-     */
-    nonModal: BooleanConstructor;
-    /**
-     * Close modal on click outside
-     */
-    clickOutsideCloses: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Enable resizer
-     */
-    allowResize: BooleanConstructor;
-    /**
-     * Position (any position that modal.scss supports)
-     */
-    position: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * If `true`, the modal body will fill the available space.
-     */
-    bodyFills: BooleanConstructor;
-    /**
-     * If `true`, no backdrop will be displayed behind the modal
-     */
-    noBackdrop: BooleanConstructor;
-    /**
-     * If `true`, the modal will not have a minimum height
-     */
-    noMinHeight: BooleanConstructor;
-    /**
-     * Set aria-labelledby by element id (to add accessible label)
-     * - Use this if you are not using the default modal title (custom titles)
-     */
-    labelledby: StringConstructor;
-    /**
-     * Set aria-describedby by element id (to add accessible description)
-     * - This is usually content you passed into the modal body (paragraph/etc)
-     */
-    describedby: StringConstructor;
-    /**
-     * Text for modal title in header (can use title slot as well for complex markup), if not passed the header will be omitted
-     */
-    title: StringConstructor;
-    /**
-     * Optional icon for before title (uses UluIcon interface)
-     */
-    titleIcon: StringConstructor;
-    /**
-     * Default icon for resizer
-     */
-    resizerIcon: StringConstructor;
-    /**
-     * Default icon for close button (uses UluIcon interface)
-     */
-    closeIcon: StringConstructor;
-    /**
-     * Classes for elements ({ container, header, title, body, footer })
-     * - Any valid class binding value per element
-     */
-    classes: {
-        type: ObjectConstructor;
-        default: () => {
-            close: string;
-        };
-    };
-    /**
-     * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
-     */
-    modifiers: (StringConstructor | ArrayConstructor)[];
-}>, {
-    resolvedModifiers: any;
-    hasHeader: import('vue').ComputedRef<string | import('vue').Slot<any> | undefined>;
-    resizerEnabled: import('vue').ComputedRef<boolean | undefined>;
-    resizerIconType: import('vue').ComputedRef<"type:resizeBoth" | "type:resizeHorizontal">;
-}, {
-    containerWidth: null;
-    titleId: string;
-    bodyOverflowValue: null;
-    bodyPaddingRightValue: null;
-    isResizing: boolean;
-}, {
-    resolvedLabelledby(): string;
-}, {
-    close(): void;
-    handleDialogCloseEvent(): void;
-    handleClick(event: any): void;
-    setupPreventScroll(): void;
-    destroyPreventScroll(): void;
-    handleToggle(event: any): void;
-    setupResizer(): void;
-    destroyResizer(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "update:modelValue")[], "close" | "open" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Controls the visibility of the modal (for v-model).
-     */
-    modelValue: BooleanConstructor;
-    /**
-     * Target for Vue's Teleport. Defaults to 'body'.
-     * Set to `false` to disable teleporting (modal renders inline).
-     * Set to `null` or `undefined` for `body` fallback with disabled as false.
-     */
-    teleport: {
-        type: (ObjectConstructor | BooleanConstructor | StringConstructor)[];
-        default: string;
-    };
-    /**
-     * When open and not non-modal, the body is prevented from scrolling (defaults to true).
-     */
-    preventScroll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Compensate for layout shift when preventing scroll. Which adds padding equal to scrollbars
-     * width while dialog is open
-     */
-    preventScrollShift: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Use non-modal interface for dialog
-     */
-    nonModal: BooleanConstructor;
-    /**
-     * Close modal on click outside
-     */
-    clickOutsideCloses: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Enable resizer
-     */
-    allowResize: BooleanConstructor;
-    /**
-     * Position (any position that modal.scss supports)
-     */
-    position: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * If `true`, the modal body will fill the available space.
-     */
-    bodyFills: BooleanConstructor;
-    /**
-     * If `true`, no backdrop will be displayed behind the modal
-     */
-    noBackdrop: BooleanConstructor;
-    /**
-     * If `true`, the modal will not have a minimum height
-     */
-    noMinHeight: BooleanConstructor;
-    /**
-     * Set aria-labelledby by element id (to add accessible label)
-     * - Use this if you are not using the default modal title (custom titles)
-     */
-    labelledby: StringConstructor;
-    /**
-     * Set aria-describedby by element id (to add accessible description)
-     * - This is usually content you passed into the modal body (paragraph/etc)
-     */
-    describedby: StringConstructor;
-    /**
-     * Text for modal title in header (can use title slot as well for complex markup), if not passed the header will be omitted
-     */
-    title: StringConstructor;
-    /**
-     * Optional icon for before title (uses UluIcon interface)
-     */
-    titleIcon: StringConstructor;
-    /**
-     * Default icon for resizer
-     */
-    resizerIcon: StringConstructor;
-    /**
-     * Default icon for close button (uses UluIcon interface)
-     */
-    closeIcon: StringConstructor;
-    /**
-     * Classes for elements ({ container, header, title, body, footer })
-     * - Any valid class binding value per element
-     */
-    classes: {
-        type: ObjectConstructor;
-        default: () => {
-            close: string;
-        };
-    };
-    /**
-     * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
-     */
-    modifiers: (StringConstructor | ArrayConstructor)[];
-}>> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "close" | "update:modelValue" | "open", ...args: any[]) => void;
     classes: Record<string, any>;
     clickOutsideCloses: boolean;
     modelValue: boolean;
+    teleport: string | boolean | Record<string, any>;
+    preventScroll: boolean;
+    preventScrollShift: boolean;
     nonModal: boolean;
     allowResize: boolean;
+    position: string;
     bodyFills: boolean;
     noBackdrop: boolean;
     noMinHeight: boolean;
-    teleport: string | boolean | Record<string, any>;
-    preventScroll: boolean;
-    preventScrollShift: boolean;
-    position: string;
-}, {}, {
-    UluIcon: import('vue').DefineComponent<{}, {
-        spaced: boolean;
-        icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        $props: {
-            readonly spaced?: boolean | undefined;
-            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        };
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+    fullscreenMobile: boolean;
+    labelledby?: string | undefined;
+    describedby?: string | undefined;
+    title?: string | undefined;
+    titleIcon?: string | undefined;
+    resizerIcon?: string | undefined;
+    closeIcon?: string | undefined;
+    modifiers?: string | unknown[] | undefined;
+    $props: {
+        readonly classes?: Record<string, any> | undefined;
+        readonly clickOutsideCloses?: boolean | undefined;
+        readonly modelValue?: boolean | undefined;
+        readonly teleport?: string | boolean | Record<string, any> | undefined;
+        readonly preventScroll?: boolean | undefined;
+        readonly preventScrollShift?: boolean | undefined;
+        readonly nonModal?: boolean | undefined;
+        readonly allowResize?: boolean | undefined;
+        readonly position?: string | undefined;
+        readonly bodyFills?: boolean | undefined;
+        readonly noBackdrop?: boolean | undefined;
+        readonly noMinHeight?: boolean | undefined;
+        readonly fullscreenMobile?: boolean | undefined;
+        readonly labelledby?: string | undefined;
+        readonly describedby?: string | undefined;
+        readonly title?: string | undefined;
+        readonly titleIcon?: string | undefined;
+        readonly resizerIcon?: string | undefined;
+        readonly closeIcon?: string | undefined;
+        readonly modifiers?: string | unknown[] | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, any, any>;
+type __VLS_TemplateResult = any;
 //# sourceMappingURL=UluModal.vue.d.ts.map

package/dist/components/collapsible/UluModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluModal.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluModal.vue"],"names":[],"mappings":"AAqEA;;IAmZM;;OAEG;;IAEH;;;;OAIG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;IAOH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;IApGH;;OAEG;;IAEH;;;;OAIG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;IAOH;;OAEG"}
+{"version":3,"file":"UluModal.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluModal.vue"],"names":[],"mappings":"AAoEA;wBAq1BqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAbjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4OAUG"}