@quidgest/ui 0.13.3 → 0.14.1

package/esm/components/QOverlay/types.d.ts

@@ -0,0 +1,87 @@
+import { Appearance, Placement, Trigger } from '../../composables/overlay';
+import { Selector } from '../../utils/getElement';
+export type QOverlayProps = {
+    /**
+     * The DOM element the overlay should be anchored to.
+     */
+    anchor?: Selector;
+    /**
+     * The appearance of the overlay.
+     * 'regular' uses body text color for background and body background color for text.
+     * 'inverted' matches body color scheme.
+     */
+    appearance?: Appearance;
+    /**
+     * Whether the overlay has an arrow pointing to the target.
+     */
+    arrow?: boolean;
+    /**
+     * The DOM element the overlay should be teleported to.
+     * Defaults to the body of the document.
+     */
+    attach?: string;
+    /**
+     * Whether to disable teleport.
+     * If enabled, the prop `attach` is ignored.
+     */
+    inline?: boolean;
+    /**
+     * Applies a backdrop blur effect behind the overlay.
+     */
+    backdropBlur?: boolean;
+    /**
+     * Custom set of classes to apply to the dialog's underlay.
+     */
+    backdropClass?: string | unknown[];
+    /**
+     * The delay in milliseconds before showing the overlay.
+     */
+    delay?: number;
+    /**
+     * Whether elements outside of the overlay can be interacted with.
+     * Should be used with care and only in certain components, such as comboboxes,
+     * with proper handling of the `focusout` event.
+     */
+    nonModal?: boolean;
+    /**
+     * Whether to prevent scrolling while the overlay is open.
+     */
+    scrollLock?: boolean;
+    /**
+     * Offset the overlay in the given amount of pixels.
+     */
+    offset?: number;
+    /**
+     * If enabled, deactivation of the element will not occur upon clicking outside
+     * or pressing the escape key.
+     */
+    persistent?: boolean;
+    /**
+     * The placement of the overlay.
+     */
+    placement?: Placement;
+    /**
+     * Whether to spy on the real-time position of the anchor,
+     * to keep the position of the overlay up-to-date at all times.
+     */
+    spy?: boolean;
+    /**
+     * The name of the transition to apply.
+     */
+    transition?: string;
+    /**
+     * The method to trigger the overlay.
+     */
+    trigger?: Trigger;
+    /**
+     * The width of the overlay.
+     * Either is automatic, based on the overlay content,
+     * or matches the overlay's anchor.
+     */
+    width?: 'auto' | 'anchor';
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/components/QOverlay/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}

package/esm/components/QPopover/QPopover.d.ts

