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

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

@@ -1,69 +1,22 @@
-"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.DaikinAccordion = class DaikinAccordion extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.border = "vertical";
-    this.openItems = [];
-    this.exclusive = false;
-  }
-  _handleMoveFocus(event) {
-    const moveOffset = event.detail.direction === "up" ? -1 : 1;
-    const items = this._items.filter(({ disabled }) => !disabled);
-    const activeElement = document.activeElement;
-    const focusedItemIndex = activeElement ? items.findIndex((item) => item === activeElement) : -1;
-    if (focusedItemIndex < 0) {
-      return;
-    }
-    const nextItem = items[(focusedItemIndex + moveOffset + items.length) % items.length];
-    nextItem.focus();
-  }
-  _handleToggle(event) {
-    const targetValue = event.target.name;
-    const opened = !event.target.open;
-    if (this.exclusive) {
-      this.openItems = opened ? [targetValue] : [];
-    } else {
-      this.openItems = opened ? [...this.openItems, targetValue] : this.openItems.filter((item) => item != targetValue);
-    }
-    this._reflectItemOpen();
-    this.dispatchEvent(new Event("change", { bubbles: true }));
-  }
-  _reflectItemOpen() {
-    for (const item of this._items) {
-      item.open = this.openItems.includes(item.name);
-    }
-  }
-  render() {
-    return lit.html`<div class="w-full">
-      <slot
-        @accordion-move-focus=${this._handleMoveFocus}
-        @toggle=${this._handleToggle}
-        @slotchange=${this._reflectItemOpen}
-      ></slot>
-    </div>`;
-  }
-};
-exports.DaikinAccordion.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/accordion/daikin-accordion.ts
+var DaikinAccordion = class DaikinAccordion extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.border = "vertical";
+		this.openItems = [];
+		this.exclusive = false;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
 
     :host {
       min-width: 10rem;
@@ -105,28 +58,61 @@ exports.DaikinAccordion.styles = lit.css`
       --divider-top-display: none;
     }
   `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    attribute: "border",
-    fallbackValue: "vertical",
-    isAllowedValue: ddsProperty.oneOf([
-      "vertical",
-      "all",
-      "none"
-    ])
-  })
-], exports.DaikinAccordion.prototype, "border", 2);
-__decorateClass([
-  ddsProperty.property({ type: Array, attribute: false })
-], exports.DaikinAccordion.prototype, "openItems", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinAccordion.prototype, "exclusive", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({ selector: "daikin-accordion-item" })
-], exports.DaikinAccordion.prototype, "_items", 2);
-exports.DaikinAccordion = __decorateClass([
-  decorators.ddsElement("daikin-accordion")
-], exports.DaikinAccordion);
+	}
+	_handleMoveFocus(event) {
+		const moveOffset = event.detail.direction === "up" ? -1 : 1;
+		const items = this._items.filter(({ disabled }) => !disabled);
+		const activeElement = document.activeElement;
+		const focusedItemIndex = activeElement ? items.findIndex((item) => item === activeElement) : -1;
+		if (focusedItemIndex < 0) return;
+		items[(focusedItemIndex + moveOffset + items.length) % items.length].focus();
+	}
+	_handleToggle(event) {
+		const targetValue = event.target.name;
+		const opened = !event.target.open;
+		if (this.exclusive) this.openItems = opened ? [targetValue] : [];
+		else this.openItems = opened ? [...this.openItems, targetValue] : this.openItems.filter((item) => item != targetValue);
+		this._reflectItemOpen();
+		this.dispatchEvent(new Event("change", { bubbles: true }));
+	}
+	_reflectItemOpen() {
+		for (const item of this._items) item.open = this.openItems.includes(item.name);
+	}
+	render() {
+		return lit.html`<div class="w-full">
+      <slot
+        @accordion-move-focus=${this._handleMoveFocus}
+        @toggle=${this._handleToggle}
+        @slotchange=${this._reflectItemOpen}
+      ></slot>
+    </div>`;
+	}
+};
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "border",
+	fallbackValue: "vertical",
+	isAllowedValue: require_dds_property.oneOf([
+		"vertical",
+		"all",
+		"none"
+	])
+})], DaikinAccordion.prototype, "border", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Array,
+	attribute: false
+})], DaikinAccordion.prototype, "openItems", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinAccordion.prototype, "exclusive", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ selector: "daikin-accordion-item" })], DaikinAccordion.prototype, "_items", void 0);
+DaikinAccordion = require_decorate.default([require_decorators.ddsElement("daikin-accordion")], DaikinAccordion);
+//#endregion
+Object.defineProperty(exports, "DaikinAccordion", {
+	enumerable: true,
+	get: function() {
+		return DaikinAccordion;
+	}
+});

