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

package/dist/cjs/components/tree/daikin-tree.cjs

@@ -1,61 +1,53 @@
-"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");
-const common = require("./common.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.DaikinTree = class DaikinTree extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.selectable = false;
-    this.selectedItems = [];
-  }
-  _handleMouseDown(event) {
-    if (event.detail >= 2) {
-      event.preventDefault();
-    }
-  }
-  _handleSlotChange() {
-    this._children.forEach((child) => child.level = 0);
-    this.selectItems(this.selectedItems);
-  }
-  _handleTreeMoveFocus(event) {
-    common.handleTreeMoveFocusRoot(event, this._children);
-  }
-  _handleTreeSelect(event) {
-    if (!this.selectable) {
-      return;
-    }
-    event.stopPropagation();
-    const target = event.target;
-    this.selectedItems = [target.value];
-    this.dispatchEvent(new Event("change", { bubbles: true }));
-  }
-  _handleTreeUnselect(event) {
-    if (!this.selectable) {
-      return;
+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");
+const require_common = require("./common.cjs");
+let lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+//#region src/components/tree/daikin-tree.ts
+var DaikinTree = class DaikinTree extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.selectable = false;
+		this.selectedItems = [];
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
     }
-    event.stopPropagation();
-    this.selectedItems = this.getSelectedItems();
-    this.dispatchEvent(new Event("change", { bubbles: true }));
-  }
-  render() {
-    return lit.html`<div role="tree" @mousedown=${this._handleMouseDown}>
+  `;
+	}
+	_handleMouseDown(event) {
+		if (event.detail >= 2) event.preventDefault();
+	}
+	_handleSlotChange() {
+		this._children.forEach((child) => child.level = 0);
+		this.selectItems(this.selectedItems);
+	}
+	_handleTreeMoveFocus(event) {
+		require_common.handleTreeMoveFocusRoot(event, this._children);
+	}
+	_handleTreeSelect(event) {
+		if (!this.selectable) return;
+		event.stopPropagation();
+		const target = event.target;
+		this.selectedItems = [target.value];
+		this.dispatchEvent(new Event("change", { bubbles: true }));
+	}
+	_handleTreeUnselect(event) {
+		if (!this.selectable) return;
+		event.stopPropagation();
+		this.selectedItems = this.getSelectedItems();
+		this.dispatchEvent(new Event("change", { bubbles: true }));
+	}
+	render() {
+		return lit.html`<div role="tree" @mousedown=${this._handleMouseDown}>
       <slot
         @slotchange=${this._handleSlotChange}
         @tree-move-focus=${this._handleTreeMoveFocus}
@@ -63,50 +55,44 @@ exports.DaikinTree = class DaikinTree extends ddsElement.DDSElement {
         @tree-unselect=${this._handleTreeUnselect}
       ></slot>
     </div>`;
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("selectedItems")) {
-      this.selectItems(this.selectedItems);
-    }
-  }
-  /**
-   * Calls `selectItems` for the tree sections and tree items of the child elements in the slot.
-   *
-   * @param value Tree item value.
-   * @private
-   */
-  selectItems(values) {
-    this._children.forEach((child) => child.selectItems(values));
-  }
-  /**
-   * Returns an array of the `value` of the currently selected sections and items.
-   * If nothing is selected, returns `[]`.
-   *
-   * @returns An array of the `value` of the selected sections and items (if any). `[]` if there is none.
-   * @private
-   */
-  getSelectedItems() {
-    return Array.from(
-      new Set(this._children.flatMap((child) => child.getSelectedItems()))
-    );
-  }
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("selectedItems")) this.selectItems(this.selectedItems);
+	}
+	/**
+	* Calls `selectItems` for the tree sections and tree items of the child elements in the slot.
+	*
+	* @param value Tree item value.
+	* @private
+	*/
+	selectItems(values) {
+		this._children.forEach((child) => child.selectItems(values));
+	}
+	/**
+	* Returns an array of the `value` of the currently selected sections and items.
+	* If nothing is selected, returns `[]`.
+	*
+	* @returns An array of the `value` of the selected sections and items (if any). `[]` if there is none.
+	* @private
+	*/
+	getSelectedItems() {
+		return Array.from(new Set(this._children.flatMap((child) => child.getSelectedItems())));
+	}
 };
