igniteui-webcomponents 4.11.0 → 5.0.0-rc.0

package/components/icon/icon-references.js

@@ -0,0 +1,151 @@
+export const iconReferences = [];
+const makeIconRefs = (icons) => {
+    return new Map(Object.entries(icons).map((icon) => {
+        return icon;
+    }));
+};
+const addIcon = (name, target) => {
+    const icon = {
+        alias: {
+            name,
+            collection: 'default',
+        },
+        target: makeIconRefs(target),
+    };
+    iconReferences.push(icon);
+};
+addIcon('expand', {
+    default: {
+        name: 'keyboard_arrow_down',
+        collection: 'internal',
+    },
+});
+addIcon('collapse', {
+    default: {
+        name: 'keyboard_arrow_up',
+        collection: 'internal',
+    },
+});
+addIcon('arrow_prev', {
+    default: {
+        name: 'navigate_before',
+        collection: 'internal',
+    },
+    fluent: {
+        name: 'arrow_upward',
+        collection: 'internal',
+    },
+});
+addIcon('arrow_next', {
+    default: {
+        name: 'navigate_next',
+        collection: 'internal',
+    },
+    fluent: {
+        name: 'arrow_downward',
+        collection: 'internal',
+    },
+});
+addIcon('selected', {
+    default: {
+        name: 'chip_select',
+        collection: 'internal',
+    },
+});
+addIcon('remove', {
+    default: {
+        name: 'chip_cancel',
+        collection: 'internal',
+    },
+});
+addIcon('input_clear', {
+    default: {
+        name: 'clear',
+        collection: 'internal',
+    },
+    material: {
+        name: 'chip_cancel',
+        collection: 'internal',
+    },
+});
+addIcon('input_expand', {
+    default: {
+        name: 'arrow_drop_down',
+        collection: 'internal',
+    },
+    material: {
+        name: 'keyboard_arrow_down',
+        collection: 'internal',
+    },
+});
+addIcon('input_collapse', {
+    default: {
+        name: 'arrow_drop_up',
+        collection: 'internal',
+    },
+    material: {
+        name: 'keyboard_arrow_up',
+        collection: 'internal',
+    },
+});
+addIcon('chevron_right', {
+    default: {
+        name: 'keyboard_arrow_right',
+        collection: 'internal',
+    },
+});
+addIcon('chevron_left', {
+    default: {
+        name: 'navigate_before',
+        collection: 'internal',
+    },
+});
+addIcon('case_sensitive', {
+    default: {
+        name: 'case_sensitive',
+        collection: 'internal',
+    },
+});
+addIcon('today', {
+    default: {
+        name: 'calendar_today',
+        collection: 'internal',
+    },
+});
+addIcon('star_filled', {
+    default: {
+        name: 'star',
+        collection: 'internal',
+    },
+});
+addIcon('star_outlined', {
+    default: {
+        name: 'star_border',
+        collection: 'internal',
+    },
+});
+addIcon('prev', {
+    default: {
+        name: 'navigate_before',
+        collection: 'internal',
+    },
+});
+addIcon('next', {
+    default: {
+        name: 'navigate_next',
+        collection: 'internal',
+    },
+});
+addIcon('tree_expand', {
+    default: {
+        name: 'keyboard_arrow_right',
+        collection: 'internal',
+    },
+});
+addIcon('tree_collapse', {
+    default: {
+        name: 'keyboard_arrow_down',
+        collection: 'internal',
+    },
+});
+//# sourceMappingURL=icon-references.js.map

package/components/icon/icon-references.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-references.js","sourceRoot":"","sources":["../../../src/components/icon/icon-references.ts"],"names":[],"mappings":"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","sourcesContent":["/** READ BEFORE YOU MODIFY THIS FILE!\n *\n * Before you add/modify an icon reference, please think about the semantics of the icon you are adding/modifying.\n *\n * Icon aliases have sematic meaning depending on the context in which they are used.\n * For instance, if your component handles toggling between expanded and collapsed states,\n * you may want to use the already existing `expand` and `collapse` aliases that point to\n * the `expand_more` and `expand_less` icons in the material font set.\n *\n * It may so happen, however, that the design of your component requires you to use the `chevron_right` for the\n * expand icon and the `expand_more` for the collapse icon. In this case the `tree_expand` and `tree_collapse` aliases\n * would be appropriate.\n * This distinction is important when choosing which icon to use for your component as it will have an impact\n * when a user decides to rewire the `expand`/`collapse` icons to some other icons.\n *\n * Likewise, modifying existing references should be handled with caution as many component in the framework already\n * share icons that have equivalent semantic meaning. For example, the `Paginator`, `Grid Filtering Row`,\n * and `Tabs` components in Ignite UI for Angular all use the `prev` and `next` icons for navigating between pages\n * or lists of items. Changing the underlying target for those icons should be done in a way that suits all components.\n *\n * Keep in mind that icon aliases and their underlying names are shared between Ignite UI component frameworks\n * and changing an alias name here should be reflected in the other frameworks as well.\n *\n * To get acquainted with which component uses what icon, please make sure to read the\n * [docs](https://infragistics.com/products/ignite-ui-angular/Angular/components/icon-service#internal-usage).\n */\nimport type {\n  IconMeta,\n  IconReference,\n  IconThemeKey,\n} from './registry/types.js';\n\ntype Icon = { [key in IconThemeKey]?: IconMeta };\n\nexport const iconReferences: IconReference[] = [];\nconst makeIconRefs = (icons: Icon) => {\n  return new Map(\n    Object.entries(icons).map((icon) => {\n      return icon as [theme: IconThemeKey, IconMeta];\n    })\n  );\n};\n\nconst addIcon = (name: string, target: Icon) => {\n  const icon = {\n    alias: {\n      name,\n      collection: 'default',\n    },\n    target: makeIconRefs(target),\n  };\n\n  iconReferences.push(icon as IconReference);\n};\n\naddIcon('expand', {\n  default: {\n    name: 'keyboard_arrow_down',\n    collection: 'internal',\n  },\n});\naddIcon('collapse', {\n  default: {\n    name: 'keyboard_arrow_up',\n    collection: 'internal',\n  },\n});\naddIcon('arrow_prev', {\n  default: {\n    name: 'navigate_before',\n    collection: 'internal',\n  },\n  fluent: {\n    name: 'arrow_upward',\n    collection: 'internal',\n  },\n});\naddIcon('arrow_next', {\n  default: {\n    name: 'navigate_next',\n    collection: 'internal',\n  },\n  fluent: {\n    name: 'arrow_downward',\n    collection: 'internal',\n  },\n});\naddIcon('selected', {\n  default: {\n    name: 'chip_select',\n    collection: 'internal',\n  },\n});\naddIcon('remove', {\n  default: {\n    name: 'chip_cancel',\n    collection: 'internal',\n  },\n});\naddIcon('input_clear', {\n  default: {\n    name: 'clear',\n    collection: 'internal',\n  },\n  material: {\n    name: 'chip_cancel',\n    collection: 'internal',\n  },\n});\naddIcon('input_expand', {\n  default: {\n    name: 'arrow_drop_down',\n    collection: 'internal',\n  },\n  material: {\n    name: 'keyboard_arrow_down',\n    collection: 'internal',\n  },\n});\naddIcon('input_collapse', {\n  default: {\n    name: 'arrow_drop_up',\n    collection: 'internal',\n  },\n  material: {\n    name: 'keyboard_arrow_up',\n    collection: 'internal',\n  },\n});\naddIcon('chevron_right', {\n  default: {\n    name: 'keyboard_arrow_right',\n    collection: 'internal',\n  },\n});\naddIcon('chevron_left', {\n  default: {\n    name: 'navigate_before',\n    collection: 'internal',\n  },\n});\naddIcon('case_sensitive', {\n  default: {\n    name: 'case_sensitive',\n    collection: 'internal',\n  },\n});\naddIcon('today', {\n  default: {\n    name: 'calendar_today',\n    collection: 'internal',\n  },\n});\naddIcon('star_filled', {\n  default: {\n    name: 'star',\n    collection: 'internal',\n  },\n});\naddIcon('star_outlined', {\n  default: {\n    name: 'star_border',\n    collection: 'internal',\n  },\n});\naddIcon('prev', {\n  default: {\n    name: 'navigate_before',\n    collection: 'internal',\n  },\n});\naddIcon('next', {\n  default: {\n    name: 'navigate_next',\n    collection: 'internal',\n  },\n});\naddIcon('tree_expand', {\n  default: {\n    name: 'keyboard_arrow_right',\n    collection: 'internal',\n  },\n});\naddIcon('tree_collapse', {\n  default: {\n    name: 'keyboard_arrow_down',\n    collection: 'internal',\n  },\n});\n"]}

