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

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

@@ -1,167 +1,167 @@
-import { Component, Element, Event, h, Prop, State, Watch } from '@stencil/core';
-/**
- * @since 1.0
- * @status stable
- *
- * @slot header - Used to define the header component.
- * @slot main - Used to define the components in the main area.
- * @slot left-sidebar - Used to define the side bar on the left side.
- * @slot right-sidebar - Used to define the side bar on the right side.
- * @slot footer - Used to define the footer component.
- */
-export class SixRoot {
-  constructor() {
-    /** Breakpoint for smaller screens when the right sidebar is collapsed by default. */
-    this.breakpoint = 1024;
-    /** Defines whether the content section should be padded */
-    this.padded = true;
-    /** Defines the stage of the application*/
-    this.stage = null;
-    /** Defines the version of the application*/
-    this.version = '';
-    this.resizeObserver = new ResizeObserver(([host]) => {
-      const { width } = host.contentRect;
-      this.collapse = width < this.breakpoint;
-    });
-  }
-  handleCollapsed(collapsed) {
-    this.collapsedEvent.emit({ collapsed });
-  }
-  componentWillLoad() {
-    this.resizeObserver.observe(this.host);
-  }
-  disconnectedCallback() {
-    this.resizeObserver.disconnect();
-  }
-  render() {
-    return (h("host", { class: "six-root" },
-      h("header", { part: "header" },
-        this.stage && h("six-stage-indicator", { stage: this.stage }, this.version),
-        h("slot", { name: "header" })),
-      h("nav", { class: "six-root__left-sidebar", part: "left-sidebar" },
-        h("set-attributes", { value: { open: !this.collapse } },
-          h("slot", { name: "left-sidebar" }))),
-      h("main", { part: "main" },
-        h("div", { class: { 'six-root__container': true, 'six-root__container--padded': this.padded }, part: "container" },
-          h("slot", { name: "main" })),
-        h("div", { class: "six-root__footer" },
-          h("slot", { name: "footer" }))),
-      h("nav", { class: "six-root__right-sidebar", part: "right-sidebar" },
-        h("slot", { name: "right-sidebar" }))));
-  }
-  static get is() { return "six-root"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-root.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-root.css"]
-  }; }
-  static get properties() { return {
-    "breakpoint": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Breakpoint for smaller screens when the right sidebar is collapsed by default."
-      },
-      "attribute": "breakpoint",
-      "reflect": false,
-      "defaultValue": "1024"
-    },
-    "padded": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Defines whether the content section should be padded"
-      },
-      "attribute": "padded",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "stage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "StageType",
-        "resolved": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\"",
-        "references": {
-          "StageType": {
-            "location": "import",
-            "path": "../six-stage-indicator/six-stage-indicator"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Defines the stage of the application"
-      },
-      "attribute": "stage",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "version": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Defines the version of the application"
-      },
-      "attribute": "version",
-      "reflect": false,
-      "defaultValue": "''"
-    }
-  }; }
-  static get states() { return {
-    "collapse": {}
-  }; }
-  static get events() { return [{
-      "method": "collapsedEvent",
-      "name": "six-root-collapsed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when display size is updated."
-      },
-      "complexType": {
-        "original": "SixRootCollapsedPayload",
-        "resolved": "SixRootCollapsedPayload",
-        "references": {
-          "SixRootCollapsedPayload": {
-            "location": "local"
-          }
-        }
-      }
-    }]; }
-  static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "collapse",
-      "methodName": "handleCollapsed"
-    }]; }
-}
+import { Component, Element, Event, h, Prop, State, Watch } from '@stencil/core';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot header - Used to define the header component.
+ * @slot main - Used to define the components in the main area.
+ * @slot left-sidebar - Used to define the side bar on the left side.
+ * @slot right-sidebar - Used to define the side bar on the right side.
+ * @slot footer - Used to define the footer component.
+ */
+export class SixRoot {
+  constructor() {
+    /** Breakpoint for smaller screens when the right sidebar is collapsed by default. */
+    this.breakpoint = 1024;
+    /** Defines whether the content section should be padded */
+    this.padded = true;
+    /** Defines the stage of the application*/
+    this.stage = null;
+    /** Defines the version of the application*/
+    this.version = '';
+    this.resizeObserver = new ResizeObserver(([host]) => {
+      const { width } = host.contentRect;
+      this.collapse = width < this.breakpoint;
+    });
+  }
+  handleCollapsed(collapsed) {
+    this.collapsedEvent.emit({ collapsed });
+  }
+  componentWillLoad() {
+    this.resizeObserver.observe(this.host);
+  }
+  disconnectedCallback() {
+    this.resizeObserver.disconnect();
+  }
+  render() {
+    return (h("host", { class: "six-root" },
+      h("header", { part: "header" },
+        this.stage && h("six-stage-indicator", { stage: this.stage }, this.version),
+        h("slot", { name: "header" })),
+      h("nav", { class: "six-root__left-sidebar", part: "left-sidebar" },
+        h("set-attributes", { value: { open: !this.collapse } },
+          h("slot", { name: "left-sidebar" }))),
+      h("main", { part: "main" },
+        h("div", { class: { 'six-root__container': true, 'six-root__container--padded': this.padded }, part: "container" },
+          h("slot", { name: "main" })),
+        h("div", { class: "six-root__footer" },
+          h("slot", { name: "footer" }))),
+      h("nav", { class: "six-root__right-sidebar", part: "right-sidebar" },
+        h("slot", { name: "right-sidebar" }))));
+  }
+  static get is() { return "six-root"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["six-root.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["six-root.css"]
+  }; }
+  static get properties() { return {
+    "breakpoint": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Breakpoint for smaller screens when the right sidebar is collapsed by default."
+      },
+      "attribute": "breakpoint",
+      "reflect": false,
+      "defaultValue": "1024"
+    },
+    "padded": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Defines whether the content section should be padded"
+      },
+      "attribute": "padded",
+      "reflect": false,
+      "defaultValue": "true"
+    },
+    "stage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "StageType",
+        "resolved": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\"",
+        "references": {
+          "StageType": {
+            "location": "import",
+            "path": "../six-stage-indicator/six-stage-indicator"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Defines the stage of the application"
+      },
+      "attribute": "stage",
+      "reflect": false,
+      "defaultValue": "null"
+    },
+    "version": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Defines the version of the application"
+      },
+      "attribute": "version",
+      "reflect": false,
+      "defaultValue": "''"
+    }
+  }; }
+  static get states() { return {
+    "collapse": {}
+  }; }
+  static get events() { return [{
+      "method": "collapsedEvent",
+      "name": "six-root-collapsed",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when display size is updated."
+      },
+      "complexType": {
+        "original": "SixRootCollapsedPayload",
+        "resolved": "SixRootCollapsedPayload",
+        "references": {
+          "SixRootCollapsedPayload": {
+            "location": "local"
+          }
+        }
+      }
+    }]; }
+  static get elementRef() { return "host"; }
+  static get watchers() { return [{
+      "propName": "collapse",
+      "methodName": "handleCollapsed"
+    }]; }
+}