@@ -1,128 +1,29 @@
-import { Placement } from '../../composables/overlay';
-import { Selector } from '../../utils/getElement';
-
-export type QPopoverProps = {
-    /**
-     * The DOM element the popover should be anchored to.
-     */
-    anchor: Selector;
-    /**
-     * Whether the popover has an arrow pointing to the target.
-     */
-    arrow?: boolean;
-    /**
-     * The DOM element the popover should be teleported to.
-     * Defaults to the body of the document.
-     */
-    attach?: string;
-    /**
-     * Whether to disable teleport.
-     * If enabled, the prop `attach` is ignored.
-     */
-    inline?: boolean;
-    /**
-     * Whether the popover is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Whether the popover's content is treated as HTML.
-     */
-    html?: boolean;
-    /**
-     * The placement of the popover.
-     */
-    placement?: Placement;
-    /**
-     * The text of the popover.
-     */
-    text: string;
-    /**
-     * The title of the popover.
-     */
-    title?: string;
+import { QPopoverProps } from './types';
+declare let __VLS_typeProps: QPopoverProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    slots: {
+        header?(_: {}): any;
+        body?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
-    modelValue: import('vue').PropType<boolean>;
-    anchor: {
-        type: import('vue').PropType<Selector>;
-        required: true;
-    };
-    html: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    title: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    text: {
-        type: import('vue').PropType<string>;
-        required: true;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-    placement: {
-        type: import('vue').PropType<Placement>;
-        default: string;
-    };
-    arrow: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    attach: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    inline: {
-        type: import('vue').PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<boolean>;
-    anchor: {
-        type: import('vue').PropType<Selector>;
-        required: true;
-    };
-    html: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    title: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    text: {
-        type: import('vue').PropType<string>;
-        required: true;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-    placement: {
-        type: import('vue').PropType<Placement>;
-        default: string;
-    };
-    arrow: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    attach: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    inline: {
-        type: import('vue').PropType<boolean>;
-    };
-}>>, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>, {
     html: boolean;
     title: string;
-    placement: Placement;
     arrow: boolean;
     attach: string;
-}, {}>, {
-    header?(_: {}): any;
-    body?(_: {}): any;
-}>;
+    placement: import('../../composables/overlay').Placement;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/esm/components/QPopover/QPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AA4BA;AAMC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgKF,wBAAwG;AAUxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AAwDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI7C,QAAA,IAAI,eAAe,EAAG,aAAa,CAAC;AA4BpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;wBAqDK,GAAG;sBACL,GAAG;;;WASf,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QPopover/index.d.ts

@@ -1,182 +1,4 @@
-declare const QPopover: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-        modelValue: import('vue').PropType<boolean>;
-        anchor: {
-            type: import('vue').PropType<import('../../utils/getElement').Selector>;
-            required: true;
-        };
-        html: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        title: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        text: {
-            type: import('vue').PropType<string>;
-            required: true;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
-        placement: {
-            type: import('vue').PropType<import('../../composables/overlay').Placement>;
-            default: string;
-        };
-        arrow: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        attach: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        inline: {
-            type: import('vue').PropType<boolean>;
-        };
-    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-        modelValue: import('vue').PropType<boolean>;
-        anchor: {
-            type: import('vue').PropType<import('../../utils/getElement').Selector>;
-            required: true;
-        };
-        html: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        title: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        text: {
-            type: import('vue').PropType<string>;
-            required: true;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
-        placement: {
-            type: import('vue').PropType<import('../../composables/overlay').Placement>;
-            default: string;
-        };
-        arrow: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        attach: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        inline: {
-            type: import('vue').PropType<boolean>;
-        };
-    }>>, {
-        html: boolean;
-        title: string;
-        placement: import('../../composables/overlay').Placement;
-        arrow: boolean;
-        attach: string;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        modelValue: import('vue').PropType<boolean>;
-        anchor: {
-            type: import('vue').PropType<import('../../utils/getElement').Selector>;
-            required: true;
-        };
-        html: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        title: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        text: {
-            type: import('vue').PropType<string>;
-            required: true;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
-        placement: {
-            type: import('vue').PropType<import('../../composables/overlay').Placement>;
-            default: string;
-        };
-        arrow: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        attach: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        inline: {
-            type: import('vue').PropType<boolean>;
-        };
-    }>>, {}, {}, {}, {}, {
-        html: boolean;
-        title: string;
-        placement: import('../../composables/overlay').Placement;
-        arrow: boolean;
-        attach: string;
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<boolean>;
-    anchor: {
-        type: import('vue').PropType<import('../../utils/getElement').Selector>;
-        required: true;
-    };
-    html: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    title: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    text: {
-        type: import('vue').PropType<string>;
-        required: true;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-    placement: {
-        type: import('vue').PropType<import('../../composables/overlay').Placement>;
-        default: string;
-    };
-    arrow: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    attach: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    inline: {
-        type: import('vue').PropType<boolean>;
-    };
-}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    html: boolean;
-    title: string;
-    placement: import('../../composables/overlay').Placement;
-    arrow: boolean;
-    attach: string;
-}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        header?(_: {}): any;
-        body?(_: {}): any;
-    };
-});
+import { default as _QPopover } from './QPopover';
+declare const QPopover: typeof _QPopover;
 export { QPopover };
 //# sourceMappingURL=index.d.ts.map

package/esm/components/QPopover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiD,CAAA;AAG/D,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,gBAAgB,CAAA;AAKtC,QAAA,MAAM,QAAQ,EAAiC,OAAO,SAAS,CAAA;AAG/D,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/esm/components/QPopover/types.d.ts

@@ -0,0 +1,43 @@
+import { Placement } from '../../composables/overlay';
+import { Selector } from '../../utils/getElement';
+export type QPopoverProps = {
+    /**
+     * The DOM element the popover should be anchored to.
+     */
+    anchor: Selector;
+    /**
+     * Whether the popover has an arrow pointing to the target.
+     */
+    arrow?: boolean;
+    /**
+     * The DOM element the popover should be teleported to.
+     * Defaults to the body of the document.
+     */
+    attach?: string;
+    /**
+     * Whether to disable teleport.
+     * If enabled, the prop `attach` is ignored.
+     */
+    inline?: boolean;
+    /**
+     * Whether the popover is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the popover's content is treated as HTML.
+     */
+    html?: boolean;
+    /**
+     * The placement of the popover.
+     */
+    placement?: Placement;
+    /**
+     * The text of the popover.
+     */
+    text: string;
+    /**
+     * The title of the popover.
+     */
+    title?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/components/QPopover/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/esm/components/QPropertyList/QPropertyList.d.ts

@@ -0,0 +1,42 @@
+import { QPropertyListField, QPropertyListGroupProps, QPropertyListProps, DEFAULT_ICONS, DEFAULT_TEXTS } from './types';
+declare function __VLS_template(): {
+    slots: Partial<Record<string, (_: {
+        field: QPropertyListField;
+    }) => any>> & {
+        panel?(_: {
+            field: {
+                id: string;
+                group?: string | undefined;
+                label: string;
+                description?: string | undefined;
+                component: ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[];
+                props: Record<string, unknown>;
+            };
+        }): any;
+    };
+    refs: {
+        componentRoot: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<QPropertyListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "field-change": (field: QPropertyListField) => any;
+}, string, import('vue').PublicProps, Readonly<QPropertyListProps> & Readonly<{
+    "onField-change"?: ((field: QPropertyListField) => any) | undefined;
+}>, {
+    class: string | unknown[];
+    icons: typeof DEFAULT_ICONS;
+    groups: QPropertyListGroupProps[];
+    texts: typeof DEFAULT_TEXTS;
+    fields: QPropertyListField[];
+    panelPosition: import('./types').PanelPosition;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QPropertyList.vue.d.ts.map

package/esm/components/QPropertyList/QPropertyList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QPropertyList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPropertyList/QPropertyList.vue"],"names":[],"mappings":"AAkMC,OAAO,KAAK,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAI9F,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA8IvD,iBAAS,cAAc;;;UAyH+D,GAAG;;;;;;;;;;YAE7D,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;6EAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QPropertyList/QPropertyList.vue.js

@@ -0,0 +1,145 @@
+import { defineComponent as w, ref as d, computed as g, openBlock as s, createElementBlock as u, normalizeClass as v, createElementVNode as i, Fragment as p, renderList as _, createBlock as c, unref as f, createCommentVNode as y, withCtx as h, renderSlot as F } from "vue";
+import { QPropertyListGroup as G, QPropertyListRow as Q, QPropertyListPanel as S } from "./index.js";
+import { DEFAULT_ICONS as A, DEFAULT_TEXTS as N } from "./types.js";
+const O = { class: "q-property-list__table" }, $ = /* @__PURE__ */ w({
+  __name: "QPropertyList",
+  props: {
+    fields: { default: () => [] },
+    noPanel: { type: Boolean },
+    noToggle: { type: Boolean },
+    panelPosition: { default: "bottom" },
+    groups: { default: () => [] },
+    class: { default: void 0 },
+    readonly: { type: Boolean },
+    icons: { default: () => A },
+    texts: { default: () => N }
+  },
+  emits: ["field-change"],
+  setup(k, { emit: P }) {
+    const t = k, x = P, a = d(t.groups.map((e) => e.id)), r = d(void 0), m = d(null), C = g(() => t.groups.length ? t.groups.filter(
+      (e) => t.fields.some((o) => o.group === e.id)
+    ) : [{ id: "", title: "" }]), L = g(() => [
+      t.class,
+      {
+        "q-property-list--side-panel": t.panelPosition === "right"
+      }
+    ]);
+    function T() {
+      var e;
+      (e = m.value) != null && e.contains(document.activeElement) || (r.value = void 0);
+    }
+    function q(e) {
+      return e ? t.fields.filter((o) => o.group === e) : t.fields;
+    }
+    function B(e) {
+      const o = a.value.indexOf(e);
+      o === -1 ? a.value.push(e) : a.value.splice(o, 1);
+    }
+    function E(e) {
+      var n;
+      const o = e.group && !a.value.includes(e.group), l = ((n = r.value) == null ? void 0 : n.id) === e.id;
+      return [
+        {
+          "q-property-list__row--closed": o,
+          "q-property-list__row--selected": l
+        }
+      ];
+    }
+    function R(e) {
+      r.value = e;
+    }
+    function b(e, o) {
+      t.readonly || (e.props.readonly ?? !1) || (e.props.modelValue = o, x("field-change", e));
+    }
+    return (e, o) => (s(), u(
+      "div",
+      {
+        tabindex: "0",
+        class: v(["q-property-list", L.value]),
+        ref_key: "componentRoot",
+        ref: m,
+        onFocusout: T
+      },
+      [
+        i("table", O, [
+          o[0] || (o[0] = i(
+            "thead",
+            { class: "q-property-list__header" },
+            [
+              i("tr", null, [
+                i("th", { colspan: "2" })
+              ])
+            ],
+            -1
+            /* HOISTED */
+          )),
+          i("tbody", null, [
+            (s(!0), u(
+              p,
+              null,
+              _(C.value, (l) => (s(), u(
+                p,
+                {
+                  key: l.id
+                },
+                [
+                  l.title ? (s(), c(f(G), {
+                    key: 0,
+                    id: l.id,
+                    title: l.title,
+                    icons: t.icons,
+                    "no-toggle": t.noToggle,
+                    onToggleGroup: B
+                  }, null, 8, ["id", "title", "icons", "no-toggle"])) : y("v-if", !0),
+                  (s(!0), u(
+                    p,
+                    null,
+                    _(q(l.id), (n) => (s(), c(f(Q), {
+                      key: n.id,
+                      class: v(E(n)),
+                      field: n,
+                      readonly: t.readonly,
+                      onFocus: R,
+                      onFieldChange: b
+                    }, {
+                      default: h(() => [
+                        F(e.$slots, n.id, { field: n })
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["class", "field", "readonly"]))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ]),
+        t.noPanel ? y("v-if", !0) : (s(), c(f(S), {
+          key: 0,
+          field: r.value,
+          texts: t.texts
+        }, {
+          default: h(() => [
+            r.value ? F(e.$slots, "panel", {
+              key: 0,
+              field: r.value
+            }) : y("v-if", !0)
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["field", "texts"]))
+      ],
+      34
+      /* CLASS, NEED_HYDRATION */
+    ));
+  }
+});
+export {
+  $ as default
+};

package/esm/components/QPropertyList/QPropertyList.vue2.js

@@ -0,0 +1,4 @@
+import f from "./QPropertyList.vue.js";
+export {
+  f as default
+};