package/components/icon/icon-state.broadcast.d.ts

@@ -0,0 +1,10 @@
+import type { BroadcastIconsChangeMessage, IconMeta, IconsCollection, SvgIcon } from './registry/types.js';
+export declare class IconsStateBroadcast {
+    private iconBroadcastChannel;
+    private collections;
+    private refsCollection;
+    constructor(collections: IconsCollection<SvgIcon>, refsCollection: IconsCollection<IconMeta>);
+    send(data: BroadcastIconsChangeMessage): void;
+    handleEvent({ data }: MessageEvent<BroadcastIconsChangeMessage>): void;
+    private getUserSetCollection;
+}

package/components/icon/icon-state.broadcast.js

@@ -0,0 +1,36 @@
+import { createIconDefaultMap } from './registry/default-map.js';
+import { ActionType } from './registry/types.js';
+export class IconsStateBroadcast {
+    constructor(collections, refsCollection) {
+        this.collections = collections;
+        this.refsCollection = refsCollection;
+        this.iconBroadcastChannel = new BroadcastChannel('ignite-ui-icon-channel');
+        this.iconBroadcastChannel.addEventListener('message', this);
+    }
+    send(data) {
+        this.iconBroadcastChannel.postMessage(data);
+    }
+    handleEvent({ data }) {
+        if (data.actionType !== ActionType.SyncState) {
+            return;
+        }
+        this.send({
+            actionType: ActionType.SyncState,
+            collections: this.getUserSetCollection(this.collections).toMap(),
+            references: this.refsCollection.toMap(),
+        });
+    }
+    getUserSetCollection(collections) {
+        const userSetIcons = createIconDefaultMap();
+        for (const [collectionKey, collection] of collections.entries()) {
+            if (collectionKey === 'internal') {
+                continue;
+            }
+            for (const [iconKey, icon] of collection.entries()) {
+                userSetIcons.getOrCreate(collectionKey).set(iconKey, icon);
+            }
+        }
+        return userSetIcons;
+    }
+}
+//# sourceMappingURL=icon-state.broadcast.js.map

