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

package/dist/cjs-dev/components/slider/slider-utils.cjs

@@ -1,56 +1,72 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/slider/slider-utils.ts
+/**
+* Returns a normalized numerical representation.
+*
+* - Removes trailing zeros from the decimal part.
+* - Removes the decimal point if it becomes the last character.
+* - Removes leading zeros from the integer part.
+*
+* @param str A numeric string.
+* @returns Formatted value.
+*/
 function normalizeNumberString(str) {
-  return str.replace(new RegExp("(?:\\.0*|(?<=\\.\\d*?)0+)$"), "").replace(new RegExp("(?<=-|^)0+(?=[1-9]|0\\.|0)"), "").replace(/^-0$/, "0");
+	return str.replace(/(?:\.0*|(?<=\.\d*?)0+)$/, "").replace(/(?<=-|^)0+(?=[1-9]|0\.|0)/, "").replace(/^-0$/, "0");
 }
+/**
+* This function is used to handle floating-point errors in calculations.
+* Ensuring that the number of decimal places matches the decimal places of the step value.
+*
+* @param value The current value.
+* @param step The step value.
+* @returns Formatted current value.
+*/
 function formatValue(value, step) {
-  var _a, _b;
-  const decimals = ((_b = (_a = /\.(\d*?)0*$/.exec(step)) == null ? void 0 : _a[1]) == null ? void 0 : _b.length) ?? 0;
-  const formattedValue = value.toFixed(decimals);
-  return normalizeNumberString(formattedValue);
+	const decimals = /\.(\d*?)0*$/.exec(step)?.[1]?.length ?? 0;
+	return normalizeNumberString(value.toFixed(decimals));
 }
+/**
+* Get the current value and track bar's progress percentage from the distance to the left.
+*
+* @param slider The daikin-slider instance.
+* @param ratio The ratio of the slider value (0-1).
+* @returns Current value.
+*/
 function getValueFromRatio(slider, ratio) {
-  const minFloat = parseFloat(slider.min);
-  const maxFloat = parseFloat(slider.max);
-  const stepFloat = parseFloat(slider.step);
-  const rawValue = ratio * (maxFloat - minFloat) + minFloat;
-  const steppedValue = Math.round(rawValue / stepFloat) * stepFloat;
-  if (steppedValue <= minFloat) {
-    return normalizeNumberString(slider.min);
-  }
-  if (steppedValue >= maxFloat) {
-    return normalizeNumberString(slider.max);
-  }
-  return formatValue(steppedValue, slider.step);
+	const minFloat = parseFloat(slider.min);
+	const maxFloat = parseFloat(slider.max);
+	const stepFloat = parseFloat(slider.step);
+	const rawValue = ratio * (maxFloat - minFloat) + minFloat;
+	const steppedValue = Math.round(rawValue / stepFloat) * stepFloat;
+	if (steppedValue <= minFloat) return normalizeNumberString(slider.min);
+	if (steppedValue >= maxFloat) return normalizeNumberString(slider.max);
+	return formatValue(steppedValue, slider.step);
 }
+/**
+* Get the current value and track bar's progress percentage when use keyboard.
+*
+* @param slider The daikin-slider instance.
+* @param moveOffset The number of thumb icon's move offset.
+* @returns Current value.
+*/
 function getValueByKeydown(slider, key) {
-  if (key === "Home") {
-    return slider.min;
-  }
-  if (key === "End") {
-    return slider.max;
-  }
-  const offset = {
-    ArrowLeft: -1,
-    ArrowDown: -1,
-    ArrowRight: 1,
-    ArrowUp: 1,
-    PageDown: -10,
-    PageUp: 10
-  }[key];
-  if (!offset) {
-    return;
-  }
-  const minFloat = parseFloat(slider.min);
-  const maxFloat = parseFloat(slider.max);
-  const stepFloat = parseFloat(slider.step);
-  const valueFloat = parseFloat(slider.value);
-  const clampedValue = Math.max(
-    minFloat,
-    Math.min(maxFloat, valueFloat + stepFloat * offset)
-  );
-  return formatValue(clampedValue, slider.step);
+	if (key === "Home") return slider.min;
+	if (key === "End") return slider.max;
+	const offset = {
+		ArrowLeft: -1,
+		ArrowDown: -1,
+		ArrowRight: 1,
+		ArrowUp: 1,
+		PageDown: -10,
+		PageUp: 10
+	}[key];
+	if (!offset) return;
+	const minFloat = parseFloat(slider.min);
+	const maxFloat = parseFloat(slider.max);
+	const stepFloat = parseFloat(slider.step);
+	const valueFloat = parseFloat(slider.value);
+	return formatValue(Math.max(minFloat, Math.min(maxFloat, valueFloat + stepFloat * offset)), slider.step);
 }
