@globalpayments/vega 2.90.0 → 2.91.0

package/dist/types/components.d.ts

@@ -18,7 +18,7 @@ import { VegaButtonCircleSize, VegaButtonCircleTooltip, VegaButtonCircleVariant
 import { DropdownPropsForButtonGroup, VegaButtonGroupIconAlign, VegaButtonGroupSize, VegaButtonGroupVariant } from "./components/vega-button-group/types";
 import { DropdownSourceGroup, DropdownSourceItem, VegaDropdownSearchTriggerByType, VegaDropdownSearchTriggerEventDetail, VegaDropdownSourceItem } from "./components/vega-dropdown/types";
 import { VegaButtonLinkTarget } from "./components/vega-button-link/types";
-import { CalendarEventActionsCallback, DisabledDate, DropdownPropsForCalendar, VegaCalendarChangeEventType, VegaCalendarDateClickInfo, VegaCalendarEventClickInfo, VegaCalendarEventEditInfo, VegaCalendarRawEvent, VegaCalendarViewModeType } from "./components/vega-calendar/types";
+import { CalendarEventActionsCallback, DisabledDate, DropdownPropsForCalendar, VegaCalendarChangeEventType, VegaCalendarDateClickInfo, VegaCalendarEventClickInfo, VegaCalendarEventEditInfo, VegaCalendarPeriodType, VegaCalendarRawEvent, VegaCalendarViewModeType } from "./components/vega-calendar/types";
 import { Nullable, TimeFormat } from "./types/general";
 import { CalendarEvent } from "./helpers/calendar/calendar-event";
 import { FormFieldValidationRule } from "./helpers/validator/rules/form-field-validation-rule";
@@ -710,6 +710,11 @@ export namespace Components {
           * @vegaVersion 2.14.0
          */
         "events": VegaCalendarRawEvent[];
+        /**
+          * Invoke this method to get the current calendar period.
+          * @vegaVersion 2.91.0
+         */
+        "getCurrentPeriod": () => Promise<VegaCalendarPeriodType>;
         /**
           * A callback function that determines the visibility of action buttons in the event preview popover for each calendar event. It receives the raw event data and the associated date, and should return an object indicating which action buttons should be visible in the popover. This allows for dynamic customization of the event preview based on the specific event being clicked.
           * @vegaVersion 2.87.0
@@ -727,6 +732,11 @@ export namespace Components {
           * @vegaVersion 2.20.0
          */
         "moreActionDropdownProps": DropdownPropsForCalendar;
+        /**
+          * Invoke this method to set the current calendar period. Use `VegaCalendarPeriodFactory.fromDate` to create a `VegaCalendarPeriodType` from a date if needed.
+          * @vegaVersion 2.91.0
+         */
+        "setCurrentPeriod": (period: VegaCalendarPeriodType) => Promise<void>;
         /**
           * Controls the visibility of the calendar's event color bar.
           * @vegaVersion 2.21.0
@@ -774,6 +784,33 @@ export namespace Components {
          */
         "eventKey": string;
     }
+    interface VegaCalendarPeriodSwitcher {
+        /**
+          * Invoke this method to get the current calendar period.
+          * @vegaVersion 2.91.0
+         */
+        "getCurrentPeriod": () => Promise<VegaCalendarPeriodType>;
+        /**
+          * Invoke this method to set the current calendar period. Use `VegaCalendarPeriodFactory.fromDate` to create a `VegaCalendarPeriodType` from a date if needed.
+          * @vegaVersion 2.91.0
+         */
+        "setCurrentPeriod": (period: VegaCalendarPeriodType) => Promise<void>;
+        /**
+          * Determines whether weekends are displayed in the calendar period switcher.
+          * @vegaVersion 2.91.0
+         */
+        "showWeekends": boolean;
+        /**
+          * Specifies the IANA time zone or Etc/GMT±n format.  It accepts values such as "America/New_York" or "Etc/GMT+12".  If not set, the component defaults to the system's time zone.  For a complete list of IANA time zones, see Time Zone DB(https://timezonedb.com/time-zones).
+          * @vegaVersion 2.91.0
+         */
+        "timezone": string;
+        /**
+          * Specifies the current view mode of the calendar period switcher.
+          * @vegaVersion 2.91.0
+         */
+        "viewMode": VegaCalendarViewModeType;
+    }
     interface VegaCard {
         /**
           * Defines the background color of the card element.    It accepts a string value representing a valid    background color token.
@@ -1222,7 +1259,7 @@ export namespace Components {
          */
         "close": () => Promise<void>;
         /**
-          * Specifies the maximum height of the combo box container,    including selected chips and input area.  When set, vertical scrolling will be enabled once the    container content exceeds the configured height.  Note: values smaller than the input minimum height (26px)    are floored to keep the input usable. Use    `vegaDropdownProps.maxHeight` to control the dropdown    menu height independently.
+          * Specifies the maximum height of the combo box container.    When the content exceeds this limit, vertical scrolling is enabled.
           * @vegaVersion 2.89.0
          */
         "containerMaxHeight": ResponsiveType<MaxHeightType>;
@@ -3722,10 +3759,10 @@ export namespace Components {
          */
         "required": boolean;
         /**
-          * Specifies editable section rows for the rich text editor
+          * Specifies editable section rows for the rich text editor. When not set, the editor uses stretching behavior with a default visual height of 5 rows. When set, the editor height is fixed and content overflow is scrollable. The value accepts integers ≥ 2; for optimal display, values below 2 are internally normalized to 5 rows.
           * @vegaVersion 2.34.0
          */
-        "rows": number;
+        "rows"?: number;
         /**
           * Specifies the configuration options for source edit mode. It includes settings such as autoMatchFormat, which controls whether the editor automatically matches formatting when switching to source edit mode.
           * @vegaVersion 2.59.0
@@ -5082,6 +5119,10 @@ export interface VegaAccordionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaAccordionElement;
 }
+export interface VegaAppFooterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaAppFooterElement;
+}
 export interface VegaAppHeaderButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaAppHeaderButtonElement;
@@ -5118,6 +5159,10 @@ export interface VegaCalendarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaCalendarElement;
 }
+export interface VegaCalendarPeriodSwitcherCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaCalendarPeriodSwitcherElement;
+}
 export interface VegaCarouselCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaCarouselElement;
@@ -5463,6 +5508,12 @@ declare global {
         prototype: HTMLVegaCalendarEventSlotElement;
         new (): HTMLVegaCalendarEventSlotElement;
     };
+    interface HTMLVegaCalendarPeriodSwitcherElement extends Components.VegaCalendarPeriodSwitcher, HTMLStencilElement {
+    }
+    var HTMLVegaCalendarPeriodSwitcherElement: {
+        prototype: HTMLVegaCalendarPeriodSwitcherElement;
+        new (): HTMLVegaCalendarPeriodSwitcherElement;
+    };
     interface HTMLVegaCardElement extends Components.VegaCard, HTMLStencilElement {
     }
     var HTMLVegaCardElement: {
@@ -6094,6 +6145,7 @@ declare global {
         "vega-calendar-event": HTMLVegaCalendarEventElement;
         "vega-calendar-event-preview": HTMLVegaCalendarEventPreviewElement;
         "vega-calendar-event-slot": HTMLVegaCalendarEventSlotElement;
+        "vega-calendar-period-switcher": HTMLVegaCalendarPeriodSwitcherElement;
         "vega-card": HTMLVegaCardElement;
         "vega-carousel": HTMLVegaCarouselElement;
         "vega-checkbox": HTMLVegaCheckboxElement;
@@ -6280,6 +6332,17 @@ declare namespace LocalJSX {
           * @vegaVersion 1.35.1
          */
         "hideDefaultLinks"?: boolean;
+        /**
+          * An event emitter notifying the click event of the additional link in the app footer.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.91.0
+         */
+        "onAdditionalLinkClick"?: (event: VegaAppFooterCustomEvent<VegaAppFooterLink>) => void;
+        /**
+          * An event emitter notifying the click event of the additional link in the app footer.
+          * @vegaVersion 2.91.0
+         */
+        "onVegaAdditionalLinkClick"?: (event: VegaAppFooterCustomEvent<VegaAppFooterLink>) => void;
         /**
           * Specifies the label or text to be displayed    for the Privacy Policy link in the app footer.
           * @vegaVersion 1.15.0
@@ -7100,6 +7163,34 @@ declare namespace LocalJSX {
          */
         "eventKey": string;
     }
+    interface VegaCalendarPeriodSwitcher {
+        /**
+          * An event emitter notifying that the calendar period has changed.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.91.0
+         */
+        "onChange"?: (event: VegaCalendarPeriodSwitcherCustomEvent<VegaCalendarPeriodType>) => void;
+        /**
+          * An event emitter notifying that the calendar period has changed.
+          * @vegaVersion 2.91.0
+         */
+        "onVegaChange"?: (event: VegaCalendarPeriodSwitcherCustomEvent<VegaCalendarPeriodType>) => void;
+        /**
+          * Determines whether weekends are displayed in the calendar period switcher.
+          * @vegaVersion 2.91.0
+         */
+        "showWeekends"?: boolean;
+        /**
+          * Specifies the IANA time zone or Etc/GMT±n format.  It accepts values such as "America/New_York" or "Etc/GMT+12".  If not set, the component defaults to the system's time zone.  For a complete list of IANA time zones, see Time Zone DB(https://timezonedb.com/time-zones).
+          * @vegaVersion 2.91.0
+         */
+        "timezone"?: string;
+        /**
+          * Specifies the current view mode of the calendar period switcher.
+          * @vegaVersion 2.91.0
+         */
+        "viewMode"?: VegaCalendarViewModeType;
+    }
     interface VegaCard {
         /**
           * Defines the background color of the card element.    It accepts a string value representing a valid    background color token.
@@ -7658,7 +7749,7 @@ declare namespace LocalJSX {
          */
         "autoValidation"?: boolean;
         /**
-          * Specifies the maximum height of the combo box container,    including selected chips and input area.  When set, vertical scrolling will be enabled once the    container content exceeds the configured height.  Note: values smaller than the input minimum height (26px)    are floored to keep the input usable. Use    `vegaDropdownProps.maxHeight` to control the dropdown    menu height independently.
+          * Specifies the maximum height of the combo box container.    When the content exceeds this limit, vertical scrolling is enabled.
           * @vegaVersion 2.89.0
          */
         "containerMaxHeight"?: ResponsiveType<MaxHeightType>;
@@ -10743,7 +10834,7 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * Specifies editable section rows for the rich text editor
+          * Specifies editable section rows for the rich text editor. When not set, the editor uses stretching behavior with a default visual height of 5 rows. When set, the editor height is fixed and content overflow is scrollable. The value accepts integers ≥ 2; for optimal display, values below 2 are internally normalized to 5 rows.
           * @vegaVersion 2.34.0
          */
         "rows"?: number;
@@ -12336,6 +12427,7 @@ declare namespace LocalJSX {
         "vega-calendar-event": VegaCalendarEvent;
         "vega-calendar-event-preview": VegaCalendarEventPreview;
         "vega-calendar-event-slot": VegaCalendarEventSlot;
+        "vega-calendar-period-switcher": VegaCalendarPeriodSwitcher;
         "vega-card": VegaCard;
         "vega-carousel": VegaCarousel;
         "vega-checkbox": VegaCheckbox;
@@ -12462,6 +12554,7 @@ declare module "@stencil/core" {
             "vega-calendar-event": LocalJSX.VegaCalendarEvent & JSXBase.HTMLAttributes<HTMLVegaCalendarEventElement>;
             "vega-calendar-event-preview": LocalJSX.VegaCalendarEventPreview & JSXBase.HTMLAttributes<HTMLVegaCalendarEventPreviewElement>;
             "vega-calendar-event-slot": LocalJSX.VegaCalendarEventSlot & JSXBase.HTMLAttributes<HTMLVegaCalendarEventSlotElement>;
+            "vega-calendar-period-switcher": LocalJSX.VegaCalendarPeriodSwitcher & JSXBase.HTMLAttributes<HTMLVegaCalendarPeriodSwitcherElement>;
             "vega-card": LocalJSX.VegaCard & JSXBase.HTMLAttributes<HTMLVegaCardElement>;
             "vega-carousel": LocalJSX.VegaCarousel & JSXBase.HTMLAttributes<HTMLVegaCarouselElement>;
             "vega-checkbox": LocalJSX.VegaCheckbox & JSXBase.HTMLAttributes<HTMLVegaCheckboxElement>;

package/dist/types/constants/ui.d.ts

@@ -13,5 +13,5 @@ export declare const FlexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
 export declare const BoxDisplay: readonly ["block", "inline-block", "none"];
 export declare const BorderStyle: readonly ["solid", "dashed", "dotted", "double", "none"];
 export declare const TextAlign: readonly ["start", "end", "left", "right", "center", "justify"];
-export declare const VegaNativeEventName: readonly ["change", "userChange", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "rowExpand", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "searchTrigger", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick", "dateClick", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset", "eventPreviewShow", "monthYearChange", "complete", "paste", "clear", "periodChange", "selectionChange", "suggestionItemClick", "nativeInputChange", "sourceCodeChange", "rowDragDrop", "eventEdit", "todayClick"];
+export declare const VegaNativeEventName: readonly ["change", "userChange", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "rowExpand", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "searchTrigger", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick", "dateClick", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset", "eventPreviewShow", "monthYearChange", "complete", "paste", "clear", "periodChange", "selectionChange", "suggestionItemClick", "nativeInputChange", "sourceCodeChange", "rowDragDrop", "eventEdit", "todayClick", "additionalLinkClick"];
 export declare const CssStates: readonly ["default", "hover", "active", "focus-visible"];

package/dist/types/helpers/calendar/calendar-period/calendar-period.abstract.d.ts

@@ -92,6 +92,12 @@ export declare abstract class CalendarPeriod {
    * @returns {this} - The updated period
    */
   abstract previous(): this;
+  /**
+   * Get the summary of the current period for view.
+   *
+   * @returns {string} The summary of the current period for view.
+   */
+  abstract getViewDateSummary(): string;
   /**
    * Create a new period by the given date.
    *

package/dist/types/helpers/calendar/calendar-period/day-period.d.ts

@@ -22,6 +22,10 @@ export declare class DayPeriod extends CalendarPeriod {
    * @returns {this} - The current period.
    */
   now(): this;
+  /**
+   * @inheritDoc
+   */
+  getViewDateSummary(): string;
   /**
    * @inheritDoc
    */

package/dist/types/helpers/calendar/calendar-period/internal-calendar-period-factory.d.ts

@@ -0,0 +1,33 @@
+import { VegaCalendarPeriodType } from '../../../components/vega-calendar/types';
+import { CalendarPeriod } from './calendar-period.abstract';
+/**
+ * Factory class for creating CalendarPeriod instances and converting them to VegaCalendarPeriodType.
+ */
+export declare class InternalCalendarPeriodConverter {
+  /**
+   * Create a CalendarPeriod instance based on the specified view mode and date string.
+   *
+   * @param {string} dateString - The date string to base the period on, in 'MM/DD/YYYY' format
+   * @param {'month'|'week'|'day'} [viewMode='month'] - The view mode for the period, defaults to 'month'
+   * @param {string} [timezone] - Optional timezone for the period calculation
+   * @param {boolean} [showWeekends=true] - Whether to show weekends in the period, It's flag for calendar component, will effect the calendar view only.
+   * @returns {CalendarPeriod} The created CalendarPeriod instance
+   */
+  static createCalendarPeriod(dateString: string, viewMode?: 'month' | 'week' | 'day', timezone?: string, showWeekends?: boolean): CalendarPeriod;
+  /**
+   * Convert a VegaCalendarPeriodType to calendar period
+   *
+   * @param {VegaCalendarPeriodType} periodType - The converted period type
+   * @param {string} [timezone] - Optional timezone for the period calculation
+   * @param {boolean} [showWeekends=true] - Whether to show weekends in the period, It's flag for calendar component, will effect the calendar view only.
+   * @returns {CalendarPeriod} - The period to convert
+   */
+  static fromCalendarPeriodType(periodType: VegaCalendarPeriodType, timezone?: string, showWeekends?: boolean): CalendarPeriod;
+  /**
+   * Convert a period to VegaCalendarPeriodType
+   *
+   * @param {CalendarPeriod} period - The period to convert
+   * @returns {VegaCalendarPeriodType} The converted period type
+   */
+  static toCalendarPeriodType(period: CalendarPeriod): VegaCalendarPeriodType;
+}

package/dist/types/helpers/calendar/calendar-period/month-period.d.ts

@@ -34,6 +34,10 @@ export declare class MonthPeriod extends CalendarPeriod {
    * @inheritDoc
    */
   previous(): this;
+  /**
+   * @inheritDoc
+   */
+  getViewDateSummary(): string;
   /**
    * @inheritDoc
    */

package/dist/types/helpers/calendar/calendar-period/vega-calendar-period-factory.d.ts

@@ -0,0 +1,16 @@
+import { VegaCalendarPeriodType } from '../../../components/vega-calendar/types';
+/**
+ * Factory class for creating CalendarPeriod instances.
+ */
+export declare class VegaCalendarPeriodFactory {
+  /**
+   * Create a VegaCalendarCurrentPeriodType based on the specified view mode and date.
+   *
+   * @param {string} dateString - The date string to base the period on, in 'MM/DD/YYYY' format
+   * @param {'month'|'week'|'day'} [viewMode='month'] - The view mode for the period, defaults to 'month'
+   * @param {string} [timezone] - Optional timezone for the period calculation
+   * @param {boolean} [showWeekends=true] - Whether to show weekends in the period, It's flag for calendar component, will effect the calendar view only.
+   * @returns {VegaCalendarPeriodType} The period information containing year, month, startDate and endDate
+   */
+  static fromDate(dateString: string, viewMode?: 'month' | 'week' | 'day', timezone?: string, showWeekends?: boolean): VegaCalendarPeriodType;
+}

package/dist/types/helpers/calendar/calendar-period/week-period.d.ts

@@ -7,6 +7,7 @@ export declare class WeekPeriod extends CalendarPeriod {
   private static readonly DISPLAY_DATE_COUNT;
   protected readonly _type: string;
   protected _showWeekends: boolean;
+  private weekViewGenerator;
   constructor(current?: CalendarDate, showWeekends?: boolean, timezone?: string);
   /**
    * @inheritDoc
@@ -16,6 +17,10 @@ export declare class WeekPeriod extends CalendarPeriod {
    * @inheritDoc
    */
   previous(): this;
+  /**
+   * @inheritDoc
+   */
+  getViewDateSummary(): string;
   /**
    * @inheritDoc
    */

package/dist/types/helpers/calendar/index.d.ts

@@ -6,6 +6,7 @@ export { CalendarPeriod } from './calendar-period/calendar-period.abstract';
 export { DayPeriod } from './calendar-period/day-period';
 export { WeekPeriod } from './calendar-period/week-period';
 export { MonthPeriod } from './calendar-period/month-period';
+export { VegaCalendarPeriodFactory } from './calendar-period/vega-calendar-period-factory';
 export { CalendarDate } from './calendar-date';
 export { CalendarDateTime } from './calendar-date-time';
 export { CalendarTime } from './calendar-time';

package/dist/types/helpers/event-manager/event-id/vega-event-id.d.ts

@@ -106,3 +106,4 @@ export declare const VegaSuggestionItemClick: VegaEventID;
 export declare const VegaNativeInputChange: VegaEventID;
 export declare const VegaSourceCodeChange: VegaEventID;
 export declare const VegaEventEdit: VegaEventID;
+export declare const VegaAdditionalLinkClick: VegaEventID;

package/dist/types/helpers/event-manager/event-id/vega-internal-event-id.d.ts

@@ -71,3 +71,4 @@ export declare const VegaInternalCodeBlockBlur: VegaInternalEventID;
 export declare const VegaInternalRTEExtensionTableCellsSelectionAnchor: VegaInternalEventID;
 export declare const VegaInternalRTEExtensionTableCellSelectionChange: VegaInternalEventID;
 export declare const VegaInternalCalendarPreviewActionClick: VegaInternalEventID;
+export declare const VegaInternalCurrentPeriodChange: VegaInternalEventID;

package/dist/types/helpers/feature-control/feature-flag.d.ts

@@ -60,4 +60,6 @@ export type FeatureFlagKey =
 	| 'VEGA_PAGINATION.ENABLE_EXTENSIONS_RESPONSIVE_DEFAULT_VALUE'
 	| 'VEGA_COMPONENT.CORNERS_USE_OLD_BEHAVIOR'
 	| 'VEGA_INPUT_PHONE_NUMBER.ENABLE_CALCULATION_POSITION_BY_SCREEN'
-	| 'VEGA_ELEMENT_APPENDER.AUTO_PLACEMENT';
+	| 'VEGA_ELEMENT_APPENDER.AUTO_PLACEMENT'
+	| 'VEGA_FONT.LEGACY_LETTER_SPACING'
+	| 'VEGA_REQUIRED_FIELD_RULE.TRIM_WHITESPACE';

package/dist/types/helpers/public-api.d.ts

@@ -16,3 +16,4 @@ export { IconPayload } from './icon/interface';
 export { VegaSkeletonLoader } from './skeleton-loader/vega-skeleton-loader-controller';
 export { VegaTranslation, en as VegaTranslationResourceEN } from './translation';
 export { setVegaNonce } from './csp/vega-nonce-manager';
+export { VegaCalendarPeriodFactory } from './calendar';

package/dist/types/helpers/slimmers/runtime-metrics/create-public-api-runtime-metrics-slimmer.d.ts

@@ -11,6 +11,7 @@ import { VegaPublicAPIRuntimeMetricsSlimmerBase } from './public-api-runtime-met
  * @param {unknown[]} [initData] - The `initData` parameter allows you to
  * pass an array of initial data to be used during the initialization of the component usage runtime
  * metrics slimmer.
+ * @param {string} [publicAPIName] - Stable public API name to emit in telemetry.
  * @returns {VegaPublicAPIRuntimeMetricsSlimmerBase} The function creates a dynamic public api runtime metrics slimmer.
  */
-export declare function createPublicAPIRuntimeMetricsSlimmer<T>(mapFromClass: ClassPrototype<T>, watchMethodNames: MethodKeysOf<T>[], initData: unknown[]): VegaPublicAPIRuntimeMetricsSlimmerBase;
+export declare function createPublicAPIRuntimeMetricsSlimmer<T>(mapFromClass: ClassPrototype<T>, watchMethodNames: MethodKeysOf<T>[], initData: unknown[], publicAPIName?: string): VegaPublicAPIRuntimeMetricsSlimmerBase;

package/dist/types/helpers/translation/interface.d.ts

@@ -160,6 +160,9 @@ export type StaticTranslationKey =
 	| 'Paragraph'
 	| 'Reset Selection'
 	| 'Select Language'
+	| 'Select language'
+	| 'Tokens'
+	| 'Insert token'
 	| 'Functions'
 	| 'Insert function'
 	| 'Conditional'
@@ -212,4 +215,6 @@ export type StaticTranslationKey =
 	| 'Currency'
 	| 'Required'
 	| 'Disabled'
-	| 'Optional';
+	| 'Optional'
+	| 'Previous'
+	| 'Next';

package/dist/types/types/components.type.d.ts

@@ -106,6 +106,7 @@ export {
 	VegaCalendarDateClickInfo,
 	VegaCalendarEventClickInfo,
 	VegaCalendarEventEditInfo,
+	VegaCalendarPeriodType,
 	VegaCalendarRawEvent,
 	VegaCalendarViewModeType,
 } from '../components/vega-calendar/types';

package/dist/vega/index.esm.js

@@ -1 +1 @@
-export{g as getCurrentBreakpoint}from"./p-49a2e141.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-820ff54c.js";export{c as camelToDashCase}from"./p-02841589.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-b0f55f5f.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{d as BoxDisplay,e as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-d4ea8e22.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{A as ActionHandlerInterceptor,I as InsertNodeToNearestRootAction,x as RTELanguageToolbarButtonRenderer,u as RTETokenNode,v as RTETokenNodeRenderer,R as RTETokenToolbarButtonRenderer,b as VegaEventManager,V as VegaLoader,a as VegaNotify,h as VegaRTEDefaultLineHeightOptions,i as VegaRTEFunctionExtension,k as VegaRTEHorizontalLineExtension,g as VegaRTELanguageExtension,s as VegaRTELineHeightExtension,p as VegaRTESpecialCharactersArrows,q as VegaRTESpecialCharactersCurrency,m as VegaRTESpecialCharactersEssentials,l as VegaRTESpecialCharactersExtension,n as VegaRTESpecialCharactersLatin,o as VegaRTESpecialCharactersMathematical,r as VegaRTESpecialCharactersText,j as VegaRTETableExtension,f as VegaRTETokenExtension,t as VegaRTEToolbarButtonRenderer,d as VegaSkeletonLoader,e as VegaTranslation,c as VegaZIndexManager,w as waitForVega}from"./p-2620a164.js";export{F as FeatureFlag}from"./p-dcf162e9.js";export{V as VegaThemeManager}from"./p-f830deb8.js";export{V as VegaDialog}from"./p-b6be1f33.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-46cab60a.js";export{V as VegaIconManager}from"./p-1704ff25.js";export{V as ValidCreditCardNumberRule}from"./p-277c306b.js";import"./p-528748fa.js";export{s as VegaTranslationResourceEN}from"./p-eb927e2b.js";export{s as setVegaNonce}from"./p-4866e390.js";export{d as ActionHandleStrategy,e as AppendChildrenAction,ab as CodeLanguage,l as CustomAttributeAnnotation,F as CustomClassAnnotation,q as CustomStyleAnnotation,I as InsertChildrenAfterAction,g as InsertChildrenBeforeAction,M as ModifyContentAction,i as ModifyContentActionType,c as RTEAnnotationStyle,a as RTEBlock,o as RTEDecoratorNode,n as RTEFilterStylesStrategy,f as RTENode,b as RTETextBlock,R as RTETextNode,k as RemoveChildrenAction,ac as VegaRTEDefaultTextStyleItems,V as VegaRTEPresetToolbarItems}from"./p-35d617d5.js";export{B as BlockToRTEBlockStrategyAbstract,E as ElementToDTOStrategy,I as InsertNewParagraphAction,R as RTEImageBlock,f as RTEImageNode,e as RTEListBlock,b as RTEListItemBlock,U as UpdateCursorPositionAction,V as VegaRTEContent,h as htmlElementToAnnotationGenerator}from"./p-85dcd07b.js";export{G as GridColumns,a as GridRows}from"./p-c596bb49.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-a809b33a.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-3ed6a602.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-30487f0e.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";export{b as VegaRTEExtension,a as VegaRTEExtensionRenderer,V as VegaRTELinkExtension}from"./p-788a7a5a.js";export{R as RTERange}from"./p-844b7826.js";import"./p-e30a4f3e.js";import"./p-8b5d3a52.js";import"./p-9a6bd32c.js";import"./p-6a334573.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-81dd00d0.js";import"./p-b75ee3ba.js";import"./p-724df1f5.js";import"./p-526e3634.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-fcefb62c.js";import"./p-3a93730e.js";import"./p-77e64f26.js";import"./p-3e09aeed.js";import"./p-cb378636.js";import"./p-fb5ea4b2.js";import"./p-f0e828d8.js";import"./p-0c667d6a.js";import"./p-a841cf13.js";import"./p-1bc5b3bc.js";import"./p-2c7e1bcb.js";import"./p-982747ef.js";import"./p-abd7aeaa.js";import"./p-d27ae9ff.js";const y=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{y as Rings}
+export{g as getCurrentBreakpoint}from"./p-49a2e141.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-d0060bdb.js";export{c as camelToDashCase}from"./p-02841589.js";export{g as BackgroundColorMap,d as BackgroundColors,h as BorderColorMap,e as BorderColors,B as BorderRadius,c as Colors,F as FillBackgroundColors,k as ShadowMap,j as Shadows,l as Spacing,S as StrokeBackgroundColors,f as TextColorMap,T as TextColors}from"./p-2b22091e.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-b438e68b.js";export{d as BoxDisplay,e as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-d4ea8e22.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{A as ActionHandlerInterceptor,I as InsertNodeToNearestRootAction,y as RTELanguageToolbarButtonRenderer,v as RTETokenNode,x as RTETokenNodeRenderer,R as RTETokenToolbarButtonRenderer,t as VegaCalendarPeriodFactory,b as VegaEventManager,V as VegaLoader,a as VegaNotify,h as VegaRTEDefaultLineHeightOptions,i as VegaRTEFunctionExtension,k as VegaRTEHorizontalLineExtension,g as VegaRTELanguageExtension,s as VegaRTELineHeightExtension,p as VegaRTESpecialCharactersArrows,q as VegaRTESpecialCharactersCurrency,m as VegaRTESpecialCharactersEssentials,l as VegaRTESpecialCharactersExtension,n as VegaRTESpecialCharactersLatin,o as VegaRTESpecialCharactersMathematical,r as VegaRTESpecialCharactersText,j as VegaRTETableExtension,f as VegaRTETokenExtension,u as VegaRTEToolbarButtonRenderer,d as VegaSkeletonLoader,e as VegaTranslation,c as VegaZIndexManager,w as waitForVega}from"./p-85d78ac1.js";export{F as FeatureFlag}from"./p-bc73ce30.js";export{V as VegaThemeManager}from"./p-49b4ab2b.js";export{V as VegaDialog}from"./p-e8f50fc5.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-53ed3b1f.js";export{V as VegaIconManager}from"./p-ffdc25ec.js";export{V as ValidCreditCardNumberRule}from"./p-aea912ac.js";import"./p-528748fa.js";export{s as VegaTranslationResourceEN}from"./p-ddc2d219.js";export{s as setVegaNonce}from"./p-4866e390.js";export{d as ActionHandleStrategy,e as AppendChildrenAction,ab as CodeLanguage,l as CustomAttributeAnnotation,F as CustomClassAnnotation,q as CustomStyleAnnotation,I as InsertChildrenAfterAction,g as InsertChildrenBeforeAction,M as ModifyContentAction,i as ModifyContentActionType,c as RTEAnnotationStyle,a as RTEBlock,o as RTEDecoratorNode,n as RTEFilterStylesStrategy,f as RTENode,b as RTETextBlock,R as RTETextNode,k as RemoveChildrenAction,ac as VegaRTEDefaultTextStyleItems,V as VegaRTEPresetToolbarItems}from"./p-9f608b97.js";export{B as BlockToRTEBlockStrategyAbstract,E as ElementToDTOStrategy,I as InsertNewParagraphAction,R as RTEImageBlock,f as RTEImageNode,e as RTEListBlock,b as RTEListItemBlock,U as UpdateCursorPositionAction,V as VegaRTEContent,h as htmlElementToAnnotationGenerator}from"./p-c0c2a917.js";export{G as GridColumns,a as GridRows}from"./p-a14d8767.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-0e03daa6.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-14bfc113.js";export{R as RichTextEditorRequiredRule}from"./p-5a4e598f.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-c87c7ef4.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-7bb39b97.js";export{b as VegaRTEExtension,a as VegaRTEExtensionRenderer,V as VegaRTELinkExtension}from"./p-cec8ffdc.js";export{R as RTERange}from"./p-cd2a1ffb.js";import"./p-0707aa21.js";import"./p-8b5d3a52.js";import"./p-afcd8f04.js";import"./p-6a334573.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-81dd00d0.js";import"./p-b75ee3ba.js";import"./p-73b9868f.js";import"./p-6031bed1.js";import"./p-526e3634.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-cb4033ef.js";import"./p-5ffc7cb8.js";import"./p-77e64f26.js";import"./p-3e09aeed.js";import"./p-cb378636.js";import"./p-fb5ea4b2.js";import"./p-f0e828d8.js";import"./p-0c667d6a.js";import"./p-a841cf13.js";import"./p-1bc5b3bc.js";import"./p-4037126d.js";import"./p-982747ef.js";import"./p-abd7aeaa.js";import"./p-d27ae9ff.js";const N=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{N as Rings}

package/dist/vega/{p-97e7da55.js → p-014e2cf9.js}

@@ -1 +1 @@
-import{i as t}from"./p-b0f55f5f.js";class n{constructor(){this.overrideValue=!1}canFormat(n,r,i){if("init"===n||"change"===n){if("component"===r&&t(null==i?void 0:i.isBlurred))return!1;if(this.shouldTriggerAtInit())return!0}if("input"===n&&"native-input"===r)return!0;if("change"===n&&("component"===r||"native-input"===r))return!0;if("blur"===n&&(null==i?void 0:i.isBlurred)){if("component"===r&&this.shouldOverrideComponentValueAfterBlur())return!0;if("native-input"===r)return!0}return!1}shouldOverrideComponentValueAfterBlur(){return this.overrideValue}shouldTriggerAtInit(){return!1}}export{n as S}
+import{i as t}from"./p-2b22091e.js";class n{constructor(){this.overrideValue=!1}canFormat(n,r,i){if("init"===n||"change"===n){if("component"===r&&t(null==i?void 0:i.isBlurred))return!1;if(this.shouldTriggerAtInit())return!0}if("input"===n&&"native-input"===r)return!0;if("change"===n&&("component"===r||"native-input"===r))return!0;if("blur"===n&&(null==i?void 0:i.isBlurred)){if("component"===r&&this.shouldOverrideComponentValueAfterBlur())return!0;if("native-input"===r)return!0}return!1}shouldOverrideComponentValueAfterBlur(){return this.overrideValue}shouldTriggerAtInit(){return!1}}export{n as S}

package/dist/vega/{p-88c29aae.entry.js → p-044496e0.entry.js}

@@ -1 +1 @@
-import{h as e,H as t,r as o,c as i,g as r}from"./p-6b2342e0.js";import{s as a}from"./p-519a7d55.js";import{R as n}from"./p-280cbcdb.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-c596bb49.js";import{m as h}from"./p-6bd5c49b.js";import{V as v,I as g}from"./p-8ce9e214.js";import{D as m}from"./p-526e3634.js";import{a as f,i as u,q as b,H as x}from"./p-fcefb62c.js";import{F as w}from"./p-cb378636.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-3a620268.js";import{V as R}from"./p-b6be1f33.js";import{D as C}from"./p-b19b1c08.js";import{F as I}from"./p-881622fd.js";import{f as k,e as U}from"./p-528748fa.js";import{C as O}from"./p-328dbe8e.js";import{c as D}from"./p-d7790113.js";import{T as F}from"./p-0a1c7f80.js";import{D as z}from"./p-4edd7f8c.js";import{V}from"./p-3e09aeed.js";import"./p-abd7aeaa.js";import"./p-b0f55f5f.js";import"./p-ed45b3b6.js";import"./p-d4ea8e22.js";import"./p-d884c644.js";import"./p-eb927e2b.js";import"./p-49a2e141.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-dcf162e9.js";import"./p-982747ef.js";import"./p-331a62d5.js";import"./p-8b5d3a52.js";import"./p-9a6bd32c.js";import"./p-6a334573.js";import"./p-02841589.js";import"./p-3a93730e.js";import"./p-f0e828d8.js";import"./p-b75ee3ba.js";import"./p-81dd00d0.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-a58cacca.js";import"./p-46cab60a.js";import"./p-5f377954.js";import"./p-fb5ea4b2.js";import"./p-4866e390.js";var N=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class E extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,optional:this.optional,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}N([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),N([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],E.prototype,"defaultContentRenderer",void 0),N([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],E.prototype,"previewContentRenderer",void 0),N([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],E.prototype,"uploadingContentRenderer",void 0),N([s({componentFieldName:"vegaImageUploaderPreviewController"})],E.prototype,"previewController",void 0),N([s()],E.prototype,"value",void 0),N([s()],E.prototype,"disabled",void 0),N([s()],E.prototype,"status",void 0),N([s()],E.prototype,"label",void 0),N([s()],E.prototype,"required",void 0),N([s()],E.prototype,"optional",void 0),N([s()],E.prototype,"width",void 0),N([s()],E.prototype,"height",void 0),N([s()],E.prototype,"hint",void 0);var A=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class S extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}A([s({componentFieldName:"vegaImageUploaderValueController"})],S.prototype,"valueController",void 0),A([s()],S.prototype,"accept",void 0);var P=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class L extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}P([s({componentFieldName:"vegaImageUploaderInputRenderer"})],L.prototype,"inputRenderer",void 0),P([s()],L.prototype,"disabled",void 0);var T=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class _ extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const o=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:this.isInDarkMode?"text-primary":"text-inverted-primary",role:"menuitem",ref:e=>{m.addUniqueObserverToNode(e,f,(()=>{this.handleClick(t)}))}},o))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}T([s({componentFieldName:"vegaImageUploaderInputController"})],_.prototype,"inputController",void 0),T([s({componentFieldName:"vegaImageUploaderValueController"})],_.prototype,"valueController",void 0),T([s({componentFieldName:"vegaImageUploaderPreviewController"})],_.prototype,"previewController",void 0),T([s({componentFieldName:"vegaImageUploaderRemoveController"})],_.prototype,"removeController",void 0),T([s()],_.prototype,"disabled",void 0),T([s()],_.prototype,"showPreviewButton",void 0),T([s()],_.prototype,"showRemoveButton",void 0),T([s()],_.prototype,"showReplaceButton",void 0),T([s()],_.prototype,"removeEventEmitter",void 0),T([s()],_.prototype,"isInDarkMode",void 0);var B=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class q extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}B([s({writable:!0})],q.prototype,"value",void 0),B([s()],q.prototype,"changeEventEmitter",void 0),B([s()],q.prototype,"host",void 0),B([s({componentFieldName:"vegaImageUploaderInputController"})],q.prototype,"inputController",void 0),B([d("watchValue")],q.prototype,"handleValueChange",null);var K=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class M extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");this.value&&this.value.name&&(t.modalTitle=this.value.name);const o=document.createElement("div");o.style.textAlign="center";const i=document.createElement("img");return i.width=0,i.className="preview-image",e&&(i.src=e),i.alt="",i.style.width="100%",o.appendChild(i),t.appendChild(o),this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}K([s()],M.prototype,"value",void 0),K([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null),K([d("getContentURL")],M.prototype,"getImagePreviewURL",void 0);class G extends l{constructor(){super(...arguments),this.preventDefaultDragEvent=e=>{e.preventDefault()}}render(t){const o=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!o},tabIndex:0,role:"menu",onDrop:this.preventDefaultDragEvent,onDragEnter:this.preventDefaultDragEvent,onDragOver:this.preventDefaultDragEvent},e("img",{src:t,alt:""}),o)}}!function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);a>3&&n&&Object.defineProperty(t,o,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],G.prototype,"actionsRenderer",void 0);var H=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class $ extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}H([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),H([s({writable:!0})],$.prototype,"status",void 0),H([s()],$.prototype,"cancelEventEmitter",void 0);var J=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class Q extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()},this.dropHandler=e=>{var t;if(e.preventDefault(),e.stopPropagation(),this.disabled)return;const o=this.dropFileFilterController.process(null===(t=e.dataTransfer)||void 0===t?void 0:t.files);o.length&&this.valueController.setValue(o[0])},this.handleDragEvent=e=>{e.preventDefault()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j(),onDrop:this.dropHandler,onDragEnter:this.handleDragEvent,onDragOver:this.handleDragEvent},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}J([s({componentFieldName:"vegaImageUploaderInputController"})],Q.prototype,"inputController",void 0),J([s({componentFieldName:"vegaImageUploaderValueController"})],Q.prototype,"valueController",void 0),J([s()],Q.prototype,"disabled",void 0),J([s()],Q.prototype,"dropFileFilterController",void 0),J([s()],Q.prototype,"actionTitle",void 0),J([s()],Q.prototype,"actionSubTitle",void 0),J([s()],Q.prototype,"translationSlimmer",void 0);var W=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class X extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}W([s({componentFieldName:"vegaImageUploaderValueController"})],X.prototype,"valueController",void 0),W([s()],X.prototype,"removeEventEmitter",void 0),W([d("disconnectedCallback")],X.prototype,"disconnectedCallback",null);var Y=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class Z extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=U();e&&k(e,"vega-image-uploader")===this.host&&e.blur()}}Y([s()],Z.prototype,"host",void 0),Y([s()],Z.prototype,"value",void 0),Y([d("watchValue")],Z.prototype,"handleValueChange",null);const ee=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var te=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};const oe=["jpg","png","jpeg"],ie=class{constructor(e){o(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaRemove=i(this,"vegaRemove",7),this.remove=i(this,"remove",7),this.vegaCancel=i(this,"vegaCancel",7),this.cancel=i(this,"cancel",7),this.globalSlimmers={},this.translationSlimmer=new F,this.vegaImageUploaderRenderer=new E,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new G,this.vegaImageUploaderDefaultContentRenderer=new Q,this.vegaImageUploaderInputRenderer=new S,this.vegaImageUploaderActionsRenderer=new _,this.vegaImageUploaderInputController=new L,this.vegaImageUploaderValueController=new q,this.vegaImageUploaderPreviewController=new M,this.vegaImageUploaderRemoveController=new X,this.dropFileFilterController=new C,this.actionsVisibilityController=new Z,this.darkModeStateControllerSlimmer=new z,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=D(ie,u),this.removeEventEmitter=D(ie,b),this.cancelEventEmitter=D(ie,x),this.buttonCircleEventPrevent=new O([f],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new v(ee),this.isInDarkMode=V.isDarkMode(),this.value=null,this.accept=oe.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.optional=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return a(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};te([g()],ie.prototype,"globalSlimmers",void 0),te([p()],ie.prototype,"translationSlimmer",void 0),te([p()],ie.prototype,"vegaImageUploaderRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderInputRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderActionsRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderInputController",void 0),te([p()],ie.prototype,"vegaImageUploaderValueController",void 0),te([p()],ie.prototype,"vegaImageUploaderPreviewController",void 0),te([p()],ie.prototype,"vegaImageUploaderRemoveController",void 0),te([p()],ie.prototype,"dropFileFilterController",void 0),te([p()],ie.prototype,"actionsVisibilityController",void 0),te([p()],ie.prototype,"darkModeStateControllerSlimmer",void 0),te([p()],ie.prototype,"formFieldController",void 0),te([p()],ie.prototype,"changeEventEmitter",void 0),te([p()],ie.prototype,"removeEventEmitter",void 0),te([p()],ie.prototype,"cancelEventEmitter",void 0),te([p()],ie.prototype,"buttonCircleEventPrevent",void 0),te([p()],ie.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ie.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{ie as vega_image_uploader}
+import{h as e,H as t,r as o,c as i,g as r}from"./p-6b2342e0.js";import{s as a}from"./p-519a7d55.js";import{R as n}from"./p-14bfc113.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-a14d8767.js";import{m as h}from"./p-6bd5c49b.js";import{V as v,I as g}from"./p-8ce9e214.js";import{D as f}from"./p-526e3634.js";import{a as m,j as u,r as b,I as x}from"./p-cb4033ef.js";import{F as w}from"./p-cb378636.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-3a620268.js";import{V as R}from"./p-e8f50fc5.js";import{D as C}from"./p-b19b1c08.js";import{F as I}from"./p-141f74ff.js";import{f as k,e as U}from"./p-528748fa.js";import{C as O}from"./p-822f70b0.js";import{c as D}from"./p-ef44d516.js";import{T as F}from"./p-fea33425.js";import{D as z}from"./p-4edd7f8c.js";import{V}from"./p-3e09aeed.js";import"./p-abd7aeaa.js";import"./p-bc73ce30.js";import"./p-982747ef.js";import"./p-2b22091e.js";import"./p-ed45b3b6.js";import"./p-d4ea8e22.js";import"./p-b438e68b.js";import"./p-ddc2d219.js";import"./p-49a2e141.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-331a62d5.js";import"./p-8b5d3a52.js";import"./p-afcd8f04.js";import"./p-6a334573.js";import"./p-02841589.js";import"./p-5ffc7cb8.js";import"./p-f0e828d8.js";import"./p-b75ee3ba.js";import"./p-81dd00d0.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d14ddf80.js";import"./p-53ed3b1f.js";import"./p-5f377954.js";import"./p-fb5ea4b2.js";import"./p-4866e390.js";var N=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class E extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,optional:this.optional,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}N([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),N([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],E.prototype,"defaultContentRenderer",void 0),N([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],E.prototype,"previewContentRenderer",void 0),N([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],E.prototype,"uploadingContentRenderer",void 0),N([s({componentFieldName:"vegaImageUploaderPreviewController"})],E.prototype,"previewController",void 0),N([s()],E.prototype,"value",void 0),N([s()],E.prototype,"disabled",void 0),N([s()],E.prototype,"status",void 0),N([s()],E.prototype,"label",void 0),N([s()],E.prototype,"required",void 0),N([s()],E.prototype,"optional",void 0),N([s()],E.prototype,"width",void 0),N([s()],E.prototype,"height",void 0),N([s()],E.prototype,"hint",void 0);var A=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class S extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}A([s({componentFieldName:"vegaImageUploaderValueController"})],S.prototype,"valueController",void 0),A([s()],S.prototype,"accept",void 0);var P=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class L extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}P([s({componentFieldName:"vegaImageUploaderInputRenderer"})],L.prototype,"inputRenderer",void 0),P([s()],L.prototype,"disabled",void 0);var T=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class _ extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const o=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:this.isInDarkMode?"text-primary":"text-inverted-primary",role:"menuitem",ref:e=>{f.addUniqueObserverToNode(e,m,(()=>{this.handleClick(t)}))}},o))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}T([s({componentFieldName:"vegaImageUploaderInputController"})],_.prototype,"inputController",void 0),T([s({componentFieldName:"vegaImageUploaderValueController"})],_.prototype,"valueController",void 0),T([s({componentFieldName:"vegaImageUploaderPreviewController"})],_.prototype,"previewController",void 0),T([s({componentFieldName:"vegaImageUploaderRemoveController"})],_.prototype,"removeController",void 0),T([s()],_.prototype,"disabled",void 0),T([s()],_.prototype,"showPreviewButton",void 0),T([s()],_.prototype,"showRemoveButton",void 0),T([s()],_.prototype,"showReplaceButton",void 0),T([s()],_.prototype,"removeEventEmitter",void 0),T([s()],_.prototype,"isInDarkMode",void 0);var B=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class K extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}B([s({writable:!0})],K.prototype,"value",void 0),B([s()],K.prototype,"changeEventEmitter",void 0),B([s()],K.prototype,"host",void 0),B([s({componentFieldName:"vegaImageUploaderInputController"})],K.prototype,"inputController",void 0),B([d("watchValue")],K.prototype,"handleValueChange",null);var M=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class q extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");this.value&&this.value.name&&(t.modalTitle=this.value.name);const o=document.createElement("div");o.style.textAlign="center";const i=document.createElement("img");return i.width=0,i.className="preview-image",e&&(i.src=e),i.alt="",i.style.width="100%",o.appendChild(i),t.appendChild(o),this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}M([s()],q.prototype,"value",void 0),M([d("disconnectedCallback")],q.prototype,"disconnectedCallback",null),M([d("getContentURL")],q.prototype,"getImagePreviewURL",void 0);class G extends l{constructor(){super(...arguments),this.preventDefaultDragEvent=e=>{e.preventDefault()}}render(t){const o=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!o},tabIndex:0,role:"menu",onDrop:this.preventDefaultDragEvent,onDragEnter:this.preventDefaultDragEvent,onDragOver:this.preventDefaultDragEvent},e("img",{src:t,alt:""}),o)}}!function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);a>3&&n&&Object.defineProperty(t,o,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],G.prototype,"actionsRenderer",void 0);var $=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class H extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}$([s({componentFieldName:"vegaImageUploaderRemoveController"})],H.prototype,"removeController",void 0),$([s({writable:!0})],H.prototype,"status",void 0),$([s()],H.prototype,"cancelEventEmitter",void 0);var J=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class Q extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()},this.dropHandler=e=>{var t;if(e.preventDefault(),e.stopPropagation(),this.disabled)return;const o=this.dropFileFilterController.process(null===(t=e.dataTransfer)||void 0===t?void 0:t.files);o.length&&this.valueController.setValue(o[0])},this.handleDragEvent=e=>{e.preventDefault()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j(),onDrop:this.dropHandler,onDragEnter:this.handleDragEvent,onDragOver:this.handleDragEvent},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}J([s({componentFieldName:"vegaImageUploaderInputController"})],Q.prototype,"inputController",void 0),J([s({componentFieldName:"vegaImageUploaderValueController"})],Q.prototype,"valueController",void 0),J([s()],Q.prototype,"disabled",void 0),J([s()],Q.prototype,"dropFileFilterController",void 0),J([s()],Q.prototype,"actionTitle",void 0),J([s()],Q.prototype,"actionSubTitle",void 0),J([s()],Q.prototype,"translationSlimmer",void 0);var W=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class X extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}W([s({componentFieldName:"vegaImageUploaderValueController"})],X.prototype,"valueController",void 0),W([s()],X.prototype,"removeEventEmitter",void 0),W([d("disconnectedCallback")],X.prototype,"disconnectedCallback",null);var Y=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};class Z extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=U();e&&k(e,"vega-image-uploader")===this.host&&e.blur()}}Y([s()],Z.prototype,"host",void 0),Y([s()],Z.prototype,"value",void 0),Y([d("watchValue")],Z.prototype,"handleValueChange",null);const ee=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var te=function(e,t,o,i){var r,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,o,n):r(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n};const oe=["jpg","png","jpeg"],ie=class{constructor(e){o(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaRemove=i(this,"vegaRemove",7),this.remove=i(this,"remove",7),this.vegaCancel=i(this,"vegaCancel",7),this.cancel=i(this,"cancel",7),this.globalSlimmers={},this.translationSlimmer=new F,this.vegaImageUploaderRenderer=new E,this.vegaImageUploaderUploadingContentRenderer=new H,this.vegaImageUploaderPreviewContentRenderer=new G,this.vegaImageUploaderDefaultContentRenderer=new Q,this.vegaImageUploaderInputRenderer=new S,this.vegaImageUploaderActionsRenderer=new _,this.vegaImageUploaderInputController=new L,this.vegaImageUploaderValueController=new K,this.vegaImageUploaderPreviewController=new q,this.vegaImageUploaderRemoveController=new X,this.dropFileFilterController=new C,this.actionsVisibilityController=new Z,this.darkModeStateControllerSlimmer=new z,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=D(ie,u),this.removeEventEmitter=D(ie,b),this.cancelEventEmitter=D(ie,x),this.buttonCircleEventPrevent=new O([m],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new v(ee),this.isInDarkMode=V.isDarkMode(),this.value=null,this.accept=oe.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.optional=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return a(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};te([g()],ie.prototype,"globalSlimmers",void 0),te([p()],ie.prototype,"translationSlimmer",void 0),te([p()],ie.prototype,"vegaImageUploaderRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderInputRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderActionsRenderer",void 0),te([p()],ie.prototype,"vegaImageUploaderInputController",void 0),te([p()],ie.prototype,"vegaImageUploaderValueController",void 0),te([p()],ie.prototype,"vegaImageUploaderPreviewController",void 0),te([p()],ie.prototype,"vegaImageUploaderRemoveController",void 0),te([p()],ie.prototype,"dropFileFilterController",void 0),te([p()],ie.prototype,"actionsVisibilityController",void 0),te([p()],ie.prototype,"darkModeStateControllerSlimmer",void 0),te([p()],ie.prototype,"formFieldController",void 0),te([p()],ie.prototype,"changeEventEmitter",void 0),te([p()],ie.prototype,"removeEventEmitter",void 0),te([p()],ie.prototype,"cancelEventEmitter",void 0),te([p()],ie.prototype,"buttonCircleEventPrevent",void 0),te([p()],ie.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ie.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{ie as vega_image_uploader}