@daikin-oss/design-system-web-components 1.1.0 → 1.3.0-next.2

package/dist/cjs/icon-registry.cjs

@@ -0,0 +1,170 @@
+"use strict";
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _instance, _icons, _dynamicRegistrations, _cache;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function isDynamicRegistration(registration) {
+  return "match" in registration && "fetch" in registration;
+}
+function isDirectRegistration(registration) {
+  return "name" in registration && "svg" in registration;
+}
+function normalizeIconData(svg) {
+  if (typeof svg === "string") {
+    return { mode: "mask", svg };
+  }
+  return { mode: "mask", ...svg };
+}
+const _IconRegistry = class _IconRegistry {
+  constructor() {
+    /** Map of registered icons by name */
+    __privateAdd(this, _icons, /* @__PURE__ */ new Map());
+    /** Array of dynamic icon registrations */
+    __privateAdd(this, _dynamicRegistrations, []);
+    /** Cache for dynamically fetched icons */
+    __privateAdd(this, _cache, /* @__PURE__ */ new Map());
+  }
+  /**
+   * Get the singleton instance of IconRegistry
+   */
+  static getGlobalInstance() {
+    const instance = __privateGet(_IconRegistry, _instance) ?? __privateSet(_IconRegistry, _instance, new _IconRegistry());
+    return instance;
+  }
+  /**
+   * Register an icon or dynamic icon fetcher
+   * @param registration Icon registration configuration
+   *
+   * @example
+   * // Direct registration
+   * registry.register({ name: "custom-icon", svg: "<svg>...</svg>" });
+   *
+   * // Dynamic registration
+   * registry.register({
+   *   match: /^custom-/,
+   *   fetch: async (name) => {
+   *     const response = await fetch(`/icons/${name}.svg`);
+   *     return response.text();
+   *   }
+   * });
+   */
+  register(registration) {
+    if (isDirectRegistration(registration)) {
+      const iconData = normalizeIconData(registration.svg);
+      __privateGet(this, _icons).set(registration.name, iconData);
+    } else if (isDynamicRegistration(registration)) {
+      __privateGet(this, _dynamicRegistrations).push(registration);
+    }
+  }
+  /**
+   * Get an icon by name
+   * @param name Icon name
+   * @returns Promise that resolves to IconData or null if not found
+   */
+  async getIcon(name) {
+    const registered = __privateGet(this, _icons).get(name);
+    if (registered) {
+      return registered;
+    }
+    for (const registration of __privateGet(this, _dynamicRegistrations)) {
+      if (registration.match.test(name)) {
+        return this.fetchDynamicIcon(registration, name);
+      }
+    }
+    return null;
+  }
+  /**
+   * Check if an icon is registered (either directly or through dynamic registration)
+   * @param name Icon name
+   * @returns true if icon is available
+   */
+  hasIcon(name) {
+    if (__privateGet(this, _icons).has(name)) {
+      return true;
+    }
+    return __privateGet(this, _dynamicRegistrations).some(
+      (registration) => registration.match.test(name)
+    );
+  }
+  /**
+   * Get all directly registered icon names
+   * @returns Array of icon names
+   */
+  getRegisteredIconNames() {
+    return Array.from(__privateGet(this, _icons).keys());
+  }
+  /**
+   * Get all dynamic registration patterns
+   * @returns Array of regex patterns
+   */
+  getDynamicPatterns() {
+    return __privateGet(this, _dynamicRegistrations).map((reg) => reg.match);
+  }
+  /**
+   * Clear all registrations and cache
+   */
+  clear() {
+    __privateGet(this, _icons).clear();
+    __privateGet(this, _dynamicRegistrations).length = 0;
+    __privateGet(this, _cache).clear();
+  }
+  /**
+   * Remove a specific icon registration
+   * @param name Icon name to remove
+   */
+  unregister(name) {
+    const existed = __privateGet(this, _icons).has(name);
+    __privateGet(this, _icons).delete(name);
+    return existed;
+  }
+  /**
+   * Fetch icon from dynamic registration
+   * @param registration Dynamic registration
+   * @param name Icon name
+   * @returns Promise that resolves to IconData or null
+   */
+  async fetchDynamicIcon(registration, name) {
+    const cacheKey = `${registration.match.source}\0${name}`;
+    const cached = __privateGet(this, _cache).get(cacheKey);
+    if (cached) {
+      return cached;
+    }
+    const fetchPromise = this.performDynamicFetch(registration, name).then(
+      (result) => {
+        __privateGet(this, _cache).set(cacheKey, result);
+        return result;
+      }
+    );
+    __privateGet(this, _cache).set(cacheKey, fetchPromise);
+    return fetchPromise;
+  }
+  /**
+   * Perform the actual dynamic fetch
+   * @param registration Dynamic registration
+   * @param name Icon name
+   * @returns Promise that resolves to IconData or null
+   */
+  async performDynamicFetch(registration, name) {
+    try {
+      const result = await registration.fetch(name);
+      return normalizeIconData(result);
+    } catch (error) {
+      console.warn(`Failed to fetch dynamic icon "${name}":`, error);
+      return null;
+    }
+  }
+};
+_instance = new WeakMap();
+_icons = new WeakMap();
+_dynamicRegistrations = new WeakMap();
+_cache = new WeakMap();
+__privateAdd(_IconRegistry, _instance);
+let IconRegistry = _IconRegistry;
+const iconRegistry = IconRegistry.getGlobalInstance();
+exports.IconRegistry = IconRegistry;
+exports.iconRegistry = iconRegistry;

