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

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

@@ -1,206 +1,186 @@
-"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 unsafeHtml_js = require("lit/directives/unsafe-html.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 iconRegistry = require("../../icon-registry.cjs");
-const tailwind = require("../../tailwind.css.cjs");
-const icons$1 = require("./icons.json.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 { icons } = icons$1.default;
-const iconList = Object.keys(icons).filter(
-  (key) => key !== "logo-positive" && key !== "logo-negative"
-);
+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");
+const require_icon_registry = require("../../icon-registry.cjs");
+const require_icons = require("./icons.json.cjs");
+let lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+let class_variance_authority = require("class-variance-authority");
+let lit_directives_unsafe_html_js = require("lit/directives/unsafe-html.js");
+//#region src/components/icon/daikin-icon.ts
+var { icons } = require_icons.default;
+var iconList = Object.keys(icons).filter((key) => key !== "logo-positive" && key !== "logo-negative");
 function svgToDataUrl(svg) {
-  const encoded = encodeURIComponent(svg).replaceAll("'", "%27");
-  return `url("data:image/svg+xml,${encoded}")`;
+	return `url("data:image/svg+xml,${encodeURIComponent(svg).replaceAll("'", "%27")}")`;
 }
-const cvaIcon = classVarianceAuthority.cva(["inline-flex size-full"], {
-  variants: {
-    color: {
-      black: ["text-black"],
-      white: ["text-ddt-color-common-text-inverse"],
-      default: ["text-(--default-color)"],
-      current: []
-      // uses `currentColor`
-    },
-    mode: {
-      inline: [],
-      mask: [
-        "bg-current",
-        "mask-size-[100%_100%]",
-        "mask-no-repeat",
-        "mask-(--svg)"
-      ],
-      background: ["bg-no-repeat", "bg-size-[100%_100%]", "bg-(image:--svg)"],
-      static: []
-      // for static icons from icons.json
+var cvaIcon = (0, class_variance_authority.cva)(["inline-flex size-full"], { variants: {
+	color: {
+		black: ["text-ddt-color-black"],
+		white: ["text-ddt-color-white"],
+		default: ["text-(--default-color)"],
+		current: []
+	},
+	mode: {
+		inline: [],
+		mask: [
+			"bg-current",
+			"mask-size-[100%_100%]",
+			"mask-no-repeat",
+			"mask-(--svg)"
+		],
+		background: [
+			"bg-no-repeat",
+			"bg-size-[100%_100%]",
+			"bg-(image:--svg)"
+		],
+		static: []
+	}
+} });
+var DaikinIcon = class DaikinIcon extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.registry = require_icon_registry.iconRegistry;
+		this._iconData = null;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: inline-flex;
+      width: var(--ddc-icon-size, 100%);
+      height: var(--ddc-icon-size, 100%);
     }
-  }
-});
-exports.DaikinIcon = class DaikinIcon extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.registry = iconRegistry.iconRegistry;
-    this._iconData = null;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.loadIcon().catch((error) => {
-    });
-  }
-  updated(changedProperties) {
-    if (changedProperties.has("icon")) {
-      this.loadIcon().catch((error) => {
-      });
+
+    :host([size="s"]) {
+      --ddc-icon-size: 16px;
     }
-  }
-  async loadIcon() {
-    if (!this.icon) {
-      this._iconData = null;
-      return;
+
+    :host([size="m"]) {
+      --ddc-icon-size: 24px;
     }
-    const staticIcon = icons[this.icon];
-    if (staticIcon) {
-      this._iconData = {
-        mode: "static",
-        defaultColor: staticIcon.color,
-        class: staticIcon.class
-      };
-      return;
+
+    :host([size="l"]) {
+      --ddc-icon-size: 32px;
     }
-    try {
-      const iconData = await this.registry.getIcon(this.icon);
-      if (false) ;
-      this._iconData = iconData;
-    } catch (error) {
-      this._iconData = null;
+
+    :host([size="xl"]) {
+      --ddc-icon-size: 40px;
     }
-  }
-  render() {
-    if (!this.icon) {
-      return lit.html`<span
+  `;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.loadIcon().catch((error) => {});
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("icon")) this.loadIcon().catch((error) => {});
+	}
+	async loadIcon() {
+		if (!this.icon) {
+			this._iconData = null;
+			return;
+		}
+		const staticIcon = icons[this.icon];
+		if (staticIcon) {
+			this._iconData = {
+				mode: "static",
+				defaultColor: staticIcon.color,
+				class: staticIcon.class
+			};
+			return;
+		}
+		try {
+			const iconData = await this.registry.getIcon(this.icon);
+			this._iconData = iconData;
+		} catch (error) {
+			this._iconData = null;
+		}
+	}
+	render() {
+		if (!this.icon) return lit.html`<span
         class=${cvaIcon({
-        color: this.color,
-        mode: "static"
-      })}
+			color: this.color,
+			mode: "static"
+		})}
         title="Unknown icon"
       ></span>`;
-    }
-    if (!this._iconData) {
-      return lit.html`<span
+		if (!this._iconData) return lit.html`<span
         class=${cvaIcon({
-        color: this.color,
-        mode: "inline"
-      })}
+			color: this.color,
+			mode: "inline"
+		})}
         title=${this.icon || "Unknown icon"}
       ></span>`;
-    }
-    const defaultColor = this._iconData.defaultColor;
-    if (this._iconData.mode === "static") {
-      return lit.html`<span
+		const defaultColor = this._iconData.defaultColor;
+		if (this._iconData.mode === "static") return lit.html`<span
         class="${cvaIcon({
-        color: this.color,
-        mode: "static"
-      })} ${this._iconData.class}"
+			color: this.color,
+			mode: "static"
+		})} ${this._iconData.class}"
         style=${`--default-color:${defaultColor ?? "#000000"}`}
         role="presentation"
       ></span>`;
-    }
-    const mode = this._iconData.mode ?? "mask";
-    if (mode === "inline") {
-      return lit.html`<span
+		const mode = this._iconData.mode ?? "mask";
+		if (mode === "inline") return lit.html`<span
         class=${cvaIcon({
-        color: this.color,
-        mode
-      })}
+			color: this.color,
+			mode
+		})}
         style=${`--default-color:${defaultColor ?? "#000000"}`}
         role="presentation"
