@daikin-oss/design-system-web-components 2.0.0 → 2.0.1-next.1

package/dist/cjs/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs

@@ -0,0 +1,9 @@
+//#region \0@oxc-project+runtime@0.148.0/helpers/esm/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+//#endregion
+exports.default = __decorate;

package/dist/cjs/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/dist/cjs/base/dds-element.cjs

@@ -1,90 +1,104 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lit = require("lit");
-const globalNameToKeyIndexMap = /* @__PURE__ */ new Map();
+let lit = require("lit");
+//#region src/base/dds-element.ts
+/**
+* Global map that stores a unique symbol for each property name.
+* This map ensures that the same property name always maps to the same symbol across all component classes.
+* The symbols are used as keys to store the mapping from property names to their backing property keys.
+*
+* Why is this needed?
+* - Multiple component classes may define properties with the same name (e.g., "value").
+* - Each class needs to map that property name to its own unique backing property key.
+* - We use a symbol as an intermediate "index" to store this mapping on the class constructor.
+* - This allows `getBackingProperty()` to retrieve the correct backing key for any property name.
+*/
+var globalNameToKeyIndexMap = /* @__PURE__ */ new Map();
+/**
+* Ensures a unique symbol exists for the given property name.
+* This symbol acts as an "index" to retrieve the backing property key for a property name.
+*
+* @param name - The property name to get or create an index symbol for
+* @returns A unique symbol representing the index for this property name
+*/
 function ensureGlobalKeyIndex(name) {
-  let key = globalNameToKeyIndexMap.get(name);
-  if (!key) {
-    key = Symbol(`__dds_backing_property_${String(name)}`);
-    globalNameToKeyIndexMap.set(name, key);
-  }
-  return key;
+	let key = globalNameToKeyIndexMap.get(name);
+	if (!key) {
+		key = Symbol(`__dds_backing_property_${String(name)}`);
+		globalNameToKeyIndexMap.set(name, key);
+	}
+	return key;
 }
