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

package/dist/cjs-dev/components/inline-notification/daikin-inline-notification.cjs

@@ -1,127 +1,114 @@
-"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");
-const notificationCommon = require("../../utils/notification-common.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("../icon-button/daikin-icon-button.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 cvaContainer = classVarianceAuthority.cva(
-  [
-    "flex",
-    "items-center",
-    "gap-3",
-    "w-full",
-    "h-full",
-    "text-ddt-color-common-text-primary",
-    "bg-ddt-color-common-background-default",
-    "p-4",
-    "overflow-hidden",
-    "transition",
-    "box-border",
-    "before:size-6",
-    "before:flex-none"
-  ],
-  {
-    variants: {
-      variant: {
-        toast: [
-          "rounded-lg",
-          "border",
-          "border-ddt-color-divider",
-          "translate-x-(--move-offset-x,0)",
-          "translate-y-(--move-offset-y,0)",
-          "opacity-(--opacity,1)",
-          "[pointer-events:var(--pointer-events,auto)]",
-          "duration-(--transition-duration,var(--ddc-toast-animation-duration,0ms))"
-        ],
-        inline: []
-      },
-      status: {
-        positive: [
-          "before:text-ddt-color-common-success",
-          "before:icon-[daikin--success]"
-        ],
-        negative: [
-          "before:text-ddt-color-common-danger-default",
-          "before:icon-[daikin--error]"
-        ],
-        warning: [
-          "before:text-ddt-color-common-warning",
-          "before:icon-[daikin--warning]"
-        ],
-        alarm: [
-          "before:text-ddt-color-common-alarm",
-          "before:icon-[daikin--alarm]"
-        ],
-        information: [
-          "before:text-ddt-color-common-information",
-          "before:icon-[daikin--information]"
-        ]
-      }
-    }
-  }
-);
-const cvaContent = classVarianceAuthority.cva(["flex", "items-center", "w-full", "justify-between"], {
-  variants: {
-    layout: {
-      horizontal: ["gap-3", "overflow-hidden"],
-      vertical: ["items-stretch", "flex-col", "gap-1"]
+const require_notification_common = require("../../utils/notification-common.cjs");
+let lit = require("lit");
+let class_variance_authority = require("class-variance-authority");
+//#region src/components/inline-notification/daikin-inline-notification.ts
+var cvaContainer = (0, class_variance_authority.cva)([
+	"flex",
+	"items-center",
+	"gap-3",
+	"w-full",
+	"h-full",
+	"text-ddt-color-common-text-primary",
+	"bg-ddt-color-common-background-default",
+	"p-4",
+	"overflow-hidden",
+	"transition",
+	"box-border",
+	"before:size-6",
+	"before:flex-none"
+], { variants: {
+	variant: {
+		toast: [
+			"rounded-lg",
+			"border",
+			"border-ddt-color-divider",
+			"translate-x-(--move-offset-x,0)",
+			"translate-y-(--move-offset-y,0)",
+			"opacity-(--opacity,1)",
+			"[pointer-events:var(--pointer-events,auto)]",
+			"duration-(--transition-duration,var(--ddc-toast-animation-duration,0ms))"
+		],
+		inline: []
+	},
+	status: {
+		positive: ["before:text-ddt-color-common-success", "before:icon-[daikin--success]"],
+		negative: ["before:text-ddt-color-common-danger-default", "before:icon-[daikin--error]"],
+		warning: ["before:text-ddt-color-common-warning", "before:icon-[daikin--warning]"],
+		alarm: ["before:text-ddt-color-common-alarm", "before:icon-[daikin--alarm]"],
+		information: ["before:text-ddt-color-common-information", "before:icon-[daikin--information]"]
+	}
+} });
+var cvaContent = (0, class_variance_authority.cva)([
+	"flex",
+	"items-center",
+	"w-full",
+	"justify-between"
+], { variants: { layout: {
+	horizontal: ["gap-3", "overflow-hidden"],
+	vertical: [
+		"items-stretch",
+		"flex-col",
+		"gap-1"
+	]
+} } });
+var cvaTextContent = (0, class_variance_authority.cva)(["flex"], { variants: { layout: {
+	horizontal: ["flex-row", "gap-3"],
+	vertical: ["flex-col", "gap-1"]
+} } });
+var TITLE_CLASS_NAME = (0, class_variance_authority.cva)([
+	"slotted:inline-block",
+	"font-bold",
+	"slotted:natural-break"
+])();
+var DESCRIPTION_CLASS_NAME = (0, class_variance_authority.cva)(["inline-block", "natural-break"])();
+var DaikinInlineNotification = class DaikinInlineNotification extends require_dds_element.DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.closable = false;
+		this.timestamp = null;
+	}
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: block;
+      width: 100%;
     }
-  }
-});
-const cvaTextContent = classVarianceAuthority.cva(["flex"], {
-  variants: {
-    layout: {
-      horizontal: ["flex-row", "gap-3"],
-      vertical: ["flex-col", "gap-1"]
+
+    :host([hidden]) {
+      display: none;
     }
-  }
-});
-const TITLE_CLASS_NAME = classVarianceAuthority.cva([
-  "slotted:inline-block",
-  "font-bold",
-  "slotted:natural-break"
-])();
-const DESCRIPTION_CLASS_NAME = classVarianceAuthority.cva(["inline-block", "natural-break"])();
-exports.DaikinInlineNotification = class DaikinInlineNotification extends ddsElement.DDSElement {
-  constructor() {
-    super(...arguments);
-    this.closable = false;
-    this.timestamp = null;
-  }
-  /**
-   * Emits a "close" event and sets `this.hidden` to true.
-   */
-  _handleClickClose() {
-    this.hidden = true;
-    this.dispatchEvent(new Event("close"));
-  }
-  render() {
-    const formattedTimestamp = this.timestamp ? notificationCommon.formatDate(this.timestamp) : null;
-    return lit.html`<aside
-      class=${cvaContainer({ variant: "inline", status: this.status })}
+  `;
+	}
+	/**
+	* Emits a "close" event and sets `this.hidden` to true.
+	*/
+	_handleClickClose() {
+		this.hidden = true;
+		this.dispatchEvent(new Event("close"));
+	}
+	render() {
+		const formattedTimestamp = this.timestamp ? require_notification_common.formatDate(this.timestamp) : null;
+		return lit.html`<aside
+      class=${cvaContainer({
+			variant: "inline",
+			status: this.status
+		})}
     >
       <div class=${cvaContent({ layout: this.layout })}>
         <div class=${cvaTextContent({ layout: this.layout })}>
           <slot class=${TITLE_CLASS_NAME} name="title"></slot>
           <slot class=${DESCRIPTION_CLASS_NAME}></slot>
         </div>
-        ${formattedTimestamp ? lit.html`<span class=${notificationCommon.cvaTimestamp({ layout: this.layout })}
+        ${formattedTimestamp ? lit.html`<span class=${require_notification_common.cvaTimestamp({ layout: this.layout })}
               >${formattedTimestamp}</span
             >` : lit.nothing}
       </div>
@@ -136,51 +123,40 @@ exports.DaikinInlineNotification = class DaikinInlineNotification extends ddsEle
             ></span>
           </daikin-icon-button>` : lit.nothing}
     </aside>`;
-  }
+	}
 };
