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

package/dist/cjs/components/input-group/daikin-input-group.cjs

@@ -1,179 +1,147 @@
-"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 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("../status-message/daikin-status-message.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 cvaLayout = classVarianceAuthority.cva(
-  ["flex", "w-full", "text-ddt-color-common-text-primary"],
-  {
-    variants: {
-      orientation: {
-        vertical: ["flex-col", "justify-center", "gap-(--dds-gap-20)"],
-        horizontal: ["flex-row", "gap-6"]
-      }
-    }
-  }
-);
-const cvaContentArea = classVarianceAuthority.cva(
-  ["flex", "flex-col", "gap-(--dds-gap-20)", "natural-break"],
-  {
-    variants: {
-      orientation: {
-        vertical: [],
-        horizontal: ["w-50", "shrink-0"]
-      }
-    }
-  }
-);
-const cvaLabel = classVarianceAuthority.cva(
-  [
-    "flex",
-    "items-center",
-    "font-bold",
-    "text-(length:--dds-font-size-label-text)"
-  ],
-  {
-    variants: {
-      disabled: {
-        false: [],
-        true: ["text-ddt-color-common-disabled"]
-      }
-    }
-  }
-);
-const cvaHelper = classVarianceAuthority.cva(
-  [
-    "flex",
-    "gap-1",
-    "items-center",
-    "text-(length:--dds-font-size-helper-text)"
-  ],
-  {
-    variants: {
-      type: {
-        helper: ["text-ddt-color-common-text-secondary"],
-        helperDisabled: ["text-ddt-color-common-disabled"],
-        error: [
-          "text-ddt-color-common-danger-default",
-          "font-bold",
-          "before:size-4",
-          "before:icon-[daikin--error]",
-          "before:flex-none"
-        ],
-        textareaLimitExceedError: [
-          "text-ddt-color-common-danger-default",
-          "font-bold",
-          "before:size-4",
-          "before:icon-[daikin--error]",
-          "before:flex-none"
-        ],
-        none: ["hidden"]
-      }
-    }
-  }
-);
-const cvaCounter = classVarianceAuthority.cva(
-  ["text-(length:--dds-font-size-helper-text)", "font-bold", "ml-auto"],
-  {
-    variants: {
-      variant: {
-        normal: ["text-ddt-color-common-text-secondary"],
-        disabled: ["text-ddt-color-common-disabled"],
-        error: ["text-ddt-color-common-danger-default"]
-      }
-    }
-  }
-);
-exports.DaikinInputGroup = class DaikinInputGroup extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.label = null;
-    this.helper = null;
-    this.required = null;
-    this.error = null;
-    this.disabled = false;
-    this.readonly = false;
-    this.textareaMaxCount = null;
-    this.textareaLimitExceedError = null;
-    this._textareaCount = null;
-  }
-  get textareaLimitExceeded() {
-    return this.textareaMaxCount != null && this._textareaCount != null && this.textareaMaxCount < this._textareaCount;
-  }
-  _handleSlotChange() {
-    this._reflectSlotProperties();
-    const textarea = this._textareas[0];
-    this._textareaCount = (textarea == null ? void 0 : textarea.count) ?? null;
-  }
-  _handleInput(event) {
-    if (event.target.tagName === "DAIKIN-TEXT-AREA") {
-      this._textareaCount = event.target.count;
-    }
-  }
-  _reflectSlotProperties() {
-    for (const control of this._controls) {
-      control.reflectInputGroup(this);
+let lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+let class_variance_authority = require("class-variance-authority");
+//#region src/components/input-group/daikin-input-group.ts
+var cvaLayout = (0, class_variance_authority.cva)([
+	"flex",
+	"w-full",
+	"text-ddt-color-common-text-primary"
+], { variants: { orientation: {
+	vertical: [
+		"flex-col",
+		"justify-center",
+		"gap-(--dds-gap-20)"
+	],
+	horizontal: ["flex-row", "gap-6"]
+} } });
+var cvaContentArea = (0, class_variance_authority.cva)([
+	"flex",
+	"flex-col",
+	"gap-(--dds-gap-20)",
+	"natural-break"
+], { variants: { orientation: {
+	vertical: [],
+	horizontal: ["w-50", "shrink-0"]
+} } });
+var cvaLabel = (0, class_variance_authority.cva)([
+	"flex",
+	"items-center",
+	"font-bold",
+	"text-(length:--dds-font-size-label-text)"
+], { variants: { disabled: {
+	false: [],
+	true: ["text-ddt-color-common-disabled"]
+} } });
+var cvaHelper = (0, class_variance_authority.cva)([
+	"flex",
+	"gap-1",
+	"items-center",
+	"text-(length:--dds-font-size-helper-text)"
+], { variants: { type: {
+	helper: ["text-ddt-color-common-text-secondary"],
+	helperDisabled: ["text-ddt-color-common-disabled"],
+	error: [
+		"text-ddt-color-common-danger-default",
+		"font-bold",
+		"before:size-4",
+		"before:icon-[daikin--error]",
+		"before:flex-none"
+	],
+	textareaLimitExceedError: [
+		"text-ddt-color-common-danger-default",
+		"font-bold",
+		"before:size-4",
+		"before:icon-[daikin--error]",
+		"before:flex-none"
+	],
+	none: ["hidden"]
+} } });
+var cvaCounter = (0, class_variance_authority.cva)([
+	"text-(length:--dds-font-size-helper-text)",
+	"font-bold",
+	"ml-auto"
+], { variants: { variant: {
+	normal: ["text-ddt-color-common-text-secondary"],
+	disabled: ["text-ddt-color-common-disabled"],
+	error: ["text-ddt-color-common-danger-default"]
+} } });
+var DaikinInputGroup = class DaikinInputGroup extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.label = null;
+		this.helper = null;
+		this.required = null;
+		this.error = null;
+		this.disabled = false;
+		this.readonly = false;
+		this.textareaMaxCount = null;
+		this.textareaLimitExceedError = null;
+		this._textareaCount = null;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
+      width: 100%;
     }
-  }
-  render() {
-    const helperTextVariant = (() => {
-      if (this.textareaLimitExceeded && !!this.textareaLimitExceedError && !this.disabled) {
-        return "textareaLimitExceedError";
-      } else if (!!this.error && !this.disabled) {
-        return "error";
-      } else if (!!this.helper && this.disabled) {
-        return "helperDisabled";
-      } else if (this.helper) {
-        return "helper";
-      } else {
-        return "none";
-      }
-    })();
-    const helperText = {
-      helper: this.helper,
-      helperDisabled: this.helper,
-      error: this.error,
-      textareaLimitExceedError: this.textareaLimitExceedError,
-      none: ""
-    }[helperTextVariant];
-    const formatHelperText = (helperTextVariant2, helperText2) => {
-      switch (helperTextVariant2) {
-        case "error":
-        case "textareaLimitExceedError":
-          return lit.html`<daikin-status-message
+  `;
+	}
+	get textareaLimitExceeded() {
+		return this.textareaMaxCount != null && this._textareaCount != null && this.textareaMaxCount < this._textareaCount;
+	}
+	_handleSlotChange() {
+		this._reflectSlotProperties();
+		const textarea = this._textareas[0];
+		this._textareaCount = textarea?.count ?? null;
+	}
+	_handleInput(event) {
+		if (event.target.tagName === "DAIKIN-TEXT-AREA") this._textareaCount = event.target.count;
+	}
+	_reflectSlotProperties() {
+		for (const control of this._controls) control.reflectInputGroup(this);
+	}
+	render() {
+		const helperTextVariant = (() => {
+			if (this.textareaLimitExceeded && !!this.textareaLimitExceedError && !this.disabled) return "textareaLimitExceedError";
+			else if (!!this.error && !this.disabled) return "error";
+			else if (!!this.helper && this.disabled) return "helperDisabled";
+			else if (this.helper) return "helper";
+			else return "none";
+		})();
+		const helperText = {
+			helper: this.helper,
+			helperDisabled: this.helper,
+			error: this.error,
+			textareaLimitExceedError: this.textareaLimitExceedError,
+			none: ""
+		}[helperTextVariant];
+		const formatHelperText = (helperTextVariant, helperText) => {
+			switch (helperTextVariant) {
+				case "error":
+				case "textareaLimitExceedError": return lit.html`<daikin-status-message
             class="part-status-message:text-(length:--dds-font-size-helper-text)"
             status="negative"
             status-message-role="alert"
             size="small"
           >
-            ${helperText2}
+            ${helperText}
           </daikin-status-message>`;
-        case "none":
-          return lit.nothing;
-        default:
-          return lit.html`<span class=${cvaHelper({ type: helperTextVariant2 })}>
-            ${helperText2}
+				case "none": return lit.nothing;
+				default: return lit.html`<span class=${cvaHelper({ type: helperTextVariant })}>
+            ${helperText}
           </span>`;
-      }
-    };
-    return lit.html`<fieldset class="contents" ?disabled=${this.disabled}>
+			}
+		};
+		return lit.html`<fieldset class="contents" ?disabled=${this.disabled}>
       <label class=${cvaLayout({ orientation: this.orientation })}>
         <div class=${cvaContentArea({ orientation: this.orientation })}>
           <div class="flex items-center flex-wrap gap-(--dds-gap-10) font-bold">
@@ -195,9 +163,7 @@ exports.DaikinInputGroup = class DaikinInputGroup extends ddsElement.DDSElement
               ></slot>
               ${this._textareaCount != null ? lit.html`<div class="flex">
                     <span
-                      class=${cvaCounter({
-      variant: this.disabled ? "disabled" : this.textareaLimitExceeded ? "error" : "normal"
-    })}
+                      class=${cvaCounter({ variant: this.disabled ? "disabled" : this.textareaLimitExceeded ? "error" : "normal" })}
                       >${this._textareaCount}/${this.textareaMaxCount}</span
                     >
                   </div>` : lit.nothing}
@@ -207,69 +173,59 @@ exports.DaikinInputGroup = class DaikinInputGroup extends ddsElement.DDSElement
             ></slot>`}
       </label>
     </fieldset>`;
-  }
-  updated() {
-    this._reflectSlotProperties();
-  }
+	}
+	updated() {
+		this._reflectSlotProperties();
+	}
 };
-exports.DaikinInputGroup.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-      width: 100%;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "vertical",
-    isAllowedValue: ddsProperty.oneOf([
-      "vertical",
-      "horizontal"
-    ])
-  })
-], exports.DaikinInputGroup.prototype, "orientation", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true })
-], exports.DaikinInputGroup.prototype, "label", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true })
-], exports.DaikinInputGroup.prototype, "helper", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true })
-], exports.DaikinInputGroup.prototype, "required", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true })
-], exports.DaikinInputGroup.prototype, "error", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinInputGroup.prototype, "disabled", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinInputGroup.prototype, "readonly", 2);
-__decorateClass([
-  ddsProperty.property({ type: Number, reflect: true, attribute: "textarea-max-count" })
-], exports.DaikinInputGroup.prototype, "textareaMaxCount", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    attribute: "textarea-limit-exceed-error"
-  })
-], exports.DaikinInputGroup.prototype, "textareaLimitExceedError", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({ selector: "daikin-text-area" })
-], exports.DaikinInputGroup.prototype, "_textareas", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({
-    selector: "daikin-checkbox-group,daikin-combobox,daikin-date-picker,daikin-dropdown,daikin-radio-group,daikin-select,daikin-text-area,daikin-text-field,daikin-time-picker,daikin-text-masked-field"
-  })
-], exports.DaikinInputGroup.prototype, "_controls", 2);
-__decorateClass([
-  decorators_js.state()
-], exports.DaikinInputGroup.prototype, "_textareaCount", 2);
-exports.DaikinInputGroup = __decorateClass([
-  decorators.ddsElement("daikin-input-group")
-], exports.DaikinInputGroup);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "vertical",
+	isAllowedValue: require_dds_property.oneOf(["vertical", "horizontal"])
+})], DaikinInputGroup.prototype, "orientation", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true
+})], DaikinInputGroup.prototype, "label", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true
+})], DaikinInputGroup.prototype, "helper", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true
+})], DaikinInputGroup.prototype, "required", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true
+})], DaikinInputGroup.prototype, "error", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinInputGroup.prototype, "disabled", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinInputGroup.prototype, "readonly", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Number,
+	reflect: true,
+	attribute: "textarea-max-count"
+})], DaikinInputGroup.prototype, "textareaMaxCount", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "textarea-limit-exceed-error"
+})], DaikinInputGroup.prototype, "textareaLimitExceedError", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ selector: "daikin-text-area" })], DaikinInputGroup.prototype, "_textareas", void 0);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ selector: "daikin-checkbox-group,daikin-combobox,daikin-date-picker,daikin-dropdown,daikin-radio-group,daikin-select,daikin-text-area,daikin-text-field,daikin-time-picker,daikin-text-masked-field" })], DaikinInputGroup.prototype, "_controls", void 0);
+require_decorate.default([(0, lit_decorators_js.state)()], DaikinInputGroup.prototype, "_textareaCount", void 0);
+DaikinInputGroup = require_decorate.default([require_decorators.ddsElement("daikin-input-group")], DaikinInputGroup);
+//#endregion
+Object.defineProperty(exports, "DaikinInputGroup", {
+	enumerable: true,
+	get: function() {
+		return DaikinInputGroup;
+	}
+});

package/dist/cjs/components/input-group/index.cjs

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