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

package/dist/cjs-dev/components/list-item/daikin-list-item.cjs

@@ -1,145 +1,140 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const classVarianceAuthority = require("class-variance-authority");
-const lit = require("lit");
-const decorators_js = require("lit/decorators.js");
-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 INNER_CN = classVarianceAuthority.cva([
-  "text-left",
-  // Hover/active background overlay
-  "before:absolute",
-  "before:inset-0",
-  "before:w-full",
-  "before:h-full",
-  // Focus ring overlay (separate from hover bg so it can be raised above the divider)
-  "after:absolute",
-  "after:inset-0",
-  "after:w-full",
-  "after:h-full",
-  "focus-visible:outline-hidden",
-  "focus-visible:after:outline-solid",
-  "focus-visible:after:outline-2",
-  "focus-visible:after:-outline-offset-2",
-  "focus-visible:after:outline-ddt-color-common-border-focus",
-  "focus-visible:after:z-1",
-  // For buttons and links
-  "not-active:group-hover:link-enabled:before:bg-ddt-color-common-surface-hover",
-  "active:link-enabled:before:bg-ddt-color-common-surface-press",
-  // For text
-  "group-hover:[&:not(a,button)]:before:bg-ddt-color-common-surface-hover"
+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");
+let class_variance_authority = require("class-variance-authority");
+let lit_directives_if_defined_js = require("lit/directives/if-defined.js");
+//#region src/components/list-item/daikin-list-item.ts
+var INNER_CN = (0, class_variance_authority.cva)([
+	"text-left",
+	"before:absolute",
+	"before:inset-0",
+	"before:w-full",
+	"before:h-full",
+	"after:absolute",
+	"after:inset-0",
+	"after:w-full",
+	"after:h-full",
+	"focus-visible:outline-hidden",
+	"focus-visible:after:outline-solid",
+	"focus-visible:after:outline-2",
+	"focus-visible:after:-outline-offset-2",
+	"focus-visible:after:outline-ddt-color-common-border-focus",
+	"focus-visible:after:z-1",
+	"not-active:group-hover:link-enabled:before:bg-ddt-color-common-surface-hover",
+	"active:link-enabled:before:bg-ddt-color-common-surface-press",
+	"group-hover:[&:not(a,button)]:before:bg-ddt-color-common-surface-hover"
 ])();
-const cvaContent = classVarianceAuthority.cva(
-  [
-    "block",
-    "pt-(--dds-padding-05)",
-    "pl-(--dds-space-100)",
-    "pr-(--dds-space-300)",
-    "pb-px",
-    "text-left"
-  ],
-  {
-    variants: {
-      disabled: {
-        false: ["text-ddt-color-common-text-primary"],
-        true: ["text-ddt-color-common-disabled"]
-      }
-    }
-  }
-);
-const WRAPPER = classVarianceAuthority.cva([
-  "group",
-  "flex",
-  "justify-between",
-  "items-start",
-  "p-(--dds-padding-30)",
-  "w-full",
-  "p-(--dds-padding-30)",
-  "text-(length:--dds-font-size-label-text)",
-  "text-left",
-  "relative",
-  "natural-break"
+var cvaContent = (0, class_variance_authority.cva)([
+	"block",
+	"pt-(--dds-padding-05)",
+	"pl-(--dds-space-100)",
+	"pr-(--dds-space-300)",
+	"pb-px",
+	"text-left"
+], { variants: { disabled: {
+	false: ["text-ddt-color-common-text-primary"],
+	true: ["text-ddt-color-common-disabled"]
+} } });
+var WRAPPER = (0, class_variance_authority.cva)([
+	"group",
+	"flex",
+	"justify-between",
+	"items-start",
+	"p-(--dds-padding-30)",
+	"w-full",
+	"p-(--dds-padding-30)",
+	"text-(length:--dds-font-size-label-text)",
+	"text-left",
+	"relative",
+	"natural-break"
 ])();
-const cvaIcon = classVarianceAuthority.cva(["icon-size-token", "slotted:flex-none"], {
-  variants: {
-    position: {
-      left: [],
-      right: ["pointer-events-none"]
-    },
-    disabled: {
-      false: ["text-ddt-color-common-text-primary"],
-      true: ["text-ddt-color-common-disabled"]
+var cvaIcon = (0, class_variance_authority.cva)(["icon-size-token", "slotted:flex-none"], { variants: {
+	position: {
+		left: [],
+		right: ["pointer-events-none"]
+	},
+	disabled: {
+		false: ["text-ddt-color-common-text-primary"],
+		true: ["text-ddt-color-common-disabled"]
+	}
+} });
+var DaikinListItem = class DaikinListItem extends require_dds_element.DDSElement {
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
+      position: relative;
+      width: 100%;
+
+      --divider-bottom-display: none;
     }
-  }
-});
-exports.DaikinListItem = class DaikinListItem extends ddsElement.DDSElement {
-  constructor() {
-    super();
-    this.listItemRole = "listitem";
-    this.href = null;
-    this.disabled = false;
-    this.addEventListener("click", (event) => {
-      if (this._disabled) {
-        event.stopImmediatePropagation();
-      }
-    });
-  }
-  get _disabled() {
-    return (
-      // False if `type` is "text".
-      this.type !== "text" && // True if `this.disabled`, or if `type` is "link" and `href` is missing.
-      (this.disabled || this.type === "link" && this.href == null)
-    );
-  }
-  _handleClickAction(event) {
-    event.stopPropagation();
-  }
-  /**
-   * _Internal use._
-   * Returns the navigation target information.
-   * Used by navigation handling utilities.
-   *
-   * @returns Navigation target information or `null` if not navigable.
-   *
-   * @private
-   */
-  getDDSNavigationTarget() {
-    if (this.href == null || this.disabled || this.type !== "link") {
-      return null;
+
+    :host::after {
+      content: "";
+      display: var(--divider-bottom-display, none);
+      position: absolute;
+      inset: 0;
+      top: auto;
+      width: 100%;
+      height: 1px;
+      background: var(--dds-color-divider);
     }
-    return {
-      href: this.href,
-      target: null
-    };
-  }
-  render() {
-    const disabled = this._disabled;
-    const content = lit.html`<span class="flex items-start w-full relative gap-1">
+  `;
+	}
+	get _disabled() {
+		return this.type !== "text" && (this.disabled || this.type === "link" && this.href == null);
+	}
+	_handleClickAction(event) {
+		event.stopPropagation();
+	}
+	constructor() {
+		super();
+		this.listItemRole = "listitem";
+		this.href = null;
+		this.disabled = false;
+		this.addEventListener("click", (event) => {
+			if (this._disabled) event.stopImmediatePropagation();
+		});
+	}
+	/**
+	* _Internal use._
+	* Returns the navigation target information.
+	* Used by navigation handling utilities.
+	*
+	* @returns Navigation target information or `null` if not navigable.
+	*
+	* @private
+	*/
+	getDDSNavigationTarget() {
+		if (this.href == null || this.disabled || this.type !== "link") return null;
+		return {
+			href: this.href,
+			target: null
+		};
+	}
+	render() {
+		const disabled = this._disabled;
+		const content = lit.html`<span class="flex items-start w-full relative gap-1">
       <slot
         name="left-icon"
-        class=${cvaIcon({ disabled: this.disabled, position: "left" })}
+        class=${cvaIcon({
+			disabled: this.disabled,
+			position: "left"
+		})}
       >
         <span class="flex-none block -ml-1"></span>
       </slot>
       <slot class=${cvaContent({ disabled: this.disabled })}></slot>
     </span>`;
-    const list = {
-      button: () => lit.html`<button
+		const list = {
+			button: () => lit.html`<button
           type="button"
           part="item"
           class=${INNER_CN}
@@ -147,18 +142,18 @@ exports.DaikinListItem = class DaikinListItem extends ddsElement.DDSElement {
         >
           ${content}
         </button>`,
-      link: () => lit.html`<a
+			link: () => lit.html`<a
           part="item"
           class=${INNER_CN}
-          href=${ifDefined_js.ifDefined(!disabled ? this.href ?? void 0 : void 0)}
-          role=${ifDefined_js.ifDefined(disabled ? "link" : void 0)}
-          aria-disabled=${ifDefined_js.ifDefined(disabled ? "true" : void 0)}
+          href=${(0, lit_directives_if_defined_js.ifDefined)(!disabled ? this.href ?? void 0 : void 0)}
+          role=${(0, lit_directives_if_defined_js.ifDefined)(disabled ? "link" : void 0)}
+          aria-disabled=${(0, lit_directives_if_defined_js.ifDefined)(disabled ? "true" : void 0)}
         >
           ${content}
         </a>`,
-      text: () => lit.html`<span part="item" class=${INNER_CN}>${content}</span>`
-    }[this.type]();
-    return lit.html`<div class=${WRAPPER} role=${this.listItemRole}>
+			text: () => lit.html`<span part="item" class=${INNER_CN}>${content}</span>`
+		}[this.type]();
+		return lit.html`<div class=${WRAPPER} role=${this.listItemRole}>
       ${list}
       <slot
         name="action"
@@ -167,67 +162,55 @@ exports.DaikinListItem = class DaikinListItem extends ddsElement.DDSElement {
       >
         <slot
           name="right-icon"
-          class=${cvaIcon({ disabled: this.disabled, position: "right" })}
+          class=${cvaIcon({
+			disabled: this.disabled,
+			position: "right"
+		})}
         >
           <span class="block -mr-1"></span>
         </slot>
       </slot>
     </div>`;
-  }
-  /**
-   * Focuses on the inner button or link.
-   * It will have no effect if the `type` is "text" or `disabled` is `true`.
-   * @param options focus options
-   */
-  focus(options) {
-    var _a;
-    (_a = this._focusableElement) == null ? void 0 : _a.focus(options);
-  }
+	}
+	/**
+	* Focuses on the inner button or link.
+	* It will have no effect if the `type` is "text" or `disabled` is `true`.
+	* @param options focus options
+	*/
+	focus(options) {
+		this._focusableElement?.focus(options);
+	}
 };
-exports.DaikinListItem.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-      position: relative;
-      width: 100%;
-
-      --divider-bottom-display: none;
-    }
-
-    :host::after {
-      content: "";
-      display: var(--divider-bottom-display, none);
-      position: absolute;
-      inset: 0;
-      top: auto;
-      width: 100%;
-      height: 1px;
-      background: var(--dds-color-divider);
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "button",
-    isAllowedValue: ddsProperty.oneOf(["button", "link", "text"])
-  })
-], exports.DaikinListItem.prototype, "type", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, attribute: false })
-], exports.DaikinListItem.prototype, "listItemRole", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true })
-], exports.DaikinListItem.prototype, "href", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinListItem.prototype, "disabled", 2);
-__decorateClass([
-  decorators_js.query("a,button")
-], exports.DaikinListItem.prototype, "_focusableElement", 2);
-exports.DaikinListItem = __decorateClass([
-  decorators.ddsElement("daikin-list-item")
-], exports.DaikinListItem);
-const DaikinListItem2 = exports.DaikinListItem;
-exports.default = DaikinListItem2;
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "button",
+	isAllowedValue: require_dds_property.oneOf([
+		"button",
+		"link",
+		"text"
+	])
+})], DaikinListItem.prototype, "type", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	attribute: false
+})], DaikinListItem.prototype, "listItemRole", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true
+})], DaikinListItem.prototype, "href", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinListItem.prototype, "disabled", void 0);
+require_decorate.default([(0, lit_decorators_js.query)("a,button")], DaikinListItem.prototype, "_focusableElement", void 0);
+DaikinListItem = require_decorate.default([require_decorators.ddsElement("daikin-list-item")], DaikinListItem);
+var daikin_list_item_default = DaikinListItem;
+//#endregion
+Object.defineProperty(exports, "DaikinListItem", {
+	enumerable: true,
+	get: function() {
+		return DaikinListItem;
+	}
+});
+exports.default = daikin_list_item_default;

package/dist/cjs-dev/components/list-item/index.cjs

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

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

@@ -1,73 +1,42 @@
-"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 cvaLoadingContainer = classVarianceAuthority.cva(
-  ["flex", "justify-center", "items-center", "size-full"],
-  {
-    variants: {
-      background: {
-        false: ["bg-transparent"],
-        true: ["bg-ddt-color-common-background-default", "rounded-sm"]
-      }
-    }
-  }
-);
-const cvaLoading = classVarianceAuthority.cva(
-  [
-    "block",
-    "border-t-ddt-color-common-brand-default",
-    "border-r-ddt-color-common-brand-default",
-    "border-b-ddt-color-common-brand-default",
-    "border-l-transparent",
-    "rounded-full",
-    "animate-[loading_800ms_linear_infinite]"
-  ],
-  {
-    variants: {
-      size: {
-        small: ["size-4.5", "border-2"],
-        medium: ["size-9", "border-4"]
-      }
-    }
-  }
-);
-exports.DaikinLoading = class DaikinLoading extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.size = "medium";
-    this.background = false;
-  }
-  render() {
-    return lit.html`<div
-      class=${cvaLoadingContainer({ background: this.background })}
-      role="progressbar"
-      aria-label="Loading"
-    >
-      <div class="size-fit rotate-45">
-        <span class=${cvaLoading({ size: this.size })}></span>
-      </div>
-    </div>`;
-  }
-};
-exports.DaikinLoading.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 class_variance_authority = require("class-variance-authority");
+//#region src/components/loading/daikin-loading.ts
+var cvaLoadingContainer = (0, class_variance_authority.cva)([
+	"flex",
+	"justify-center",
+	"items-center",
+	"size-full"
+], { variants: { background: {
+	false: ["bg-transparent"],
+	true: ["bg-ddt-color-common-background-default", "rounded-sm"]
+} } });
+var cvaLoading = (0, class_variance_authority.cva)([
+	"block",
+	"border-t-ddt-color-common-brand-default",
+	"border-r-ddt-color-common-brand-default",
+	"border-b-ddt-color-common-brand-default",
+	"border-l-transparent",
+	"rounded-full",
+	"animate-[loading_800ms_linear_infinite]"
+], { variants: { size: {
+	small: ["size-4.5", "border-2"],
+	medium: ["size-9", "border-4"]
+} } });
+var DaikinLoading = class DaikinLoading extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.size = "medium";
+		this.background = false;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
 
     :host {
       display: block;
@@ -84,17 +53,34 @@ exports.DaikinLoading.styles = lit.css`
       height: 3.5rem;
     }
   `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "medium",
-    isAllowedValue: ddsProperty.oneOf(["small", "medium"])
-  })
-], exports.DaikinLoading.prototype, "size", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinLoading.prototype, "background", 2);
-exports.DaikinLoading = __decorateClass([
-  decorators.ddsElement("daikin-loading")
-], exports.DaikinLoading);
+	}
+	render() {
+		return lit.html`<div
+      class=${cvaLoadingContainer({ background: this.background })}
+      role="progressbar"
+      aria-label="Loading"
+    >
+      <div class="size-fit rotate-45">
+        <span class=${cvaLoading({ size: this.size })}></span>
+      </div>
+    </div>`;
+	}
+};
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "medium",
+	isAllowedValue: require_dds_property.oneOf(["small", "medium"])
+})], DaikinLoading.prototype, "size", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinLoading.prototype, "background", void 0);
+DaikinLoading = require_decorate.default([require_decorators.ddsElement("daikin-loading")], DaikinLoading);
+//#endregion
+Object.defineProperty(exports, "DaikinLoading", {
+	enumerable: true,
+	get: function() {
+		return DaikinLoading;
+	}
+});

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

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