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

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

@@ -1,84 +1,82 @@
-import { cva } from "class-variance-authority";
-import { unsafeCSS, css, html } from "lit";
-import { guard } from "lit/directives/guard.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
-import { property, oneOf } from "../../base/dds-property.js";
+import { oneOf, 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 { BlockScrollController } from "../../controllers/block-scroll.js";
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
 import { FocusTrapController } from "../../controllers/focus-trap.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 PANEL = cva([
-  "flex",
-  "flex-col",
-  "justify-between",
-  "gap-4",
-  "size-fit",
-  "z-10000",
-  "overflow-hidden",
-  "p-4",
-  "rounded-lg",
-  "bg-ddt-color-common-background-default",
-  "min-w-80",
-  "xl:max-w-[calc(100%-10rem)]",
-  "md:max-w-[calc(100%-8rem)]",
-  "max-w-[calc(100%-2rem)]",
-  "min-h-61",
-  "xl:max-h-[calc(100vh-8rem)]",
-  "md:max-h-[calc(100vh-6rem)]",
-  "max-h-[calc(100vh-3rem)]"
+import { BlockScrollController } from "../../controllers/block-scroll.js";
+import { css, html, unsafeCSS } from "lit";
+import { cva } from "class-variance-authority";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { guard } from "lit/directives/guard.js";
+//#region src/components/modal/daikin-modal.ts
+var PANEL = cva([
+	"flex",
+	"flex-col",
+	"justify-between",
+	"gap-4",
+	"size-fit",
+	"z-10000",
+	"overflow-hidden",
+	"p-4",
+	"rounded-lg",
+	"bg-ddt-color-common-background-default",
+	"min-w-80",
+	"xl:max-w-[calc(100%-10rem)]",
+	"md:max-w-[calc(100%-8rem)]",
+	"max-w-[calc(100%-2rem)]",
+	"min-h-61",
+	"xl:max-h-[calc(100vh-8rem)]",
+	"md:max-h-[calc(100vh-6rem)]",
+	"max-h-[calc(100vh-3rem)]"
 ])();
-const cvaBackDrop = cva(
-  [
-    "fixed",
-    "flex",
-    "inset-0",
-    "z-9999",
-    "items-center",
-    "justify-center",
-    "bg-ddt-color-common-background-overlay"
-  ],
-  {
-    variants: {
-      open: {
-        false: ["hidden", "pointer-events-none"],
-        true: []
-      }
+var cvaBackDrop = cva([
+	"fixed",
+	"flex",
+	"inset-0",
+	"z-9999",
+	"items-center",
+	"justify-center",
+	"bg-ddt-color-common-background-overlay"
+], { variants: { open: {
+	false: ["hidden", "pointer-events-none"],
+	true: []
+} } });
+var DaikinModal = class DaikinModal extends DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.open = false;
+		this.modalAriaLabel = null;
+		this._blockScrollController = new BlockScrollController(this);
+		this.persistent = false;
+		this._handleClose = () => {
+			this.open = false;
+			this.dispatchEvent(new CustomEvent("close", {
+				composed: true,
+				bubbles: true
+			}));
+		};
+		this._focusTrapController = new FocusTrapController(this, this._handleClose);
+	}
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
+
+    ::slotted(*) {
+      flex-grow: 1;
+      min-height: 0;
     }
-  }
-);
-let DaikinModal = class extends DDSElement {
-  constructor() {
-    super(...arguments);
-    this.open = false;
-    this.modalAriaLabel = null;
-    this._blockScrollController = new BlockScrollController(this);
-    this.persistent = false;
-    this._handleClose = () => {
-      this.open = false;
-      this.dispatchEvent(
-        new CustomEvent("close", { composed: true, bubbles: true })
-      );
-    };
-    this._focusTrapController = new FocusTrapController(
-      this,
-      this._handleClose
-    );
-  }
-  render() {
-    return html`<div class=${cvaBackDrop({ open: this.open })}>
+
+    ::slotted(daikin-modal-header),
+    ::slotted(daikin-modal-footer) {
+      flex-shrink: 0;
+      flex-grow: 0;
+    }
+  `;
+	}
+	render() {
+		return html`<div class=${cvaBackDrop({ open: this.open })}>
         <div
           part="modal"
           class=${PANEL}
@@ -93,54 +91,27 @@ let DaikinModal = class extends DDSElement {
           ></slot>
         </div>
       </div>
-      ${guard(
-      [this.open, this.persistent],
-      () => (
-        // open or persistent change will trigger the re-rendering and directive.
-        this._focusTrapController.directive(this.open, this.persistent)
-      )
-    )}
-      ${guard(
-      [this.open],
-      () => this._blockScrollController.directive(this.open)
-    )}`;
-  }
-};
-DaikinModal.styles = css`
-    ${unsafeCSS(tailwindStyles)}
-
-    ::slotted(*) {
-      flex-grow: 1;
-      min-height: 0;
-    }
-
-    ::slotted(daikin-modal-header),
-    ::slotted(daikin-modal-footer) {
-      flex-shrink: 0;
-      flex-grow: 0;
-    }
-  `;
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DaikinModal.prototype, "open", 2);
-__decorateClass([
-  property({
-    type: String,
-    reflect: true,
-    attribute: "modal-role",
-    fallbackValue: "dialog",
-    isAllowedValue: oneOf(["dialog", "alertdialog"])
-  })
-], DaikinModal.prototype, "modalRole", 2);
-__decorateClass([
-  property({ type: String, reflect: true, attribute: "modal-aria-label" })
-], DaikinModal.prototype, "modalAriaLabel", 2);
-__decorateClass([
-  property({ type: Boolean })
-], DaikinModal.prototype, "persistent", 2);
-DaikinModal = __decorateClass([
-  ddsElement("daikin-modal")
-], DaikinModal);
-export {
-  DaikinModal
+      ${guard([this.open, this.persistent], () => this._focusTrapController.directive(this.open, this.persistent))}
+      ${guard([this.open], () => this._blockScrollController.directive(this.open))}`;
+	}
 };
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], DaikinModal.prototype, "open", void 0);
+__decorate([property({
+	type: String,
+	reflect: true,
+	attribute: "modal-role",
+	fallbackValue: "dialog",
+	isAllowedValue: oneOf(["dialog", "alertdialog"])
+})], DaikinModal.prototype, "modalRole", void 0);
+__decorate([property({
+	type: String,
+	reflect: true,
+	attribute: "modal-aria-label"
+})], DaikinModal.prototype, "modalAriaLabel", void 0);
+__decorate([property({ type: Boolean })], DaikinModal.prototype, "persistent", void 0);
+DaikinModal = __decorate([ddsElement("daikin-modal")], DaikinModal);
+//#endregion
+export { DaikinModal };

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

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

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

@@ -1,27 +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 DaikinModalFooter = class extends DDSElement {
-  render() {
-    return html`<div class="flex flex-wrap justify-end w-full gap-x-4 gap-y-3">
-      <slot></slot>
-    </div>`;
-  }
-};
-DaikinModalFooter.styles = css`
-    ${unsafeCSS(tailwindStyles)}
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
+import { css, html, unsafeCSS } from "lit";
+//#region src/components/modal-footer/daikin-modal-footer.ts
+var DaikinModalFooter = class DaikinModalFooter extends DDSElement {
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
 
     :host {
       display: flex;
@@ -35,9 +22,13 @@ DaikinModalFooter.styles = css`
       }
     }
   `;
-DaikinModalFooter = __decorateClass([
-  ddsElement("daikin-modal-footer")
-], DaikinModalFooter);
-export {
-  DaikinModalFooter
+	}
+	render() {
+		return html`<div class="flex flex-wrap justify-end w-full gap-x-4 gap-y-3">
+      <slot></slot>
+    </div>`;
+	}
 };
+DaikinModalFooter = __decorate([ddsElement("daikin-modal-footer")], DaikinModalFooter);
+//#endregion
+export { DaikinModalFooter };

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

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

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

@@ -1,56 +1,55 @@
-import { cva } from "class-variance-authority";
-import { unsafeCSS, css, nothing, html } from "lit";
-import { createRef, ref } from "lit/directives/ref.js";
 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";
-import "../icon-button/daikin-icon-button.js";
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
 import "../icon/daikin-icon.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 cvaTitle = cva([
-  "flex-none",
-  "text-ddt-color-common-text-primary",
-  "text-xl",
-  "leading-[1.3]",
-  "not-italic",
-  "font-bold"
+import "../icon-button/daikin-icon-button.js";
+import { css, html, nothing, unsafeCSS } from "lit";
+import { cva } from "class-variance-authority";
+import { createRef, ref } from "lit/directives/ref.js";
+//#region src/components/modal-header/daikin-modal-header.ts
+var cvaTitle = cva([
+	"flex-none",
+	"text-ddt-color-common-text-primary",
+	"text-xl",
+	"leading-[1.3]",
+	"not-italic",
+	"font-bold"
 ])();
-const cvaDescription = cva([
-  "flex-none",
-  "text-ddt-color-common-text-primary",
-  "text-base",
-  "leading-normal",
-  "not-italic",
-  "font-normal"
+var cvaDescription = cva([
+	"flex-none",
+	"text-ddt-color-common-text-primary",
+	"text-base",
+	"leading-normal",
+	"not-italic",
+	"font-normal"
 ])();
-let DaikinModalHeader = class extends DDSElement {
-  constructor() {
-    super(...arguments);
-    this.withCloseButton = false;
-    this._closeButton = createRef();
-  }
-  _handleClick() {
-    this.dispatchEvent(
-      new CustomEvent("close", {
-        composed: true,
-        bubbles: true
-      })
-    );
-  }
-  render() {
-    return html`<div class="flex w-full gap-2 justify-between">
+var DaikinModalHeader = class DaikinModalHeader extends DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.withCloseButton = false;
+		this._closeButton = createRef();
+	}
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
+
+    :host {
+      display: flex;
+      align-items: center;
+    }
+  `;
+	}
+	_handleClick() {
+		this.dispatchEvent(new CustomEvent("close", {
+			composed: true,
+			bubbles: true
+		}));
+	}
+	render() {
+		return html`<div class="flex w-full gap-2 justify-between">
       <div class="flex flex-row gap-1 pt-0.5">
         <slot
           name="left-icon"
@@ -74,29 +73,19 @@ let DaikinModalHeader = class extends DDSElement {
             </daikin-icon-button>
           </div>` : nothing}
     </div>`;
-  }
-  /**
-   * Focuses on the header content area.
-   */
-  focusCloseButton() {
-    var _a;
-    (_a = this._closeButton.value) == null ? void 0 : _a.focus();
-  }
-};
-DaikinModalHeader.styles = css`
-    ${unsafeCSS(tailwindStyles)}
-
-    :host {
-      display: flex;
-      align-items: center;
-    }
-  `;
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "with-close-button" })
-], DaikinModalHeader.prototype, "withCloseButton", 2);
-DaikinModalHeader = __decorateClass([
-  ddsElement("daikin-modal-header")
-], DaikinModalHeader);
-export {
-  DaikinModalHeader
+	}
+	/**
+	* Focuses on the header content area.
+	*/
+	focusCloseButton() {
+		this._closeButton.value?.focus();
+	}
 };
+__decorate([property({
+	type: Boolean,
+	reflect: true,
+	attribute: "with-close-button"
+})], DaikinModalHeader.prototype, "withCloseButton", void 0);
+DaikinModalHeader = __decorate([ddsElement("daikin-modal-header")], DaikinModalHeader);
+//#endregion
+export { DaikinModalHeader };

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

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

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

@@ -1,36 +1,20 @@
-import { unsafeCSS, css, html } from "lit";
-import { ifDefined } from "lit/directives/if-defined.js";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
-import { property, oneOf } from "../../base/dds-property.js";
+import { oneOf, 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;
-};
-let DaikinNavigation = class extends DDSElement {
-  constructor() {
-    super(...arguments);
-    this.navigationAriaLabel = null;
-  }
-  render() {
-    return html`<nav aria-label=${ifDefined(this.navigationAriaLabel)}>
-      <div role="list" class="w-full flex px-8">
-        <slot></slot>
-      </div>
-    </nav>`;
-  }
-};
-DaikinNavigation.styles = css`
-    ${unsafeCSS(tailwindStyles)}
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
+import { css, html, unsafeCSS } from "lit";
+import { ifDefined } from "lit/directives/if-defined.js";
+//#region src/components/navigation/daikin-navigation.ts
+var DaikinNavigation = class DaikinNavigation extends DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.navigationAriaLabel = null;
+	}
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
 
     :host {
       display: flex;
@@ -46,25 +30,31 @@ DaikinNavigation.styles = css`
       --ddc-navigation-horizontal-padding: 1rem;
     }
   `;
-__decorateClass([
-  property({
-    type: String,
-    reflect: true,
-    fallbackValue: "wide",
-    isAllowedValue: oneOf([
-      "wide",
-      "narrow",
-      "medium"
-    ]),
-    attribute: "horizontal-padding"
-  })
-], DaikinNavigation.prototype, "horizontalPadding", 2);
-__decorateClass([
-  property({ type: String, reflect: true, attribute: "navigation-aria-label" })
-], DaikinNavigation.prototype, "navigationAriaLabel", 2);
-DaikinNavigation = __decorateClass([
-  ddsElement("daikin-navigation")
-], DaikinNavigation);
-export {
-  DaikinNavigation
+	}
+	render() {
+		return html`<nav aria-label=${ifDefined(this.navigationAriaLabel)}>
+      <div role="list" class="w-full flex px-8">
+        <slot></slot>
+      </div>
+    </nav>`;
+	}
 };
+__decorate([property({
+	type: String,
+	reflect: true,
+	fallbackValue: "wide",
+	isAllowedValue: oneOf([
+		"wide",
+		"narrow",
+		"medium"
+	]),
+	attribute: "horizontal-padding"
+})], DaikinNavigation.prototype, "horizontalPadding", void 0);
+__decorate([property({
+	type: String,
+	reflect: true,
+	attribute: "navigation-aria-label"
+})], DaikinNavigation.prototype, "navigationAriaLabel", void 0);
+DaikinNavigation = __decorate([ddsElement("daikin-navigation")], DaikinNavigation);
+//#endregion
+export { DaikinNavigation };

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

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