package/components/icon/icon-state.broadcast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-state.broadcast.js","sourceRoot":"","sources":["../../../src/components/icon/icon-state.broadcast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAOjE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,OAAO,mBAAmB;IAK9B,YACE,WAAqC,EACrC,cAAyC;QAEzC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,oBAAoB,GAAG,IAAI,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;QAC3E,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAC9D,CAAC;IAEM,IAAI,CAAC,IAAiC;QAC3C,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;IAEM,WAAW,CAAC,EAAE,IAAI,EAA6C;QACpE,IAAI,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,SAAS,EAAE,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC;YACR,UAAU,EAAE,UAAU,CAAC,SAAS;YAChC,WAAW,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE;YAChE,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;SACxC,CAAC,CAAC;IACL,CAAC;IAEO,oBAAoB,CAAC,WAAqC;QAChE,MAAM,YAAY,GAAG,oBAAoB,EAAmB,CAAC;QAE7D,KAAK,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC;YAChE,IAAI,aAAa,KAAK,UAAU,EAAE,CAAC;gBACjC,SAAS;YACX,CAAC;YACD,KAAK,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;gBACnD,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YAC7D,CAAC;QACH,CAAC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC;CACF","sourcesContent":["import { createIconDefaultMap } from './registry/default-map.js';\nimport type {\n  BroadcastIconsChangeMessage,\n  IconMeta,\n  IconsCollection,\n  SvgIcon,\n} from './registry/types.js';\nimport { ActionType } from './registry/types.js';\n\nexport class IconsStateBroadcast {\n  private iconBroadcastChannel: BroadcastChannel;\n  private collections: IconsCollection<SvgIcon>;\n  private refsCollection: IconsCollection<IconMeta>;\n\n  constructor(\n    collections: IconsCollection<SvgIcon>,\n    refsCollection: IconsCollection<IconMeta>\n  ) {\n    this.collections = collections;\n    this.refsCollection = refsCollection;\n    this.iconBroadcastChannel = new BroadcastChannel('ignite-ui-icon-channel');\n    this.iconBroadcastChannel.addEventListener('message', this);\n  }\n\n  public send(data: BroadcastIconsChangeMessage) {\n    this.iconBroadcastChannel.postMessage(data);\n  }\n\n  public handleEvent({ data }: MessageEvent<BroadcastIconsChangeMessage>) {\n    if (data.actionType !== ActionType.SyncState) {\n      return;\n    }\n\n    this.send({\n      actionType: ActionType.SyncState,\n      collections: this.getUserSetCollection(this.collections).toMap(),\n      references: this.refsCollection.toMap(),\n    });\n  }\n\n  private getUserSetCollection(collections: IconsCollection<SvgIcon>) {\n    const userSetIcons = createIconDefaultMap<string, SvgIcon>();\n\n    for (const [collectionKey, collection] of collections.entries()) {\n      if (collectionKey === 'internal') {\n        continue;\n      }\n      for (const [iconKey, icon] of collection.entries()) {\n        userSetIcons.getOrCreate(collectionKey).set(iconKey, icon);\n      }\n    }\n    return userSetIcons;\n  }\n}\n"]}

package/components/icon/icon.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-declare const IgcIconComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/sizable.js").SizableInterface> & typeof LitElement;
+import type { IconMeta } from './registry/types.js';
 /**
  * The icon component allows visualizing collections of pre-registered SVG icons.
  *
@@ -7,7 +7,7 @@ declare const IgcIconComponent_base: import("../common/mixins/constructor.js").C
  *
  *
  */
-export default class IgcIconComponent extends IgcIconComponent_base {
+export default class IgcIconComponent extends LitElement {
     static readonly tagName = "igc-icon";
     static styles: import("lit").CSSResult[];
     static register(): void;
@@ -38,10 +38,10 @@ export default class IgcIconComponent extends IgcIconComponent_base {
     protected render(): import("lit-html").TemplateResult<1>;
     protected registerIcon(name: string, url: string, collection?: string): Promise<void>;
     protected registerIconFromText(name: string, iconText: string, collection?: string): void;
+    protected setIconRef(name: string, collection: string, icon: IconMeta): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'igc-icon': IgcIconComponent;
     }
 }
-export {};

package/components/icon/icon.js

@@ -8,16 +8,15 @@ var IgcIconComponent_1;
 import { LitElement, html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
-import { themes } from '../../theming/theming-decorator.js';
+import { getThemeController, themes } from '../../theming/theming-decorator.js';
 import { blazorInclude } from '../common/decorators/blazorInclude.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { SizableMixin } from '../common/mixins/sizable.js';
-import { getIconRegistry, registerIconFromText as registerIconFromText_impl, registerIcon as registerIcon_impl, } from './icon.registry.js';
+import { getIconRegistry, registerIconFromText as registerIconFromText_impl, registerIcon as registerIcon_impl, setIconRef as setIconRef_impl, } from './icon.registry.js';
 import { styles } from './themes/icon.base.css.js';
 import { styles as shared } from './themes/shared/icon.common.css.js';
 import { all } from './themes/themes.js';
-let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends SizableMixin(LitElement) {
+let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends LitElement {
     static register() {
         registerComponent(IgcIconComponent_1);
     }
@@ -34,7 +33,7 @@ let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends Sizab
         };
         this.__internals = this.attachInternals();
         this.__internals.role = 'img';
-        this.size = 'medium';
+        getThemeController(this).onThemeChanged = (theme) => getIconRegistry().setRefsByTheme(theme);
     }
     connectedCallback() {
         super.connectedCallback();
@@ -50,7 +49,8 @@ let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends Sizab
         }
     }
     getIcon() {
-        const { svg, title } = getIconRegistry().get(this.name, this.collection) ?? {};
+        const { name, collection } = getIconRegistry().getIconRef(this.name, this.collection);
+        const { svg, title } = getIconRegistry().get(name, collection) ?? {};
         this.svg = svg ?? '';
         this.__internals.ariaLabel = title ?? null;
     }
@@ -63,6 +63,9 @@ let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends Sizab
     registerIconFromText(name, iconText, collection = 'default') {
         registerIconFromText_impl(name, iconText, collection);
     }
+    setIconRef(name, collection, icon) {
+        setIconRef_impl(name, collection, icon);
+    }
 };
 IgcIconComponent.tagName = 'igc-icon';
 IgcIconComponent.styles = [styles, shared];