package/dist/cjs/icon-registry.d.cts

@@ -0,0 +1,120 @@
+/**
+ * Icon data structure containing SVG information
+ */
+export interface IconData {
+    /** SVG content as a string */
+    svg: string;
+    /** Default color for the icon */
+    defaultColor?: string | null;
+    /**
+     * Determines how the SVG is rendered.
+     * This affects the styling and behavior of the icon.
+     *
+     * - "mask": Uses the SVG as a CSS mask, allowing for color customization. Use this for monochrome icons.
+     * - "background": Uses the SVG as a CSS background image. Use this for colorful icons with no complex styling.
+     * - "inline": Renders the SVG inline, allowing for more complex styling.
+     *   **Be cautious with this mode as it can introduce security risks if the SVG content is not trusted.**
+     *
+     * @default "mask"
+     */
+    mode?: "mask" | "background" | "inline";
+}
+/**
+ * Direct icon registration configuration
+ */
+export interface DirectIconRegistration {
+    /** Icon name */
+    name: string;
+    /** SVG content or icon data */
+    svg: string | IconData;
+}
+/**
+ * Dynamic icon registration configuration using regex pattern matching
+ */
+export interface DynamicIconRegistration {
+    /** Regular expression to match icon names */
+    match: RegExp;
+    /** Function to fetch SVG content for matched names */
+    fetch: (name: string) => Promise<string | IconData> | string | IconData;
+}
+/**
+ * Icon registration configuration
+ */
+export type IconRegistration = DirectIconRegistration | DynamicIconRegistration;
+/**
+ * Icon registry class that manages icon registration and retrieval
+ */
+export declare class IconRegistry {
+    #private;
+    /**
+     * Get the singleton instance of IconRegistry
+     */
+    static getGlobalInstance(): IconRegistry;
+    /**
+     * Register an icon or dynamic icon fetcher
+     * @param registration Icon registration configuration
+     *
+     * @example
+     * // Direct registration
+     * registry.register({ name: "custom-icon", svg: "<svg>...</svg>" });
+     *
+     * // Dynamic registration
+     * registry.register({
+     *   match: /^custom-/,
+     *   fetch: async (name) => {
+     *     const response = await fetch(`/icons/${name}.svg`);
+     *     return response.text();
+     *   }
+     * });
+     */
+    register(registration: IconRegistration): void;
+    /**
+     * Get an icon by name
+     * @param name Icon name
+     * @returns Promise that resolves to IconData or null if not found
+     */
+    getIcon(name: string): Promise<IconData | null>;
+    /**
+     * Check if an icon is registered (either directly or through dynamic registration)
+     * @param name Icon name
+     * @returns true if icon is available
+     */
+    hasIcon(name: string): boolean;
+    /**
+     * Get all directly registered icon names
+     * @returns Array of icon names
+     */
+    getRegisteredIconNames(): string[];
+    /**
+     * Get all dynamic registration patterns
+     * @returns Array of regex patterns
+     */
+    getDynamicPatterns(): RegExp[];
+    /**
+     * Clear all registrations and cache
+     */
+    clear(): void;
+    /**
+     * Remove a specific icon registration
+     * @param name Icon name to remove
+     */
+    unregister(name: string): boolean;
+    /**
+     * Fetch icon from dynamic registration
+     * @param registration Dynamic registration
+     * @param name Icon name
+     * @returns Promise that resolves to IconData or null
+     */
+    private fetchDynamicIcon;
+    /**
+     * Perform the actual dynamic fetch
+     * @param registration Dynamic registration
+     * @param name Icon name
+     * @returns Promise that resolves to IconData or null
+     */
+    private performDynamicFetch;
+}
+/**
+ * Global icon registry instance
+ */
+export declare const iconRegistry: IconRegistry;

