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

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

@@ -1,141 +1,119 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classVarianceAuthority = require("class-variance-authority");
-const lit = require("lit");
-const decorators_js = require("lit/decorators.js");
-const ref_js = require("lit/directives/ref.js");
-const repeat_js = require("lit/directives/repeat.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 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");
 require("../icon-button/daikin-icon-button.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 DEFAULT_TRANSITION_DURATION = "600ms";
-const cvaButton = classVarianceAuthority.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 = classVarianceAuthority.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 lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+let class_variance_authority = require("class-variance-authority");
+let lit_directives_ref_js = require("lit/directives/ref.js");
+let lit_directives_repeat_js = require("lit/directives/repeat.js");
+//#region src/components/carousel/daikin-carousel.ts
+var DEFAULT_TRANSITION_DURATION = "600ms";
+var cvaButton = (0, class_variance_authority.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 = (0, class_variance_authority.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"
 ])();
-exports.DaikinCarousel = class DaikinCarousel extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.currentIndex = 0;
-    this._itemCount = 0;
-    this._prevButton = ref_js.createRef();
-    this._nextButton = ref_js.createRef();
-    this._indicatorButtonsContainer = ref_js.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 require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.currentIndex = 0;
+		this._itemCount = 0;
+		this._prevButton = (0, lit_directives_ref_js.createRef)();
+		this._nextButton = (0, lit_directives_ref_js.createRef)();
+		this._indicatorButtonsContainer = (0, lit_directives_ref_js.createRef)();
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
+      width: 100%;
+      position: relative;
+
+      --ddc-transition-duration: ${(0, lit.unsafeCSS)(DEFAULT_TRANSITION_DURATION)};
     }
