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

package/dist/cjs/components/date-picker/index.cjs

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

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

@@ -1,42 +1,38 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classVarianceAuthority = require("class-variance-authority");
-const lit = require("lit");
-const ddsElement = require("../../base/dds-element.cjs");
-require("../../base/dds-form-element.cjs");
-require("lit/decorators.js");
-const decorators = require("../../base/decorators.cjs");
-require("../../base/define.cjs");
-const tailwind = require("../../tailwind.css.cjs");
-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 = decorator(result) || result;
-  return result;
-};
-const DIVIDER_CLASS_NAME = classVarianceAuthority.cva([
-  "w-full",
-  "m-0",
-  "border-t",
-  "border-ddt-color-divider"
+const require_dds_element = require("../../base/dds-element.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");
+//#region src/components/divider/daikin-divider.ts
+var DIVIDER_CLASS_NAME = (0, require("class-variance-authority").cva)([
+	"w-full",
+	"m-0",
+	"border-t",
+	"border-ddt-color-divider"
 ])();
-exports.DaikinDivider = class DaikinDivider extends ddsElement.DDSElement {
-  render() {
-    return lit.html`<hr
-      class=${DIVIDER_CLASS_NAME}
-      aria-orientation="horizontal"
-    />`;
-  }
-};
-exports.DaikinDivider.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
+var DaikinDivider = class DaikinDivider extends require_dds_element.DDSElement {
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
 
     :host {
       display: block;
     }
   `;
-exports.DaikinDivider = __decorateClass([
-  decorators.ddsElement("daikin-divider")
-], exports.DaikinDivider);
+	}
+	render() {
+		return lit.html`<hr
+      class=${DIVIDER_CLASS_NAME}
+      aria-orientation="horizontal"
+    />`;
+	}
+};
+DaikinDivider = require_decorate.default([require_decorators.ddsElement("daikin-divider")], DaikinDivider);
+//#endregion
+Object.defineProperty(exports, "DaikinDivider", {
+	enumerable: true,
+	get: function() {
+		return DaikinDivider;
+	}
+});

package/dist/cjs/components/divider/index.cjs

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

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

@@ -1,159 +1,172 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classVarianceAuthority = require("class-variance-authority");
-const lit = require("lit");
-const guard_js = require("lit/directives/guard.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 blockScroll = require("../../controllers/block-scroll.cjs");
-const focusTrap = require("../../controllers/focus-trap.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 cvaPanel = classVarianceAuthority.cva(
-  [
-    "flex",
-    "flex-col",
-    "justify-between",
-    "gap-4",
-    "z-10000",
-    "overflow-hidden",
-    "p-4",
-    "bg-ddt-color-common-background-default",
-    "transition-transform",
-    "duration-300",
-    "ease-in-out"
-  ],
-  {
-    variants: {
-      placement: {
-        top: [
-          "w-full",
-          "xl:min-h-[min(20rem,calc(100%-5rem))]",
-          "md:max-h-[calc(100%-5rem)]",
-          "md:min-h-[min(15rem,calc(100%-5rem))]",
-          "min-h-[min(12.5rem,calc(100%-3rem))]",
-          "max-h-[calc(100%-3rem)]",
-          "h-fit"
-        ],
-        right: [
-          "h-full",
-          "xl:min-w-[min(20rem,calc(100%-5rem))]",
-          "md:max-w-[calc(100%-5rem)]",
-          "md:min-w-[min(15rem,calc(100%-5rem))]",
-          "min-w-[min(12.5rem,calc(100%-3rem))]",
-          "max-w-[calc(100%-3rem)]",
-          "w-fit"
-        ],
-        bottom: [
-          "w-full",
-          "xl:min-h-[min(20rem,calc(100%-5rem))]",
-          "md:max-h-[calc(100%-5rem)]",
-          "md:min-h-[min(15rem,calc(100%-5rem))]",
-          "min-h-[min(12.5rem,calc(100%-3rem))]",
-          "max-h-[calc(100%-3rem)]",
-          "h-fit"
-        ],
-        left: [
-          "h-full",
-          "xl:min-w-[min(20rem,calc(100%-5rem))]",
-          "md:max-w-[calc(100%-5rem)]",
-          "md:min-w-[min(15rem,calc(100%-5rem))]",
-          "min-w-[min(12.5rem,calc(100%-3rem))]",
-          "max-w-[calc(100%-3rem)]",
-          "w-fit"
-        ]
-      },
-      open: {
-        true: ["translate-x-0", "translate-y-0"],
-        false: []
-      }
-    },
-    compoundVariants: [
-      { placement: "bottom", open: false, class: "translate-y-full" },
-      { placement: "top", open: false, class: "-translate-y-full" },
-      { placement: "left", open: false, class: "-translate-x-full" },
-      { placement: "right", open: false, class: "translate-x-full" }
-    ]
-  }
-);
-const cvaBackDrop = classVarianceAuthority.cva(
-  [
-    "flex",
-    "fixed",
-    "inset-0",
-    "z-9999",
-    "overflow-clip",
-    "bg-ddt-color-common-background-overlay",
-    "transition-opacity",
-    "duration-300",
-    "ease-in-out"
-  ],
-  {
-    variants: {
-      open: {
-        true: ["opacity-100"],
-        false: ["opacity-0", "pointer-events-none"]
-      },
-      placement: {
-        top: ["items-start"],
-        right: ["justify-end"],
-        bottom: ["items-end"],
-        left: ["justify-start"]
-      }
+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_focus_trap = require("../../controllers/focus-trap.cjs");
+const require_block_scroll = require("../../controllers/block-scroll.cjs");
+let lit = require("lit");
+let class_variance_authority = require("class-variance-authority");
+let lit_directives_if_defined_js = require("lit/directives/if-defined.js");
+let lit_directives_guard_js = require("lit/directives/guard.js");
+//#region src/components/drawer/daikin-drawer.ts
+var cvaPanel = (0, class_variance_authority.cva)([
+	"flex",
+	"flex-col",
+	"justify-between",
+	"gap-4",
+	"z-10000",
+	"overflow-hidden",
+	"p-4",
+	"bg-ddt-color-common-background-default",
+	"transition-transform",
+	"duration-300",
+	"ease-in-out"
+], {
+	variants: {
+		placement: {
+			top: [
+				"w-full",
+				"xl:min-h-[min(20rem,calc(100%-5rem))]",
+				"md:max-h-[calc(100%-5rem)]",
+				"md:min-h-[min(15rem,calc(100%-5rem))]",
+				"min-h-[min(12.5rem,calc(100%-3rem))]",
+				"max-h-[calc(100%-3rem)]",
+				"h-fit"
+			],
+			right: [
+				"h-full",
+				"xl:min-w-[min(20rem,calc(100%-5rem))]",
+				"md:max-w-[calc(100%-5rem)]",
+				"md:min-w-[min(15rem,calc(100%-5rem))]",
+				"min-w-[min(12.5rem,calc(100%-3rem))]",
+				"max-w-[calc(100%-3rem)]",
+				"w-fit"
+			],
+			bottom: [
+				"w-full",
+				"xl:min-h-[min(20rem,calc(100%-5rem))]",
+				"md:max-h-[calc(100%-5rem)]",
+				"md:min-h-[min(15rem,calc(100%-5rem))]",
+				"min-h-[min(12.5rem,calc(100%-3rem))]",
+				"max-h-[calc(100%-3rem)]",
+				"h-fit"
+			],
+			left: [
+				"h-full",
+				"xl:min-w-[min(20rem,calc(100%-5rem))]",
+				"md:max-w-[calc(100%-5rem)]",
+				"md:min-w-[min(15rem,calc(100%-5rem))]",
+				"min-w-[min(12.5rem,calc(100%-3rem))]",
+				"max-w-[calc(100%-3rem)]",
+				"w-fit"
+			]
+		},
+		open: {
+			true: ["translate-x-0", "translate-y-0"],
+			false: []
+		}
+	},
+	compoundVariants: [
+		{
+			placement: "bottom",
+			open: false,
+			class: "translate-y-full"
+		},
+		{
+			placement: "top",
+			open: false,
+			class: "-translate-y-full"
+		},
+		{
+			placement: "left",
+			open: false,
+			class: "-translate-x-full"
+		},
+		{
+			placement: "right",
+			open: false,
+			class: "translate-x-full"
+		}
+	]
+});
+var cvaBackDrop = (0, class_variance_authority.cva)([
+	"flex",
+	"fixed",
+	"inset-0",
+	"z-9999",
+	"overflow-clip",
+	"bg-ddt-color-common-background-overlay",
+	"transition-opacity",
+	"duration-300",
+	"ease-in-out"
+], { variants: {
+	open: {
+		true: ["opacity-100"],
+		false: ["opacity-0", "pointer-events-none"]
+	},
+	placement: {
+		top: ["items-start"],
+		right: ["justify-end"],
+		bottom: ["items-end"],
+		left: ["justify-start"]
+	}
+} });
+var DaikinDrawer = class DaikinDrawer extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.open = false;
+		this.drawerAriaLabel = null;
+		this._blockScrollController = new require_block_scroll.BlockScrollController(this);
+		this._handleClose = () => {
+			if (!this.open) return;
+			this.open = false;
+			this.dispatchEvent(new CustomEvent("close", {
+				composed: true,
+				bubbles: true
+			}));
+		};
+		this._focusTrapController = new require_focus_trap.FocusTrapController(this, this._handleClose);
+		this._handleBackdropClick = (event) => {
+			if (event.target === event.currentTarget) this._handleClose();
+		};
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    ::slotted(*) {
+      flex-grow: 1;
+      min-height: 0;
+    }
+
+    ::slotted(daikin-drawer-header),
+    ::slotted(daikin-drawer-footer) {
+      flex-shrink: 0;
+      flex-grow: 0;
     }
-  }
-);
-exports.DaikinDrawer = class DaikinDrawer extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.open = false;
-    this.drawerAriaLabel = null;
-    this._blockScrollController = new blockScroll.BlockScrollController(this);
-    this._handleClose = () => {
-      if (!this.open) {
-        return;
-      }
-      this.open = false;
-      this.dispatchEvent(
-        new CustomEvent("close", { composed: true, bubbles: true })
-      );
-    };
-    this._focusTrapController = new focusTrap.FocusTrapController(
-      this,
-      this._handleClose
-    );
-    this._handleBackdropClick = (event) => {
-      if (event.target === event.currentTarget) {
-        this._handleClose();
-      }
-    };
-  }
-  render() {
-    return lit.html`<div
-        class=${cvaBackDrop({ open: this.open, placement: this.placement })}
+  `;
+	}
+	render() {
+		return lit.html`<div
+        class=${cvaBackDrop({
+			open: this.open,
+			placement: this.placement
+		})}
         .inert=${!this.open}
-        aria-hidden=${ifDefined_js.ifDefined(!this.open ? "true" : void 0)}
+        aria-hidden=${(0, lit_directives_if_defined_js.ifDefined)(!this.open ? "true" : void 0)}
         @click=${this._handleBackdropClick}
       >
         <div
           part="drawer"
-          class=${cvaPanel({ placement: this.placement, open: this.open })}
+          class=${cvaPanel({
+			placement: this.placement,
+			open: this.open
+		})}
           role=${this.drawerRole}
-          aria-modal=${ifDefined_js.ifDefined(this.open ? "true" : void 0)}
-          aria-label=${ifDefined_js.ifDefined(this.drawerAriaLabel ?? void 0)}
+          aria-modal=${(0, lit_directives_if_defined_js.ifDefined)(this.open ? "true" : void 0)}
+          aria-label=${(0, lit_directives_if_defined_js.ifDefined)(this.drawerAriaLabel ?? void 0)}
           ${this._focusTrapController.refContainer()}
         >
           <slot
@@ -162,68 +175,42 @@ exports.DaikinDrawer = class DaikinDrawer extends ddsElement.DDSElement {
           ></slot>
         </div>
       </div>
-      ${guard_js.guard(
-      [this.open],
-      () => (
-        // open change will trigger the re-rendering and directive.
-        // Pass handleOutsideClick=false: the backdrop's @click handler closes
-        // the drawer directly. Letting focus-trap handle outside clicks causes
-        // iOS Safari to redirect the tap (it moves focus on pointerdown before
-        // the synthesized click fires, stealing the event from the backdrop).
-        this._focusTrapController.directive(this.open, false, false)
-      )
-    )}
-      ${guard_js.guard(
-      [this.open],
-      () => this._blockScrollController.directive(this.open)
-    )}`;
-  }
+      ${(0, lit_directives_guard_js.guard)([this.open], () => this._focusTrapController.directive(this.open, false, false))}
+      ${(0, lit_directives_guard_js.guard)([this.open], () => this._blockScrollController.directive(this.open))}`;
+	}
 };
-exports.DaikinDrawer.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    ::slotted(*) {
-      flex-grow: 1;
-      min-height: 0;
-    }
-
-    ::slotted(daikin-drawer-header),
-    ::slotted(daikin-drawer-footer) {
-      flex-shrink: 0;
-      flex-grow: 0;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinDrawer.prototype, "open", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    attribute: "drawer-role",
-    fallbackValue: "dialog",
-    isAllowedValue: ddsProperty.oneOf([
-      "dialog",
-      "alertdialog"
-    ])
-  })
-], exports.DaikinDrawer.prototype, "drawerRole", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, attribute: "drawer-aria-label" })
-], exports.DaikinDrawer.prototype, "drawerAriaLabel", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "right",
-    isAllowedValue: ddsProperty.oneOf([
-      "top",
-      "right",
-      "bottom",
-      "left"
-    ])
-  })
-], exports.DaikinDrawer.prototype, "placement", 2);
-exports.DaikinDrawer = __decorateClass([
-  decorators.ddsElement("daikin-drawer")
-], exports.DaikinDrawer);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinDrawer.prototype, "open", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "drawer-role",
+	fallbackValue: "dialog",
+	isAllowedValue: require_dds_property.oneOf(["dialog", "alertdialog"])
+})], DaikinDrawer.prototype, "drawerRole", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "drawer-aria-label"
+})], DaikinDrawer.prototype, "drawerAriaLabel", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "right",
+	isAllowedValue: require_dds_property.oneOf([
+		"top",
+		"right",
+		"bottom",
+		"left"
+	])
+})], DaikinDrawer.prototype, "placement", void 0);
+DaikinDrawer = require_decorate.default([require_decorators.ddsElement("daikin-drawer")], DaikinDrawer);
+//#endregion
+Object.defineProperty(exports, "DaikinDrawer", {
+	enumerable: true,
+	get: function() {
+		return DaikinDrawer;
+	}
+});