-exports.DaikinInlineNotification.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: block;
-      width: 100%;
-    }
-
-    :host([hidden]) {
-      display: none;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "positive",
-    isAllowedValue: ddsProperty.oneOf([
-      "positive",
-      "negative",
-      "warning",
-      "alarm",
-      "information"
-    ])
-  })
-], exports.DaikinInlineNotification.prototype, "status", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "horizontal",
-    isAllowedValue: ddsProperty.oneOf([
-      "horizontal",
-      "vertical"
-    ])
-  })
-], exports.DaikinInlineNotification.prototype, "layout", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinInlineNotification.prototype, "closable", 2);
-__decorateClass([
-  ddsProperty.property({ type: Object, reflect: true, attribute: false })
-], exports.DaikinInlineNotification.prototype, "timestamp", 2);
-exports.DaikinInlineNotification = __decorateClass([
-  decorators.ddsElement("daikin-inline-notification")
-], exports.DaikinInlineNotification);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "positive",
+	isAllowedValue: require_dds_property.oneOf([
+		"positive",
+		"negative",
+		"warning",
+		"alarm",
+		"information"
+	])
+})], DaikinInlineNotification.prototype, "status", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "horizontal",
+	isAllowedValue: require_dds_property.oneOf(["horizontal", "vertical"])
+})], DaikinInlineNotification.prototype, "layout", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinInlineNotification.prototype, "closable", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Object,
+	reflect: true,
+	attribute: false
+})], DaikinInlineNotification.prototype, "timestamp", void 0);
+DaikinInlineNotification = require_decorate.default([require_decorators.ddsElement("daikin-inline-notification")], DaikinInlineNotification);
+//#endregion
+Object.defineProperty(exports, "DaikinInlineNotification", {
+	enumerable: true,
+	get: function() {
+		return DaikinInlineNotification;
+	}
+});

package/dist/cjs-dev/components/inline-notification/index.cjs

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