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

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

@@ -1,188 +1,174 @@
-"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");
-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 cvaWrapper = classVarianceAuthority.cva(
-  [
-    "inline-block",
-    "rounded-full",
-    "relative",
-    "overflow-hidden",
-    "box-border",
-    "size-full",
-    "focus-visible:outline-solid",
-    "focus-visible:outline-2",
-    "focus-visible:outline-offset-2",
-    "focus-visible:outline-ddt-color-common-border-focus"
-  ],
-  {
-    variants: {
-      type: {
-        button: [
-          "enabled:bg-ddt-color-common-neutral-default",
-          "enabled:text-ddt-color-common-surface-default",
-          "enabled:hover:bg-ddt-color-common-neutral-hover",
-          "enabled:hover:text-ddt-color-common-surface-hover",
-          "enabled:active:bg-ddt-color-common-neutral-press",
-          "enabled:active:text-ddt-color-common-surface-press",
-          "disabled:bg-ddt-color-common-disabled",
-          "disabled:text-ddt-color-common-surface-default"
-        ],
-        icon: [
-          "bg-ddt-color-common-neutral-default",
-          "text-ddt-color-common-surface-default"
-        ],
-        link: [
-          "link-enabled:bg-ddt-color-common-neutral-default",
-          "link-enabled:text-ddt-color-common-surface-default",
-          "hover:link-enabled:bg-ddt-color-common-neutral-hover",
-          "hover:link-enabled:text-ddt-color-common-surface-hover",
-          "active:link-enabled:bg-ddt-color-common-neutral-press",
-          "active:link-enabled:text-ddt-color-common-surface-press",
-          "link-disabled:bg-ddt-color-common-disabled",
-          "link-disabled:text-ddt-color-common-surface-default"
-        ]
-      }
+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 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/avatar/daikin-avatar.ts
+var cvaWrapper = (0, class_variance_authority.cva)([
+	"inline-block",
+	"rounded-full",
+	"relative",
+	"overflow-hidden",
+	"box-border",
+	"size-full",
+	"focus-visible:outline-solid",
+	"focus-visible:outline-2",
+	"focus-visible:outline-offset-2",
+	"focus-visible:outline-ddt-color-common-border-focus"
+], { variants: { type: {
+	button: [
+		"enabled:bg-ddt-color-common-neutral-default",
+		"enabled:text-ddt-color-common-surface-default",
+		"enabled:hover:bg-ddt-color-common-neutral-hover",
+		"enabled:hover:text-ddt-color-common-surface-hover",
+		"enabled:active:bg-ddt-color-common-neutral-press",
+		"enabled:active:text-ddt-color-common-surface-press",
+		"disabled:bg-ddt-color-common-disabled",
+		"disabled:text-ddt-color-common-surface-default"
+	],
+	icon: ["bg-ddt-color-common-neutral-default", "text-ddt-color-common-surface-default"],
+	link: [
+		"link-enabled:bg-ddt-color-common-neutral-default",
+		"link-enabled:text-ddt-color-common-surface-default",
+		"hover:link-enabled:bg-ddt-color-common-neutral-hover",
+		"hover:link-enabled:text-ddt-color-common-surface-hover",
+		"active:link-enabled:bg-ddt-color-common-neutral-press",
+		"active:link-enabled:text-ddt-color-common-surface-press",
+		"link-disabled:bg-ddt-color-common-disabled",
+		"link-disabled:text-ddt-color-common-surface-default"
+	]
+} } });
+var DaikinAvatar = class DaikinAvatar extends require_dds_element.DDSElement {
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: inline-flex;
+      position: relative;
     }
-  }
-);
-exports.DaikinAvatar = class DaikinAvatar extends ddsElement.DDSElement {
-  constructor() {
-    super();
-    this.href = null;
-    this.alt = null;
-    this.disabled = false;
-    this.avatarAriaHaspopup = null;
-    this.avatarAriaExpanded = null;
-    this.addEventListener("click", (event) => {
-      if (this.disabled || this.type === "link" && this.href == null) {
-        event.stopImmediatePropagation();
-      }
-    });
-  }
-  /**
-   * _Internal use._
-   * Returns the navigation target information.
-   * Used by navigation handling utilities.
-   *
-   * @returns Navigation target information or `null` if not navigable.
-   *
-   * @private
-   */
-  getDDSNavigationTarget() {
-    if (this.href == null || this.disabled || this.type !== "link") {
-      return null;
+
+    :host {
+      width: 2.5rem;
+      height: 2.5rem;
     }
-    return {
-      href: this.href,
-      target: null
-    };
-  }
-  render() {
-    const icon = lit.html`
+  `;
+	}
+	constructor() {
+		super();
+		this.href = null;
+		this.alt = null;
+		this.disabled = false;
+		this.avatarAriaHaspopup = null;
+		this.avatarAriaExpanded = null;
+		this.addEventListener("click", (event) => {
+			if (this.disabled || this.type === "link" && this.href == null) event.stopImmediatePropagation();
+		});
+	}
+	/**
+	* _Internal use._
+	* Returns the navigation target information.
+	* Used by navigation handling utilities.
+	*
+	* @returns Navigation target information or `null` if not navigable.
+	*
+	* @private
+	*/
+	getDDSNavigationTarget() {
+		if (this.href == null || this.disabled || this.type !== "link") return null;
+		return {
+			href: this.href,
+			target: null
+		};
+	}
+	render() {
+		const icon = lit.html`
       <span
         class="icon-[daikin--profile] size-10"
       >
       </span>
     </daikin-icon>`;
-    if (this.type === "icon") {
-      return lit.html`<span
+		if (this.type === "icon") return lit.html`<span
         class=${cvaWrapper({ type: "icon" })}
         role="figure"
-        aria-label=${ifDefined_js.ifDefined(this.alt)}
+        aria-label=${(0, lit_directives_if_defined_js.ifDefined)(this.alt)}
       >
         ${icon}
       </span>`;
-    } else if (this.type === "button") {
-      return lit.html`<button
+		else if (this.type === "button") return lit.html`<button
         type="button"
         class=${cvaWrapper({ type: "button" })}
-        aria-label=${ifDefined_js.ifDefined(this.alt)}
-        aria-haspopup=${ifDefined_js.ifDefined(this.avatarAriaHaspopup)}
-        aria-expanded=${ifDefined_js.ifDefined(this.avatarAriaExpanded)}
+        aria-label=${(0, lit_directives_if_defined_js.ifDefined)(this.alt)}
+        aria-haspopup=${(0, lit_directives_if_defined_js.ifDefined)(this.avatarAriaHaspopup)}
+        aria-expanded=${(0, lit_directives_if_defined_js.ifDefined)(this.avatarAriaExpanded)}
         ?disabled=${this.disabled}
       >
         ${icon}
       </button>`;
-    } else {
-      const linkDisabled = this.disabled || this.href == null;
-      return lit.html`<a
+		else {
+			const linkDisabled = this.disabled || this.href == null;
+			return lit.html`<a
         class=${cvaWrapper({ type: "link" })}
         role=${linkDisabled ? "link" : lit.nothing}
-        aria-label=${ifDefined_js.ifDefined(this.alt)}
-        href=${ifDefined_js.ifDefined(!linkDisabled ? this.href : void 0)}
+        aria-label=${(0, lit_directives_if_defined_js.ifDefined)(this.alt)}
+        href=${(0, lit_directives_if_defined_js.ifDefined)(!linkDisabled ? this.href : void 0)}
         aria-disabled=${linkDisabled ? "true" : lit.nothing}
       >
         ${icon}
       </a>`;
-    }
-  }
-  /**
-   * Focuses on the inner button or link.
-   * @param options focus options
-   */
-  focus(options) {
-    var _a;
-    (_a = this._focusableElement) == null ? void 0 : _a.focus(options);
-  }
+		}
+	}
+	/**
+	* Focuses on the inner button or link.
+	* @param options focus options
+	*/
+	focus(options) {
+		this._focusableElement?.focus(options);
+	}
 };
-exports.DaikinAvatar.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: inline-flex;
-      position: relative;
-    }
-
-    :host {
-      width: 2.5rem;
-      height: 2.5rem;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "icon",
-    isAllowedValue: ddsProperty.oneOf(["button", "icon", "link"])
-  })
-], exports.DaikinAvatar.prototype, "type", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true })
-], exports.DaikinAvatar.prototype, "href", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true })
-], exports.DaikinAvatar.prototype, "alt", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinAvatar.prototype, "disabled", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, attribute: "avatar-aria-haspopup" })
-], exports.DaikinAvatar.prototype, "avatarAriaHaspopup", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, attribute: "avatar-aria-expanded" })
-], exports.DaikinAvatar.prototype, "avatarAriaExpanded", 2);
-__decorateClass([
-  decorators_js.query("a,button")
-], exports.DaikinAvatar.prototype, "_focusableElement", 2);
-exports.DaikinAvatar = __decorateClass([
-  decorators.ddsElement("daikin-avatar")
-], exports.DaikinAvatar);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "icon",
+	isAllowedValue: require_dds_property.oneOf([
+		"button",
+		"icon",
+		"link"
+	])
+})], DaikinAvatar.prototype, "type", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true
+})], DaikinAvatar.prototype, "href", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true
+})], DaikinAvatar.prototype, "alt", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinAvatar.prototype, "disabled", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "avatar-aria-haspopup"
+})], DaikinAvatar.prototype, "avatarAriaHaspopup", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "avatar-aria-expanded"
+})], DaikinAvatar.prototype, "avatarAriaExpanded", void 0);
+require_decorate.default([(0, lit_decorators_js.query)("a,button")], DaikinAvatar.prototype, "_focusableElement", void 0);
+DaikinAvatar = require_decorate.default([require_decorators.ddsElement("daikin-avatar")], DaikinAvatar);
+//#endregion
+Object.defineProperty(exports, "DaikinAvatar", {
+	enumerable: true,
+	get: function() {
+		return DaikinAvatar;
+	}
+});

package/dist/cjs/components/avatar/index.cjs

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