package/dist/cjs/components/accordion/index.cjs

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

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

@@ -1,127 +1,128 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classVarianceAuthority = require("class-variance-authority");
-const lit = require("lit");
-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");
-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 cvaSummary = classVarianceAuthority.cva(
-  [
-    "flex",
-    "justify-between",
-    "items-center",
-    "gap-(--dds-padding-30)",
-    "w-full",
-    "px-(--dds-padding-30)",
-    "py-(--dds-padding-30)",
-    "text-(length:--dds-font-size-label-text)",
-    "natural-break",
-    "text-left",
-    "focus-visible:outline-solid",
-    "focus-visible:outline-2",
-    "focus-visible:-outline-offset-2",
-    "focus-visible:outline-ddt-color-common-border-focus",
-    "after:size-(--dds-icon)",
-    "after:transition-all",
-    "after:icon-[daikin--chevron-down]",
-    "after:flex-none",
-    "after:self-start"
-  ],
-  {
-    variants: {
-      open: {
-        false: ["after:rotate-0"],
-        true: ["after:rotate-180"]
-      },
-      disabled: {
-        false: [
-          "cursor-pointer",
-          "hover:bg-ddt-color-common-surface-hover",
-          "active:bg-ddt-color-common-surface-press"
-        ],
-        true: [
-          "text-ddt-color-common-disabled",
-          "after:text-ddt-color-common-disabled"
-        ]
-      }
-    }
-  }
-);
-const cvaContent = classVarianceAuthority.cva(
-  [
-    "grid",
-    "duration-250",
-    "ease-in-out",
-    "leading-normal",
-    "text-(length:--dds-font-size-label-text)"
-  ],
-  {
-    variants: {
-      open: {
-        false: ["grid-rows-[0fr]"],
-        true: ["grid-rows-[1fr]"]
-      }
+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");
+let lit_directives_ref_js = require("lit/directives/ref.js");
+//#region src/components/accordion-item/daikin-accordion-item.ts
+var cvaSummary = (0, class_variance_authority.cva)([
+	"flex",
+	"justify-between",
+	"items-center",
+	"gap-(--dds-padding-30)",
+	"w-full",
+	"px-(--dds-padding-30)",
+	"py-(--dds-padding-30)",
+	"text-(length:--dds-font-size-label-text)",
+	"natural-break",
+	"text-left",
+	"focus-visible:outline-solid",
+	"focus-visible:outline-2",
+	"focus-visible:-outline-offset-2",
+	"focus-visible:outline-ddt-color-common-border-focus",
+	"after:size-(--dds-icon)",
+	"after:transition-all",
+	"after:icon-[daikin--chevron-down]",
+	"after:flex-none",
+	"after:self-start"
+], { variants: {
+	open: {
+		false: ["after:rotate-0"],
+		true: ["after:rotate-180"]
+	},
+	disabled: {
+		false: [
+			"cursor-pointer",
+			"hover:bg-ddt-color-common-surface-hover",
+			"active:bg-ddt-color-common-surface-press"
+		],
+		true: ["text-ddt-color-common-disabled", "after:text-ddt-color-common-disabled"]
+	}
+} });
+var cvaContent = (0, class_variance_authority.cva)([
+	"grid",
+	"duration-250",
+	"ease-in-out",
+	"leading-normal",
+	"text-(length:--dds-font-size-label-text)"
+], { variants: { open: {
+	false: ["grid-rows-[0fr]"],
+	true: ["grid-rows-[1fr]"]
+} } });
+var DaikinAccordionItem = class DaikinAccordionItem extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this._summaryRef = (0, lit_directives_ref_js.createRef)();
+		this._contentRef = (0, lit_directives_ref_js.createRef)();
+		this.open = false;
+		this.disabled = false;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
+      position: relative;
+
+      --divider-top-display: none;
+      --divider-bottom-display: none;
     }
-  }
-);
-exports.DaikinAccordionItem = class DaikinAccordionItem extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this._summaryRef = ref_js.createRef();
-    this._contentRef = ref_js.createRef();
-    this.open = false;
-    this.disabled = false;
-  }
-  _handleSummaryClick(event) {
-    event.preventDefault();
-    if (this.disabled) {
-      return;
+
+    :host::before {
+      content: "";
+      display: var(--divider-top-display, none);
+      position: absolute;
+      inset: 0;
+      bottom: auto;
+      width: 100%;
+      height: 1px;
+      background: var(--dds-color-divider);
     }
-    this.dispatchEvent(new Event("toggle", event));
-  }
-  _handleKeyDown(event) {
-    const direction = {
-      ArrowDown: "down",
-      ArrowUp: "up"
-    }[event.key];
-    if (!direction) {
-      return;
+
+    :host::after {
+      content: "";
+      display: var(--divider-bottom-display, none);
+      position: absolute;
+      inset: 0;
+      top: auto;
+      width: 100%;
+      height: 1px;
+      background: var(--dds-color-divider);
     }
-    event.preventDefault();
-    this.dispatchEvent(
-      new CustomEvent("accordion-move-focus", {
-        detail: {
-          direction
-        },
-        bubbles: true
-      })
-    );
-  }
-  render() {
-    const open = !this.disabled && this.open;
-    return lit.html`<div class="w-full text-ddt-color-common-text-primary">
+  `;
+	}
+	_handleSummaryClick(event) {
+		event.preventDefault();
+		if (this.disabled) return;
+		this.dispatchEvent(new Event("toggle", event));
+	}
+	_handleKeyDown(event) {
+		const direction = {
+			ArrowDown: "down",
+			ArrowUp: "up"
+		}[event.key];
+		if (!direction) return;
+		event.preventDefault();
+		this.dispatchEvent(new CustomEvent("accordion-move-focus", {
+			detail: { direction },
+			bubbles: true
+		}));
+	}
+	render() {
+		const open = !this.disabled && this.open;
+		return lit.html`<div class="w-full text-ddt-color-common-text-primary">
       <button
         id="summary"
         type="button"
-        ${ref_js.ref(this._summaryRef)}
+        ${(0, lit_directives_ref_js.ref)(this._summaryRef)}
         class=${cvaSummary({
-      open,
-      disabled: this.disabled
-    })}
+			open,
+			disabled: this.disabled
+		})}
         ?disabled=${this.disabled}
         aria-expanded=${open}
         aria-controls="content"
@@ -140,7 +141,7 @@ exports.DaikinAccordionItem = class DaikinAccordionItem extends ddsElement.DDSEl
         </div>
       </button>
       <div
-        ${ref_js.ref(this._contentRef)}
+        ${(0, lit_directives_ref_js.ref)(this._contentRef)}
         id="content"
         role="region"
         class=${cvaContent({ open })}
@@ -156,58 +157,33 @@ exports.DaikinAccordionItem = class DaikinAccordionItem extends ddsElement.DDSEl
         </div>
       </div>
     </div>`;
-  }
-  /**
-   * Focuses on the inner summary.
-   * @param options focus options
-   */
-  focus(options) {
-    var _a;
-    (_a = this._summaryRef.value) == null ? void 0 : _a.focus(options);
-  }
+	}
+	/**
+	* Focuses on the inner summary.
+	* @param options focus options
+	*/
+	focus(options) {
+		this._summaryRef.value?.focus(options);
+	}
 };
-exports.DaikinAccordionItem.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-      position: relative;
-
-      --divider-top-display: none;
-      --divider-bottom-display: none;
-    }
-
-    :host::before {
-      content: "";
-      display: var(--divider-top-display, none);
-      position: absolute;
-      inset: 0;
-      bottom: auto;
-      width: 100%;
-      height: 1px;
-      background: var(--dds-color-divider);
-    }
-
-    :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: "" })
-], exports.DaikinAccordionItem.prototype, "name", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinAccordionItem.prototype, "open", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinAccordionItem.prototype, "disabled", 2);
-exports.DaikinAccordionItem = __decorateClass([
-  decorators.ddsElement("daikin-accordion-item")
-], exports.DaikinAccordionItem);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: ""
+})], DaikinAccordionItem.prototype, "name", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinAccordionItem.prototype, "open", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinAccordionItem.prototype, "disabled", void 0);
+DaikinAccordionItem = require_decorate.default([require_decorators.ddsElement("daikin-accordion-item")], DaikinAccordionItem);
+//#endregion
+Object.defineProperty(exports, "DaikinAccordionItem", {
+	enumerable: true,
+	get: function() {
+		return DaikinAccordionItem;
+	}
+});

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

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