@getflip/swirl-components 0.4.0 → 0.5.0

package/dist/components/flip-file-viewer.js

@@ -1,139 +1,6 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
-import { d as defineCustomElement$b } from './flip-file-viewer-audio2.js';
-import { d as defineCustomElement$a } from './flip-file-viewer-csv2.js';
-import { d as defineCustomElement$9 } from './flip-file-viewer-image2.js';
-import { d as defineCustomElement$8 } from './flip-file-viewer-pdf2.js';
-import { d as defineCustomElement$7 } from './flip-file-viewer-text2.js';
-import { d as defineCustomElement$6 } from './flip-file-viewer-video2.js';
-import { d as defineCustomElement$5 } from './flip-icon-error2.js';
-import { d as defineCustomElement$4 } from './flip-inline-error2.js';
-import { d as defineCustomElement$3 } from './flip-spinner2.js';
-import { d as defineCustomElement$2 } from './flip-visually-hidden2.js';
-
-var FileSaver_min = createCommonjsModule(function (module, exports) {
-(function(a,b){b();})(commonjsGlobal,function(){function b(a,b){return "undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c);},d.onerror=function(){console.error("could not download file");},d.send();}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send();}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"));}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b);}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof commonjsGlobal&&commonjsGlobal.global===commonjsGlobal?commonjsGlobal:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href);},4E4),setTimeout(function(){e(j);},0));}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else {var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i);});}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null;},k.readAsDataURL(b);}else {var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m);},4E4);}});f.saveAs=g.saveAs=g,(module.exports=g);});
-
-//# sourceMappingURL=FileSaver.min.js.map
-});
-
-const flipFileViewerCss = ":host{display:block;width:100%;height:100%}:host *{box-sizing:border-box}.file-viewer{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.file-viewer__file{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}";
-
-const FlipFileViewer$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.active = true;
-    this.errorMessage = "File could not be loaded.";
-    this.typeUnsupportedMessage = "File type is not supported.";
-    this.zoom = 1;
-  }
-  /**
-   * Download the file.
-   */
-  async download() {
-    const fileName = this.file.split("/").pop();
-    FileSaver_min.saveAs(this.file, fileName);
-  }
-  /**
-   * Print the file. Applicable to PDFs only.
-   */
-  async print() {
-    if (this.type === "application/pdf") {
-      this.viewer.print();
-    }
-  }
-  render() {
-    const unsupportedType = !Boolean(this.type) ||
-      (!this.type.startsWith("image/") &&
-        !this.type.startsWith("video/") &&
-        !this.type.startsWith("audio/") &&
-        this.type !== "text/plain" &&
-        this.type !== "text/csv" &&
-        this.type !== "application/pdf");
-    return (h(Host, null, h("div", { class: "file-viewer" }, this.type && this.active && (h("div", { class: "file-viewer__file" }, this.type.startsWith("image/") && (h("flip-file-viewer-image", { description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("flip-file-viewer-text", { errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("flip-file-viewer-csv", { errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("flip-file-viewer-pdf", { errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el), zoom: this.zoom })), this.type.startsWith("video/") && (h("flip-file-viewer-video", { file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("flip-file-viewer-audio", { file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("flip-inline-error", { message: this.typeUnsupportedMessage })))))));
-  }
-  static get style() { return flipFileViewerCss; }
-}, [1, "flip-file-viewer", {
-    "active": [4],
-    "description": [1],
-    "errorMessage": [1, "error-message"],
-    "file": [1],
-    "type": [1],
-    "typeUnsupportedMessage": [1, "type-unsupported-message"],
-    "zoom": [8],
-    "download": [64],
-    "print": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["flip-file-viewer", "flip-file-viewer-audio", "flip-file-viewer-csv", "flip-file-viewer-image", "flip-file-viewer-pdf", "flip-file-viewer-text", "flip-file-viewer-video", "flip-icon-error", "flip-inline-error", "flip-spinner", "flip-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "flip-file-viewer":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, FlipFileViewer$1);
-      }
-      break;
-    case "flip-file-viewer-audio":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "flip-file-viewer-csv":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "flip-file-viewer-image":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "flip-file-viewer-pdf":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "flip-file-viewer-text":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "flip-file-viewer-video":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "flip-icon-error":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "flip-inline-error":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "flip-spinner":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "flip-visually-hidden":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
+import { F as FlipFileViewer$1, d as defineCustomElement$1 } from './flip-file-viewer2.js';
 
 const FlipFileViewer = FlipFileViewer$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipFileViewer, defineCustomElement };
-
-//# sourceMappingURL=flip-file-viewer.js.map

package/dist/components/flip-file-viewer2.js

@@ -0,0 +1,140 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
+import { d as defineCustomElement$a } from './flip-file-viewer-audio2.js';
+import { d as defineCustomElement$9 } from './flip-file-viewer-csv2.js';
+import { d as defineCustomElement$8 } from './flip-file-viewer-image2.js';
+import { d as defineCustomElement$7 } from './flip-file-viewer-pdf2.js';
+import { d as defineCustomElement$6 } from './flip-file-viewer-text2.js';
+import { d as defineCustomElement$5 } from './flip-file-viewer-video2.js';
+import { d as defineCustomElement$4 } from './flip-icon-error2.js';
+import { d as defineCustomElement$3 } from './flip-inline-error2.js';
+import { d as defineCustomElement$2 } from './flip-spinner2.js';
+import { d as defineCustomElement$1 } from './flip-visually-hidden2.js';
+
+var FileSaver_min = createCommonjsModule(function (module, exports) {
+(function(a,b){b();})(commonjsGlobal,function(){function b(a,b){return "undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c);},d.onerror=function(){console.error("could not download file");},d.send();}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send();}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"));}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b);}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof commonjsGlobal&&commonjsGlobal.global===commonjsGlobal?commonjsGlobal:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href);},4E4),setTimeout(function(){e(j);},0));}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else {var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i);});}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null;},k.readAsDataURL(b);}else {var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m);},4E4);}});f.saveAs=g.saveAs=g,(module.exports=g);});
+
+//# sourceMappingURL=FileSaver.min.js.map
+});
+
+const flipFileViewerCss = ":host{display:block;width:100%;height:100%}:host *{box-sizing:border-box}.file-viewer{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.file-viewer__file{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}";
+
+const FlipFileViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.activate = createEvent(this, "activate", 7);
+    this.active = true;
+    this.errorMessage = "File could not be loaded.";
+    this.typeUnsupportedMessage = "File type is not supported.";
+    this.zoom = 1;
+    this.onActivate = (event) => {
+      this.activate.emit(event.detail);
+    };
+  }
+  /**
+   * Download the file.
+   */
+  async download() {
+    const fileName = this.file.split("/").pop();
+    const file = await fetch(this.file);
+    FileSaver_min.saveAs(await file.blob(), fileName);
+  }
+  /**
+   * Print the file. Applicable to PDFs only.
+   */
+  async print() {
+    if (this.type === "application/pdf") {
+      this.viewer.print();
+    }
+  }
+  render() {
+    const unsupportedType = !Boolean(this.type) ||
+      (!this.type.startsWith("image/") &&
+        !this.type.startsWith("video/") &&
+        !this.type.startsWith("audio/") &&
+        this.type !== "text/plain" &&
+        this.type !== "text/csv" &&
+        this.type !== "application/pdf");
+    return (h(Host, null, h("div", { class: "file-viewer" }, this.type && this.active && (h("div", { class: "file-viewer__file" }, this.type.startsWith("image/") && (h("flip-file-viewer-image", { description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("flip-file-viewer-text", { errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("flip-file-viewer-csv", { errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("flip-file-viewer-pdf", { errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, ref: (el) => (this.viewer = el), zoom: this.zoom })), this.type.startsWith("video/") && (h("flip-file-viewer-video", { autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("flip-file-viewer-audio", { autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("flip-inline-error", { message: this.typeUnsupportedMessage })))))));
+  }
+  static get style() { return flipFileViewerCss; }
+}, [1, "flip-file-viewer", {
+    "active": [4],
+    "autoplay": [4],
+    "description": [1],
+    "errorMessage": [1, "error-message"],
+    "file": [1],
+    "type": [1],
+    "typeUnsupportedMessage": [1, "type-unsupported-message"],
+    "zoom": [8],
+    "download": [64],
+    "print": [64]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["flip-file-viewer", "flip-file-viewer-audio", "flip-file-viewer-csv", "flip-file-viewer-image", "flip-file-viewer-pdf", "flip-file-viewer-text", "flip-file-viewer-video", "flip-icon-error", "flip-inline-error", "flip-spinner", "flip-visually-hidden"];
+  components.forEach(tagName => { switch (tagName) {
+    case "flip-file-viewer":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FlipFileViewer);
+      }
+      break;
+    case "flip-file-viewer-audio":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "flip-file-viewer-csv":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "flip-file-viewer-image":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "flip-file-viewer-pdf":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "flip-file-viewer-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "flip-file-viewer-video":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "flip-icon-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "flip-inline-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "flip-spinner":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "flip-visually-hidden":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { FlipFileViewer as F, defineCustomElement as d };

package/dist/components/flip-form-control.js

@@ -125,5 +125,3 @@ const FlipFormControl = FlipFormControl$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipFormControl, defineCustomElement };
-
-//# sourceMappingURL=flip-form-control.js.map

package/dist/components/flip-form-group.js

@@ -36,5 +36,3 @@ const FlipFormGroup = FlipFormGroup$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipFormGroup, defineCustomElement };
-
-//# sourceMappingURL=flip-form-group.js.map

package/dist/components/flip-heading.js

@@ -4,5 +4,3 @@ const FlipHeading = FlipHeading$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipHeading, defineCustomElement };
-
-//# sourceMappingURL=flip-heading.js.map

package/dist/components/flip-heading2.js

@@ -1,23 +1,22 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
 
-const flipHeadingCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}.heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--align-start{text-align:start}.heading--align-center{text-align:center}.heading--align-end{text-align:end}.heading--level-1{font-size:var(--s-font-size-2xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-2xl);letter-spacing:var(--s-letter-spacing-tight)}.heading--level-2{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4,.heading--level-5,.heading--level-6{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}";
+const flipHeadingCss = ".sc-flip-heading-h{display:block;width:100%}.sc-flip-heading-h *.sc-flip-heading{box-sizing:border-box}.heading.sc-flip-heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--align-start.sc-flip-heading{text-align:start}.heading--align-center.sc-flip-heading{text-align:center}.heading--align-end.sc-flip-heading{text-align:end}.heading--level-1.sc-flip-heading{font-size:var(--s-font-size-2xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-2xl);letter-spacing:var(--s-letter-spacing-tight)}.heading--level-2.sc-flip-heading{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3.sc-flip-heading{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4.sc-flip-heading,.heading--level-5.sc-flip-heading,.heading--level-6.sc-flip-heading{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}";
 
 const FlipHeading = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    this.__attachShadow();
     this.align = "start";
     this.level = 1;
   }
   render() {
     const Tag = this.as || `h${this.level}`;
     const className = classnames("heading", `heading--align-${this.align}`, `heading--level-${this.level}`);
-    return (h(Host, null, h(Tag, { class: className, id: this.headingId, part: "heading" }, this.text)));
+    return (h(Host, null, h(Tag, { class: className, id: this.headingId }, this.text)));
   }
   static get style() { return flipHeadingCss; }
-}, [1, "flip-heading", {
+}, [2, "flip-heading", {
     "align": [1],
     "as": [1],
     "headingId": [1, "heading-id"],
@@ -40,5 +39,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FlipHeading as F, defineCustomElement as d };
-
-//# sourceMappingURL=flip-heading2.js.map

package/dist/components/flip-icon-add-photo.js

@@ -35,5 +35,3 @@ const FlipIconAddPhoto = FlipIconAddPhoto$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconAddPhoto, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-add-photo.js.map

package/dist/components/flip-icon-add.js

@@ -1,39 +1,6 @@
-import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
-
-const flipIconCss = ":host{display:inline-flex}";
-
-const FlipIconAdd$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.size = 24;
-  }
-  render() {
-    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8 12.7666C7.78889 12.7666 7.60845 12.6915 7.45867 12.5413C7.30845 12.3915 7.23334 12.2111 7.23334 11.9999V8.76661H4C3.78889 8.76661 3.60845 8.6915 3.45867 8.54128C3.30845 8.3915 3.23334 8.21105 3.23334 7.99994C3.23334 7.78883 3.30845 7.60839 3.45867 7.45861C3.60845 7.30839 3.78889 7.23328 4 7.23328H7.23334V3.99994C7.23334 3.78883 7.30845 3.60817 7.45867 3.45794C7.60845 3.30817 7.78889 3.23328 8 3.23328C8.21112 3.23328 8.39156 3.30817 8.54134 3.45794C8.69156 3.60817 8.76667 3.78883 8.76667 3.99994V7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H8.76667V11.9999C8.76667 12.2111 8.69156 12.3915 8.54134 12.5413C8.39156 12.6915 8.21112 12.7666 8 12.7666V12.7666Z", fill: "currentColor" }))), this.size === 24 && (h(Fragment, null, h("path", { d: "M12 19.15C11.6833 19.15 11.4127 19.0373 11.188 18.812C10.9627 18.5873 10.85 18.3166 10.85 18V13.15H6.00001C5.68334 13.15 5.41267 13.0373 5.18801 12.812C4.96267 12.5873 4.85001 12.3166 4.85001 12C4.85001 11.6833 4.96267 11.4126 5.18801 11.188C5.41267 10.9626 5.68334 10.85 6.00001 10.85H10.85V5.99998C10.85 5.68331 10.9627 5.41231 11.188 5.18698C11.4127 4.96231 11.6833 4.84998 12 4.84998C12.3167 4.84998 12.5873 4.96231 12.812 5.18698C13.0373 5.41231 13.15 5.68331 13.15 5.99998V10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H13.15V18C13.15 18.3166 13.0373 18.5873 12.812 18.812C12.5873 19.0373 12.3167 19.15 12 19.15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 22.3417C13.6305 22.3417 13.3148 22.2102 13.0527 21.9473C12.7898 21.6852 12.6583 21.3694 12.6583 21V15.3417H6.99999C6.63055 15.3417 6.31477 15.2102 6.05266 14.9473C5.78977 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78977 13.3148 6.05266 13.0527C6.31477 12.7898 6.63055 12.6583 6.99999 12.6583H12.6583V6.99999C12.6583 6.63055 12.7898 6.31438 13.0527 6.05149C13.3148 5.78938 13.6305 5.65833 14 5.65833C14.3694 5.65833 14.6852 5.78938 14.9473 6.05149C15.2102 6.31438 15.3417 6.63055 15.3417 6.99999V12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H15.3417V21C15.3417 21.3694 15.2102 21.6852 14.9473 21.9473C14.6852 22.2102 14.3694 22.3417 14 22.3417V22.3417Z", fill: "currentColor" })))));
-  }
-  static get style() { return flipIconCss; }
-}, [1, "flip-icon-add", {
-    "size": [2]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["flip-icon-add"];
-  components.forEach(tagName => { switch (tagName) {
-    case "flip-icon-add":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, FlipIconAdd$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
+import { F as FlipIconAdd$1, d as defineCustomElement$1 } from './flip-icon-add2.js';
 
 const FlipIconAdd = FlipIconAdd$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconAdd, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-add.js.map

package/dist/components/flip-icon-add2.js

@@ -0,0 +1,34 @@
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+
+const flipIconCss = ":host{display:inline-flex}";
+
+const FlipIconAdd = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.size = 24;
+  }
+  render() {
+    return (h("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, null, h("path", { d: "M8 12.7666C7.78889 12.7666 7.60845 12.6915 7.45867 12.5413C7.30845 12.3915 7.23334 12.2111 7.23334 11.9999V8.76661H4C3.78889 8.76661 3.60845 8.6915 3.45867 8.54128C3.30845 8.3915 3.23334 8.21105 3.23334 7.99994C3.23334 7.78883 3.30845 7.60839 3.45867 7.45861C3.60845 7.30839 3.78889 7.23328 4 7.23328H7.23334V3.99994C7.23334 3.78883 7.30845 3.60817 7.45867 3.45794C7.60845 3.30817 7.78889 3.23328 8 3.23328C8.21112 3.23328 8.39156 3.30817 8.54134 3.45794C8.69156 3.60817 8.76667 3.78883 8.76667 3.99994V7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H8.76667V11.9999C8.76667 12.2111 8.69156 12.3915 8.54134 12.5413C8.39156 12.6915 8.21112 12.7666 8 12.7666V12.7666Z", fill: "currentColor" }))), this.size === 24 && (h(Fragment, null, h("path", { d: "M12 19.15C11.6833 19.15 11.4127 19.0373 11.188 18.812C10.9627 18.5873 10.85 18.3166 10.85 18V13.15H6.00001C5.68334 13.15 5.41267 13.0373 5.18801 12.812C4.96267 12.5873 4.85001 12.3166 4.85001 12C4.85001 11.6833 4.96267 11.4126 5.18801 11.188C5.41267 10.9626 5.68334 10.85 6.00001 10.85H10.85V5.99998C10.85 5.68331 10.9627 5.41231 11.188 5.18698C11.4127 4.96231 11.6833 4.84998 12 4.84998C12.3167 4.84998 12.5873 4.96231 12.812 5.18698C13.0373 5.41231 13.15 5.68331 13.15 5.99998V10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H13.15V18C13.15 18.3166 13.0373 18.5873 12.812 18.812C12.5873 19.0373 12.3167 19.15 12 19.15Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, null, h("path", { d: "M14 22.3417C13.6305 22.3417 13.3148 22.2102 13.0527 21.9473C12.7898 21.6852 12.6583 21.3694 12.6583 21V15.3417H6.99999C6.63055 15.3417 6.31477 15.2102 6.05266 14.9473C5.78977 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78977 13.3148 6.05266 13.0527C6.31477 12.7898 6.63055 12.6583 6.99999 12.6583H12.6583V6.99999C12.6583 6.63055 12.7898 6.31438 13.0527 6.05149C13.3148 5.78938 13.6305 5.65833 14 5.65833C14.3694 5.65833 14.6852 5.78938 14.9473 6.05149C15.2102 6.31438 15.3417 6.63055 15.3417 6.99999V12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H15.3417V21C15.3417 21.3694 15.2102 21.6852 14.9473 21.9473C14.6852 22.2102 14.3694 22.3417 14 22.3417V22.3417Z", fill: "currentColor" })))));
+  }
+  static get style() { return flipIconCss; }
+}, [1, "flip-icon-add", {
+    "size": [2]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["flip-icon-add"];
+  components.forEach(tagName => { switch (tagName) {
+    case "flip-icon-add":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FlipIconAdd);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { FlipIconAdd as F, defineCustomElement as d };

package/dist/components/flip-icon-admin-panel-settings.js

@@ -35,5 +35,3 @@ const FlipIconAdminPanelSettings = FlipIconAdminPanelSettings$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconAdminPanelSettings, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-admin-panel-settings.js.map

package/dist/components/flip-icon-arrow-back.js

@@ -35,5 +35,3 @@ const FlipIconArrowBack = FlipIconArrowBack$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconArrowBack, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-arrow-back.js.map

package/dist/components/flip-icon-arrow-forward.js

@@ -35,5 +35,3 @@ const FlipIconArrowForward = FlipIconArrowForward$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconArrowForward, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-arrow-forward.js.map

package/dist/components/flip-icon-arrow-left.js

@@ -4,5 +4,3 @@ const FlipIconArrowLeft = FlipIconArrowLeft$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconArrowLeft, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-arrow-left.js.map

package/dist/components/flip-icon-arrow-left2.js

@@ -32,5 +32,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FlipIconArrowLeft as F, defineCustomElement as d };
-
-//# sourceMappingURL=flip-icon-arrow-left2.js.map

package/dist/components/flip-icon-arrow-right-small.js

@@ -35,5 +35,3 @@ const FlipIconArrowRightSmall = FlipIconArrowRightSmall$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconArrowRightSmall, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-arrow-right-small.js.map

package/dist/components/flip-icon-arrow-right.js

@@ -4,5 +4,3 @@ const FlipIconArrowRight = FlipIconArrowRight$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconArrowRight, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-arrow-right.js.map

package/dist/components/flip-icon-arrow-right2.js

@@ -32,5 +32,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FlipIconArrowRight as F, defineCustomElement as d };
-
-//# sourceMappingURL=flip-icon-arrow-right2.js.map

package/dist/components/flip-icon-attachment.js

@@ -35,5 +35,3 @@ const FlipIconAttachment = FlipIconAttachment$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconAttachment, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-attachment.js.map

package/dist/components/flip-icon-cancel.js

@@ -4,5 +4,3 @@ const FlipIconCancel = FlipIconCancel$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconCancel, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-cancel.js.map

package/dist/components/flip-icon-cancel2.js

@@ -32,5 +32,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FlipIconCancel as F, defineCustomElement as d };
-
-//# sourceMappingURL=flip-icon-cancel2.js.map

package/dist/components/flip-icon-chat-bubble.js

@@ -35,5 +35,3 @@ const FlipIconChatBubble = FlipIconChatBubble$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconChatBubble, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-chat-bubble.js.map

package/dist/components/flip-icon-check-circle.js

@@ -35,5 +35,3 @@ const FlipIconCheckCircle = FlipIconCheckCircle$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconCheckCircle, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-check-circle.js.map

package/dist/components/flip-icon-check-small.js

@@ -4,5 +4,3 @@ const FlipIconCheckSmall = FlipIconCheckSmall$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconCheckSmall, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-check-small.js.map

package/dist/components/flip-icon-check-small2.js

@@ -32,5 +32,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FlipIconCheckSmall as F, defineCustomElement as d };
-
-//# sourceMappingURL=flip-icon-check-small2.js.map

package/dist/components/flip-icon-check-strong.js

@@ -4,5 +4,3 @@ const FlipIconCheckStrong = FlipIconCheckStrong$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconCheckStrong, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-check-strong.js.map

package/dist/components/flip-icon-check-strong2.js

@@ -32,5 +32,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FlipIconCheckStrong as F, defineCustomElement as d };
-
-//# sourceMappingURL=flip-icon-check-strong2.js.map

package/dist/components/flip-icon-check.js

@@ -35,5 +35,3 @@ const FlipIconCheck = FlipIconCheck$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconCheck, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-check.js.map

package/dist/components/flip-icon-chevron-left.js

@@ -35,5 +35,3 @@ const FlipIconChevronLeft = FlipIconChevronLeft$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconChevronLeft, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-chevron-left.js.map

package/dist/components/flip-icon-chevron-right.js

@@ -35,5 +35,3 @@ const FlipIconChevronRight = FlipIconChevronRight$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconChevronRight, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-chevron-right.js.map

package/dist/components/flip-icon-close-small.js

@@ -35,5 +35,3 @@ const FlipIconCloseSmall = FlipIconCloseSmall$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconCloseSmall, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-close-small.js.map

package/dist/components/flip-icon-close.js

@@ -4,5 +4,3 @@ const FlipIconClose = FlipIconClose$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconClose, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-close.js.map

package/dist/components/flip-icon-close2.js

@@ -32,5 +32,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FlipIconClose as F, defineCustomElement as d };
-
-//# sourceMappingURL=flip-icon-close2.js.map

package/dist/components/flip-icon-cloud-upload.js

@@ -4,5 +4,3 @@ const FlipIconCloudUpload = FlipIconCloudUpload$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconCloudUpload, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-cloud-upload.js.map

package/dist/components/flip-icon-cloud-upload2.js

@@ -32,5 +32,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FlipIconCloudUpload as F, defineCustomElement as d };
-
-//# sourceMappingURL=flip-icon-cloud-upload2.js.map

package/dist/components/flip-icon-comment.js

@@ -35,5 +35,3 @@ const FlipIconComment = FlipIconComment$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconComment, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-comment.js.map

package/dist/components/flip-icon-copy.js

@@ -35,5 +35,3 @@ const FlipIconCopy = FlipIconCopy$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconCopy, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-copy.js.map

package/dist/components/flip-icon-date-range.js

@@ -35,5 +35,3 @@ const FlipIconDateRange = FlipIconDateRange$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { FlipIconDateRange, defineCustomElement };
-
-//# sourceMappingURL=flip-icon-date-range.js.map