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

package/dist/collection/components/six-item-picker/types.js

@@ -1,13 +1,13 @@
-export var ItemPickerType;
-(function (ItemPickerType) {
-  ItemPickerType["NUMBER"] = "number";
-  ItemPickerType["LETTER"] = "letter";
-  ItemPickerType["CAPITAL_LETTER"] = "capital-letter";
-  ItemPickerType["LOWER_LETTER"] = "lower-letter";
-  ItemPickerType["CUSTOM"] = "custom";
-})(ItemPickerType || (ItemPickerType = {}));
-export var ItemPickerPaddingDirection;
-(function (ItemPickerPaddingDirection) {
-  ItemPickerPaddingDirection["BEFORE"] = "before";
-  ItemPickerPaddingDirection["AFTER"] = "after";
-})(ItemPickerPaddingDirection || (ItemPickerPaddingDirection = {}));
+export var ItemPickerType;
+(function (ItemPickerType) {
+  ItemPickerType["NUMBER"] = "number";
+  ItemPickerType["LETTER"] = "letter";
+  ItemPickerType["CAPITAL_LETTER"] = "capital-letter";
+  ItemPickerType["LOWER_LETTER"] = "lower-letter";
+  ItemPickerType["CUSTOM"] = "custom";
+})(ItemPickerType || (ItemPickerType = {}));
+export var ItemPickerPaddingDirection;
+(function (ItemPickerPaddingDirection) {
+  ItemPickerPaddingDirection["BEFORE"] = "before";
+  ItemPickerPaddingDirection["AFTER"] = "after";
+})(ItemPickerPaddingDirection || (ItemPickerPaddingDirection = {}));

package/dist/collection/components/six-language-switcher/six-language-switcher.js