@@ -88,8 +91,11 @@ __decorate([
 __decorate([
     blazorInclude()
 ], IgcIconComponent.prototype, "registerIconFromText", null);
+__decorate([
+    blazorInclude()
+], IgcIconComponent.prototype, "setIconRef", null);
 IgcIconComponent = IgcIconComponent_1 = __decorate([
-    themes(all)
+    themes(all, { exposeController: true })
 ], IgcIconComponent);
 export default IgcIconComponent;
 //# sourceMappingURL=icon.js.map

package/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorInclude } from '../common/decorators/blazorInclude.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport {\n  getIconRegistry,\n  registerIconFromText as registerIconFromText_impl,\n  registerIcon as registerIcon_impl,\n} from './icon.registry.js';\nimport { styles } from './themes/icon.base.css.js';\nimport { styles as shared } from './themes/shared/icon.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * The icon component allows visualizing collections of pre-registered SVG icons.\n *\n * @element igc-icon\n *\n *\n */\n@themes(all)\nexport default class IgcIconComponent extends SizableMixin(LitElement) {\n  public static readonly tagName = 'igc-icon';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcIconComponent);\n  }\n\n  private __internals: ElementInternals;\n\n  @state()\n  private svg = '';\n\n  /* alternateName: iconName */\n  /**\n   * The name of the icon glyph to draw.\n   * @attr\n   */\n  @property()\n  public name = '';\n\n  /**\n   * The name of the registered collection for look up of icons.\n   * Defaults to `default`.\n   * @attr\n   */\n  @property()\n  public collection = 'default';\n\n  /**\n   * Whether to flip the icon. Useful for RTL layouts.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public mirrored = false;\n\n  constructor() {\n    super();\n    this.__internals = this.attachInternals();\n    this.__internals.role = 'img';\n    this.size = 'medium';\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    getIconRegistry().subscribe(this.iconLoaded);\n  }\n\n  public override disconnectedCallback() {\n    getIconRegistry().unsubscribe(this.iconLoaded);\n    super.disconnectedCallback();\n  }\n\n  @watch('name')\n  @watch('collection')\n  protected iconChanged(prev: string, curr: string) {\n    if (prev !== curr) {\n      this.getIcon();\n    }\n  }\n\n  private iconLoaded = (name: string, collection: string) => {\n    if (this.name === name && this.collection === collection) {\n      this.getIcon();\n    }\n  };\n\n  private getIcon() {\n    const { svg, title } =\n      getIconRegistry().get(this.name, this.collection) ?? {};\n\n    this.svg = svg ?? '';\n    this.__internals.ariaLabel = title ?? null;\n  }\n\n  protected override render() {\n    return html`${unsafeSVG(this.svg)}`;\n  }\n\n  /* c8 ignore next 8 */\n  @blazorInclude()\n  protected async registerIcon(\n    name: string,\n    url: string,\n    collection = 'default'\n  ) {\n    await registerIcon_impl(name, url, collection);\n  }\n\n  /* c8 ignore next 8 */\n  @blazorInclude()\n  protected registerIconFromText(\n    name: string,\n    iconText: string,\n    collection = 'default'\n  ) {\n    registerIconFromText_impl(name, iconText, collection);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-icon': IgcIconComponent;\n  }\n}\n"]}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport { blazorInclude } from '../common/decorators/blazorInclude.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  getIconRegistry,\n  registerIconFromText as registerIconFromText_impl,\n  registerIcon as registerIcon_impl,\n  setIconRef as setIconRef_impl,\n} from './icon.registry.js';\nimport type { IconMeta } from './registry/types.js';\nimport { styles } from './themes/icon.base.css.js';\nimport { styles as shared } from './themes/shared/icon.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * The icon component allows visualizing collections of pre-registered SVG icons.\n *\n * @element igc-icon\n *\n *\n */\n@themes(all, { exposeController: true })\nexport default class IgcIconComponent extends LitElement {\n  public static readonly tagName = 'igc-icon';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcIconComponent);\n  }\n\n  private __internals: ElementInternals;\n\n  @state()\n  private svg = '';\n\n  /* alternateName: iconName */\n  /**\n   * The name of the icon glyph to draw.\n   * @attr\n   */\n  @property()\n  public name = '';\n\n  /**\n   * The name of the registered collection for look up of icons.\n   * Defaults to `default`.\n   * @attr\n   */\n  @property()\n  public collection = 'default';\n\n  /**\n   * Whether to flip the icon. Useful for RTL layouts.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public mirrored = false;\n\n  constructor() {\n    super();\n    this.__internals = this.attachInternals();\n    this.__internals.role = 'img';\n\n    getThemeController(this)!.onThemeChanged = (theme) =>\n      getIconRegistry().setRefsByTheme(theme);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    getIconRegistry().subscribe(this.iconLoaded);\n  }\n\n  public override disconnectedCallback() {\n    getIconRegistry().unsubscribe(this.iconLoaded);\n    super.disconnectedCallback();\n  }\n\n  @watch('name')\n  @watch('collection')\n  protected iconChanged(prev: string, curr: string) {\n    if (prev !== curr) {\n      this.getIcon();\n    }\n  }\n\n  private iconLoaded = (name: string, collection: string) => {\n    if (this.name === name && this.collection === collection) {\n      this.getIcon();\n    }\n  };\n\n  private getIcon() {\n    const { name, collection } = getIconRegistry().getIconRef(\n      this.name,\n      this.collection\n    );\n    const { svg, title } = getIconRegistry().get(name, collection) ?? {};\n\n    this.svg = svg ?? '';\n    this.__internals.ariaLabel = title ?? null;\n  }\n\n  protected override render() {\n    return html`${unsafeSVG(this.svg)}`;\n  }\n\n  /* c8 ignore next 8 */\n  @blazorInclude()\n  protected async registerIcon(\n    name: string,\n    url: string,\n    collection = 'default'\n  ) {\n    await registerIcon_impl(name, url, collection);\n  }\n\n  /* c8 ignore next 8 */\n  @blazorInclude()\n  protected registerIconFromText(\n    name: string,\n    iconText: string,\n    collection = 'default'\n  ) {\n    registerIconFromText_impl(name, iconText, collection);\n  }\n\n  /* c8 ignore next 4 */\n  @blazorInclude()\n  protected setIconRef(name: string, collection: string, icon: IconMeta) {\n    setIconRef_impl(name, collection, icon);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-icon': IgcIconComponent;\n  }\n}\n"]}

package/components/icon/icon.registry.d.ts

