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

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

@@ -1,119 +1,107 @@
-"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 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 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("../radio/daikin-radio.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 cvaRadioGroup = classVarianceAuthority.cva(["w-full", "flex", "gap-x-8", "gap-y-2"], {
-  variants: {
-    orientation: {
-      horizontal: ["flex-row", "flex-wrap"],
-      vertical: ["flex-col"]
-    }
-  }
-});
-exports.DaikinRadioGroup = class DaikinRadioGroup extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.value = "";
-    this.required = false;
-    this.disabled = false;
-    this.readonly = false;
-    this._label = null;
-    this._handleRadioChange = (event) => {
-      event.stopPropagation();
-      this.value = event.target.value;
-      this.dispatchEvent(new Event("change"));
-    };
-  }
-  _reflectSlotProperties() {
-    for (const radio of this._radios) {
-      radio.disabledByParent = this.disabled;
-      radio.readonlyByParent = this.readonly;
-    }
-  }
-  _updateRadios() {
-    const radios = this._radios;
-    const selectedRadio = radios.find((radio) => radio.value === this.value);
-    const firstEnabledRadio = radios.find((radio) => !radio.disabled);
-    for (const daikinRadio of this._radios) {
-      if (this.getBackingProperty("name") != null) {
-        daikinRadio.name = this.name;
-      }
-      const isSelected = daikinRadio === selectedRadio;
-      daikinRadio.checked = isSelected;
-      daikinRadio.skipTab = selectedRadio ? !isSelected : daikinRadio !== firstEnabledRadio;
-    }
-  }
-  _handleSlotChange() {
-    this._reflectSlotProperties();
-    this._updateRadios();
-  }
-  /**
-   * Handles keyboard interactions in the radio list.
-   * https://www.w3.org/WAI/ARIA/apg/patterns/radio/
-   */
-  _handleKeyDown(event) {
-    if (this.disabled || this.readonly) {
-      return;
-    }
-    const moveOffset = {
-      ArrowRight: 1,
-      ArrowDown: 1,
-      ArrowLeft: -1,
-      ArrowUp: -1
-    }[event.key];
-    if (!moveOffset) {
-      return;
-    }
-    event.preventDefault();
-    const enabledRadios = this._radios.filter(({ disabled }) => !disabled);
-    if (!enabledRadios.length) {
-      return;
-    }
-    const activeElement = document.activeElement;
-    const focusedRadioIndex = activeElement ? enabledRadios.findIndex((radio) => radio.contains(activeElement)) : -1;
-    if (focusedRadioIndex < 0) {
-      const activeRadio = enabledRadios.find((radio) => radio.checked) ?? enabledRadios[0];
-      this.value = activeRadio.value;
-      activeRadio.focus();
-      return;
-    }
-    const newIndex = (focusedRadioIndex + moveOffset + enabledRadios.length) % enabledRadios.length;
-    if (newIndex !== focusedRadioIndex) {
-      const newRadio = enabledRadios[newIndex];
-      this.value = newRadio.value;
-      newRadio.focus();
-      this.dispatchEvent(new Event("change"));
+let lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+let class_variance_authority = require("class-variance-authority");
+let lit_directives_if_defined_js = require("lit/directives/if-defined.js");
+//#region src/components/radio-group/daikin-radio-group.ts
+var cvaRadioGroup = (0, class_variance_authority.cva)([
+	"w-full",
+	"flex",
+	"gap-x-8",
+	"gap-y-2"
+], { variants: { orientation: {
+	horizontal: ["flex-row", "flex-wrap"],
+	vertical: ["flex-col"]
+} } });
+var DaikinRadioGroup = class DaikinRadioGroup extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.value = "";
+		this.required = false;
+		this.disabled = false;
+		this.readonly = false;
+		this._label = null;
+		this._handleRadioChange = (event) => {
+			event.stopPropagation();
+			this.value = event.target.value;
+			this.dispatchEvent(new Event("change"));
+		};
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: inline-block;
     }
-  }
-  render() {
-    return lit.html`<fieldset
+  `;
+	}
+	_reflectSlotProperties() {
+		for (const radio of this._radios) {
+			radio.disabledByParent = this.disabled;
+			radio.readonlyByParent = this.readonly;
+		}
+	}
+	_updateRadios() {
+		const radios = this._radios;
+		const selectedRadio = radios.find((radio) => radio.value === this.value);
+		const firstEnabledRadio = radios.find((radio) => !radio.disabled);
+		for (const daikinRadio of this._radios) {
+			if (this.getBackingProperty("name") != null) daikinRadio.name = this.name;
+			const isSelected = daikinRadio === selectedRadio;
+			daikinRadio.checked = isSelected;
+			daikinRadio.skipTab = selectedRadio ? !isSelected : daikinRadio !== firstEnabledRadio;
+		}
+	}
+	_handleSlotChange() {
+		this._reflectSlotProperties();
+		this._updateRadios();
+	}
+	/**
+	* Handles keyboard interactions in the radio list.
+	* https://www.w3.org/WAI/ARIA/apg/patterns/radio/
+	*/
+	_handleKeyDown(event) {
+		if (this.disabled || this.readonly) return;
+		const moveOffset = {
+			ArrowRight: 1,
+			ArrowDown: 1,
+			ArrowLeft: -1,
+			ArrowUp: -1
+		}[event.key];
+		if (!moveOffset) return;
+		event.preventDefault();
+		const enabledRadios = this._radios.filter(({ disabled }) => !disabled);
+		if (!enabledRadios.length) return;
+		const activeElement = document.activeElement;
+		const focusedRadioIndex = activeElement ? enabledRadios.findIndex((radio) => radio.contains(activeElement)) : -1;
+		if (focusedRadioIndex < 0) {
+			const activeRadio = enabledRadios.find((radio) => radio.checked) ?? enabledRadios[0];
+			this.value = activeRadio.value;
+			activeRadio.focus();
+			return;
+		}
+		const newIndex = (focusedRadioIndex + moveOffset + enabledRadios.length) % enabledRadios.length;
+		if (newIndex !== focusedRadioIndex) {
+			const newRadio = enabledRadios[newIndex];
+			this.value = newRadio.value;
+			newRadio.focus();
+			this.dispatchEvent(new Event("change"));
+		}
+	}
+	render() {
+		return lit.html`<fieldset
       class=${cvaRadioGroup({ orientation: this.orientation })}
       role="radiogroup"
-      aria-label=${// eslint-disable-next-line @typescript-eslint/no-explicit-any -- workaround lit-analyzer checking
-    ifDefined_js.ifDefined(this._label)}
-      aria-required=${// eslint-disable-next-line @typescript-eslint/no-explicit-any -- workaround lit-analyzer checking
-    ifDefined_js.ifDefined(this.required)}
-      aria-disabled=${// eslint-disable-next-line @typescript-eslint/no-explicit-any -- workaround lit-analyzer checking
-    ifDefined_js.ifDefined(this.disabled)}
+      aria-label=${(0, lit_directives_if_defined_js.ifDefined)(this._label)}
+      aria-required=${(0, lit_directives_if_defined_js.ifDefined)(this.required)}
+      aria-disabled=${(0, lit_directives_if_defined_js.ifDefined)(this.disabled)}
       @keydown=${this._handleKeyDown}
     >
       <slot
@@ -122,63 +110,53 @@ exports.DaikinRadioGroup = class DaikinRadioGroup extends ddsElement.DDSElement
       >
       </slot>
     </fieldset>`;
-  }
-  updated(changedProperties) {
-    this._reflectSlotProperties();
-    if (changedProperties.has("value") || changedProperties.has("name")) {
-      this._updateRadios();
-    }
-  }
-  /**
-   * This method is used by `daikin-input-group` to reflect it's attributes to this component.
-   * @private
-   */
-  reflectInputGroup(inputGroup) {
-    this._label = inputGroup.label;
-    this.required = !!inputGroup.required;
-    this.disabled = inputGroup.disabled;
-    this.readonly = inputGroup.readonly;
-  }
+	}
+	updated(changedProperties) {
+		this._reflectSlotProperties();
+		if (changedProperties.has("value") || changedProperties.has("name")) this._updateRadios();
+	}
+	/**
+	* This method is used by `daikin-input-group` to reflect it's attributes to this component.
+	* @private
+	*/
+	reflectInputGroup(inputGroup) {
+		this._label = inputGroup.label;
+		this.required = !!inputGroup.required;
+		this.disabled = inputGroup.disabled;
+		this.readonly = inputGroup.readonly;
+	}
 };