+//#endregion
 exports.formatValue = formatValue;
 exports.getValueByKeydown = getValueByKeydown;
 exports.getValueFromRatio = getValueFromRatio;

package/dist/cjs-dev/components/status-message/daikin-status-message.cjs

@@ -1,123 +1,125 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classVarianceAuthority = require("class-variance-authority");
-const lit = require("lit");
-const ifDefined_js = require("lit/directives/if-defined.js");
-const ddsElement = require("../../base/dds-element.cjs");
-require("../../base/dds-form-element.cjs");
-const ddsProperty = require("../../base/dds-property.cjs");
-const decorators = require("../../base/decorators.cjs");
-require("../../base/define.cjs");
-const tailwind = require("../../tailwind.css.cjs");
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators2, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators2.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators2[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const cvaWrapper = classVarianceAuthority.cva(
-  [
-    "flex",
-    "relative",
-    "items-center",
-    "size-full",
-    "font-normal",
-    "gap-1",
-    "natural-break",
-    "before:content-['']",
-    "before:flex-none"
-  ],
-  {
-    variants: {
-      size: {
-        small: ["before:size-4", "text-(length:--dds-font-size-350)"],
-        medium: ["before:size-6"]
-      },
-      status: {
-        neutral: [
-          "text-ddt-color-common-text-primary",
-          "before:icon-[daikin--neutral]",
-          "before:text-ddt-color-common-disabled"
-        ],
-        positive: [
-          "text-ddt-color-common-text-primary",
-          "before:icon-[daikin--success]",
-          "before:text-ddt-color-common-success"
-        ],
-        negative: [
-          "text-ddt-color-common-danger-default",
-          "before:icon-[daikin--error]",
-          "before:text-ddt-color-common-danger-default"
-        ],
-        warning: [
-          "text-ddt-color-common-text-primary",
-          "before:icon-[daikin--warning]",
-          "before:text-ddt-color-common-warning"
-        ]
-      }
+const require_dds_element = require("../../base/dds-element.cjs");
+const require_dds_property = require("../../base/dds-property.cjs");
+const require_decorate = require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs");
+const require_decorators = require("../../base/decorators.cjs");
+require("../../base/index.cjs");
+const require_tailwind = require("../../tailwind.css.cjs");
+let lit = require("lit");
+let class_variance_authority = require("class-variance-authority");
+let lit_directives_if_defined_js = require("lit/directives/if-defined.js");
+//#region src/components/status-message/daikin-status-message.ts
+var cvaWrapper = (0, class_variance_authority.cva)([
+	"flex",
+	"relative",
+	"items-start",
+	"size-full",
+	"font-normal",
+	"gap-1",
+	"natural-break",
+	"before:content-['']",
+	"before:flex-none"
+], { variants: {
+	size: {
+		small: [
+			"before:size-4",
+			"before:translate-y-[1px]",
+			"text-(length:--dds-font-size-350)"
+		],
+		medium: ["before:size-6"]
+	},
+	status: {
+		neutral: [
+			"text-ddt-color-common-text-primary",
+			"before:icon-[daikin--neutral]",
+			"before:text-ddt-color-common-disabled"
+		],
+		positive: [
+			"text-ddt-color-common-text-primary",
+			"before:icon-[daikin--success]",
+			"before:text-ddt-color-common-success"
+		],
+		negative: [
+			"text-ddt-color-common-danger-default",
+			"before:icon-[daikin--error]",
+			"before:text-ddt-color-common-danger-default"
+		],
+		warning: [
+			"text-ddt-color-common-text-primary",
+			"before:icon-[daikin--warning]",
+			"before:text-ddt-color-common-warning"
+		]
+	}
+} });
+var cvaText = (0, class_variance_authority.cva)(["relative"], { variants: { size: {
+	small: [],
+	medium: ["top-(--dds-space-050)"]
+} } });
+var DaikinStatusMessage = class DaikinStatusMessage extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.statusMessageRole = null;
+		this.screenReaderText = null;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: flex;
+      width: 100%;
     }
-  }
-);
-exports.DaikinStatusMessage = class DaikinStatusMessage extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.statusMessageRole = null;
-    this.screenReaderText = null;
-  }
-  render() {
-    return lit.html`
+  `;
+	}
+	render() {
+		return lit.html`
       <div
         part="status-message"
-        class=${cvaWrapper({ status: this.status, size: this.size })}
-        role=${ifDefined_js.ifDefined(this.statusMessageRole ?? void 0)}
+        class=${cvaWrapper({
+			status: this.status,
+			size: this.size
+		})}
+        role=${(0, lit_directives_if_defined_js.ifDefined)(this.statusMessageRole ?? void 0)}
       >
         ${this.screenReaderText ? lit.html`<span class="sr-only">${this.screenReaderText}</span>` : lit.nothing}
-        <span>
+        <span class=${cvaText({ size: this.size })}>
           <slot></slot>
         </span>
       </div>
     `;
-  }
+	}
 };
