ids-enterprise-wc 1.0.0-beta.14 → 1.0.0-beta.16

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,123 +45,36 @@
   color: var(--ids-color-success-30);
 }
 
-:root {
-  display: block;
-}
-:host .ids-dropdown {
-  display: inline-block;
-  max-width: 100%;
-}
-
-ids-trigger-field[readonly-background]:not([disabled])::part(input) {
-  cursor: var(--ids-cursor-pointer);
-}
-
-.ids-dropdown {
-  display: block;
-  position: relative;
-}
-.ids-dropdown ids-trigger-field[size=full] {
-  display: block;
-}
-.ids-dropdown.full {
-  display: block;
-}
-.ids-dropdown.full ids-trigger-field,
-.ids-dropdown.full .ids-trigger-field {
-  display: block;
-}
-
-.icon-container {
-  color: var(--ids-dropdown-color-icon);
-  margin: 0 0 0 var(--ids-dropdown-space-text);
-  position: relative;
-  top: 2px;
-}
-
-:host([mode=light]) .typeahead.is-open ids-trigger-field::part(field-container) {
-  background-color: var(--ids-dropdown-typeahead-color-background);
-}
-
-:host([dir=rtl]) .icon-container {
-  margin: 0 var(--ids-dropdown-space-text) 0 0;
-}
-
-::slotted(.sub-group) {
-  border-top: 1px solid var(--ids-dropdown-separator-color-border);
-  padding-top: var(--ids-dropdown-separator-padding);
-}
-
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container),
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(field-container) {
-  margin: 0;
-  border-radius: 0;
-}
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(label),
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(label) {
-  display: none;
-}
-
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(container) {
-  margin: 0;
-}
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container) {
-  box-shadow: none !important;
-}
-.ids-dropdown.color-variant-borderless.field-height-lg ids-trigger-field::part(input) {
-  padding-inline: 16px;
-  height: 50px;
-}
-.ids-dropdown.color-variant-borderless.field-height-md ids-trigger-field::part(input) {
-  padding-inline: 12px;
-  height: 40px;
-}
-.ids-dropdown.color-variant-borderless.field-height-sm ids-trigger-field::part(input) {
-  padding-inline: 8px;
-  height: 35px;
-}
-.ids-dropdown.color-variant-borderless.field-height-xs ids-trigger-field::part(input) {
-  padding-inline: 4px;
-  height: 30px;
-}
-
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(container) {
-  margin: 1px 0;
-}
-
-:host ids-dropdown-list {
+/* Ids Dropdown Component */
+:host ids-popup {
   max-width: var(--ids-input-width-40);
 }
 
-:host([size=xs]) ids-dropdown-list {
+:host([size=xs]) ids-popup {
   max-width: var(--ids-input-width-10);
 }
 
-:host([size=sm]) ids-dropdown-list {
+:host([size=sm]) ids-popup {
   max-width: var(--ids-input-width-20);
 }
 
-:host([size=mm]) ids-dropdown-list {
+:host([size=mm]) ids-popup {
   max-width: var(--ids-input-width-30);
 }
 
-:host([size=md]) ids-dropdown-list {
+:host([size=md]) ids-popup {
   max-width: var(--ids-input-width-40);
 }
 
-:host([size=lg]) ids-dropdown-list {
+:host([size=lg]) ids-popup {
   max-width: var(--ids-input-width-50);
 }
 
-:host([size=full]) ids-dropdown-list {
+:host([size=full]) ids-popup {
   max-width: var(--ids-input-width-full);
 }
 
-:host ids-dropdown-list,
+:host ids-popup,
 :host([size=full]) {
-  width: var(--ids-input-width-full);
-}
-
-:host([list]:not([disabled])) {
-  cursor: var(--ids-cursor-pointer);
+  width: 100%;
 }

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;
-        "__#11@#onDirtyTrackerChange"(): void;
+        "__#18@#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;
-        "__#22@#getSlottedElements"(): Node[] | undefined;
-        "__#22@#attachLoadingIndicator"(): void;
-        "__#22@#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>;
@@ -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>;
@@ -3886,20 +3877,20 @@ declare const Base: {
         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 +3901,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 +4304,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 +4366,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 +4512,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-LBYVOWTC.js";import"../../chunks/ids-chunk-PRFN5Z6E.js";import"../../chunks/ids-chunk-AC7SL7GS.js";import"../../chunks/ids-chunk-UQLHTIAQ.js";import"../../chunks/ids-chunk-RDYB6JPO.js";import"../../chunks/ids-chunk-4VTYAZQ5.js";import"../../chunks/ids-chunk-SMNM5SCI.js";import"../../chunks/ids-chunk-B3LFOR6V.js";import"../../chunks/ids-chunk-56YQVDRY.js";import"../../chunks/ids-chunk-A6JFZG7O.js";import"../../chunks/ids-chunk-J377KX6R.js";import"../../chunks/ids-chunk-E4VRTFNA.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-3VMFQMM4.js";import"../../chunks/ids-chunk-QRLAPANT.js";import"../../chunks/ids-chunk-O6RSWMYI.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-ODSUO7BM.js";import"../../chunks/ids-chunk-QCRLDB3I.js";import"../../chunks/ids-chunk-542APW5J.js";import"../../chunks/ids-chunk-7OME6RME.js";import"../../chunks/ids-chunk-SUZ4YNUA.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IZZJC2EB.js";import"../../chunks/ids-chunk-TYUILR5W.js";import"../../chunks/ids-chunk-RLU5OFPQ.js";import"../../chunks/ids-chunk-4RXDW4MK.js";import"../../chunks/ids-chunk-T55PJIDE.js";import"../../chunks/ids-chunk-GFTX3QTI.js";import"../../chunks/ids-chunk-WY2RW7QR.js";import"../../chunks/ids-chunk-RI2BXZ6U.js";import"../../chunks/ids-chunk-FF2PR2KM.js";import"../../chunks/ids-chunk-DSILQO6B.js";import"../../chunks/ids-chunk-QXBFKEEP.js";import"../../chunks/ids-chunk-4FZLXQW3.js";import"../../chunks/ids-chunk-R7DZNS7W.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-K7QJZ6GH.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-TCKRVNPS.js";import"../../chunks/ids-chunk-PRFN5Z6E.js";import"../../chunks/ids-chunk-Y3ZY27HL.js";import"../../chunks/ids-chunk-GUWNTWN5.js";import"../../chunks/ids-chunk-RNSLL6IZ.js";import"../../chunks/ids-chunk-JO7PE77G.js";import"../../chunks/ids-chunk-LKONZTXY.js";import"../../chunks/ids-chunk-TLWKYEHJ.js";import"../../chunks/ids-chunk-RL4NAQQE.js";import"../../chunks/ids-chunk-N4PGPFE5.js";import"../../chunks/ids-chunk-27XAFGEX.js";import"../../chunks/ids-chunk-FH6Y4MTJ.js";import"../../chunks/ids-chunk-V7XUWW5B.js";import"../../chunks/ids-chunk-LL4HKB7S.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-FYDKD3TL.js";import"../../chunks/ids-chunk-BL6DBLBQ.js";import"../../chunks/ids-chunk-LUQ5WTTM.js";import"../../chunks/ids-chunk-SCWD3ICQ.js";import"../../chunks/ids-chunk-Y4WUDVCZ.js";import"../../chunks/ids-chunk-NWQJK4KK.js";import"../../chunks/ids-chunk-AYDTADXU.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-7ZTSUHBA.js";import"../../chunks/ids-chunk-T4VCWHNS.js";import"../../chunks/ids-chunk-FLW6Z5UP.js";import"../../chunks/ids-chunk-7O3OTI42.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-LFTWDGW6.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-OK27WIWV.js";import"../../chunks/ids-chunk-GOUW4UYM.js";import"../../chunks/ids-chunk-HXQK5AOF.js";import"../../chunks/ids-chunk-B5JKAHB2.js";import"../../chunks/ids-chunk-QGYYPJNG.js";import"../../chunks/ids-chunk-BTXG2E4X.js";import"../../chunks/ids-chunk-ZGB2BJN7.js";import"../../chunks/ids-chunk-6D5SDTJL.js";import"../../chunks/ids-chunk-XJ6YDMYE.js";import"../../chunks/ids-chunk-RFSSSI2A.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-CYHGXCKL.js";import"../../chunks/ids-chunk-RZXRZPI4.js";import"../../chunks/ids-chunk-6NIQXA2N.js";import"../../chunks/ids-chunk-R7IBXBBI.js";import"../../chunks/ids-chunk-MXFCUDLP.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-VD3FN2LH.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.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-TSFWUBNI.js";import"../../chunks/ids-chunk-ZCJYJ367.js";import"../../chunks/ids-chunk-SUZ4YNUA.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.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-QCTPPDOZ.js";import"../../chunks/ids-chunk-DM2UZRHO.js";import"../../chunks/ids-chunk-AYDTADXU.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.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-formatters.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-XTFPDMVV.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-XTFPDMVV.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};

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

@@ -1 +1 @@
-import{a,b}from"../../chunks/ids-chunk-WAVQMT3W.js";import"../../chunks/ids-chunk-TSFWUBNI.js";import"../../chunks/ids-chunk-ZCJYJ367.js";import"../../chunks/ids-chunk-SUZ4YNUA.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{b as handlePasteAsHtml,a as handlePasteAsPlainText};
+import{a,b}from"../../chunks/ids-chunk-FWLJ6BFR.js";import"../../chunks/ids-chunk-QCTPPDOZ.js";import"../../chunks/ids-chunk-DM2UZRHO.js";import"../../chunks/ids-chunk-AYDTADXU.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.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-SYHVJ4TR.js";import"../../chunks/ids-chunk-ZCJYJ367.js";import"../../chunks/ids-chunk-SUZ4YNUA.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.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-S57FUYFM.js";import"../../chunks/ids-chunk-DM2UZRHO.js";import"../../chunks/ids-chunk-AYDTADXU.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.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-ZCJYJ367.js";import"../../chunks/ids-chunk-SUZ4YNUA.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.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-DM2UZRHO.js";import"../../chunks/ids-chunk-AYDTADXU.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.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-5K6IDMGA.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

@@ -18,28 +18,6 @@
   margin-inline-start: 27px;
 }
 
-.ids-radio-group .icon-dirty {
-  margin-inline-start: -1px;
-  margin-block-start: 9px;
-  top: auto;
-  z-index: 1;
-}
-
-.ids-checkbox .icon-dirty {
-  margin-inline-start: -25px;
-}
-.ids-checkbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -20px;
-  transform: none;
-  top: -1px;
-}
-.ids-checkbox.hitbox .icon-dirty {
-  margin-inline-start: -30px;
-}
-.ids-checkbox.hitbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -26px;
-}
-
 .ids-textarea .icon-dirty {
   top: 0;
   margin-inline-start: 1px;
@@ -147,16 +125,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);
 }