@@ -1,128 +1,128 @@
-import { Component, Event, h, Prop, Watch } from '@stencil/core';
-const DEFAULT_LANGUAGES = ['EN', 'DE', 'ES'];
-/*
- * @since 2.2.0
- * @status experimental
- * @part container - The whole component container
- * @part label - The language label
- * @part separator - The separator between the language labels
- */
-export class SixLanguageSwitcher {
-  constructor() {
-    /** The languages which should be selectable options. */
-    this.languages = DEFAULT_LANGUAGES;
-    this.handleLanguageSwitching = (newLanguage, languageValue) => () => {
-      if (languageValue !== undefined) {
-        this.sixChange.emit(languageValue);
-      }
-      else {
-        this.sixChange.emit(newLanguage);
-      }
-      this.selected = newLanguage;
-    };
-  }
-  handleChangesLanguages(newValue) {
-    if (!Array.isArray(newValue)) {
-      throw new Error('languages is expected to be an array');
-    }
-    this.updateSelectedLanguage();
-  }
-  componentWillLoad() {
-    if (this.selected === undefined) {
-      this.updateSelectedLanguage();
-    }
-  }
-  updateSelectedLanguage() {
-    const selectedLanguage = this.languages[0];
-    if (typeof selectedLanguage === 'string') {
-      this.selected = selectedLanguage;
-      this.sixChange.emit(this.selected);
-    }
-    else {
-      this.selected = selectedLanguage.key;
-      this.sixChange.emit(selectedLanguage.value);
-    }
-  }
-  render() {
-    return (h("div", { part: "container", class: "language-switcher__container" }, this.languages.map((lang, index) => {
-      const language = typeof lang === 'string' ? lang : lang.key;
-      return (h("div", { onClick: this.handleLanguageSwitching(language, lang.value) },
-        h("span", { part: "label", class: {
-            'language-switcher__label': true,
-            'language-switcher__label--selected': this.selected === language,
-          } }, language),
-        index < this.languages.length - 1 && (h("span", { part: "separator", class: "language-switcher__separator" }, "/"))));
-    })));
-  }
-  static get is() { return "six-language-switcher"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-language-switcher.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-language-switcher.css"]
-  }; }
-  static get properties() { return {
-    "selected": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The language which should be shown as selected"
-      },
-      "attribute": "selected",
-      "reflect": true
-    },
-    "languages": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "string[] | SixLanguageSwitcherInput[]",
-        "resolved": "SixLanguageSwitcherInput[] | string[]",
-        "references": {
-          "SixLanguageSwitcherInput": {
-            "location": "local"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The languages which should be selectable options."
-      },
-      "defaultValue": "DEFAULT_LANGUAGES"
-    }
-  }; }
-  static get events() { return [{
-      "method": "sixChange",
-      "name": "six-language-switcher-change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the language switchers value changes"
-      },
-      "complexType": {
-        "original": "SixLanguageSwitcherChangePayload",
-        "resolved": "string",
-        "references": {
-          "SixLanguageSwitcherChangePayload": {
-            "location": "local"
-          }
-        }
-      }
-    }]; }
-  static get watchers() { return [{
-      "propName": "languages",
-      "methodName": "handleChangesLanguages"
-    }]; }
-}
+import { Component, Event, h, Prop, Watch } from '@stencil/core';
+const DEFAULT_LANGUAGES = ['EN', 'DE', 'ES'];
+/*
+ * @since 2.2.0
+ * @status experimental
+ * @part container - The whole component container
+ * @part label - The language label
+ * @part separator - The separator between the language labels
+ */
+export class SixLanguageSwitcher {
+  constructor() {
+    /** The languages which should be selectable options. */
+    this.languages = DEFAULT_LANGUAGES;
+    this.handleLanguageSwitching = (newLanguage, languageValue) => () => {
+      if (languageValue !== undefined) {
+        this.sixChange.emit(languageValue);
+      }
+      else {
+        this.sixChange.emit(newLanguage);
+      }
+      this.selected = newLanguage;
+    };
+  }
+  handleChangesLanguages(newValue) {
+    if (!Array.isArray(newValue)) {
+      throw new Error('languages is expected to be an array');
+    }
+    this.updateSelectedLanguage();
+  }
+  componentWillLoad() {
+    if (this.selected === undefined) {
+      this.updateSelectedLanguage();
+    }
+  }
+  updateSelectedLanguage() {
+    const selectedLanguage = this.languages[0];
+    if (typeof selectedLanguage === 'string') {
+      this.selected = selectedLanguage;
+      this.sixChange.emit(this.selected);
+    }
+    else {
+      this.selected = selectedLanguage.key;
+      this.sixChange.emit(selectedLanguage.value);
+    }
+  }
+  render() {
+    return (h("div", { part: "container", class: "language-switcher__container" }, this.languages.map((lang, index) => {
+      const language = typeof lang === 'string' ? lang : lang.key;
+      return (h("div", { onClick: this.handleLanguageSwitching(language, lang.value) },
+        h("span", { part: "label", class: {
+            'language-switcher__label': true,
+            'language-switcher__label--selected': this.selected === language,
+          } }, language),
+        index < this.languages.length - 1 && (h("span", { part: "separator", class: "language-switcher__separator" }, "/"))));
+    })));
+  }
+  static get is() { return "six-language-switcher"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["six-language-switcher.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["six-language-switcher.css"]
+  }; }
+  static get properties() { return {
+    "selected": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "The language which should be shown as selected"
+      },
+      "attribute": "selected",
+      "reflect": true
+    },
+    "languages": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "string[] | SixLanguageSwitcherInput[]",
+        "resolved": "SixLanguageSwitcherInput[] | string[]",
+        "references": {
+          "SixLanguageSwitcherInput": {
+            "location": "local"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The languages which should be selectable options."
+      },
+      "defaultValue": "DEFAULT_LANGUAGES"
+    }
+  }; }
+  static get events() { return [{
+      "method": "sixChange",
+      "name": "six-language-switcher-change",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the language switchers value changes"
+      },
+      "complexType": {
+        "original": "SixLanguageSwitcherChangePayload",
+        "resolved": "string",
+        "references": {
+          "SixLanguageSwitcherChangePayload": {
+            "location": "local"
+          }
+        }
+      }
+    }]; }
+  static get watchers() { return [{
+      "propName": "languages",
+      "methodName": "handleChangesLanguages"
+    }]; }
+}

package/dist/collection/components/six-layout-grid/six-layout-grid.js