-exports.DaikinStatusMessage.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: flex;
-      width: 100%;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "medium",
-    isAllowedValue: ddsProperty.oneOf(["small", "medium"])
-  })
-], exports.DaikinStatusMessage.prototype, "size", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "positive",
-    isAllowedValue: ddsProperty.oneOf([
-      "neutral",
-      "positive",
-      "negative",
-      "warning"
-    ])
-  })
-], exports.DaikinStatusMessage.prototype, "status", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, attribute: "status-message-role" })
-], exports.DaikinStatusMessage.prototype, "statusMessageRole", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, attribute: "screen-reader-text" })
-], exports.DaikinStatusMessage.prototype, "screenReaderText", 2);
-exports.DaikinStatusMessage = __decorateClass([
-  decorators.ddsElement("daikin-status-message")
-], exports.DaikinStatusMessage);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "medium",
+	isAllowedValue: require_dds_property.oneOf(["small", "medium"])
+})], DaikinStatusMessage.prototype, "size", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "positive",
+	isAllowedValue: require_dds_property.oneOf([
+		"neutral",
+		"positive",
+		"negative",
+		"warning"
+	])
+})], DaikinStatusMessage.prototype, "status", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "status-message-role"
+})], DaikinStatusMessage.prototype, "statusMessageRole", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "screen-reader-text"
+})], DaikinStatusMessage.prototype, "screenReaderText", void 0);
+DaikinStatusMessage = require_decorate.default([require_decorators.ddsElement("daikin-status-message")], DaikinStatusMessage);
+//#endregion
+Object.defineProperty(exports, "DaikinStatusMessage", {
+	enumerable: true,
+	get: function() {
+		return DaikinStatusMessage;
+	}
+});

package/dist/cjs-dev/components/status-message/index.cjs

@@ -1,7 +1,8 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const daikinStatusMessage = require("./daikin-status-message.cjs");
+const require_daikin_status_message = require("./daikin-status-message.cjs");
 Object.defineProperty(exports, "DaikinStatusMessage", {
-  enumerable: true,
-  get: () => daikinStatusMessage.DaikinStatusMessage
+	enumerable: true,
+	get: function() {
+		return require_daikin_status_message.DaikinStatusMessage;
+	}
 });

package/dist/cjs-dev/components/tab/daikin-tab.cjs