-const _DDSElement = class _DDSElement extends lit.LitElement {
-  /**
-   * Override of LitElement's getPropertyDescriptor to add support for fallback values
-   * and property validation.
-   *
-   * @param name - The property name (e.g., "value", "disabled")
-   * @param key - The backing property key used for internal storage (generated by Lit)
-   * @param options - DDS property declaration options including fallbackValue and isAllowedValue
-   * @returns Property descriptor with enhanced getter/setter logic
-   */
-  static getPropertyDescriptor(name, key, { fallbackValue, isAllowedValue, ...options }) {
-    const keyIndex = ensureGlobalKeyIndex(name);
-    if (this[keyIndex] != null && this[keyIndex] !== key) {
-      throw new Error(
-        `Property name "${String(name)}" is already mapped to a different backing property key.`
-      );
-    }
-    Object.defineProperty(this, keyIndex, {
-      value: key,
-      writable: false,
-      configurable: false,
-      enumerable: false
-    });
-    const orgDescriptor = super.getPropertyDescriptor(name, key, options);
-    if (!orgDescriptor || fallbackValue === void 0 && isAllowedValue == null) {
-      return orgDescriptor;
-    }
-    return {
-      get() {
-        const orgValue = orgDescriptor.get.call(this);
-        const resolvedFallbackValue = typeof fallbackValue === "function" ? fallbackValue(this) : fallbackValue;
-        return orgValue === void 0 ? resolvedFallbackValue : orgValue;
-      },
-      set(value) {
-        const isValid = isAllowedValue == null || value != null && isAllowedValue(value);
-        orgDescriptor.set.call(
-          this,
-          // Convert a nullish value or an invalid value to `undefined` before setting.
-          // This `undefined` will be replaced with `fallbackValue` in the getter above (if provided).
-          // We cannot use `fallbackValue` here since it prevents reflection when the user tries to set the same value as `fallbackValue` next time.
-          isValid ? value : void 0
-        );
-      },
-      configurable: true,
-      enumerable: true
-    };
-  }
-  /**
-   * Retrieves the backing property value for a given property name.
-   * This allows access to the underlying stored value before any fallback logic is applied.
-   *
-   * Why is this needed?
-   * - The public property getter may return a fallback value when the actual value is undefined.
-   * - Sometimes we need to know if the property was explicitly set or if we're using a fallback.
-   * - This method provides access to the raw backing value stored by Lit.
-   *
-   * @template T - The property key type extending keyof this
-   *
-   * @param name - The property name to retrieve the backing value for
-   * @returns The raw backing property value or undefined if not found
-   */
-  getBackingProperty(name) {
-    const index = globalNameToKeyIndexMap.get(name);
-    if (!index) {
-      throw new Error(
-        `Backing property index for "${String(name)}" not found.`
-      );
-    }
-    const key = this.constructor[index];
-    if (key == null) {
-      throw new Error(`Backing property key for "${String(name)}" not found.`);
-    }
-    return this[key];
-  }
+/**
+* Base class for all DDS (DAIKIN Design System) components.
+* Extends LitElement with enhanced property handling capabilities including fallback values
+* and property validation.
+*
+* @example
+* ```typescript
+* class MyComponent extends DDSElement {
+*   @property({ reflect: true, fallbackValue: "" })
+*   name!: string;
+* }
+* ```
+*/
+var DDSElement = class extends lit.LitElement {
+	static {
+		this.version = "2.0.1-next.1";
+	}
+	/**
+	* Override of LitElement's getPropertyDescriptor to add support for fallback values
+	* and property validation.
+	*
+	* @param name - The property name (e.g., "value", "disabled")
+	* @param key - The backing property key used for internal storage (generated by Lit)
+	* @param options - DDS property declaration options including fallbackValue and isAllowedValue
+	* @returns Property descriptor with enhanced getter/setter logic
+	*/
+	static getPropertyDescriptor(name, key, { fallbackValue, isAllowedValue, ...options }) {
+		const keyIndex = ensureGlobalKeyIndex(name);
+		if (this[keyIndex] != null && this[keyIndex] !== key) throw new Error(`Property name "${String(name)}" is already mapped to a different backing property key.`);
+		Object.defineProperty(this, keyIndex, {
+			value: key,
+			writable: false,
+			configurable: false,
+			enumerable: false
+		});
+		const orgDescriptor = super.getPropertyDescriptor(name, key, options);
+		if (!orgDescriptor || fallbackValue === void 0 && isAllowedValue == null) return orgDescriptor;
+		return {
+			get() {
+				const orgValue = orgDescriptor.get.call(this);
+				const resolvedFallbackValue = typeof fallbackValue === "function" ? fallbackValue(this) : fallbackValue;
+				return orgValue === void 0 ? resolvedFallbackValue : orgValue;
+			},
+			set(value) {
+				const isValid = isAllowedValue == null || value != null && isAllowedValue(value);
+				orgDescriptor.set.call(this, isValid ? value : void 0);
+			},
+			configurable: true,
+			enumerable: true
+		};
+	}
+	/**
+	* Retrieves the backing property value for a given property name.
+	* This allows access to the underlying stored value before any fallback logic is applied.
+	*
+	* Why is this needed?
+	* - The public property getter may return a fallback value when the actual value is undefined.
+	* - Sometimes we need to know if the property was explicitly set or if we're using a fallback.
+	* - This method provides access to the raw backing value stored by Lit.
+	*
+	* @template T - The property key type extending keyof this
+	*
+	* @param name - The property name to retrieve the backing value for
+	* @returns The raw backing property value or undefined if not found
+	*/
+	getBackingProperty(name) {
+		const index = globalNameToKeyIndexMap.get(name);
+		if (!index) throw new Error(`Backing property index for "${String(name)}" not found.`);
+		const key = this.constructor[index];
+		if (key == null) throw new Error(`Backing property key for "${String(name)}" not found.`);
+		return this[key];
+	}
 };
-_DDSElement.version = "2.0.0";
-let DDSElement = _DDSElement;
+//#endregion
 exports.DDSElement = DDSElement;

package/dist/cjs/base/dds-form-element.cjs

@@ -1,148 +1,127 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ddsElement = require("./dds-element.cjs");
-const ddsProperty = require("./dds-property.cjs");
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(target, key, result) || result;
-  if (result) __defProp(target, key, result);
-  return result;
+const require_dds_element = require("./dds-element.cjs");
+const require_dds_property = require("./dds-property.cjs");
+const require_decorate = require("../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs");
+//#region src/base/dds-form-element.ts
+var DDSFormElement = class extends require_dds_element.DDSElement {
+	static {
+		this.formAssociated = true;
+	}
+	constructor() {
+		super();
+		this.value = "";
+		this.internals = this.attachInternals();
+	}
+	/**
+	* Returns the form object associated with the element, or null if none exists.
+	* @private
+	*/
+	get form() {
+		return this.internals ? this.internals.form : null;
+	}
+	/**
+	* Set the element's name and value within the current form.
+	* @private
+	*/
+	setFormValue(value, state) {
+		this.internals?.setFormValue(value, state);
+	}
+	/**
+	* A function that maps to the form control's `reportValidity()` function.
+	* Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reportValidity
+	* @private
+	*/
+	reportValidity() {
+		return this.internals?.reportValidity();
+	}
+	/**
+	* A function that maps to the form control's `checkValidity()` function.
+	* Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity
+	* @private
+	*/
+	checkValidity() {
+		return this.internals?.checkValidity();
+	}
+	/**
+	* TODO Enhance these functions to bring our components closer to native form components.
+	* @private
+	*/
+	hostConnected() {}
+	/**
+	* TODO Enhance these functions to bring our components closer to native form components.
+	* @private
+	*/
+	hostDisconnected() {}
+	/**
+	* TODO Enhance these functions to bring our components closer to native form components.
+	* @private
+	*/
+	hostUpdated() {}
 };
-const _DDSFormElement = class _DDSFormElement extends ddsElement.DDSElement {
-  constructor() {
-    super();
-    this.value = "";
-    this.internals = this.attachInternals();
-  }
-  /**
-   * Returns the form object associated with the element, or null if none exists.
-   * @private
-   */
-  get form() {
-    return this.internals ? this.internals.form : null;
-  }
-  /**
-   * Set the element's name and value within the current form.
-   * @private
-   */
-  setFormValue(value, state) {
-    var _a;
-    (_a = this.internals) == null ? void 0 : _a.setFormValue(value, state);
-  }
-  /**
-   * A function that maps to the form control's `reportValidity()` function.
-   * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reportValidity
-   * @private
-   */
-  reportValidity() {
-    var _a;
-    return (_a = this.internals) == null ? void 0 : _a.reportValidity();
-  }
-  /**
-   * A function that maps to the form control's `checkValidity()` function.
-   * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity
-   * @private
-   */
-  checkValidity() {
-    var _a;
-    return (_a = this.internals) == null ? void 0 : _a.checkValidity();
-  }
-  /**
-   * TODO Enhance these functions to bring our components closer to native form components.
-   * @private
-   */
-  hostConnected() {
-  }
-  /**
-   * TODO Enhance these functions to bring our components closer to native form components.
-   * @private
-   */
-  hostDisconnected() {
-  }
-  /**
-   * TODO Enhance these functions to bring our components closer to native form components.
-   * @private
-   */
-  hostUpdated() {
-  }
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: ""
+})], DDSFormElement.prototype, "name", void 0);
+require_decorate.default([require_dds_property.property({ type: String })], DDSFormElement.prototype, "value", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "form",
+	fallbackValue: ""
+})], DDSFormElement.prototype, "formAttr", void 0);
+var DDSFormSubmitElement = class extends require_dds_element.DDSElement {
+	static {
+		this.formAssociated = true;
+	}
+	constructor() {
+		super();
+		this.internals = this.attachInternals();
+	}
+	/**
+	* Returns the form object associated with the element, or null if none exists.
+	* @private
+	*/
+	get form() {
+		return this.internals ? this.internals.form : null;
+	}
+	/**
+	* A function that maps to the form control's `reportValidity()` function.
+	* Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reportValidity
+	* @private
+	*/
+	requestSubmit() {
+		this.internals?.form?.requestSubmit();
+	}
+	/**
+	* A function that maps to the form control's `checkValidity()` function.
+	* Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity
+	* @private
+	*/
+	reset() {
+		this.internals?.form?.reset();
+	}
+	/**
+	* TODO Enhance these functions to bring our components closer to native form components.
+	* @private
+	*/
+	hostConnected() {}
+	/**
+	* TODO Enhance these functions to bring our components closer to native form components.
+	* @private
+	*/
+	hostDisconnected() {}
+	/**
+	* TODO Enhance these functions to bring our components closer to native form components.
+	* @private
+	*/
+	hostUpdated() {}
 };
