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

package/dist/es/components/calendar/index.js

@@ -1,4 +1,2 @@
 import { DaikinCalendar } from "./daikin-calendar.js";
-export {
-  DaikinCalendar
-};
+export { DaikinCalendar };

package/dist/es/components/card/daikin-card.js

@@ -1,68 +1,54 @@
-import { cva } from "class-variance-authority";
-import { unsafeCSS, css, html } from "lit";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
 import { property } from "../../base/dds-property.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { ddsElement } from "../../base/decorators.js";
-import "../../base/define.js";
-import tailwindStyles from "../../tailwind.css.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const cvaContainer = cva(
-  [
-    "flex",
-    "flex-col",
-    "gap-4",
-    "size-full",
-    "rounded-lg",
-    "bg-ddt-color-common-background-default"
-  ],
-  {
-    variants: {
-      outline: {
-        true: ["border", "border-ddt-color-divider", "p-2.75"],
-        false: ["p-3"]
-      }
-    }
-  }
-);
-let DaikinCard = class extends DDSElement {
-  constructor() {
-    super(...arguments);
-    this.outline = false;
-  }
-  render() {
-    return html`<div
-      class=${cvaContainer({
-      outline: this.outline
-    })}
-    >
-      <slot class="text-ddt-color-common-text-primary"></slot>
-    </div>`;
-  }
-};
-DaikinCard.styles = css`
-    ${unsafeCSS(tailwindStyles)}
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
+import { css, html, unsafeCSS } from "lit";
+import { cva } from "class-variance-authority";
+//#region src/components/card/daikin-card.ts
+var cvaContainer = cva([
+	"flex",
+	"flex-col",
+	"gap-4",
+	"size-full",
+	"rounded-lg",
+	"bg-ddt-color-common-background-default"
+], { variants: { outline: {
+	true: [
+		"border",
+		"border-ddt-color-divider",
+		"p-2.75"
+	],
+	false: ["p-3"]
+} } });
+var DaikinCard = class DaikinCard extends DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.outline = false;
+	}
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
 
     :host {
       display: block;
       width: 100%;
     }
   `;
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DaikinCard.prototype, "outline", 2);
-DaikinCard = __decorateClass([
-  ddsElement("daikin-card")
-], DaikinCard);
-export {
-  DaikinCard
+	}
+	render() {
+		return html`<div
+      class=${cvaContainer({ outline: this.outline })}
+    >
+      <slot class="text-ddt-color-common-text-primary"></slot>
+    </div>`;
+	}
 };
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], DaikinCard.prototype, "outline", void 0);
+DaikinCard = __decorate([ddsElement("daikin-card")], DaikinCard);
+//#endregion
+export { DaikinCard };

package/dist/es/components/card/index.js

@@ -1,4 +1,2 @@
 import { DaikinCard } from "./daikin-card.js";
-export {
-  DaikinCard
-};
+export { DaikinCard };

package/dist/es/components/card-footer/daikin-card-footer.js

