admins-components 9.0.27 → 9.0.29

package/dist/src/components/TextInput.vue.d.ts

@@ -0,0 +1,33 @@
+import { ControlSize } from '../types/types';
+export type TextInputType = 'text' | 'number' | 'textarea';
+export interface TextInputProps {
+    modelValue?: string | number | null;
+    type?: TextInputType;
+    label?: string;
+    labelOnBorder?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    autocomplete?: boolean;
+    size?: ControlSize;
+    id?: string;
+}
+export declare const textInputDefaults: TextInputProps;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<TextInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | null) => any;
+}, string, import('vue').PublicProps, Readonly<TextInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
+}>, {
+    size: ControlSize;
+    type: TextInputType;
+    label: string;
+    disabled: boolean;
+    placeholder: string;
+    modelValue: string | number | null;
+    id: string;
+    labelOnBorder: string;
+    clearable: boolean;
+    autocomplete: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/components/data-table/DataFilters.vue.d.ts

@@ -17,31 +17,24 @@ export interface FilterResponse {
     values: Record<string, any>;
     transformed: Record<string, any>;
 }
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import('vue').DefineComponent<{
-    open?: boolean;
+export interface DataFiltersProps {
     items: FilterItem[];
+    open?: boolean;
     position?: SidebarPosition;
     lazy?: boolean;
     handleUrl?: boolean;
     historyEnabled?: boolean;
     storageKey?: string;
-}, {
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<DataFiltersProps, {
     clearFilter: (key: string) => void;
     focusFilter: (key: string) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (response: FilterResponse) => any;
     close: () => any;
-}, string, import('vue').PublicProps, Readonly<{
-    open?: boolean;
-    items: FilterItem[];
-    position?: SidebarPosition;
-    lazy?: boolean;
-    handleUrl?: boolean;
-    historyEnabled?: boolean;
-    storageKey?: string;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<DataFiltersProps> & Readonly<{
     onChange?: ((response: FilterResponse) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {

package/dist/src/components/data-table/DataList.vue.d.ts

@@ -1,6 +1,9 @@
 import { DataListConfig, DataListSettings, PageSettings, PaginatorSettings, FilterValue } from '../../types/data-list';
-import { FilterItem } from './DataFilters.vue';
+import { DataFiltersProps } from './DataFilters.vue';
+import { DataSearchProps } from './DataSearch.vue';
 export type { PaginatorSettings } from '../../types/data-list';
+export type { DataSearchProps } from './DataSearch.vue';
+export type { DataFiltersProps } from './DataFilters.vue';
 export interface DataListProps {
     config: DataListConfig;
     items: Record<string, unknown>[];
@@ -9,17 +12,15 @@ export interface DataListProps {
     layoutBreakpoint?: number;
     orderable?: boolean;
     pagination?: PaginatorSettings;
-    filters?: FilterItem[];
-    historyEnabled?: boolean;
     loading?: boolean;
     handleUrl?: boolean;
+    searchConfig?: DataSearchProps;
+    filterConfig?: DataFiltersProps;
 }
 export declare const dataListDefaults: {
     layoutBreakpoint: number;
     orderable: boolean;
-    historyEnabled: boolean;
     loading: boolean;
-    handleUrl: boolean;
 };
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -34,6 +35,7 @@ declare const __VLS_export: import('vue').DefineComponent<DataListProps, {
         key: string;
         direction: "asc" | "desc";
     }) => any;
+    "search-change": (filters: Record<string, string | boolean>) => any;
     "filter-change": (filters: Record<string, FilterValue>) => any;
     "settings-change": (settings: DataListSettings) => any;
     "pagination-change": (pagination: PageSettings) => any;
@@ -43,13 +45,14 @@ declare const __VLS_export: import('vue').DefineComponent<DataListProps, {
         key: string;
         direction: "asc" | "desc";
     }) => any) | undefined;
+    "onSearch-change"?: ((filters: Record<string, string | boolean>) => any) | undefined;
     "onFilter-change"?: ((filters: Record<string, FilterValue>) => any) | undefined;
     "onSettings-change"?: ((settings: DataListSettings) => any) | undefined;
     "onPagination-change"?: ((pagination: PageSettings) => any) | undefined;
 }>, {
     loading: boolean;
     orderable: boolean;
-    handleUrl: boolean;
-    historyEnabled: boolean;
     layoutBreakpoint: number;
+    searchConfig: DataSearchProps;
+    filterConfig: DataFiltersProps;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/components/data-table/DataSearch.vue.d.ts

@@ -0,0 +1,26 @@
+export interface DataSearchProps {
+    showExactMatch?: boolean;
+    showSearch?: boolean;
+    placeholder?: string;
+    handleUrl?: boolean;
+    searchKey?: string;
+    exactMatchKey?: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<DataSearchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "search-change": (filters: {
+        [k: string]: string | boolean;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<DataSearchProps> & Readonly<{
+    "onSearch-change"?: ((filters: {
+        [k: string]: string | boolean;
+    }) => any) | undefined;
+}>, {
+    placeholder: string;
+    handleUrl: boolean;
+    showExactMatch: boolean;
+    showSearch: boolean;
+    searchKey: string;
+    exactMatchKey: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/composables/useSwipeToClose.d.ts

@@ -0,0 +1,50 @@
+import { Ref } from 'vue';
+export interface UseSwipeToCloseOptions {
+    /**
+     * The panel's anchor position. The composable only attempts to close on
+     * horizontal positions ('left' / 'right').
+     */
+    position: Ref<'left' | 'right' | 'top' | 'bottom'>;
+    /** Called when the user completes a qualifying swipe-to-close gesture. */
+    onClose: () => void;
+    /**
+     * Fraction of the panel width that must be covered by the swipe to trigger
+     * a close. Defaults to 0.35 (35%).
+     */
+    distanceThreshold?: number;
+    /**
+     * Horizontal velocity (px/ms) above which a shorter swipe still closes.
+     * Defaults to 0.4.
+     */
+    velocityThreshold?: number;
+    /**
+     * Vertical-movement ratio above which the gesture is treated as a scroll
+     * and ignored. Defaults to 0.7 (vertical must be ≤ 70% of horizontal).
+     */
+    verticalRatio?: number;
+    /**
+     * Which swipe directions count as a close gesture.
+     *
+     * - `'away'` (default): only swipes toward the anchored edge close the
+     *   panel (left-positioned panel closes on left swipe, right-positioned
+     *   on right swipe).
+     * - `'both'`: swipes in either horizontal direction close the panel.
+     *
+     * Swipes against the anchored edge are visually constrained so the panel
+     * doesn't get pushed past its anchor.
+     */
+    closeDirections?: 'away' | 'both';
+}
+export interface UseSwipeToCloseReturn {
+    /** Whether a swipe is currently in progress. */
+    isDragging: Ref<boolean>;
+    /** Inline style to apply to the panel element (transform + transition). */
+    panelStyle: Ref<Record<string, string> | undefined>;
+    /** Handlers to bind to the panel element's touch events. */
+    touchHandlers: {
+        onTouchstart: (e: TouchEvent) => void;
+        onTouchend: (e: TouchEvent) => void;
+        onTouchcancel: () => void;
+    };
+}
+export declare function useSwipeToClose(panelRef: Ref<HTMLElement | null>, options: UseSwipeToCloseOptions): UseSwipeToCloseReturn;

package/dist/src/index.d.ts

@@ -1,5 +1,6 @@
 export { default as Calendar } from './components/Calendar.vue';
 export { default as DatePicker } from './components/DatePicker.vue';
+export { default as TextInput } from './components/TextInput.vue';
 export { default as Checkbox } from './components/Checkbox.vue';
 export { default as DateRangePicker } from './components/DateRangePicker.vue';
 export { default as DropdownSelect } from './components/DropdownSelect.vue';
@@ -25,10 +26,13 @@ export { default as DataListOptions } from './components/data-table/DataListOpti
 export { default as DataPaginator } from './components/data-table/DataPaginator.vue';
 export { default as FiltersHistory } from './components/data-table/FiltersHistory.vue';
 export { default as FilterTags } from './components/data-table/FilterTags.vue';
+export type { TextInputType, TextInputProps } from './components/TextInput.vue';
 export type { DataListProps } from './components/data-table/DataList.vue';
 export type { DatePickerProps } from './components/DatePicker.vue';
 export type { DateRangePickerProps } from './components/DateRangePicker.vue';
-export type { FilterItem } from './components/data-table/DataFilters.vue';
+export type { DataSearchProps } from './components/data-table/DataSearch.vue';
+export type { DataFiltersProps, FilterItem } from './components/data-table/DataFilters.vue';
+export type { FilterResponse } from './components/data-table/DataFilters.vue';
 export type { DropdownSelectProps, DropdownOption, DropdownSelectConfig, } from './components/DropdownSelect.vue';
 export type { DropdownMenuProps, DropdownMenuItem } from './components/DropdownMenu.vue';
 export type { SidebarProps, SidebarPosition } from './components/Sidebar.vue';

package/dist/src/styles/components/data-table/data-cards.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .c-cards-wrapper{position:relative}.ac-component .c-cards-wrapper.is-loading .c-cards{opacity:.45;transition:opacity .15s ease-out}.ac-component .c-cards-wrapper .c-cards{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);flex-direction:column;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.ac-component .c-cards-wrapper .c-cards.is-compact{gap:.25rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__header{--header-padding-y:.5rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__label{font-size:.6rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__field{min-height:unset;padding-top:.5rem;padding-bottom:.375rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__body{row-gap:.5rem;padding-bottom:.5rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__actions{padding-top:0}.ac-component .c-cards-wrapper .c-cards__loading-wrap{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.ac-component .c-cards-wrapper .c-cards__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;animation:.15s ease-out c-cards-backdrop-in;display:flex;position:absolute;inset:0}.ac-component .c-cards-wrapper .c-card{border:1px solid var(--neutral-200);background:var(--neutral-0);border-radius:.75rem;transition:border-color .15s,box-shadow .15s}.ac-component .c-cards-wrapper .c-card.is-open{border-color:var(--premium-500)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header{background:var(--premium-50)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__icon{transform:rotate(180deg)}.ac-component .c-cards-wrapper .c-card.is-selected{border-color:var(--premium-400);box-shadow:0 0 0 1px var(--premium-200)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header{background:var(--site-100)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header:hover{background:var(--site-200)}.ac-component .c-cards-wrapper .c-card__header{--header-padding-y:1rem;--header-padding-x:.75rem;width:100%;padding:var(--header-padding-y) var(--header-padding-x);border-radius:inherit;background:var(--neutral-50);color:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.75rem;line-height:1.2;transition:background-color .15s;display:flex}.ac-component .c-cards-wrapper .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card__check-zone{padding:0 .5rem 0 var(--header-padding-x);margin:calc(-1 * var(--header-padding-y)) -.5rem calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x));align-self:stretch;align-items:center;display:flex}.ac-component .c-cards-wrapper .c-card__check-zone .c-checkbox{width:1.25rem;height:1.25rem}.ac-component .c-cards-wrapper .c-card__heading{flex-direction:row;flex:auto;gap:1rem;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item:first-child{flex:2 1 0}.ac-component .c-cards-wrapper .c-card__label{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.ac-component .c-cards-wrapper .c-card__title{color:var(--neutral-900);font-size:.95rem;font-weight:700}.ac-component .c-cards-wrapper .c-card__icon{color:var(--neutral-700);font-size:.9rem;transition:transform .2s}.ac-component .c-cards-wrapper .c-card__body{--field-gap-x:.5rem;gap:.75rem var(--field-gap-x);flex-wrap:wrap;padding:1rem .75rem;display:flex;container-type:inline-size}.ac-component .c-cards-wrapper .c-card__field{flex:1 1 calc(50% - .5 * var(--field-gap-x));border:1px solid var(--neutral-200);border-radius:8px;align-items:center;min-height:2.75rem;padding:.75rem;display:flex;position:relative}.ac-component .c-cards-wrapper .c-card__field:hover .c-copy-btn{opacity:1}.ac-component .c-cards-wrapper .c-card__field-value{overflow-wrap:break-word;word-break:break-word;flex:1;font-size:.875rem}.ac-component .c-cards-wrapper .c-card__field-label{letter-spacing:.02em;background:var(--neutral-0);color:var(--neutral-600);padding:0 .125rem;font-size:.7rem;font-weight:700;position:absolute;top:-.5lh;left:.5rem}.ac-component .c-cards-wrapper .c-card__field .c-copy-btn{opacity:0}.ac-component .c-cards-wrapper .c-card__field-copy{background:var(--neutral-0);padding:.125rem;position:absolute;top:-.625lh;right:.375rem}.ac-component .c-cards-wrapper .c-card__field-copy:hover{color:var(--premium-600);background:var(--background-100)}@media (hover:none),(pointer:coarse){.ac-component .c-cards-wrapper .c-card__field:focus-within,.ac-component .c-cards-wrapper .c-card__field:hover{border-color:var(--neutral-300)}.ac-component .c-cards-wrapper .c-card__field:focus-within .c-card__field-copy,.ac-component .c-cards-wrapper .c-card__field:hover .c-card__field-copy{opacity:1}}.ac-component .c-cards-wrapper .c-card__actions{flex-wrap:wrap;flex:100%;justify-content:space-around;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}@keyframes c-cards-backdrop-in{0%{opacity:0}to{opacity:1}}@container (width<=526px){.ac-component .c-cards-wrapper .c-card__field{flex-basis:100%}}
+.ac-component .c-cards-wrapper{max-height:var(--data-list-max-height,75dvh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.ac-component .c-cards-wrapper.is-loading .c-cards{opacity:.45;transition:opacity .15s ease-out}.ac-component .c-cards-wrapper .c-cards{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);flex-direction:column;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.ac-component .c-cards-wrapper .c-cards.is-compact{gap:.25rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__header{--header-padding-y:.375rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__label{font-size:.6rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__field{min-height:unset;padding-top:.5rem;padding-bottom:.375rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__body{row-gap:.5rem;padding-bottom:.5rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__actions{padding-top:0}.ac-component .c-cards-wrapper .c-cards__loading-wrap{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.ac-component .c-cards-wrapper .c-cards__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;animation:.15s ease-out c-cards-backdrop-in;display:flex;position:absolute;inset:0}.ac-component .c-cards-wrapper .c-card{border:1px solid var(--neutral-200);background:var(--neutral-0);border-radius:.75rem;transition:border-color .15s,box-shadow .15s}.ac-component .c-cards-wrapper .c-card.is-open{border-color:var(--premium-500)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header{background:var(--premium-50)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__icon{transform:rotate(180deg)}.ac-component .c-cards-wrapper .c-card.is-selected{border-color:var(--premium-400);box-shadow:0 0 0 1px var(--premium-200)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header{background:var(--site-100)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header:hover{background:var(--site-200)}.ac-component .c-cards-wrapper .c-card__header{--header-padding-y:.75rem;--header-padding-x:.75rem;width:100%;padding:var(--header-padding-y) var(--header-padding-x);border-radius:inherit;background:var(--neutral-50);color:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.5rem;line-height:1.2;transition:background-color .15s;display:flex}.ac-component .c-cards-wrapper .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card__check-zone{padding:0 .5rem 0 var(--header-padding-x);margin:calc(-1 * var(--header-padding-y)) -.5rem calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x));align-self:stretch;align-items:center;display:flex}.ac-component .c-cards-wrapper .c-card__check-zone .c-checkbox{width:1.25rem;height:1.25rem}.ac-component .c-cards-wrapper .c-card__heading{flex-direction:row;flex:auto;gap:.5rem;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item:first-child{flex:2 1 0}.ac-component .c-cards-wrapper .c-card__label{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.ac-component .c-cards-wrapper .c-card__title{color:var(--neutral-900);font-size:.95rem;font-weight:700}.ac-component .c-cards-wrapper .c-card__icon{color:var(--neutral-700);font-size:.9rem;transition:transform .2s}.ac-component .c-cards-wrapper .c-card__body{--field-gap-x:.375rem;gap:.75rem var(--field-gap-x);flex-wrap:wrap;padding:.625rem;display:flex;container-type:inline-size}.ac-component .c-cards-wrapper .c-card__field{flex:1 1 calc(50% - .5 * var(--field-gap-x));border:1px solid var(--neutral-200);border-radius:8px;align-items:center;min-height:2.5rem;padding:.5rem;display:flex;position:relative}.ac-component .c-cards-wrapper .c-card__field:hover .c-copy-btn{opacity:1}.ac-component .c-cards-wrapper .c-card__field-value{overflow-wrap:break-word;word-break:break-word;flex:1;font-size:.875rem}.ac-component .c-cards-wrapper .c-card__field-label{letter-spacing:.02em;background:var(--neutral-0);color:var(--neutral-600);padding:0 .125rem;font-size:.7rem;font-weight:700;position:absolute;top:-.5lh;left:.5rem}.ac-component .c-cards-wrapper .c-card__field .c-copy-btn{opacity:0}.ac-component .c-cards-wrapper .c-card__field-copy{background:var(--neutral-0);padding:.125rem;position:absolute;top:-.625lh;right:.375rem}.ac-component .c-cards-wrapper .c-card__field-copy:hover{color:var(--premium-600);background:var(--background-100)}@media (hover:none),(pointer:coarse){.ac-component .c-cards-wrapper .c-card__field:focus-within,.ac-component .c-cards-wrapper .c-card__field:hover{border-color:var(--neutral-300)}.ac-component .c-cards-wrapper .c-card__field:focus-within .c-card__field-copy,.ac-component .c-cards-wrapper .c-card__field:hover .c-card__field-copy{opacity:1}}.ac-component .c-cards-wrapper .c-card__actions{flex-wrap:wrap;flex:100%;justify-content:space-around;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}@keyframes c-cards-backdrop-in{0%{opacity:0}to{opacity:1}}@container (width<=526px){.ac-component .c-cards-wrapper .c-card__field{flex-basis:100%}}

package/dist/src/styles/components/data-table/data-list.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .c-data-list__toolbar{z-index:1;margin-bottom:-1px;display:flex;position:relative}.ac-component .c-data-list__toolbar__item{border-radius:.5rem .5rem 0 0;padding:.25rem .625rem}.ac-component .c-data-list .dc-datetime{white-space:normal;display:inline}.ac-component .c-data-list .dc-datetime__part{white-space:nowrap}.ac-component .c-data-list .dc-datetime__sep{white-space:normal;width:.25em;display:inline-block}.ac-component .c-data-list .dc-loading{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (width<=768px){.ac-component .c-data-list .wrap-on-small{flex-wrap:wrap}}
+.ac-component .c-data-list .dc-datetime{white-space:normal;display:inline}.ac-component .c-data-list .dc-datetime__part{white-space:nowrap}.ac-component .c-data-list .dc-datetime__sep{white-space:normal;width:.25em;display:inline-block}.ac-component .c-data-list .dc-loading{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (width<=768px){.ac-component .c-data-list .wrap-on-small{flex-wrap:wrap}}

package/dist/src/styles/components/data-table/data-paginator.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.c-paginator-wrapper{padding-top:.25rem;container:paginator/inline-size}.c-paginator{background:var(--neutral-50);grid-template-columns:1fr auto 1fr;grid-template-areas:"info nav size";align-items:center;gap:1rem;padding:.75rem;font-size:.8125rem;display:grid;box-shadow:0 -2px 5px -1px #32325d40,0 -1px 3px -1px #0000004d}.c-paginator__info{color:var(--neutral-600);white-space:nowrap;grid-area:info;justify-self:start}.c-paginator__range{color:var(--neutral-800);font-weight:600}.c-paginator__nav{grid-area:nav;justify-self:center;align-items:center;gap:.25rem;display:flex}.c-paginator__page{min-width:2rem;height:2rem;color:var(--neutral-700);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:0 .375rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.c-paginator__page:hover{background:var(--neutral-150);border-color:var(--neutral-200)}.c-paginator__page.is-active{background:var(--premium-500);color:var(--neutral-0);border-color:var(--premium-500);cursor:default}.c-paginator__ellipsis{min-width:2rem;height:2rem;color:var(--neutral-400);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.c-paginator__size{grid-area:size;justify-self:end;align-items:center;display:flex}.c-paginator__select{appearance:none;border:1px solid var(--neutral-200);background:var(--neutral-0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a5759'/%3E%3C/svg%3E") no-repeat right .625rem center;color:var(--neutral-800);cursor:pointer;background-size:.625rem;border-radius:.375rem;padding:.375rem 2rem .375rem .625rem;font-size:.8125rem;transition:border-color .15s}.c-paginator__select:hover{border-color:var(--neutral-300)}.c-paginator__select:focus{border-color:var(--premium-500);outline:none;box-shadow:0 0 0 2px #f265221f}@container paginator (width<=640px){.c-paginator{grid-template-columns:1fr 1fr;grid-template-areas:"nav nav""info size"}.c-paginator__nav{justify-self:center;width:max-content;max-width:100%}.c-paginator__info{text-align:left;white-space:nowrap;justify-self:start}.c-paginator__size{justify-content:flex-end;justify-self:end;display:flex}}@container paginator (width<=420px){.c-paginator .is-hidden-sm{display:none}}
+.c-paginator-wrapper{padding-top:.25rem;container:paginator/inline-size}.c-paginator{background:var(--neutral-50);grid-template-columns:1fr auto 1fr;grid-template-areas:"info nav size";align-items:center;gap:1rem;padding:.75rem;font-size:.8125rem;display:grid;box-shadow:0 -2px 5px -1px #32325d40,0 -1px 3px -1px #0000004d}.c-paginator__info{color:var(--neutral-600);white-space:nowrap;grid-area:info;justify-self:start}.c-paginator__range{color:var(--neutral-800);font-weight:600}.c-paginator__nav{grid-area:nav;justify-self:center;align-items:center;gap:.25rem;display:flex}.c-paginator__page{min-width:2rem;height:2rem;color:var(--neutral-700);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:0 .375rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.c-paginator__page:hover{background:var(--neutral-150);border-color:var(--neutral-200)}.c-paginator__page.is-active{background:var(--ac-color-info);color:var(--neutral-0);border-color:var(--ac-color-info);cursor:default}.c-paginator__ellipsis{min-width:2rem;height:2rem;color:var(--neutral-400);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.c-paginator__size{grid-area:size;justify-self:end;align-items:center;display:flex}.c-paginator__select{appearance:none;border:1px solid var(--neutral-200);background:var(--neutral-0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a5759'/%3E%3C/svg%3E") no-repeat right .625rem center;color:var(--neutral-800);cursor:pointer;background-size:.625rem;border-radius:.375rem;padding:.375rem 2rem .375rem .625rem;font-size:.8125rem;transition:border-color .15s}.c-paginator__select:hover{border-color:var(--neutral-300)}.c-paginator__select:focus{border-color:var(--ac-color-info);outline:none;box-shadow:0 0 0 2px #f265221f}@container paginator (width<=640px){.c-paginator{grid-template-columns:1fr 1fr;grid-template-areas:"nav nav""info size"}.c-paginator__nav{justify-self:center;width:max-content;max-width:100%}.c-paginator__info{text-align:left;white-space:nowrap;justify-self:start}.c-paginator__size{justify-content:flex-end;justify-self:end;display:flex}}@container paginator (width<=420px){.c-paginator .is-hidden-sm{display:none}}

package/dist/src/styles/components/data-table/data-search.scss_vue_type_style_index_0_src_true_lang.css

@@ -0,0 +1 @@
+.ac-component .data-search-wrapper{align-items:center;gap:.75rem;display:flex}.ac-component .data-search-label{text-align:center;text-transform:none;font-size:.7rem;line-height:normal}

package/dist/src/styles/components/data-table/data-table.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.c-table-wrapper{max-height:var(--table-max-height,70vh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-table-wrapper .c-table{--cell-padding:.75rem .5rem;--action-count:0;--min-width-per-action:2.5rem;border-collapse:collapse;width:100%;min-width:48rem;font-size:.875rem}.c-table-wrapper .c-table thead{z-index:2;background-color:var(--neutral-150);position:sticky;top:0;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.c-table-wrapper .c-table th,.c-table-wrapper .c-table td{padding:var(--cell-padding);text-align:left;border-bottom:1px solid var(--neutral-200)}.c-table-wrapper .c-table th.c-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.c-table-wrapper .c-table th.c-sortable--sorted{color:var(--premium-500)}.c-table-wrapper .c-table th .c-sort-icon{color:var(--neutral-400);margin-left:.25rem;transition:color .15s}.c-table-wrapper .c-table th .c-sort-icon--active{color:var(--premium-500)}.c-table-wrapper .c-table td.is-nowrap{white-space:nowrap}.c-table-wrapper .c-table.is-compact th{padding-top:.75rem;padding-bottom:.75rem}.c-table-wrapper .c-table.is-compact td{padding-top:.375rem;padding-bottom:.375rem}.c-table-wrapper .c-table tbody tr.is-striped{background-color:var(--neutral-50)}.c-table-wrapper .c-table tbody tr.is-selected,.c-table-wrapper .c-table tbody tr.is-striped.is-selected{background-color:var(--premium-200)}.c-table-wrapper .c-table tbody .c-table__loading-row,.c-table-wrapper .c-table tbody .c-table__loading-row:hover{background-color:#0000}.c-table-wrapper .c-table tbody .c-table__loading-cell{text-align:center;border-bottom:1px solid var(--neutral-200);padding:2rem}.c-table-wrapper .c-table tbody .c-table__loading-wrap{justify-content:center;align-items:center;width:100%;display:flex}@media (hover:hover) and (pointer:fine){.c-table-wrapper .c-table th.c-sortable:hover .c-sort-icon{color:var(--neutral-700)}.c-table-wrapper .c-table tbody tr:hover,.c-table-wrapper .c-table tbody tr.is-striped:hover{background-color:var(--premium-100)}.c-table-wrapper .c-table tbody tr:hover td,.c-table-wrapper .c-table tbody tr.is-striped:hover td{border-color:var(--premium-400)}.c-table-wrapper .c-table tbody tr.is-selected:hover,.c-table-wrapper .c-table tbody tr.is-striped.is-selected:hover{background-color:var(--premium-300)}}.c-table-wrapper .c-table .c-actions-header{text-align:center;min-width:calc(var(--action-count) * var(--min-width-per-action))}.c-table-wrapper .c-table .c-actions-cell{min-width:calc(var(--action-count) * var(--min-width-per-action))}.c-table-wrapper .c-table .c-actions-cell .c-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;display:flex}.c-table-wrapper .c-table__cell{position:relative}@media (hover:none),(pointer:coarse){.c-table-wrapper .c-table__cell{transition:background-color .15s}.c-table-wrapper .c-table__cell:focus-within,.c-table-wrapper .c-table__cell:hover{background-color:#dfefef80}}.c-table-wrapper .c-table__cell .c-copy-btn{opacity:0;position:absolute;top:0;right:0}.c-table-wrapper .c-table__cell:hover .c-copy-btn,.c-table-wrapper .c-table__cell:focus-within .c-copy-btn{opacity:1}.c-table-wrapper .c-table__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;padding-top:3rem;animation:.15s ease-out c-table-backdrop-in;display:flex;position:absolute;inset:0}.c-table-wrapper.is-loading .c-table tbody{opacity:.45;transition:opacity .15s ease-out}@keyframes c-table-backdrop-in{0%{opacity:0}to{opacity:1}}
+.c-table-wrapper{max-height:var(--data-list-max-height,75dvh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-table-wrapper .c-table{--cell-padding:.5rem .375rem;--action-count:0;--min-width-per-action:2.5rem;border-collapse:collapse;width:100%;min-width:48rem;font-size:.875rem}.c-table-wrapper .c-table thead{z-index:2;background-color:var(--neutral-150);position:sticky;top:0;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.c-table-wrapper .c-table th,.c-table-wrapper .c-table td{padding:var(--cell-padding);text-align:left;border-bottom:1px solid var(--neutral-200)}.c-table-wrapper .c-table .primary-col{min-width:12rem}.c-table-wrapper .c-table th.c-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.c-table-wrapper .c-table th.c-sortable--sorted{color:var(--premium-500)}.c-table-wrapper .c-table th .c-sort-icon{color:var(--neutral-400);margin-left:.25rem;transition:color .15s}.c-table-wrapper .c-table th .c-sort-icon--active{color:var(--premium-500)}.c-table-wrapper .c-table td.is-nowrap{white-space:nowrap}.c-table-wrapper .c-table.is-compact th{padding-top:.5rem;padding-bottom:.5rem}.c-table-wrapper .c-table.is-compact td{padding-top:.1875rem;padding-bottom:.1875rem}.c-table-wrapper .c-table tbody tr.is-striped{background-color:var(--neutral-50)}.c-table-wrapper .c-table tbody tr.is-selected,.c-table-wrapper .c-table tbody tr.is-striped.is-selected{background-color:var(--premium-200)}.c-table-wrapper .c-table tbody .c-table__loading-row,.c-table-wrapper .c-table tbody .c-table__loading-row:hover{background-color:#0000}.c-table-wrapper .c-table tbody .c-table__loading-cell{text-align:center;border-bottom:1px solid var(--neutral-200);padding:2rem}.c-table-wrapper .c-table tbody .c-table__loading-wrap{justify-content:center;align-items:center;width:100%;display:flex}@media (hover:hover) and (pointer:fine){.c-table-wrapper .c-table th.c-sortable:hover .c-sort-icon{color:var(--neutral-700)}.c-table-wrapper .c-table tbody tr:hover,.c-table-wrapper .c-table tbody tr.is-striped:hover{background-color:var(--premium-100)}.c-table-wrapper .c-table tbody tr:hover td,.c-table-wrapper .c-table tbody tr.is-striped:hover td{border-color:var(--premium-400)}.c-table-wrapper .c-table tbody tr.is-selected:hover,.c-table-wrapper .c-table tbody tr.is-striped.is-selected:hover{background-color:var(--premium-300)}}.c-table-wrapper .c-table .c-actions-header{text-align:center;min-width:calc(var(--action-count) * var(--min-width-per-action))}.c-table-wrapper .c-table .c-actions-cell{min-width:calc(var(--action-count) * var(--min-width-per-action))}.c-table-wrapper .c-table .c-actions-cell .c-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;display:flex}.c-table-wrapper .c-table__cell{position:relative}@media (hover:none),(pointer:coarse){.c-table-wrapper .c-table__cell{transition:background-color .15s}.c-table-wrapper .c-table__cell:focus-within,.c-table-wrapper .c-table__cell:hover{background-color:#dfefef80}}.c-table-wrapper .c-table__cell .c-copy-btn{opacity:0;position:absolute;top:0;right:0}.c-table-wrapper .c-table__cell:hover .c-copy-btn,.c-table-wrapper .c-table__cell:focus-within .c-copy-btn{opacity:1}.c-table-wrapper .c-table__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;padding-top:3rem;animation:.15s ease-out c-table-backdrop-in;display:flex;position:absolute;inset:0}.c-table-wrapper.is-loading .c-table tbody{opacity:.45;transition:opacity .15s ease-out}@keyframes c-table-backdrop-in{0%{opacity:0}to{opacity:1}}

package/dist/src/styles/components/dropdown-select.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .ds-wrapper{--ds-field-padding:.375rem .5rem}.ac-component .ds-wrapper .ds-value{padding:var(--ac-input-padding);font-size:inherit;color:var(--neutral-900);flex:1;padding-right:.125rem}.ac-component .ds-wrapper .c-input-row--sm .ds-value{padding:var(--ac-input-padding-sm);padding-right:.125rem}.ac-component .ds-wrapper .c-input-row--lg .ds-value{padding:var(--ac-input-padding-lg);padding-right:.125rem}.ac-component .ds-wrapper .ds-dropdown{right:0}.ac-component .ds-wrapper .ds-filter{padding:var(--ac-field-padding);border-bottom:1px solid var(--neutral-100);align-items:center;gap:.5rem;display:flex;position:relative}.ac-component .ds-wrapper .ds-dropdown--multiple .ds-filter,.ac-component .ds-wrapper .ds-dropdown--multiple .ds-option{padding:var(--ds-field-padding)}.ac-component .ds-wrapper .ds-select-all-checkbox{flex-shrink:0}.ac-component .ds-wrapper .ds-filter-input{border:1px solid var(--neutral-200);width:100%;color:var(--neutral-900);border-radius:.375rem;outline:none;padding:.375rem 1.5rem .375rem .5rem;font-family:inherit;font-size:.8125rem}.ac-component .ds-wrapper .ds-filter-input::placeholder{color:var(--neutral-400)}.ac-component .ds-wrapper .ds-clear-btn{padding:0 .125rem 0 0}.ac-component .ds-wrapper .ds-filter-clear{padding:0;position:absolute;top:50%;right:1.375rem;transform:translateY(-50%)}.ac-component .ds-wrapper .ds-options{max-height:12.5rem;margin:0;padding:.25rem 0;list-style:none;overflow-y:auto}.ac-component .ds-wrapper .d-option{cursor:pointer;align-items:center;gap:.5rem;transition:background-color .1s;display:flex}.ac-component .ds-wrapper .d-option__label{flex:1}.ac-component .ds-wrapper .dm-option{align-items:center;gap:.375em;display:flex}.ac-component .ds-wrapper .dm-trigger .c-icon-btn--chevron{color:inherit}.ac-component .ds-wrapper .ds-option{padding:var(--ac-field-padding);color:var(--neutral-800);font-size:.875rem}.ac-component .ds-wrapper .ds-option:hover{background:var(--neutral-50)}.ac-component .ds-wrapper .ds-option--selected{background:var(--neutral-100);font-weight:500}.ac-component .ds-wrapper .ds-option--empty{color:var(--neutral-400);cursor:default;font-style:italic}.ac-component .ds-wrapper .ds-option--empty:hover{background:0 0}
+.ac-component .ds-wrapper{--ds-field-padding:.375rem .5rem}.ac-component .ds-wrapper .ds-value{padding:var(--ac-input-padding);font-size:inherit;color:var(--neutral-900);flex:1;padding-right:.125rem}.ac-component .ds-wrapper .c-input-row--sm .ds-value{padding:var(--ac-input-padding-sm);padding-right:.125rem}.ac-component .ds-wrapper .c-input-row--lg .ds-value{padding:var(--ac-input-padding-lg);padding-right:.125rem}.ac-component .ds-wrapper .ds-dropdown{right:0}.ac-component .ds-wrapper .ds-filter{padding:var(--ac-field-padding);border-bottom:1px solid var(--neutral-100);align-items:center;gap:.5rem;display:flex;position:relative}.ac-component .ds-wrapper .ds-dropdown--multiple .ds-filter,.ac-component .ds-wrapper .ds-dropdown--multiple .ds-option{padding:var(--ds-field-padding)}.ac-component .ds-wrapper .ds-select-all-checkbox{flex-shrink:0}.ac-component .ds-wrapper .ds-filter-input{border:1px solid var(--neutral-200);width:100%;color:var(--neutral-900);border-radius:.375rem;outline:none;padding:.375rem 1.5rem .375rem .5rem;font-family:inherit;font-size:.8125rem}.ac-component .ds-wrapper .ds-filter-input::placeholder{color:var(--ac-placeholder-color)}.ac-component .ds-wrapper .ds-clear-btn{padding:0 .125rem 0 0}.ac-component .ds-wrapper .ds-filter-clear{padding:0;position:absolute;top:50%;right:1.375rem;transform:translateY(-50%)}.ac-component .ds-wrapper .ds-options{max-height:var(--dropdown-max-height,18rem);margin:0;padding:.25rem 0;list-style:none;overflow-y:auto}.ac-component .ds-wrapper .d-option{cursor:pointer;align-items:center;gap:.5rem;transition:background-color .1s;display:flex}.ac-component .ds-wrapper .d-option__label{flex:1}.ac-component .ds-wrapper .dm-option{align-items:center;gap:.375em;display:flex}.ac-component .ds-wrapper .dm-trigger .c-icon-btn--chevron{color:inherit}.ac-component .ds-wrapper .ds-option{padding:var(--ac-field-padding);color:var(--neutral-800);font-size:.875rem}.ac-component .ds-wrapper .ds-option:hover{background:var(--neutral-50)}.ac-component .ds-wrapper .ds-option--selected{background:var(--neutral-100);font-weight:500}.ac-component .ds-wrapper .ds-option--empty{color:var(--neutral-400);cursor:default;font-style:italic}.ac-component .ds-wrapper .ds-option--empty:hover{background:0 0}

package/dist/src/styles/components/image-picker.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .c-image-picker__container{flex-direction:column;gap:1rem;display:flex}.ac-component .c-image-picker__container--horizontal{flex-direction:row}.ac-component .c-image-picker__preview-section{flex-direction:column;flex-shrink:0;gap:.75rem;display:flex}.ac-component .c-image-picker__preview{aspect-ratio:4/3;border:1px solid var(--neutral-200);border-radius:var(--ac-field-border-radius);background-color:var(--neutral-50);justify-content:center;align-items:center;min-height:150px;display:flex;position:relative;overflow:hidden}.ac-component .c-image-picker__img{object-fit:cover;width:100%;height:100%}.ac-component .c-image-picker__placeholder{color:var(--neutral-500);text-align:center;margin:0;padding:1rem;font-size:.875rem}.ac-component .c-image-picker__buttons{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ac-component .c-image-picker__details{flex-direction:column;gap:1rem;display:flex}
+.ac-component .c-image-picker__container{flex-direction:column;gap:1rem;display:flex}.ac-component .c-image-picker__container--horizontal{flex-direction:row}.ac-component .c-image-picker__preview-section{flex-direction:column;flex-shrink:0;gap:.75rem;display:flex}.ac-component .c-image-picker__preview{aspect-ratio:4/3;border:1px solid var(--neutral-200);border-radius:var(--ac-field-border-radius);background-color:var(--neutral-50);justify-content:center;align-items:center;min-height:150px;display:flex;position:relative;overflow:hidden}.ac-component .c-image-picker__img{object-fit:cover;width:100%;height:100%}.ac-component .c-image-picker__placeholder{color:var(--ac-placeholder-color);text-align:center;margin:0;padding:1rem;font-size:.875rem}.ac-component .c-image-picker__buttons{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ac-component .c-image-picker__details{flex-direction:column;gap:1rem;display:flex}

package/dist/src/styles/components/sidebar.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .sb-backdrop{z-index:9999;background:#0003;position:fixed;inset:0}.ac-component .sb-panel{font-family:var(--ac-font-family);z-index:10000;background:var(--background-100);flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 18px #323a3ba6}.ac-component .sb-panel--left{width:min(24rem,85vw);top:0;bottom:0;left:0}.ac-component .sb-panel--right{width:min(24rem,85vw);top:0;bottom:0;right:0}.ac-component .sb-panel--top{height:min(20rem,70vh);top:0;left:0;right:0}.ac-component .sb-panel--bottom{height:min(20rem,70vh);bottom:0;left:0;right:0}.ac-component .sb-close{background:var(--neutral-150);z-index:1;border:none;font-size:1rem;transition:background-color .15s,color .15s}.ac-component .sb-close--absolute{position:absolute;top:.75rem;right:.75rem}.ac-component .sb-close:hover{background:var(--neutral-200);color:var(--neutral-900)}.ac-component .sb-header{background:var(--neutral-0);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.ac-component .sb-title{letter-spacing:0;color:var(--neutral-700);margin:0;font-size:1.125rem;font-weight:600}.ac-component .sb-content{flex:1;padding:1rem;overflow-y:auto}.ac-component .sb-fade-enter-active,.ac-component .sb-fade-leave-active{transition:opacity .2s}.ac-component .sb-fade-enter-from,.ac-component .sb-fade-leave-to{opacity:0}.ac-component .sb-slide-left-enter-active,.ac-component .sb-slide-left-leave-active,.ac-component .sb-slide-right-enter-active,.ac-component .sb-slide-right-leave-active,.ac-component .sb-slide-top-enter-active,.ac-component .sb-slide-top-leave-active,.ac-component .sb-slide-bottom-enter-active,.ac-component .sb-slide-bottom-leave-active{transition:transform .25s}.ac-component .sb-slide-left-enter-from,.ac-component .sb-slide-left-leave-to{transform:translate(-100%)}.ac-component .sb-slide-right-enter-from,.ac-component .sb-slide-right-leave-to{transform:translate(100%)}.ac-component .sb-slide-top-enter-from,.ac-component .sb-slide-top-leave-to{transform:translateY(-100%)}.ac-component .sb-slide-bottom-enter-from,.ac-component .sb-slide-bottom-leave-to{transform:translateY(100%)}
+.ac-component .sb-backdrop{z-index:9999;background:#0003;position:fixed;inset:0}.ac-component .sb-panel{--horizontal-panel-width:clamp(28rem, 25dvw, 36rem);--vertical-panel-height:clamp(14rem, 25dvh, 32rem);font-family:var(--ac-font-family);z-index:10000;background:var(--background-100);touch-action:pan-y;will-change:transform;flex-direction:column;transition:transform .2s;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 18px #323a3ba6}.ac-component .sb-panel--dragging{transition:none}.ac-component .sb-panel--left{width:var(--horizontal-panel-width);top:0;bottom:0;left:0}.ac-component .sb-panel--right{width:var(--horizontal-panel-width);top:0;bottom:0;right:0}.ac-component .sb-panel--top{height:var(--vertical-panel-height);top:0;left:0;right:0}.ac-component .sb-panel--bottom{height:var(--vertical-panel-height);bottom:0;left:0;right:0}@media (width<=420px){.ac-component .sb-panel{--horizontal-panel-width:100%;--vertical-panel-height:100%}}.ac-component .sb-close{background:var(--neutral-150);z-index:1;border:none;font-size:1rem;transition:background-color .15s,color .15s}.ac-component .sb-close--absolute{position:absolute;top:.75rem;right:.75rem}.ac-component .sb-close:hover{background:var(--neutral-200);color:var(--neutral-900)}.ac-component .sb-header{background:var(--neutral-0);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.ac-component .sb-title{letter-spacing:0;color:var(--neutral-700);margin:0;font-size:1.125rem;font-weight:600}.ac-component .sb-content{flex:1;padding:1rem;overflow-y:auto}.ac-component .sb-fade-enter-active,.ac-component .sb-fade-leave-active{transition:opacity .2s}.ac-component .sb-fade-enter-from,.ac-component .sb-fade-leave-to{opacity:0}.ac-component .sb-slide-left-enter-active,.ac-component .sb-slide-left-leave-active,.ac-component .sb-slide-right-enter-active,.ac-component .sb-slide-right-leave-active,.ac-component .sb-slide-top-enter-active,.ac-component .sb-slide-top-leave-active,.ac-component .sb-slide-bottom-enter-active,.ac-component .sb-slide-bottom-leave-active{transition:transform .25s}.ac-component .sb-slide-left-enter-from,.ac-component .sb-slide-left-leave-to{transform:translate(-100%)}.ac-component .sb-slide-right-enter-from,.ac-component .sb-slide-right-leave-to{transform:translate(100%)}.ac-component .sb-slide-top-enter-from,.ac-component .sb-slide-top-leave-to{transform:translateY(-100%)}.ac-component .sb-slide-bottom-enter-from,.ac-component .sb-slide-bottom-leave-to{transform:translateY(100%)}

package/dist/src/types/data-list.d.ts

@@ -34,7 +34,6 @@ export interface PaginatorSettings extends PageSettings {
 export interface DataListConfig {
     selectableAttr?: string | undefined;
     columns: Column[];
-    sortEnabled: boolean;
     actions?: Array<Action | ActionGroup> | undefined;
     actionHeader?: string | undefined;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "admins-components",
-  "version": "9.0.27",
+  "version": "9.0.29",
   "type": "module",
   "module": "./dist/admins-components.js",
   "types": "./dist/index.d.ts",

package/dist/admins-components158.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admins-components158.js","names":[],"sources":["../src/vueformelements/DateTimePickerElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ref, watch } from 'vue'\nimport DatePicker from '@/components/DatePicker.vue'\n\nexport default defineElement({\n  name: 'DateTimePickerElement',\n  components: {\n    DatePicker,\n  },\n  setup(props, context) {\n    const { value } = context.element\n    value.value = new Date()\n\n    const placeholder = context.attrs.placeholder\n    const initial = ref(null)\n    const display = ref(false)\n\n    const setValue = (v) => {\n      if (v && v.utc) {\n        value.value = v.utc\n      }\n    }\n\n    watch(\n      value,\n      () => {\n        initial.value = {\n          local: value.value ? new Date(value.value) : null,\n          utc: value.value,\n        }\n        display.value = true\n      },\n      { deep: true, immediate: true }\n    )\n\n    return {\n      display,\n      placeholder,\n      initial,\n      value,\n      setValue,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <DatePicker\n        v-if=\"display\"\n        :model-value=\"initial\"\n        :config=\"{ showTime: true, placeholder: placeholder }\"\n        @update:model-value=\"setValue($event)\"\n      />\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n"],"mappings":";;;;;AAMA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,YAAY,EACV,YAAA,EACF;CACA,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ;EAC1B,EAAM,wBAAQ,IAAI,KAAK;EAEvB,IAAM,IAAc,EAAQ,MAAM,aAC5B,IAAU,EAAI,IAAI,GAClB,IAAU,EAAI,EAAK;EAoBzB,OAZA,EACE,SACM;GAKJ,AAJA,EAAQ,QAAQ;IACd,OAAO,EAAM,QAAQ,IAAI,KAAK,EAAM,KAAK,IAAI;IAC7C,KAAK,EAAM;GACb,GACA,EAAQ,QAAQ;EAClB,GACA;GAAE,MAAM;GAAM,WAAW;EAAK,CAChC,GAEO;GACL;GACA;GACA;GACA;GACA,WAvBgB,MAAM;IACtB,AAAI,KAAK,EAAE,QACT,EAAM,QAAQ,EAAE;GAEpB;EAoBA;CACF;AACF,CAAC;;;aAIC,EAgBgB,GAAA,MAAA,EAAA;EAfH,SAAO,QAMd,CAJM,EAAA,WAAA,EAAA,GADR,EAKE,GAAA;;GAHC,eAAa,EAAA;GACb,QAAM;IAAA,UAAA;IAAA,aAAiC,EAAA;GAAW;GAClD,uBAAkB,AAAA,EAAA,QAAA,MAAE,EAAA,SAAS,CAAM;;;OAIF,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/admins-components24.js

@@ -1,7 +0,0 @@
-import './src/styles/components/dropdown-select.scss_vue_type_style_index_0_src_true_lang.css';
-/* empty css                    */
-import e from "./admins-components23.js";
-//#region src/components/DropdownMenu.vue
-var t = e;
-//#endregion
-export { t as default };

package/dist/admins-components30.js

@@ -1,7 +0,0 @@
-import './src/styles/components/header.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components28.js";
-/* empty css                    */
-//#region src/components/HeaderComponent.vue
-var t = e;
-//#endregion
-export { t as default };

package/dist/admins-components30.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admins-components30.js","names":[],"sources":["../src/components/HeaderComponent.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ButtonProps } from '@/components/Button.vue'\nimport type { HorizontalAlignment } from '@/types/types'\n\nexport interface HeaderToolbar {\n  align: HorizontalAlignment\n  buttons: ButtonProps[]\n}\n\nexport interface HeaderComponentProps {\n  title: string\n  icon?: string\n  showBackButton?: boolean\n  toolbars?: HeaderToolbar[]\n}\n\nexport const headerComponentDefaults = {\n  icon: undefined,\n  showBackButton: false,\n  toolbars: () => [],\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport Button from '@/components/Button.vue'\n\nconst props = withDefaults(defineProps<HeaderComponentProps>(), {\n  ...headerComponentDefaults,\n})\n\nconst emit = defineEmits<{ back: [] }>()\n\nconst sortedToolbars = computed(() => {\n  const order: Record<HorizontalAlignment, number> = { left: 0, center: 1, right: 2 }\n  return [...props.toolbars].sort((a, b) => order[a.align] - order[b.align])\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <header class=\"hc-header\">\n      <div class=\"hc-left\">\n        <Button\n          v-if=\"showBackButton\"\n          class=\"hc-back-btn\"\n          icon=\"fa-solid fa-chevron-left\"\n          aria-label=\"Vissza\"\n          @click=\"emit('back')\"\n        />\n\n        <div class=\"hc-title-group\">\n          <i v-if=\"icon\" :class=\"icon\" class=\"hc-title-icon\"></i>\n          <h1 class=\"hc-title\">{{ title }}</h1>\n        </div>\n\n        <div v-if=\"$slots.left\" class=\"hc-slot hc-slot--left\">\n          <slot name=\"left\" />\n        </div>\n\n        <div\n          v-for=\"(toolbar, ti) in sortedToolbars.filter((t) => t.align === 'left')\"\n          :key=\"`l-${ti}`\"\n          class=\"hc-buttons hc-buttons--left\"\n        >\n          <Button v-for=\"(btn, i) in toolbar.buttons\" :key=\"i\" v-bind=\"btn\" />\n        </div>\n      </div>\n\n      <div\n        v-if=\"$slots.center || sortedToolbars.some((t) => t.align === 'center')\"\n        class=\"hc-slot hc-slot--center\"\n      >\n        <slot name=\"center\" />\n        <div\n          v-for=\"(toolbar, ti) in sortedToolbars.filter((t) => t.align === 'center')\"\n          :key=\"`c-${ti}`\"\n          class=\"hc-buttons\"\n        >\n          <Button v-for=\"(btn, i) in toolbar.buttons\" :key=\"i\" v-bind=\"btn\" />\n        </div>\n      </div>\n\n      <div\n        v-if=\"$slots.right || sortedToolbars.some((t) => t.align === 'right')\"\n        class=\"hc-slot hc-slot--right\"\n      >\n        <slot name=\"right\" />\n        <div\n          v-for=\"(toolbar, ti) in sortedToolbars.filter((t) => t.align === 'right')\"\n          :key=\"`r-${ti}`\"\n          class=\"hc-buttons\"\n        >\n          <Button v-for=\"(btn, i) in toolbar.buttons\" :key=\"i\" v-bind=\"btn\" />\n        </div>\n      </div>\n    </header>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/header.scss\"></style>\n"],"mappings":""}

package/dist/admins-components41.js

@@ -1,7 +0,0 @@
-import './src/styles/components/image-picker.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components39.js";
-/* empty css                    */
-//#region src/components/custom/ImagePicker.vue
-var t = e;
-//#endregion
-export { t as default };

package/dist/admins-components41.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admins-components41.js","names":[],"sources":["../src/components/custom/ImagePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ImagePickerModel {\n  id: string\n  url: string\n  source: string\n  title: string\n  isAdult: boolean\n}\n\nexport interface ImagePickerProps {\n  modelValue?: ImagePickerModel\n  details?: boolean\n  editable?: boolean\n  direction?: 'horizontal' | 'vertical'\n  articleEditorUrl: string\n  environment: string\n  searchImageWidgetUrl: string\n  imageBaseUrl: string\n  imageViewId: string\n}\n\nconst defaultValue: ImagePickerModel = {\n  id: '',\n  url: '',\n  isAdult: false,\n  source: '',\n  title: '',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport Modal from '@/components/Modal.vue'\nimport Button from '@/components/Button.vue'\n\nconst props = withDefaults(defineProps<ImagePickerProps>(), {\n  modelValue: undefined,\n  details: false,\n  editable: false,\n  direction: 'vertical',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: ImagePickerModel): void\n}>()\n\nconst local = ref<ImagePickerModel>(defaultValue)\nconst showImageModal = ref(false)\n\nwatch(\n  () => local.value,\n  () => {\n    emit('update:modelValue', local.value)\n  },\n  { deep: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) {\n      local.value = newValue\n    }\n  },\n  { deep: true, immediate: true },\n)\n\n// Generate unique ID\nconst uniqueId = (() => {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID()\n  return `ip-${Date.now()}-${Math.random().toString(36).slice(2)}`\n})()\n\nconst imageCausationId = `${uniqueId}-image-picker-causation`\n\n// Load external search image widget script\nonMounted(() => {\n  // Check if custom element is already registered\n  if (!customElements.get('hvg-search-image')) {\n    if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = props.searchImageWidgetUrl\n      script.async = true\n      document.head.appendChild(script)\n    }\n  }\n})\n\n// Computed properties\nconst hasImage = computed(() => {\n  return (\n    local.value &&\n    ((local.value.url && local.value.url.length > 0) ||\n      (local.value.id && local.value.id.length > 0))\n  )\n})\n\nconst imageUrl = computed(() => {\n  if (!hasImage.value) return undefined\n  if (local.value.url && local.value.url.length > 0) return local.value.url\n  return `${props.imageBaseUrl}/${props.imageViewId}/${local.value.id}.img`\n})\n\nconst isHorizontal = computed(() => props.direction === 'horizontal')\n\n// Event handlers\nconst selectImage = (event: MouseEvent) => {\n  event.preventDefault()\n  showImageModal.value = true\n}\n\nconst resetImage = (event: MouseEvent) => {\n  event.preventDefault()\n  local.value = { ...defaultValue }\n}\n\nconst onImageSelected = (e: CustomEvent) => {\n  if (e?.detail?.causationid === imageCausationId) {\n    showImageModal.value = false\n\n    if (e.detail?.image) {\n      local.value = {\n        id: e.detail.image.id,\n        url: '',\n        isAdult: e.detail.image.isAdult,\n        source: e.detail.image.source,\n        title: e.detail.image.title,\n      }\n    }\n  }\n}\n\n// Event listeners\nonMounted(() => {\n  window.addEventListener('image-selected', onImageSelected as EventListener)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('image-selected', onImageSelected as EventListener)\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-image-picker\">\n      <div\n        class=\"c-image-picker__container\"\n        :class=\"{ 'c-image-picker__container--horizontal': isHorizontal }\"\n      >\n        <div class=\"c-image-picker__preview\">\n          <img\n            v-if=\"hasImage\"\n            :src=\"imageUrl\"\n            :alt=\"local.title || 'Selected image'\"\n            class=\"c-image-picker__img\"\n          />\n          <p v-else class=\"c-image-picker__placeholder\">Nincs kiválasztott kép</p>\n        </div>\n\n        <!-- Action Buttons -->\n        <div class=\"c-image-picker__buttons\">\n          <Button\n            type=\"success\"\n            label=\"Kép kiválasztása\"\n            class=\"nowrap\"\n            @click=\"selectImage\"\n            icon=\"fa-solid fa-image\"\n          ></Button>\n          <Button\n            type=\"error\"\n            label=\"Eltávolítás\"\n            class=\"nowrap\"\n            @click=\"resetImage\"\n            icon=\"fa-solid fa-trash\"\n          ></Button>\n        </div>\n\n        <!-- Details Section -->\n        <div v-if=\"details && local.id\" class=\"c-image-picker__details\">\n          <!-- Source Input -->\n          <div>\n            <label for=\"image-source\" class=\"c-label\">Forrás</label>\n            <div class=\"c-input-row\">\n              <input\n                v-model=\"local.source\"\n                id=\"image-source\"\n                type=\"text\"\n                class=\"c-input\"\n                placeholder=\"Kép forrása\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Title/Alt Text Input -->\n          <div>\n            <label for=\"image-title\" class=\"c-label\">Cím / Alt szöveg</label>\n            <div class=\"c-input-row\">\n              <textarea\n                v-model=\"local.title\"\n                id=\"image-title\"\n                class=\"c-input c-image-picker__textarea\"\n                placeholder=\"Cím vagy alt szöveg\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Adult Content Checkbox -->\n          <div class=\"flex-center gap-1\">\n            <input\n              id=\"image-adult\"\n              v-model=\"local.isAdult\"\n              type=\"checkbox\"\n              class=\"c-checkbox\"\n              :checked=\"local.isAdult\"\n              :disabled=\"!editable\"\n            />\n            <label for=\"image-adult\" class=\"c-label\">Felnőtt tartalom</label>\n          </div>\n        </div>\n      </div>\n\n      <!-- Image Search Modal Dialog -->\n      <Modal v-if=\"showImageModal\" @close=\"showImageModal = false\">\n        <hvg-search-image\n          :causationid=\"imageCausationId\"\n          :viewid=\"imageViewId\"\n          :environment=\"environment\"\n          :aeurl=\"articleEditorUrl\"\n          selectonly=\"true\"\n        />\n      </Modal>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/image-picker.scss\"></style>\n"],"mappings":""}

package/dist/admins-components44.js

@@ -1,180 +0,0 @@
-import e from "./admins-components6.js";
-import t from "./admins-components22.js";
-import n from "./admins-components33.js";
-import r from "./admins-components41.js";
-import { createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, onMounted as u, onUnmounted as d, openBlock as f, ref as p, watch as m, withCtx as h } from "vue";
-//#region src/components/custom/InternalArticleOffer.vue?vue&type=script&setup=true&lang.ts
-var g = { class: "ac-component" }, _ = { class: "d-flex flex-column gap-2" }, v = {
-	key: 0,
-	class: "flex gap-2"
-}, y = { class: "c-input-row" }, b = ["value"], x = { class: "c-input-row" }, S = ["value"], C = { class: "c-input-row" }, w = ["value"], T = { class: "c-input-row" }, E = ["value"], D = ["id", "apiurl"], O = "00000000-0000-0000-0000-000000000000", k = /* @__PURE__ */ l({
-	__name: "InternalArticleOffer",
-	props: {
-		modelValue: {},
-		searchArticleApiUrl: {},
-		searchArticleWidgetUrl: {},
-		environment: {},
-		searchImageWidgetUrl: {},
-		imageBaseUrl: {},
-		imageViewId: {},
-		showIds: {
-			type: Boolean,
-			default: !0
-		},
-		formats: {}
-	},
-	emits: ["update:modelValue"],
-	setup(l, { emit: k }) {
-		let A = {
-			article: {
-				siteId: "",
-				id: "",
-				imageId: "",
-				title: "",
-				lead: ""
-			},
-			format: ""
-		}, j = k, M = l, N = p(A), P = p({
-			id: N.value.article.imageId || "",
-			url: "",
-			source: "",
-			title: "",
-			isAdult: !1
-		}), F = p(!1);
-		m(() => M.modelValue, (e) => {
-			e ? N.value = e : N.value = A;
-		}, {
-			deep: !0,
-			immediate: !0
-		}), m(() => N, (e) => {
-			j("update:modelValue", N.value), P.value.id = e.value.article.imageId;
-		}, {
-			deep: !0,
-			immediate: !0
-		}), m(() => P.value.id, (e) => {
-			N.value.article.imageId = e;
-		}, {
-			deep: !0,
-			immediate: !0
-		});
-		let I = p((/* @__PURE__ */ new Date()).getTime().toString() + "article");
-		d(() => {
-			window.removeEventListener("search_posts_selected", L);
-		}), u(() => {
-			window.addEventListener("search_posts_selected", L);
-		});
-		let L = (e) => {
-			if (e.detail.id == I.value) {
-				if (e.detail.result && e.detail.posts.length > 0) {
-					N.value.article.id = e.detail.posts[0].id, N.value.article.siteId = e.detail.posts[0].siteId, N.value.article.title = e.detail.posts[0].title, N.value.article.lead = e.detail.posts[0].lead;
-					let t = e.detail.posts[0].featuredImage;
-					N.value.article.imageId = t || O;
-				}
-				F.value = !1;
-			}
-		}, R = () => {
-			F.value = !0;
-		}, z = (e) => {
-			if (!customElements.get("search-posts-widget") && !document.querySelector(`script[src="${e}"]`)) {
-				let t = document.createElement("script");
-				t.type = "text/javascript", t.src = e, document.head.appendChild(t);
-			}
-		};
-		if (!customElements.get("hvg-search-image") && !document.querySelector(`script[src="${M.searchImageWidgetUrl}"]`)) {
-			let e = document.createElement("script");
-			e.type = "text/javascript", e.src = M.searchImageWidgetUrl, e.async = !0, document.head.appendChild(e);
-		}
-		return z(M.searchArticleWidgetUrl), (u, d) => (f(), o("div", g, [s("div", _, [
-			s("div", null, [c(e, {
-				type: "success",
-				label: "Cikk kiválasztása",
-				class: "nowrap",
-				onClick: R,
-				icon: "fa-solid fa-newspaper"
-			})]),
-			l.showIds ? (f(), o("div", v, [s("div", null, [d[5] ||= s("label", {
-				for: "articleId",
-				class: "c-label"
-			}, "Article ID", -1), s("div", y, [s("input", {
-				id: "articleId",
-				type: "text",
-				class: "c-input",
-				placeholder: "Article ID",
-				disabled: "",
-				value: N.value.article.id
-			}, null, 8, b)])]), s("div", null, [d[6] ||= s("label", {
-				for: "articleSiteId",
-				class: "c-label"
-			}, "Site ID", -1), s("div", x, [s("input", {
-				id: "articleSiteId",
-				type: "text",
-				class: "c-input",
-				placeholder: "Site ID",
-				disabled: "",
-				value: N.value.article.siteId
-			}, null, 8, S)])])])) : a("", !0),
-			s("div", null, [d[7] ||= s("label", {
-				for: "articleTitle",
-				class: "c-label"
-			}, "Title", -1), s("div", C, [s("textarea", {
-				id: "articleTitle",
-				class: "c-input",
-				placeholder: "Article title",
-				value: N.value.article.title,
-				onInput: d[0] ||= (e) => N.value.article.title = e.target?.value || ""
-			}, null, 40, w)])]),
-			s("div", null, [d[8] ||= s("label", {
-				for: "articleLead",
-				class: "c-label"
-			}, "Lead", -1), s("div", T, [s("textarea", {
-				id: "articleLead",
-				class: "c-input",
-				placeholder: "Article lead / description",
-				value: N.value.article.lead,
-				onInput: d[1] ||= (e) => N.value.article.lead = e.target?.value || ""
-			}, null, 40, E)])]),
-			d[10] ||= s("hr", { class: "separator" }, null, -1),
-			s("div", null, [c(r, {
-				modelValue: P.value,
-				"onUpdate:modelValue": d[2] ||= (e) => P.value = e,
-				details: !1,
-				editable: !1,
-				environment: M.environment,
-				"article-editor-url": M.searchArticleApiUrl,
-				"search-image-widget-url": M.searchImageWidgetUrl,
-				"image-base-url": M.imageBaseUrl,
-				"image-view-id": M.imageViewId
-			}, null, 8, [
-				"modelValue",
-				"environment",
-				"article-editor-url",
-				"search-image-widget-url",
-				"image-base-url",
-				"image-view-id"
-			])]),
-			s("div", null, [d[9] ||= s("label", { class: "c-label" }, "Format", -1), c(t, {
-				modelValue: N.value.format,
-				"onUpdate:modelValue": d[3] ||= (e) => N.value.format = e,
-				options: M.formats,
-				config: { placeholder: "Select format..." }
-			}, null, 8, ["modelValue", "options"])]),
-			F.value ? (f(), i(n, {
-				key: 1,
-				title: "Search Article",
-				onClose: d[4] ||= (e) => F.value = !1
-			}, {
-				default: h(() => [s("search-posts-widget", {
-					id: I.value,
-					selector: "true",
-					apiurl: M.searchArticleApiUrl,
-					wpurl: "",
-					searchurl: "",
-					style: { height: "500px" }
-				}, null, 8, D)]),
-				_: 1
-			})) : a("", !0)
-		])]));
-	}
-});
-//#endregion
-export { k as default };