-_DDSFormElement.formAssociated = true;
-let DDSFormElement = _DDSFormElement;
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, fallbackValue: "" })
-], DDSFormElement.prototype, "name");
-__decorateClass([
-  ddsProperty.property({ type: String })
-], DDSFormElement.prototype, "value");
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    attribute: "form",
-    fallbackValue: ""
-  })
-], DDSFormElement.prototype, "formAttr");
-const _DDSFormSubmitElement = class _DDSFormSubmitElement extends ddsElement.DDSElement {
-  constructor() {
-    super();
-    this.internals = this.attachInternals();
-  }
-  /**
-   * Returns the form object associated with the element, or null if none exists.
-   * @private
-   */
-  get form() {
-    return this.internals ? this.internals.form : null;
-  }
-  /**
-   * A function that maps to the form control's `reportValidity()` function.
-   * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reportValidity
-   * @private
-   */
-  requestSubmit() {
-    var _a, _b;
-    (_b = (_a = this.internals) == null ? void 0 : _a.form) == null ? void 0 : _b.requestSubmit();
-  }
-  /**
-   * A function that maps to the form control's `checkValidity()` function.
-   * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity
-   * @private
-   */
-  reset() {
-    var _a, _b;
-    (_b = (_a = this.internals) == null ? void 0 : _a.form) == null ? void 0 : _b.reset();
-  }
-  /**
-   * TODO Enhance these functions to bring our components closer to native form components.
-   * @private
-   */
-  hostConnected() {
-  }
-  /**
-   * TODO Enhance these functions to bring our components closer to native form components.
-   * @private
-   */
-  hostDisconnected() {
-  }
-  /**
-   * TODO Enhance these functions to bring our components closer to native form components.
-   * @private
-   */
-  hostUpdated() {
-  }
-};
-_DDSFormSubmitElement.formAssociated = true;
-let DDSFormSubmitElement = _DDSFormSubmitElement;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    attribute: "form",
-    fallbackValue: ""
-  })
-], DDSFormSubmitElement.prototype, "formAttr");
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "form",
+	fallbackValue: ""
+})], DDSFormSubmitElement.prototype, "formAttr", void 0);
+//#endregion
 exports.DDSFormElement = DDSFormElement;
 exports.DDSFormSubmitElement = DDSFormSubmitElement;

