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

package/dist/cjs-dev/components/progress-bar/daikin-progress-bar.cjs

@@ -1,136 +1,105 @@
-"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 cvaBar = classVarianceAuthority.cva(
-  [
-    "w-full",
-    "bg-ddt-color-common-border-empty",
-    "overflow-hidden",
-    "relative",
-    "after:block",
-    "after:h-full",
-    "after:absolute",
-    "after:left-0"
-  ],
-  {
-    variants: {
-      variant: {
-        inprogress: [
-          "after:w-(--bar-width)",
-          "after:bg-ddt-color-common-brand-default"
-        ],
-        completed: ["after:w-full", "after:bg-ddt-color-common-success"],
-        indeterminate: [
-          "after:w-1/2",
-          "after:bg-ddt-color-common-brand-default",
-          "after:animate-[progress-bar-indeterminate_1200ms_linear_infinite]"
-        ],
-        error: ["after:w-full", "after:bg-ddt-color-common-danger-default"]
-      },
-      size: {
-        medium: ["h-1"],
-        large: ["h-2"]
-      }
-    }
-  }
-);
-const cvaBarContainer = classVarianceAuthority.cva(
-  [
-    "flex",
-    "justify-between",
-    "items-center",
-    "text-ddt-color-common-text-primary",
-    "font-bold",
-    "natural-break"
-  ],
-  {
-    variants: {
-      variant: {
-        inprogress: [],
-        completed: [
-          "after:size-4",
-          "after:flex-none",
-          "after:bg-ddt-color-common-success",
-          "after:icon-[daikin--success]"
-        ],
-        indeterminate: [],
-        error: [
-          "after:size-4",
-          "after:flex-none",
-          "after:text-ddt-color-common-danger-default",
-          "after:icon-[daikin--error]"
-        ]
-      }
-    }
-  }
-);
-const cvaHelper = classVarianceAuthority.cva(["text-(length:--dds-font-size-350)", "natural-break"], {
-  variants: {
-    variant: {
-      inprogress: ["text-ddt-color-common-text-secondary"],
-      completed: ["text-ddt-color-common-text-secondary"],
-      indeterminate: ["text-ddt-color-common-text-secondary"],
-      error: ["text-ddt-color-common-danger-default", "font-bold"]
-    },
-    visible: {
-      false: ["hidden"],
-      true: []
-    }
-  }
-});
-exports.DaikinProgressBar = class DaikinProgressBar extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.value = 0;
-    this.max = 100;
-  }
-  // Validate the 'value' and 'max' properties to ensure they are valid
-  _validateProperties() {
-    if (typeof this.value !== "number" || this.value < 0) {
-      {
-        console.warn(
-          `Invalid 'value' property: ${this.value}. Falling back to 0.`
-        );
-      }
-      this.value = 0;
-    }
-    if (typeof this.max !== "number" || this.max <= 0) {
-      {
-        console.warn(
-          `Invalid 'max' property: ${this.max}. Falling back to 100.`
-        );
-      }
-      this.max = 100;
-    }
-    if (this.value > this.max) {
-      {
-        console.warn(
-          `'value' property: ${this.value} exceeds 'max' property: ${this.max}. Clamping value to max.`
-        );
-      }
-      this.value = this.max;
+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");
+//#region src/components/progress-bar/daikin-progress-bar.ts
+var cvaBar = (0, class_variance_authority.cva)([
+	"w-full",
+	"bg-ddt-color-common-border-empty",
+	"overflow-hidden",
+	"relative",
+	"after:block",
+	"after:h-full",
+	"after:absolute",
+	"after:left-0"
+], { variants: {
+	variant: {
+		inprogress: ["after:w-(--bar-width)", "after:bg-ddt-color-common-brand-default"],
+		completed: ["after:w-full", "after:bg-ddt-color-common-success"],
+		indeterminate: [
+			"after:w-1/2",
+			"after:bg-ddt-color-common-brand-default",
+			"after:animate-[progress-bar-indeterminate_1200ms_linear_infinite]"
+		],
+		error: ["after:w-full", "after:bg-ddt-color-common-danger-default"]
+	},
+	size: {
+		medium: ["h-1"],
+		large: ["h-2"]
+	}
+} });
+var cvaBarContainer = (0, class_variance_authority.cva)([
+	"flex",
+	"justify-between",
+	"items-center",
+	"text-ddt-color-common-text-primary",
+	"font-bold",
+	"natural-break"
+], { variants: { variant: {
+	inprogress: [],
+	completed: [
+		"after:size-4",
+		"after:flex-none",
+		"after:bg-ddt-color-common-success",
+		"after:icon-[daikin--success]"
+	],
+	indeterminate: [],
+	error: [
+		"after:size-4",
+		"after:flex-none",
+		"after:text-ddt-color-common-danger-default",
+		"after:icon-[daikin--error]"
+	]
+} } });
+var cvaHelper = (0, class_variance_authority.cva)(["text-(length:--dds-font-size-350)", "natural-break"], { variants: {
+	variant: {
+		inprogress: ["text-ddt-color-common-text-secondary"],
+		completed: ["text-ddt-color-common-text-secondary"],
+		indeterminate: ["text-ddt-color-common-text-secondary"],
+		error: ["text-ddt-color-common-danger-default", "font-bold"]
+	},
+	visible: {
+		false: ["hidden"],
+		true: []
+	}
+} });
+var DaikinProgressBar = class DaikinProgressBar extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.value = 0;
+		this.max = 100;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
+      width: 100%;
     }
-  }
-  render() {
-    const progressRatio = Math.min(Math.max(this.value / this.max, 0), 1);
-    return lit.html`<div class="flex flex-row gap-(--dds-space-100) items-start">
+  `;
+	}
+	_validateProperties() {
+		if (typeof this.value !== "number" || this.value < 0) {
+			console.warn(`Invalid 'value' property: ${this.value}. Falling back to 0.`);
+			this.value = 0;
+		}
+		if (typeof this.max !== "number" || this.max <= 0) {
+			console.warn(`Invalid 'max' property: ${this.max}. Falling back to 100.`);
+			this.max = 100;
+		}
+		if (this.value > this.max) {
+			console.warn(`'value' property: ${this.value} exceeds 'max' property: ${this.max}. Clamping value to max.`);
+			this.value = this.max;
+		}
+	}
+	render() {
+		const progressRatio = Math.min(Math.max(this.value / this.max, 0), 1);
+		return lit.html`<div class="flex flex-row gap-(--dds-space-100) items-start">
       <slot
         name="left-icon"
         class="slotted:shrink-0 slotted:icon-size-6 size-(--dds-icon)"
@@ -142,9 +111,12 @@ exports.DaikinProgressBar = class DaikinProgressBar extends ddsElement.DDSElemen
           <slot></slot>
         </div>
         <div
-          class=${cvaBar({ variant: this.variant, size: this.size })}
+          class=${cvaBar({
+			variant: this.variant,
+			size: this.size
+		})}
           role="progressbar"
-          aria-label=${this.textContent ?? ""}
+          aria-label=${this.textContent}
           aria-valuenow=${this.value}
           aria-valuemin="0"
           aria-valuemax=${this.max}
@@ -153,60 +125,49 @@ exports.DaikinProgressBar = class DaikinProgressBar extends ddsElement.DDSElemen
         ></div>
         <span
           class=${cvaHelper({
-      variant: this.variant,
-      visible: !!this.helper.length
-    })}
+			variant: this.variant,
+			visible: !!this.helper.length
+		})}
           aria-live="polite"
         >
           ${this.helper}
         </span>
       </div>
     </div>`;
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("value") || changedProperties.has("max")) {
-      this._validateProperties();
-    }
-  }
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("value") || changedProperties.has("max")) this._validateProperties();
+	}
 };