-        >${unsafeHtml_js.unsafeHTML(this._iconData.svg)}</span
+        >${(0, lit_directives_unsafe_html_js.unsafeHTML)(this._iconData.svg)}</span
       >`;
-    }
-    const svgDataUrl = svgToDataUrl(this._iconData.svg);
-    return lit.html`<span
+		const svgDataUrl = svgToDataUrl(this._iconData.svg);
+		return lit.html`<span
       class=${cvaIcon({
-      color: this.color,
-      mode
-    })}
+			color: this.color,
+			mode
+		})}
       style=${`--default-color:${defaultColor ?? "#000000"};--svg:${svgDataUrl}`}
       role="presentation"
     ></span>`;
-  }
+	}
 };
-exports.DaikinIcon.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: inline-flex;
-      width: var(--ddc-icon-size, 100%);
-      height: var(--ddc-icon-size, 100%);
-    }
-
-    :host([size="s"]) {
-      --ddc-icon-size: 16px;
-    }
-
-    :host([size="m"]) {
-      --ddc-icon-size: 24px;
-    }
-
-    :host([size="l"]) {
-      --ddc-icon-size: 32px;
-    }
-
-    :host([size="xl"]) {
-      --ddc-icon-size: 40px;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({ attribute: false })
-], exports.DaikinIcon.prototype, "registry", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, fallbackValue: "" })
-], exports.DaikinIcon.prototype, "icon", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "default",
-    isAllowedValue: ddsProperty.oneOf([
-      "default",
-      "current",
-      "black",
-      "white"
-    ])
-  })
-], exports.DaikinIcon.prototype, "color", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "current",
-    isAllowedValue: ddsProperty.oneOf(["s", "m", "l", "xl", "current"])
-  })
-], exports.DaikinIcon.prototype, "size", 2);
-__decorateClass([
-  decorators_js.state()
-], exports.DaikinIcon.prototype, "_iconData", 2);
-exports.DaikinIcon = __decorateClass([
-  decorators.ddsElement("daikin-icon")
-], exports.DaikinIcon);
+require_decorate.default([require_dds_property.property({ attribute: false })], DaikinIcon.prototype, "registry", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: ""
+})], DaikinIcon.prototype, "icon", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "default",
+	isAllowedValue: require_dds_property.oneOf([
+		"default",
+		"current",
+		"black",
+		"white"
+	])
+})], DaikinIcon.prototype, "color", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "current",
+	isAllowedValue: require_dds_property.oneOf([
+		"s",
+		"m",
+		"l",
+		"xl",
+		"current"
+	])
+})], DaikinIcon.prototype, "size", void 0);
+require_decorate.default([(0, lit_decorators_js.state)()], DaikinIcon.prototype, "_iconData", void 0);
+DaikinIcon = require_decorate.default([require_decorators.ddsElement("daikin-icon")], DaikinIcon);
+//#endregion
+Object.defineProperty(exports, "DaikinIcon", {
+	enumerable: true,
+	get: function() {
+		return DaikinIcon;
+	}
+});
 exports.iconList = iconList;

package/dist/cjs/components/icon/icons.json.cjs