-  }
-  render() {
-    return lit.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 lit.html`<div
       class="flex justify-center items-center flex-col gap-8"
       style=${`--total:${this._itemCount};--current:${this.currentIndex};`}
     >
       <div class="flex justify-center items-center w-full gap-4">
         <daikin-icon-button
-          ${ref_js.ref(this._prevButton)}
+          ${(0, lit_directives_ref_js.ref)(this._prevButton)}
           variant="ghost"
           color="neutral"
           button-aria-label="Previous"
@@ -158,7 +136,7 @@ exports.DaikinCarousel = class DaikinCarousel extends ddsElement.DDSElement {
           </div>
         </div>
         <daikin-icon-button
-          ${ref_js.ref(this._nextButton)}
+          ${(0, lit_directives_ref_js.ref)(this._nextButton)}
           variant="ghost"
           color="neutral"
           button-aria-label="Next"
@@ -170,15 +148,12 @@ exports.DaikinCarousel = class DaikinCarousel extends ddsElement.DDSElement {
       </div>
       <div class="flex gap-3">
         <div
-          ${ref_js.ref(this._indicatorButtonsContainer)}
+          ${(0, lit_directives_ref_js.ref)(this._indicatorButtonsContainer)}
           class="flex items-center gap-4"
           role="tablist"
           @keydown=${this._handleKeydownIndicator}
         >
-          ${repeat_js.repeat(
-      this._items,
-      (_, index) => index,
-      (_, index) => lit.html`<button
+          ${(0, lit_directives_repeat_js.repeat)(this._items, (_, index) => index, (_, index) => lit.html`<button
                 type="button"
                 class=${INDICATOR_CLASS_NAME}
                 aria-label="Slide ${index + 1}"
@@ -186,38 +161,27 @@ exports.DaikinCarousel = class DaikinCarousel extends ddsElement.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();
-    }
-  }
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("currentIndex")) this._updateItemActive();
+	}
 };
-exports.DaikinCarousel.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-      width: 100%;
-      position: relative;
-
-      --ddc-transition-duration: ${lit.unsafeCSS(DEFAULT_TRANSITION_DURATION)};
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({ type: Number, reflect: true, attribute: "current-index" })
-], exports.DaikinCarousel.prototype, "currentIndex", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({ selector: "daikin-carousel-item" })
-], exports.DaikinCarousel.prototype, "_items", 2);
-__decorateClass([
-  decorators_js.state()
-], exports.DaikinCarousel.prototype, "_itemCount", 2);
-exports.DaikinCarousel = __decorateClass([
-  decorators.ddsElement("daikin-carousel")
-], exports.DaikinCarousel);
+require_decorate.default([require_dds_property.property({
+	type: Number,
+	reflect: true,
+	attribute: "current-index"
+})], DaikinCarousel.prototype, "currentIndex", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ selector: "daikin-carousel-item" })], DaikinCarousel.prototype, "_items", void 0);
+require_decorate.default([(0, lit_decorators_js.state)()], DaikinCarousel.prototype, "_itemCount", void 0);
+DaikinCarousel = require_decorate.default([require_decorators.ddsElement("daikin-carousel")], DaikinCarousel);
+//#endregion
+Object.defineProperty(exports, "DaikinCarousel", {
+	enumerable: true,
+	get: function() {
+		return DaikinCarousel;
+	}
+});

package/dist/cjs/components/carousel/index.cjs

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

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

@@ -1,35 +1,34 @@
-"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.DaikinCarouselItem = class DaikinCarouselItem extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.label = "";
-    this.active = false;
-    this._hasTextContents = false;
-  }
-  _handleFooterSlotChange() {
-    this._hasTextContents = this._titleElements.length > 0 || this._descriptionElements.length > 0;
-  }
-  render() {
-    return lit.html`<div
+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/carousel-item/daikin-carousel-item.ts
+var DaikinCarouselItem = class DaikinCarouselItem extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.label = "";
+		this.active = false;
+		this._hasTextContents = false;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
+      width: 100%;
+    }
+  `;
+	}
+	_handleFooterSlotChange() {
+		this._hasTextContents = this._titleElements.length > 0 || this._descriptionElements.length > 0;
+	}
+	render() {
+		return lit.html`<div
       class="flex flex-col flex-none gap-3 text-ddt-color-common-text-primary overflow-hidden"
       role="tabpanel"
       aria-label=${this.label}
@@ -52,31 +51,24 @@ exports.DaikinCarouselItem = class DaikinCarouselItem extends ddsElement.DDSElem
         ></slot>
       </div>
     </div>`;
-  }
+	}
 };
-exports.DaikinCarouselItem.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-      width: 100%;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({ type: String, attribute: false })
-], exports.DaikinCarouselItem.prototype, "label", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, attribute: false })
-], exports.DaikinCarouselItem.prototype, "active", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({ slot: "title" })
-], exports.DaikinCarouselItem.prototype, "_titleElements", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({ slot: "description" })
-], exports.DaikinCarouselItem.prototype, "_descriptionElements", 2);
-__decorateClass([
-  decorators_js.state()
-], exports.DaikinCarouselItem.prototype, "_hasTextContents", 2);
-exports.DaikinCarouselItem = __decorateClass([
-  decorators.ddsElement("daikin-carousel-item")
-], exports.DaikinCarouselItem);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	attribute: false
+})], DaikinCarouselItem.prototype, "label", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	attribute: false
+})], DaikinCarouselItem.prototype, "active", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ slot: "title" })], DaikinCarouselItem.prototype, "_titleElements", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ slot: "description" })], DaikinCarouselItem.prototype, "_descriptionElements", void 0);
+require_decorate.default([(0, lit_decorators_js.state)()], DaikinCarouselItem.prototype, "_hasTextContents", void 0);
+DaikinCarouselItem = require_decorate.default([require_decorators.ddsElement("daikin-carousel-item")], DaikinCarouselItem);
+//#endregion
+Object.defineProperty(exports, "DaikinCarouselItem", {
+	enumerable: true,
+	get: function() {
+		return DaikinCarouselItem;
+	}
+});

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

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