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

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

@@ -1,130 +1,103 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lit = require("lit");
-const decorators_js = require("lit/decorators.js");
-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 daikinTreeItem = require("../tree-item/daikin-tree-item.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;
-};
-exports.DaikinTreeSection = class DaikinTreeSection extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.value = "";
-    this.disabled = false;
-    this.selected = false;
-    this.open = false;
-    this.level = 0;
-    this._focusableRef = ref_js.createRef();
-  }
-  get _open() {
-    return this.open && !this.disabled;
-  }
-  get _selected() {
-    return this.selected && !this.disabled;
-  }
-  _updateChildrenLevel() {
-    for (const item of this._children) {
-      item.level = this.level + 1;
-    }
-  }
-  _handleClick() {
-    if (!this.disabled && this.dispatchEvent(
-      new Event("toggle", {
-        cancelable: true
-      })
-    )) {
-      this.open = !this.open;
-    }
-    common.emitTreeSelect(this);
-  }
-  _handleSlotChange() {
-    this._updateChildrenLevel();
-  }
-  _handleTreeMoveFocus(event) {
-    common.handleTreeMoveFocusSection(this, event, this._children);
-  }
-  _handleKeyDown(event) {
-    var _a;
-    if (!isSimpleKey.isSimpleKeyEvent(event)) {
-      return;
-    }
-    if (!this.disabled && ["Enter", " "].includes(event.key)) {
-      event.preventDefault();
-      this._handleClick();
-      common.emitTreeSelect(this);
-      return;
-    }
-    const direction = common.getDirectionFromKey(event.key);
-    if (!direction) {
-      return;
-    }
-    event.preventDefault();
-    switch (direction) {
-      case "up":
-        common.emitTreeMoveFocus(this, "up");
-        break;
-      case "down": {
-        const nextItem = this.open && this._children[0];
-        if (nextItem) {
-          nextItem.focus();
-        } else {
-          common.emitTreeMoveFocus(this, "down");
-        }
-        break;
-      }
-      case "left":
-        if (this._open) {
-          if (this.dispatchEvent(new Event("toggle", { cancelable: true }))) {
-            this.open = false;
-          }
-        } else {
-          common.emitTreeMoveFocus(this, "left");
-        }
-        break;
-      case "right":
-        if (!this._open) {
-          if (this.dispatchEvent(new Event("toggle", { cancelable: true }))) {
-            this.open = true;
-          }
-        } else {
-          (_a = this._children[0]) == null ? void 0 : _a.focus();
-        }
-        break;
+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");
+const require_daikin_tree_item = require("../tree-item/daikin-tree-item.cjs");
+require("../tree-item/index.cjs");
+let lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+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-section/daikin-tree-section.ts
+var DaikinTreeSection = class DaikinTreeSection extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.value = "";
+		this.disabled = false;
+		this.selected = false;
+		this.open = false;
+		this.level = 0;
+		this._focusableRef = (0, lit_directives_ref_js.createRef)();
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
     }
-  }
-  render() {
-    return lit.html`<div
+  `;
+	}
+	get _open() {
+		return this.open && !this.disabled;
+	}
+	get _selected() {
+		return this.selected && !this.disabled;
+	}
+	_updateChildrenLevel() {
+		for (const item of this._children) item.level = this.level + 1;
+	}
+	_handleClick() {
+		if (!this.disabled && this.dispatchEvent(new Event("toggle", { cancelable: true }))) this.open = !this.open;
+		require_common.emitTreeSelect(this);
+	}
+	_handleSlotChange() {
+		this._updateChildrenLevel();
+	}
+	_handleTreeMoveFocus(event) {
+		require_common.handleTreeMoveFocusSection(this, event, this._children);
+	}
+	_handleKeyDown(event) {
+		if (!require_is_simple_key.isSimpleKeyEvent(event)) return;
+		if (!this.disabled && ["Enter", " "].includes(event.key)) {
+			event.preventDefault();
+			this._handleClick();
+			require_common.emitTreeSelect(this);
+			return;
+		}
+		const direction = require_common.getDirectionFromKey(event.key);
+		if (!direction) return;
+		event.preventDefault();
+		switch (direction) {
+			case "up":
+				require_common.emitTreeMoveFocus(this, "up");
+				break;
+			case "down": {
+				const nextItem = this.open && this._children[0];
+				if (nextItem) nextItem.focus();
+				else require_common.emitTreeMoveFocus(this, "down");
+				break;
+			}
+			case "left":
+				if (this._open) {
+					if (this.dispatchEvent(new Event("toggle", { cancelable: true }))) this.open = false;
+				} else require_common.emitTreeMoveFocus(this, "left");
+				break;
+			case "right": if (!this._open) {
+				if (this.dispatchEvent(new Event("toggle", { cancelable: true }))) this.open = true;
+			} else this._children[0]?.focus();
+		}
+	}
+	render() {
+		return lit.html`<div
       role="treeitem"
       aria-expanded=${this._open}
       aria-disabled=${this.disabled}
       aria-selected=${this._selected}
     >
       <div
-        ${ref_js.ref(this._focusableRef)}
-        class=${daikinTreeItem.cvaTreeChildren({
-      selected: this._selected,
-      disabled: this.disabled,
-      icon: true,
-      open: this._open
-    })}
-        tabindex=${ifDefined_js.ifDefined(!this.disabled ? 0 : void 0)}
+        ${(0, lit_directives_ref_js.ref)(this._focusableRef)}
+        class=${require_daikin_tree_item.cvaTreeChildren({
+			selected: this._selected,
+			disabled: this.disabled,
+			icon: true,
+			open: this._open
+		})}
+        tabindex=${(0, lit_directives_if_defined_js.ifDefined)(!this.disabled ? 0 : void 0)}
         style=${`--level:${this.level}`}
         @click=${this._handleClick}
         @keydown=${this._handleKeyDown}
@@ -144,99 +117,80 @@ exports.DaikinTreeSection = class DaikinTreeSection extends ddsElement.DDSElemen
         ></slot>
       </div>
     </div>`;
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("level")) {
-      this._updateChildrenLevel();
-    }
-    if (changedProperties.has("disabled")) {
-      if (this.disabled && changedProperties.get("disabled") === false) {
-        common.emitTreeUnselect(this);
-      }
-    }
-  }
-  /**
-   * Focuses on the inner button.
-   *s
-   * @param options focus options
-   */
-  focus(options) {
-    var _a;
-    (_a = this._focusableRef.value) == null ? void 0 : _a.focus(options);
-  }
-  /**
-   * Focuses on the last enabled item in the slot recursively.
-   * If the tree is closed or there are no enabled items in the slot, this will focus on itself.
-   * This is called from the next item to move the focus to the item above it in the display.
-   *
-   * @param options focus options
-   * @private
-   */
-  focusLastItem(options) {
-    const child = this._open && this._children.findLast((element) => !element.disabled);
-    if (child) {
-      child.focusLastItem(options);
-    } else {
-      this.focus(options);
-    }
-  }
-  /**
-   * Updates the selection state (`this.selected`) to true if the argument `value` matches `this.value`. Otherwise, sets it to false.
-   * In addition, calls `selectItems` for the tree sections and tree items of the child elements in the slot in the same way.
-   *
-   * @param value Tree item value.
-   * @private
-   */
-  selectItems(values) {
-    this.selected = !this.disabled && values.includes(this.value);
-    this._children.forEach(
-      (child) => child.selectItems(this.disabled ? [] : 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 currently selected sections and items (if any). `[]` if there is none.
-   * @private
-   */
-  getSelectedItems() {
-    if (this.disabled) {
-      return [];
-    }
-    return Array.from(
-      /* @__PURE__ */ new Set([
-        ...this.selected ? [this.value] : [],
-        ...this._children.flatMap((child) => child.getSelectedItems())
-      ])
-    );
-  }
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("level")) this._updateChildrenLevel();
+		if (changedProperties.has("disabled")) {
+			if (this.disabled && changedProperties.get("disabled") === false) require_common.emitTreeUnselect(this);
+		}
+	}
+	/**
+	* Focuses on the inner button.
+	*s
+	* @param options focus options
+	*/
+	focus(options) {
+		this._focusableRef.value?.focus(options);
+	}
+	/**
+	* Focuses on the last enabled item in the slot recursively.
+	* If the tree is closed or there are no enabled items in the slot, this will focus on itself.
+	* This is called from the next item to move the focus to the item above it in the display.
+	*
+	* @param options focus options
+	* @private
+	*/
+	focusLastItem(options) {
+		const child = this._open && this._children.findLast((element) => !element.disabled);
+		if (child) child.focusLastItem(options);
+		else this.focus(options);
+	}
+	/**
+	* Updates the selection state (`this.selected`) to true if the argument `value` matches `this.value`. Otherwise, sets it to false.
+	* In addition, calls `selectItems` for the tree sections and tree items of the child elements in the slot in the same way.
+	*
+	* @param value Tree item value.
+	* @private
+	*/
+	selectItems(values) {
+		this.selected = !this.disabled && values.includes(this.value);
+		this._children.forEach((child) => child.selectItems(this.disabled ? [] : 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 currently selected sections and items (if any). `[]` if there is none.
+	* @private
+	*/
+	getSelectedItems() {
+		if (this.disabled) return [];
+		return Array.from(/* @__PURE__ */ new Set([...this.selected ? [this.value] : [], ...this._children.flatMap((child) => child.getSelectedItems())]));
+	}
 };
-exports.DaikinTreeSection.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({ type: String })
-], exports.DaikinTreeSection.prototype, "value", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinTreeSection.prototype, "disabled", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinTreeSection.prototype, "selected", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinTreeSection.prototype, "open", 2);
-__decorateClass([
-  ddsProperty.property({ type: Number, attribute: false })
-], exports.DaikinTreeSection.prototype, "level", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({ selector: "daikin-tree-section,daikin-tree-item" })
-], exports.DaikinTreeSection.prototype, "_children", 2);
-exports.DaikinTreeSection = __decorateClass([
-  decorators.ddsElement("daikin-tree-section")
-], exports.DaikinTreeSection);
+require_decorate.default([require_dds_property.property({ type: String })], DaikinTreeSection.prototype, "value", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinTreeSection.prototype, "disabled", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinTreeSection.prototype, "selected", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinTreeSection.prototype, "open", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Number,
+	attribute: false
+})], DaikinTreeSection.prototype, "level", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ selector: "daikin-tree-section,daikin-tree-item" })], DaikinTreeSection.prototype, "_children", void 0);
+DaikinTreeSection = require_decorate.default([require_decorators.ddsElement("daikin-tree-section")], DaikinTreeSection);
+//#endregion
+Object.defineProperty(exports, "DaikinTreeSection", {
+	enumerable: true,
+	get: function() {
+		return DaikinTreeSection;
+	}
+});

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

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

