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

package/dist/es-dev/components/badge/daikin-badge.js

@@ -1,220 +1,195 @@
-import { cva } from "class-variance-authority";
-import { unsafeCSS, css, html } from "lit";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
-import { property, oneOf } from "../../base/dds-property.js";
+import { oneOf, property } from "../../base/dds-property.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { ddsElement } from "../../base/decorators.js";
-import "../../base/define.js";
-import tailwindStyles from "../../tailwind.css.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const cvaBadge = 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"]
-    }
-  ]
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
+import { css, html, unsafeCSS } from "lit";
+import { cva } from "class-variance-authority";
+//#region src/components/badge/daikin-badge.ts
+var cvaBadge = 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";
-let DaikinBadge = class extends 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 DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.count = null;
+		this.maxCount = DEFAULT_MAX_COUNT;
+		this.invisible = false;
+	}
+	static {
+		this.styles = css`
+    ${unsafeCSS(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 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 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 html`
+		return 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>
     `;
-  }
-};
-DaikinBadge.styles = css`
-    ${unsafeCSS(tailwindStyles)}
-
-    :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([
-  property({
-    type: String,
-    reflect: true,
-    fallbackValue: "dot",
-    isAllowedValue: oneOf(["number", "dot"])
-  })
-], DaikinBadge.prototype, "type", 2);
-__decorateClass([
-  property({
-    type: String,
-    reflect: true,
-    fallbackValue: "anchored",
-    isAllowedValue: oneOf(["anchored", "standalone"])
-  })
-], DaikinBadge.prototype, "mode", 2);
-__decorateClass([
-  property({
-    type: String,
-    reflect: true,
-    fallbackValue: "medium",
-    isAllowedValue: oneOf(["medium", "large"])
-  })
-], DaikinBadge.prototype, "size", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], DaikinBadge.prototype, "count", 2);
-__decorateClass([
-  property({ type: String, reflect: true, attribute: "max-count" })
-], DaikinBadge.prototype, "maxCount", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DaikinBadge.prototype, "invisible", 2);
-__decorateClass([
-  property({
-    type: String,
-    reflect: true,
-    fallbackValue: "negative",
-    isAllowedValue: oneOf([
-      "negative",
-      "alarm",
-      "warning",
-      "positive",
-      "information"
-    ])
-  })
-], DaikinBadge.prototype, "color", 2);
-DaikinBadge = __decorateClass([
-  ddsElement("daikin-badge")
-], DaikinBadge);
-export {
-  DaikinBadge
+	}
 };
+__decorate([property({
+	type: String,
+	reflect: true,
+	fallbackValue: "dot",
+	isAllowedValue: oneOf(["number", "dot"])
+})], DaikinBadge.prototype, "type", void 0);
+__decorate([property({
+	type: String,
+	reflect: true,
+	fallbackValue: "anchored",
+	isAllowedValue: oneOf(["anchored", "standalone"])
+})], DaikinBadge.prototype, "mode", void 0);
+__decorate([property({
+	type: String,
+	reflect: true,
+	fallbackValue: "medium",
+	isAllowedValue: oneOf(["medium", "large"])
+})], DaikinBadge.prototype, "size", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], DaikinBadge.prototype, "count", void 0);
+__decorate([property({
+	type: String,
+	reflect: true,
+	attribute: "max-count"
+})], DaikinBadge.prototype, "maxCount", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], DaikinBadge.prototype, "invisible", void 0);
+__decorate([property({
+	type: String,
+	reflect: true,
+	fallbackValue: "negative",
+	isAllowedValue: oneOf([
+		"negative",
+		"alarm",
+		"warning",
+		"positive",
+		"information"
+	])
+})], DaikinBadge.prototype, "color", void 0);
+DaikinBadge = __decorate([ddsElement("daikin-badge")], DaikinBadge);
+//#endregion
+export { DaikinBadge };

package/dist/es-dev/components/badge/index.js

@@ -1,4 +1,2 @@
 import { DaikinBadge } from "./daikin-badge.js";
-export {
-  DaikinBadge
-};
+export { DaikinBadge };

package/dist/es-dev/components/breadcrumb/daikin-breadcrumb.js

@@ -1,62 +1,58 @@
-import { unsafeCSS, css, html } from "lit";
-import { queryAssignedElements } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
-import { property } from "../../base/dds-property.js";
+import { property as property$1 } from "../../base/dds-property.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { ddsElement } from "../../base/decorators.js";
-import "../../base/define.js";
-import tailwindStyles from "../../tailwind.css.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let DaikinBreadcrumb = class extends 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 html`<nav
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
+import { css, html, unsafeCSS } from "lit";
+import { queryAssignedElements } from "lit/decorators.js";
+//#region src/components/breadcrumb/daikin-breadcrumb.ts
+var DaikinBreadcrumb = class DaikinBreadcrumb extends DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.showVisited = false;
+		this._rafId = null;
+	}
+	static {
+		this.styles = css`
+    ${unsafeCSS(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 html`<nav
       class="inline-block"
       aria-label=${this.breadcrumbAriaLabel}
     >
@@ -64,34 +60,24 @@ let DaikinBreadcrumb = class extends DDSElement {
         <slot @slotchange=${this._handleSlotChange}></slot>
       </div>
     </nav>`;
-  }
-  firstUpdated() {
-    this._updateBreadcrumbs();
-  }
-};
-DaikinBreadcrumb.styles = css`
-    ${unsafeCSS(tailwindStyles)}
-  `;
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "show-visited" })
-], DaikinBreadcrumb.prototype, "showVisited", 2);
-__decorateClass([
-  property({
-    type: String,
-    reflect: true,
-    attribute: "breadcrumb-aria-label",
-    fallbackValue: "Breadcrumb"
-  })
-], DaikinBreadcrumb.prototype, "breadcrumbAriaLabel", 2);
-__decorateClass([
-  queryAssignedElements({ selector: "daikin-breadcrumb-item" })
-], DaikinBreadcrumb.prototype, "_items", 2);
-__decorateClass([
-  queryAssignedElements({ selector: "daikin-menu" })
-], DaikinBreadcrumb.prototype, "_menus", 2);
-DaikinBreadcrumb = __decorateClass([
-  ddsElement("daikin-breadcrumb")
-], DaikinBreadcrumb);
-export {
-  DaikinBreadcrumb
+	}
+	firstUpdated() {
+		this._updateBreadcrumbs();
+	}
 };
+__decorate([property$1({
+	type: Boolean,
+	reflect: true,
+	attribute: "show-visited"
+})], DaikinBreadcrumb.prototype, "showVisited", void 0);
+__decorate([property$1({
+	type: String,
+	reflect: true,
+	attribute: "breadcrumb-aria-label",
+	fallbackValue: "Breadcrumb"
+})], DaikinBreadcrumb.prototype, "breadcrumbAriaLabel", void 0);
+__decorate([queryAssignedElements({ selector: "daikin-breadcrumb-item" })], DaikinBreadcrumb.prototype, "_items", void 0);
+__decorate([queryAssignedElements({ selector: "daikin-menu" })], DaikinBreadcrumb.prototype, "_menus", void 0);
+DaikinBreadcrumb = __decorate([ddsElement("daikin-breadcrumb")], DaikinBreadcrumb);
+//#endregion
+export { DaikinBreadcrumb };

package/dist/es-dev/components/breadcrumb/index.js

@@ -1,4 +1,2 @@
 import { DaikinBreadcrumb } from "./daikin-breadcrumb.js";
-export {
-  DaikinBreadcrumb
-};
+export { DaikinBreadcrumb };