@@ -1,24 +1,24 @@
-export type IconCollection = {
-    [name: string]: ParsedIcon;
-};
-type IconCallback = (name: string, collection: string) => void;
-interface ParsedIcon {
-    svg: string;
-    title?: string;
-}
-export declare class IconsRegistry {
-    private _parser;
+import type { Theme } from '../../theming/types.js';
+import type { IconCallback, IconMeta, IconReferencePair, SvgIcon } from './registry/types.js';
+declare class IconsRegistry {
+    private parser;
     private collections;
+    private references;
     private listeners;
+    private theme;
+    private broadcast;
     constructor();
+    register(name: string, iconText: string, collection?: string): void;
     subscribe(callback: IconCallback): void;
     unsubscribe(callback: IconCallback): void;
-    private parseSVG;
-    register(name: string, iconText: string, collection?: string): void;
-    get(name: string, collection?: string): ParsedIcon | undefined;
-    private getOrCreateCollection;
+    setRefsByTheme(theme: Theme): void;
+    setIconRef(options: IconReferencePair): void;
+    getIconRef(name: string, collection: string): IconMeta;
+    get(name: string, collection?: string): SvgIcon | undefined;
+    private notifyAll;
 }
 export declare function getIconRegistry(): IconsRegistry;
 export declare function registerIcon(name: string, url: string, collection?: string): Promise<void>;
 export declare function registerIconFromText(name: string, iconText: string, collection?: string): void;
+export declare function setIconRef(name: string, collection: string, icon: IconMeta): void;
 export {};

package/components/icon/icon.registry.js

@@ -1,47 +1,84 @@
+import { sameObject } from '../common/util.js';
+import { iconReferences } from './icon-references.js';
+import { IconsStateBroadcast } from './icon-state.broadcast.js';
 import { internalIcons } from './internal-icons-lib.js';
-export class IconsRegistry {
+import { createIconDefaultMap } from './registry/default-map.js';
+import { SvgIconParser } from './registry/parser.js';
+import { ActionType } from './registry/types.js';
+class IconsRegistry {
     constructor() {
-        this.collections = new Map();
+        this.collections = createIconDefaultMap();
+        this.references = createIconDefaultMap();
         this.listeners = new Set();
-        this._parser = new DOMParser();
+        this.parser = new SvgIconParser();
+        this.broadcast = new IconsStateBroadcast(this.collections, this.references);
         this.collections.set('internal', internalIcons);
     }
+    register(name, iconText, collection = 'default') {
+        const svgIcon = this.parser.parse(iconText);
+        this.collections.getOrCreate(collection).set(name, svgIcon);
+        const icons = createIconDefaultMap();
+        icons.getOrCreate(collection).set(name, svgIcon);
+        this.broadcast.send({
+            actionType: ActionType.RegisterIcon,
+            collections: icons.toMap(),
+        });
+        this.notifyAll(name, collection);
+    }
     subscribe(callback) {
         this.listeners.add(callback);
     }
     unsubscribe(callback) {
         this.listeners.delete(callback);
     }
-    parseSVG(svgString) {
-        const parsed = this._parser.parseFromString(svgString, 'image/svg+xml');
-        const svg = parsed.querySelector('svg');
-        if (parsed.querySelector('parsererror') || !svg) {
-            throw new Error('SVG element not found or malformed SVG string.');
+    setRefsByTheme(theme) {
+        if (this.theme !== theme) {
+            this.theme = theme;
+            for (const { alias, target } of iconReferences) {
+                const external = this.references
+                    .get(alias.collection)
+                    ?.get(alias.name)?.external;
+                const _ref = this.references.get('default')?.get(alias.name) ?? {};
+                const _target = target.get(this.theme) ?? target.get('default');
+                this.setIconRef({
+                    alias,
+                    target: _target,
+                    overwrite: !external && !sameObject(_ref, _target),
+                });
+            }
         }
-        svg.setAttribute('fit', '');
-        svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
-        return {
-            svg: svg.outerHTML,
-            title: svg.querySelector('title')?.textContent ?? '',
-        };
     }
-    register(name, iconText, collection = 'default') {
-        const namespace = this.getOrCreateCollection(collection);
-        namespace[name] = this.parseSVG(iconText);
-        for (const listener of this.listeners) {
-            listener(name, collection);
+    setIconRef(options) {
+        const { alias, target, overwrite } = options;
+        const reference = this.references.getOrCreate(alias.collection);
+        if (overwrite) {
+            reference.set(alias.name, { ...target });
+            this.notifyAll(alias.name, alias.collection);
         }
+        const refs = createIconDefaultMap();
+        refs.getOrCreate(alias.collection).set(alias.name, {
+            name: target.name,
+            collection: target.collection,
+        });
+        this.broadcast.send({
+            actionType: ActionType.UpdateIconReference,
+            references: refs.toMap(),
+        });
+    }
+    getIconRef(name, collection) {
+        const icon = this.references.get(collection)?.get(name);
+        return {
+            name: icon?.name ?? name,
+            collection: icon?.collection ?? collection,
+        };
     }
     get(name, collection = 'default') {
-        return this.collections.has(collection)
-            ? this.collections.get(collection)[name]
-            : undefined;
+        return this.collections.get(collection)?.get(name);
     }
-    getOrCreateCollection(name) {
-        if (!this.collections.has(name)) {
-            this.collections.set(name, {});
+    notifyAll(name, collection) {
+        for (const listener of this.listeners) {
+            listener(name, collection);
         }
-        return this.collections.get(name);
     }
 }
 const registry = Symbol.for('igc.icons-registry.instance');
@@ -65,4 +102,11 @@ export async function registerIcon(name, url, collection = 'default') {
 export function registerIconFromText(name, iconText, collection = 'default') {
     getIconRegistry().register(name, iconText, collection);
 }
+export function setIconRef(name, collection, icon) {
+    getIconRegistry().setIconRef({
+        alias: { name, collection },
+        target: { ...icon, external: true },
+        overwrite: true,
+    });
+}
 //# sourceMappingURL=icon.registry.js.map

package/components/icon/icon.registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.registry.js","sourceRoot":"","sources":["../../../src/components/icon/icon.registry.ts"],"names":[],"mappings":"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","sourcesContent":["import { internalIcons } from './internal-icons-lib.js';\n\nexport type IconCollection = { [name: string]: ParsedIcon };\n\ntype IconCallback = (name: string, collection: string) => void;\n\ninterface ParsedIcon {\n  svg: string;\n  title?: string;\n}\n\nexport class IconsRegistry {\n  private _parser: DOMParser;\n\n  private collections = new Map<string, IconCollection>();\n  private listeners = new Set<IconCallback>();\n\n  constructor() {\n    this._parser = new DOMParser();\n    this.collections.set('internal', internalIcons);\n  }\n\n  public subscribe(callback: IconCallback) {\n    this.listeners.add(callback);\n  }\n\n  public unsubscribe(callback: IconCallback) {\n    this.listeners.delete(callback);\n  }\n\n  private parseSVG(svgString: string): ParsedIcon {\n    const parsed = this._parser.parseFromString(svgString, 'image/svg+xml');\n    const svg = parsed.querySelector('svg');\n\n    if (parsed.querySelector('parsererror') || !svg) {\n      throw new Error('SVG element not found or malformed SVG string.');\n    }\n\n    svg.setAttribute('fit', '');\n    svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');\n\n    return {\n      svg: svg.outerHTML,\n      title: svg.querySelector('title')?.textContent ?? '',\n    };\n  }\n\n  public register(name: string, iconText: string, collection = 'default') {\n    const namespace = this.getOrCreateCollection(collection);\n    namespace[name] = this.parseSVG(iconText);\n\n    for (const listener of this.listeners) {\n      listener(name, collection);\n    }\n  }\n\n  public get(name: string, collection = 'default') {\n    return this.collections.has(collection)\n      ? this.collections.get(collection)![name]\n      : undefined;\n  }\n\n  private getOrCreateCollection(name: string) {\n    if (!this.collections.has(name)) {\n      this.collections.set(name, {});\n    }\n\n    return this.collections.get(name) as IconCollection;\n  }\n}\n\nconst registry = Symbol.for('igc.icons-registry.instance');\n\ntype IgcIconRegistry = typeof globalThis & {\n  [registry]?: IconsRegistry;\n};\n\nexport function getIconRegistry() {\n  const _global = globalThis as IgcIconRegistry;\n  if (!_global[registry]) {\n    _global[registry] = new IconsRegistry();\n  }\n  return _global[registry];\n}\n\nexport async function registerIcon(\n  name: string,\n  url: string,\n  collection = 'default'\n) {\n  const response = await fetch(url);\n\n  if (response.ok) {\n    const value = await response.text();\n    getIconRegistry().register(name, value, collection);\n  } else {\n    throw new Error(`Icon request failed. Status: ${response.status}.`);\n  }\n}\n\nexport function registerIconFromText(\n  name: string,\n  iconText: string,\n  collection = 'default'\n) {\n  getIconRegistry().register(name, iconText, collection);\n}\n"]}
+{"version":3,"file":"icon.registry.js","sourceRoot":"","sources":["../../../src/components/icon/icon.registry.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Theme } from '../../theming/types.js';\nimport { sameObject } from '../common/util.js';\nimport { iconReferences } from './icon-references.js';\nimport { IconsStateBroadcast } from './icon-state.broadcast.js';\nimport { internalIcons } from './internal-icons-lib.js';\nimport { createIconDefaultMap } from './registry/default-map.js';\nimport { SvgIconParser } from './registry/parser.js';\nimport type {\n  IconCallback,\n  IconMeta,\n  IconReferencePair,\n  SvgIcon,\n} from './registry/types.js';\nimport { ActionType } from './registry/types.js';\n\nclass IconsRegistry {\n  private parser: SvgIconParser;\n  private collections = createIconDefaultMap<string, SvgIcon>();\n  private references = createIconDefaultMap<string, IconMeta>();\n  private listeners = new Set<IconCallback>();\n  private theme!: Theme;\n  private broadcast: IconsStateBroadcast;\n\n  constructor() {\n    this.parser = new SvgIconParser();\n    this.broadcast = new IconsStateBroadcast(this.collections, this.references);\n\n    this.collections.set('internal', internalIcons);\n  }\n\n  public register(name: string, iconText: string, collection = 'default') {\n    const svgIcon = this.parser.parse(iconText);\n    this.collections.getOrCreate(collection).set(name, svgIcon);\n\n    const icons = createIconDefaultMap<string, SvgIcon>();\n    icons.getOrCreate(collection).set(name, svgIcon);\n\n    this.broadcast.send({\n      actionType: ActionType.RegisterIcon,\n      collections: icons.toMap(),\n    });\n\n    this.notifyAll(name, collection);\n  }\n\n  public subscribe(callback: IconCallback) {\n    this.listeners.add(callback);\n  }\n\n  public unsubscribe(callback: IconCallback) {\n    this.listeners.delete(callback);\n  }\n\n  public setRefsByTheme(theme: Theme) {\n    if (this.theme !== theme) {\n      this.theme = theme;\n\n      for (const { alias, target } of iconReferences) {\n        const external = this.references\n          .get(alias.collection)\n          ?.get(alias.name)?.external;\n\n        const _ref = this.references.get('default')?.get(alias.name) ?? {};\n        const _target = target.get(this.theme) ?? target.get('default')!;\n\n        this.setIconRef({\n          alias,\n          target: _target,\n          overwrite: !external && !sameObject(_ref, _target),\n        });\n      }\n    }\n  }\n\n  public setIconRef(options: IconReferencePair) {\n    const { alias, target, overwrite } = options;\n    const reference = this.references.getOrCreate(alias.collection);\n\n    if (overwrite) {\n      reference.set(alias.name, { ...target });\n      this.notifyAll(alias.name, alias.collection);\n    }\n\n    const refs = createIconDefaultMap<string, IconMeta>();\n    refs.getOrCreate(alias.collection).set(alias.name, {\n      name: target.name,\n      collection: target.collection,\n    });\n\n    this.broadcast.send({\n      actionType: ActionType.UpdateIconReference,\n      references: refs.toMap(),\n    });\n  }\n\n  public getIconRef(name: string, collection: string): IconMeta {\n    const icon = this.references.get(collection)?.get(name);\n\n    return {\n      name: icon?.name ?? name,\n      collection: icon?.collection ?? collection,\n    };\n  }\n\n  public get(name: string, collection = 'default') {\n    return this.collections.get(collection)?.get(name);\n  }\n\n  private notifyAll(name: string, collection: string) {\n    for (const listener of this.listeners) {\n      listener(name, collection);\n    }\n  }\n}\n\nconst registry = Symbol.for('igc.icons-registry.instance');\n\ntype IgcIconRegistry = typeof globalThis & {\n  [registry]?: IconsRegistry;\n};\n\nexport function getIconRegistry() {\n  const _global = globalThis as IgcIconRegistry;\n  if (!_global[registry]) {\n    _global[registry] = new IconsRegistry();\n  }\n  return _global[registry];\n}\n\nexport async function registerIcon(\n  name: string,\n  url: string,\n  collection = 'default'\n) {\n  const response = await fetch(url);\n\n  if (response.ok) {\n    const value = await response.text();\n    getIconRegistry().register(name, value, collection);\n  } else {\n    throw new Error(`Icon request failed. Status: ${response.status}.`);\n  }\n}\n\nexport function registerIconFromText(\n  name: string,\n  iconText: string,\n  collection = 'default'\n) {\n  getIconRegistry().register(name, iconText, collection);\n}\n\nexport function setIconRef(name: string, collection: string, icon: IconMeta) {\n  getIconRegistry().setIconRef({\n    alias: { name, collection },\n    target: { ...icon, external: true },\n    overwrite: true,\n  });\n}\n"]}

package/components/icon/internal-icons-lib.d.ts

@@ -1,2 +1,2 @@
-import type { IconCollection } from './icon.registry.js';
-export declare const internalIcons: IconCollection;
+import type { SvgIcon } from './registry/types.js';
+export declare const internalIcons: Map<string, SvgIcon>;

package/components/icon/internal-icons-lib.js

@@ -1,4 +1,4 @@
-export const internalIcons = {
+export const internalIcons = new Map(Object.entries({
     navigate_before: {
         svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.61 7.41L14.2 6l-6 6 6 6 1.41-1.41L11.03 12l4.58-4.59z"/></svg>`,
     },
@@ -50,5 +50,5 @@ export const internalIcons = {
     calendar_today: {
         svg: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>`,
     },
-};
+}));
 //# sourceMappingURL=internal-icons-lib.js.map

package/components/icon/internal-icons-lib.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal-icons-lib.js","sourceRoot":"","sources":["../../../src/components/icon/internal-icons-lib.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAmB;IAC3C,eAAe,EAAE;QACf,GAAG,EAAE,gLAAgL;KACtL;IACD,aAAa,EAAE;QACb,GAAG,EAAE,+KAA+K;KACrL;IACD,iBAAiB,EAAE;QACjB,GAAG,EAAE,mKAAmK;KACzK;IACD,mBAAmB,EAAE;QACnB,GAAG,EAAE,8KAA8K;KACpL;IACD,oBAAoB,EAAE;QACpB,GAAG,EAAE,6KAA6K;KACnL;IACD,WAAW,EAAE;QACX,GAAG,EAAE,2TAA2T;KACjU;IACD,WAAW,EAAE;QACX,GAAG,EAAE,6LAA6L;KACnM;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,6QAA6Q;KACnR;IACD,WAAW,EAAE;QACX,GAAG,EAAE,gVAAgV;KACtV;IACD,cAAc,EAAE;QACd,GAAG,EAAE,66BAA66B;KACn7B;IACD,KAAK,EAAE;QACL,GAAG,EAAE,0NAA0N;KAChO;IACD,aAAa,EAAE;QACb,GAAG,EAAE,mIAAmI;KACzI;IACD,eAAe,EAAE;QACf,GAAG,EAAE,mIAAmI;KACzI;IACD,cAAc,EAAE;QACd,GAAG,EAAE,gNAAgN;KACtN;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,6MAA6M;KACnN;IACD,QAAQ,EAAE;QACR,GAAG,EAAE,oTAAoT;KAC1T;IACD,cAAc,EAAE;QACd,GAAG,EAAE,0PAA0P;KAChQ;CACF,CAAC","sourcesContent":["import type { IconCollection } from './icon.registry.js';\n\nexport const internalIcons: IconCollection = {\n  navigate_before: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M15.61 7.41L14.2 6l-6 6 6 6 1.41-1.41L11.03 12l4.58-4.59z\"/></svg>`,\n  },\n  navigate_next: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M10.02 6L8.61 7.41 13.19 12l-4.58 4.59L10.02 18l6-6-6-6z\"/></svg>`,\n  },\n  keyboard_arrow_up: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"/></svg>`,\n  },\n  keyboard_arrow_down: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"/></svg>`,\n  },\n  keyboard_arrow_right: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"/></svg>`,\n  },\n  chip_cancel: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n  },\n  chip_select: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/></svg>`,\n  },\n  star: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/></svg>`,\n  },\n  star_border: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z\"/></svg>`,\n  },\n  case_sensitive: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"M21.2 16.5c0-.2-.1-.5-.1-.7v-4.4c0-.4-.1-.8-.3-1.2-.2-.3-.5-.6-.8-.7-.3-.2-.7-.3-1.1-.3-.4-.1-.8-.1-1.2-.1-.5 0-.9 0-1.4.1-.4.1-.8.3-1.2.5-.3.2-.6.5-.8.9s-.3.9-.3 1.3h1.4c0-.5.2-1 .7-1.3.5-.2 1-.4 1.5-.3.2 0 .5 0 .7.1.2 0 .4.1.6.2.2.1.3.2.5.4.1.2.2.5.2.7s-.1.4-.2.6c-.2.2-.4.3-.6.3-.3.1-.6.1-.9.2-.4 0-.7.1-1.1.2-.4.1-.7.1-1.1.2-.3.1-.7.2-1 .4s-.5.5-.7.8c-.2.4-.3.8-.3 1.2s.1.8.2 1.1c.1.3.4.5.6.7.3.2.6.3.9.4.9.2 1.9.2 2.8-.2.5-.2 1-.6 1.4-1 0 .4.1.7.3 1 .2.2.6.3.9.3.4 0 .7-.1 1-.2v-1.1c-.1 0-.3.1-.4.1-.1.1-.2 0-.2-.2zm-1.5-1.7c0 .2-.1.4-.2.6-.1.2-.3.5-.5.6-.2.2-.5.4-.8.5-.4.1-.8.2-1.2.2-.2 0-.4 0-.6-.1-.2 0-.4-.1-.5-.2-.2-.1-.3-.2-.4-.4-.1-.2-.2-.4-.1-.6 0-.3.1-.6.2-.8.2-.2.4-.4.6-.5.3-.1.6-.2.9-.2s.7-.1 1-.1.6-.1.9-.1.5-.1.7-.3v1.4zm-9.6-.4l1.3 3.6h1.8L8.5 6H6.7L2 18h1.7L5 14.4h5.1zm-2.5-7l2.1 5.5H5.5l2.1-5.5z\"></path></svg>`,\n  },\n  clear: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n  },\n  arrow_drop_up: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 14l5-5 5 5z\"/></svg>`,\n  },\n  arrow_drop_down: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 10l5 5 5-5z\"/></svg>`,\n  },\n  arrow_downward: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\"/></svg>`,\n  },\n  arrow_upward: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\"/></svg>`,\n  },\n  calendar: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\"><path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z\"/></svg>`,\n  },\n  calendar_today: {\n    svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>`,\n  },\n};\n"]}
+{"version":3,"file":"internal-icons-lib.js","sourceRoot":"","sources":["../../../src/components/icon/internal-icons-lib.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,GAAG,CAClC,MAAM,CAAC,OAAO,CAAC;IACb,eAAe,EAAE;QACf,GAAG,EAAE,gLAAgL;KACtL;IACD,aAAa,EAAE;QACb,GAAG,EAAE,+KAA+K;KACrL;IACD,iBAAiB,EAAE;QACjB,GAAG,EAAE,mKAAmK;KACzK;IACD,mBAAmB,EAAE;QACnB,GAAG,EAAE,8KAA8K;KACpL;IACD,oBAAoB,EAAE;QACpB,GAAG,EAAE,6KAA6K;KACnL;IACD,WAAW,EAAE;QACX,GAAG,EAAE,2TAA2T;KACjU;IACD,WAAW,EAAE;QACX,GAAG,EAAE,6LAA6L;KACnM;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,6QAA6Q;KACnR;IACD,WAAW,EAAE;QACX,GAAG,EAAE,gVAAgV;KACtV;IACD,cAAc,EAAE;QACd,GAAG,EAAE,66BAA66B;KACn7B;IACD,KAAK,EAAE;QACL,GAAG,EAAE,0NAA0N;KAChO;IACD,aAAa,EAAE;QACb,GAAG,EAAE,mIAAmI;KACzI;IACD,eAAe,EAAE;QACf,GAAG,EAAE,mIAAmI;KACzI;IACD,cAAc,EAAE;QACd,GAAG,EAAE,gNAAgN;KACtN;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,6MAA6M;KACnN;IACD,QAAQ,EAAE;QACR,GAAG,EAAE,oTAAoT;KAC1T;IACD,cAAc,EAAE;QACd,GAAG,EAAE,0PAA0P;KAChQ;CACF,CAAC,CACH,CAAC","sourcesContent":["import type { SvgIcon } from './registry/types.js';\n\nexport const internalIcons = new Map<string, SvgIcon>(\n  Object.entries({\n    navigate_before: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M15.61 7.41L14.2 6l-6 6 6 6 1.41-1.41L11.03 12l4.58-4.59z\"/></svg>`,\n    },\n    navigate_next: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M10.02 6L8.61 7.41 13.19 12l-4.58 4.59L10.02 18l6-6-6-6z\"/></svg>`,\n    },\n    keyboard_arrow_up: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"/></svg>`,\n    },\n    keyboard_arrow_down: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"/></svg>`,\n    },\n    keyboard_arrow_right: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"/></svg>`,\n    },\n    chip_cancel: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n    },\n    chip_select: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/></svg>`,\n    },\n    star: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/></svg>`,\n    },\n    star_border: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z\"/></svg>`,\n    },\n    case_sensitive: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"M21.2 16.5c0-.2-.1-.5-.1-.7v-4.4c0-.4-.1-.8-.3-1.2-.2-.3-.5-.6-.8-.7-.3-.2-.7-.3-1.1-.3-.4-.1-.8-.1-1.2-.1-.5 0-.9 0-1.4.1-.4.1-.8.3-1.2.5-.3.2-.6.5-.8.9s-.3.9-.3 1.3h1.4c0-.5.2-1 .7-1.3.5-.2 1-.4 1.5-.3.2 0 .5 0 .7.1.2 0 .4.1.6.2.2.1.3.2.5.4.1.2.2.5.2.7s-.1.4-.2.6c-.2.2-.4.3-.6.3-.3.1-.6.1-.9.2-.4 0-.7.1-1.1.2-.4.1-.7.1-1.1.2-.3.1-.7.2-1 .4s-.5.5-.7.8c-.2.4-.3.8-.3 1.2s.1.8.2 1.1c.1.3.4.5.6.7.3.2.6.3.9.4.9.2 1.9.2 2.8-.2.5-.2 1-.6 1.4-1 0 .4.1.7.3 1 .2.2.6.3.9.3.4 0 .7-.1 1-.2v-1.1c-.1 0-.3.1-.4.1-.1.1-.2 0-.2-.2zm-1.5-1.7c0 .2-.1.4-.2.6-.1.2-.3.5-.5.6-.2.2-.5.4-.8.5-.4.1-.8.2-1.2.2-.2 0-.4 0-.6-.1-.2 0-.4-.1-.5-.2-.2-.1-.3-.2-.4-.4-.1-.2-.2-.4-.1-.6 0-.3.1-.6.2-.8.2-.2.4-.4.6-.5.3-.1.6-.2.9-.2s.7-.1 1-.1.6-.1.9-.1.5-.1.7-.3v1.4zm-9.6-.4l1.3 3.6h1.8L8.5 6H6.7L2 18h1.7L5 14.4h5.1zm-2.5-7l2.1 5.5H5.5l2.1-5.5z\"></path></svg>`,\n    },\n    clear: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n    },\n    arrow_drop_up: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 14l5-5 5 5z\"/></svg>`,\n    },\n    arrow_drop_down: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 10l5 5 5-5z\"/></svg>`,\n    },\n    arrow_downward: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\"/></svg>`,\n    },\n    arrow_upward: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\"/></svg>`,\n    },\n    calendar: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\"><path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z\"/></svg>`,\n    },\n    calendar_today: {\n      svg: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z\"/></svg>`,\n    },\n  })\n);\n"]}