@six-group/ui-library 3.0.0-beta.1.7 → 3.0.0-beta.1.8

package/dist/collection/components/six-menu-divider/six-menu-divider.js

@@ -1,22 +1,22 @@
-import { Component, h } from '@stencil/core';
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @part base - The component's base wrapper.
- */
-export class SixMenuDivider {
-  render() {
-    return h("div", { part: "base", class: "menu-divider", role: "separator", "aria-hidden": "true" });
-  }
-  static get is() { return "six-menu-divider"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-menu-divider.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-menu-divider.css"]
-  }; }
-}
+import { Component, h } from '@stencil/core';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @part base - The component's base wrapper.
+ */
+export class SixMenuDivider {
+  render() {
+    return h("div", { part: "base", class: "menu-divider", role: "separator", "aria-hidden": "true" });
+  }
+  static get is() { return "six-menu-divider"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["six-menu-divider.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["six-menu-divider.css"]
+  }; }
+}

package/dist/collection/components/six-menu-item/six-menu-item.js

@@ -1,177 +1,177 @@
-import { Component, Method, Prop, State, h } from '@stencil/core';
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot - The menu item's label.
- * @slot prefix - Used to prepend an icon or similar element to the menu item.
- * @slot suffix - Used to append an icon or similar element to the menu item.
- *
- * @part base - The component's base wrapper.
- * @part checked-icon - The container that wraps the checked icon.
- * @part prefix - The prefix container.
- * @part label - The menu item label.
- * @part suffix - The suffix container.
- */
-export class SixMenuItem {
-  constructor() {
-    this.hasFocus = false;
-    /** Set to true to draw the item in a checked state. */
-    this.checked = false;
-    /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
-    this.value = '';
-    /** Set to true to draw the menu item in a disabled state. */
-    this.disabled = false;
-  }
-  connectedCallback() {
-    this.handleBlur = this.handleBlur.bind(this);
-    this.handleFocus = this.handleFocus.bind(this);
-    this.handleMouseEnter = this.handleMouseEnter.bind(this);
-    this.handleMouseLeave = this.handleMouseLeave.bind(this);
-  }
-  /** Sets focus on the button. */
-  async setFocus(options) {
-    this.menuItem.focus(options);
-  }
-  /** Removes focus from the button. */
-  async removeFocus() {
-    this.menuItem.blur();
-  }
-  handleBlur() {
-    this.hasFocus = false;
-  }
-  handleFocus() {
-    this.hasFocus = true;
-  }
-  handleMouseEnter() {
-    this.setFocus();
-  }
-  handleMouseLeave() {
-    this.removeFocus();
-  }
-  render() {
-    return (h("div", { ref: (el) => (this.menuItem = el), part: "base", class: {
-        'menu-item': true,
-        'menu-item--checked': this.checked,
-        'menu-item--disabled': this.disabled,
-        'menu-item--focused': this.hasFocus,
-      }, role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false', "aria-checked": this.checked ? 'true' : 'false', tabIndex: !this.disabled ? 0 : null, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave },
-      h("span", { part: "prefix", class: "menu-item__prefix" },
-        h("slot", { name: "prefix" })),
-      h("span", { part: "label", class: "menu-item__label" },
-        h("slot", null)),
-      h("span", { part: "suffix", class: "menu-item__suffix" },
-        h("slot", { name: "suffix" })),
-      h("span", { part: "checked-icon", class: "menu-item__check" },
-        h("six-icon", { size: "small", "aria-hidden": "true" }, "check"))));
-  }
-  static get is() { return "six-menu-item"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-menu-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-menu-item.css"]
-  }; }
-  static get properties() { return {
-    "checked": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to true to draw the item in a checked state."
-      },
-      "attribute": "checked",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected."
-      },
-      "attribute": "value",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to true to draw the menu item in a disabled state."
-      },
-      "attribute": "disabled",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "hasFocus": {}
-  }; }
-  static get methods() { return {
-    "setFocus": {
-      "complexType": {
-        "signature": "(options?: FocusOptions) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "FocusOptions": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Sets focus on the button.",
-        "tags": []
-      }
-    },
-    "removeFocus": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Removes focus from the button.",
-        "tags": []
-      }
-    }
-  }; }
-}
+import { Component, Method, Prop, State, h } from '@stencil/core';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The menu item's label.
+ * @slot prefix - Used to prepend an icon or similar element to the menu item.
+ * @slot suffix - Used to append an icon or similar element to the menu item.
+ *
+ * @part base - The component's base wrapper.
+ * @part checked-icon - The container that wraps the checked icon.
+ * @part prefix - The prefix container.
+ * @part label - The menu item label.
+ * @part suffix - The suffix container.
+ */
+export class SixMenuItem {
+  constructor() {
+    this.hasFocus = false;
+    /** Set to true to draw the item in a checked state. */
+    this.checked = false;
+    /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
+    this.value = '';
+    /** Set to true to draw the menu item in a disabled state. */
+    this.disabled = false;
+  }
+  connectedCallback() {
+    this.handleBlur = this.handleBlur.bind(this);
+    this.handleFocus = this.handleFocus.bind(this);
+    this.handleMouseEnter = this.handleMouseEnter.bind(this);
+    this.handleMouseLeave = this.handleMouseLeave.bind(this);
+  }
+  /** Sets focus on the button. */
+  async setFocus(options) {
+    this.menuItem.focus(options);
+  }
+  /** Removes focus from the button. */
+  async removeFocus() {
+    this.menuItem.blur();
+  }
+  handleBlur() {
+    this.hasFocus = false;
+  }
+  handleFocus() {
+    this.hasFocus = true;
+  }
+  handleMouseEnter() {
+    this.setFocus();
+  }
+  handleMouseLeave() {
+    this.removeFocus();
+  }
+  render() {
+    return (h("div", { ref: (el) => (this.menuItem = el), part: "base", class: {
+        'menu-item': true,
+        'menu-item--checked': this.checked,
+        'menu-item--disabled': this.disabled,
+        'menu-item--focused': this.hasFocus,
+      }, role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false', "aria-checked": this.checked ? 'true' : 'false', tabIndex: !this.disabled ? 0 : null, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave },
+      h("span", { part: "prefix", class: "menu-item__prefix" },
+        h("slot", { name: "prefix" })),
+      h("span", { part: "label", class: "menu-item__label" },
+        h("slot", null)),
+      h("span", { part: "suffix", class: "menu-item__suffix" },
+        h("slot", { name: "suffix" })),
+      h("span", { part: "checked-icon", class: "menu-item__check" },
+        h("six-icon", { size: "small", "aria-hidden": "true" }, "check"))));
+  }
+  static get is() { return "six-menu-item"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["six-menu-item.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["six-menu-item.css"]
+  }; }
+  static get properties() { return {
+    "checked": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Set to true to draw the item in a checked state."
+      },
+      "attribute": "checked",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "value": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected."
+      },
+      "attribute": "value",
+      "reflect": true,
+      "defaultValue": "''"
+    },
+    "disabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Set to true to draw the menu item in a disabled state."
+      },
+      "attribute": "disabled",
+      "reflect": true,
+      "defaultValue": "false"
+    }
+  }; }
+  static get states() { return {
+    "hasFocus": {}
+  }; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "(options?: FocusOptions) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "FocusOptions": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Sets focus on the button.",
+        "tags": []
+      }
+    },
+    "removeFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Removes focus from the button.",
+        "tags": []
+      }
+    }
+  }; }
+}