-exports.DaikinProgressBar.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-      width: 100%;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "inprogress",
-    isAllowedValue: ddsProperty.oneOf([
-      "inprogress",
-      "completed",
-      "indeterminate",
-      "error"
-    ])
-  })
-], exports.DaikinProgressBar.prototype, "variant", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "medium",
-    isAllowedValue: ddsProperty.oneOf(["medium", "large"])
-  })
-], exports.DaikinProgressBar.prototype, "size", 2);
-__decorateClass([
-  ddsProperty.property({ type: Number })
-], exports.DaikinProgressBar.prototype, "value", 2);
-__decorateClass([
-  ddsProperty.property({ type: Number })
-], exports.DaikinProgressBar.prototype, "max", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, fallbackValue: "" })
-], exports.DaikinProgressBar.prototype, "helper", 2);
-exports.DaikinProgressBar = __decorateClass([
-  decorators.ddsElement("daikin-progress-bar")
-], exports.DaikinProgressBar);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "inprogress",
+	isAllowedValue: require_dds_property.oneOf([
+		"inprogress",
+		"completed",
+		"indeterminate",
+		"error"
+	])
+})], DaikinProgressBar.prototype, "variant", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "medium",
+	isAllowedValue: require_dds_property.oneOf(["medium", "large"])
+})], DaikinProgressBar.prototype, "size", void 0);
+require_decorate.default([require_dds_property.property({ type: Number })], DaikinProgressBar.prototype, "value", void 0);
+require_decorate.default([require_dds_property.property({ type: Number })], DaikinProgressBar.prototype, "max", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: ""
+})], DaikinProgressBar.prototype, "helper", void 0);
+DaikinProgressBar = require_decorate.default([require_decorators.ddsElement("daikin-progress-bar")], DaikinProgressBar);
+//#endregion
+Object.defineProperty(exports, "DaikinProgressBar", {
+	enumerable: true,
+	get: function() {
+		return DaikinProgressBar;
+	}
+});