package/dist/cjs/base/dds-property.cjs

@@ -1,11 +1,52 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const decorators_js = require("lit/decorators.js");
+let lit_decorators_js = require("lit/decorators.js");
+//#region src/base/dds-property.ts
+/**
+* Property decorator for DDS components that enhances Lit's `@property` decorator
+* with additional features like fallback values and property validation.
+*
+* This decorator should be used instead of Lit's `@property` for DDS components
+* that need enhanced property handling capabilities.
+*
+* @param options - DDS property declaration options
+* @returns Property decorator function
+*
+* @example
+* ```typescript
+* class MyComponent extends DDSElement {
+*   // Basic property
+*   @property({ type: String })
+*   label = "";
+*
+*   // Property with fallback value
+*   @property({ reflect: true, fallbackValue: "default" })
+*   value!: string;
+*
+*   // Property with validation
+*   @property({
+*     reflect: true,
+*     fallbackValue: 0,
+*     isAllowedValue: (v) => v >= 0
+*   })
+*   count!: number;
+* }
+* ```
+*/
 function property(options) {
-  return decorators_js.property(options);
+	return (0, lit_decorators_js.property)(options);
 }
+/**
+* Creates a validation function that checks if a value is one of the allowed values.
+*
+* This helper function is commonly used with the `isAllowedValue` option in property
+* declarations to restrict property values to a predefined set of allowed values.
+*
+* @template T - The type of the allowed values
+* @param values - Array of allowed values
+* @returns Validation function that returns true if the value is in the allowed values array
+*/
 function oneOf(values) {
-  return (value) => values.includes(value);
+	return (value) => values.includes(value);
 }
