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

package/dist/cjs/components/table-cell/daikin-table-cell.cjs

@@ -1,77 +1,63 @@
-"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");
-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 cvaCell = classVarianceAuthority.cva(
-  [
-    "flex",
-    "flex-col",
-    "gap-1",
-    "justify-center",
-    "size-full",
-    "px-(--dds-space-400)",
-    "py-(--dds-padding-30)",
-    "text-(length:--dds-font-size-label-text)",
-    "text-ddt-color-common-text-primary",
-    "natural-break"
-  ],
-  {
-    variants: {
-      alignment: {
-        left: ["items-start", "text-left"],
-        right: ["items-end", "text-end"],
-        center: ["items-center", "text-center"]
-      }
+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");
+//#region src/components/table-cell/daikin-table-cell.ts
+var cvaCell = (0, require("class-variance-authority").cva)([
+	"flex",
+	"flex-col",
+	"gap-1",
+	"justify-center",
+	"size-full",
+	"px-(--dds-space-400)",
+	"py-(--dds-padding-30)",
+	"text-(length:--dds-font-size-label-text)",
+	"text-ddt-color-common-text-primary",
+	"natural-break"
+], { variants: { alignment: {
+	left: ["items-start", "text-left"],
+	right: ["items-end", "text-end"],
+	center: ["items-center", "text-center"]
+} } });
+var DaikinTableCell = class DaikinTableCell extends require_dds_element.DDSElement {
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
+      width: 100%;
     }
-  }
-);
-exports.DaikinTableCell = class DaikinTableCell extends ddsElement.DDSElement {
-  render() {
-    return lit.html`<span class=${cvaCell({ alignment: this.alignment })}>
+  `;
+	}
+	render() {
+		return lit.html`<span class=${cvaCell({ alignment: this.alignment })}>
       <slot></slot>
       <slot
         name="subtitle"
         class="text-ddt-color-common-text-secondary text-xs"
       ></slot>
     </span>`;
-  }
+	}
 };
-exports.DaikinTableCell.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-      width: 100%;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "left",
-    isAllowedValue: ddsProperty.oneOf([
-      "left",
-      "right",
-      "center"
-    ])
-  })
-], exports.DaikinTableCell.prototype, "alignment", 2);
-exports.DaikinTableCell = __decorateClass([
-  decorators.ddsElement("daikin-table-cell")
-], exports.DaikinTableCell);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "left",
+	isAllowedValue: require_dds_property.oneOf([
+		"left",
+		"right",
+		"center"
+	])
+})], DaikinTableCell.prototype, "alignment", void 0);
+DaikinTableCell = require_decorate.default([require_decorators.ddsElement("daikin-table-cell")], DaikinTableCell);
+//#endregion
+Object.defineProperty(exports, "DaikinTableCell", {
+	enumerable: true,
+	get: function() {
+		return DaikinTableCell;
+	}
+});

package/dist/cjs/components/table-cell/index.cjs

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

package/dist/cjs/components/table-header-cell/daikin-table-header-cell.cjs

