@poppy-ui/vue 0.5.5 → 0.5.7-beta.0

package/dist/components/actions/dropdown/dropdown.props.d.ts

@@ -0,0 +1,61 @@
+import { Booleanish } from '../../../types/utils.type';
+import { ClassValue } from 'vue';
+import { DropdownAlign, DropdownSide, DropdownTriggerAction } from './dropdown.types';
+export interface DropdownConfigurableProps {
+    /**
+     * Describes how the dropdown has to be alined
+     * - `"start"`: Align to the left in LTR and to the right in RTL.
+     * - `"center"`: Align to the left in LTR and to the right in RTL.
+     * - `"end"`: Align to the right in LTR and to the left in RTL.
+     *
+     * @default "start"
+     */
+    align?: DropdownAlign;
+    /**
+     * Describe where the content is displayed relatively to the trigger element
+     * - `"left"`: Open on left
+     * - `"right"`: Open on right
+     * - `"top"`: Open on top
+     * - `"bottom"`: Open on bottom
+     *
+     * @default "bottom"
+     */
+    side?: DropdownSide;
+    /**
+     * Describes what kind of intertion with the trigger (sloted element) that should cause the dropdown to open.
+     * - `"click"`: the dropdown will be presented when the trigger is left clicked.
+     * - `"hover"`: the dropdown will be presented when a pointer hovers over the trigger.
+     * - `"context-menu"`: the dropdown will be presented when the trigger is right clicked on desktop and long pressed on mobile. This will also prevent your device's normal context menu from appearing.
+     *
+     * @default "click"
+     */
+    triggerAction?: DropdownTriggerAction;
+    /**
+     * Set the amount of time, in **milliseconds** after the user no longer hover the trigger or dropdown, will dismiss.
+     * Only apply on `triggerAction=hover`
+     *
+     * @default 500
+     */
+    debounce?: number;
+}
+export interface DropdownProps extends DropdownConfigurableProps {
+    /**
+     * Force the dropdown to be shown
+     *
+     * @default false
+     */
+    open?: Booleanish;
+    /**
+     * CSS class to apply to the trigger element.
+     *
+     * @default ''
+     */
+    triggerClass?: ClassValue;
+    /**
+     * CSS class to apply to the content element.
+     *
+     * @default ''
+     */
+    contentClass?: ClassValue;
+}
+//# sourceMappingURL=dropdown.props.d.ts.map

package/dist/components/actions/dropdown/dropdown.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.props.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/dropdown.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACrC,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAE1F,MAAM,WAAW,yBAAyB;IACxC;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IAEnB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAA;IAErC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,aAAc,SAAQ,yBAAyB;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAA;IAEzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B"}

package/dist/components/actions/dropdown/dropdown.types.d.ts

@@ -0,0 +1,4 @@
+export type DropdownSide = 'left' | 'right' | 'top' | 'bottom';
+export type DropdownAlign = 'start' | 'center' | 'end';
+export type DropdownTriggerAction = 'click' | 'hover' | 'context-menu';
+//# sourceMappingURL=dropdown.types.d.ts.map

package/dist/components/actions/dropdown/dropdown.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.types.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/dropdown.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC9D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAEtD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,CAAA"}

package/dist/components/actions/fab/Fab.d.ts

