@nuralyui/iconpicker 0.0.1

package/controllers/event.controller.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { IconPickerIcon } from '../icon-picker.types.js';
+interface EventHost extends ReactiveControllerHost {
+    dispatchEvent(event: Event): boolean;
+}
+export declare class IconPickerEventController implements ReactiveController {
+    host: EventHost;
+    constructor(host: EventHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /**
+     * Dispatch icon change event
+     */
+    dispatchChangeEvent(value: string, icon: IconPickerIcon | null): void;
+    /**
+     * Dispatch search event
+     */
+    dispatchSearchEvent(query: string): void;
+    /**
+     * Dispatch clear event
+     */
+    dispatchClearEvent(): void;
+    /**
+     * Dispatch open event
+     */
+    dispatchOpenEvent(): void;
+    /**
+     * Dispatch close event
+     */
+    dispatchCloseEvent(): void;
+}
+export {};
+//# sourceMappingURL=event.controller.d.ts.map

package/controllers/event.controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.controller.d.ts","sourceRoot":"","sources":["../../../../../src/components/iconpicker/controllers/event.controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AACjE,OAAO,KAAK,EAAyB,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAErF,UAAU,SAAU,SAAQ,sBAAsB;IAChD,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC;CACtC;AAED,qBAAa,yBAA0B,YAAW,kBAAkB;IAClE,IAAI,EAAE,SAAS,CAAC;gBAEJ,IAAI,EAAE,SAAS;IAI3B,aAAa;IAIb,gBAAgB;IAIhB;;OAEG;IACH,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,GAAG,IAAI;IAWrE;;OAEG;IACH,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAUxC;;OAEG;IACH,kBAAkB,IAAI,IAAI;IAU1B;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAUzB;;OAEG;IACH,kBAAkB,IAAI,IAAI;CAS3B"}

package/controllers/event.controller.js

@@ -0,0 +1,68 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export class IconPickerEventController {
+    constructor(host) {
+        (this.host = host).addController(this);
+    }
+    hostConnected() {
+        // Initialization
+    }
+    hostDisconnected() {
+        // Cleanup
+    }
+    /**
+     * Dispatch icon change event
+     */
+    dispatchChangeEvent(value, icon) {
+        const detail = { value, icon };
+        this.host.dispatchEvent(new CustomEvent('nr-icon-picker-change', {
+            detail,
+            bubbles: true,
+            composed: true
+        }));
+    }
+    /**
+     * Dispatch search event
+     */
+    dispatchSearchEvent(query) {
+        this.host.dispatchEvent(new CustomEvent('nr-icon-picker-search', {
+            detail: { query },
+            bubbles: true,
+            composed: true
+        }));
+    }
+    /**
+     * Dispatch clear event
+     */
+    dispatchClearEvent() {
+        this.host.dispatchEvent(new CustomEvent('nr-icon-picker-clear', {
+            detail: {},
+            bubbles: true,
+            composed: true
+        }));
+    }
+    /**
+     * Dispatch open event
+     */
+    dispatchOpenEvent() {
+        this.host.dispatchEvent(new CustomEvent('nr-icon-picker-open', {
+            detail: {},
+            bubbles: true,
+            composed: true
+        }));
+    }
+    /**
+     * Dispatch close event
+     */
+    dispatchCloseEvent() {
+        this.host.dispatchEvent(new CustomEvent('nr-icon-picker-close', {
+            detail: {},
+            bubbles: true,
+            composed: true
+        }));
+    }
+}
+//# sourceMappingURL=event.controller.js.map

package/controllers/event.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.controller.js","sourceRoot":"","sources":["../../../../../src/components/iconpicker/controllers/event.controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,MAAM,OAAO,yBAAyB;IAGpC,YAAY,IAAe;QACzB,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,aAAa;QACX,iBAAiB;IACnB,CAAC;IAED,gBAAgB;QACd,UAAU;IACZ,CAAC;IAED;;OAEG;IACH,mBAAmB,CAAC,KAAa,EAAE,IAA2B;QAC5D,MAAM,MAAM,GAA0B,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;QACtD,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,uBAAuB,EAAE;YACvC,MAAM;YACN,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,mBAAmB,CAAC,KAAa;QAC/B,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,uBAAuB,EAAE;YACvC,MAAM,EAAE,EAAE,KAAK,EAAE;YACjB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,kBAAkB;QAChB,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACtC,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,qBAAqB,EAAE;YACrC,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,kBAAkB;QAChB,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACtC,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { IconPickerChangeEvent, IconPickerIcon } from '../icon-picker.types.js';\n\ninterface EventHost extends ReactiveControllerHost {\n  dispatchEvent(event: Event): boolean;\n}\n\nexport class IconPickerEventController implements ReactiveController {\n  host: EventHost;\n\n  constructor(host: EventHost) {\n    (this.host = host).addController(this);\n  }\n\n  hostConnected() {\n    // Initialization\n  }\n\n  hostDisconnected() {\n    // Cleanup\n  }\n\n  /**\n   * Dispatch icon change event\n   */\n  dispatchChangeEvent(value: string, icon: IconPickerIcon | null): void {\n    const detail: IconPickerChangeEvent = { value, icon };\n    this.host.dispatchEvent(\n      new CustomEvent('nr-icon-picker-change', {\n        detail,\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  /**\n   * Dispatch search event\n   */\n  dispatchSearchEvent(query: string): void {\n    this.host.dispatchEvent(\n      new CustomEvent('nr-icon-picker-search', {\n        detail: { query },\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  /**\n   * Dispatch clear event\n   */\n  dispatchClearEvent(): void {\n    this.host.dispatchEvent(\n      new CustomEvent('nr-icon-picker-clear', {\n        detail: {},\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  /**\n   * Dispatch open event\n   */\n  dispatchOpenEvent(): void {\n    this.host.dispatchEvent(\n      new CustomEvent('nr-icon-picker-open', {\n        detail: {},\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  /**\n   * Dispatch close event\n   */\n  dispatchCloseEvent(): void {\n    this.host.dispatchEvent(\n      new CustomEvent('nr-icon-picker-close', {\n        detail: {},\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n}\n"]}

package/controllers/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export { IconPickerSelectionController } from './selection.controller.js';
+export { IconPickerSearchController } from './search.controller.js';
+export { IconPickerEventController } from './event.controller.js';
+//# sourceMappingURL=index.d.ts.map

package/controllers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/iconpicker/controllers/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC"}

package/controllers/index.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export { IconPickerSelectionController } from './selection.controller.js';
+export { IconPickerSearchController } from './search.controller.js';
+export { IconPickerEventController } from './event.controller.js';
+//# sourceMappingURL=index.js.map

package/controllers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/iconpicker/controllers/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nexport { IconPickerSelectionController } from './selection.controller.js';\nexport { IconPickerSearchController } from './search.controller.js';\nexport { IconPickerEventController } from './event.controller.js';\n"]}

package/controllers/search.controller.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { IconPickerIcon, IconPickerSearchOptions } from '../icon-picker.types.js';
+interface SearchHost extends ReactiveControllerHost {
+    allIcons: IconPickerIcon[];
+    filteredIcons: IconPickerIcon[];
+    searchQuery: string;
+}
+export declare class IconPickerSearchController implements ReactiveController {
+    host: SearchHost;
+    private debounceTimer;
+    private debounceDelay;
+    constructor(host: SearchHost, debounceDelay?: number);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /**
+     * Perform search with debouncing
+     */
+    search(query: string, options?: IconPickerSearchOptions): void;
+    /**
+     * Perform immediate search without debounce
+     */
+    performSearch(query: string, options?: IconPickerSearchOptions): void;
+    /**
+     * Clear search
+     */
+    clearSearch(): void;
+}
+export {};
+//# sourceMappingURL=search.controller.d.ts.map

package/controllers/search.controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.controller.d.ts","sourceRoot":"","sources":["../../../../../src/components/iconpicker/controllers/search.controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAEvF,UAAU,UAAW,SAAQ,sBAAsB;IACjD,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,0BAA2B,YAAW,kBAAkB;IACnE,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,aAAa,CAAO;gBAEhB,IAAI,EAAE,UAAU,EAAE,aAAa,SAAM;IAKjD,aAAa;IAIb,gBAAgB;IAMhB;;OAEG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,uBAAuB,GAAG,IAAI;IAY9D;;OAEG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,uBAAuB,GAAG,IAAI;IAarE;;OAEG;IACH,WAAW,IAAI,IAAI;CAKpB"}

package/controllers/search.controller.js

@@ -0,0 +1,55 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { IconFilterUtils } from '../utils/index.js';
+export class IconPickerSearchController {
+    constructor(host, debounceDelay = 300) {
+        this.debounceTimer = null;
+        this.debounceDelay = 300;
+        (this.host = host).addController(this);
+        this.debounceDelay = debounceDelay;
+    }
+    hostConnected() {
+        // Initialization
+    }
+    hostDisconnected() {
+        if (this.debounceTimer) {
+            clearTimeout(this.debounceTimer);
+        }
+    }
+    /**
+     * Perform search with debouncing
+     */
+    search(query, options) {
+        this.host.searchQuery = query;
+        if (this.debounceTimer) {
+            clearTimeout(this.debounceTimer);
+        }
+        this.debounceTimer = window.setTimeout(() => {
+            this.performSearch(query, options);
+        }, this.debounceDelay);
+    }
+    /**
+     * Perform immediate search without debounce
+     */
+    performSearch(query, options) {
+        if (!query || query.trim() === '') {
+            this.host.filteredIcons = [...this.host.allIcons];
+        }
+        else {
+            this.host.filteredIcons = IconFilterUtils.searchAndRank(query, this.host.allIcons, options);
+        }
+        this.host.requestUpdate();
+    }
+    /**
+     * Clear search
+     */
+    clearSearch() {
+        this.host.searchQuery = '';
+        this.host.filteredIcons = [...this.host.allIcons];
+        this.host.requestUpdate();
+    }
+}
+//# sourceMappingURL=search.controller.js.map

package/controllers/search.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.controller.js","sourceRoot":"","sources":["../../../../../src/components/iconpicker/controllers/search.controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AASpD,MAAM,OAAO,0BAA0B;IAKrC,YAAY,IAAgB,EAAE,aAAa,GAAG,GAAG;QAHzC,kBAAa,GAAkB,IAAI,CAAC;QACpC,kBAAa,GAAG,GAAG,CAAC;QAG1B,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACrC,CAAC;IAED,aAAa;QACX,iBAAiB;IACnB,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,KAAa,EAAE,OAAiC;QACrD,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAE9B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACnC,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC1C,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACrC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,aAAa,CAAC,KAAa,EAAE,OAAiC;QAC5D,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YAClC,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,eAAe,CAAC,aAAa,CACrD,KAAK,EACL,IAAI,CAAC,IAAI,CAAC,QAAQ,EAClB,OAAO,CACR,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAED;;OAEG;IACH,WAAW;QACT,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { ReactiveController, ReactiveControllerHost } from 'lit';\nimport { IconFilterUtils } from '../utils/index.js';\nimport type { IconPickerIcon, IconPickerSearchOptions } from '../icon-picker.types.js';\n\ninterface SearchHost extends ReactiveControllerHost {\n  allIcons: IconPickerIcon[];\n  filteredIcons: IconPickerIcon[];\n  searchQuery: string;\n}\n\nexport class IconPickerSearchController implements ReactiveController {\n  host: SearchHost;\n  private debounceTimer: number | null = null;\n  private debounceDelay = 300;\n\n  constructor(host: SearchHost, debounceDelay = 300) {\n    (this.host = host).addController(this);\n    this.debounceDelay = debounceDelay;\n  }\n\n  hostConnected() {\n    // Initialization\n  }\n\n  hostDisconnected() {\n    if (this.debounceTimer) {\n      clearTimeout(this.debounceTimer);\n    }\n  }\n\n  /**\n   * Perform search with debouncing\n   */\n  search(query: string, options?: IconPickerSearchOptions): void {\n    this.host.searchQuery = query;\n\n    if (this.debounceTimer) {\n      clearTimeout(this.debounceTimer);\n    }\n\n    this.debounceTimer = window.setTimeout(() => {\n      this.performSearch(query, options);\n    }, this.debounceDelay);\n  }\n\n  /**\n   * Perform immediate search without debounce\n   */\n  performSearch(query: string, options?: IconPickerSearchOptions): void {\n    if (!query || query.trim() === '') {\n      this.host.filteredIcons = [...this.host.allIcons];\n    } else {\n      this.host.filteredIcons = IconFilterUtils.searchAndRank(\n        query,\n        this.host.allIcons,\n        options\n      );\n    }\n    this.host.requestUpdate();\n  }\n\n  /**\n   * Clear search\n   */\n  clearSearch(): void {\n    this.host.searchQuery = '';\n    this.host.filteredIcons = [...this.host.allIcons];\n    this.host.requestUpdate();\n  }\n}\n"]}

package/controllers/selection.controller.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { IconPickerHost } from '../interfaces/index.js';
+import type { IconPickerIcon } from '../icon-picker.types.js';
+export declare class IconPickerSelectionController implements ReactiveController {
+    host: ReactiveControllerHost & IconPickerHost;
+    constructor(host: ReactiveControllerHost & IconPickerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /**
+     * Handle icon selection
+     */
+    selectIcon(icon: IconPickerIcon): void;
+    /**
+     * Clear selection
+     */
+    clearSelection(): void;
+    /**
+     * Check if an icon is selected
+     */
+    isSelected(icon: IconPickerIcon): boolean;
+}
+//# sourceMappingURL=selection.controller.d.ts.map

package/controllers/selection.controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.controller.d.ts","sourceRoot":"","sources":["../../../../../src/components/iconpicker/controllers/selection.controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,qBAAa,6BAA8B,YAAW,kBAAkB;IACtE,IAAI,EAAE,sBAAsB,GAAG,cAAc,CAAC;gBAElC,IAAI,EAAE,sBAAsB,GAAG,cAAc;IAIzD,aAAa;IAIb,gBAAgB;IAIhB;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAMtC;;OAEG;IACH,cAAc,IAAI,IAAI;IAMtB;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,cAAc,GAAG,OAAO;CAG1C"}

package/controllers/selection.controller.js

@@ -0,0 +1,39 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export class IconPickerSelectionController {
+    constructor(host) {
+        (this.host = host).addController(this);
+    }
+    hostConnected() {
+        // Initialization if needed
+    }
+    hostDisconnected() {
+        // Cleanup if needed
+    }
+    /**
+     * Handle icon selection
+     */
+    selectIcon(icon) {
+        this.host.value = icon.name;
+        this.host.selectedIcon = icon;
+        this.host.requestUpdate();
+    }
+    /**
+     * Clear selection
+     */
+    clearSelection() {
+        this.host.value = '';
+        this.host.selectedIcon = null;
+        this.host.requestUpdate();
+    }
+    /**
+     * Check if an icon is selected
+     */
+    isSelected(icon) {
+        return this.host.value === icon.name;
+    }
+}
+//# sourceMappingURL=selection.controller.js.map

package/controllers/selection.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.controller.js","sourceRoot":"","sources":["../../../../../src/components/iconpicker/controllers/selection.controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,MAAM,OAAO,6BAA6B;IAGxC,YAAY,IAA6C;QACvD,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,aAAa;QACX,2BAA2B;IAC7B,CAAC;IAED,gBAAgB;QACd,oBAAoB;IACtB,CAAC;IAED;;OAEG;IACH,UAAU,CAAC,IAAoB;QAC7B,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAED;;OAEG;IACH,UAAU,CAAC,IAAoB;QAC7B,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC;IACvC,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { IconPickerHost } from '../interfaces/index.js';\nimport type { IconPickerIcon } from '../icon-picker.types.js';\n\nexport class IconPickerSelectionController implements ReactiveController {\n  host: ReactiveControllerHost & IconPickerHost;\n\n  constructor(host: ReactiveControllerHost & IconPickerHost) {\n    (this.host = host).addController(this);\n  }\n\n  hostConnected() {\n    // Initialization if needed\n  }\n\n  hostDisconnected() {\n    // Cleanup if needed\n  }\n\n  /**\n   * Handle icon selection\n   */\n  selectIcon(icon: IconPickerIcon): void {\n    this.host.value = icon.name;\n    this.host.selectedIcon = icon;\n    this.host.requestUpdate();\n  }\n\n  /**\n   * Clear selection\n   */\n  clearSelection(): void {\n    this.host.value = '';\n    this.host.selectedIcon = null;\n    this.host.requestUpdate();\n  }\n\n  /**\n   * Check if an icon is selected\n   */\n  isSelected(icon: IconPickerIcon): boolean {\n    return this.host.value === icon.name;\n  }\n}\n"]}

package/icon-picker.component.d.ts

@@ -0,0 +1,119 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+import '@lit-labs/virtualizer';
+import '../dropdown/dropdown.component.js';
+import '../input/input.component.js';
+import '../icon/icon.component.js';
+import '../button/button.component.js';
+import { IconPickerSize, IconType } from './icon-picker.types.js';
+import type { IconPickerIcon } from './icon-picker.types.js';
+import type { IconPickerHost } from './interfaces/index.js';
+declare const NrIconPickerElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & typeof LitElement;
+/**
+ * Advanced icon picker component with search, virtual scrolling, and accessibility.
+ *
+ * Uses Lucide icons (1500+ beautiful icons) and provides an intuitive selection interface with
+ * search filtering, keyboard navigation, and multiple display options.
+ *
+ * @example
+ * ```html
+ * <!-- Basic usage -->
+ * <nr-icon-picker></nr-icon-picker>
+ *
+ * <!-- With value -->
+ * <nr-icon-picker value="heart"></nr-icon-picker>
+ *
+ * <!-- Custom configuration -->
+ * <nr-icon-picker
+ *   value="star"
+ *   size="large"
+ *   placement="top"
+ *   show-search
+ *   show-clear>
+ * </nr-icon-picker>
+ * ```
+ *
+ * @fires nr-icon-picker-change - Icon selection changed
+ * @fires nr-icon-picker-open - Dropdown opened
+ * @fires nr-icon-picker-close - Dropdown closed
+ * @fires nr-icon-picker-search - Search query changed
+ * @fires nr-icon-picker-clear - Selection cleared
+ *
+ * @cssproperty --icon-picker-dropdown-width - Width of dropdown
+ * @cssproperty --icon-picker-icon-size - Size of icon items
+ * @cssproperty --icon-picker-selected-bg - Selected icon background
+ * @cssproperty --icon-picker-selected-border - Selected icon border
+ */
+export declare class NrIconPickerElement extends NrIconPickerElement_base implements IconPickerHost {
+    static styles: import("lit").CSSResult;
+    requiredComponents: string[];
+    private selectionController;
+    private searchController;
+    private eventController;
+    value: string;
+    size: IconPickerSize;
+    placement: string;
+    trigger: string;
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    iconTypes: IconType[];
+    showSearch: boolean;
+    showClear: boolean;
+    maxVisible: number;
+    dropdownOpen: boolean;
+    allIcons: IconPickerIcon[];
+    filteredIcons: IconPickerIcon[];
+    searchQuery: string;
+    selectedIcon: IconPickerIcon | null;
+    isLoading: boolean;
+    connectedCallback(): void;
+    /**
+     * Load icons from Lucide library
+     */
+    private loadIcons;
+    /**
+     * Handle icon selection
+     */
+    handleIconSelect(icon: IconPickerIcon): void;
+    /**
+     * Handle search input
+     */
+    private handleSearchInput;
+    /**
+     * Handle clear button
+     */
+    private handleClear;
+    /**
+     * Handle dropdown open
+     */
+    private handleDropdownOpen;
+    /**
+     * Handle dropdown close
+     */
+    private handleDropdownClose;
+    /**
+     * Toggle dropdown
+     */
+    private toggleDropdown;
+    /**
+     * Render trigger button
+     */
+    private renderTrigger;
+    /**
+     * Render icon grid
+     */
+    private renderIconGrid;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nr-icon-picker': NrIconPickerElement;
+    }
+}
+export {};
+//# sourceMappingURL=icon-picker.component.d.ts.map

package/icon-picker.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-picker.component.d.ts","sourceRoot":"","sources":["../../../../src/components/iconpicker/icon-picker.component.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAKhD,OAAO,uBAAuB,CAAC;AAI/B,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,+BAA+B,CAAC;AAIvC,OAAO,EACH,cAAc,EAGd,QAAQ,EAEX,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAmB7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,mBAAoB,SAAQ,wBAA8B,YAAW,cAAc;IAC9F,OAAgB,MAAM,0BAAU;IAEvB,kBAAkB,WAAuD;IAGlF,OAAO,CAAC,mBAAmB,CAA2C;IACtE,OAAO,CAAC,gBAAgB,CAA+D;IACvF,OAAO,CAAC,eAAe,CAAuC;IAGnB,KAAK,SAAgB;IACrB,IAAI,iBAAwB;IAC3C,SAAS,EAAE,MAAM,CAA4B;IAC7C,OAAO,EAAE,MAAM,CAA4B;IAC3B,QAAQ,UAAS;IAChC,QAAQ,UAAS;IAClB,WAAW,SAAuB;IACnC,SAAS,EAAE,QAAQ,EAAE,CAAoB;IACb,UAAU,UAAQ;IACnB,SAAS,UAAQ;IACjB,UAAU,SAAO;IAG9D,YAAY,UAAS;IACrB,QAAQ,EAAE,cAAc,EAAE,CAAM;IAChC,aAAa,EAAE,cAAc,EAAE,CAAM;IACrC,WAAW,SAAgB;IAC3B,YAAY,EAAE,cAAc,GAAG,IAAI,CAAQ;IAC3C,SAAS,UAAS;IAElB,iBAAiB;IAK1B;;OAEG;IACH,OAAO,CAAC,SAAS;IAiBjB;;OAEG;IACH,gBAAgB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAM5C;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;OAEG;IACH,OAAO,CAAC,WAAW;IAOnB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAK1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAM3B;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,aAAa;IA6BrB;;OAEG;IACH,OAAO,CAAC,cAAc;IAgEb,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}