-exports.DaikinRadioGroup.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: inline-block;
-    }
-  `;
-__decorateClass([
-  decorators_js.queryAssignedElements({ selector: "daikin-radio" })
-], exports.DaikinRadioGroup.prototype, "_radios", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "vertical",
-    isAllowedValue: ddsProperty.oneOf([
-      "horizontal",
-      "vertical"
-    ])
-  })
-], exports.DaikinRadioGroup.prototype, "orientation", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, fallbackValue: "" })
-], exports.DaikinRadioGroup.prototype, "name", 2);
-__decorateClass([
-  ddsProperty.property({ type: String })
-], exports.DaikinRadioGroup.prototype, "value", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinRadioGroup.prototype, "required", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinRadioGroup.prototype, "disabled", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinRadioGroup.prototype, "readonly", 2);
-__decorateClass([
-  decorators_js.state()
-], exports.DaikinRadioGroup.prototype, "_label", 2);
-exports.DaikinRadioGroup = __decorateClass([
-  decorators.ddsElement("daikin-radio-group")
-], exports.DaikinRadioGroup);
+require_decorate.default([(0, lit_decorators_js.queryAssignedElements)({ selector: "daikin-radio" })], DaikinRadioGroup.prototype, "_radios", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "vertical",
+	isAllowedValue: require_dds_property.oneOf(["horizontal", "vertical"])
+})], DaikinRadioGroup.prototype, "orientation", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: ""
+})], DaikinRadioGroup.prototype, "name", void 0);
+require_decorate.default([require_dds_property.property({ type: String })], DaikinRadioGroup.prototype, "value", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinRadioGroup.prototype, "required", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinRadioGroup.prototype, "disabled", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinRadioGroup.prototype, "readonly", void 0);
+require_decorate.default([(0, lit_decorators_js.state)()], DaikinRadioGroup.prototype, "_label", void 0);
+DaikinRadioGroup = require_decorate.default([require_decorators.ddsElement("daikin-radio-group")], DaikinRadioGroup);
+//#endregion
+Object.defineProperty(exports, "DaikinRadioGroup", {
+	enumerable: true,
+	get: function() {
+		return DaikinRadioGroup;
+	}
+});

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

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