+//#endregion
 exports.oneOf = oneOf;
 exports.property = property;

package/dist/cjs/base/dds-property.d.cts

@@ -89,4 +89,4 @@ export declare function property(options?: DDSPropertyDeclaration): PropertyDeco
  * @param values - Array of allowed values
  * @returns Validation function that returns true if the value is in the allowed values array
  */
-export declare function oneOf<T>(values: readonly T[]): (value: unknown) => boolean;
+export declare function oneOf<T>(values: readonly T[]): (value: unknown) => value is T;

package/dist/cjs/base/decorators.cjs

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const define = require("./define.cjs");
-const ddsElement = (tagName) => (classOrTarget, context) => {
-  if (context) {
-    context.addInitializer(() => {
-      define.defineDDSElement(classOrTarget, tagName);
-    });
-  } else {
-    define.defineDDSElement(classOrTarget, tagName);
-  }
+const require_define = require("./define.cjs");
+//#region src/base/decorators.ts
+var ddsElement = (tagName) => (classOrTarget, context) => {
+	if (context) context.addInitializer(() => {
+		require_define.defineDDSElement(classOrTarget, tagName);
+	});
+	else require_define.defineDDSElement(classOrTarget, tagName);
 };
+//#endregion
 exports.ddsElement = ddsElement;

package/dist/cjs/base/define.cjs

@@ -1,20 +1,14 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ddsElement = require("./dds-element.cjs");
-const currentVersion = ddsElement.DDSElement.version;
+//#region src/base/define.ts
+var currentVersion = require("./dds-element.cjs").DDSElement.version;
 function defineDDSElement(ctor, name) {
-  var _a;
-  const existing = customElements.get(name);
-  if (existing) {
-    const existingVersion = existing.version ?? "unknown version";
-    if (existingVersion !== currentVersion) {
-      console.warn(
-        `<${name}> is already registered but the version does not match. (${existingVersion} vs ${currentVersion})`
-      );
-    }
-    return;
-  }
-  (_a = ctor.registerCSSCustomProperties) == null ? void 0 : _a.call(ctor);
-  customElements.define(name, ctor);
+	const existing = customElements.get(name);
+	if (existing) {
+		const existingVersion = existing.version ?? "unknown version";
+		if (existingVersion !== currentVersion) console.warn(`<${name}> is already registered but the version does not match. (${existingVersion} vs ${currentVersion})`);
+		return;
+	}
+	ctor.registerCSSCustomProperties?.();
+	customElements.define(name, ctor);
 }
+//#endregion
 exports.defineDDSElement = defineDDSElement;

package/dist/cjs/base/index.cjs

@@ -1,14 +1,13 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ddsElement = require("./dds-element.cjs");
-const ddsFormElement = require("./dds-form-element.cjs");
-const ddsProperty = require("./dds-property.cjs");
-const decorators = require("./decorators.cjs");
-const define = require("./define.cjs");
-exports.DDSElement = ddsElement.DDSElement;
-exports.DDSFormElement = ddsFormElement.DDSFormElement;
-exports.DDSFormSubmitElement = ddsFormElement.DDSFormSubmitElement;
-exports.oneOf = ddsProperty.oneOf;
-exports.property = ddsProperty.property;
-exports.ddsElement = decorators.ddsElement;
-exports.defineDDSElement = define.defineDDSElement;
+const require_dds_element = require("./dds-element.cjs");
+const require_dds_property = require("./dds-property.cjs");
+const require_dds_form_element = require("./dds-form-element.cjs");
+const require_define = require("./define.cjs");
+const require_decorators = require("./decorators.cjs");
+exports.DDSElement = require_dds_element.DDSElement;
+exports.DDSFormElement = require_dds_form_element.DDSFormElement;
+exports.DDSFormSubmitElement = require_dds_form_element.DDSFormSubmitElement;
+exports.ddsElement = require_decorators.ddsElement;
+exports.defineDDSElement = require_define.defineDDSElement;
+exports.oneOf = require_dds_property.oneOf;
+exports.property = require_dds_property.property;