@@ -1,151 +1,141 @@
-"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 cvaHeaderCell = classVarianceAuthority.cva(
-  [
-    "flex",
-    "items-center",
-    "gap-2",
-    "size-full",
-    "px-(--dds-space-400)",
-    "py-(--dds-padding-30)",
-    "text-(length:--dds-font-size-label-text)",
-    "leading-normal",
-    "text-ddt-color-common-text-primary",
-    "font-bold",
-    "natural-break"
-  ],
-  {
-    variants: {
-      alignment: {
-        left: ["justify-start", "text-left"],
-        right: ["justify-end", "text-end"],
-        center: ["justify-center", "text-center"]
-      },
-      sortable: {
-        false: [],
-        true: ["after:flex-none", "after:size-(--dds-icon)"]
-      },
-      order: {
-        asc: [],
-        desc: []
-      }
-    },
-    compoundVariants: [
-      {
-        sortable: true,
-        order: null,
-        class: ["after:icon-[daikin--sort]"]
-      },
-      {
-        sortable: true,
-        order: "asc",
-        class: ["after:icon-[daikin--chevron-up]"]
-      },
-      {
-        sortable: true,
-        order: "desc",
-        class: ["after:icon-[daikin--chevron-up]", "after:rotate-180"]
-      }
-    ]
-  }
-);
-exports.DaikinTableHeaderCell = class DaikinTableHeaderCell extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.sortable = false;
-    this.order = null;
-    this._focusableRef = ref_js.createRef();
-  }
-  /**
-   * Focuses on the inner button.
-   * Only effective when `sortable` is `true`.
-   * @param options focus options
-   */
-  focus(options) {
-    var _a;
-    (_a = this._focusableRef.value) == null ? void 0 : _a.focus(options);
-  }
-  render() {
-    const rootNode = this.getRootNode();
-    const rootHost = rootNode instanceof ShadowRoot ? rootNode.host : null;
-    const isInDaikinTable = !!this.closest("daikin-table") || (rootHost == null ? void 0 : rootHost.tagName) === "DAIKIN-TABLE";
-    const headerCellCN = cvaHeaderCell({
-      alignment: this.alignment,
-      sortable: this.sortable,
-      order: this.order === "asc" || this.order === "desc" ? this.order : null
-    });
-    const sortableInteractionCN = this.sortable && !isInDaikinTable ? "hover:bg-ddt-color-common-surface-hover active:bg-ddt-color-common-surface-press focus-visible:outline-solid focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ddt-color-common-border-focus" : "";
-    const suppressNativeFocusRingCN = isInDaikinTable ? "focus:outline-none focus-visible:outline-none" : "";
-    const content = lit.html`<slot
+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/table-header-cell/daikin-table-header-cell.ts
+var cvaHeaderCell = (0, class_variance_authority.cva)([
+	"flex",
+	"items-center",
+	"gap-2",
+	"size-full",
+	"px-(--dds-space-400)",
+	"py-(--dds-padding-30)",
+	"text-(length:--dds-font-size-label-text)",
+	"leading-normal",
+	"text-ddt-color-common-text-primary",
+	"font-bold",
+	"natural-break"
+], {
+	variants: {
+		alignment: {
+			left: ["justify-start", "text-left"],
+			right: ["justify-end", "text-end"],
+			center: ["justify-center", "text-center"]
+		},
+		sortable: {
+			false: [],
+			true: ["after:flex-none", "after:size-(--dds-icon)"]
+		},
+		order: {
+			asc: [],
+			desc: []
+		}
+	},
+	compoundVariants: [
+		{
+			sortable: true,
+			order: null,
+			class: ["after:icon-[daikin--sort]"]
+		},
+		{
+			sortable: true,
+			order: "asc",
+			class: ["after:icon-[daikin--chevron-up]"]
+		},
+		{
+			sortable: true,
+			order: "desc",
+			class: ["after:icon-[daikin--chevron-up]", "after:rotate-180"]
+		}
+	]
+});
+var DaikinTableHeaderCell = class DaikinTableHeaderCell extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.sortable = false;
+		this.order = null;
+		this._focusableRef = (0, lit_directives_ref_js.createRef)();
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+  `;
+	}
+	/**
+	* Focuses on the inner button.
+	* Only effective when `sortable` is `true`.
+	* @param options focus options
+	*/
+	focus(options) {
+		this._focusableRef.value?.focus(options);
+	}
+	render() {
+		const rootNode = this.getRootNode();
+		const rootHost = rootNode instanceof ShadowRoot ? rootNode.host : null;
+		const isInDaikinTable = !!this.closest("daikin-table") || rootHost?.tagName === "DAIKIN-TABLE";
+		const headerCellCN = cvaHeaderCell({
+			alignment: this.alignment,
+			sortable: this.sortable,
+			order: this.order === "asc" || this.order === "desc" ? this.order : null
+		});
+		const sortableInteractionCN = this.sortable && !isInDaikinTable ? "hover:bg-ddt-color-common-surface-hover active:bg-ddt-color-common-surface-press focus-visible:outline-solid focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ddt-color-common-border-focus" : "";
+		const suppressNativeFocusRingCN = isInDaikinTable ? "focus:outline-none focus-visible:outline-none" : "";
+		const content = lit.html`<slot
         name="left-icon"
         class="flex-none slotted:flex-none icon-size-token"
       ></slot
       ><slot></slot>`;
-    return this.sortable ? lit.html`<button
-          ${ref_js.ref(this._focusableRef)}
+		return this.sortable ? lit.html`<button
+          ${(0, lit_directives_ref_js.ref)(this._focusableRef)}
           type="button"
           class=${[
-      headerCellCN,
-      sortableInteractionCN,
-      suppressNativeFocusRingCN
-    ].filter((className) => !!className).join(" ")}
+			headerCellCN,
+			sortableInteractionCN,
+			suppressNativeFocusRingCN
+		].filter((className) => !!className).join(" ")}
           @mousedown=${(event) => {
-      if (isInDaikinTable) {
-        event.preventDefault();
-      }
-    }}
+			if (isInDaikinTable) event.preventDefault();
+		}}
           @click=${() => this.dispatchEvent(new Event("change-sort", { bubbles: true }))}
         >
           ${content}
         </button>` : lit.html`<span class=${headerCellCN}>${content}</span>`;
-  }
+	}
 };
-exports.DaikinTableHeaderCell.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "left",
-    isAllowedValue: ddsProperty.oneOf([
-      "left",
-      "right",
-      "center"
-    ])
-  })
-], exports.DaikinTableHeaderCell.prototype, "alignment", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinTableHeaderCell.prototype, "sortable", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true })
-], exports.DaikinTableHeaderCell.prototype, "order", 2);
-exports.DaikinTableHeaderCell = __decorateClass([
-  decorators.ddsElement("daikin-table-header-cell")
-], exports.DaikinTableHeaderCell);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "left",
+	isAllowedValue: require_dds_property.oneOf([
+		"left",
+		"right",
+		"center"
+	])
+})], DaikinTableHeaderCell.prototype, "alignment", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinTableHeaderCell.prototype, "sortable", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true
+})], DaikinTableHeaderCell.prototype, "order", void 0);
+DaikinTableHeaderCell = require_decorate.default([require_decorators.ddsElement("daikin-table-header-cell")], DaikinTableHeaderCell);
+//#endregion
+Object.defineProperty(exports, "DaikinTableHeaderCell", {
+	enumerable: true,
+	get: function() {
+		return DaikinTableHeaderCell;
+	}
+});

package/dist/cjs/components/table-header-cell/index.cjs

@@ -1,7 +1,8 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const daikinTableHeaderCell = require("./daikin-table-header-cell.cjs");
+const require_daikin_table_header_cell = require("./daikin-table-header-cell.cjs");
 Object.defineProperty(exports, "DaikinTableHeaderCell", {
-  enumerable: true,
-  get: () => daikinTableHeaderCell.DaikinTableHeaderCell
+	enumerable: true,
+	get: function() {
+		return require_daikin_table_header_cell.DaikinTableHeaderCell;
+	}
 });