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

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

@@ -1,219 +1,199 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classVarianceAuthority = require("class-variance-authority");
-const lit = require("lit");
-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 cvaBadge = classVarianceAuthority.cva(["rounded-full"], {
-  variants: {
-    type: {
-      number: [
-        "h-4",
-        "min-w-4",
-        "px-1",
-        "text-[10px]",
-        "font-normal",
-        "text-white",
-        "flex",
-        "items-center",
-        "justify-center",
-        "before:content-[attr(data-count)]",
-        "before:leading-none",
-        "before:whitespace-nowrap",
-        "data-[count=0]:hidden"
-      ],
-      dot: []
-    },
-    size: {
-      medium: [],
-      large: []
-    },
-    color: {
-      negative: ["bg-ddt-color-common-danger-default"],
-      alarm: ["bg-ddt-color-common-alarm"],
-      warning: ["bg-ddt-color-common-warning"],
-      positive: ["bg-ddt-color-common-success"],
-      information: ["bg-ddt-color-common-information"]
-    },
-    mode: {
-      anchored: ["absolute"],
-      standalone: []
-    }
-  },
-  compoundVariants: [
-    {
-      type: "dot",
-      size: "medium",
-      class: ["size-2"]
-    },
-    {
-      type: "dot",
-      size: "large",
-      class: ["size-3"]
-    },
-    {
-      mode: "anchored",
-      type: "number",
-      class: ["-top-0.5", "-right-0.5"]
-    },
-    {
-      mode: "anchored",
-      type: "dot",
-      class: ["top-1", "right-1"]
-    }
-  ]
+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");
+//#region src/components/badge/daikin-badge.ts
+var cvaBadge = (0, require("class-variance-authority").cva)(["rounded-full"], {
+	variants: {
+		type: {
+			number: [
+				"h-4",
+				"min-w-4",
+				"px-1",
+				"text-[10px]",
+				"font-bold",
+				"text-ddt-color-common-text-inverse",
+				"flex",
+				"items-center",
+				"justify-center",
+				"before:content-[attr(data-count)]",
+				"before:leading-none",
+				"before:whitespace-nowrap",
+				"data-[count=0]:hidden"
+			],
+			dot: []
+		},
+		size: {
+			medium: [],
+			large: []
+		},
+		color: {
+			negative: ["bg-ddt-color-common-danger-default"],
+			alarm: ["bg-ddt-color-common-alarm"],
+			warning: ["bg-ddt-color-common-warning"],
+			positive: ["bg-ddt-color-common-success"],
+			information: ["bg-ddt-color-common-information"]
+		},
+		mode: {
+			anchored: ["absolute"],
+			standalone: []
+		}
+	},
+	compoundVariants: [
+		{
+			type: "dot",
+			size: "medium",
+			class: ["size-2"]
+		},
+		{
+			type: "dot",
+			size: "large",
+			class: ["size-3"]
+		},
+		{
+			mode: "anchored",
+			type: "number",
+			class: ["-top-0.5", "-right-0.5"]
+		},
+		{
+			mode: "anchored",
+			type: "dot",
+			class: ["top-1", "right-1"]
+		}
+	]
 });
-const DEFAULT_MAX_COUNT = "99";
-exports.DaikinBadge = class DaikinBadge extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.count = null;
-    this.maxCount = DEFAULT_MAX_COUNT;
-    this.invisible = false;
-  }
-  /**
-   * Computes the actual number to display in the badge.
-   * - If count is null or invalid, displays "0".
-   * - If count exceeds maxCount, displays "maxCount+".
-   * - If maxCount is null, displays the actual count.
-   * - If maxCount is invalid, it will be treated as the default value ("99").
-   * - Otherwise, displays the actual number.
-   */
-  get _count() {
-    var _a, _b;
-    if (!((_a = this.count) == null ? void 0 : _a.trim())) {
-      return "0";
-    }
-    const count = parseInt(this.count, 10);
-    if (isNaN(count) || count < 0) {
-      return "0";
+var DEFAULT_MAX_COUNT = "99";
+var DaikinBadge = class DaikinBadge extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.count = null;
+		this.maxCount = DEFAULT_MAX_COUNT;
+		this.invisible = false;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: inline-flex;
     }
-    if (!((_b = this.maxCount) == null ? void 0 : _b.trim())) {
-      return count.toLocaleString();
+
+    /* Use :not([mode="standalone"]) so that the default anchored behavior
+       applies even when the mode attribute is absent */
+    :host(:not([mode="standalone"])) {
+      position: relative;
     }
-    let maxCount = parseInt(this.maxCount, 10);
-    if (isNaN(maxCount)) {
-      maxCount = parseInt(DEFAULT_MAX_COUNT, 10);
+
+    span[hidden] {
+      display: none;
     }
-    return count > maxCount ? `${maxCount.toLocaleString()}+` : count.toLocaleString();
-  }
-  /**
-   * Renders the badge component.
-   * - Renders a small dot when type="dot".
-   * - Renders a number when type="number" and count > 0.
-   * - Does not render the badge if invisible=true.
-   * - The slot wraps the icon button.
-   */
-  render() {
-    if (this.mode === "standalone") {
-      return lit.html`
+  `;
+	}
+	/**
+	* Computes the actual number to display in the badge.
+	* - If count is null or invalid, displays "0".
+	* - If count exceeds maxCount, displays "maxCount+".
+	* - If maxCount is null, displays the actual count.
+	* - If maxCount is invalid, it will be treated as the default value ("99").
+	* - Otherwise, displays the actual number.
+	*/
+	get _count() {
+		if (!this.count?.trim()) return "0";
+		const count = parseInt(this.count, 10);
+		if (isNaN(count) || count < 0) return "0";
+		if (!this.maxCount?.trim()) return count.toLocaleString();
+		let maxCount = parseInt(this.maxCount, 10);
+		if (isNaN(maxCount)) maxCount = parseInt(DEFAULT_MAX_COUNT, 10);
+		return count > maxCount ? `${maxCount.toLocaleString()}+` : count.toLocaleString();
+	}
+	/**
+	* Renders the badge component.
+	* - Renders a small dot when type="dot".
+	* - Renders a number when type="number" and count > 0.
+	* - Does not render the badge if invisible=true.
+	* - The slot wraps the icon button.
+	*/
+	render() {
+		if (this.mode === "standalone") return lit.html`
         <span
           role="presentation"
           data-count=${this._count}
           class=${cvaBadge({
-        type: this.type,
-        size: this.size,
-        color: this.color,
-        mode: this.mode
-      })}
+			type: this.type,
+			size: this.size,
+			color: this.color,
+			mode: this.mode
+		})}
           ?hidden=${this.invisible}
         ></span>
       `;
-    }
-    return lit.html`
+		return lit.html`
       <slot></slot>
       <span
         role="presentation"
         data-count=${this._count}
         class=${cvaBadge({
-      type: this.type,
-      size: this.size,
-      color: this.color,
-      mode: this.mode
-    })}
+			type: this.type,
+			size: this.size,
+			color: this.color,
+			mode: this.mode
+		})}
         ?hidden=${this.invisible}
       ></span>
     `;
-  }
+	}
 };
-exports.DaikinBadge.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: inline-flex;
-    }
-
-    /* Use :not([mode="standalone"]) so that the default anchored behavior
-       applies even when the mode attribute is absent */
-    :host(:not([mode="standalone"])) {
-      position: relative;
-    }
-
-    span[hidden] {
-      display: none;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "dot",
-    isAllowedValue: ddsProperty.oneOf(["number", "dot"])
-  })
-], exports.DaikinBadge.prototype, "type", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "anchored",
-    isAllowedValue: ddsProperty.oneOf(["anchored", "standalone"])
-  })
-], exports.DaikinBadge.prototype, "mode", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "medium",
-    isAllowedValue: ddsProperty.oneOf(["medium", "large"])
-  })
-], exports.DaikinBadge.prototype, "size", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true })
-], exports.DaikinBadge.prototype, "count", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, attribute: "max-count" })
-], exports.DaikinBadge.prototype, "maxCount", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinBadge.prototype, "invisible", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "negative",
-    isAllowedValue: ddsProperty.oneOf([
-      "negative",
-      "alarm",
-      "warning",
-      "positive",
-      "information"
-    ])
-  })
-], exports.DaikinBadge.prototype, "color", 2);
-exports.DaikinBadge = __decorateClass([
-  decorators.ddsElement("daikin-badge")
-], exports.DaikinBadge);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "dot",
+	isAllowedValue: require_dds_property.oneOf(["number", "dot"])
+})], DaikinBadge.prototype, "type", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "anchored",
+	isAllowedValue: require_dds_property.oneOf(["anchored", "standalone"])
+})], DaikinBadge.prototype, "mode", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "medium",
+	isAllowedValue: require_dds_property.oneOf(["medium", "large"])
+})], DaikinBadge.prototype, "size", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true
+})], DaikinBadge.prototype, "count", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "max-count"
+})], DaikinBadge.prototype, "maxCount", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinBadge.prototype, "invisible", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "negative",
+	isAllowedValue: require_dds_property.oneOf([
+		"negative",
+		"alarm",
+		"warning",
+		"positive",
+		"information"
+	])
+})], DaikinBadge.prototype, "color", void 0);
+DaikinBadge = require_decorate.default([require_decorators.ddsElement("daikin-badge")], DaikinBadge);
+//#endregion
+Object.defineProperty(exports, "DaikinBadge", {
+	enumerable: true,
+	get: function() {
+		return DaikinBadge;
+	}
+});

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

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

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

@@ -1,64 +1,58 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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;
-};
-exports.DaikinBreadcrumb = class DaikinBreadcrumb extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.showVisited = false;
-    this._rafId = null;
-  }
-  _updateBreadcrumbs() {
-    if (this._rafId !== null) {
-      cancelAnimationFrame(this._rafId);
-      this._rafId = null;
-    }
-    this._rafId = requestAnimationFrame(() => {
-      const items = this._items;
-      const menus = this._menus;
-      items.forEach((item, index) => {
-        const isLast = index === items.length - 1;
-        item.variant = isLast ? "current" : "normal";
-        item.showVisited = this.showVisited;
-        item.appendDivider = !isLast;
-      });
-      menus.forEach((menu) => {
-        const breadcrumbItem = menu.triggerElement;
-        if ((breadcrumbItem == null ? void 0 : breadcrumbItem.tagName) === "DAIKIN-BREADCRUMB-ITEM") {
-          breadcrumbItem.variant = "ellipsis";
-          breadcrumbItem.appendDivider = true;
-        }
-      });
-    });
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    if (this._rafId !== null) {
-      cancelAnimationFrame(this._rafId);
-      this._rafId = null;
-    }
-  }
-  _handleSlotChange() {
-    this._updateBreadcrumbs();
-  }
-  render() {
-    return lit.html`<nav
+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/breadcrumb/daikin-breadcrumb.ts
+var DaikinBreadcrumb = class DaikinBreadcrumb extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.showVisited = false;
+		this._rafId = null;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+  `;
+	}
+	_updateBreadcrumbs() {
+		if (this._rafId !== null) {
+			cancelAnimationFrame(this._rafId);
+			this._rafId = null;
+		}
+		this._rafId = requestAnimationFrame(() => {
+			const items = this._items;
+			const menus = this._menus;
+			items.forEach((item, index) => {
+				const isLast = index === items.length - 1;
+				item.variant = isLast ? "current" : "normal";
+				item.showVisited = this.showVisited;
+				item.appendDivider = !isLast;
+			});
+			menus.forEach((menu) => {
+				const breadcrumbItem = menu.triggerElement;
+				if (breadcrumbItem?.tagName === "DAIKIN-BREADCRUMB-ITEM") {
+					breadcrumbItem.variant = "ellipsis";
+					breadcrumbItem.appendDivider = true;
+				}
+			});
+		});
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		if (this._rafId !== null) {
+			cancelAnimationFrame(this._rafId);
+			this._rafId = null;
+		}
+	}
+	_handleSlotChange() {
+		this._updateBreadcrumbs();
+	}
+	render() {
+		return lit.html`<nav
       class="inline-block"
       aria-label=${this.breadcrumbAriaLabel}
     >
@@ -66,31 +60,29 @@ exports.DaikinBreadcrumb = class DaikinBreadcrumb extends ddsElement.DDSElement
         <slot @slotchange=${this._handleSlotChange}></slot>
       </div>
     </nav>`;
-  }
-  firstUpdated() {
-    this._updateBreadcrumbs();
-  }
+	}
+	firstUpdated() {
+		this._updateBreadcrumbs();
+	}
 };
-exports.DaikinBreadcrumb.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-  `;
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true, attribute: "show-visited" })
-], exports.DaikinBreadcrumb.prototype, "showVisited", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    attribute: "breadcrumb-aria-label",
-    fallbackValue: "Breadcrumb"
-  })
-], exports.DaikinBreadcrumb.prototype, "breadcrumbAriaLabel", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({ selector: "daikin-breadcrumb-item" })
-], exports.DaikinBreadcrumb.prototype, "_items", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({ selector: "daikin-menu" })
-], exports.DaikinBreadcrumb.prototype, "_menus", 2);
-exports.DaikinBreadcrumb = __decorateClass([
-  decorators.ddsElement("daikin-breadcrumb")
-], exports.DaikinBreadcrumb);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true,
+	attribute: "show-visited"
+})], DaikinBreadcrumb.prototype, "showVisited", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "breadcrumb-aria-label",
+	fallbackValue: "Breadcrumb"
+})], DaikinBreadcrumb.prototype, "breadcrumbAriaLabel", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ selector: "daikin-breadcrumb-item" })], DaikinBreadcrumb.prototype, "_items", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ selector: "daikin-menu" })], DaikinBreadcrumb.prototype, "_menus", void 0);
+DaikinBreadcrumb = require_decorate.default([require_decorators.ddsElement("daikin-breadcrumb")], DaikinBreadcrumb);
+//#endregion
+Object.defineProperty(exports, "DaikinBreadcrumb", {
+	enumerable: true,
+	get: function() {
+		return DaikinBreadcrumb;
+	}
+});

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

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