@@ -1,117 +1,63 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classVarianceAuthority = require("class-variance-authority");
-const lit = require("lit");
-const decorators_js = require("lit/decorators.js");
-const ddsElement = require("../../base/dds-element.cjs");
-require("../../base/dds-form-element.cjs");
-const ddsProperty = require("../../base/dds-property.cjs");
-const decorators = require("../../base/decorators.cjs");
-require("../../base/define.cjs");
-const tailwind = require("../../tailwind.css.cjs");
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators2, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators2.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators2[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const cvaTab = classVarianceAuthority.cva(
-  [
-    "flex",
-    "size-full",
-    "items-center",
-    "justify-center",
-    "px-4",
-    "pt-2",
-    "pb-3",
-    "text-center",
-    "tracking-wide",
-    "relative",
-    "focus-visible:outline-hidden",
-    "focus-visible:before:absolute",
-    "focus-visible:before:-inset-1",
-    "focus-visible:before:z-1",
-    "focus-visible:before:border",
-    "focus-visible:before:border-2",
-    "focus-visible:before:border-ddt-color-common-border-focus",
-    "disabled:text-ddt-color-common-disabled",
-    "after:absolute",
-    "after:inset-0",
-    "after:top-auto"
-  ],
-  {
-    variants: {
-      active: {
-        false: [
-          "enabled:text-ddt-color-common-neutral-default",
-          "enabled:hover:text-ddt-color-common-neutral-hover",
-          "enabled:hover:bg-ddt-color-common-surface-hover",
-          "enabled:active:text-ddt-color-common-neutral-press",
-          "enabled:active:bg-ddt-color-common-surface-press",
-          "after:h-px",
-          "after:bg-ddt-color-divider"
-        ],
-        true: [
-          "font-bold",
-          "enabled:text-ddt-color-common-brand-default",
-          "enabled:hover:bg-ddt-color-common-surface-brand-hover",
-          "enabled:active:bg-ddt-color-common-surface-brand-press",
-          "after:h-1",
-          "enabled:after:bg-ddt-color-common-brand-default",
-          "disabled:after:bg-ddt-color-common-disabled"
-        ]
-      }
-    }
-  }
-);
-exports.DaikinTab = class DaikinTab extends ddsElement.DDSElement {
-  constructor() {
-    super();
-    this.value = "";
-    this.disabled = false;
-    this.sizing = "stretch";
-    this.active = false;
-    this.addEventListener("click", (event) => {
-      if (this.disabled) {
-        event.stopImmediatePropagation();
-      }
-    });
-  }
-  /**
-   * Focuses on the inner button.
-   * @param options focus options
-   */
-  focus(options) {
-    var _a;
-    (_a = this._button) == null ? void 0 : _a.focus(options);
-  }
-  render() {
-    return lit.html`
-      <button
-        type="button"
-        class=${cvaTab({ active: this.active })}
-        ?disabled=${this.disabled}
-        role="tab"
-        aria-selected=${!this.disabled && this.active}
-        tabindex=${this.active ? 0 : -1}
-      >
-        <slot></slot>
-      </button>
-    `;
-  }
-};
-exports.DaikinTab.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
+const require_dds_element = require("../../base/dds-element.cjs");
+const require_dds_property = require("../../base/dds-property.cjs");
+const require_decorate = require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs");
+const require_decorators = require("../../base/decorators.cjs");
+require("../../base/index.cjs");
+const require_tailwind = require("../../tailwind.css.cjs");
+let lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+//#region src/components/tab/daikin-tab.ts
+var cvaTab = (0, require("class-variance-authority").cva)([
+	"flex",
+	"size-full",
+	"items-center",
+	"justify-center",
+	"px-(--dds-padding-40)",
+	"py-(--dds-padding-30)",
+	"text-center",
+	"text-(length:--dds-font-size-label-text)",
+	"tracking-wide",
+	"relative",
+	"focus-visible:outline-hidden",
+	"focus-visible:before:absolute",
+	"focus-visible:before:-inset-1",
+	"focus-visible:before:z-1",
+	"focus-visible:before:border",
+	"focus-visible:before:border-2",
+	"focus-visible:before:border-ddt-color-common-border-focus",
+	"disabled:text-ddt-color-common-disabled",
+	"after:absolute",
+	"after:inset-0",
+	"after:top-auto"
+], { variants: { active: {
+	false: [
+		"enabled:text-ddt-color-common-neutral-default",
+		"enabled:hover:text-ddt-color-common-neutral-hover",
+		"enabled:hover:bg-ddt-color-common-surface-hover",
+		"enabled:active:text-ddt-color-common-neutral-press",
+		"enabled:active:bg-ddt-color-common-surface-press",
+		"after:h-px",
+		"after:bg-ddt-color-divider"
+	],
+	true: [
+		"font-bold",
+		"enabled:text-ddt-color-common-brand-default",
+		"enabled:hover:bg-ddt-color-common-surface-brand-hover",
+		"enabled:active:bg-ddt-color-common-surface-brand-press",
+		"after:h-[var(--dds-current-border)]",
+		"enabled:after:bg-ddt-color-common-brand-default",
+		"disabled:after:bg-ddt-color-common-disabled"
+	]
+} } });
+var DaikinTab = class DaikinTab extends require_dds_element.DDSElement {
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
 
     :host {
       display: block;
       white-space: nowrap;
       min-width: fit-content;
-      height: 2.5rem;
     }
 
     :host([sizing="stretch"]) {
@@ -122,26 +68,60 @@ exports.DaikinTab.styles = lit.css`
       width: fit-content;
     }
   `;
-__decorateClass([
-  ddsProperty.property({ type: String })
-], exports.DaikinTab.prototype, "value", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinTab.prototype, "disabled", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "stretch",
-    isAllowedValue: ddsProperty.oneOf(["stretch", "fit"])
-  })
-], exports.DaikinTab.prototype, "sizing", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinTab.prototype, "active", 2);
-__decorateClass([
-  decorators_js.query("button")
-], exports.DaikinTab.prototype, "_button", 2);
-exports.DaikinTab = __decorateClass([
-  decorators.ddsElement("daikin-tab")
-], exports.DaikinTab);
+	}
+	constructor() {
+		super();
+		this.value = "";
+		this.disabled = false;
+		this.sizing = "stretch";
+		this.active = false;
+		this.addEventListener("click", (event) => {
+			if (this.disabled) event.stopImmediatePropagation();
+		});
+	}
+	/**
+	* Focuses on the inner button.
+	* @param options focus options
+	*/
+	focus(options) {
+		this._button?.focus(options);
+	}
+	render() {
+		return lit.html`
+      <button
+        type="button"
+        class=${cvaTab({ active: this.active })}
+        ?disabled=${this.disabled}
+        role="tab"
+        aria-selected=${!this.disabled && this.active}
+        tabindex=${this.active ? 0 : -1}
+      >
+        <slot></slot>
+      </button>
+    `;
+	}
+};
+require_decorate.default([require_dds_property.property({ type: String })], DaikinTab.prototype, "value", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinTab.prototype, "disabled", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "stretch",
+	isAllowedValue: require_dds_property.oneOf(["stretch", "fit"])
+})], DaikinTab.prototype, "sizing", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinTab.prototype, "active", void 0);
+require_decorate.default([(0, lit_decorators_js.query)("button")], DaikinTab.prototype, "_button", void 0);
+DaikinTab = require_decorate.default([require_decorators.ddsElement("daikin-tab")], DaikinTab);
+//#endregion
+Object.defineProperty(exports, "DaikinTab", {
+	enumerable: true,
+	get: function() {
+		return DaikinTab;
+	}
+});

package/dist/cjs-dev/components/tab/index.cjs

@@ -1,7 +1,8 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const daikinTab = require("./daikin-tab.cjs");
+const require_daikin_tab = require("./daikin-tab.cjs");
 Object.defineProperty(exports, "DaikinTab", {
-  enumerable: true,
-  get: () => daikinTab.DaikinTab
+	enumerable: true,
+	get: function() {
+		return require_daikin_tab.DaikinTab;
+	}
 });