package/dist/collection/components/six-menu-label/six-menu-label.js

@@ -1,25 +1,25 @@
-import { Component, h } from '@stencil/core';
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot - The menu label's content.
- *
- * @part base - The component's base wrapper.
- */
-export class SixMenuLabel {
-  render() {
-    return (h("div", { part: "base", class: "menu-label" },
-      h("slot", null)));
-  }
-  static get is() { return "six-menu-label"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-menu-label.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-menu-label.css"]
-  }; }
-}
+import { Component, h } from '@stencil/core';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The menu label's content.
+ *
+ * @part base - The component's base wrapper.
+ */
+export class SixMenuLabel {
+  render() {
+    return (h("div", { part: "base", class: "menu-label" },
+      h("slot", null)));
+  }
+  static get is() { return "six-menu-label"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["six-menu-label.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["six-menu-label.css"]
+  }; }
+}

package/dist/collection/components/six-picto/six-picto.js

@@ -1,50 +1,50 @@
-import { Component, Host, h, Element, Prop } from '@stencil/core';
-/**
- * @since 1.1
- * @status stable
- *
- * @part icon - The component's icon wrapper.
- */
-export class SixPicto {
-  constructor() {
-    /**
-     * Defines the size of the icon.
-     */
-    this.size = 'medium';
-  }
-  render() {
-    var _a;
-    const iconName = (_a = this.host.innerHTML) === null || _a === void 0 ? void 0 : _a.trim();
-    return (h(Host, null,
-      h("div", { part: "icon", class: { [`is-size-${this.size}`]: !!this.size, [`${iconName}`]: true } })));
-  }
-  static get is() { return "six-picto"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-picto.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-picto.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge' | '4xl'",
-        "resolved": "\"4xl\" | \"large\" | \"medium\" | \"small\" | \"xLarge\" | \"xSmall\" | \"xxLarge\" | \"xxxLarge\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Defines the size of the icon."
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'medium'"
-    }
-  }; }
-  static get elementRef() { return "host"; }
-}
+import { Component, Host, h, Element, Prop } from '@stencil/core';
+/**
+ * @since 1.1
+ * @status stable
+ *
+ * @part icon - The component's icon wrapper.
+ */
+export class SixPicto {
+  constructor() {
+    /**
+     * Defines the size of the icon.
+     */
+    this.size = 'medium';
+  }
+  render() {
+    var _a;
+    const iconName = (_a = this.host.innerHTML) === null || _a === void 0 ? void 0 : _a.trim();
+    return (h(Host, null,
+      h("div", { part: "icon", class: { [`is-size-${this.size}`]: !!this.size, [`${iconName}`]: true } })));
+  }
+  static get is() { return "six-picto"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["six-picto.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["six-picto.css"]
+  }; }
+  static get properties() { return {
+    "size": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge' | '4xl'",
+        "resolved": "\"4xl\" | \"large\" | \"medium\" | \"small\" | \"xLarge\" | \"xSmall\" | \"xxLarge\" | \"xxxLarge\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Defines the size of the icon."
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "'medium'"
+    }
+  }; }
+  static get elementRef() { return "host"; }
+}