-exports.DaikinTree.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinTree.prototype, "selectable", 2);
-__decorateClass([
-  ddsProperty.property({ type: Array, attribute: false })
-], exports.DaikinTree.prototype, "selectedItems", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({ selector: "daikin-tree-section,daikin-tree-item" })
-], exports.DaikinTree.prototype, "_children", 2);
-exports.DaikinTree = __decorateClass([
-  decorators.ddsElement("daikin-tree")
-], exports.DaikinTree);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinTree.prototype, "selectable", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Array,
+	attribute: false
+})], DaikinTree.prototype, "selectedItems", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ selector: "daikin-tree-section,daikin-tree-item" })], DaikinTree.prototype, "_children", void 0);
+DaikinTree = require_decorate.default([require_decorators.ddsElement("daikin-tree")], DaikinTree);
+//#endregion
+Object.defineProperty(exports, "DaikinTree", {
+	enumerable: true,
+	get: function() {
+		return DaikinTree;
+	}
+});

package/dist/cjs/components/tree/index.cjs

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

package/dist/cjs/components/tree-item/daikin-tree-item.cjs

@@ -1,132 +1,126 @@
-"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 ref_js = require("lit/directives/ref.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 isSimpleKey = require("../../utils/is-simple-key.cjs");
-const common = require("../tree/common.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 cvaTreeChildren = classVarianceAuthority.cva(
-  [
-    "flex",
-    "items-center",
-    "w-full",
-    "text-(length:--dds-font-size-label-text)",
-    "py-(--dds-padding-30)",
-    "px-(--dds-padding-40)",
-    "pl-[calc((var(--level)+1)*(var(--dds-padding-40)))]",
-    "natural-break",
-    "focus-visible:outline-solid",
-    "focus-visible:outline-2",
-    "focus-visible:-outline-offset-2",
-    "focus-visible:outline-ddt-color-common-border-focus"
-  ],
-  {
-    variants: {
-      disabled: {
-        false: [
-          "text-ddt-color-common-text-primary",
-          "bg-(--color-base)",
-          "cursor-pointer"
-        ],
-        true: ["text-ddt-color-common-disabled"]
-      },
-      selected: {
-        false: [
-          "[--color-base:transparent]",
-          "hover:[--color-base:var(--dds-color-common-surface-hover)]",
-          "active:[--color-base:var(--dds-color-common-surface-press)]"
-        ],
-        true: [
-          "[--color-base:var(--dds-color-common-surface-selected-default)]",
-          "hover:[--color-base:var(--dds-color-common-surface-selected-hover)]",
-          "active:[--color-base:var(--dds-color-common-surface-selected-press)]"
-        ]
-      },
-      icon: {
-        false: ["before:size-(--dds-icon)", "before:flex-none"],
-        true: [
-          "before:icon-[daikin--chevron-right]",
-          "before:size-(--dds-icon)",
-          "before:transition-all",
-          "before:flex-none",
-          "before:self-start"
-        ]
-      },
-      open: {
-        false: [],
-        true: ["before:rotate-90"]
-      }
-    }
-  }
-);
-exports.DaikinTreeItem = class DaikinTreeItem extends ddsElement.DDSElement {
-  constructor() {
-    super();
-    this.value = "";
-    this.disabled = false;
-    this.selected = false;
-    this.level = 0;
-    this._focusableRef = ref_js.createRef();
-    this.addEventListener("click", (event) => {
-      if (this.disabled) {
-        event.stopImmediatePropagation();
-      }
-    });
-  }
-  get _selected() {
-    return this.selected && !this.disabled;
-  }
-  _handleKeyDown(event) {
-    if (!isSimpleKey.isSimpleKeyEvent(event)) {
-      return;
-    }
-    if (!this.disabled && ["Enter", " "].includes(event.key)) {
-      event.preventDefault();
-      common.emitTreeSelect(this);
-      return;
-    }
-    const direction = common.getDirectionFromKey(event.key);
-    if (!direction) {
-      return;
+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");
+const require_is_simple_key = require("../../utils/is-simple-key.cjs");
+const require_common = require("../tree/common.cjs");
+let lit = require("lit");
+let class_variance_authority = require("class-variance-authority");
+let lit_directives_ref_js = require("lit/directives/ref.js");
+let lit_directives_if_defined_js = require("lit/directives/if-defined.js");
+//#region src/components/tree-item/daikin-tree-item.ts
+var cvaTreeChildren = (0, class_variance_authority.cva)([
+	"flex",
+	"items-center",
+	"w-full",
+	"text-(length:--dds-font-size-label-text)",
+	"py-(--dds-padding-30)",
+	"px-(--dds-padding-40)",
+	"pl-[calc((var(--level)+1)*(var(--dds-padding-40)))]",
+	"natural-break",
+	"focus-visible:outline-solid",
+	"focus-visible:outline-2",
+	"focus-visible:-outline-offset-2",
+	"focus-visible:outline-ddt-color-common-border-focus"
+], { variants: {
+	disabled: {
+		false: [
+			"text-ddt-color-common-text-primary",
+			"bg-(--color-base)",
+			"cursor-pointer"
+		],
+		true: ["text-ddt-color-common-disabled"]
+	},
+	selected: {
+		false: [
+			"[--color-base:transparent]",
+			"hover:[--color-base:var(--dds-color-common-surface-hover)]",
+			"active:[--color-base:var(--dds-color-common-surface-press)]"
+		],
+		true: [
+			"[--color-base:var(--dds-color-common-surface-selected-default)]",
+			"hover:[--color-base:var(--dds-color-common-surface-selected-hover)]",
+			"active:[--color-base:var(--dds-color-common-surface-selected-press)]"
+		]
+	},
+	icon: {
+		false: ["before:size-(--dds-icon)", "before:flex-none"],
+		true: [
+			"before:icon-[daikin--chevron-right]",
+			"before:size-(--dds-icon)",
+			"before:transition-all",
+			"before:flex-none",
+			"before:self-start"
+		]
+	},
+	open: {
+		false: [],
+		true: ["before:rotate-90"]
+	}
+} });
+var DaikinTreeItem = class DaikinTreeItem extends require_dds_element.DDSElement {
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
+
+      --ddc-tree-item-min-h: var(--dds-input-height, 3rem);
+      --ddc-tree-item-padding-y: var(--dds-padding-30);
     }
-    event.preventDefault();
-    if (direction !== "right") {
-      common.emitTreeMoveFocus(this, direction);
+
+    :host([data-density="compact"]),
+    :host-context([data-density="compact"]) {
+      --ddc-tree-item-min-h: calc(var(--dds-input-height) + 4px);
+      --ddc-tree-item-padding-y: var(--dds-padding-30);
     }
-  }
-  render() {
-    return lit.html`<div
-      ${ref_js.ref(this._focusableRef)}
+  `;
+	}
+	get _selected() {
+		return this.selected && !this.disabled;
+	}
+	_handleKeyDown(event) {
+		if (!require_is_simple_key.isSimpleKeyEvent(event)) return;
+		if (!this.disabled && ["Enter", " "].includes(event.key)) {
+			event.preventDefault();
+			require_common.emitTreeSelect(this);
+			return;
+		}
+		const direction = require_common.getDirectionFromKey(event.key);
+		if (!direction) return;
+		event.preventDefault();
+		if (direction !== "right") require_common.emitTreeMoveFocus(this, direction);
+	}
+	constructor() {
+		super();
+		this.value = "";
+		this.disabled = false;
+		this.selected = false;
+		this.level = 0;
+		this._focusableRef = (0, lit_directives_ref_js.createRef)();
+		this.addEventListener("click", (event) => {
+			if (this.disabled) event.stopImmediatePropagation();
+		});
+	}
+	render() {
+		return lit.html`<div
+      ${(0, lit_directives_ref_js.ref)(this._focusableRef)}
       part="item"
       class=${cvaTreeChildren({
-      disabled: this.disabled,
-      selected: this._selected,
-      icon: false,
-      open: false
-    })}
+			disabled: this.disabled,
+			selected: this._selected,
+			icon: false,
+			open: false
+		})}
       role="treeitem"
       aria-disabled=${this.disabled}
       aria-selected=${this._selected}
-      tabindex=${ifDefined_js.ifDefined(!this.disabled ? 0 : void 0)}
+      tabindex=${(0, lit_directives_if_defined_js.ifDefined)(!this.disabled ? 0 : void 0)}
       style=${`--level:${this.level}`}
-      @click=${() => common.emitTreeSelect(this)}
+      @click=${() => require_common.emitTreeSelect(this)}
       @keydown=${this._handleKeyDown}
     >
       <div class="flex items-start gap-(--dds-gap-20)">
@@ -139,82 +133,68 @@ exports.DaikinTreeItem = class DaikinTreeItem extends ddsElement.DDSElement {
         </span>
       </div>
     </div>`;
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("disabled")) {
-      if (this.disabled && changedProperties.get("disabled") === false) {
-        common.emitTreeUnselect(this);
-      }
-    }
-  }
-  /**
-   * Focuses on the inner button.
-   *
-   * @param options focus options
-   */
-  focus(options) {
-    var _a;
-    (_a = this._focusableRef.value) == null ? void 0 : _a.focus(options);
-  }
-  /**
-   * Focuses on the inner button.
-   * This is provided to ensure consistency of the interface.
-   *
-   * @param options focus options
-   * @private
-   */
-  focusLastItem(options) {
-    var _a;
-    (_a = this._focusableRef.value) == null ? void 0 : _a.focus(options);
-  }
-  /**
-   * Updates the selection state (`this.selected`) to true if the argument `value` matches `this.value`. Otherwise, sets it to false.
-   *
-   * @param value Tree item value.
-   * @private
-   */
-  selectItems(values) {
-    this.selected = !this.disabled && values.includes(this.value);
-  }
-  /**
-   * Returns `[this.value]` if selected, or `[]` if not selected.
-   *
-   * @returns `[this.value]` if selected. `[]` if not selected.
-   * @private
-   */
-  getSelectedItems() {
-    return !this.disabled && this.selected ? [this.value] : [];
-  }
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("disabled")) {
+			if (this.disabled && changedProperties.get("disabled") === false) require_common.emitTreeUnselect(this);
+		}
+	}
+	/**
+	* Focuses on the inner button.
+	*
+	* @param options focus options
+	*/
+	focus(options) {
+		this._focusableRef.value?.focus(options);
+	}
+	/**
+	* Focuses on the inner button.
+	* This is provided to ensure consistency of the interface.
+	*
+	* @param options focus options
+	* @private
+	*/
+	focusLastItem(options) {
+		this._focusableRef.value?.focus(options);
+	}
+	/**
+	* Updates the selection state (`this.selected`) to true if the argument `value` matches `this.value`. Otherwise, sets it to false.
+	*
+	* @param value Tree item value.
+	* @private
+	*/
+	selectItems(values) {
+		this.selected = !this.disabled && values.includes(this.value);
+	}
+	/**
+	* Returns `[this.value]` if selected, or `[]` if not selected.
+	*
+	* @returns `[this.value]` if selected. `[]` if not selected.
+	* @private
+	*/
+	getSelectedItems() {
+		return !this.disabled && this.selected ? [this.value] : [];
+	}
 };
