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

package/dist/es-dev/components/link/daikin-link.js

@@ -1,94 +1,90 @@
-import { cva } from "class-variance-authority";
-import { unsafeCSS, css, html } from "lit";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { createRef, ref } from "lit/directives/ref.js";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
 import { property } from "../../base/dds-property.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { ddsElement } from "../../base/decorators.js";
-import "../../base/define.js";
-import tailwindStyles from "../../tailwind.css.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const cvaLinkWrapper = cva(
-  [
-    "relative",
-    "natural-break",
-    "link-enabled:text-ddt-color-link-text-default",
-    "hover:link-enabled:text-ddt-color-link-text-hover",
-    "hover:link-enabled:bg-ddt-color-common-surface-brand-hover",
-    "active:link-enabled:text-ddt-color-link-text-press",
-    "active:link-enabled:bg-ddt-color-common-surface-brand-press",
-    "link-disabled:text-ddt-color-common-disabled",
-    "focus-visible:outline-solid",
-    "focus-visible:outline-2",
-    "focus-visible:outline-ddt-color-common-border-focus",
-    "focus-visible:outline-offset-2"
-  ],
-  {
-    variants: {
-      size: {
-        small: ["text-(length:--dds-font-size-350)"],
-        medium: []
-      }
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
+import { css, html, unsafeCSS } from "lit";
+import { cva } from "class-variance-authority";
+import { createRef, ref } from "lit/directives/ref.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+//#region src/components/link/daikin-link.ts
+var cvaLinkWrapper = cva([
+	"relative",
+	"natural-break",
+	"link-enabled:text-ddt-color-link-text-default",
+	"hover:link-enabled:text-ddt-color-link-text-hover",
+	"hover:link-enabled:bg-ddt-color-common-surface-brand-hover",
+	"active:link-enabled:text-ddt-color-link-text-press",
+	"active:link-enabled:bg-ddt-color-common-surface-brand-press",
+	"link-disabled:text-ddt-color-common-disabled",
+	"focus-visible:outline-solid",
+	"focus-visible:outline-2",
+	"focus-visible:outline-ddt-color-common-border-focus",
+	"focus-visible:outline-offset-2"
+], { variants: { size: {
+	small: ["text-(length:--dds-font-size-350)"],
+	medium: []
+} } });
+var cvaContent = cva([], { variants: { noUnderline: {
+	true: [],
+	false: ["border-b", "border-b-current"]
+} } });
+var DaikinLink = class DaikinLink extends DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.href = null;
+		this.target = null;
+		this.disabled = false;
+		this.showVisited = false;
+		this.size = "medium";
+		this.noUnderline = false;
+		this._anchorRef = createRef();
+	}
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
+
+    :host([show-visited]:not([disabled])) a:visited {
+      color: var(--dds-color-link-text-visited-default);
     }
-  }
-);
-const cvaContent = cva([], {
-  variants: {
-    noUnderline: {
-      true: [],
-      false: ["border-b", "border-b-current"]
+
+    :host([show-visited]:not([disabled])) a:visited:hover {
+      color: var(--dds-color-link-text-visited-hover);
+      background-color: var(--dds-color-link-surface-visited-hover);
     }
-  }
-});
-let DaikinLink = class extends DDSElement {
-  constructor() {
-    super(...arguments);
-    this.href = null;
-    this.target = null;
-    this.disabled = false;
-    this.showVisited = false;
-    this.size = "medium";
-    this.noUnderline = false;
-    this._anchorRef = createRef();
-  }
-  /**
-   * Focuses on the inner anchor.
-   * @param options focus options
-   */
-  focus(options) {
-    var _a;
-    (_a = this._anchorRef.value) == null ? void 0 : _a.focus(options);
-  }
-  /**
-   * _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) {
-      return null;
+
+    :host([show-visited]:not([disabled])) a:visited:active {
+      color: var(--dds-color-link-text-visited-press);
+      background-color: var(--dds-color-link-surface-visited-press);
     }
-    return {
-      href: this.href,
-      target: this.target
-    };
-  }
-  render() {
-    return html`<a
+  `;
+	}
+	/**
+	* Focuses on the inner anchor.
+	* @param options focus options
+	*/
+	focus(options) {
+		this._anchorRef.value?.focus(options);
+	}
+	/**
+	* _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) return null;
+		return {
+			href: this.href,
+			target: this.target
+		};
+	}
+	render() {
+		return html`<a
       ${ref(this._anchorRef)}
       class=${cvaLinkWrapper({ size: this.size })}
       href=${ifDefined(this.disabled ? void 0 : this.href ?? void 0)}
@@ -103,46 +99,34 @@ let DaikinLink = class extends DDSElement {
         ><slot name="right-icon" class="icon-size-4"
           ><span class="-ml-0.5"></span></slot></span
     ></a>`;
-  }
-};
-DaikinLink.styles = css`
-    ${unsafeCSS(tailwindStyles)}
-
-    :host([show-visited]:not([disabled])) a:visited {
-      color: var(--dds-color-link-text-visited-default);
-    }
-
-    :host([show-visited]:not([disabled])) a:visited:hover {
-      color: var(--dds-color-link-text-visited-hover);
-      background-color: var(--dds-color-link-surface-visited-hover);
-    }
-
-    :host([show-visited]:not([disabled])) a:visited:active {
-      color: var(--dds-color-link-text-visited-press);
-      background-color: var(--dds-color-link-surface-visited-press);
-    }
-  `;
-__decorateClass([
-  property({ type: String, reflect: true })
-], DaikinLink.prototype, "href", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], DaikinLink.prototype, "target", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DaikinLink.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "show-visited" })
-], DaikinLink.prototype, "showVisited", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], DaikinLink.prototype, "size", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "no-underline" })
-], DaikinLink.prototype, "noUnderline", 2);
-DaikinLink = __decorateClass([
-  ddsElement("daikin-link")
-], DaikinLink);
-export {
-  DaikinLink
+	}
 };
+__decorate([property({
+	type: String,
+	reflect: true
+})], DaikinLink.prototype, "href", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], DaikinLink.prototype, "target", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], DaikinLink.prototype, "disabled", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true,
+	attribute: "show-visited"
+})], DaikinLink.prototype, "showVisited", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], DaikinLink.prototype, "size", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true,
+	attribute: "no-underline"
+})], DaikinLink.prototype, "noUnderline", void 0);
+DaikinLink = __decorate([ddsElement("daikin-link")], DaikinLink);
+//#endregion
+export { DaikinLink };

package/dist/es-dev/components/link/index.js

@@ -1,4 +1,2 @@
 import { DaikinLink } from "./daikin-link.js";
-export {
-  DaikinLink
-};
+export { DaikinLink };

package/dist/es-dev/components/list/daikin-list.js

@@ -1,87 +1,21 @@
-import { unsafeCSS, css, html } from "lit";
-import { queryAssignedElements } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
-import { property, oneOf } from "../../base/dds-property.js";
+import { oneOf, property as property$1 } from "../../base/dds-property.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { ddsElement } from "../../base/decorators.js";
-import "../../base/define.js";
-import tailwindStyles from "../../tailwind.css.js";
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
 import "../list-item/daikin-list-item.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let DaikinList = class extends DDSElement {
-  constructor() {
-    super(...arguments);
-    this.listRole = "list";
-  }
-  _reflectSlotProperties() {
-    for (const daikinListItem of this._listItems) {
-      daikinListItem.listItemRole = this.listRole === "menu" ? "menuitem" : "listitem";
-    }
-  }
-  _handleSlotChange() {
-    this._reflectSlotProperties();
-  }
-  handleKeyDown(event) {
-    const direction = {
-      ArrowDown: "down",
-      ArrowUp: "up",
-      Home: "home",
-      End: "end"
-    }[event.key];
-    if (!direction) {
-      return;
-    }
-    event.preventDefault();
-    const listItems = this._listItems.filter(({ disabled }) => !disabled);
-    const activeElement = document.activeElement;
-    const focusedItemIndex = activeElement ? listItems.findIndex((item) => item === activeElement) : -1;
-    if (focusedItemIndex < 0) {
-      return;
-    }
-    if (direction === "home") {
-      const nextItem2 = listItems[0];
-      nextItem2.focus();
-      return;
-    }
-    if (direction === "end") {
-      const nextItem2 = listItems[listItems.length - 1];
-      nextItem2.focus();
-      return;
-    }
-    const moveOffset = direction === "up" ? -1 : 1;
-    const nextItem = listItems[(focusedItemIndex + moveOffset + listItems.length) % listItems.length];
-    nextItem.focus();
-  }
-  render() {
-    return html`<div
-      role=${this.listRole}
-      aria-label=${this.listRole === "menu" ? "Menu" : "List"}
-    >
-      <slot
-        @keydown=${this.handleKeyDown}
-        @slotchange=${this._handleSlotChange}
-      ></slot>
-    </div>`;
-  }
-  /**
-   * Focuses on the first list item in the slot.
-   * @private
-   */
-  focusFirstItem() {
-    this._listItems[0].focus();
-  }
-};
-DaikinList.styles = css`
-    ${unsafeCSS(tailwindStyles)}
+import { css, html, unsafeCSS } from "lit";
+import { queryAssignedElements } from "lit/decorators.js";
+//#region src/components/list/daikin-list.ts
+var DaikinList = class DaikinList extends DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.listRole = "list";
+	}
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
 
     :host {
       display: inline-block;
@@ -92,23 +26,66 @@ DaikinList.styles = css`
       --divider-bottom-display: block;
     }
   `;
-__decorateClass([
-  property({ type: String, attribute: false })
-], DaikinList.prototype, "listRole", 2);
-__decorateClass([
-  property({
-    type: String,
-    reflect: true,
-    fallbackValue: "none",
-    isAllowedValue: oneOf(["none", "underline"])
-  })
-], DaikinList.prototype, "border", 2);
-__decorateClass([
-  queryAssignedElements({ selector: "daikin-list-item" })
-], DaikinList.prototype, "_listItems", 2);
-DaikinList = __decorateClass([
-  ddsElement("daikin-list")
-], DaikinList);
-export {
-  DaikinList
+	}
+	_reflectSlotProperties() {
+		for (const daikinListItem of this._listItems) daikinListItem.listItemRole = this.listRole === "menu" ? "menuitem" : "listitem";
+	}
+	_handleSlotChange() {
+		this._reflectSlotProperties();
+	}
+	handleKeyDown(event) {
+		const direction = {
+			ArrowDown: "down",
+			ArrowUp: "up",
+			Home: "home",
+			End: "end"
+		}[event.key];
+		if (!direction) return;
+		event.preventDefault();
+		const listItems = this._listItems.filter(({ disabled }) => !disabled);
+		const activeElement = document.activeElement;
+		const focusedItemIndex = activeElement ? listItems.findIndex((item) => item === activeElement) : -1;
+		if (focusedItemIndex < 0) return;
+		if (direction === "home") {
+			listItems[0].focus();
+			return;
+		}
+		if (direction === "end") {
+			listItems[listItems.length - 1].focus();
+			return;
+		}
+		listItems[(focusedItemIndex + (direction === "up" ? -1 : 1) + listItems.length) % listItems.length].focus();
+	}
+	render() {
+		return html`<div
+      role=${this.listRole}
+      aria-label=${this.listRole === "menu" ? "Menu" : "List"}
+    >
+      <slot
+        @keydown=${this.handleKeyDown}
+        @slotchange=${this._handleSlotChange}
+      ></slot>
+    </div>`;
+	}
+	/**
+	* Focuses on the first list item in the slot.
+	* @private
+	*/
+	focusFirstItem() {
+		this._listItems[0].focus();
+	}
 };
+__decorate([property$1({
+	type: String,
+	attribute: false
+})], DaikinList.prototype, "listRole", void 0);
+__decorate([property$1({
+	type: String,
+	reflect: true,
+	fallbackValue: "none",
+	isAllowedValue: oneOf(["none", "underline"])
+})], DaikinList.prototype, "border", void 0);
+__decorate([queryAssignedElements({ selector: "daikin-list-item" })], DaikinList.prototype, "_listItems", void 0);
+DaikinList = __decorate([ddsElement("daikin-list")], DaikinList);
+//#endregion
+export { DaikinList };

package/dist/es-dev/components/list/index.js

@@ -1,4 +1,2 @@
 import { DaikinList } from "./daikin-list.js";
-export {
-  DaikinList
-};
+export { DaikinList };