@daikin-oss/design-system-web-components 0.7.0 → 1.1.0

package/dist/cjs-dev/components/tree/daikin-tree.d.cts

@@ -1,4 +1,5 @@
-import { LitElement, PropertyValues } from 'lit';
+import { PropertyValues } from 'lit';
+import { DDSElement } from "../../base/index.cjs";
 /**
  * The tree component is a component that creates a hierarchical list. You can create a hierarchical structure by placing tree section components and tree item components under the parent tree component.
  *
@@ -28,23 +29,21 @@ import { LitElement, PropertyValues } from 'lit';
  * </daikin-tree>
  * ```
  */
-export declare class DaikinTree extends LitElement {
+export declare class DaikinTree extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Whether or not to enable tree selection.
      * When enabled, tree sections and items can be selected by click, and the `selected` property of the `daikin-tree` and its descendants will be automatically controlled.
-     * Even if this is disabled, you can still set the `selected` property of sections and items yourself.
+     * Even if this is disabled, you can still set the `selected` property yourself.
      */
     selectable: boolean;
     /**
      * The value of the currently selected tree section or tree item.
-     * Only used if `selectable` is `true`.
+     * Even if `selectable` is `false`, you can still set this property yourself.
      */
-    selected: string | null;
+    selectedItems: string[];
     private readonly _children;
-    private readonly _sections;
-    private _updateChildrenLevel;
-    private _updateSections;
+    private _handleMouseDown;
     private _handleSlotChange;
     private _handleTreeMoveFocus;
     private _handleTreeSelect;
@@ -52,20 +51,20 @@ export declare class DaikinTree extends LitElement {
     render(): import('lit-html').TemplateResult<1>;
     protected updated(changedProperties: PropertyValues): void;
     /**
-     * Calls `selectItem` for the tree sections and tree items of the child elements in the slot.
+     * Calls `selectItems` for the tree sections and tree items of the child elements in the slot.
      *
      * @param value Tree item value.
      * @private
      */
-    selectItem(value: string | null): void;
+    selectItems(values: readonly string[]): void;
     /**
-     * Returns the `value` of the currently selected section or item.
-     * If nothing is selected, returns `null`.
+     * Returns an array of the `value` of the currently selected sections and items.
+     * If nothing is selected, returns `[]`.
      *
-     * @returns The `value` of the selected section or item (if any). `null` if there is none.
+     * @returns An array of the `value` of the selected sections and items (if any). `[]` if there is none.
      * @private
      */
-    getSelectedItem(): string | null;
+    getSelectedItems(): string[];
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/cjs-dev/components/tree-item/daikin-tree-item.cjs

@@ -5,15 +5,18 @@ const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ifDefined_js = require("lit/directives/if-defined.js");
 const ref_js = require("lit/directives/ref.js");
+const ddsElement = require("../../base/dds-element.cjs");
+const decorators = require("../../base/decorators.cjs");
+require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");
 const isSimpleKey = require("../../utils/is-simple-key.cjs");
 const common = require("../tree/common.cjs");
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
+var __decorateClass = (decorators2, 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])
+  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;
@@ -27,6 +30,7 @@ const cvaTreeChildren = classVarianceAuthority.cva(
     "py-3",
     "pr-4",
     "pl-[calc((var(--level)+1)*1rem)]",
+    "leading-[130%]",
     "focus-visible:outline",
     "focus-visible:outline-2",
     "focus-visible:-outline-offset-2",
@@ -60,7 +64,8 @@ const cvaTreeChildren = classVarianceAuthority.cva(
           "before:i-daikin-chevron-right",
           "before:size-5",
           "before:m-0.5",
-          "before:transition-all"
+          "before:transition-all",
+          "before:flex-none"
         ]
       },
       open: {
@@ -70,7 +75,7 @@ const cvaTreeChildren = classVarianceAuthority.cva(
     }
   }
 );