package/dist/cjs/index.cjs

@@ -6,12 +6,17 @@ const daikinAvatar = require("./components/avatar/daikin-avatar.cjs");
 const daikinBreadcrumb = require("./components/breadcrumb/daikin-breadcrumb.cjs");
 const daikinBreadcrumbItem = require("./components/breadcrumb-item/daikin-breadcrumb-item.cjs");
 const daikinButton = require("./components/button/daikin-button.cjs");
+const daikinCalendar = require("./components/calendar/daikin-calendar.cjs");
 const daikinCard = require("./components/card/daikin-card.cjs");
 const daikinCardFooter = require("./components/card-footer/daikin-card-footer.cjs");
 const daikinCardHeader = require("./components/card-header/daikin-card-header.cjs");
 const daikinCarousel = require("./components/carousel/daikin-carousel.cjs");
 const daikinCarouselItem = require("./components/carousel-item/daikin-carousel-item.cjs");
 const daikinCheckbox = require("./components/checkbox/daikin-checkbox.cjs");
+const daikinCheckboxGroup = require("./components/checkbox-group/daikin-checkbox-group.cjs");
+const daikinChip = require("./components/chip/daikin-chip.cjs");
+const daikinCombobox = require("./components/combobox/daikin-combobox.cjs");
+const daikinDatePicker = require("./components/date-picker/daikin-date-picker.cjs");
 const daikinDropdown = require("./components/dropdown/daikin-dropdown.cjs");
 const daikinDropdownItem = require("./components/dropdown-item/daikin-dropdown-item.cjs");
 const daikinIcon = require("./components/icon/daikin-icon.cjs");
@@ -22,12 +27,19 @@ const daikinLink = require("./components/link/daikin-link.cjs");
 const daikinList = require("./components/list/daikin-list.cjs");
 const daikinListItem = require("./components/list-item/daikin-list-item.cjs");
 const daikinLoading = require("./components/loading/daikin-loading.cjs");