package/dist/cjs/components/vertical-navigation/daikin-vertical-navigation.cjs

@@ -1,79 +1,23 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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;
-};
-exports.DaikinVerticalNavigation = class DaikinVerticalNavigation extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.openItems = [];
-    this.exclusive = false;
-    this.navigationAriaLabel = null;
-  }
-  _handleToggle(event) {
-    const target = event.target;
-    if (target.type !== "menu") {
-      if (this.exclusive && this.openItems.length > 0) {
-        this.openItems = [];
-        this._reflectItemOpen();
-        this.dispatchEvent(new Event("change", { bubbles: true }));
-      }
-      return;
-    }
-    const targetName = target.name;
-    if (!targetName) {
-      return;
-    }
-    const willOpen = !target.open;
-    if (this.exclusive) {
-      this.openItems = willOpen ? [targetName] : [];
-    } else {
-      this.openItems = willOpen ? [...this.openItems, targetName] : this.openItems.filter((item) => item !== targetName);
-    }
-    this._reflectItemOpen();
-    this.dispatchEvent(new Event("change", { bubbles: true }));
-  }
-  _reflectItemOpen() {
-    for (const item of this._items) {
-      if (item.type === "menu") {
-        item.open = this.openItems.includes(item.name);
-      }
-    }
-  }
-  render() {
-    return lit.html`<nav aria-label=${ifDefined_js.ifDefined(this.navigationAriaLabel)}>
-      <div role="list" class="w-full flex flex-col">
-        <slot
-          @toggle=${this._handleToggle}
-          @slotchange=${this._reflectItemOpen}
-        ></slot>
-      </div>
-    </nav>`;
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("openItems") || changedProperties.has("exclusive")) {
-      this._reflectItemOpen();
-    }
-  }
-};
-exports.DaikinVerticalNavigation.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");
+let lit_directives_if_defined_js = require("lit/directives/if-defined.js");
+//#region src/components/vertical-navigation/daikin-vertical-navigation.ts
+var DaikinVerticalNavigation = class DaikinVerticalNavigation extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.openItems = [];
+		this.exclusive = false;
+		this.navigationAriaLabel = null;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
 
     :host {
       display: block;
@@ -85,31 +29,67 @@ exports.DaikinVerticalNavigation.styles = lit.css`
       --divider-bottom-display: block;
     }
   `;
-__decorateClass([
-  ddsProperty.property({ type: Array, attribute: false })
-], exports.DaikinVerticalNavigation.prototype, "openItems", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinVerticalNavigation.prototype, "exclusive", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "none",
-    isAllowedValue: ddsProperty.oneOf([
-      "none",
-      "underline"
-    ])
-  })
-], exports.DaikinVerticalNavigation.prototype, "border", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, attribute: "navigation-aria-label" })
-], exports.DaikinVerticalNavigation.prototype, "navigationAriaLabel", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({
-    selector: "daikin-vertical-navigation-item"
-  })
-], exports.DaikinVerticalNavigation.prototype, "_items", 2);
-exports.DaikinVerticalNavigation = __decorateClass([
-  decorators.ddsElement("daikin-vertical-navigation")
-], exports.DaikinVerticalNavigation);
+	}
+	_handleToggle(event) {
+		const target = event.target;
+		if (target.type !== "menu") {
+			if (this.exclusive && this.openItems.length > 0) {
+				this.openItems = [];
+				this._reflectItemOpen();
+				this.dispatchEvent(new Event("change", { bubbles: true }));
+			}
+			return;
+		}
+		const targetName = target.name;
+		if (!targetName) return;
+		const willOpen = !target.open;
+		if (this.exclusive) this.openItems = willOpen ? [targetName] : [];
+		else this.openItems = willOpen ? [...this.openItems, targetName] : this.openItems.filter((item) => item !== targetName);
+		this._reflectItemOpen();
+		this.dispatchEvent(new Event("change", { bubbles: true }));
+	}
+	_reflectItemOpen() {
+		for (const item of this._items) if (item.type === "menu") item.open = this.openItems.includes(item.name);
+	}
+	render() {
+		return lit.html`<nav aria-label=${(0, lit_directives_if_defined_js.ifDefined)(this.navigationAriaLabel)}>
+      <div role="list" class="w-full flex flex-col">
+        <slot
+          @toggle=${this._handleToggle}
+          @slotchange=${this._reflectItemOpen}
+        ></slot>
+      </div>
+    </nav>`;
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("openItems") || changedProperties.has("exclusive")) this._reflectItemOpen();
+	}
+};
+require_decorate.default([require_dds_property.property({
+	type: Array,
+	attribute: false
+})], DaikinVerticalNavigation.prototype, "openItems", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinVerticalNavigation.prototype, "exclusive", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "none",
+	isAllowedValue: require_dds_property.oneOf(["none", "underline"])
+})], DaikinVerticalNavigation.prototype, "border", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "navigation-aria-label"
+})], DaikinVerticalNavigation.prototype, "navigationAriaLabel", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ selector: "daikin-vertical-navigation-item" })], DaikinVerticalNavigation.prototype, "_items", void 0);
+DaikinVerticalNavigation = require_decorate.default([require_decorators.ddsElement("daikin-vertical-navigation")], DaikinVerticalNavigation);
+//#endregion
+Object.defineProperty(exports, "DaikinVerticalNavigation", {
+	enumerable: true,
+	get: function() {
+		return DaikinVerticalNavigation;
+	}
+});

package/dist/cjs/components/vertical-navigation/index.cjs

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