-exports.DaikinTreeItem.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-
-      --ddc-tree-item-min-h: var(--dds-input-height, 3rem);
-      --ddc-tree-item-padding-y: var(--dds-padding-30);
-    }
-
-    :host([data-density="compact"]),
-    :host-context([data-density="compact"]) {
-      --ddc-tree-item-min-h: calc(var(--dds-input-height) + 4px);
-      --ddc-tree-item-padding-y: var(--dds-padding-30);
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({ type: String })
-], exports.DaikinTreeItem.prototype, "value", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinTreeItem.prototype, "disabled", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinTreeItem.prototype, "selected", 2);
-__decorateClass([
-  ddsProperty.property({ type: Number, attribute: false })
-], exports.DaikinTreeItem.prototype, "level", 2);
-exports.DaikinTreeItem = __decorateClass([
-  decorators.ddsElement("daikin-tree-item")
-], exports.DaikinTreeItem);
+require_decorate.default([require_dds_property.property({ type: String })], DaikinTreeItem.prototype, "value", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinTreeItem.prototype, "disabled", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinTreeItem.prototype, "selected", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Number,
+	attribute: false
+})], DaikinTreeItem.prototype, "level", void 0);
+DaikinTreeItem = require_decorate.default([require_decorators.ddsElement("daikin-tree-item")], DaikinTreeItem);
+//#endregion
+Object.defineProperty(exports, "DaikinTreeItem", {
+	enumerable: true,
+	get: function() {
+		return DaikinTreeItem;
+	}
+});
 exports.cvaTreeChildren = cvaTreeChildren;

package/dist/cjs/components/tree-item/index.cjs

@@ -1,8 +1,9 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const daikinTreeItem = require("./daikin-tree-item.cjs");
+const require_daikin_tree_item = require("./daikin-tree-item.cjs");
 Object.defineProperty(exports, "DaikinTreeItem", {
-  enumerable: true,
-  get: () => daikinTreeItem.DaikinTreeItem
+	enumerable: true,
+	get: function() {
+		return require_daikin_tree_item.DaikinTreeItem;
+	}
 });
-exports.cvaTreeChildren = daikinTreeItem.cvaTreeChildren;
+exports.cvaTreeChildren = require_daikin_tree_item.cvaTreeChildren;