+const daikinLogo = require("./components/logo/daikin-logo.cjs");
+const daikinMenu = require("./components/menu/daikin-menu.cjs");
+const daikinModal = require("./components/modal/daikin-modal.cjs");
+const daikinModalFooter = require("./components/modal-footer/daikin-modal-footer.cjs");
+const daikinModalHeader = require("./components/modal-header/daikin-modal-header.cjs");
 const daikinPagination = require("./components/pagination/daikin-pagination.cjs");
 const daikinProgressBar = require("./components/progress-bar/daikin-progress-bar.cjs");
 const daikinProgressIndicator = require("./components/progress-indicator/daikin-progress-indicator.cjs");
 const daikinProgressIndicatorItem = require("./components/progress-indicator-item/daikin-progress-indicator-item.cjs");
 const daikinRadio = require("./components/radio/daikin-radio.cjs");
+const daikinRadioGroup = require("./components/radio-group/daikin-radio-group.cjs");
 const daikinSelect = require("./components/select/daikin-select.cjs");
+const daikinSlider = require("./components/slider/daikin-slider.cjs");
 const daikinTab = require("./components/tab/daikin-tab.cjs");
 const daikinTabPanels = require("./components/tab-panels/daikin-tab-panels.cjs");
 const daikinTable = require("./components/table/daikin-table.cjs");
