@getflip/swirl-components 0.2.0 → 0.3.0

package/dist/components/flip-file-viewer-text.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FlipFileViewerText extends Components.FlipFileViewerText, HTMLElement {}
+export const FlipFileViewerText: {
+  prototype: FlipFileViewerText;
+  new (): FlipFileViewerText;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,8 @@
+import { F as FlipFileViewerText$1, d as defineCustomElement$1 } from './flip-file-viewer-text2.js';
+
+const FlipFileViewerText = FlipFileViewerText$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FlipFileViewerText, defineCustomElement };
+
+//# sourceMappingURL=flip-file-viewer-text.js.map

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

@@ -0,0 +1 @@
+{"file":"flip-file-viewer-text.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -0,0 +1,83 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+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';
+
+const flipFileViewerTextCss = ":host{position:relative;display:inline-flex;width:100%;max-height:100%}:host *{box-sizing:border-box}.file-viewer-text__text{overflow:auto;width:100%;max-height:100%;margin:0;padding:0;font-family:var(--s-font-family-code)}.file-viewer-text__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-text__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}";
+
+const FlipFileViewerText = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.errorMessage = "File could not be loaded.";
+  }
+  componentWillLoad() {
+    this.updateText();
+  }
+  async updateText() {
+    this.error = false;
+    this.loading = true;
+    try {
+      const response = await fetch(this.file);
+      this.text = await response.text();
+      this.loading = false;
+    }
+    catch (e) {
+      this.loading = false;
+      this.error = true;
+    }
+  }
+  render() {
+    return (h(Host, { class: "file-viewer-text" }, this.error && (h("flip-inline-error", { class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { class: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { class: "file-viewer-text__spinner" }, h("flip-spinner", null)))));
+  }
+  static get watchers() { return {
+    "file": ["updateText"]
+  }; }
+  static get style() { return flipFileViewerTextCss; }
+}, [1, "flip-file-viewer-text", {
+    "errorMessage": [1, "error-message"],
+    "file": [1],
+    "error": [32],
+    "loading": [32],
+    "text": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["flip-file-viewer-text", "flip-icon-error", "flip-inline-error", "flip-spinner", "flip-visually-hidden"];
+  components.forEach(tagName => { switch (tagName) {
+    case "flip-file-viewer-text":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FlipFileViewerText);
+      }
+      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 { FlipFileViewerText as F, defineCustomElement as d };
+
+//# sourceMappingURL=flip-file-viewer-text2.js.map

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

@@ -0,0 +1 @@
+{"file":"flip-file-viewer-text2.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,kdAAkd;;MCOne,kBAAkB;EAL/B;;;;IAMU,iBAAY,GAAY,2BAA2B,CAAC;GA+C7D;EAxCC,iBAAiB;IACf,IAAI,CAAC,UAAU,EAAE,CAAC;GACnB;EAGD,MAAM,UAAU;IACd,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IAEpB,IAAI;MACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;MAExC,IAAI,CAAC,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;MAClC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAAC,OAAO,CAAC,EAAE;MACV,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;KACnB;GACF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,IAC3B,IAAI,CAAC,KAAK,KACT,yBACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,YAAY,GACP,CACtB,EACD,WAAK,KAAK,EAAC,wBAAwB,EAAC,QAAQ,EAAE,CAAC,IAC5C,IAAI,CAAC,IAAI,CACN,EACL,IAAI,CAAC,OAAO,KACX,WAAK,KAAK,EAAC,2BAA2B,IACpC,uBAA6B,CACzB,CACP,CACI,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/flip-file-viewer/viewers/flip-file-viewer-text/flip-file-viewer-text.css?tag=flip-file-viewer-text&encapsulation=shadow","./src/components/flip-file-viewer/viewers/flip-file-viewer-text/flip-file-viewer-text.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: inline-flex;\n  width: 100%;\n  max-height: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.file-viewer-text__text {\n  overflow: auto;\n  width: 100%;\n  max-height: 100%;\n  margin: 0;\n  padding: 0;\n  font-family: var(--s-font-family-code);\n}\n\n.file-viewer-text__spinner {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgba(0, 0, 0, 0.2);\n  inset: 0;\n}\n\n.file-viewer-text__error {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate3d(-50%, -50%, 0);\n}\n","import { Component, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-file-viewer-text.css\",\n  tag: \"flip-file-viewer-text\",\n})\nexport class FlipFileViewerText {\n  @Prop() errorMessage?: string = \"File could not be loaded.\";\n  @Prop() file!: string;\n\n  @State() error: boolean;\n  @State() loading: boolean;\n  @State() text: string;\n\n  componentWillLoad() {\n    this.updateText();\n  }\n\n  @Watch(\"file\")\n  async updateText() {\n    this.error = false;\n    this.loading = true;\n\n    try {\n      const response = await fetch(this.file);\n\n      this.text = await response.text();\n      this.loading = false;\n    } catch (e) {\n      this.loading = false;\n      this.error = true;\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"file-viewer-text\">\n        {this.error && (\n          <flip-inline-error\n            class=\"file-viewer-text__error\"\n            message={this.errorMessage}\n          ></flip-inline-error>\n        )}\n        <pre class=\"file-viewer-text__text\" tabIndex={0}>\n          {this.text}\n        </pre>\n        {this.loading && (\n          <div class=\"file-viewer-text__spinner\">\n            <flip-spinner></flip-spinner>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/flip-file-viewer-video.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FlipFileViewerVideo extends Components.FlipFileViewerVideo, HTMLElement {}
+export const FlipFileViewerVideo: {
+  prototype: FlipFileViewerVideo;
+  new (): FlipFileViewerVideo;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,8 @@
+import { F as FlipFileViewerVideo$1, d as defineCustomElement$1 } from './flip-file-viewer-video2.js';
+
+const FlipFileViewerVideo = FlipFileViewerVideo$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FlipFileViewerVideo, defineCustomElement };
+
+//# sourceMappingURL=flip-file-viewer-video.js.map

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

@@ -0,0 +1 @@
+{"file":"flip-file-viewer-video.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const flipFileViewerVideoCss = ":host{display:inline-flex;width:100%;height:100%}:host *{box-sizing:border-box}.file-viewer-video__video{width:100%;height:100%}";
+
+const FlipFileViewerVideo = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, { class: "file-viewer-video" }, h("video", { class: "file-viewer-video__video", controls: true }, h("source", { src: this.file, type: this.type }))));
+  }
+  static get style() { return flipFileViewerVideoCss; }
+}, [1, "flip-file-viewer-video", {
+    "file": [1],
+    "type": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["flip-file-viewer-video"];
+  components.forEach(tagName => { switch (tagName) {
+    case "flip-file-viewer-video":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FlipFileViewerVideo);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { FlipFileViewerVideo as F, defineCustomElement as d };
+
+//# sourceMappingURL=flip-file-viewer-video2.js.map

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

@@ -0,0 +1 @@
+{"file":"flip-file-viewer-video2.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,kIAAkI;;MCOpJ,mBAAmB;;;;;;EAI9B,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB,IAC7B,aAAO,KAAK,EAAC,0BAA0B,EAAC,QAAQ,UAC9C,cAAQ,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAW,CAC5C,CACH,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/flip-file-viewer/viewers/flip-file-viewer-video/flip-file-viewer-video.css?tag=flip-file-viewer-video&encapsulation=shadow","./src/components/flip-file-viewer/viewers/flip-file-viewer-video/flip-file-viewer-video.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  width: 100%;\n  height: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.file-viewer-video__video {\n  width: 100%;\n  height: 100%;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-file-viewer-video.css\",\n  tag: \"flip-file-viewer-video\",\n})\nexport class FlipFileViewerVideo {\n  @Prop() file!: string;\n  @Prop() type!: string;\n\n  render() {\n    return (\n      <Host class=\"file-viewer-video\">\n        <video class=\"file-viewer-video__video\" controls>\n          <source src={this.file} type={this.type}></source>\n        </video>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/flip-file-viewer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FlipFileViewer extends Components.FlipFileViewer, HTMLElement {}
+export const FlipFileViewer: {
+  prototype: FlipFileViewer;
+  new (): FlipFileViewer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,137 @@
+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.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 && (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", {
+    "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();
+
+const FlipFileViewer = FlipFileViewer$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FlipFileViewer, defineCustomElement };
+
+//# sourceMappingURL=flip-file-viewer.js.map

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

@@ -0,0 +1 @@
+{"file":"flip-file-viewer.js","mappings":"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","names":["this","global","FlipFileViewer","saveAs"],"sources":["../../node_modules/file-saver/dist/FileSaver.min.js","./src/components/flip-file-viewer/flip-file-viewer.css?tag=flip-file-viewer&encapsulation=shadow","./src/components/flip-file-viewer/flip-file-viewer.tsx"],"sourcesContent":["(function(a,b){if(\"function\"==typeof define&&define.amd)define([],b);else if(\"undefined\"!=typeof exports)b();else{b(),a.FileSaver={exports:{}}.exports}})(this,function(){\"use strict\";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 global&&global.global===global?global: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,\"undefined\"!=typeof module&&(module.exports=g)});\n\n//# sourceMappingURL=FileSaver.min.js.map",":host {\n  display: block;\n  width: 100%;\n  height: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.file-viewer {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n}\n\n.file-viewer__file {\n  display: inline-flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n}\n","import { Component, h, Host, Method, Prop } from \"@stencil/core\";\nimport { saveAs } from \"file-saver\";\nimport { FlipFileViewerPdfZoom } from \"./viewers/flip-file-viewer-pdf/flip-file-viewer-pdf\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-file-viewer.css\",\n  tag: \"flip-file-viewer\",\n})\nexport class FlipFileViewer {\n  @Prop() description?: string;\n  @Prop() errorMessage?: string = \"File could not be loaded.\";\n  @Prop() file!: string;\n  @Prop() type!: string;\n  @Prop() typeUnsupportedMessage?: string = \"File type is not supported.\";\n  @Prop() zoom?: FlipFileViewerPdfZoom = 1;\n\n  private viewer: HTMLElement;\n\n  /**\n   * Download the file.\n   */\n  @Method()\n  async download() {\n    const fileName = this.file.split(\"/\").pop();\n\n    saveAs(this.file, fileName);\n  }\n\n  /**\n   * Print the file. Applicable to PDFs only.\n   */\n  @Method()\n  async print() {\n    if (this.type === \"application/pdf\") {\n      (this.viewer as HTMLFlipFileViewerPdfElement).print();\n    }\n  }\n\n  render() {\n    const unsupportedType =\n      !Boolean(this.type) ||\n      (!this.type.startsWith(\"image/\") &&\n        !this.type.startsWith(\"video/\") &&\n        !this.type.startsWith(\"audio/\") &&\n        this.type !== \"text/plain\" &&\n        this.type !== \"text/csv\" &&\n        this.type !== \"application/pdf\");\n\n    return (\n      <Host>\n        <div class=\"file-viewer\">\n          {this.type && (\n            <div class=\"file-viewer__file\">\n              {/* images */}\n              {this.type.startsWith(\"image/\") && (\n                <flip-file-viewer-image\n                  description={this.description}\n                  errorMessage={this.errorMessage}\n                  file={this.file}\n                  ref={(el) => (this.viewer = el)}\n                ></flip-file-viewer-image>\n              )}\n\n              {/* text files */}\n              {this.type === \"text/plain\" && (\n                <flip-file-viewer-text\n                  errorMessage={this.errorMessage}\n                  file={this.file}\n                  ref={(el) => (this.viewer = el)}\n                ></flip-file-viewer-text>\n              )}\n\n              {/* csv files */}\n              {this.type === \"text/csv\" && (\n                <flip-file-viewer-csv\n                  errorMessage={this.errorMessage}\n                  file={this.file}\n                  ref={(el) => (this.viewer = el)}\n                ></flip-file-viewer-csv>\n              )}\n\n              {/* pdf files */}\n              {this.type === \"application/pdf\" && (\n                <flip-file-viewer-pdf\n                  errorMessage={this.errorMessage}\n                  file={this.file}\n                  ref={(el) => (this.viewer = el)}\n                  zoom={this.zoom}\n                ></flip-file-viewer-pdf>\n              )}\n\n              {/* video files */}\n              {this.type.startsWith(\"video/\") && (\n                <flip-file-viewer-video\n                  file={this.file}\n                  ref={(el) => (this.viewer = el)}\n                  type={this.type}\n                ></flip-file-viewer-video>\n              )}\n\n              {/* audio files */}\n              {this.type.startsWith(\"audio/\") && (\n                <flip-file-viewer-audio\n                  file={this.file}\n                  ref={(el) => (this.viewer = el)}\n                  type={this.type}\n                ></flip-file-viewer-audio>\n              )}\n\n              {unsupportedType && (\n                <flip-inline-error\n                  message={this.typeUnsupportedMessage}\n                ></flip-inline-error>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/flip-form-control.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FlipFormControl extends Components.FlipFormControl, HTMLElement {}
+export const FlipFormControl: {
+  prototype: FlipFormControl;
+  new (): FlipFormControl;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,129 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+import { d as defineCustomElement$3 } from './flip-icon-error2.js';
+import { d as defineCustomElement$2 } from './flip-inline-error2.js';
+
+const flipFormControlCss = ".sc-flip-form-control-h{display:block;width:100%}.sc-flip-form-control-h *.sc-flip-form-control{box-sizing:border-box}.form-control.sc-flip-form-control{display:block;width:100%;line-height:var(--s-line-height-sm)}.form-control.form-control--has-focus.sc-flip-form-control:not(.form-control--disabled) .form-control__label.sc-flip-form-control{border-color:var(--s-border-highlight);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control.sc-flip-form-control:not(.form-control--has-value):not(.form-control--has-focus) .form-control__input.sc-flip-form-control{overflow:hidden;max-height:0}.form-control.sc-flip-form-control:not(.form-control--has-value):not(.form-control--has-focus) .form-control__label-text.sc-flip-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%)}.form-control--invalid.form-control--has-focus.sc-flip-form-control:not(.form-control--disabled) .form-control__label.sc-flip-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--invalid.sc-flip-form-control .form-control__label.sc-flip-form-control{border-color:var(--s-border-critical)}.form-control--disabled.sc-flip-form-control .form-control__label.sc-flip-form-control{border-color:var(--s-border-disabled);color:var(--s-text-disabled)}.form-control--disabled.sc-flip-form-control .form-control__description.sc-flip-form-control{color:var(--s-text-disabled)}.form-control__label.sc-flip-form-control{position:relative;display:flex;width:100%;min-height:4.375rem;padding:calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);justify-content:center;border:var(--s-border-width-default) solid var(--s-border-strong);border-radius:var(--s-border-radius-sm);color:var(--s-text-subdued);flex-direction:column;gap:var(--s-space-2)}.form-control__label-text.sc-flip-form-control{position:absolute;right:var(--s-space-16);bottom:calc(100% - 1.25rem - var(--s-space-12));left:var(--s-space-16);overflow:hidden;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__description.sc-flip-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.form-control__error-message.sc-flip-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4)}";
+
+const FlipFormControl$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.descriptionId = `form-control-description-${Math.round(Math.random() * 100000)}`;
+    this.listenToInputValueChanges = () => {
+      this.inputEl.addEventListener("valueChange", this.checkInputValue);
+    };
+    this.checkInputValue = () => {
+      var _a;
+      this.inputValue = (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.value;
+    };
+    this.onFocusIn = () => {
+      this.hasFocus = true;
+    };
+    this.onFocusOut = (event) => {
+      if (Boolean(event.relatedTarget)) {
+        this.hasFocus = false;
+      }
+    };
+  }
+  componentWillLoad() {
+    this.inputEl = this.el.children[0];
+    this.associateDescriptionWithInputElement();
+    this.setInputElementDisabledState();
+    this.setInputElementInvalidState();
+    this.checkInputValue();
+    this.listenToInputValueChanges();
+  }
+  associateDescriptionWithInputElement() {
+    if (!Boolean(this.description) || !Boolean(this.inputEl)) {
+      return;
+    }
+    this.inputEl.setAttribute("flip-aria-describedby", this.descriptionId);
+  }
+  setInputElementDisabledState() {
+    if (!Boolean(this.inputEl)) {
+      return;
+    }
+    if (this.disabled) {
+      this.inputEl.setAttribute("disabled", "true");
+    }
+    else {
+      this.inputEl.removeAttribute("disabled");
+    }
+  }
+  setInputElementInvalidState() {
+    if (!Boolean(this.inputEl)) {
+      return;
+    }
+    if (this.invalid) {
+      this.inputEl.setAttribute("invalid", "true");
+    }
+    else {
+      this.inputEl.removeAttribute("invalid");
+    }
+  }
+  onWindowClick(event) {
+    const target = event.target;
+    if (this.el.contains(target)) {
+      return;
+    }
+    this.hasFocus = false;
+  }
+  render() {
+    const showErrorMessage = Boolean(this.errorMessage);
+    const showDescription = Boolean(this.description) && !showErrorMessage;
+    const className = classnames("form-control", {
+      "form-control--disabled": this.disabled,
+      "form-control--has-focus": this.hasFocus,
+      "form-control--has-value": Boolean(this.inputValue),
+      "form-control--invalid": this.invalid,
+    });
+    return (h(Host, { onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, h("div", { class: className, role: "group" }, h("label", { class: "form-control__label" }, h("span", { class: "form-control__label-text" }, this.label), h("span", { class: "form-control__input" }, h("slot", null))), showDescription && (h("span", { class: "form-control__description", id: this.descriptionId }, this.description)), showErrorMessage && (h("span", { "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, h("flip-inline-error", { message: this.errorMessage, size: "s" }))))));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "description": ["associateDescriptionWithInputElement"],
+    "disabled": ["setInputElementDisabledState"],
+    "invalid": ["setInputElementInvalidState"]
+  }; }
+  static get style() { return flipFormControlCss; }
+}, [6, "flip-form-control", {
+    "description": [1],
+    "disabled": [4],
+    "errorMessage": [1, "error-message"],
+    "invalid": [4],
+    "label": [1],
+    "hasFocus": [32],
+    "inputValue": [32]
+  }, [[8, "click", "onWindowClick"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["flip-form-control", "flip-icon-error", "flip-inline-error"];
+  components.forEach(tagName => { switch (tagName) {
+    case "flip-form-control":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FlipFormControl$1);
+      }
+      break;
+    case "flip-icon-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "flip-inline-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const FlipFormControl = FlipFormControl$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FlipFormControl, defineCustomElement };
+
+//# sourceMappingURL=flip-form-control.js.map

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

@@ -0,0 +1 @@
+{"file":"flip-form-control.js","mappings":"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","names":["FlipFormControl"],"sources":["./src/components/flip-form-control/flip-form-control.css?tag=flip-form-control&encapsulation=scoped","./src/components/flip-form-control/flip-form-control.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.form-control {\n  display: block;\n  width: 100%;\n  line-height: var(--s-line-height-sm);\n\n  &.form-control--has-focus:not(.form-control--disabled) {\n    & .form-control__label {\n      border-color: var(--s-border-highlight);\n      box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-highlight);\n    }\n  }\n\n  &:not(.form-control--has-value):not(.form-control--has-focus) {\n    & .form-control__input {\n      overflow: hidden;\n      max-height: 0;\n    }\n\n    & .form-control__label-text {\n      bottom: 50%;\n      font-size: var(--s-font-size-base);\n      transform: translateY(50%);\n    }\n  }\n}\n\n.form-control--invalid {\n  &.form-control--has-focus:not(.form-control--disabled) {\n    & .form-control__label {\n      border-color: var(--s-border-critical);\n      box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-critical);\n    }\n  }\n\n  & .form-control__label {\n    border-color: var(--s-border-critical);\n  }\n}\n\n.form-control--disabled {\n  & .form-control__label {\n    border-color: var(--s-border-disabled);\n    color: var(--s-text-disabled);\n  }\n\n  & .form-control__description {\n    color: var(--s-text-disabled);\n  }\n}\n\n.form-control__label {\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-height: 4.375rem;\n  padding: calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);\n  justify-content: center;\n  border: var(--s-border-width-default) solid var(--s-border-strong);\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-subdued);\n  flex-direction: column;\n  gap: var(--s-space-2);\n}\n\n.form-control__label-text {\n  position: absolute;\n  right: var(--s-space-16);\n  bottom: calc(100% - 1.25rem - var(--s-space-12));\n  left: var(--s-space-16);\n  overflow: hidden;\n  font-size: var(--s-font-size-sm);\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  transition: font-size 0.15s, transform 0.15s, top 0.15s;\n  transform: none;\n}\n\n.form-control__description {\n  display: block;\n  margin-top: var(--s-space-4);\n  padding-left: var(--s-space-4);\n  color: var(--s-text-subdued);\n  font-size: var(--s-font-size-sm);\n}\n\n.form-control__error-message {\n  display: block;\n  margin-top: var(--s-space-4);\n  padding-left: var(--s-space-4);\n}\n","import {\n  Component,\n  Element,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n/**\n * @slot slot - The input element, e.g. `<flip-text-input></flip-text-input>`\n */\n@Component({\n  /**\n   * Form controls in shadow dom can still not be associated with labels in the\n   * light dom, cross browser. So for now we disable shadow dom for form\n   * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n   * https://caniuse.com/?search=attachInternals\n   */\n  scoped: true,\n  shadow: false,\n  styleUrl: \"flip-form-control.css\",\n  tag: \"flip-form-control\",\n})\nexport class FlipFormControl {\n  @Element() el: HTMLElement;\n\n  @Prop() description?: string;\n  @Prop() disabled?: boolean;\n  @Prop() errorMessage?: string;\n  @Prop() invalid?: boolean;\n  @Prop() label!: string;\n\n  @State() hasFocus: boolean;\n  @State() inputValue: string;\n\n  private descriptionId = `form-control-description-${Math.round(\n    Math.random() * 100000\n  )}`;\n\n  private inputEl: HTMLElement;\n\n  componentWillLoad() {\n    this.inputEl = this.el.children[0] as HTMLElement;\n\n    this.associateDescriptionWithInputElement();\n    this.setInputElementDisabledState();\n    this.setInputElementInvalidState();\n    this.checkInputValue();\n    this.listenToInputValueChanges();\n  }\n\n  @Watch(\"description\")\n  associateDescriptionWithInputElement() {\n    if (!Boolean(this.description) || !Boolean(this.inputEl)) {\n      return;\n    }\n\n    this.inputEl.setAttribute(\"flip-aria-describedby\", this.descriptionId);\n  }\n\n  @Watch(\"disabled\")\n  setInputElementDisabledState() {\n    if (!Boolean(this.inputEl)) {\n      return;\n    }\n\n    if (this.disabled) {\n      this.inputEl.setAttribute(\"disabled\", \"true\");\n    } else {\n      this.inputEl.removeAttribute(\"disabled\");\n    }\n  }\n\n  @Watch(\"invalid\")\n  setInputElementInvalidState() {\n    if (!Boolean(this.inputEl)) {\n      return;\n    }\n\n    if (this.invalid) {\n      this.inputEl.setAttribute(\"invalid\", \"true\");\n    } else {\n      this.inputEl.removeAttribute(\"invalid\");\n    }\n  }\n\n  @Listen(\"click\", { target: \"window\" })\n  onWindowClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n\n    if (this.el.contains(target)) {\n      return;\n    }\n\n    this.hasFocus = false;\n  }\n\n  private listenToInputValueChanges = () => {\n    this.inputEl.addEventListener(\"valueChange\", this.checkInputValue);\n  };\n\n  private checkInputValue = () => {\n    this.inputValue = (this.inputEl as HTMLInputElement)?.value;\n  };\n\n  private onFocusIn = () => {\n    this.hasFocus = true;\n  };\n\n  private onFocusOut = (event: FocusEvent) => {\n    if (Boolean(event.relatedTarget)) {\n      this.hasFocus = false;\n    }\n  };\n\n  render() {\n    const showErrorMessage = Boolean(this.errorMessage);\n    const showDescription = Boolean(this.description) && !showErrorMessage;\n\n    const className = classnames(\"form-control\", {\n      \"form-control--disabled\": this.disabled,\n      \"form-control--has-focus\": this.hasFocus,\n      \"form-control--has-value\": Boolean(this.inputValue),\n      \"form-control--invalid\": this.invalid,\n    });\n\n    return (\n      <Host onFocusin={this.onFocusIn} onFocusout={this.onFocusOut}>\n        <div class={className} role=\"group\">\n          <label class=\"form-control__label\">\n            <span class=\"form-control__label-text\">{this.label}</span>\n            <span class=\"form-control__input\">\n              <slot></slot>\n            </span>\n          </label>\n          {showDescription && (\n            <span class=\"form-control__description\" id={this.descriptionId}>\n              {this.description}\n            </span>\n          )}\n          {showErrorMessage && (\n            <span\n              aria-live=\"polite\"\n              class=\"form-control__error-message\"\n              id={this.descriptionId}\n            >\n              <flip-inline-error\n                message={this.errorMessage}\n                size=\"s\"\n              ></flip-inline-error>\n            </span>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/flip-form-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FlipFormGroup extends Components.FlipFormGroup, HTMLElement {}
+export const FlipFormGroup: {
+  prototype: FlipFormGroup;
+  new (): FlipFormGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const flipFormGroupCss = ".sc-flip-form-group-h{display:block;width:100%}.sc-flip-form-group-h *.sc-flip-form-group{box-sizing:border-box}.form-group.sc-flip-form-group{display:flex;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 768px){.form-group.sc-flip-form-group{gap:var(--s-space-32)}}@media (min-width: 768px){.form-group--orientation-horizontal.sc-flip-form-group{flex-direction:row}}";
+
+const FlipFormGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.orientation = "vertical";
+  }
+  render() {
+    const className = classnames("form-group", `form-group--orientation-${this.orientation}`);
+    return (h(Host, null, h("div", { class: className }, h("slot", null))));
+  }
+  static get style() { return flipFormGroupCss; }
+}, [6, "flip-form-group", {
+    "orientation": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["flip-form-group"];
+  components.forEach(tagName => { switch (tagName) {
+    case "flip-form-group":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FlipFormGroup$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const FlipFormGroup = FlipFormGroup$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FlipFormGroup, defineCustomElement };
+
+//# sourceMappingURL=flip-form-group.js.map

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

@@ -0,0 +1 @@
+{"file":"flip-form-group.js","mappings":";;;AAAA,MAAM,gBAAgB,GAAG,+XAA+X;;MCiB3YA,eAAa;EAZ1B;;;IAaU,gBAAW,GAA6B,UAAU,CAAC;GAgB5D;EAdC,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAC1B,YAAY,EACZ,2BAA2B,IAAI,CAAC,WAAW,EAAE,CAC9C,CAAC;IAEF,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,SAAS,IACnB,eAAa,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipFormGroup"],"sources":["./src/components/flip-form-group/flip-form-group.css?tag=flip-form-group&encapsulation=scoped","./src/components/flip-form-group/flip-form-group.tsx"],"sourcesContent":["@import \"../../styles/media-queries.css\";\n\n:host {\n  display: block;\n  width: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.form-group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--s-space-24);\n\n  @media (--from-tablet) {\n    gap: var(--s-space-32);\n  }\n}\n\n.form-group--orientation-horizontal {\n  @media (--from-tablet) {\n    flex-direction: row;\n  }\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipFormGroupOrientation = \"horizontal\" | \"vertical\";\n\n@Component({\n  /**\n   * Form controls in shadow dom can still not be associated with labels in the\n   * light dom, cross browser. So for now we disable shadow dom for form\n   * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n   * https://caniuse.com/?search=attachInternals\n   */\n  scoped: true,\n  shadow: false,\n  styleUrl: \"flip-form-group.css\",\n  tag: \"flip-form-group\",\n})\nexport class FlipFormGroup {\n  @Prop() orientation: FlipFormGroupOrientation = \"vertical\";\n\n  render() {\n    const className = classnames(\n      \"form-group\",\n      `form-group--orientation-${this.orientation}`\n    );\n\n    return (\n      <Host>\n        <div class={className}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/flip-heading.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FlipHeading extends Components.FlipHeading, HTMLElement {}
+export const FlipHeading: {
+  prototype: FlipHeading;
+  new (): FlipHeading;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/flip-heading.js

@@ -0,0 +1,8 @@
+import { F as FlipHeading$1, d as defineCustomElement$1 } from './flip-heading2.js';
+
+const FlipHeading = FlipHeading$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FlipHeading, defineCustomElement };
+
+//# sourceMappingURL=flip-heading.js.map

package/dist/components/flip-heading.js.map

@@ -0,0 +1 @@
+{"file":"flip-heading.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}