@@ -0,0 +1,16 @@
+import { FabProps } from './fab.props';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<FabProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FabProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    close?: (props: {}) => any;
+} & {
+    'main-action'?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Fab.vue.d.ts.map

package/dist/components/actions/fab/Fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/fab/Fab.vue"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;wBAMtB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;YAkDN,CAAC,KAAK,IAAgB,KAAK,GAAG;;oBACtB,CAAC,KAAK,IAAgB,KAAK,GAAG;;cACpC,CAAC,KAAK,IAAgB,KAAK,GAAG;EASxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/actions/fab/fab.context.d.ts

@@ -0,0 +1,2 @@
+export declare const FAB_CONFIG: import('vue').InjectionKey<Partial<import('./fab.props').FabConfigurableProps>>;
+//# sourceMappingURL=fab.context.d.ts.map

package/dist/components/actions/fab/fab.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.context.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/fab/fab.context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,iFAAkC,CAAA"}

package/dist/components/actions/fab/fab.props.d.ts

@@ -0,0 +1,11 @@
+import { FabMode } from './fab.types';
+export interface FabConfigurableProps {
+    /**
+     * Visual style for FAB opening animation.
+     * - `'flower'`: Actions open in a flower/radial pattern.
+     */
+    mode?: FabMode;
+}
+export interface FabProps extends FabConfigurableProps {
+}
+//# sourceMappingURL=fab.props.d.ts.map

package/dist/components/actions/fab/fab.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.props.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/fab/fab.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE1C,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,QAAS,SAAQ,oBAAoB;CAAG"}

package/dist/components/actions/fab/fab.types.d.ts

@@ -0,0 +1,2 @@
+export type FabMode = 'flower';
+//# sourceMappingURL=fab.types.d.ts.map

package/dist/components/actions/fab/fab.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.types.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/fab/fab.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAA"}

package/dist/components/actions/modal/Modal.d.ts

@@ -0,0 +1,39 @@
+import { ModalProps } from './modal.props';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<ModalProps & {
+    /**
+     * Controls the open state of the modal.
+     * Use `v-model` to bind reactively.
+     *
+     * @default false
+     */
+    modelValue?: boolean;
+}, {
+    present: () => void;
+    dismiss: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<ModalProps & {
+    /**
+     * Controls the open state of the modal.
+     * Use `v-model` to bind reactively.
+     *
+     * @default false
+     */
+    modelValue?: boolean;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    actions?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Modal.vue.d.ts.map

package/dist/components/actions/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/modal/Modal.vue"],"names":[],"mappings":"AA+GA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;wBAU1B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IA2ElB;;;;;OAKG;iBACU,OAAO;;;;;;;;IANpB;;;;;OAKG;iBACU,OAAO;;;;;cA+DN,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAaxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/actions/modal/modal.context.d.ts

@@ -0,0 +1,2 @@
+export declare const MODAL_CONFIG: import('vue').InjectionKey<Partial<import('./modal.props').ModalConfigurableProps>>;
+//# sourceMappingURL=modal.context.d.ts.map

package/dist/components/actions/modal/modal.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.context.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/modal/modal.context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,qFAAoC,CAAA"}

package/dist/components/actions/modal/modal.props.d.ts

@@ -0,0 +1,32 @@
+import { Booleanish } from '../../../types/utils.type';
+import { ModalPlacement } from './modal.types';
+export interface ModalConfigurableProps {
+    /**
+     * Placement of the modal box on screen.
+     * - `'top'`: Anchored to the top of the viewport.
+     * - `'middle'`: Centered vertically (default browser behaviour).
+     * - `'bottom'`: Anchored to the bottom of the viewport.
+     * - `'start'`: Anchored to the inline-start edge (left in LTR).
+     * - `'end'`: Anchored to the inline-end edge (right in LTR).
+     *
+     * @default undefined
+     */
+    placement?: ModalPlacement;
+    /**
+     * When `true`, clicking the backdrop (outside the modal box) closes the modal.
+     *
+     * @default false
+     */
+    closeOnBackdrop?: Booleanish;
+    /**
+     * When `true`, the modal content is rendered even while the modal is closed.
+     * Useful to preserve internal component state between open/close cycles.
+     * When `false`, content is only rendered after the modal has been opened at least once.
+     *
+     * @default false
+     */
+    loadContentWhenClose?: Booleanish;
+}
+export interface ModalProps extends ModalConfigurableProps {
+}
+//# sourceMappingURL=modal.props.d.ts.map

package/dist/components/actions/modal/modal.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.props.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/modal/modal.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,UAAU,CAAA;IAE5B;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,UAAU,CAAA;CAClC;AAED,MAAM,WAAW,UAAW,SAAQ,sBAAsB;CAAG"}

package/dist/components/actions/modal/modal.types.d.ts

@@ -0,0 +1,2 @@
+export type ModalPlacement = 'top' | 'middle' | 'bottom' | 'start' | 'end';
+//# sourceMappingURL=modal.types.d.ts.map

package/dist/components/actions/modal/modal.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.types.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/modal/modal.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA"}

package/dist/components/actions/public.d.ts

@@ -0,0 +1,6 @@
+export { default as Button } from './button/Button';
+export { default as Dropdown } from './dropdown/Dropdown';
+export { default as Fab } from './fab/Fab';
+export { default as Modal } from './modal/Modal';
+export { default as Swap } from './swap/Swap';
+//# sourceMappingURL=public.d.ts.map

package/dist/components/actions/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/components/actions/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/components/actions/public.es.js

@@ -0,0 +1,319 @@
+import { n as e } from "../../symbol-Dy7mXgB5.js";
+import { n as t } from "../../use-component-config-DfXvZ0-o.js";
+import { n, t as r } from "../../build-class.util-Cp-ZBFgO.js";
+import { t as i } from "../../is-true-B9ixxcRp.js";
+import { t as a } from "../../_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as o } from "../../ClassWrapper-DdnnHfAj.js";
+import { Fragment as s, Teleport as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeModels as _, mergeProps as v, normalizeClass as y, normalizeProps as b, openBlock as x, renderSlot as S, resolveDynamicComponent as C, shallowRef as w, unref as T, useAttrs as E, useCssVars as D, useId as O, useModel as k, useTemplateRef as A, watch as j, withCtx as M, withKeys as N, withModifiers as P } from "vue";
+import { RouterLink as F } from "vue-router";
+//#region src/components/actions/button/button.context.ts
+var I = e("button"), L = {
+	neutral: "btn-neutral",
+	primary: "btn-primary",
+	secondary: "btn-secondary",
+	accent: "btn-accent",
+	info: "btn-info",
+	success: "btn-success",
+	warning: "btn-warning",
+	error: "btn-error"
+}, R = {
+	solid: "btn-solid",
+	outline: "btn-outline",
+	dash: "btn-dash",
+	soft: "btn-soft",
+	ghost: "btn-ghost",
+	link: "btn-link"
+}, z = {
+	xs: "btn-xs",
+	sm: "btn-sm",
+	md: "btn-md",
+	lg: "btn-lg",
+	xl: "btn-xl"
+}, B = {
+	wide: "btn-wide",
+	block: "btn-block",
+	square: "btn-square",
+	circle: "btn-circle"
+}, V = {
+	active: "btn-active",
+	disabled: "btn-disabled"
+}, H = /* @__PURE__ */ h({
+	__name: "Button",
+	props: {
+		loading: { type: [Boolean, String] },
+		to: {},
+		color: {},
+		variant: {},
+		behavior: {},
+		size: {},
+		shape: {},
+		type: {},
+		disabled: { type: [Boolean, String] },
+		form: {}
+	},
+	emits: ["click"],
+	setup(e) {
+		let a = e, o = t(I, a, { type: "button" }), { class: s, ...c } = E(), f = l(() => a.to ? F : "button"), m = l(() => a.disabled ? V.disabled : ""), h = l(() => a.behavior === "disabled" || i(a.disabled) ? {
+			disabled: !0,
+			"aria-disabled": !0,
+			tabIndex: -1
+		} : {});
+		return (e, t) => (x(), u(C(f.value), v({
+			type: T(o).type,
+			class: ["btn", T(r)([
+				T(n)(L, T(o).color),
+				T(n)(R, T(o).variant),
+				T(n)(z, T(o).size),
+				T(n)(B, T(o).shape),
+				T(n)(V, T(o).behavior),
+				m.value,
+				T(s)
+			])]
+		}, {
+			...c,
+			...h.value
+		}, {
+			to: T(o).to,
+			onClick: t[0] ||= (t) => e.$emit("click", t)
+		}), {
+			default: M(() => [T(i)(T(o).loading) ? S(e.$slots, "loading", { key: 0 }, () => [t[1] ||= p("span", { class: "loading loading-spinner" }, null, -1)]) : d("", !0), S(e.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"type",
+			"class",
+			"to"
+		]));
+	}
+}), U = e("dropdown"), W = {
+	center: "dropdown-center",
+	end: "dropdown-end",
+	start: "dropdown-start"
+}, G = {
+	bottom: "dropdown-bottom",
+	top: "dropdown-top",
+	left: "dropdown-left",
+	right: "dropdown-right"
+}, K = /*#__PURE__*/ a(/* @__PURE__ */ h({
+	__name: "Dropdown",
+	props: {
+		open: { type: [Boolean, String] },
+		triggerClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		contentClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		align: {},
+		side: {},
+		triggerAction: {},
+		debounce: {}
+	},
+	emits: ["show", "hide"],
+	setup(e, { expose: i, emit: a }) {
+		D((e) => ({ v4930e95e: d }));
+		let o = A("popover-el"), s = O(), l = `dropdown-${s}`, d = `--anchor-${s}`, m = a, h = t(U, e, {
+			align: "start",
+			side: "bottom",
+			triggerAction: "click",
+			open: !1,
+			debounce: 500
+		}), { class: _, ...v } = E();
+		function C() {
+			o.value?.showPopover();
+		}
+		function w() {
+			o.value?.hidePopover();
+		}
+		function k() {
+			let e = o.value;
+			e && (e.matches(":popover-open") ? w() : C());
+		}
+		let j;
+		function M() {
+			if (!(h.value.triggerAction !== "click" && h.value.triggerAction !== "hover")) {
+				if (j === "click" && h.value.triggerAction === "hover") {
+					w();
+					return;
+				}
+				if (h.value.triggerAction === "hover") {
+					j = "click", C();
+					return;
+				}
+				j = "click", k();
+			}
+		}
+		let N;
+		function P() {
+			h.value.triggerAction === "hover" && (j = "hover", clearTimeout(N), C());
+		}
+		function F() {
+			h.value.triggerAction === "hover" && (clearTimeout(N), N = setTimeout(() => {
+				j === "hover" && w();
+			}, h.value.debounce));
+		}
+		function I(e) {
+			h.value.triggerAction === "context-menu" && (e.preventDefault(), j = "context-menu", k());
+		}
+		function L(e) {
+			[
+				"Enter",
+				" ",
+				"Escape"
+			].includes(e.key) && (e.preventDefault(), e.key === "Escape" ? w() : k());
+		}
+		function R(e) {
+			e.newState === "open" ? m("show") : m("hide");
+		}
+		return i({
+			show: C,
+			hide: w,
+			toggle: k,
+			$ref: o
+		}), (e, t) => (x(), f("div", b(g(v)), [p("button", {
+			class: y(["dropdown-trigger", T(h).triggerClass]),
+			onClick: M,
+			onMouseenter: P,
+			onMouseleave: F,
+			onContextmenu: I,
+			onKeyup: L
+		}, [S(e.$slots, "trigger", {}, void 0, !0)], 34), (x(), u(c, { to: "body" }, [p("div", {
+			ref: "popover-el",
+			popover: "",
+			id: l,
+			class: y(["dropdown", T(r)([
+				T(n)(G, T(h).side),
+				T(n)(W, T(h).align),
+				T(_),
+				T(h).contentClass
+			])]),
+			onMouseenter: P,
+			onMouseleave: F,
+			onBeforetoggle: R
+		}, [S(e.$slots, "default", {}, void 0, !0)], 34)]))], 16));
+	}
+}), [["__scopeId", "data-v-64ff22da"]]), q = e("fab"), J = {
+	key: 0,
+	class: "fab-close"
+}, Y = {
+	key: 1,
+	class: "fab-main-action"
+}, X = { flower: "fab-flower" }, Z = /* @__PURE__ */ h({
+	__name: "Fab",
+	props: { mode: {} },
+	setup(e) {
+		let r = t(q, e);
+		return (e, t) => (x(), f("div", { class: y(["fab", T(n)(X, T(r).mode)]) }, [
+			e.$slots.close ? (x(), f("div", J, [S(e.$slots, "close")])) : d("", !0),
+			e.$slots.mainAction ? (x(), f("div", Y, [S(e.$slots, "main-action")])) : d("", !0),
+			S(e.$slots, "default")
+		], 2));
+	}
+}), Q = e("modal"), $ = {
+	key: 0,
+	class: "modal-box"
+}, ee = {
+	key: 0,
+	class: "modal-action"
+}, te = {
+	key: 1,
+	method: "dialog",
+	class: "modal-backdrop"
+}, ne = {
+	top: "modal-top",
+	middle: "modal-middle",
+	bottom: "modal-bottom",
+	start: "modal-start",
+	end: "modal-end"
+}, re = /* @__PURE__ */ h({
+	__name: "Modal",
+	props: /*@__PURE__*/ _({
+		placement: {},
+		closeOnBackdrop: { type: [Boolean, String] },
+		loadContentWhenClose: { type: [Boolean, String] }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _(["close"], ["update:modelValue"]),
+	setup(e, { expose: n, emit: r }) {
+		let a = A("dialog-el"), o = k(e, "modelValue"), s = t(Q, e, {
+			placement: void 0,
+			closeOnBackdrop: !1,
+			loadContentWhenClose: !1
+		}), c = r, u = w(!1);
+		j(o, (e) => {
+			e && (u.value = !0);
+		});
+		let m = l(() => i(s.value.loadContentWhenClose) ? !0 : o.value || u.value);
+		j(o, (e) => {
+			a.value && (e ? a.value.showModal() : a.value.close());
+		}, { immediate: !0 });
+		function h() {
+			o.value = !0;
+		}
+		function g() {
+			o.value = !1;
+		}
+		function _() {
+			o.value = !1, c("close");
+		}
+		return n({
+			present: h,
+			dismiss: g
+		}), (e, t) => (x(), f("dialog", {
+			ref: "dialog-el",
+			class: y(["modal", [T(s).placement && ne[T(s).placement]]]),
+			onClose: _
+		}, [m.value ? (x(), f("div", $, [S(e.$slots, "default"), e.$slots.actions ? (x(), f("div", ee, [S(e.$slots, "actions")])) : d("", !0)])) : d("", !0), T(i)(T(s).closeOnBackdrop) ? d("", !0) : (x(), f("form", te, [...t[0] ||= [p("button", null, "close", -1)]]))], 34));
+	}
+}), ie = e("swap"), ae = ["onKeydown"], oe = {
+	flip: "swap-flip",
+	rotate: "swap-rotate"
+}, se = /* @__PURE__ */ h({
+	__name: "Swap",
+	props: /*@__PURE__*/ _({
+		indeterminate: { type: [Boolean, String] },
+		variant: {}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let r = k(e, "modelValue"), a = e, c = t(ie, a, {});
+		function l() {
+			i(a.indeterminate) || (r.value = !r.value);
+		}
+		return (t, a) => (x(), f("div", {
+			class: y(["swap", [T(n)(oe, T(c).variant), T(i)(e.indeterminate) ? "swap-indeterminate" : r.value && "swap-active"]]),
+			role: "button",
+			tabindex: "0",
+			onClick: l,
+			onKeydown: N(P(l, ["prevent"]), ["enter", "space"])
+		}, [T(i)(e.indeterminate) && t.$slots.indeterminate ? S(t.$slots, "indeterminate", { key: 0 }) : (x(), f(s, { key: 1 }, [m(o, { class: "swap-on" }, {
+			default: M(() => [S(t.$slots, "on")]),
+			_: 3
+		}), m(o, { class: "swap-off" }, {
+			default: M(() => [S(t.$slots, "off")]),
+			_: 3
+		})], 64))], 42, ae));
+	}
+});
+//#endregion
+export { H as Button, K as Dropdown, Z as Fab, re as Modal, se as Swap };
+
+//# sourceMappingURL=public.es.js.map

package/dist/components/actions/public.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.es.js","names":["$emit","$slots","$slots","$slots"],"sources":["../../../src/components/actions/button/button.context.ts","../../../src/components/actions/button/Button.vue","../../../src/components/actions/button/Button.vue","../../../src/components/actions/dropdown/dropdown.context.ts","../../../src/components/actions/dropdown/Dropdown.vue","../../../src/components/actions/dropdown/Dropdown.vue","../../../src/components/actions/fab/fab.context.ts","../../../src/components/actions/fab/Fab.vue","../../../src/components/actions/fab/Fab.vue","../../../src/components/actions/modal/modal.context.ts","../../../src/components/actions/modal/Modal.vue","../../../src/components/actions/modal/Modal.vue","../../../src/components/actions/swap/swap.context.ts","../../../src/components/actions/swap/Swap.vue","../../../src/components/actions/swap/Swap.vue"],"sourcesContent":["import { createComponentConfigKey } from '@/symbol'\n\nexport const BUTTON_CONFIG = createComponentConfigKey('button')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { clsx, getClass } from '@/utils/build-class.util'\nimport { isTrue } from '@/utils/is-true'\nimport { computed, useAttrs } from 'vue'\nimport { RouterLink } from 'vue-router'\nimport { BUTTON_CONFIG } from './button.context'\nimport type { ButtonProps } from './button.props'\nimport type { ButtonBehavior, ButtonColor, ButtonShape, ButtonSize, ButtonVariant } from './button.types'\n\nconst colors: ComponentClass<'btn', ButtonColor> = {\n  neutral: 'btn-neutral',\n  primary: 'btn-primary',\n  secondary: 'btn-secondary',\n  accent: 'btn-accent',\n  info: 'btn-info',\n  success: 'btn-success',\n  warning: 'btn-warning',\n  error: 'btn-error',\n}\nconst variants: ComponentClass<'btn', ButtonVariant> = {\n  solid: 'btn-solid',\n  outline: 'btn-outline',\n  dash: 'btn-dash',\n  soft: 'btn-soft',\n  ghost: 'btn-ghost',\n  link: 'btn-link',\n}\nconst sizes: ComponentClass<'btn', ButtonSize> = {\n  xs: 'btn-xs',\n  sm: 'btn-sm',\n  md: 'btn-md',\n  lg: 'btn-lg',\n  xl: 'btn-xl',\n}\nconst shapes: ComponentClass<'btn', ButtonShape> = {\n  wide: 'btn-wide',\n  block: 'btn-block',\n  square: 'btn-square',\n  circle: 'btn-circle',\n}\nconst behaviors: ComponentClass<'btn', ButtonBehavior> = {\n  active: 'btn-active',\n  disabled: 'btn-disabled',\n}\n</script>\n\n<script setup lang=\"ts\">\ndefineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nconst props = defineProps<ButtonProps>()\nconst config = useComponentConfig(BUTTON_CONFIG, props, {\n  type: 'button'\n})\n\nconst { class: classAttr, ...attrs } = useAttrs()\n\nconst tag = computed(() => {\n  return props.to ? RouterLink : 'button'\n})\n\nconst extraClasses = computed(() => {\n  return props.disabled ? behaviors.disabled : ''\n})\n\nconst disabledAttrs = computed(() =>\n  props.behavior === 'disabled' || isTrue(props.disabled)\n    ? {\n        disabled: true,\n        'aria-disabled': true,\n        tabIndex: -1,\n      }\n    : {},\n)\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    :type=\"config.type\"\n    class=\"btn\"\n    :class=\"clsx([\n      getClass(colors, config.color),\n      getClass(variants, config.variant),\n      getClass(sizes, config.size),\n      getClass(shapes, config.shape),\n      getClass(behaviors, config.behavior),\n      extraClasses,\n      classAttr,\n    ])\"\n    v-bind=\"{...attrs, ...disabledAttrs}\"\n    :to=\"config.to\"\n    @click=\"$emit('click', $event)\"\n  >\n    <slot v-if=\"isTrue(config.loading)\" name=\"loading\">\n      <span class=\"loading loading-spinner\"></span>\n    </slot>\n    <slot></slot>\n  </component>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { clsx, getClass } from '@/utils/build-class.util'\nimport { isTrue } from '@/utils/is-true'\nimport { computed, useAttrs } from 'vue'\nimport { RouterLink } from 'vue-router'\nimport { BUTTON_CONFIG } from './button.context'\nimport type { ButtonProps } from './button.props'\nimport type { ButtonBehavior, ButtonColor, ButtonShape, ButtonSize, ButtonVariant } from './button.types'\n\nconst colors: ComponentClass<'btn', ButtonColor> = {\n  neutral: 'btn-neutral',\n  primary: 'btn-primary',\n  secondary: 'btn-secondary',\n  accent: 'btn-accent',\n  info: 'btn-info',\n  success: 'btn-success',\n  warning: 'btn-warning',\n  error: 'btn-error',\n}\nconst variants: ComponentClass<'btn', ButtonVariant> = {\n  solid: 'btn-solid',\n  outline: 'btn-outline',\n  dash: 'btn-dash',\n  soft: 'btn-soft',\n  ghost: 'btn-ghost',\n  link: 'btn-link',\n}\nconst sizes: ComponentClass<'btn', ButtonSize> = {\n  xs: 'btn-xs',\n  sm: 'btn-sm',\n  md: 'btn-md',\n  lg: 'btn-lg',\n  xl: 'btn-xl',\n}\nconst shapes: ComponentClass<'btn', ButtonShape> = {\n  wide: 'btn-wide',\n  block: 'btn-block',\n  square: 'btn-square',\n  circle: 'btn-circle',\n}\nconst behaviors: ComponentClass<'btn', ButtonBehavior> = {\n  active: 'btn-active',\n  disabled: 'btn-disabled',\n}\n</script>\n\n<script setup lang=\"ts\">\ndefineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nconst props = defineProps<ButtonProps>()\nconst config = useComponentConfig(BUTTON_CONFIG, props, {\n  type: 'button'\n})\n\nconst { class: classAttr, ...attrs } = useAttrs()\n\nconst tag = computed(() => {\n  return props.to ? RouterLink : 'button'\n})\n\nconst extraClasses = computed(() => {\n  return props.disabled ? behaviors.disabled : ''\n})\n\nconst disabledAttrs = computed(() =>\n  props.behavior === 'disabled' || isTrue(props.disabled)\n    ? {\n        disabled: true,\n        'aria-disabled': true,\n        tabIndex: -1,\n      }\n    : {},\n)\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    :type=\"config.type\"\n    class=\"btn\"\n    :class=\"clsx([\n      getClass(colors, config.color),\n      getClass(variants, config.variant),\n      getClass(sizes, config.size),\n      getClass(shapes, config.shape),\n      getClass(behaviors, config.behavior),\n      extraClasses,\n      classAttr,\n    ])\"\n    v-bind=\"{...attrs, ...disabledAttrs}\"\n    :to=\"config.to\"\n    @click=\"$emit('click', $event)\"\n  >\n    <slot v-if=\"isTrue(config.loading)\" name=\"loading\">\n      <span class=\"loading loading-spinner\"></span>\n    </slot>\n    <slot></slot>\n  </component>\n</template>","import { createComponentConfigKey } from '@/symbol'\n\nexport const DROPDOWN_CONFIG = createComponentConfigKey('dropdown')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { clsx, getClass } from '@/utils/build-class.util'\nimport { useAttrs, useId, useTemplateRef } from 'vue'\nimport { DROPDOWN_CONFIG } from './dropdown.context'\nimport type { DropdownProps } from './dropdown.props'\nimport type { DropdownAlign, DropdownSide, DropdownTriggerAction } from './dropdown.types'\n\nconst dropdownAlign: ComponentClass<'dropdown', DropdownAlign> = {\n  center: 'dropdown-center',\n  end: 'dropdown-end',\n  start: 'dropdown-start',\n}\nconst dropdownSide: ComponentClass<'dropdown', DropdownSide> = {\n  bottom: 'dropdown-bottom',\n  top: 'dropdown-top',\n  left: 'dropdown-left',\n  right: 'dropdown-right',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst popoverRef = useTemplateRef('popover-el')\n\nconst id = useId()\nconst dropdownId = `dropdown-${id}`\nconst anchorName = `--anchor-${id}`\n\nconst emit = defineEmits<{\n  show: []\n  hide: []\n}>()\n\nconst props = defineProps<DropdownProps>()\nconst config = useComponentConfig(DROPDOWN_CONFIG, props, {\n  align: 'start',\n  side: 'bottom',\n  triggerAction: 'click',\n  open: false,\n  debounce: 500,\n})\n\nconst { class: classAttr, ...attrs } = useAttrs()\n\n// ── Popover helpers ──────────────────────────────────────────────────────────\n\nfunction show() {\n  popoverRef.value?.showPopover()\n}\n\nfunction hide() {\n  popoverRef.value?.hidePopover()\n}\n\nfunction toggle() {\n  const el = popoverRef.value\n  if (!el) {\n    return\n  }\n\n  const isOpen = el.matches(':popover-open')\n  isOpen ? hide() : show()\n}\n\n// ── Trigger with ─────────────────────────────────────────────────────────────\n\nlet triggeredWith: DropdownTriggerAction | undefined;\n\n// ── Click ────────────────────────────────────────────────────────────────────\n\nfunction onTriggerClick() {\n  // Early return if the \"triggerAction\" is not click or hover\n  if (config.value.triggerAction !== 'click' && config.value.triggerAction !== 'hover') {\n    return;\n  }\n\n  // Special case:\n  // The dropdown has been triggered by a click to stay open in \"hover\" mode\n  // Since the dropdown is open we need to close it if the user click on the dropdown \"trigger\"\n  if (triggeredWith === 'click' && config.value.triggerAction === 'hover') {\n    hide();\n    return;\n  }\n\n  // Special case:\n  // If the dropdown trigger action is hover\n  // We want to indicate that the dropdown has been triggered with \"click\" too\n  // it prevent to close the dropdown from the \"debounce\" timer\n  if (config.value.triggerAction === 'hover') {\n    triggeredWith = 'click';\n    show()\n    return;\n  }\n\n  // Handle the default case\n  triggeredWith = 'click';\n  toggle();\n}\n\n// ── Hover debounce ───────────────────────────────────────────────────────────\n\nlet debounceTimer: ReturnType<typeof setTimeout> | undefined;\n\nfunction onHover() {\n  if (config.value.triggerAction !== 'hover') {\n    return;\n  }\n\n  triggeredWith = 'hover';\n  clearTimeout(debounceTimer);\n  show();\n}\n\nfunction onBlur() {\n  if (config.value.triggerAction !== 'hover') {\n    return;\n  }\n\n  clearTimeout(debounceTimer);\n  debounceTimer = setTimeout(() => {\n    if (triggeredWith === 'hover') {\n      hide();\n    }\n  }, config.value.debounce);\n}\n\n// ── Context menu ─────────────────────────────────────────────────────────────\n\nfunction onContextMenu(ev: MouseEvent) {\n  if (config.value.triggerAction !== 'context-menu') {\n    return;\n  }\n\n  ev.preventDefault();\n  triggeredWith = 'context-menu';\n  toggle();\n}\n\n// ── Keyboard ─────────────────────────────────────────────────────────────────\n\nfunction onKeyUp(ev: KeyboardEvent) {\n  if (!['Enter', ' ', 'Escape'].includes(ev.key)) {\n    return;\n  }\n\n  ev.preventDefault();\n\n  if (ev.key === 'Escape') {\n    hide();\n  } else {\n    toggle();\n  }\n}\n\n// ── beforetoggle ─────────────────────────────────────────────────────────────\n\nfunction onBeforeToggle(ev: ToggleEvent) {\n  if (ev.newState === 'open') {\n    emit('show');\n  } else {\n    emit('hide');\n\n  }\n}\n\ndefineExpose({\n  show,\n  hide,\n  toggle,\n  $ref: popoverRef,\n});\n</script>\n\n<template>\n  <div v-bind=\"attrs\">\n    <button\n      class=\"dropdown-trigger\"\n      :class=\"config.triggerClass\"\n      @click=\"onTriggerClick\"\n      @mouseenter=\"onHover\"\n      @mouseleave=\"onBlur\"\n      @contextmenu=\"onContextMenu\"\n      @keyup=\"onKeyUp\"\n    >\n      <slot name=\"trigger\" />\n    </button>\n\n    <Teleport to=\"body\">\n      <div\n        ref=\"popover-el\"\n        popover\n        :id=\"dropdownId\"\n        class=\"dropdown\"\n        :class=\"clsx([\n          getClass(dropdownSide, config.side),\n          getClass(dropdownAlign, config.align),\n          classAttr,\n          config.contentClass,\n        ])\"\n        @mouseenter=\"onHover\"\n        @mouseleave=\"onBlur\"\n        @beforetoggle=\"onBeforeToggle\"\n      >\n        <slot></slot>\n      </div>\n    </Teleport>\n  </div>\n</template>\n\n<style scoped>\n.dropdown-trigger {\n  anchor-name: v-bind(anchorName);\n}\n\n.dropdown {\n  position-anchor: v-bind(anchorName);\n}\n</style>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { clsx, getClass } from '@/utils/build-class.util'\nimport { useAttrs, useId, useTemplateRef } from 'vue'\nimport { DROPDOWN_CONFIG } from './dropdown.context'\nimport type { DropdownProps } from './dropdown.props'\nimport type { DropdownAlign, DropdownSide, DropdownTriggerAction } from './dropdown.types'\n\nconst dropdownAlign: ComponentClass<'dropdown', DropdownAlign> = {\n  center: 'dropdown-center',\n  end: 'dropdown-end',\n  start: 'dropdown-start',\n}\nconst dropdownSide: ComponentClass<'dropdown', DropdownSide> = {\n  bottom: 'dropdown-bottom',\n  top: 'dropdown-top',\n  left: 'dropdown-left',\n  right: 'dropdown-right',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst popoverRef = useTemplateRef('popover-el')\n\nconst id = useId()\nconst dropdownId = `dropdown-${id}`\nconst anchorName = `--anchor-${id}`\n\nconst emit = defineEmits<{\n  show: []\n  hide: []\n}>()\n\nconst props = defineProps<DropdownProps>()\nconst config = useComponentConfig(DROPDOWN_CONFIG, props, {\n  align: 'start',\n  side: 'bottom',\n  triggerAction: 'click',\n  open: false,\n  debounce: 500,\n})\n\nconst { class: classAttr, ...attrs } = useAttrs()\n\n// ── Popover helpers ──────────────────────────────────────────────────────────\n\nfunction show() {\n  popoverRef.value?.showPopover()\n}\n\nfunction hide() {\n  popoverRef.value?.hidePopover()\n}\n\nfunction toggle() {\n  const el = popoverRef.value\n  if (!el) {\n    return\n  }\n\n  const isOpen = el.matches(':popover-open')\n  isOpen ? hide() : show()\n}\n\n// ── Trigger with ─────────────────────────────────────────────────────────────\n\nlet triggeredWith: DropdownTriggerAction | undefined;\n\n// ── Click ────────────────────────────────────────────────────────────────────\n\nfunction onTriggerClick() {\n  // Early return if the \"triggerAction\" is not click or hover\n  if (config.value.triggerAction !== 'click' && config.value.triggerAction !== 'hover') {\n    return;\n  }\n\n  // Special case:\n  // The dropdown has been triggered by a click to stay open in \"hover\" mode\n  // Since the dropdown is open we need to close it if the user click on the dropdown \"trigger\"\n  if (triggeredWith === 'click' && config.value.triggerAction === 'hover') {\n    hide();\n    return;\n  }\n\n  // Special case:\n  // If the dropdown trigger action is hover\n  // We want to indicate that the dropdown has been triggered with \"click\" too\n  // it prevent to close the dropdown from the \"debounce\" timer\n  if (config.value.triggerAction === 'hover') {\n    triggeredWith = 'click';\n    show()\n    return;\n  }\n\n  // Handle the default case\n  triggeredWith = 'click';\n  toggle();\n}\n\n// ── Hover debounce ───────────────────────────────────────────────────────────\n\nlet debounceTimer: ReturnType<typeof setTimeout> | undefined;\n\nfunction onHover() {\n  if (config.value.triggerAction !== 'hover') {\n    return;\n  }\n\n  triggeredWith = 'hover';\n  clearTimeout(debounceTimer);\n  show();\n}\n\nfunction onBlur() {\n  if (config.value.triggerAction !== 'hover') {\n    return;\n  }\n\n  clearTimeout(debounceTimer);\n  debounceTimer = setTimeout(() => {\n    if (triggeredWith === 'hover') {\n      hide();\n    }\n  }, config.value.debounce);\n}\n\n// ── Context menu ─────────────────────────────────────────────────────────────\n\nfunction onContextMenu(ev: MouseEvent) {\n  if (config.value.triggerAction !== 'context-menu') {\n    return;\n  }\n\n  ev.preventDefault();\n  triggeredWith = 'context-menu';\n  toggle();\n}\n\n// ── Keyboard ─────────────────────────────────────────────────────────────────\n\nfunction onKeyUp(ev: KeyboardEvent) {\n  if (!['Enter', ' ', 'Escape'].includes(ev.key)) {\n    return;\n  }\n\n  ev.preventDefault();\n\n  if (ev.key === 'Escape') {\n    hide();\n  } else {\n    toggle();\n  }\n}\n\n// ── beforetoggle ─────────────────────────────────────────────────────────────\n\nfunction onBeforeToggle(ev: ToggleEvent) {\n  if (ev.newState === 'open') {\n    emit('show');\n  } else {\n    emit('hide');\n\n  }\n}\n\ndefineExpose({\n  show,\n  hide,\n  toggle,\n  $ref: popoverRef,\n});\n</script>\n\n<template>\n  <div v-bind=\"attrs\">\n    <button\n      class=\"dropdown-trigger\"\n      :class=\"config.triggerClass\"\n      @click=\"onTriggerClick\"\n      @mouseenter=\"onHover\"\n      @mouseleave=\"onBlur\"\n      @contextmenu=\"onContextMenu\"\n      @keyup=\"onKeyUp\"\n    >\n      <slot name=\"trigger\" />\n    </button>\n\n    <Teleport to=\"body\">\n      <div\n        ref=\"popover-el\"\n        popover\n        :id=\"dropdownId\"\n        class=\"dropdown\"\n        :class=\"clsx([\n          getClass(dropdownSide, config.side),\n          getClass(dropdownAlign, config.align),\n          classAttr,\n          config.contentClass,\n        ])\"\n        @mouseenter=\"onHover\"\n        @mouseleave=\"onBlur\"\n        @beforetoggle=\"onBeforeToggle\"\n      >\n        <slot></slot>\n      </div>\n    </Teleport>\n  </div>\n</template>\n\n<style scoped>\n.dropdown-trigger {\n  anchor-name: v-bind(anchorName);\n}\n\n.dropdown {\n  position-anchor: v-bind(anchorName);\n}\n</style>","import { createComponentConfigKey } from '@/symbol'\n\nexport const FAB_CONFIG = createComponentConfigKey('fab')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { FAB_CONFIG } from './fab.context'\nimport type { FabProps } from './fab.props'\nimport type { FabMode } from './fab.types'\n\nconst fabModes: ComponentClass<'fab', FabMode> = {\n  flower: 'fab-flower',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<FabProps>()\nconst config = useComponentConfig(FAB_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"fab\"\n    :class=\"getClass(fabModes, config.mode)\"\n  >\n    <div v-if=\"$slots.close\" class=\"fab-close\">\n      <slot name=\"close\"></slot>\n    </div>\n    <div v-if=\"$slots.mainAction\" class=\"fab-main-action\">\n      <slot name=\"main-action\"></slot>\n    </div>\n\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { FAB_CONFIG } from './fab.context'\nimport type { FabProps } from './fab.props'\nimport type { FabMode } from './fab.types'\n\nconst fabModes: ComponentClass<'fab', FabMode> = {\n  flower: 'fab-flower',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst props = defineProps<FabProps>()\nconst config = useComponentConfig(FAB_CONFIG, props)\n</script>\n\n<template>\n  <div\n    class=\"fab\"\n    :class=\"getClass(fabModes, config.mode)\"\n  >\n    <div v-if=\"$slots.close\" class=\"fab-close\">\n      <slot name=\"close\"></slot>\n    </div>\n    <div v-if=\"$slots.mainAction\" class=\"fab-main-action\">\n      <slot name=\"main-action\"></slot>\n    </div>\n\n    <slot />\n  </div>\n</template>\n","import { createComponentConfigKey } from '@/symbol'\n\nexport const MODAL_CONFIG = createComponentConfigKey('modal')\n","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport { isTrue } from '@/utils/is-true'\nimport { computed, shallowRef, useTemplateRef, watch } from 'vue'\nimport { MODAL_CONFIG } from './modal.context'\nimport type { ModalProps } from './modal.props'\nimport type { ModalPlacement } from './modal.types'\n\nconst modalPlacements: Record<ModalPlacement, `modal-${ModalPlacement}`> = {\n  top: 'modal-top',\n  middle: 'modal-middle',\n  bottom: 'modal-bottom',\n  start: 'modal-start',\n  end: 'modal-end',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst dialogEl = useTemplateRef('dialog-el')\n\n/**\n * Controls the open state of the modal.\n * Use `v-model` to bind reactively.\n *\n * @default false\n */\nconst open = defineModel<boolean>({ default: false })\n\nconst props = defineProps<ModalProps>()\nconst config = useComponentConfig(MODAL_CONFIG, props, {\n  placement: undefined,\n  closeOnBackdrop: false,\n  loadContentWhenClose: false,\n})\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst hasBeenOpened = shallowRef(false)\n\nwatch(open, isOpen => {\n  if (isOpen) {\n    hasBeenOpened.value = true\n  }\n})\n\nconst shouldRenderContent = computed(() => {\n  if (isTrue(config.value.loadContentWhenClose)) {\n    return true\n  }\n  return open.value || hasBeenOpened.value\n})\n\nwatch(open, isOpen => {\n  if (!dialogEl.value) {\n    return\n  }\n\n  if (isOpen) {\n    dialogEl.value.showModal()\n  } else {\n    dialogEl.value.close()\n  }\n}, { immediate: true })\n\nfunction present() {\n  open.value = true\n}\n\nfunction dismiss() {\n  open.value = false\n}\n\nfunction onClose() {\n  open.value = false\n  emit('close')\n}\n\ndefineExpose({\n  present, \n  dismiss,\n})\n</script>\n\n<template>\n  <dialog\n    ref=\"dialog-el\"\n    class=\"modal\"\n    :class=\"[config.placement && modalPlacements[config.placement]]\"\n    @close=\"onClose\"\n  >\n    <div v-if=\"shouldRenderContent\" class=\"modal-box\">\n      <slot></slot>\n      <div v-if=\"$slots.actions\" class=\"modal-action\">\n        <slot name=\"actions\"></slot>\n      </div>\n    </div>\n\n    <form v-if=\"!isTrue(config.closeOnBackdrop)\" method=\"dialog\" class=\"modal-backdrop\">\n      <button>close</button>\n    </form>\n  </dialog>\n</template>","<script lang=\"ts\">\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport { isTrue } from '@/utils/is-true'\nimport { computed, shallowRef, useTemplateRef, watch } from 'vue'\nimport { MODAL_CONFIG } from './modal.context'\nimport type { ModalProps } from './modal.props'\nimport type { ModalPlacement } from './modal.types'\n\nconst modalPlacements: Record<ModalPlacement, `modal-${ModalPlacement}`> = {\n  top: 'modal-top',\n  middle: 'modal-middle',\n  bottom: 'modal-bottom',\n  start: 'modal-start',\n  end: 'modal-end',\n}\n</script>\n\n<script setup lang=\"ts\">\nconst dialogEl = useTemplateRef('dialog-el')\n\n/**\n * Controls the open state of the modal.\n * Use `v-model` to bind reactively.\n *\n * @default false\n */\nconst open = defineModel<boolean>({ default: false })\n\nconst props = defineProps<ModalProps>()\nconst config = useComponentConfig(MODAL_CONFIG, props, {\n  placement: undefined,\n  closeOnBackdrop: false,\n  loadContentWhenClose: false,\n})\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst hasBeenOpened = shallowRef(false)\n\nwatch(open, isOpen => {\n  if (isOpen) {\n    hasBeenOpened.value = true\n  }\n})\n\nconst shouldRenderContent = computed(() => {\n  if (isTrue(config.value.loadContentWhenClose)) {\n    return true\n  }\n  return open.value || hasBeenOpened.value\n})\n\nwatch(open, isOpen => {\n  if (!dialogEl.value) {\n    return\n  }\n\n  if (isOpen) {\n    dialogEl.value.showModal()\n  } else {\n    dialogEl.value.close()\n  }\n}, { immediate: true })\n\nfunction present() {\n  open.value = true\n}\n\nfunction dismiss() {\n  open.value = false\n}\n\nfunction onClose() {\n  open.value = false\n  emit('close')\n}\n\ndefineExpose({\n  present, \n  dismiss,\n})\n</script>\n\n<template>\n  <dialog\n    ref=\"dialog-el\"\n    class=\"modal\"\n    :class=\"[config.placement && modalPlacements[config.placement]]\"\n    @close=\"onClose\"\n  >\n    <div v-if=\"shouldRenderContent\" class=\"modal-box\">\n      <slot></slot>\n      <div v-if=\"$slots.actions\" class=\"modal-action\">\n        <slot name=\"actions\"></slot>\n      </div>\n    </div>\n\n    <form v-if=\"!isTrue(config.closeOnBackdrop)\" method=\"dialog\" class=\"modal-backdrop\">\n      <button>close</button>\n    </form>\n  </dialog>\n</template>","import { createComponentConfigKey } from '@/symbol'\n\nexport const SWAP_CONFIG = createComponentConfigKey('swap')\n","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { isTrue } from '@/utils/is-true'\nimport { SWAP_CONFIG } from './swap.context'\nimport type { SwapProps } from './swap.props'\nimport type { SwapVariant } from './swap.types'\n\nconst swapVariants: ComponentClass<'swap', SwapVariant> = {\n  flip: 'swap-flip',\n  rotate: 'swap-rotate',\n}\n</script>\n\n<script setup lang=\"ts\">\n/**\n * Controls which slot is visible.\n * When `true`, the `on` slot is shown. Use `v-model` to bind reactively.\n *\n * @default false\n */\nconst model = defineModel<boolean>({ default: false })\n\nconst props = defineProps<SwapProps>()\nconst config = useComponentConfig(SWAP_CONFIG, props, {})\n\nfunction toggle() {\n  if (!isTrue(props.indeterminate)) {\n    model.value = !model.value\n  }\n}\n</script>\n\n<template>\n  <div\n    class=\"swap\"\n    :class=\"[\n      getClass(swapVariants, config.variant),\n      isTrue(indeterminate) ? 'swap-indeterminate' : model && 'swap-active',\n    ]\"\n    role=\"button\"\n    tabindex=\"0\"\n    @click=\"toggle\"\n    @keydown.enter.space.prevent=\"toggle\"\n  >\n    <template v-if=\"isTrue(indeterminate) && $slots.indeterminate\">\n      <slot name=\"indeterminate\"></slot>\n    </template>\n    <template v-else>\n      <ClassWrapper class=\"swap-on\">\n        <slot name=\"on\"></slot>\n      </ClassWrapper>\n      <ClassWrapper class=\"swap-off\">\n        <slot name=\"off\"></slot>\n      </ClassWrapper>\n    </template>\n  </div>\n</template>","<script lang=\"ts\">\nimport ClassWrapper from '@/components/ClassWrapper.vue'\nimport { useComponentConfig } from '@/composables/use-component-config'\nimport type { ComponentClass } from '@/types/utils.type'\nimport { getClass } from '@/utils/build-class.util'\nimport { isTrue } from '@/utils/is-true'\nimport { SWAP_CONFIG } from './swap.context'\nimport type { SwapProps } from './swap.props'\nimport type { SwapVariant } from './swap.types'\n\nconst swapVariants: ComponentClass<'swap', SwapVariant> = {\n  flip: 'swap-flip',\n  rotate: 'swap-rotate',\n}\n</script>\n\n<script setup lang=\"ts\">\n/**\n * Controls which slot is visible.\n * When `true`, the `on` slot is shown. Use `v-model` to bind reactively.\n *\n * @default false\n */\nconst model = defineModel<boolean>({ default: false })\n\nconst props = defineProps<SwapProps>()\nconst config = useComponentConfig(SWAP_CONFIG, props, {})\n\nfunction toggle() {\n  if (!isTrue(props.indeterminate)) {\n    model.value = !model.value\n  }\n}\n</script>\n\n<template>\n  <div\n    class=\"swap\"\n    :class=\"[\n      getClass(swapVariants, config.variant),\n      isTrue(indeterminate) ? 'swap-indeterminate' : model && 'swap-active',\n    ]\"\n    role=\"button\"\n    tabindex=\"0\"\n    @click=\"toggle\"\n    @keydown.enter.space.prevent=\"toggle\"\n  >\n    <template v-if=\"isTrue(indeterminate) && $slots.indeterminate\">\n      <slot name=\"indeterminate\"></slot>\n    </template>\n    <template v-else>\n      <ClassWrapper class=\"swap-on\">\n        <slot name=\"on\"></slot>\n      </ClassWrapper>\n      <ClassWrapper class=\"swap-off\">\n        <slot name=\"off\"></slot>\n      </ClassWrapper>\n    </template>\n  </div>\n</template>"],"mappings":"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"}