package/dist/cjs/components/drawer/index.cjs

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

package/dist/cjs/components/drawer-footer/daikin-drawer-footer.cjs

@@ -1,29 +1,14 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lit = require("lit");
-const ddsElement = require("../../base/dds-element.cjs");
-require("../../base/dds-form-element.cjs");
-require("lit/decorators.js");
-const decorators = require("../../base/decorators.cjs");
-require("../../base/define.cjs");
-const tailwind = require("../../tailwind.css.cjs");
-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 = decorator(result) || result;
-  return result;
-};
-exports.DaikinDrawerFooter = class DaikinDrawerFooter extends ddsElement.DDSElement {
-  render() {
-    return lit.html`<div class="flex flex-wrap justify-end w-full gap-4">
-      <slot></slot>
-    </div>`;
-  }
-};
-exports.DaikinDrawerFooter.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
+const require_dds_element = require("../../base/dds-element.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");
+//#region src/components/drawer-footer/daikin-drawer-footer.ts
+var DaikinDrawerFooter = class DaikinDrawerFooter extends require_dds_element.DDSElement {
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
 
     :host {
       display: flex;
@@ -31,6 +16,18 @@ exports.DaikinDrawerFooter.styles = lit.css`
       width: 100%;
     }
   `;
-exports.DaikinDrawerFooter = __decorateClass([
-  decorators.ddsElement("daikin-drawer-footer")
-], exports.DaikinDrawerFooter);
+	}
+	render() {
+		return lit.html`<div class="flex flex-wrap justify-end w-full gap-4">
+      <slot></slot>
+    </div>`;
+	}
+};
+DaikinDrawerFooter = require_decorate.default([require_decorators.ddsElement("daikin-drawer-footer")], DaikinDrawerFooter);
+//#endregion
+Object.defineProperty(exports, "DaikinDrawerFooter", {
+	enumerable: true,
+	get: function() {
+		return DaikinDrawerFooter;
+	}
+});

package/dist/cjs/components/drawer-footer/index.cjs

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