ids-enterprise-wc 1.0.0-beta.13 → 1.0.0-beta.15

package/components/ids-dropdown/ids-dropdown.css

@@ -1,4 +1,3 @@
-/* Ids Dropdown Component */
 .validation-message {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -46,6 +45,7 @@
   color: var(--ids-color-success-30);
 }
 
+/* Ids Dropdown Component */
 :root {
   display: block;
 }
@@ -73,7 +73,7 @@ ids-trigger-field[readonly-background]:not([disabled])::part(input) {
   display: block;
 }
 
-.icon-container {
+.trigger-icon {
   color: var(--ids-dropdown-color-icon);
   margin: 0 0 0 var(--ids-dropdown-space-text);
   position: relative;
@@ -84,7 +84,7 @@ ids-trigger-field[readonly-background]:not([disabled])::part(input) {
   background-color: var(--ids-dropdown-typeahead-color-background);
 }
 
-:host([dir=rtl]) .icon-container {
+:host([dir=rtl]) .trigger-icon {
   margin: 0 var(--ids-dropdown-space-text) 0 0;
 }
 
@@ -130,6 +130,63 @@ ids-trigger-field[readonly-background]:not([disabled])::part(input) {
   margin: 1px 0;
 }
 
+.ids-dropdown.color-variant-module-nav {
+  color: var(--ids-module-nav-search-input-text-color);
+  display: block;
+  margin-block-end: 0;
+}
+.ids-dropdown.color-variant-module-nav ::slotted(ids-list-box) {
+  color: var(--ids-module-nav-search-input-text-color);
+}
+.ids-dropdown.color-variant-module-nav ::slotted(ids-list-box-option) {
+  color: inherit;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(field-container) {
+  background-color: var(--ids-module-nav-input-bg-color);
+  border-radius: var(--ids-module-nav-common-border-radius);
+  border: var(--ids-module-nav-input-border-width) solid var(--ids-module-nav-input-border-color);
+  box-shadow: none;
+  color: inherit;
+  overflow: hidden;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field:hover::part(field-container) {
+  background-color: var(--ids-module-nav-input-hover-bg-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field:active::part(field-container) {
+  background-color: var(--ids-module-nav-item-selected-bg-color);
+  border-color: var(--ids-module-nav-item-selected-text-color);
+  color: var(--ids-module-nav-item-selected-text-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field:focus-within::part(field-container) {
+  background-color: var(--ids-module-nav-input-focus-bg-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input) {
+  background-color: transparent;
+  color: inherit;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(trigger-button) {
+  background-color: transparent;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input::placeholder) {
+  color: var(--ids-module-nav-search-input-placeholder-text-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input:active) {
+  color: var(--ids-module-nav-search-input-text-color);
+}
+.ids-dropdown.color-variant-module-nav ids-dropdown-list::part(dropdown-list) {
+  max-width: var(--ids-module-nav-expanded-size);
+  width: calc(var(--ids-module-nav-switcher-dropdown-width) + var(--ids-module-nav-switcher-button-gutter-size) + var(--ids-module-nav-switcher-button-size));
+}
+.ids-dropdown.color-variant-module-nav ids-list-box-option {
+  min-height: var(--ids-module-nav-item-height);
+}
+.ids-dropdown.color-variant-module-nav .fieldset {
+  display: contents;
+}
+.ids-dropdown.color-variant-module-nav .ids-input-field {
+  padding-inline-start: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
+}
+
 :host ids-dropdown-list {
   max-width: var(--ids-input-width-40);
 }

package/components/ids-dropdown/ids-dropdown.d.ts

@@ -11,6 +11,7 @@ import type IdsTriggerButton from '../ids-trigger-field/ids-trigger-button';
 import type IdsListBox from '../ids-list-box/ids-list-box';
 import type IdsListBoxOption from '../ids-list-box/ids-list-box-option';
 import type IdsTriggerField from '../ids-trigger-field/ids-trigger-field';
+import type IdsIcon from '../ids-icon/ids-icon';
 import { IdsDropdownOptions } from './ids-dropdown-common';
 declare const Base: {
     new (...args: any[]): {
@@ -19,10 +20,14 @@ declare const Base: {
         allowBlank: boolean;
         clearable: string | boolean | null;
         clearableText: string | null;
+        dropdownIcon: string | null;
         size: string;
+        showListItemIcon: boolean;
         onAllowBlankChange?(newValue: boolean): void;
         onClearableTextChange?(newValue: string | null): void;
+        onDropdownIconChange?(newValue: string | null): void;
         onSizeChange?(newValue: string): void;
+        onShowListItemIcon?(newValue: boolean): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -32,13 +37,13 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -375,15 +380,11 @@ declare const Base: {
         removeDirtyTrackerMsg(): void;
         valMethod(el: any): any;
         setDirtyTracker(val?: string | undefined): void;
-        /**
-         * Push label-state to the container element
-         * @returns {void}
-         */
         dirtyTrackerEvents(option?: string): void;
         onLanguageChange: () => void;
         resetDirtyTracker(): void;
         destroyDirtyTracker(): void;
-        "__#10@#onDirtyTrackerChange"(): void;
+        "__#11@#onDirtyTrackerChange"(): void;
         dirtyTracker: boolean;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
@@ -392,9 +393,6 @@ declare const Base: {
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         onDirtyTrackerChange?(enabled: boolean): void;
-        locale: string;
-        language: string;
-        setDirection(): void;
         localeAPI: import("../ids-locale/ids-locale").default;
         name?: string | undefined;
         state: Record<string, any>;
@@ -405,14 +403,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -747,14 +745,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -1079,9 +1077,9 @@ declare const Base: {
         connectedCallback(): void;
         showLoadingIndicator: string | boolean | null;
         loadingIndicatorOnly: string | boolean | null;
-        "__#21@#getSlottedElements"(): Node[] | undefined;
-        "__#21@#attachLoadingIndicator"(): void;
-        "__#21@#addClass"(): void;
+        "__#23@#getSlottedElements"(): Node[] | undefined;
+        "__#23@#attachLoadingIndicator"(): void;
+        "__#23@#addClass"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -1091,14 +1089,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -1437,14 +1435,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -1772,7 +1770,7 @@ declare const Base: {
         compact: string | boolean;
         fieldHeight: string;
         clearHeightClasses(): void;
-        "__#26@#doFieldHeightChange"(fieldHeight: string): void;
+        "__#20@#doFieldHeightChange"(fieldHeight: string): void;
         onFieldHeightChange?(fieldHeight: string): void;
         name?: string | undefined;
         state: Record<string, any>;
@@ -1783,14 +1781,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -2127,14 +2125,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -2478,14 +2476,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -2820,14 +2818,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -3150,17 +3148,10 @@ declare const Base: {
     readonly attributes: any[];
 } & {
     new (...args: any[]): {
-        localeAPI: import("../ids-locale/ids-locale").default;
+        readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
-        setLanguage(value: string): Promise<void>;
-        previousLanguage: string;
-        language: any;
-        "__#5@#notifyChildrenLanguage"(children: NodeListOf<HTMLElement>, language: string, previousLanguage: string): void;
-        previousLocale: string;
-        setLocale(value: string): Promise<void>;
         locale: string;
-        "__#5@#notifyChildrenLocale"(children: NodeListOf<HTMLElement>, locale: string, previousLocale: string): void;
-        setDirection(): void;
+        language: any;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -3178,14 +3169,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -3536,13 +3527,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -3882,24 +3873,27 @@ declare const Base: {
         disconnectedCallback(): void;
         onEvent(eventName: string, target: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: unknown, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
+        triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void; /**
+         * Push label-state to the container element
+         * @returns {void}
+         */
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#3@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeLongPressListener"(): void;
-        "__#3@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeSwipeListener"(): void;
-        "__#3@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#3@#removeKeyboardFocusListener"(): void;
-        "__#3@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#clearSlopedMouseLeaveTimer"(): void;
-        "__#3@#removeSlopedMouseLeaveListener"(): void;
-        "__#3@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeLongPressListener"(): void;
+        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeSwipeListener"(): void;
+        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#5@#removeKeyboardFocusListener"(): void;
+        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#clearSlopedMouseLeaveTimer"(): void;
+        "__#5@#removeSlopedMouseLeaveListener"(): void;
+        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#3@#removeHoverEndListener"(): void;
-        "__#3@#removeKeyDownEndListener"(): void;
+        "__#5@#removeHoverEndListener"(): void;
+        "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -3910,13 +3904,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -4313,7 +4307,21 @@ export default class IdsDropdown extends Base {
      * @param {string} value The value/id to use
      */
     set value(value: string | null);
+    /**
+     * Get the current value of the dropdown
+     * @returns {string | null} value
+     */
     get value(): string | null;
+    /**
+     * Get all available option-values for the dropdown
+     * @returns {string[]} value
+     */
+    get optionValues(): string[];
+    /**
+     * Get all availabe labels of the dropdown
+     * @returns {string[]} value
+     */
+    get labels(): string[];
     /**
      * Returns the selected Listbox option based on the Dropdown's value.
      * @returns {HTMLElement| null} the selected option
@@ -4361,12 +4369,22 @@ export default class IdsDropdown extends Base {
      * @param {HTMLElement} option element to remove attributes
      */
     deselectOption(option: HTMLElement | undefined | null): void;
+    /**
+     * @readonly
+     * @returns {IdsIcon | null} currently-displayed IdsIcon in the trigger field, if applicable
+     */
+    get dropdownIconEl(): IdsIcon | null;
     /**
      * Set the icon to be visible (if used)
      * @private
      * @param {HTMLElement} option the option to select
      */
     selectIcon(option: HTMLElement | undefined | null): void;
+    /**
+     * Creates and appends the IdsIcon for the dropdown list's trigger button
+     * @param {string} val name of the IdsIcon to use
+     */
+    private generateIcon;
     /**
      * Set the tooltip to be visible for the selected option
      * @private
@@ -4497,5 +4515,15 @@ export default class IdsDropdown extends Base {
      * @returns {boolean} showLoadingIndicator param converted to boolean from attribute value. Defaults to false
      */
     get showLoadingIndicator(): string | boolean | null;
+    /**
+     * Triggers a `selected` event that propagates to the target element (usually an IdsDropdown)
+     * @param {CustomEvent} [e] optional event handler to pass arguments
+     * @returns {void}
+     */
+    private triggerSelectedEvent;
+    private triggerOpenEvent;
+    private triggerCloseEvent;
+    onDropdownIconChange(val: string | null): void;
+    onShowListItemIcon(val: boolean): void;
 }
 export {};

package/components/ids-dropdown/ids-dropdown.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-O3RQ3LS2.js";import"../../chunks/ids-chunk-PRFN5Z6E.js";import"../../chunks/ids-chunk-447AM6DR.js";import"../../chunks/ids-chunk-34TUNV43.js";import"../../chunks/ids-chunk-7FCCB57Y.js";import"../../chunks/ids-chunk-ZAP2PW36.js";import"../../chunks/ids-chunk-GUNX4KFT.js";import"../../chunks/ids-chunk-G4EPNT7L.js";import"../../chunks/ids-chunk-V25MGCID.js";import"../../chunks/ids-chunk-WDFJ6LQU.js";import"../../chunks/ids-chunk-OHTSFY5B.js";import"../../chunks/ids-chunk-US3UFH47.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-VYPX2VLX.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-JS3ZKE4F.js";import"../../chunks/ids-chunk-4OICKBUW.js";import"../../chunks/ids-chunk-FNIC2UVQ.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-NZGHOKVC.js";import"../../chunks/ids-chunk-DF3OTTVT.js";import"../../chunks/ids-chunk-I4KVLUTU.js";import"../../chunks/ids-chunk-SEZJIM5Z.js";import"../../chunks/ids-chunk-T6ZG7KNF.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-YLUCUABO.js";import"../../chunks/ids-chunk-KFIQ3AIC.js";import"../../chunks/ids-chunk-D5QL7Z2W.js";import"../../chunks/ids-chunk-5RRSUJN3.js";import"../../chunks/ids-chunk-6I35WZF4.js";import"../../chunks/ids-chunk-BGMGLI6R.js";import"../../chunks/ids-chunk-5M5P5FA6.js";import"../../chunks/ids-chunk-3BGYNGOR.js";import"../../chunks/ids-chunk-4LNK4CO7.js";import"../../chunks/ids-chunk-OS6AOX2T.js";import"../../chunks/ids-chunk-WGF76AHI.js";import"../../chunks/ids-chunk-WSLP3ZMG.js";import"../../chunks/ids-chunk-DHQCPTJO.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-M2BHOD5L.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-UV7FAVD2.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-5OKDI6GX.js";import"../../chunks/ids-chunk-4TL64355.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-N7RNTKMO.js";import"../../chunks/ids-chunk-RZESIOE7.js";import"../../chunks/ids-chunk-4W3JMIJK.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-RRSHSZ55.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-ZYNYTVDR.js";import"../../chunks/ids-chunk-PRFN5Z6E.js";import"../../chunks/ids-chunk-42ZD6NKQ.js";import"../../chunks/ids-chunk-SOP4FSOJ.js";import"../../chunks/ids-chunk-JNEUPQYI.js";import"../../chunks/ids-chunk-ETTSLYSV.js";import"../../chunks/ids-chunk-ZORFAJZQ.js";import"../../chunks/ids-chunk-RTBFPTZS.js";import"../../chunks/ids-chunk-MWLEKUNC.js";import"../../chunks/ids-chunk-7ISQZOT5.js";import"../../chunks/ids-chunk-YGYGQYEM.js";import"../../chunks/ids-chunk-C3TTUP2C.js";import"../../chunks/ids-chunk-ZZU6YPHM.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-YG2GGPUF.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-RZ2TJQTG.js";import"../../chunks/ids-chunk-UICQ6Y6M.js";import"../../chunks/ids-chunk-KF3O4ZQJ.js";import"../../chunks/ids-chunk-4Y4JK2GT.js";import"../../chunks/ids-chunk-WPNC4Z5F.js";import"../../chunks/ids-chunk-ZZ3EN4TL.js";import"../../chunks/ids-chunk-XEVQKVGO.js";import"../../chunks/ids-chunk-OUSJOUAQ.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-CM5DVGG4.js";import"../../chunks/ids-chunk-T4VCWHNS.js";import"../../chunks/ids-chunk-T5R4GS4Z.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-ZDCI6ZYN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-7G66UJ3O.js";import"../../chunks/ids-chunk-G6EINYDW.js";import"../../chunks/ids-chunk-GAJDSCS2.js";import"../../chunks/ids-chunk-S337XH5U.js";import"../../chunks/ids-chunk-EKEFIHKG.js";import"../../chunks/ids-chunk-EG6H42JJ.js";import"../../chunks/ids-chunk-RLLFJ3JS.js";import"../../chunks/ids-chunk-YZIPOJG7.js";import"../../chunks/ids-chunk-5EWNWOH7.js";import"../../chunks/ids-chunk-6SX5I2EB.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-6DZMKJ4V.js";import"../../chunks/ids-chunk-64ALFBFK.js";import"../../chunks/ids-chunk-EHXWQUU7.js";import"../../chunks/ids-chunk-PTNGEG7Q.js";import"../../chunks/ids-chunk-OUX67T2L.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-E2WR233N.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-SNYFQ5ZT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5PHNP5RO.js";import"../../chunks/ids-chunk-WVMGJ7NE.js";import"../../chunks/ids-chunk-VEJ34DID.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-M466RSCL.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-EHQM67XJ.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-editor/ids-editor-clean-utils.js

@@ -1 +1 @@
-import{a,b,c,d,e,f}from"../../chunks/ids-chunk-PE6ORWIR.js";import"../../chunks/ids-chunk-7JFFU6WU.js";import"../../chunks/ids-chunk-T6ZG7KNF.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{e as cleanHtml,b as cleanWordHtml,a as isWordFormat,d as stripAttribute,c as stripStyles,f as trimContent};
+import{a,b,c,d,e,f}from"../../chunks/ids-chunk-FFNXNS67.js";import"../../chunks/ids-chunk-C5ZLBZPJ.js";import"../../chunks/ids-chunk-OUSJOUAQ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-EHQM67XJ.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{e as cleanHtml,b as cleanWordHtml,a as isWordFormat,d as stripAttribute,c as stripStyles,f as trimContent};

package/components/ids-editor/ids-editor-handle-paste.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/ids-chunk-NK2ZM7ZI.js";import"../../chunks/ids-chunk-PE6ORWIR.js";import"../../chunks/ids-chunk-7JFFU6WU.js";import"../../chunks/ids-chunk-T6ZG7KNF.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{b as handlePasteAsHtml,a as handlePasteAsPlainText};
+import{a,b}from"../../chunks/ids-chunk-J22T22W6.js";import"../../chunks/ids-chunk-FFNXNS67.js";import"../../chunks/ids-chunk-C5ZLBZPJ.js";import"../../chunks/ids-chunk-OUSJOUAQ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-EHQM67XJ.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{b as handlePasteAsHtml,a as handlePasteAsPlainText};

package/components/ids-editor/ids-editor-selection-utils.js

@@ -1 +1 @@
-import{a,b,c,d,e,f}from"../../chunks/ids-chunk-XRNL7W52.js";import"../../chunks/ids-chunk-7JFFU6WU.js";import"../../chunks/ids-chunk-T6ZG7KNF.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as blockElem,f as findElementInSelection,d as restoreSelection,c as saveSelection,b as selectionBlockElems,e as selectionParents};
+import{a,b,c,d,e,f}from"../../chunks/ids-chunk-RYK5SUZ2.js";import"../../chunks/ids-chunk-C5ZLBZPJ.js";import"../../chunks/ids-chunk-OUSJOUAQ.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-EHQM67XJ.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as blockElem,f as findElementInSelection,d as restoreSelection,c as saveSelection,b as selectionBlockElems,e as selectionParents};

package/components/ids-editor/ids-editor-shared.js

@@ -1 +1 @@
-import{a,b,c,d,e,f,g,h,i,j}from"../../chunks/ids-chunk-7JFFU6WU.js";import"../../chunks/ids-chunk-T6ZG7KNF.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{c as BLOCK_ELEMENTS,e as CLASSES,g as EDITOR_ATTRIBUTES,f as EDITOR_DEFAULTS,d as FONT_SIZES,b as PARAGRAPH_SEPARATORS,a as VIEWS,h as qs,i as qsAll,j as rgbToHex};
+import{a,b,c,d,e,f,g,h,i,j}from"../../chunks/ids-chunk-C5ZLBZPJ.js";import"../../chunks/ids-chunk-OUSJOUAQ.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-EHQM67XJ.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{c as BLOCK_ELEMENTS,e as CLASSES,g as EDITOR_ATTRIBUTES,f as EDITOR_DEFAULTS,d as FONT_SIZES,b as PARAGRAPH_SEPARATORS,a as VIEWS,h as qs,i as qsAll,j as rgbToHex};

package/components/ids-editor/ids-editor-templates.d.ts

@@ -6,8 +6,8 @@
  */
 export declare function parseTemplate(str: string, ctx: any): string;
 export declare const editorTemplate = "\n  <div class=\"ids-editor\" part=\"editor\"{disabled}{readonly}>\n    <slot class=\"{hiddenClass}\"></slot>\n    <ids-text id=\"editor-label\" label class=\"{labelClass}{hiddenLabelCss}{requiredLabelCss}\" part=\"editor-label\"{disabled}{readonly}>{labelText}</ids-text>\n    <div class=\"main-container\" part=\"main-container\">\n      <div class=\"toolbar-container\" part=\"toolbar-container\">\n        <slot name=\"toolbar\"></slot>\n      </div>\n      <div class=\"editor-content\">\n        <div id=\"editor-container\" class=\"editor-container\" part=\"editor-container\"{contenteditable} aria-multiline=\"true\" role=\"textbox\" aria-labelledby=\"editor-label\"{placeholder}></div>\n        <div class=\"source-container {hiddenClass}\" part=\"source-container\">\n          <div class=\"source-wrapper\">\n            <ul class=\"line-numbers\"></ul>\n            <label class=\"audible\" for=\"source-textarea\">\n              {sourceTextareaLabel}\n            </label>\n            <textarea id=\"source-textarea\" class=\"source-textarea\"{placeholder}></textarea>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>";
-export declare const btnEditorModeTemplate = "\n  <ids-button editor-action=\"editormode\" square=\"true\" tooltip=\"View Visual\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Visual</span>\n    <ids-icon icon=\"visual\" width=\"50\" viewbox=\"0 0 73 18\"></ids-icon>\n  </ids-button>";
-export declare const btnSourceModeTemplate = "\n  <ids-button editor-action=\"sourcemode\" square=\"true\" tooltip=\"View Source\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Source</span>\n    <ids-icon icon=\"html\" width=\"38\" viewbox=\"0 0 54 18\"></ids-icon>\n  </ids-button>";
+export declare const btnEditorModeTemplate = "\n  <ids-button editor-action=\"editormode\" tooltip=\"View Visual\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Visual</span>\n    <ids-icon icon=\"visual\" width=\"50\" viewbox=\"0 0 73 18\"></ids-icon>\n  </ids-button>";
+export declare const btnSourceModeTemplate = "\n  <ids-button editor-action=\"sourcemode\" tooltip=\"View Source\" color-variant=\"alternate-formatter\">\n    <span class=\"audible\">View Source</span>\n    <ids-icon icon=\"html\" width=\"38\" viewbox=\"0 0 54 18\"></ids-icon>\n  </ids-button>";
 export declare const toolbarTemplate: string;
 export declare const errorMessageTemplate = "\n  <ids-message id=\"errormessage-modal\" status=\"error\">\n    <ids-text slot=\"title\" font-size=\"24\" type=\"h2\" id=\"errormessage-modal-title\">No Selection!</ids-text>\n    <ids-text class=\"demo-contents\" align=\"left\">Please make some selection to complete this task.</ids-text>\n    <ids-modal-button slot=\"buttons\" appearance=\"primary\" id=\"errormessage-modal-ok\">OK</ids-modal-button>\n  </ids-message>";
 export declare const hyperlinkModalTemplate = "\n  <ids-modal id=\"{key}-modal\">\n    <ids-text slot=\"title\" font-size=\"24\" type=\"h2\" id=\"{key}-modal-title\">Insert Anchor</ids-text>\n    <ids-layout-grid class=\"data-grid-container\" auto-fit=\"true\" gap=\"md\" no-margins=\"true\" min-col-width=\"300px\">\n      <ids-layout-grid-cell>\n        <ids-input id=\"{key}-modal-input-url\" label=\"Url\" value=\"{url}\" validate=\"required\"></ids-input>\n        {clickableElemHtml}\n        <ids-input id=\"{key}-modal-input-classes\" label=\"Css Class\" value=\"{classes}\"></ids-input>\n        {targetDropdownHtml}\n        <div id=\"{key}-modal-checkbox-remove-container\" class=\"{hiddenClass}\">\n          <ids-checkbox id=\"{key}-modal-checkbox-remove\" label=\"Remove hyperlink\"></ids-checkbox>\n        </div>\n      </ids-layout-grid-cell>\n    </ids-layout-grid>\n    <ids-modal-button slot=\"buttons\" id=\"{key}-modal-cancel-btn\" appearance=\"secondary\">\n      <span>Cancel</span>\n    </ids-modal-button>\n    <ids-modal-button slot=\"buttons\" id=\"{key}-modal-apply-btn\" appearance=\"primary\">\n      <span>Apply</span>\n    </ids-modal-button>\n  </ids-modal>";

package/components/ids-editor/ids-editor-templates.js

@@ -1 +1 @@
-import{a,b,c,d,e,f,g,h}from"../../chunks/ids-chunk-E7NYV7CW.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{c as btnEditorModeTemplate,d as btnSourceModeTemplate,b as editorTemplate,f as errorMessageTemplate,g as hyperlinkModalTemplate,h as insertimageModalTemplate,a as parseTemplate,e as toolbarTemplate};
+import{a,b,c,d,e,f,g,h}from"../../chunks/ids-chunk-P2CQR5KW.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{c as btnEditorModeTemplate,d as btnSourceModeTemplate,b as editorTemplate,f as errorMessageTemplate,g as hyperlinkModalTemplate,h as insertimageModalTemplate,a as parseTemplate,e as toolbarTemplate};

package/components/ids-editor/ids-editor.css

@@ -26,12 +26,13 @@
 }
 
 .ids-checkbox .icon-dirty {
-  margin-inline-start: -25px;
+  margin-inline-start: -26px;
+  top: -4px;
+  width: 9px;
 }
 .ids-checkbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -20px;
-  transform: none;
-  top: -1px;
+  margin-inline-start: -26px;
+  top: -3px;
 }
 .ids-checkbox.hitbox .icon-dirty {
   margin-inline-start: -30px;
@@ -147,16 +148,16 @@
 .ids-editor .main-container:focus-within {
   border-color: var(--ids-editor-color-border-focus);
   outline: var(--ids-editor-outline-focus);
-  box-shadow: var(--ids-editor-focus-border-shadow);
+  box-shadow: var(--ids-editor-shadow-border-focus);
 }
-.ids-editor .main-container:hover, .ids-editor .main-container:active {
+.ids-editor .main-container:hover:not(:focus-within), .ids-editor .main-container:active:not(:focus-within) {
   border-color: var(--ids-editor-color-border-hover);
 }
-.ids-editor .main-container.error, .ids-editor .main-container.error:hover, .ids-editor .main-container.error:active {
+.ids-editor .main-container.error, .ids-editor .main-container.error:hover:not(:focus-within), .ids-editor .main-container.error:active:not(:focus-within) {
   border-color: var(--ids-editor-color-border-error);
   color: var(--ids-editor-color-text-error);
 }
-.ids-editor .main-container.error:focus-within, .ids-editor .main-container.error:hover:focus-within, .ids-editor .main-container.error:active:focus-within {
+.ids-editor .main-container.error:focus-within, .ids-editor .main-container.error:hover:not(:focus-within):focus-within, .ids-editor .main-container.error:active:not(:focus-within):focus-within {
   border-color: var(--ids-editor-color-border-error);
   box-shadow: var(--ids-editor-error-border-shadow);
 }