@@ -36,6 +48,8 @@ const daikinTableHeaderCell = require("./components/table-header-cell/daikin-tab
 const daikinTabs = require("./components/tabs/daikin-tabs.cjs");
 const daikinTextArea = require("./components/text-area/daikin-text-area.cjs");
 const daikinTextField = require("./components/text-field/daikin-text-field.cjs");
+const daikinTextMaskedField = require("./components/text-masked-field/daikin-text-masked-field.cjs");
+const daikinTimePicker = require("./components/time-picker/daikin-time-picker.cjs");
 const daikinToastNotification = require("./components/toast-notification/daikin-toast-notification.cjs");
 const daikinToastNotificationManager = require("./components/toast-notification-manager/daikin-toast-notification-manager.cjs");
 const daikinToggle = require("./components/toggle/daikin-toggle.cjs");
@@ -43,6 +57,7 @@ const daikinTooltip = require("./components/tooltip/daikin-tooltip.cjs");
 const daikinTree = require("./components/tree/daikin-tree.cjs");
 const daikinTreeItem = require("./components/tree-item/daikin-tree-item.cjs");
 const daikinTreeSection = require("./components/tree-section/daikin-tree-section.cjs");
+const iconRegistry = require("./icon-registry.cjs");
 Object.defineProperty(exports, "DaikinAccordion", {
   enumerable: true,
   get: () => daikinAccordion.DaikinAccordion
@@ -67,6 +82,10 @@ Object.defineProperty(exports, "DaikinButton", {
   enumerable: true,
   get: () => daikinButton.DaikinButton
 });
+Object.defineProperty(exports, "DaikinCalendar", {
+  enumerable: true,
+  get: () => daikinCalendar.DaikinCalendar
+});
 Object.defineProperty(exports, "DaikinCard", {
   enumerable: true,
   get: () => daikinCard.DaikinCard
@@ -91,6 +110,23 @@ Object.defineProperty(exports, "DaikinCheckbox", {
   enumerable: true,
   get: () => daikinCheckbox.DaikinCheckbox
 });
+Object.defineProperty(exports, "DaikinCheckboxGroup", {
+  enumerable: true,
+  get: () => daikinCheckboxGroup.DaikinCheckboxGroup
+});
+Object.defineProperty(exports, "DaikinChip", {
+  enumerable: true,
+  get: () => daikinChip.DaikinChip
+});
+Object.defineProperty(exports, "DaikinCombobox", {
+  enumerable: true,
+  get: () => daikinCombobox.DaikinCombobox
+});
+exports.defaultFilterFn = daikinCombobox.defaultFilterFn;
+Object.defineProperty(exports, "DaikinDatePicker", {
+  enumerable: true,
+  get: () => daikinDatePicker.DaikinDatePicker
+});
 Object.defineProperty(exports, "DaikinDropdown", {
   enumerable: true,
   get: () => daikinDropdown.DaikinDropdown
@@ -132,6 +168,26 @@ Object.defineProperty(exports, "DaikinLoading", {
   enumerable: true,
   get: () => daikinLoading.DaikinLoading
 });
+Object.defineProperty(exports, "DaikinLogo", {
+  enumerable: true,
+  get: () => daikinLogo.DaikinLogo
+});
+Object.defineProperty(exports, "DaikinMenu", {
+  enumerable: true,
+  get: () => daikinMenu.DaikinMenu
+});
+Object.defineProperty(exports, "DaikinModal", {
+  enumerable: true,
+  get: () => daikinModal.DaikinModal
+});
+Object.defineProperty(exports, "DaikinModalFooter", {
+  enumerable: true,
+  get: () => daikinModalFooter.DaikinModalFooter
+});
+Object.defineProperty(exports, "DaikinModalHeader", {
+  enumerable: true,
+  get: () => daikinModalHeader.DaikinModalHeader
+});
 Object.defineProperty(exports, "DaikinPagination", {
   enumerable: true,
   get: () => daikinPagination.DaikinPagination
@@ -152,10 +208,18 @@ Object.defineProperty(exports, "DaikinRadio", {
   enumerable: true,
   get: () => daikinRadio.DaikinRadio
 });
+Object.defineProperty(exports, "DaikinRadioGroup", {
+  enumerable: true,
+  get: () => daikinRadioGroup.DaikinRadioGroup
+});
 Object.defineProperty(exports, "DaikinSelect", {
   enumerable: true,
   get: () => daikinSelect.DaikinSelect
 });
+Object.defineProperty(exports, "DaikinSlider", {
+  enumerable: true,
+  get: () => daikinSlider.DaikinSlider
+});
 Object.defineProperty(exports, "DaikinTab", {
   enumerable: true,
   get: () => daikinTab.DaikinTab
@@ -188,6 +252,24 @@ Object.defineProperty(exports, "DaikinTextField", {
   enumerable: true,
   get: () => daikinTextField.DaikinTextField
 });
+Object.defineProperty(exports, "DaikinTextMaskedField", {
+  enumerable: true,
+  get: () => daikinTextMaskedField.DaikinTextMaskedField
+});
+Object.defineProperty(exports, "DaikinTimePicker", {
+  enumerable: true,
+  get: () => daikinTimePicker.DaikinTimePicker
+});
+exports.calcDigitInput = daikinTimePicker.calcDigitInput;
+exports.formatPartsForUI = daikinTimePicker.formatPartsForUI;
+exports.formatTimeForUI = daikinTimePicker.formatTimeForUI;
+exports.from24HourFormat = daikinTimePicker.from24HourFormat;
+exports.getTimeItemInSelection = daikinTimePicker.getTimeItemInSelection;
+exports.isTimeOutOfRange = daikinTimePicker.isTimeOutOfRange;
+exports.isValidValueTime = daikinTimePicker.isValidValueTime;
+exports.parsePartsFromUIValue = daikinTimePicker.parsePartsFromUIValue;
+exports.to24HourFormat = daikinTimePicker.to24HourFormat;
+exports.tryParseTimeFromUIValue = daikinTimePicker.tryParseTimeFromUIValue;
 Object.defineProperty(exports, "DaikinToastNotification", {
   enumerable: true,
   get: () => daikinToastNotification.DaikinToastNotification
@@ -217,3 +299,5 @@ Object.defineProperty(exports, "DaikinTreeSection", {
   enumerable: true,
   get: () => daikinTreeSection.DaikinTreeSection
 });
+exports.IconRegistry = iconRegistry.IconRegistry;
+exports.iconRegistry = iconRegistry.iconRegistry;

package/dist/cjs/index.d.cts

@@ -1,2 +1,3 @@
 export * from "./components/index.cjs";
+export * from "./icon-registry.cjs";
 export * from "./lit-analyzer-types.cjs";