@@ -1,8 +1,99 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const icons = { "logo-positive": { "class": "icon-[daikin--logo-positive]", "color": null }, "logo-negative": { "class": "icon-[daikin--logo-negative]", "color": null }, "alarm": { "class": "icon-[daikin--alarm]", "color": null }, "close": { "class": "icon-[daikin--close]", "color": "#a0a0a0" }, "information": { "class": "icon-[daikin--information]", "color": null }, "error": { "class": "icon-[daikin--error]", "color": null }, "success": { "class": "icon-[daikin--success]", "color": null }, "warning": { "class": "icon-[daikin--warning]", "color": null }, "pagination-chevron-left": { "class": "icon-[daikin--pagination-chevron-left]", "color": "#414141" }, "pagination-chevron-right": { "class": "icon-[daikin--pagination-chevron-right]", "color": "#414141" }, "profile": { "class": "icon-[daikin--profile]", "color": null }, "chevron-up": { "class": "icon-[daikin--chevron-up]", "color": null }, "chevron-down": { "class": "icon-[daikin--chevron-down]", "color": null }, "chevron-left": { "class": "icon-[daikin--chevron-left]", "color": null }, "chevron-right": { "class": "icon-[daikin--chevron-right]", "color": null }, "sort": { "class": "icon-[daikin--sort]", "color": null }, "negative": { "class": "icon-[daikin--error]", "color": null }, "positive": { "class": "icon-[daikin--success]", "color": null }, "cross": { "class": "icon-[daikin--close]", "color": null }, "notification": { "class": "icon-[daikin--notification]", "color": null }, "neutral": { "class": "icon-[daikin--neutral]", "color": null }, "download": { "class": "icon-[daikin--download]", "color": null }, "check": { "class": "icon-[daikin--check]", "color": null } };
-const iconsJson = {
-  icons
+//#region src/components/icon/icons.json
+var icons = {
+	"logo-positive": {
+		"class": "icon-[daikin--logo-positive]",
+		"color": null
+	},
+	"logo-negative": {
+		"class": "icon-[daikin--logo-negative]",
+		"color": null
+	},
+	"alarm": {
+		"class": "icon-[daikin--alarm]",
+		"color": null
+	},
+	"close": {
+		"class": "icon-[daikin--close]",
+		"color": "#a0a0a0"
+	},
+	"information": {
+		"class": "icon-[daikin--information]",
+		"color": null
+	},
+	"error": {
+		"class": "icon-[daikin--error]",
+		"color": null
+	},
+	"success": {
+		"class": "icon-[daikin--success]",
+		"color": null
+	},
+	"warning": {
+		"class": "icon-[daikin--warning]",
+		"color": null
+	},
+	"pagination-chevron-left": {
+		"class": "icon-[daikin--pagination-chevron-left]",
+		"color": "#414141"
+	},
+	"pagination-chevron-right": {
+		"class": "icon-[daikin--pagination-chevron-right]",
+		"color": "#414141"
+	},
+	"profile": {
+		"class": "icon-[daikin--profile]",
+		"color": null
+	},
+	"chevron-up": {
+		"class": "icon-[daikin--chevron-up]",
+		"color": null
+	},
+	"chevron-down": {
+		"class": "icon-[daikin--chevron-down]",
+		"color": null
+	},
+	"chevron-left": {
+		"class": "icon-[daikin--chevron-left]",
+		"color": null
+	},
+	"chevron-right": {
+		"class": "icon-[daikin--chevron-right]",
+		"color": null
+	},
+	"sort": {
+		"class": "icon-[daikin--sort]",
+		"color": null
+	},
+	"negative": {
+		"class": "icon-[daikin--error]",
+		"color": null
+	},
+	"positive": {
+		"class": "icon-[daikin--success]",
+		"color": null
+	},
+	"cross": {
+		"class": "icon-[daikin--close]",
+		"color": null
+	},
+	"notification": {
+		"class": "icon-[daikin--notification]",
+		"color": null
+	},
+	"neutral": {
+		"class": "icon-[daikin--neutral]",
+		"color": null
+	},
+	"download": {
+		"class": "icon-[daikin--download]",
+		"color": null
+	},
+	"check": {
+		"class": "icon-[daikin--check]",
+		"color": null
+	}
 };
-exports.default = iconsJson;
+var icons_default = { icons };
+//#endregion
+exports.default = icons_default;
 exports.icons = icons;

package/dist/cjs/components/icon/index.cjs

@@ -1,8 +1,9 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const daikinIcon = require("./daikin-icon.cjs");
+const require_daikin_icon = require("./daikin-icon.cjs");
 Object.defineProperty(exports, "DaikinIcon", {
-  enumerable: true,
-  get: () => daikinIcon.DaikinIcon
+	enumerable: true,
+	get: function() {
+		return require_daikin_icon.DaikinIcon;
+	}
 });
-exports.iconList = daikinIcon.iconList;
+exports.iconList = require_daikin_icon.iconList;