@@ -1,52 +1,52 @@
-import { Component, Element, Host, h, Prop, Watch } from '@stencil/core';
-/**
- * @since 1.01
- * @status stable
- *
- * @slot - The grid's content
- */
-export class SixLayoutGrid {
-  handleColumnsChange() {
-    const columns = this.columns ? this.columns : 12;
-    this.host.style.setProperty('--no-of-columns', String(columns));
-  }
-  componentWillLoad() {
-    this.handleColumnsChange();
-  }
-  render() {
-    return (h(Host, null,
-      h("slot", null)));
-  }
-  static get is() { return "six-layout-grid"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-layout-grid.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-layout-grid.css"]
-  }; }
-  static get properties() { return {
-    "columns": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set the number of grid columns"
-      },
-      "attribute": "columns",
-      "reflect": false
-    }
-  }; }
-  static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "columns",
-      "methodName": "handleColumnsChange"
-    }]; }
-}
+import { Component, Element, Host, h, Prop, Watch } from '@stencil/core';
+/**
+ * @since 1.01
+ * @status stable
+ *
+ * @slot - The grid's content
+ */
+export class SixLayoutGrid {
+  handleColumnsChange() {
+    const columns = this.columns ? this.columns : 12;
+    this.host.style.setProperty('--no-of-columns', String(columns));
+  }
+  componentWillLoad() {
+    this.handleColumnsChange();
+  }
+  render() {
+    return (h(Host, null,
+      h("slot", null)));
+  }
+  static get is() { return "six-layout-grid"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["six-layout-grid.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["six-layout-grid.css"]
+  }; }
+  static get properties() { return {
+    "columns": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Set the number of grid columns"
+      },
+      "attribute": "columns",
+      "reflect": false
+    }
+  }; }
+  static get elementRef() { return "host"; }
+  static get watchers() { return [{
+      "propName": "columns",
+      "methodName": "handleColumnsChange"
+    }]; }
+}

package/dist/collection/components/six-main-container/six-main-container.js

@@ -1,53 +1,53 @@
-import { Component, Element, Host, h, Prop } from '@stencil/core';
-/**
- * @since 1.01
- * @status stable
- *
- * @slot - The main container's content.
- *
- * @part left-margin  - The component's left margin area.
- * @part content      - The component's content area.
- * @part right-margin - The component's right margin area.
- */
-export class SixMainContainer {
-  constructor() {
-    /** Set to false to remove top and bottom padding.  */
-    this.padded = true;
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { part: "left-margin", class: "left-margin" }),
-      h("div", { part: "content", class: { content: true, 'content--padded': this.padded } },
-        h("slot", null)),
-      h("div", { part: "right-margin", class: "right-margin" })));
-  }
-  static get is() { return "six-main-container"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-main-container.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-main-container.css"]
-  }; }
-  static get properties() { return {
-    "padded": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to false to remove top and bottom padding."
-      },
-      "attribute": "padded",
-      "reflect": false,
-      "defaultValue": "true"
-    }
-  }; }
-  static get elementRef() { return "host"; }
-}
+import { Component, Element, Host, h, Prop } from '@stencil/core';
+/**
+ * @since 1.01
+ * @status stable
+ *
+ * @slot - The main container's content.
+ *
+ * @part left-margin  - The component's left margin area.
+ * @part content      - The component's content area.
+ * @part right-margin - The component's right margin area.
+ */
+export class SixMainContainer {
+  constructor() {
+    /** Set to false to remove top and bottom padding.  */
+    this.padded = true;
+  }
+  render() {
+    return (h(Host, null,
+      h("div", { part: "left-margin", class: "left-margin" }),
+      h("div", { part: "content", class: { content: true, 'content--padded': this.padded } },
+        h("slot", null)),
+      h("div", { part: "right-margin", class: "right-margin" })));
+  }
+  static get is() { return "six-main-container"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["six-main-container.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["six-main-container.css"]
+  }; }
+  static get properties() { return {
+    "padded": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Set to false to remove top and bottom padding."
+      },
+      "attribute": "padded",
+      "reflect": false,
+      "defaultValue": "true"
+    }
+  }; }
+  static get elementRef() { return "host"; }
+}