@indielayer/ui 1.2.0 → 1.3.0

package/lib/components/pagination/PaginationItem.vue.d.ts

@@ -1,3 +1,4 @@
+import { type ThemeComponent } from '../../composables/useTheme';
 import type { ExtractPublicPropTypes } from 'vue';
 declare const paginationItemProps: {
     value: {
@@ -7,12 +8,15 @@ declare const paginationItemProps: {
     selected: BooleanConstructor;
     links: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 };
 export type PaginationItemProps = ExtractPublicPropTypes<typeof paginationItemProps>;
+type InternalClasses = 'wrapper';
+export interface PaginationItemTheme extends ThemeComponent<PaginationItemProps, InternalClasses> {
+}
 declare const _default: import("vue").DefineComponent<{
     value: {
         type: NumberConstructor;
@@ -21,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     selected: BooleanConstructor;
     links: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -33,15 +37,15 @@ declare const _default: import("vue").DefineComponent<{
     selected: BooleanConstructor;
     links: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }>> & {
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
+    size: import("../../composables/useCommon").Size;
     value: number;
-    size: import("../../composables/common").Size;
     selected: boolean;
     links: boolean;
 }, {}>;

package/lib/components/pagination/PaginationItem.vue.js

@@ -1,9 +1,8 @@
 import { defineComponent as m, openBlock as p, createElementBlock as u, createVNode as d, normalizeStyle as c, unref as o, normalizeClass as f, withCtx as v, createTextVNode as y, toDisplayString as g } from "vue";
-import { useTheme as k } from "../../composables/theme.js";
-import { useCommon as l } from "../../composables/common.js";
+import { useTheme as k } from "../../composables/useTheme.js";
+import { useCommon as l } from "../../composables/useCommon.js";
 import z from "../button/Button.vue.js";
-import B from "./PaginationItem.theme.js";
-const C = {
+const B = {
   ...l.props(),
   value: {
     type: Number,
@@ -11,29 +10,29 @@ const C = {
   },
   selected: Boolean,
   links: Boolean
-}, N = {
+}, C = {
   name: "XPaginationItem",
   validators: {
     ...l.validators()
   }
-}, V = /* @__PURE__ */ m({
-  ...N,
-  props: C,
+}, S = /* @__PURE__ */ m({
+  ...C,
+  props: B,
   emits: ["input"],
-  setup(s, { emit: $ }) {
-    const i = s, { styles: n, classes: a, className: r } = k("pagination-item", B, i);
+  setup(s) {
+    const n = s, { styles: a, classes: i, className: r } = k("PaginationItem", {}, n);
     return (e, t) => (p(), u("li", null, [
       d(z, {
         to: e.links ? `?page=${e.value}` : void 0,
         size: e.size,
-        style: c(o(n)),
+        style: c(o(a)),
         class: f([
           o(r),
-          o(a).wrapper
+          o(i).wrapper
         ]),
         outlined: !e.selected,
         color: e.selected ? "primary" : void 0,
-        onClick: t[0] || (t[0] = (h) => e.selected ? null : e.$emit("input", e.value))
+        onClick: t[0] || (t[0] = (N) => e.selected ? null : e.$emit("input", e.value))
       }, {
         default: v(() => [
           y(g(e.value), 1)
@@ -44,5 +43,5 @@ const C = {
   }
 });
 export {
-  V as default
+  S as default
 };

package/lib/components/pagination/index.d.ts

@@ -1,6 +1,4 @@
 export { default as XPagination } from './Pagination.vue';
-export type { PaginationProps, PaginationVariant } from './Pagination.vue';
-export type { PaginationTheme } from './Pagination.theme';
+export type { PaginationProps, PaginationVariant, PaginationTheme } from './Pagination.vue';
 export { default as XPaginationItem } from './PaginationItem.vue';
-export type { PaginationItemProps } from './PaginationItem.vue';
-export type { PaginationItemTheme } from './PaginationItem.theme';
+export type { PaginationItemProps, PaginationItemTheme } from './PaginationItem.vue';

package/lib/components/pagination/theme/Pagination.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationTheme } from '../Pagination.vue';
+declare const theme: PaginationTheme;
+export default theme;

package/lib/components/pagination/{Pagination.theme.js → theme/Pagination.base.theme.js}

@@ -1,13 +1,13 @@
-const i = {
+const s = {
   classes: {
     wrapper: ({ props: e }) => e.variant === "simple" ? "flex items-center space-x-2" : e.variant === "dots" ? "flex space-x-6" : "flex items-center",
     dots: ({ props: e }) => e.size === "xs" ? "h-2 w-2" : e.size === "sm" ? "h-3 w-3" : e.size === "lg" ? "h-4 w-4" : e.size === "xl" ? "h-5 w-5" : "h-3 w-3"
   },
-  styles: ({ props: e, css: t, colors: r }) => {
-    const s = r.getPalette("primary");
-    return t.get("bg", s[500]);
+  styles: ({ css: e, colors: t }) => {
+    const r = t.getPalette("primary");
+    return e.get("bg", r[500]);
   }
-}, n = i;
+}, i = s;
 export {
-  n as default
+  i as default
 };

package/lib/components/pagination/theme/Pagination.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationTheme } from '../Pagination.vue';
+declare const theme: PaginationTheme;
+export default theme;

package/lib/components/pagination/theme/Pagination.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./Pagination.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/pagination/theme/PaginationItem.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationItemTheme } from '../PaginationItem.vue';
+declare const theme: PaginationItemTheme;
+export default theme;

package/lib/components/pagination/theme/PaginationItem.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationItemTheme } from '../PaginationItem.vue';
+declare const theme: PaginationItemTheme;
+export default theme;

package/lib/components/pagination/theme/PaginationItem.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./PaginationItem.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/popover/Popover.vue.d.ts

@@ -1,95 +1,204 @@
 import { type PropType, type ExtractPublicPropTypes } from 'vue';
-declare const validators: {
-    align: readonly ["bottom", "center", "left", "right", "top"];
-    position: readonly ["bottom", "left", "right", "top"];
-};
+import { type ThemeComponent } from '../../composables/useTheme';
+import { type Placement, type TriggerEvent } from 'floating-vue';
+export type PopoverPlacement = Placement;
+export type PopoverTriggerEvent = TriggerEvent;
 declare const popoverProps: {
-    align: {
-        type: PropType<"left" | "right" | "top" | "bottom" | "center">;
+    disabled: BooleanConstructor;
+    positioningDisabled: BooleanConstructor;
+    placement: {
+        type: PropType<Placement>;
         default: string;
-        validator: (value: string) => boolean;
     };
-    position: {
-        type: PropType<"left" | "right" | "top" | "bottom">;
+    delay: {
+        type: PropType<string | number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    distance: (StringConstructor | NumberConstructor)[];
+    skidding: (StringConstructor | NumberConstructor)[];
+    triggers: {
+        type: PropType<TriggerEvent[]>;
+        default: () => string[];
+    };
+    showTriggers: PropType<TriggerEvent[] | ((triggers: Array<PopoverTriggerEvent>) => Array<PopoverTriggerEvent>)>;
+    hideTriggers: PropType<TriggerEvent[] | ((triggers: Array<PopoverTriggerEvent>) => Array<PopoverTriggerEvent>)>;
+    popperTriggers: PropType<TriggerEvent[]>;
+    popperShowTriggers: PropType<TriggerEvent[] | ((triggers: Array<PopoverTriggerEvent>) => Array<PopoverTriggerEvent>)>;
+    popperHideTriggers: PropType<TriggerEvent[] | ((triggers: Array<PopoverTriggerEvent>) => Array<PopoverTriggerEvent>)>;
+    container: {
+        type: (ObjectConstructor | StringConstructor | BooleanConstructor | {
+            new (): Element;
+            prototype: Element;
+        })[];
         default: string;
-        validator: (value: string) => boolean;
     };
-    dismissOnClick: {
-        type: BooleanConstructor;
+    boundary: (StringConstructor | {
+        new (): Element;
+        prototype: Element;
+    })[];
+    strategy: {
+        type: PropType<"absolute" | "fixed">;
+        default: string;
+    };
+    autoHide: {
+        type: PropType<boolean | ((event: Event) => boolean)>;
         default: boolean;
     };
-    autoAlign: {
+    shown: BooleanConstructor;
+    handleResize: {
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: BooleanConstructor;
-    hover: BooleanConstructor;
-    block: BooleanConstructor;
+    instantMove: BooleanConstructor;
+    eagerMount: BooleanConstructor;
+    popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    computeTransformOrigin: BooleanConstructor;
 };
-export type PopoverAlign = typeof validators.align[number];
-export type PopoverPosition = typeof validators.position[number];
 export type PopoverProps = ExtractPublicPropTypes<typeof popoverProps>;
+type InternalClasses = 'wrapper' | 'content';
+export interface PopoverTheme extends ThemeComponent<PopoverProps, InternalClasses> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    align: {
-        type: PropType<"left" | "right" | "top" | "bottom" | "center">;
+    disabled: BooleanConstructor;
+    positioningDisabled: BooleanConstructor;
+    placement: {
+        type: PropType<Placement>;
         default: string;
-        validator: (value: string) => boolean;
     };
-    position: {
-        type: PropType<"left" | "right" | "top" | "bottom">;
+    delay: {
+        type: PropType<string | number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    distance: (StringConstructor | NumberConstructor)[];
+    skidding: (StringConstructor | NumberConstructor)[];
+    triggers: {
+        type: PropType<TriggerEvent[]>;
+        default: () => string[];
+    };
+    showTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    hideTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    popperTriggers: PropType<TriggerEvent[]>;
+    popperShowTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    popperHideTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    container: {
+        type: (ObjectConstructor | StringConstructor | BooleanConstructor | {
+            new (): Element;
+            prototype: Element;
+        })[];
         default: string;
-        validator: (value: string) => boolean;
     };
-    dismissOnClick: {
-        type: BooleanConstructor;
+    boundary: (StringConstructor | {
+        new (): Element;
+        prototype: Element;
+    })[];
+    strategy: {
+        type: PropType<"absolute" | "fixed">;
+        default: string;
+    };
+    autoHide: {
+        type: PropType<boolean | ((event: Event) => boolean)>;
         default: boolean;
     };
-    autoAlign: {
+    shown: BooleanConstructor;
+    handleResize: {
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: BooleanConstructor;
-    hover: BooleanConstructor;
-    block: BooleanConstructor;
+    instantMove: BooleanConstructor;
+    eagerMount: BooleanConstructor;
+    popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    computeTransformOrigin: BooleanConstructor;
 }, {
-    open: () => void;
-    close: () => void;
+    show: () => void;
+    hide: () => void;
     toggle: () => void;
     isOpen: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "toggle" | "open")[], "close" | "toggle" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    align: {
-        type: PropType<"left" | "right" | "top" | "bottom" | "center">;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "resize" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide")[], "show" | "resize" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    positioningDisabled: BooleanConstructor;
+    placement: {
+        type: PropType<Placement>;
         default: string;
-        validator: (value: string) => boolean;
     };
-    position: {
-        type: PropType<"left" | "right" | "top" | "bottom">;
+    delay: {
+        type: PropType<string | number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    distance: (StringConstructor | NumberConstructor)[];
+    skidding: (StringConstructor | NumberConstructor)[];
+    triggers: {
+        type: PropType<TriggerEvent[]>;
+        default: () => string[];
+    };
+    showTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    hideTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    popperTriggers: PropType<TriggerEvent[]>;
+    popperShowTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    popperHideTriggers: PropType<TriggerEvent[] | ((triggers: TriggerEvent[]) => TriggerEvent[])>;
+    container: {
+        type: (ObjectConstructor | StringConstructor | BooleanConstructor | {
+            new (): Element;
+            prototype: Element;
+        })[];
         default: string;
-        validator: (value: string) => boolean;
     };
-    dismissOnClick: {
-        type: BooleanConstructor;
+    boundary: (StringConstructor | {
+        new (): Element;
+        prototype: Element;
+    })[];
+    strategy: {
+        type: PropType<"absolute" | "fixed">;
+        default: string;
+    };
+    autoHide: {
+        type: PropType<boolean | ((event: Event) => boolean)>;
         default: boolean;
     };
-    autoAlign: {
+    shown: BooleanConstructor;
+    handleResize: {
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: BooleanConstructor;
-    hover: BooleanConstructor;
-    block: BooleanConstructor;
+    instantMove: BooleanConstructor;
+    eagerMount: BooleanConstructor;
+    popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+    computeTransformOrigin: BooleanConstructor;
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
-    onToggle?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onResize?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+    "onUpdate:shown"?: ((...args: any[]) => any) | undefined;
+    "onApply-show"?: ((...args: any[]) => any) | undefined;
+    "onApply-hide"?: ((...args: any[]) => any) | undefined;
+    "onClose-group"?: ((...args: any[]) => any) | undefined;
+    "onClose-directive"?: ((...args: any[]) => any) | undefined;
+    "onAuto-hide"?: ((...args: any[]) => any) | undefined;
 }, {
-    hover: boolean;
     disabled: boolean;
-    block: boolean;
-    align: "left" | "right" | "top" | "bottom" | "center";
-    position: "left" | "right" | "top" | "bottom";
-    dismissOnClick: boolean;
-    autoAlign: boolean;
+    delay: string | number | {
+        show: number;
+        hide: number;
+    };
+    positioningDisabled: boolean;
+    placement: Placement;
+    triggers: TriggerEvent[];
+    container: string | boolean | Element | Record<string, any>;
+    strategy: "absolute" | "fixed";
+    autoHide: boolean | ((event: Event) => boolean);
+    shown: boolean;
+    handleResize: boolean;
+    instantMove: boolean;
+    eagerMount: boolean;
+    computeTransformOrigin: boolean;
 }, {}>, {
     default?(_: {}): any;
     content?(_: {}): any;

package/lib/components/popover/Popover.vue.js

@@ -1,9 +1,129 @@
-import o from "./Popover.vue2.js";
-import s from "./Popover.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+import { defineComponent as b, ref as a, openBlock as v, createBlock as S, unref as r, normalizeStyle as T, normalizeClass as B, withCtx as l, renderSlot as d } from "vue";
+import { useTheme as $ } from "../../composables/useTheme.js";
+import { Dropdown as A } from "../../node_modules/.pnpm/floating-vue@5.2.0_vue@3.3.9/node_modules/floating-vue/dist/floating-vue.js";
+const z = {
+  placement: ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end", "right", "right-start", "right-end"]
+}, k = {
+  disabled: Boolean,
+  positioningDisabled: Boolean,
+  placement: {
+    type: String,
+    default: "bottom-start"
+  },
+  delay: {
+    type: [String, Number, Object],
+    default: 0
+  },
+  distance: [Number, String],
+  skidding: [Number, String],
+  triggers: {
+    type: Array,
+    default: () => ["click"]
+  },
+  showTriggers: [Array, Function],
+  hideTriggers: [Array, Function],
+  popperTriggers: Array,
+  popperShowTriggers: [Array, Function],
+  popperHideTriggers: [Array, Function],
+  container: {
+    type: [String, Object, Element, Boolean],
+    default: "body"
+  },
+  boundary: [String, Element],
+  strategy: {
+    type: String,
+    default: "absolute"
+  },
+  autoHide: {
+    type: [Boolean, Function],
+    default: !0
+  },
+  shown: Boolean,
+  handleResize: {
+    type: Boolean,
+    default: !0
+  },
+  instantMove: Boolean,
+  eagerMount: Boolean,
+  popperClass: [String, Array, Object],
+  computeTransformOrigin: Boolean
+}, C = {
+  name: "XPopover",
+  validators: z
+}, R = /* @__PURE__ */ b({
+  ...C,
+  props: k,
+  emits: ["show", "hide", "update:shown", "apply-show", "apply-hide", "close-group", "close-directive", "auto-hide", "resize"],
+  setup(g, { expose: u }) {
+    const m = g, i = a(null);
+    function s() {
+      var e;
+      (e = i.value) == null || e.show();
+    }
+    function n() {
+      var e;
+      (e = i.value) == null || e.hide();
+    }
+    function y() {
+      t.value ? n() : s();
+    }
+    const t = a(!1);
+    u({ show: s, hide: n, toggle: y, isOpen: t });
+    const { styles: f, classes: p, className: h } = $("Popover", {}, m);
+    return (e, o) => (v(), S(r(A), {
+      ref_key: "elRef",
+      ref: i,
+      style: T(r(f)),
+      class: B([r(h), r(p).wrapper]),
+      "positioning-disabled": e.positioningDisabled,
+      placement: e.placement,
+      disabled: e.disabled,
+      delay: e.delay,
+      shown: e.shown,
+      distance: e.distance,
+      skidding: e.skidding,
+      triggers: e.triggers,
+      "show-triggers": e.showTriggers,
+      "hide-triggers": e.hideTriggers,
+      "popper-triggers": e.popperTriggers,
+      "popper-show-triggers": e.popperShowTriggers,
+      "popper-hide-triggers": e.popperHideTriggers,
+      container: e.container,
+      boundary: e.boundary,
+      strategy: e.strategy,
+      "auto-hide": e.autoHide,
+      "handle-resize": e.handleResize,
+      "instant-move": e.instantMove,
+      "eager-mount": e.eagerMount,
+      "popper-class": [
+        r(p).content,
+        e.popperClass
+      ],
+      "compute-transform-origin": e.computeTransformOrigin,
+      onShow: o[0] || (o[0] = () => {
+        t.value = !0, e.$emit("show");
+      }),
+      onHide: o[1] || (o[1] = () => {
+        t.value = !1, e.$emit("hide");
+      }),
+      "onUpdate:shown": o[2] || (o[2] = (w) => e.$emit("update:shown", w)),
+      onApplyShow: o[3] || (o[3] = () => e.$emit("apply-show")),
+      onApplyHide: o[4] || (o[4] = () => e.$emit("apply-hide")),
+      onCloseGroup: o[5] || (o[5] = () => e.$emit("close-group")),
+      onCloseDirective: o[6] || (o[6] = () => e.$emit("close-directive")),
+      onAutoHide: o[7] || (o[7] = () => e.$emit("auto-hide")),
+      onResize: o[8] || (o[8] = () => e.$emit("resize"))
+    }, {
+      popper: l(() => [
+        d(e.$slots, "content")
+      ]),
+      default: l(() => [
+        d(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["style", "class", "positioning-disabled", "placement", "disabled", "delay", "shown", "distance", "skidding", "triggers", "show-triggers", "hide-triggers", "popper-triggers", "popper-show-triggers", "popper-hide-triggers", "container", "boundary", "strategy", "auto-hide", "handle-resize", "instant-move", "eager-mount", "popper-class", "compute-transform-origin"]));
+  }
+});
 export {
-  f as default
+  R as default
 };