package/dist/cjs-dev/components/progress-bar/index.cjs

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

package/dist/cjs-dev/components/progress-indicator/daikin-progress-indicator.cjs

@@ -1,68 +1,61 @@
-"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.DaikinProgressIndicator = class DaikinProgressIndicator extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.currentItem = 0;
-  }
-  _updateSteps() {
-    const items = this._items;
-    items.forEach((item, i) => {
-      item.status = i < this.currentItem ? "finished" : i === this.currentItem ? "inprogress" : "unfinished";
-    });
-  }
-  _handleSlotChange() {
-    this._updateSteps();
-  }
-  render() {
-    return lit.html`<div
-      class="flex justify-stretch items-start gap-2 w-full"
-      role="list"
-    >
-      <slot @slotchange=${this._handleSlotChange}></slot>
-    </div>`;
-  }
-  firstUpdated() {
-    this._updateSteps();
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("currentItem")) {
-      this._updateSteps();
-    }
-  }
-};
-exports.DaikinProgressIndicator.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/progress-indicator/daikin-progress-indicator.ts
+var DaikinProgressIndicator = class DaikinProgressIndicator extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.currentItem = 0;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
 
     :host {
       display: block;
       width: 100%;
     }
   `;
-__decorateClass([
-  ddsProperty.property({ type: Number, attribute: "current-item", reflect: true })
-], exports.DaikinProgressIndicator.prototype, "currentItem", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({ selector: "daikin-progress-indicator-item" })
-], exports.DaikinProgressIndicator.prototype, "_items", 2);
-exports.DaikinProgressIndicator = __decorateClass([
-  decorators.ddsElement("daikin-progress-indicator")
-], exports.DaikinProgressIndicator);
+	}
+	_updateSteps() {
+		this._items.forEach((item, i) => {
+			item.status = i < this.currentItem ? "finished" : i === this.currentItem ? "inprogress" : "unfinished";
+		});
+	}
+	_handleSlotChange() {
+		this._updateSteps();
+	}
+	render() {
+		return lit.html`<div
+      class="flex justify-stretch items-start gap-2 w-full"
+      role="list"
+    >
+      <slot @slotchange=${this._handleSlotChange}></slot>
+    </div>`;
+	}
+	firstUpdated() {
+		this._updateSteps();
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("currentItem")) this._updateSteps();
+	}
+};
+require_decorate.default([require_dds_property.property({
+	type: Number,
+	attribute: "current-item",
+	reflect: true
+})], DaikinProgressIndicator.prototype, "currentItem", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ selector: "daikin-progress-indicator-item" })], DaikinProgressIndicator.prototype, "_items", void 0);
+DaikinProgressIndicator = require_decorate.default([require_decorators.ddsElement("daikin-progress-indicator")], DaikinProgressIndicator);
+//#endregion
+Object.defineProperty(exports, "DaikinProgressIndicator", {
+	enumerable: true,
+	get: function() {
+		return DaikinProgressIndicator;
+	}
+});

package/dist/cjs-dev/components/progress-indicator/index.cjs

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

package/dist/cjs-dev/components/progress-indicator-item/daikin-progress-indicator-item.cjs

@@ -1,52 +1,43 @@
-"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");
+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");
 require("../icon/daikin-icon.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 cvaContainer = classVarianceAuthority.cva(
-  [
-    "flex",
-    "gap-2",
-    "w-full",
-    "text-ddt-color-common-text-primary",
-    "pt-2",
-    "border-t-4"
-  ],
-  {
-    variants: {
-      status: {
-        unfinished: ["border-ddt-color-common-border-empty"],
-        inprogress: ["border-ddt-color-common-brand-default"],
-        finished: ["border-ddt-color-common-brand-default"]
-      }
+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/progress-indicator-item/daikin-progress-indicator-item.ts
+var cvaContainer = (0, class_variance_authority.cva)([
+	"flex",
+	"gap-2",
+	"w-full",
+	"text-ddt-color-common-text-primary",
+	"pt-2",
+	"border-t-4"
+], { variants: { status: {
+	unfinished: ["border-ddt-color-common-border-empty"],
+	inprogress: ["border-ddt-color-common-brand-default"],
+	finished: ["border-ddt-color-common-brand-default"]
+} } });
+var DaikinProgressIndicatorItem = class DaikinProgressIndicatorItem extends require_dds_element.DDSElement {
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
+      width: 100%;
+      min-width: 5rem;
     }
-  }
-);
-exports.DaikinProgressIndicatorItem = class DaikinProgressIndicatorItem extends ddsElement.DDSElement {
-  render() {
-    return lit.html`<div
+  `;
+	}
+	render() {
+		return lit.html`<div
       class=${cvaContainer({ status: this.status })}
       role="listitem"
