@getflip/swirl-components 0.3.1 → 0.5.0

package/dist/collection/components/flip-file-viewer/viewers/flip-file-viewer-pdf/flip-file-viewer-pdf.js

@@ -1,34 +1,74 @@
-import { Component, Element, h, Host, Listen, Method, Prop, State, Watch, } from "@stencil/core";
+import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch, } from "@stencil/core";
 import pdf, { getDocument, renderTextLayer, } from "pdfjs-dist/legacy/build/pdf.js";
-import { getVisibleHeight } from "../../../../utils";
+import { debounce, getVisibleHeight, isMobileViewport, } from "../../../../utils";
 pdf.GlobalWorkerOptions.workerSrc = "/pdfjs/pdf.worker.min.js";
 export class FlipFileViewerPdf {
   constructor() {
     this.errorMessage = "File could not be loaded.";
     this.zoom = 1;
     this.loading = true;
+    this.renderedPages = [];
+    this.scrolledDown = false;
+    this.singlePageModePage = 1;
     this.visiblePages = [];
     this.pages = [];
-    this.renderedPages = [];
     this.renderingPageNumbers = [];
-    this.onScroll = () => {
-      this.updateVisiblePages();
+    this.recentScrollPosition = { x: 0, y: 0 };
+    this.determineScrollStatus = () => {
+      var _a, _b, _c;
+      const scrolledDown = Math.ceil(((_a = this.scrollContainer) === null || _a === void 0 ? void 0 : _a.scrollTop) + ((_b = this.scrollContainer) === null || _b === void 0 ? void 0 : _b.offsetHeight)) >= ((_c = this.scrollContainer) === null || _c === void 0 ? void 0 : _c.scrollHeight);
+      if (scrolledDown !== this.scrolledDown) {
+        this.scrolledDown = scrolledDown;
+      }
+    };
+    this.storeRecentScrollPosition = () => {
+      var _a, _b, _c, _d;
+      this.recentScrollPosition = {
+        x: Math.round((((_a = this.scrollContainer) === null || _a === void 0 ? void 0 : _a.scrollLeft) /
+          ((_b = this.scrollContainer) === null || _b === void 0 ? void 0 : _b.scrollWidth)) *
+          100) / 100,
+        y: Math.round((((_c = this.scrollContainer) === null || _c === void 0 ? void 0 : _c.scrollTop) /
+          ((_d = this.scrollContainer) === null || _d === void 0 ? void 0 : _d.scrollHeight)) *
+          100) / 100,
+      };
     };
+    this.onScroll = debounce(() => {
+      this.updateVisiblePages();
+      this.determineScrollStatus();
+      this.storeRecentScrollPosition();
+    }, 60);
   }
   async componentWillLoad() {
     await this.getPages();
   }
   async componentDidLoad() {
     await this.updateVisiblePages();
+    this.activate.emit(this.el);
+    this.determineScrollStatus();
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.doc) === null || _a === void 0 ? void 0 : _a.destroy();
   }
   async onWindowResize() {
     this.visiblePages = [];
     this.renderedPages = [];
     await this.updateVisiblePages();
+    this.determineScrollStatus();
   }
   async watchProps() {
     await this.getPages();
     await this.updateVisiblePages();
+    this.determineScrollStatus();
+  }
+  watchZoom() {
+    queueMicrotask(async () => {
+      this.restoreScrollPosition();
+      this.visiblePages = [];
+      this.renderedPages = [];
+      await this.updateVisiblePages();
+      this.determineScrollStatus();
+    });
   }
   /**
    * Print the file.
@@ -39,10 +79,34 @@ export class FlipFileViewerPdf {
     await this.openPrintDialog();
     this.loading = false;
   }
+  /**
+   * Navigate to next page, if single page mode is enabled.
+   */
+  async nextPage() {
+    await this.setPage(this.singlePageModePage + 1);
+    await this.updateVisiblePages();
+  }
+  /**
+   * Navigate to previous page, if single page mode is enabled.
+   */
+  async previousPage() {
+    await this.setPage(this.singlePageModePage - 1);
+    await this.updateVisiblePages();
+  }
+  /**
+   * Navigate to specific page, if single page mode is enabled.
+   */
+  async setPage(page) {
+    this.singlePageModePage = Math.min(Math.max(page, 1), this.pages.length - 1);
+    await this.updateVisiblePages();
+  }
   async getPages() {
     this.error = false;
     this.loading = true;
     try {
+      if (Boolean(this.doc)) {
+        this.doc.destroy();
+      }
       this.doc = await getDocument(this.file).promise;
       for (let i = 1; i <= this.doc.numPages; i++) {
         const page = await this.doc.getPage(i);
@@ -60,53 +124,72 @@ export class FlipFileViewerPdf {
     const renderedPages = [];
     for (const canvas of canvases) {
       const container = canvas.closest(".file-viewer-pdf__page");
-      const textContainer = container === null || container === void 0 ? void 0 : container.querySelector(".file-viewer-pdf__text-container");
       const page = this.pages.find((page) => (page === null || page === void 0 ? void 0 : page.pageNumber) === +(container === null || container === void 0 ? void 0 : container.dataset.pageNumber));
       if (!Boolean(page) ||
-        !this.visiblePages.includes(page.pageNumber) ||
         this.renderingPageNumbers.includes(page.pageNumber)) {
         continue;
       }
+      if (!this.visiblePages.includes(page.pageNumber)) {
+        this.destroyPage(page);
+        continue;
+      }
       if (this.renderedPages.includes(page.pageNumber) && !forPrint) {
         renderedPages.push(page.pageNumber);
         continue;
       }
-      this.renderingPageNumbers = [
-        ...this.renderingPageNumbers,
-        page.pageNumber,
-      ];
-      const scale = forPrint ? 4 : this.getScale(page);
-      const viewport = page.getViewport({
-        scale,
-      });
-      const context = canvas.getContext("2d");
-      canvas.height = viewport.height;
-      canvas.width = viewport.width;
-      const renderContext = {
-        canvasContext: context,
-        viewport: viewport,
-      };
-      await page.render(renderContext).promise;
-      this.renderTextLayer(page, textContainer);
+      await this.renderPage(page, canvas, forPrint);
       renderedPages.push(page.pageNumber);
-      this.renderingPageNumbers = this.renderingPageNumbers.filter((pageNumber) => pageNumber !== page.pageNumber);
     }
     this.renderedPages = renderedPages;
   }
+  async renderPage(page, canvas, forPrint) {
+    const container = canvas.closest(".file-viewer-pdf__page");
+    const textContainer = container === null || container === void 0 ? void 0 : container.querySelector(".file-viewer-pdf__text-container");
+    this.renderingPageNumbers = [...this.renderingPageNumbers, page.pageNumber];
+    const scale = forPrint ? 2 : this.getScale(page);
+    const outputScale = window.devicePixelRatio || 1;
+    const transform = outputScale !== 1 ? [outputScale, 0, 0, outputScale, 0, 0] : null;
+    const viewport = page.getViewport({ scale });
+    const context = canvas.getContext("2d");
+    canvas.height = Math.floor(viewport.height * outputScale);
+    canvas.width = Math.floor(viewport.width * outputScale);
+    const renderContext = {
+      canvasContext: context,
+      transform,
+      viewport: viewport,
+    };
+    await page.render(renderContext).promise;
+    page.cleanup();
+    textContainer.innerHTML = "";
+    this.renderTextLayer(page, textContainer);
+    this.renderingPageNumbers = this.renderingPageNumbers.filter((pageNumber) => pageNumber !== page.pageNumber);
+  }
+  destroyPage(page) {
+    const container = this.el.shadowRoot.querySelector(`[data-page-number="${page.pageNumber}"]`);
+    const canvas = container.querySelector("canvas");
+    const textLayer = container.querySelector(".file-viewer-pdf__text-container");
+    canvas.width = 1;
+    canvas.height = 1;
+    canvas.getContext("2d").clearRect(0, 0, canvas.width, canvas.height);
+    textLayer.innerHTML = "";
+  }
   async updateVisiblePages(forPrint) {
     const pages = Array.from(this.el.shadowRoot.querySelectorAll(".file-viewer-pdf__page"));
-    let visiblePages = forPrint
-      ? pages.map((page) => +page.dataset.pageNumber)
-      : pages
-        .filter((page) => getVisibleHeight(page, this.scrollContainer) > 0)
-        .map((page) => +page.dataset.pageNumber);
-    if (visiblePages.length === 0) {
-      visiblePages = [1, 2, 3, 4];
+    let visiblePages = [];
+    if (this.singlePageMode) {
+      visiblePages = [this.singlePageModePage];
     }
-    const visiblePagesDidNotChanged = this.visiblePages.length === visiblePages.length &&
-      this.visiblePages.every((pageNumber) => visiblePages.includes(pageNumber));
-    if (visiblePagesDidNotChanged) {
-      return;
+    else {
+      visiblePages = forPrint
+        ? pages.map((page) => +page.dataset.pageNumber)
+        : pages
+          .filter((page) => getVisibleHeight(page, this.scrollContainer) > 0)
+          .map((page) => +page.dataset.pageNumber);
+      const visiblePagesDidNotChanged = this.visiblePages.length === visiblePages.length &&
+        this.visiblePages.every((pageNumber) => visiblePages.includes(pageNumber));
+      if (visiblePagesDidNotChanged) {
+        return;
+      }
     }
     this.visiblePages = visiblePages;
     await this.renderVisiblePages(forPrint);
@@ -116,7 +199,7 @@ export class FlipFileViewerPdf {
       container,
       textContent: await page.getTextContent(),
       viewport: page.getViewport({
-        scale: this.zoom === "auto" ? this.getScale(page) : this.getScale(page) / 2,
+        scale: this.getScale(page),
       }),
     });
   }
@@ -131,6 +214,7 @@ export class FlipFileViewerPdf {
       img {
         display: block;
         width: 100%;
+        page-break-after: always;
       }
       `;
     let html = `
@@ -152,42 +236,60 @@ export class FlipFileViewerPdf {
       </body>
       </html>
     `;
-    const win = window.open(" ");
+    const iframe = document.createElement("iframe");
+    this.el.append(iframe);
+    const win = iframe.contentWindow;
     win.document.write(html);
-    win.document.close();
     win.focus();
-    await new Promise((resolve) => setTimeout(resolve));
+    await new Promise((resolve) => setTimeout(resolve, 100));
     win.print();
-    win.close();
+    iframe.remove();
   }
   getScale(page) {
     var _a;
+    const padding = isMobileViewport() ? 0 : 32;
     return this.zoom === "auto"
-      ? (((_a = this.scrollContainer) === null || _a === void 0 ? void 0 : _a.clientWidth) - 32) / page.view[2]
+      ? (((_a = this.scrollContainer) === null || _a === void 0 ? void 0 : _a.clientWidth) - padding) / page.view[2]
       : isNaN(this.zoom)
-        ? 2
-        : this.zoom * 2;
+        ? 1
+        : this.zoom;
+  }
+  restoreScrollPosition() {
+    var _a, _b;
+    this.scrollContainer.scrollTop =
+      this.recentScrollPosition.y * ((_a = this.scrollContainer) === null || _a === void 0 ? void 0 : _a.scrollHeight);
+    this.scrollContainer.scrollLeft =
+      this.recentScrollPosition.x * ((_b = this.scrollContainer) === null || _b === void 0 ? void 0 : _b.scrollWidth);
   }
   render() {
     const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
+    const currentPage = this.scrolledDown && !this.singlePageMode
+      ? this.pages.length - 1
+      : this.visiblePages[0];
     const showSpinner = this.loading;
     return (h(Host, { class: "file-viewer-pdf" },
       this.error && (h("flip-inline-error", { class: "file-viewer-pdf__error", message: this.errorMessage })),
       h("div", { "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
         const viewport = page.getViewport({
-          scale: this.getScale(page) / 2,
+          scale: this.getScale(page),
         });
-        return (h("div", { "aria-label": page.pageNumber, class: "file-viewer-pdf__page", "data-page-number": page.pageNumber, id: `page-${page.pageNumber}`, key: page.pageNumber, role: "region", style: {
-            width: this.zoom === "auto" ? undefined : `${viewport.width}px`,
-            height: this.zoom === "auto" ? undefined : `${viewport.height}px`,
+        const height = viewport.height;
+        const width = viewport.width;
+        const rendered = this.renderedPages.includes(page.pageNumber);
+        return (h("div", { "aria-label": page.pageNumber, class: "file-viewer-pdf__page", "data-page-number": page.pageNumber, hidden: !this.singlePageMode ||
+            page.pageNumber === this.singlePageModePage
+            ? undefined
+            : true, id: `page-${page.pageNumber}`, key: page.pageNumber, role: "region", style: {
+            width: `${width}px`,
+            height: `${height}px`,
           }, tabIndex: 0 },
-          h("canvas", { class: "file-viewer-pdf__canvas" }),
+          !rendered && (h("flip-spinner", { class: "file-viewer-pdf__page-spinner" })),
+          h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }),
           h("div", { class: "file-viewer-pdf__text-container" })));
       })),
       showPagination && (h("span", { class: "file-viewer-pdf__pagination", id: "pagination" },
-        h("span", { "aria-current": "page" }, this.visiblePages[0]),
-        " /",
-        " ",
+        h("span", { "aria-current": "page" }, currentPage),
+        " / ",
         this.doc.numPages)),
       showSpinner && (h("div", { class: "file-viewer-pdf__spinner" },
         h("flip-spinner", null)))));
@@ -236,6 +338,23 @@ export class FlipFileViewerPdf {
       "attribute": "file",
       "reflect": false
     },
+    "singlePageMode": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "single-page-mode",
+      "reflect": false
+    },
     "zoom": {
       "type": "any",
       "mutable": false,
@@ -263,8 +382,31 @@ export class FlipFileViewerPdf {
     "doc": {},
     "error": {},
     "loading": {},
+    "renderedPages": {},
+    "scrolledDown": {},
+    "singlePageModePage": {},
     "visiblePages": {}
   }; }
+  static get events() { return [{
+      "method": "activate",
+      "name": "activate",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "HTMLElement",
+        "resolved": "HTMLElement",
+        "references": {
+          "HTMLElement": {
+            "location": "global"
+          }
+        }
+      }
+    }]; }
   static get methods() { return {
     "print": {
       "complexType": {
@@ -281,12 +423,66 @@ export class FlipFileViewerPdf {
         "text": "Print the file.",
         "tags": []
       }
+    },
+    "nextPage": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Navigate to next page, if single page mode is enabled.",
+        "tags": []
+      }
+    },
+    "previousPage": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Navigate to previous page, if single page mode is enabled.",
+        "tags": []
+      }
+    },
+    "setPage": {
+      "complexType": {
+        "signature": "(page: number) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Navigate to specific page, if single page mode is enabled.",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{
       "propName": "file",
       "methodName": "watchProps"
+    }, {
+      "propName": "zoom",
+      "methodName": "watchZoom"
     }]; }
   static get listeners() { return [{
       "name": "resize",
@@ -296,4 +492,3 @@ export class FlipFileViewerPdf {
       "passive": true
     }]; }
 }
-//# sourceMappingURL=flip-file-viewer-pdf.js.map

package/dist/collection/components/flip-file-viewer/viewers/flip-file-viewer-text/flip-file-viewer-text.css

@@ -15,6 +15,8 @@
   max-height: 100%;
   margin: 0;
   padding: 0;
+  padding: var(--s-space-16);
+  background-color: var(--s-background-default);
   font-family: var(--s-font-family-code);
 }
 

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

@@ -1,4 +1,4 @@
-import { Component, h, Host, Prop, State, Watch } from "@stencil/core";
+import { Component, Element, Event, h, Host, Prop, State, Watch, } from "@stencil/core";
 export class FlipFileViewerText {
   constructor() {
     this.errorMessage = "File could not be loaded.";
@@ -6,6 +6,9 @@ export class FlipFileViewerText {
   componentWillLoad() {
     this.updateText();
   }
+  componentDidLoad() {
+    this.activate.emit(this.el);
+  }
   async updateText() {
     this.error = false;
     this.loading = true;
@@ -76,9 +79,29 @@ export class FlipFileViewerText {
     "loading": {},
     "text": {}
   }; }
+  static get events() { return [{
+      "method": "activate",
+      "name": "activate",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "HTMLElement",
+        "resolved": "HTMLElement",
+        "references": {
+          "HTMLElement": {
+            "location": "global"
+          }
+        }
+      }
+    }]; }
+  static get elementRef() { return "el"; }
   static get watchers() { return [{
       "propName": "file",
       "methodName": "updateText"
     }]; }
 }
-//# sourceMappingURL=flip-file-viewer-text.js.map

package/dist/collection/components/flip-file-viewer/viewers/flip-file-viewer-video/flip-file-viewer-video.css

@@ -1,7 +1,7 @@
 :host {
   display: inline-flex;
   width: 100%;
-  height: 100%;
+  max-height: 100%;
 }
 
   :host * {
@@ -10,5 +10,5 @@
 
 .file-viewer-video__video {
   width: 100%;
-  height: 100%;
+  background-color: rgba(0, 0, 0, 1);
 }

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

@@ -1,8 +1,11 @@
-import { Component, h, Host, Prop } from "@stencil/core";
+import { Component, Element, Event, h, Host, Prop, } from "@stencil/core";
 export class FlipFileViewerVideo {
+  componentDidLoad() {
+    this.activate.emit(this.el);
+  }
   render() {
     return (h(Host, { class: "file-viewer-video" },
-      h("video", { class: "file-viewer-video__video", controls: true },
+      h("video", { autoplay: this.autoplay, class: "file-viewer-video__video", controls: true },
         h("source", { src: this.file, type: this.type }))));
   }
   static get is() { return "flip-file-viewer-video"; }
@@ -14,6 +17,23 @@ export class FlipFileViewerVideo {
     "$": ["flip-file-viewer-video.css"]
   }; }
   static get properties() { return {
+    "autoplay": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "autoplay",
+      "reflect": false
+    },
     "file": {
       "type": "string",
       "mutable": false,
@@ -49,5 +69,25 @@ export class FlipFileViewerVideo {
       "reflect": false
     }
   }; }
+  static get events() { return [{
+      "method": "activate",
+      "name": "activate",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "HTMLElement",
+        "resolved": "HTMLElement",
+        "references": {
+          "HTMLElement": {
+            "location": "global"
+          }
+        }
+      }
+    }]; }
+  static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=flip-file-viewer-video.js.map

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

@@ -202,4 +202,3 @@ export class FlipFormControl {
       "passive": false
     }]; }
 }
-//# sourceMappingURL=flip-form-control.js.map

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

@@ -28,11 +28,36 @@ const Template = (args) => {
   passwordInput.innerHTML = `
     <flip-text-input type="password"></flip-text-input>
   `;
+  const autocomplete = generateStoryElement("flip-form-control", Object.assign(Object.assign({}, args), { label: "Autocomplete" }));
+  autocomplete.innerHTML = `
+    <flip-autocomplete></flip-autocomplete>
+  `;
+  const suggestions = [
+    {
+      id: "1",
+      label: "Item #1",
+    },
+    {
+      id: "2",
+      label: "Item #2",
+    },
+    {
+      id: "3",
+      label: "Item #3",
+    },
+  ];
+  autocomplete.querySelector("flip-autocomplete").generateSuggestions = async (value) => {
+    await new Promise((resolve) => setTimeout(resolve, 500));
+    if (!Boolean(value)) {
+      return suggestions;
+    }
+    return suggestions.filter((suggestion) => suggestion.label.toLowerCase().includes(value.toLowerCase()));
+  };
   const multilineInput = generateStoryElement("flip-form-control", Object.assign(Object.assign({}, args), { label: "Multiline Control" }));
   multilineInput.innerHTML = `
     <flip-text-input max-length="200" show-character-counter="true" rows="5" type="text"></flip-text-input>
   `;
-  container.append("\n  ", textInput, "\n  ", numberInput, "\n  ", dateInput, "\n  ", passwordInput, "\n  ", multilineInput, "\n");
+  container.append("\n  ", textInput, "\n  ", numberInput, "\n  ", dateInput, "\n  ", passwordInput, "\n  ", autocomplete, "\n  ", multilineInput, "\n");
   return container;
 };
 export const FlipFormControl = Template.bind({});
@@ -40,4 +65,3 @@ FlipFormControl.args = {
   description: "Optional description of the control.",
   label: "Form Control Label",
 };
-//# sourceMappingURL=flip-form-control.stories.js.map

package/dist/collection/components/flip-form-group/flip-form-group.css

@@ -10,16 +10,20 @@
 .form-group {
   display: flex;
   flex-direction: column;
-  gap: var(--s-space-24);
+  gap: var(--s-space-16);
 }
 
 @media (min-width: 768px) {
 
 .form-group {
-    gap: var(--s-space-32)
+    gap: var(--s-space-24)
 }
   }
 
+.form-group--orientation-horizontal {
+  gap: var(--s-space-16);
+}
+
 @media (min-width: 768px) {
 
 .form-group--orientation-horizontal {

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

@@ -43,4 +43,3 @@ export class FlipFormGroup {
     }
   }; }
 }
-//# sourceMappingURL=flip-form-group.js.map

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

@@ -29,4 +29,3 @@ const Template = (args) => {
 };
 export const FlipFormGroup = Template.bind({});
 FlipFormGroup.args = {};
-//# sourceMappingURL=flip-form-group.stories.js.map

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

@@ -9,10 +9,10 @@ export class FlipHeading {
     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)));
+      h(Tag, { class: className, id: this.headingId }, this.text)));
   }
   static get is() { return "flip-heading"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() { return {
     "$": ["flip-heading.css"]
   }; }
@@ -121,4 +121,3 @@ export class FlipHeading {
     }
   }; }
 }
-//# sourceMappingURL=flip-heading.js.map

package/dist/collection/components/flip-heading/flip-heading.stories.js

@@ -17,4 +17,3 @@ export const FlipHeading = Template.bind({});
 FlipHeading.args = {
   text: "Heading",
 };
-//# sourceMappingURL=flip-heading.stories.js.map