@@ -1,25 +1,14 @@
-import { unsafeCSS, css, html } from "lit";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
-import "lit/decorators.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { ddsElement } from "../../base/decorators.js";
-import "../../base/define.js";
-import tailwindStyles from "../../tailwind.css.js";
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(result) || result;
-  return result;
-};
-let DaikinCardFooter = class extends DDSElement {
-  render() {
-    return html`<slot></slot>`;
-  }
-};
-DaikinCardFooter.styles = css`
-    ${unsafeCSS(tailwindStyles)}
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
+import { css, html, unsafeCSS } from "lit";
+//#region src/components/card-footer/daikin-card-footer.ts
+var DaikinCardFooter = class DaikinCardFooter extends DDSElement {
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
 
     :host {
       display: flex;
@@ -28,9 +17,11 @@ DaikinCardFooter.styles = css`
       justify-content: flex-end;
     }
   `;
-DaikinCardFooter = __decorateClass([
-  ddsElement("daikin-card-footer")
-], DaikinCardFooter);
-export {
-  DaikinCardFooter
+	}
+	render() {
+		return html`<slot></slot>`;
+	}
 };
+DaikinCardFooter = __decorate([ddsElement("daikin-card-footer")], DaikinCardFooter);
+//#endregion
+export { DaikinCardFooter };

package/dist/es/components/card-footer/index.js

@@ -1,4 +1,2 @@
 import { DaikinCardFooter } from "./daikin-card-footer.js";
-export {
-  DaikinCardFooter
-};
+export { DaikinCardFooter };

package/dist/es/components/card-header/daikin-card-header.js

@@ -1,40 +1,42 @@
-import { cva } from "class-variance-authority";
-import { unsafeCSS, css, html } from "lit";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
-import "lit/decorators.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { ddsElement } from "../../base/decorators.js";
-import "../../base/define.js";
-import tailwindStyles from "../../tailwind.css.js";
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(result) || result;
-  return result;
-};
-const cvaTitle = cva([
-  "flex-none",
-  "text-ddt-color-common-text-primary",
-  "text-base",
-  "leading-[1.3]",
-  "not-italic",
-  "font-bold",
-  "natural-break"
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
+import { css, html, unsafeCSS } from "lit";
+import { cva } from "class-variance-authority";
+//#region src/components/card-header/daikin-card-header.ts
+var cvaTitle = cva([
+	"flex-none",
+	"text-ddt-color-common-text-primary",
+	"text-base",
+	"leading-[1.3]",
+	"not-italic",
+	"font-bold",
+	"natural-break"
 ])();
-const cvaDescription = cva([
-  "flex-none",
-  "text-ddt-color-common-text-primary",
-  "text-sm",
-  "leading-normal",
-  "not-italic",
-  "font-normal",
-  "natural-break"
+var cvaDescription = cva([
+	"flex-none",
+	"text-ddt-color-common-text-primary",
+	"text-sm",
+	"leading-normal",
+	"not-italic",
+	"font-normal",
+	"natural-break"
 ])();
-let DaikinCardHeader = class extends DDSElement {
-  render() {
-    return html`<div class="flex w-full gap-1">
+var DaikinCardHeader = class DaikinCardHeader extends DDSElement {
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
+
+    :host {
+      display: flex;
+      align-items: center;
+    }
+  `;
+	}
+	render() {
+		return html`<div class="flex w-full gap-1">
       <slot
         name="left-icon"
         class="flex-none icon-size-6 text-ddt-color-common-text-primary"
@@ -44,19 +46,8 @@ let DaikinCardHeader = class extends DDSElement {
         <slot name="description" class=${cvaDescription}></slot>
       </div>
     </div>`;
-  }
-};
-DaikinCardHeader.styles = css`
-    ${unsafeCSS(tailwindStyles)}
-
-    :host {
-      display: flex;
-      align-items: center;
-    }
-  `;
-DaikinCardHeader = __decorateClass([
-  ddsElement("daikin-card-header")
-], DaikinCardHeader);
-export {
-  DaikinCardHeader
+	}
 };
+DaikinCardHeader = __decorate([ddsElement("daikin-card-header")], DaikinCardHeader);
+//#endregion
+export { DaikinCardHeader };

package/dist/es/components/card-header/index.js

@@ -1,4 +1,2 @@
 import { DaikinCardHeader } from "./daikin-card-header.js";
-export {
-  DaikinCardHeader
-};
+export { DaikinCardHeader };

package/dist/es/components/carousel/daikin-carousel.js

@@ -1,133 +1,113 @@
-import { cva } from "class-variance-authority";
-import { unsafeCSS, css, html } from "lit";
-import { queryAssignedElements, state } from "lit/decorators.js";
-import { createRef, ref } from "lit/directives/ref.js";
-import { repeat } from "lit/directives/repeat.js";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
-import { property } from "../../base/dds-property.js";
+import { property as property$1 } from "../../base/dds-property.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { ddsElement } from "../../base/decorators.js";
-import "../../base/define.js";
-import tailwindStyles from "../../tailwind.css.js";
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
 import "../icon-button/daikin-icon-button.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const DEFAULT_TRANSITION_DURATION = "600ms";
-const cvaButton = cva(
-  [
-    "flex",
-    "justify-center",
-    "items-center",
-    "flex-none",
-    "size-6",
-    "text-current"
-  ],
-  {
-    variants: {
-      intent: {
-        previous: ["icon-[daikin--chevron-left]"],
-        next: ["icon-[daikin--chevron-right]"]
-      }
-    }
-  }
-);
-const INDICATOR_CLASS_NAME = cva([
-  "flex",
-  "justify-center",
-  "items-center",
-  "size-3",
-  "m-0.5",
-  "rounded-full",
-  "transition",
-  "bg-ddt-color-common-neutral-default",
-  "relative",
-  "hover:bg-ddt-color-common-neutral-hover",
-  "active:bg-ddt-color-common-neutral-press",
-  "aria-selected:after:block",
-  "aria-selected:after:size-4",
-  "aria-selected:after:bg-ddt-color-common-brand-default",
-  "aria-selected:after:absolute",
-  "aria-selected:after:rounded-full",
-  "aria-selected:focus-visible:after:outline-solid",
-  "aria-selected:focus-visible:after:outline-1",
-  "aria-selected:focus-visible:after:outline-offset-1",
-  "aria-selected:focus-visible:after:outline-ddt-color-common-border-focus"
+import { css, html, unsafeCSS } from "lit";
+import { queryAssignedElements, state } from "lit/decorators.js";
+import { cva } from "class-variance-authority";
+import { createRef, ref } from "lit/directives/ref.js";
+import { repeat } from "lit/directives/repeat.js";
+//#region src/components/carousel/daikin-carousel.ts
+var DEFAULT_TRANSITION_DURATION = "600ms";
+var cvaButton = cva([
+	"flex",
+	"justify-center",
+	"items-center",
+	"flex-none",
+	"size-6",
+	"text-current"
+], { variants: { intent: {
+	previous: ["icon-[daikin--chevron-left]"],
+	next: ["icon-[daikin--chevron-right]"]
+} } });
+var INDICATOR_CLASS_NAME = cva([
+	"flex",
+	"justify-center",
+	"items-center",
+	"size-3",
+	"m-0.5",
+	"rounded-full",
+	"transition",
+	"bg-ddt-color-common-neutral-default",
+	"relative",
+	"hover:bg-ddt-color-common-neutral-hover",
+	"active:bg-ddt-color-common-neutral-press",
+	"aria-selected:after:block",
+	"aria-selected:after:size-4",
+	"aria-selected:after:bg-ddt-color-common-brand-default",
+	"aria-selected:after:absolute",
+	"aria-selected:after:rounded-full",
+	"aria-selected:focus-visible:after:outline-solid",
+	"aria-selected:focus-visible:after:outline-1",
+	"aria-selected:focus-visible:after:outline-offset-1",
+	"aria-selected:focus-visible:after:outline-ddt-color-common-border-focus"
 ])();
-let DaikinCarousel = class extends DDSElement {
-  constructor() {
-    super(...arguments);
-    this.currentIndex = 0;
-    this._itemCount = 0;
-    this._prevButton = createRef();
-    this._nextButton = createRef();
-    this._indicatorButtonsContainer = createRef();
-  }
-  _emitSelect(operation, beforeCurrentIndex) {
-    this.dispatchEvent(
-      new CustomEvent("select", {
-        detail: { operation, beforeCurrentIndex }
-      })
-    );
-  }
-  _handleClickIndicator(index) {
-    const beforeCurrentIndex = this.currentIndex;
-    this.currentIndex = index;
-    this._emitSelect("indicator", beforeCurrentIndex);
-  }
-  _handleKeydownIndicator(event) {
-    var _a;
-    const moveOffset = {
-      ArrowRight: 1,
-      ArrowLeft: -1
-    }[event.key];
-    if (!moveOffset) {
-      return;
-    }
-    const buttons = [
-      ...((_a = this._indicatorButtonsContainer.value) == null ? void 0 : _a.querySelectorAll("button")) ?? []
-    ];
-    this._moveBy(moveOffset);
-    buttons[this.currentIndex].focus();
-  }
-  _handleSlotchange() {
-    const items = this._items;
-    this._itemCount = items.length;
-    for (const [index, item] of items.entries()) {
-      item.label = `${index + 1} of ${this._itemCount}`;
-    }
-    this._updateItemActive();
-  }
-  _moveBy(moveOffset) {
-    const newIndex = this.currentIndex + moveOffset;
-    if (newIndex < 0 || newIndex >= this._itemCount) {
-      return;
-    }
-    const oldIndex = this.currentIndex;
-    this.currentIndex = newIndex;
-    this._emitSelect(moveOffset === 1 ? "next" : "prev", oldIndex);
-  }
-  _updateItemActive() {
-    const items = this._items;
-    if (items.length - 1 < this.currentIndex) {
-      return;
-    }
-    if (this.currentIndex < 0) {
-      return;
-    }
-    for (const [index, item] of this._items.entries()) {
-      item.active = index === this.currentIndex;
+var DaikinCarousel = class DaikinCarousel extends DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.currentIndex = 0;
+		this._itemCount = 0;
+		this._prevButton = createRef();
+		this._nextButton = createRef();
+		this._indicatorButtonsContainer = createRef();
+	}
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
+
+    :host {
+      display: block;
+      width: 100%;
+      position: relative;
+
+      --ddc-transition-duration: ${unsafeCSS(DEFAULT_TRANSITION_DURATION)};
     }
-  }
-  render() {
-    return html`<div
+  `;
+	}
+	_emitSelect(operation, beforeCurrentIndex) {
+		this.dispatchEvent(new CustomEvent("select", { detail: {
+			operation,
+			beforeCurrentIndex
+		} }));
+	}
+	_handleClickIndicator(index) {
+		const beforeCurrentIndex = this.currentIndex;
+		this.currentIndex = index;
+		this._emitSelect("indicator", beforeCurrentIndex);
+	}
+	_handleKeydownIndicator(event) {
+		const moveOffset = {
+			ArrowRight: 1,
+			ArrowLeft: -1
+		}[event.key];
+		if (!moveOffset) return;
+		const buttons = [...this._indicatorButtonsContainer.value?.querySelectorAll("button") ?? []];
+		this._moveBy(moveOffset);
+		buttons[this.currentIndex].focus();
+	}
+	_handleSlotchange() {
+		const items = this._items;
+		this._itemCount = items.length;
+		for (const [index, item] of items.entries()) item.label = `${index + 1} of ${this._itemCount}`;
+		this._updateItemActive();
+	}
+	_moveBy(moveOffset) {
+		const newIndex = this.currentIndex + moveOffset;
+		if (newIndex < 0 || newIndex >= this._itemCount) return;
+		const oldIndex = this.currentIndex;
+		this.currentIndex = newIndex;
+		this._emitSelect(moveOffset === 1 ? "next" : "prev", oldIndex);
+	}
+	_updateItemActive() {
+		if (this._items.length - 1 < this.currentIndex) return;
+		if (this.currentIndex < 0) return;
+		for (const [index, item] of this._items.entries()) item.active = index === this.currentIndex;
+	}
+	render() {
+		return html`<div
       class="flex justify-center items-center flex-col gap-8"
       style=${`--total:${this._itemCount};--current:${this.currentIndex};`}
     >
@@ -173,10 +153,7 @@ let DaikinCarousel = class extends DDSElement {
           role="tablist"
           @keydown=${this._handleKeydownIndicator}
         >
-          ${repeat(
-      this._items,
-      (_, index) => index,
-      (_, index) => html`<button
+          ${repeat(this._items, (_, index) => index, (_, index) => html`<button
                 type="button"
                 class=${INDICATOR_CLASS_NAME}
                 aria-label="Slide ${index + 1}"
@@ -184,41 +161,22 @@ let DaikinCarousel = class extends DDSElement {
                 role="tab"
                 tabindex=${this.currentIndex === index ? 0 : -1}
                 @click=${() => this._handleClickIndicator(index)}
-              ></button>`
-    )}
+              ></button>`)}
         </div>
       </div>
     </div>`;
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("currentIndex")) {
-      this._updateItemActive();
-    }
-  }
-};
-DaikinCarousel.styles = css`
-    ${unsafeCSS(tailwindStyles)}
-
-    :host {
-      display: block;
-      width: 100%;
-      position: relative;
-
-      --ddc-transition-duration: ${unsafeCSS(DEFAULT_TRANSITION_DURATION)};
-    }
-  `;
-__decorateClass([
-  property({ type: Number, reflect: true, attribute: "current-index" })
-], DaikinCarousel.prototype, "currentIndex", 2);
-__decorateClass([
-  queryAssignedElements({ selector: "daikin-carousel-item" })
-], DaikinCarousel.prototype, "_items", 2);
-__decorateClass([
-  state()
-], DaikinCarousel.prototype, "_itemCount", 2);
-DaikinCarousel = __decorateClass([
-  ddsElement("daikin-carousel")
-], DaikinCarousel);
-export {
-  DaikinCarousel
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("currentIndex")) this._updateItemActive();
+	}
 };
+__decorate([property$1({
+	type: Number,
+	reflect: true,
+	attribute: "current-index"
+})], DaikinCarousel.prototype, "currentIndex", void 0);
+__decorate([queryAssignedElements({ selector: "daikin-carousel-item" })], DaikinCarousel.prototype, "_items", void 0);
+__decorate([state()], DaikinCarousel.prototype, "_itemCount", void 0);
+DaikinCarousel = __decorate([ddsElement("daikin-carousel")], DaikinCarousel);
+//#endregion
+export { DaikinCarousel };

package/dist/es/components/carousel/index.js

@@ -1,4 +1,2 @@
 import { DaikinCarousel } from "./daikin-carousel.js";
-export {
-  DaikinCarousel
-};
+export { DaikinCarousel };