-      aria-current=${ifDefined_js.ifDefined(
-      this.status === "inprogress" ? "step" : void 0
-    )}
+      aria-current=${(0, lit_directives_if_defined_js.ifDefined)(this.status === "inprogress" ? "step" : void 0)}
     >
       <div class="flex flex-col gap-1 w-full overflow-auto natural-break">
         <span class="font-bold"><slot></slot></span>
@@ -63,29 +54,23 @@ exports.DaikinProgressIndicatorItem = class DaikinProgressIndicatorItem extends
             ></span>
           ` : lit.nothing}
     </div>`;
-  }
+	}
 };
-exports.DaikinProgressIndicatorItem.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-      width: 100%;
-      min-width: 5rem;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "unfinished",
-    isAllowedValue: ddsProperty.oneOf([
-      "unfinished",
-      "inprogress",
-      "finished"
-    ])
-  })
-], exports.DaikinProgressIndicatorItem.prototype, "status", 2);
-exports.DaikinProgressIndicatorItem = __decorateClass([
-  decorators.ddsElement("daikin-progress-indicator-item")
-], exports.DaikinProgressIndicatorItem);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "unfinished",
+	isAllowedValue: require_dds_property.oneOf([
+		"unfinished",
+		"inprogress",
+		"finished"
+	])
+})], DaikinProgressIndicatorItem.prototype, "status", void 0);
+DaikinProgressIndicatorItem = require_decorate.default([require_decorators.ddsElement("daikin-progress-indicator-item")], DaikinProgressIndicatorItem);
+//#endregion
+Object.defineProperty(exports, "DaikinProgressIndicatorItem", {
+	enumerable: true,
+	get: function() {
+		return DaikinProgressIndicatorItem;
+	}
+});