-exports.DaikinTreeItem = class DaikinTreeItem extends lit.LitElement {
+exports.DaikinTreeItem = class DaikinTreeItem extends ddsElement.DDSElement {
   constructor() {
     super();
     this.value = "";
@@ -84,6 +89,9 @@ exports.DaikinTreeItem = class DaikinTreeItem extends lit.LitElement {
       }
     });
   }
+  get _selected() {
+    return this.selected && !this.disabled;
+  }
   _handleKeyDown(event) {
     if (!isSimpleKey.isSimpleKeyEvent(event)) {
       return;
@@ -107,13 +115,13 @@ exports.DaikinTreeItem = class DaikinTreeItem extends lit.LitElement {
       ${ref_js.ref(this._focusableRef)}
       class=${cvaTreeChildren({
       disabled: this.disabled,
-      selected: this.selected && !this.disabled,
+      selected: this._selected,
       icon: false,
       open: false
     })}
       role="treeitem"
       aria-disabled=${this.disabled}
-      aria-selected=${this.selected && !this.disabled}
+      aria-selected=${this._selected}
       tabindex=${ifDefined_js.ifDefined(!this.disabled ? 0 : void 0)}
       style=${`--level:${this.level}`}
       @click=${() => common.emitTreeSelect(this)}
@@ -125,7 +133,6 @@ exports.DaikinTreeItem = class DaikinTreeItem extends lit.LitElement {
   updated(changedProperties) {
     if (changedProperties.has("disabled")) {
       if (this.disabled) {
-        this.selectItem(null);
         common.emitTreeUnselect(this);
       }
     }
@@ -156,20 +163,17 @@ exports.DaikinTreeItem = class DaikinTreeItem extends lit.LitElement {
    * @param value Tree item value.
    * @private
    */
-  selectItem(value) {
-    if (this.disabled && value != null) {
-      return;
-    }
-    this.selected = this.value === value;
+  selectItems(values) {
+    this.selected = !this.disabled && values.includes(this.value);
   }
   /**
-   * Returns `this.value` if selected, or `null` if not selected.
+   * Returns `[this.value]` if selected, or `[]` if not selected.
    *
-   * @returns `this.value` if selected. `null` if not selected.
+   * @returns `[this.value]` if selected. `[]` if not selected.
    * @private
    */
-  getSelectedItem() {
-    return !this.disabled && this.selected ? this.value : null;
+  getSelectedItems() {
+    return !this.disabled && this.selected ? [this.value] : [];
   }
 };
 exports.DaikinTreeItem.styles = lit.css`
@@ -192,6 +196,6 @@ __decorateClass([
   decorators_js.property({ type: Number, attribute: false })
 ], exports.DaikinTreeItem.prototype, "level", 2);
 exports.DaikinTreeItem = __decorateClass([
-  decorators_js.customElement("daikin-tree-item")
+  decorators.ddsElement("daikin-tree-item")
 ], exports.DaikinTreeItem);
 exports.cvaTreeChildren = cvaTreeChildren;

package/dist/cjs-dev/components/tree-item/daikin-tree-item.d.cts

@@ -1,4 +1,5 @@
-import { LitElement, PropertyValues } from 'lit';
+import { PropertyValues } from 'lit';
+import { DDSElement } from "../../base/index.cjs";
 export declare const cvaTreeChildren: (props?: ({
     disabled?: boolean | null | undefined;
     selected?: boolean | null | undefined;
@@ -29,7 +30,7 @@ export declare const cvaTreeChildren: (props?: ({
  * <daikin-tree-item>Tree item</daikin-tree-item>
  * ```
  */
-export declare class DaikinTreeItem extends LitElement {
+export declare class DaikinTreeItem extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Value of the tree item.
@@ -41,9 +42,7 @@ export declare class DaikinTreeItem extends LitElement {
     disabled: boolean;
     /**
      * Whether the tree item is selected.
-     * Ignored if disabled.
-     * Controlled by `daikin-tree` if its `selectable` is true.
-     * If the tree's `selected` is false, you can manually set this property to control the display of the selected state.
+     * Controlled by `daikin-tree`.
      */
     selected: boolean;
     /**
@@ -55,6 +54,7 @@ export declare class DaikinTreeItem extends LitElement {
      */
     level: number;
     private readonly _focusableRef;
+    private get _selected();
     private _handleKeyDown;
     constructor();
     render(): import('lit-html').TemplateResult<1>;
@@ -79,14 +79,14 @@ export declare class DaikinTreeItem extends LitElement {
      * @param value Tree item value.
      * @private
      */
-    selectItem(value: string | null): void;
+    selectItems(values: readonly string[]): void;
     /**
-     * Returns `this.value` if selected, or `null` if not selected.
+     * Returns `[this.value]` if selected, or `[]` if not selected.
      *
-     * @returns `this.value` if selected. `null` if not selected.
+     * @returns `[this.value]` if selected. `[]` if not selected.
      * @private
      */
-    getSelectedItem(): string | null;
+    getSelectedItems(): string[];
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/cjs-dev/components/tree-section/daikin-tree-section.cjs

@@ -4,26 +4,28 @@ const lit = require("lit");
 const decorators_js = require("lit/decorators.js");
 const ifDefined_js = require("lit/directives/if-defined.js");
 const ref_js = require("lit/directives/ref.js");
+const ddsElement = require("../../base/dds-element.cjs");
+const decorators = require("../../base/decorators.cjs");
+require("../../base/define.cjs");
 const tailwind = require("../../tailwind.css.cjs");
 const isSimpleKey = require("../../utils/is-simple-key.cjs");
 const daikinTreeItem = require("../tree-item/daikin-tree-item.cjs");
 const common = require("../tree/common.cjs");
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
+var __decorateClass = (decorators2, 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])
+  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;
 };
-exports.DaikinTreeSection = class DaikinTreeSection extends lit.LitElement {
+exports.DaikinTreeSection = class DaikinTreeSection extends ddsElement.DDSElement {
   constructor() {
     super(...arguments);
     this.value = "";
     this.disabled = false;
-    this.selectable = false;
     this.selected = false;
     this.open = false;
     this.level = 0;
@@ -40,11 +42,6 @@ exports.DaikinTreeSection = class DaikinTreeSection extends lit.LitElement {
       item.level = this.level + 1;
     }
   }
-  _updateSections() {
-    this._sections.forEach((section) => {
-      section.selectable = this.selectable;
-    });
-  }
   _handleClick() {
     if (!this.disabled && this.dispatchEvent(
       new Event("toggle", {
@@ -57,7 +54,6 @@ exports.DaikinTreeSection = class DaikinTreeSection extends lit.LitElement {
   }
   _handleSlotChange() {
     this._updateChildrenLevel();
-    this._updateSections();
   }
   _handleTreeMoveFocus(event) {
     common.handleTreeMoveFocusSection(this, event, this._children);
@@ -70,9 +66,7 @@ exports.DaikinTreeSection = class DaikinTreeSection extends lit.LitElement {
     if (!this.disabled && ["Enter", " "].includes(event.key)) {
       event.preventDefault();
       this._handleClick();
-      if (this.selectable) {
-        common.emitTreeSelect(this);
-      }
+      common.emitTreeSelect(this);
       return;
     }
     const direction = common.getDirectionFromKey(event.key);
@@ -145,13 +139,9 @@ exports.DaikinTreeSection = class DaikinTreeSection extends lit.LitElement {
     }
     if (changedProperties.has("disabled")) {
       if (this.disabled) {
-        this.selectItem(null);
         common.emitTreeUnselect(this);
       }
     }
-    if (changedProperties.has("selectable")) {
-      this._updateSections();
-    }
   }
   /**
    * Focuses on the inner button.
@@ -180,33 +170,34 @@ exports.DaikinTreeSection = class DaikinTreeSection extends lit.LitElement {
   }
   /**
    * Updates the selection state (`this.selected`) to true if the argument `value` matches `this.value`. Otherwise, sets it to false.
-   * In addition, calls `selectItem` for the tree sections and tree items of the child elements in the slot in the same way.
+   * In addition, calls `selectItems` for the tree sections and tree items of the child elements in the slot in the same way.
    *
    * @param value Tree item value.
    * @private
    */
-  selectItem(value) {
-    if (this.disabled && value != null) {
-      return;
-    }
-    this.selected = this.value === value;
-    this._children.forEach((child) => child.selectItem(value));
+  selectItems(values) {
+    this.selected = !this.disabled && values.includes(this.value);
+    this._children.forEach(
+      (child) => child.selectItems(this.disabled ? [] : values)
+    );
   }
   /**
-   * Returns the `value` of the currently selected section or item.
-   * If nothing is selected, returns `null`.
+   * Returns an array of the `value` of the currently selected sections and items.
+   * If nothing is selected, returns `[]`.
    *
-   * @returns The `value` of the selected section or item (if any). `null` if there is none.
+   * @returns An array of the `value` of the currently selected sections and items (if any). `[]` if there is none.
    * @private
    */
-  getSelectedItem() {
+  getSelectedItems() {
     if (this.disabled) {
-      return null;
-    }
-    if (this.selected) {
-      return this.value;
+      return [];
     }
-    return this._children.map((child) => child.getSelectedItem()).find((item) => !!item) ?? null;
+    return Array.from(
+      /* @__PURE__ */ new Set([
+        ...this.selected ? [this.value] : [],
+        ...this._children.flatMap((child) => child.getSelectedItems())
+      ])
+    );
   }
 };
 exports.DaikinTreeSection.styles = lit.css`
@@ -222,9 +213,6 @@ __decorateClass([
 __decorateClass([
   decorators_js.property({ type: Boolean, reflect: true })
 ], exports.DaikinTreeSection.prototype, "disabled", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, attribute: false })
-], exports.DaikinTreeSection.prototype, "selectable", 2);
 __decorateClass([
   decorators_js.property({ type: Boolean, reflect: true })
 ], exports.DaikinTreeSection.prototype, "selected", 2);
@@ -237,9 +225,6 @@ __decorateClass([
 __decorateClass([
   decorators_js.queryAssignedElements({ selector: "daikin-tree-section,daikin-tree-item" })
 ], exports.DaikinTreeSection.prototype, "_children", 2);
-__decorateClass([
-  decorators_js.queryAssignedElements({ selector: "daikin-tree-section" })
-], exports.DaikinTreeSection.prototype, "_sections", 2);
 exports.DaikinTreeSection = __decorateClass([
-  decorators_js.customElement("daikin-tree-section")
+  decorators.ddsElement("daikin-tree-section")
 ], exports.DaikinTreeSection);

package/dist/cjs-dev/components/tree-section/daikin-tree-section.d.cts

@@ -1,4 +1,5 @@
-import { LitElement, PropertyValues } from 'lit';
+import { PropertyValues } from 'lit';
+import { DDSElement } from "../../base/index.cjs";
 /**
  * The tree section component that can be used within `daikin-tree` component.
  *
@@ -30,7 +31,7 @@ import { LitElement, PropertyValues } from 'lit';
  * </daikin-tree-section>
  * ```
  */
-export declare class DaikinTreeSection extends LitElement {
+export declare class DaikinTreeSection extends DDSElement {
     static readonly styles: import('lit').CSSResult;
     /**
      * Value of the tree section.
@@ -40,18 +41,9 @@ export declare class DaikinTreeSection extends LitElement {
      * Whether the tree section is disabled.
      */
     disabled: boolean;
-    /**
-     * Whether or not to enable tree selection.
-     * Controlled by `daikin-tree`.
-     *
-     * @private
-     */
-    selectable: boolean;
     /**
      * Whether the tree item is selected.
-     * Ignored if disabled.
-     * Controlled by `daikin-tree` if its `selectable` is true.
-     * If the tree's `selected` is false, you can manually set this property to control the display of the selected state.
+     * Controlled by `daikin-tree`.
      */
     selected: boolean;
     /**
@@ -68,12 +60,10 @@ export declare class DaikinTreeSection extends LitElement {
      */
     level: number;
     private readonly _children;
-    private readonly _sections;
     private readonly _focusableRef;
     private get _open();
     private get _selected();
     private _updateChildrenLevel;
-    private _updateSections;
     private _handleClick;
     private _handleSlotChange;
     private _handleTreeMoveFocus;
@@ -97,20 +87,20 @@ export declare class DaikinTreeSection extends LitElement {
     focusLastItem(options?: FocusOptions): void;
     /**
      * Updates the selection state (`this.selected`) to true if the argument `value` matches `this.value`. Otherwise, sets it to false.
-     * In addition, calls `selectItem` for the tree sections and tree items of the child elements in the slot in the same way.
+     * In addition, calls `selectItems` for the tree sections and tree items of the child elements in the slot in the same way.
      *
      * @param value Tree item value.
      * @private
      */
-    selectItem(value: string | null): void;
+    selectItems(values: readonly string[]): void;
     /**
-     * Returns the `value` of the currently selected section or item.
-     * If nothing is selected, returns `null`.
+     * Returns an array of the `value` of the currently selected sections and items.
+     * If nothing is selected, returns `[]`.
      *
-     * @returns The `value` of the selected section or item (if any). `null` if there is none.
+     * @returns An array of the `value` of the currently selected sections and items (if any). `[]` if there is none.
      * @private
      */
-    getSelectedItem(): string | null;
+    getSelectedItems(): string[];
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/cjs-dev/controllers/click-outside.d.cts

@@ -7,7 +7,7 @@ import { ReactiveControllerHost } from 'lit';
  * @example
  *
  * ```ts
- * class MyComponent extends LitElement {
+ * class MyComponent extends DDSElement {
  *   private _clickOutsideController = new ClickOutsideController(
  *     this,
  *     this._onClickOutside

package/dist/cjs-dev/index.cjs

@@ -2,22 +2,26 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const daikinAccordion = require("./components/accordion/daikin-accordion.cjs");
 const daikinAccordionItem = require("./components/accordion-item/daikin-accordion-item.cjs");
+const daikinAvatar = require("./components/avatar/daikin-avatar.cjs");
 const daikinBreadcrumb = require("./components/breadcrumb/daikin-breadcrumb.cjs");
 const daikinBreadcrumbItem = require("./components/breadcrumb-item/daikin-breadcrumb-item.cjs");
 const daikinButton = require("./components/button/daikin-button.cjs");
 const daikinCard = require("./components/card/daikin-card.cjs");
 const daikinCardFooter = require("./components/card-footer/daikin-card-footer.cjs");
 const daikinCardHeader = require("./components/card-header/daikin-card-header.cjs");
+const daikinCarousel = require("./components/carousel/daikin-carousel.cjs");
+const daikinCarouselItem = require("./components/carousel-item/daikin-carousel-item.cjs");
 const daikinCheckbox = require("./components/checkbox/daikin-checkbox.cjs");
 const daikinDropdown = require("./components/dropdown/daikin-dropdown.cjs");
 const daikinDropdownItem = require("./components/dropdown-item/daikin-dropdown-item.cjs");
 const daikinIcon = require("./components/icon/daikin-icon.cjs");
 const daikinIconButton = require("./components/icon-button/daikin-icon-button.cjs");
+const daikinInlineNotification = require("./components/inline-notification/daikin-inline-notification.cjs");
 const daikinInputGroup = require("./components/input-group/daikin-input-group.cjs");
 const daikinLink = require("./components/link/daikin-link.cjs");
 const daikinList = require("./components/list/daikin-list.cjs");
 const daikinListItem = require("./components/list-item/daikin-list-item.cjs");
-const daikinNotification = require("./components/notification/daikin-notification.cjs");
+const daikinLoading = require("./components/loading/daikin-loading.cjs");
 const daikinPagination = require("./components/pagination/daikin-pagination.cjs");
 const daikinProgressBar = require("./components/progress-bar/daikin-progress-bar.cjs");
 const daikinProgressIndicator = require("./components/progress-indicator/daikin-progress-indicator.cjs");
@@ -32,6 +36,8 @@ const daikinTableHeaderCell = require("./components/table-header-cell/daikin-tab
 const daikinTabs = require("./components/tabs/daikin-tabs.cjs");
 const daikinTextArea = require("./components/text-area/daikin-text-area.cjs");
 const daikinTextField = require("./components/text-field/daikin-text-field.cjs");
+const daikinToastNotification = require("./components/toast-notification/daikin-toast-notification.cjs");
+const daikinToastNotificationManager = require("./components/toast-notification-manager/daikin-toast-notification-manager.cjs");
 const daikinToggle = require("./components/toggle/daikin-toggle.cjs");
 const daikinTooltip = require("./components/tooltip/daikin-tooltip.cjs");
 const daikinTree = require("./components/tree/daikin-tree.cjs");
@@ -45,6 +51,10 @@ Object.defineProperty(exports, "DaikinAccordionItem", {
   enumerable: true,
   get: () => daikinAccordionItem.DaikinAccordionItem
 });
+Object.defineProperty(exports, "DaikinAvatar", {
+  enumerable: true,
+  get: () => daikinAvatar.DaikinAvatar
+});
 Object.defineProperty(exports, "DaikinBreadcrumb", {
   enumerable: true,
   get: () => daikinBreadcrumb.DaikinBreadcrumb
@@ -69,6 +79,14 @@ Object.defineProperty(exports, "DaikinCardHeader", {
   enumerable: true,
   get: () => daikinCardHeader.DaikinCardHeader
 });
+Object.defineProperty(exports, "DaikinCarousel", {
+  enumerable: true,
+  get: () => daikinCarousel.DaikinCarousel
+});
+Object.defineProperty(exports, "DaikinCarouselItem", {
+  enumerable: true,
+  get: () => daikinCarouselItem.DaikinCarouselItem
+});
 Object.defineProperty(exports, "DaikinCheckbox", {
   enumerable: true,
   get: () => daikinCheckbox.DaikinCheckbox
@@ -90,6 +108,10 @@ Object.defineProperty(exports, "DaikinIconButton", {
   enumerable: true,
   get: () => daikinIconButton.DaikinIconButton
 });
+Object.defineProperty(exports, "DaikinInlineNotification", {
+  enumerable: true,
+  get: () => daikinInlineNotification.DaikinInlineNotification
+});
 Object.defineProperty(exports, "DaikinInputGroup", {
   enumerable: true,
   get: () => daikinInputGroup.DaikinInputGroup
@@ -106,9 +128,9 @@ Object.defineProperty(exports, "DaikinListItem", {
   enumerable: true,
   get: () => daikinListItem.DaikinListItem
 });
-Object.defineProperty(exports, "DaikinNotification", {
+Object.defineProperty(exports, "DaikinLoading", {
   enumerable: true,
-  get: () => daikinNotification.DaikinNotification
+  get: () => daikinLoading.DaikinLoading
 });
 Object.defineProperty(exports, "DaikinPagination", {
   enumerable: true,
@@ -166,6 +188,14 @@ Object.defineProperty(exports, "DaikinTextField", {
   enumerable: true,
   get: () => daikinTextField.DaikinTextField
 });
+Object.defineProperty(exports, "DaikinToastNotification", {
+  enumerable: true,
+  get: () => daikinToastNotification.DaikinToastNotification
+});
+Object.defineProperty(exports, "DaikinToastNotificationManager", {
+  enumerable: true,
+  get: () => daikinToastNotificationManager.DaikinToastNotificationManager
+});
 Object.defineProperty(exports, "DaikinToggle", {
   enumerable: true,
   get: () => daikinToggle.DaikinToggle