@internetarchive/modal-manager 2.0.2 → 2.0.4-alpha-webdev7960.0

package/dist/src/assets/arrow-left-icon.js

@@ -0,0 +1,15 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    viewBox="0 0 100 100"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="#fff"
+    title="Left arrow icon"
+    alt="Left arrow icon"
+  >
+    <path
+      d="m20.1116715 50.0035012-.1116715-.1085359 43.1159942-46.61088155c2.401537-2.18938917 4.6902018-3.28408375 6.8659943-3.28408375s4.1642651.63837733 5.9654178 1.91513199c1.8011528 1.27675467 3.1520173 2.97248092 4.0525937 5.08717877l-39.4020173 42.99768924 39.4020173 42.9976892c-.9005764 2.1146979-2.2514409 3.8104241-4.0525937 5.0871788-1.8011527 1.2767547-3.7896253 1.915132-5.9654178 1.915132-2.1013449 0-4.3900096-1.0573489-6.8659943-3.1720468l-43.1159942-46.7194174z"
+    />
+  </svg>
+`;
+//# sourceMappingURL=arrow-left-icon.js.map

package/dist/src/assets/arrow-left-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-left-icon.js","sourceRoot":"","sources":["../../../src/assets/arrow-left-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;CAYlB,CAAC","sourcesContent":["import { html } from 'lit';\r\n\r\nexport default html`\r\n  <svg\r\n    viewBox=\"0 0 100 100\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    fill=\"#fff\"\r\n    title=\"Left arrow icon\"\r\n    alt=\"Left arrow icon\"\r\n  >\r\n    <path\r\n      d=\"m20.1116715 50.0035012-.1116715-.1085359 43.1159942-46.61088155c2.401537-2.18938917 4.6902018-3.28408375 6.8659943-3.28408375s4.1642651.63837733 5.9654178 1.91513199c1.8011528 1.27675467 3.1520173 2.97248092 4.0525937 5.08717877l-39.4020173 42.99768924 39.4020173 42.9976892c-.9005764 2.1146979-2.2514409 3.8104241-4.0525937 5.0871788-1.8011527 1.2767547-3.7896253 1.915132-5.9654178 1.915132-2.1013449 0-4.3900096-1.0573489-6.8659943-3.1720468l-43.1159942-46.7194174z\"\r\n    />\r\n  </svg>\r\n`;\r\n"]}

package/dist/src/assets/ia-logo-icon.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit-html").TemplateResult<1>;
-export default _default;
+declare const _default: import("lit-html").TemplateResult<1>;
+export default _default;

package/dist/src/assets/ia-logo-icon.js

@@ -1,30 +1,30 @@
-import { html } from 'lit';
-export default html `
-  <svg
-    class="ia-logo"
-    viewBox="0 0 27 30"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby="logoTitleID logoDescID"
-  >
-    <title id="logoTitleID">Internet Archive logo</title>
-    <desc id="logoDescID">
-      A line drawing of the Internet Archive headquarters building façade.
-    </desc>
-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-      <mask id="mask-2" class="fill-color">
-        <path
-          d="M26.6666667,28.6046512 L26.6666667,30 L0,30 L0.000283687943,28.6046512 L26.6666667,28.6046512 Z M25.6140351,26.5116279 L25.6140351,28.255814 L1.05263158,28.255814 L1.05263158,26.5116279 L25.6140351,26.5116279 Z M3.62469203,7.6744186 L3.91746909,7.82153285 L4.0639977,10.1739544 L4.21052632,13.9963932 L4.21052632,17.6725617 L4.0639977,22.255044 L4.03962296,25.3421929 L3.62469203,25.4651163 L2.16024641,25.4651163 L1.72094074,25.3421929 L1.55031755,22.255044 L1.40350877,17.6970339 L1.40350877,14.0211467 L1.55031755,10.1739544 L1.68423854,7.80887484 L1.98962322,7.6744186 L3.62469203,7.6744186 Z M24.6774869,7.6744186 L24.9706026,7.82153285 L25.1168803,10.1739544 L25.2631579,13.9963932 L25.2631579,17.6725617 L25.1168803,22.255044 L25.0927809,25.3421929 L24.6774869,25.4651163 L23.2130291,25.4651163 L22.7736357,25.3421929 L22.602418,22.255044 L22.4561404,17.6970339 L22.4561404,14.0211467 L22.602418,10.1739544 L22.7369262,7.80887484 L23.0420916,7.6744186 L24.6774869,7.6744186 Z M9.94042303,7.6744186 L10.2332293,7.82153285 L10.3797725,10.1739544 L10.5263158,13.9963932 L10.5263158,17.6725617 L10.3797725,22.255044 L10.3556756,25.3421929 L9.94042303,25.4651163 L8.47583122,25.4651163 L8.0362015,25.3421929 L7.86556129,22.255044 L7.71929825,17.6970339 L7.71929825,14.0211467 L7.86556129,10.1739544 L8.00005604,7.80887484 L8.30491081,7.6744186 L9.94042303,7.6744186 Z M18.0105985,7.6744186 L18.3034047,7.82153285 L18.449948,10.1739544 L18.5964912,13.9963932 L18.5964912,17.6725617 L18.449948,22.255044 L18.425851,25.3421929 L18.0105985,25.4651163 L16.5460067,25.4651163 L16.1066571,25.3421929 L15.9357367,22.255044 L15.7894737,17.6970339 L15.7894737,14.0211467 L15.9357367,10.1739544 L16.0702315,7.80887484 L16.3753664,7.6744186 L18.0105985,7.6744186 Z M25.6140351,4.53488372 L25.6140351,6.97674419 L1.05263158,6.97674419 L1.05263158,4.53488372 L25.6140351,4.53488372 Z M13.0806755,0 L25.9649123,2.93331338 L25.4484139,3.8372093 L0.771925248,3.8372093 L0,3.1041615 L13.0806755,0 Z"
-          id="path-1"
-        ></path>
-      </mask>
-      <use class="fill-color" xlink:href="#path-1"></use>
-      <g mask="url(#mask-2)" class="fill-color">
-        <path
-          d="M0,0 L26.6666667,0 L26.6666667,30 L0,30 L0,0 Z"
-          id="swatch"
-        ></path>
-      </g>
-    </g>
-  </svg>
-`;
+import { html } from 'lit';
+export default html `
+  <svg
+    class="ia-logo"
+    viewBox="0 0 27 30"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="logoTitleID logoDescID"
+  >
+    <title id="logoTitleID">Internet Archive logo</title>
+    <desc id="logoDescID">
+      A line drawing of the Internet Archive headquarters building façade.
+    </desc>
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+      <mask id="mask-2" class="fill-color">
+        <path
+          d="M26.6666667,28.6046512 L26.6666667,30 L0,30 L0.000283687943,28.6046512 L26.6666667,28.6046512 Z M25.6140351,26.5116279 L25.6140351,28.255814 L1.05263158,28.255814 L1.05263158,26.5116279 L25.6140351,26.5116279 Z M3.62469203,7.6744186 L3.91746909,7.82153285 L4.0639977,10.1739544 L4.21052632,13.9963932 L4.21052632,17.6725617 L4.0639977,22.255044 L4.03962296,25.3421929 L3.62469203,25.4651163 L2.16024641,25.4651163 L1.72094074,25.3421929 L1.55031755,22.255044 L1.40350877,17.6970339 L1.40350877,14.0211467 L1.55031755,10.1739544 L1.68423854,7.80887484 L1.98962322,7.6744186 L3.62469203,7.6744186 Z M24.6774869,7.6744186 L24.9706026,7.82153285 L25.1168803,10.1739544 L25.2631579,13.9963932 L25.2631579,17.6725617 L25.1168803,22.255044 L25.0927809,25.3421929 L24.6774869,25.4651163 L23.2130291,25.4651163 L22.7736357,25.3421929 L22.602418,22.255044 L22.4561404,17.6970339 L22.4561404,14.0211467 L22.602418,10.1739544 L22.7369262,7.80887484 L23.0420916,7.6744186 L24.6774869,7.6744186 Z M9.94042303,7.6744186 L10.2332293,7.82153285 L10.3797725,10.1739544 L10.5263158,13.9963932 L10.5263158,17.6725617 L10.3797725,22.255044 L10.3556756,25.3421929 L9.94042303,25.4651163 L8.47583122,25.4651163 L8.0362015,25.3421929 L7.86556129,22.255044 L7.71929825,17.6970339 L7.71929825,14.0211467 L7.86556129,10.1739544 L8.00005604,7.80887484 L8.30491081,7.6744186 L9.94042303,7.6744186 Z M18.0105985,7.6744186 L18.3034047,7.82153285 L18.449948,10.1739544 L18.5964912,13.9963932 L18.5964912,17.6725617 L18.449948,22.255044 L18.425851,25.3421929 L18.0105985,25.4651163 L16.5460067,25.4651163 L16.1066571,25.3421929 L15.9357367,22.255044 L15.7894737,17.6970339 L15.7894737,14.0211467 L15.9357367,10.1739544 L16.0702315,7.80887484 L16.3753664,7.6744186 L18.0105985,7.6744186 Z M25.6140351,4.53488372 L25.6140351,6.97674419 L1.05263158,6.97674419 L1.05263158,4.53488372 L25.6140351,4.53488372 Z M13.0806755,0 L25.9649123,2.93331338 L25.4484139,3.8372093 L0.771925248,3.8372093 L0,3.1041615 L13.0806755,0 Z"
+          id="path-1"
+        ></path>
+      </mask>
+      <use class="fill-color" xlink:href="#path-1"></use>
+      <g mask="url(#mask-2)" class="fill-color">
+        <path
+          d="M0,0 L26.6666667,0 L26.6666667,30 L0,30 L0,0 Z"
+          id="swatch"
+        ></path>
+      </g>
+    </g>
+  </svg>
+`;
 //# sourceMappingURL=ia-logo-icon.js.map

package/dist/src/assets/ia-logo-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ia-logo-icon.js","sourceRoot":"","sources":["../../../src/assets/ia-logo-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BlB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    class=\"ia-logo\"\n    viewBox=\"0 0 27 30\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"logoTitleID logoDescID\"\n  >\n    <title id=\"logoTitleID\">Internet Archive logo</title>\n    <desc id=\"logoDescID\">\n      A line drawing of the Internet Archive headquarters building façade.\n    </desc>\n    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n      <mask id=\"mask-2\" class=\"fill-color\">\n        <path\n          d=\"M26.6666667,28.6046512 L26.6666667,30 L0,30 L0.000283687943,28.6046512 L26.6666667,28.6046512 Z M25.6140351,26.5116279 L25.6140351,28.255814 L1.05263158,28.255814 L1.05263158,26.5116279 L25.6140351,26.5116279 Z M3.62469203,7.6744186 L3.91746909,7.82153285 L4.0639977,10.1739544 L4.21052632,13.9963932 L4.21052632,17.6725617 L4.0639977,22.255044 L4.03962296,25.3421929 L3.62469203,25.4651163 L2.16024641,25.4651163 L1.72094074,25.3421929 L1.55031755,22.255044 L1.40350877,17.6970339 L1.40350877,14.0211467 L1.55031755,10.1739544 L1.68423854,7.80887484 L1.98962322,7.6744186 L3.62469203,7.6744186 Z M24.6774869,7.6744186 L24.9706026,7.82153285 L25.1168803,10.1739544 L25.2631579,13.9963932 L25.2631579,17.6725617 L25.1168803,22.255044 L25.0927809,25.3421929 L24.6774869,25.4651163 L23.2130291,25.4651163 L22.7736357,25.3421929 L22.602418,22.255044 L22.4561404,17.6970339 L22.4561404,14.0211467 L22.602418,10.1739544 L22.7369262,7.80887484 L23.0420916,7.6744186 L24.6774869,7.6744186 Z M9.94042303,7.6744186 L10.2332293,7.82153285 L10.3797725,10.1739544 L10.5263158,13.9963932 L10.5263158,17.6725617 L10.3797725,22.255044 L10.3556756,25.3421929 L9.94042303,25.4651163 L8.47583122,25.4651163 L8.0362015,25.3421929 L7.86556129,22.255044 L7.71929825,17.6970339 L7.71929825,14.0211467 L7.86556129,10.1739544 L8.00005604,7.80887484 L8.30491081,7.6744186 L9.94042303,7.6744186 Z M18.0105985,7.6744186 L18.3034047,7.82153285 L18.449948,10.1739544 L18.5964912,13.9963932 L18.5964912,17.6725617 L18.449948,22.255044 L18.425851,25.3421929 L18.0105985,25.4651163 L16.5460067,25.4651163 L16.1066571,25.3421929 L15.9357367,22.255044 L15.7894737,17.6970339 L15.7894737,14.0211467 L15.9357367,10.1739544 L16.0702315,7.80887484 L16.3753664,7.6744186 L18.0105985,7.6744186 Z M25.6140351,4.53488372 L25.6140351,6.97674419 L1.05263158,6.97674419 L1.05263158,4.53488372 L25.6140351,4.53488372 Z M13.0806755,0 L25.9649123,2.93331338 L25.4484139,3.8372093 L0.771925248,3.8372093 L0,3.1041615 L13.0806755,0 Z\"\n          id=\"path-1\"\n        ></path>\n      </mask>\n      <use class=\"fill-color\" xlink:href=\"#path-1\"></use>\n      <g mask=\"url(#mask-2)\" class=\"fill-color\">\n        <path\n          d=\"M0,0 L26.6666667,0 L26.6666667,30 L0,30 L0,0 Z\"\n          id=\"swatch\"\n        ></path>\n      </g>\n    </g>\n  </svg>\n`;\n"]}
+{"version":3,"file":"ia-logo-icon.js","sourceRoot":"","sources":["../../../src/assets/ia-logo-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BlB,CAAC","sourcesContent":["import { html } from 'lit';\r\n\r\nexport default html`\r\n  <svg\r\n    class=\"ia-logo\"\r\n    viewBox=\"0 0 27 30\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    aria-labelledby=\"logoTitleID logoDescID\"\r\n  >\r\n    <title id=\"logoTitleID\">Internet Archive logo</title>\r\n    <desc id=\"logoDescID\">\r\n      A line drawing of the Internet Archive headquarters building façade.\r\n    </desc>\r\n    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n      <mask id=\"mask-2\" class=\"fill-color\">\r\n        <path\r\n          d=\"M26.6666667,28.6046512 L26.6666667,30 L0,30 L0.000283687943,28.6046512 L26.6666667,28.6046512 Z M25.6140351,26.5116279 L25.6140351,28.255814 L1.05263158,28.255814 L1.05263158,26.5116279 L25.6140351,26.5116279 Z M3.62469203,7.6744186 L3.91746909,7.82153285 L4.0639977,10.1739544 L4.21052632,13.9963932 L4.21052632,17.6725617 L4.0639977,22.255044 L4.03962296,25.3421929 L3.62469203,25.4651163 L2.16024641,25.4651163 L1.72094074,25.3421929 L1.55031755,22.255044 L1.40350877,17.6970339 L1.40350877,14.0211467 L1.55031755,10.1739544 L1.68423854,7.80887484 L1.98962322,7.6744186 L3.62469203,7.6744186 Z M24.6774869,7.6744186 L24.9706026,7.82153285 L25.1168803,10.1739544 L25.2631579,13.9963932 L25.2631579,17.6725617 L25.1168803,22.255044 L25.0927809,25.3421929 L24.6774869,25.4651163 L23.2130291,25.4651163 L22.7736357,25.3421929 L22.602418,22.255044 L22.4561404,17.6970339 L22.4561404,14.0211467 L22.602418,10.1739544 L22.7369262,7.80887484 L23.0420916,7.6744186 L24.6774869,7.6744186 Z M9.94042303,7.6744186 L10.2332293,7.82153285 L10.3797725,10.1739544 L10.5263158,13.9963932 L10.5263158,17.6725617 L10.3797725,22.255044 L10.3556756,25.3421929 L9.94042303,25.4651163 L8.47583122,25.4651163 L8.0362015,25.3421929 L7.86556129,22.255044 L7.71929825,17.6970339 L7.71929825,14.0211467 L7.86556129,10.1739544 L8.00005604,7.80887484 L8.30491081,7.6744186 L9.94042303,7.6744186 Z M18.0105985,7.6744186 L18.3034047,7.82153285 L18.449948,10.1739544 L18.5964912,13.9963932 L18.5964912,17.6725617 L18.449948,22.255044 L18.425851,25.3421929 L18.0105985,25.4651163 L16.5460067,25.4651163 L16.1066571,25.3421929 L15.9357367,22.255044 L15.7894737,17.6970339 L15.7894737,14.0211467 L15.9357367,10.1739544 L16.0702315,7.80887484 L16.3753664,7.6744186 L18.0105985,7.6744186 Z M25.6140351,4.53488372 L25.6140351,6.97674419 L1.05263158,6.97674419 L1.05263158,4.53488372 L25.6140351,4.53488372 Z M13.0806755,0 L25.9649123,2.93331338 L25.4484139,3.8372093 L0.771925248,3.8372093 L0,3.1041615 L13.0806755,0 Z\"\r\n          id=\"path-1\"\r\n        ></path>\r\n      </mask>\r\n      <use class=\"fill-color\" xlink:href=\"#path-1\"></use>\r\n      <g mask=\"url(#mask-2)\" class=\"fill-color\">\r\n        <path\r\n          d=\"M0,0 L26.6666667,0 L26.6666667,30 L0,30 L0,0 Z\"\r\n          id=\"swatch\"\r\n        ></path>\r\n      </g>\r\n    </g>\r\n  </svg>\r\n`;\r\n"]}

package/dist/src/modal-config.d.ts

@@ -1,92 +1,104 @@
-import { TemplateResult } from 'lit';
-/**
- * Configuration to show a modal
- *
- * @export
- * @class ModalConfig
- */
-export declare class ModalConfig {
-    /**
-     * The title that shows in the header
-     *
-     * @type {(TemplateResult | undefined)}
-     * @memberof ModalConfig
-     */
-    title?: TemplateResult;
-    /**
-     * The subtitle shown in the header under the title
-     *
-     * @type {(TemplateResult | undefined)}
-     * @memberof ModalConfig
-     */
-    subtitle?: TemplateResult;
-    /**
-     * The headline shown at the top of the content section
-     *
-     * @type {(TemplateResult | undefined)}
-     * @memberof ModalConfig
-     */
-    headline?: TemplateResult;
-    /**
-     * The text shown below the headline in the content section
-     *
-     * @type {(TemplateResult | undefined)}
-     * @memberof ModalConfig
-     */
-    message?: TemplateResult;
-    /**
-     * The background color of the header
-     *
-     * @memberof ModalConfig
-     */
-    headerColor: string;
-    /**
-     * The background color of the body
-     *
-     * @memberof ModalConfig
-     */
-    bodyColor: string;
-    /**
-     * Show or hide the processing indicator
-     *
-     * @memberof ModalConfig
-     */
-    showProcessingIndicator: boolean;
-    /**
-     * Set the processing image mode, currently `processing` or `complete`
-     *
-     * @memberof ModalConfig
-     */
-    processingImageMode: 'processing' | 'complete';
-    /**
-     * Show the close button
-     *
-     * @memberof ModalConfig
-     */
-    showCloseButton: boolean;
-    /**
-     * Show the close button
-     *
-     * @memberof ModalConfig
-     */
-    showHeaderLogo: boolean;
-    /**
-     * Close the modal if the user taps on the background
-     *
-     * @memberof ModalConfig
-     */
-    closeOnBackdropClick: boolean;
-    constructor(options?: {
-        title?: TemplateResult;
-        subtitle?: TemplateResult;
-        headline?: TemplateResult;
-        message?: TemplateResult;
-        headerColor?: string;
-        bodyColor?: string;
-        showProcessingIndicator?: boolean;
-        processingImageMode?: 'processing' | 'complete';
-        showCloseButton?: boolean;
-        showHeaderLogo?: boolean;
-        closeOnBackdropClick?: boolean;
-    });
-}
+import { TemplateResult } from 'lit';
+/**
+ * Configuration to show a modal
+ *
+ * @export
+ * @class ModalConfig
+ */
+export declare class ModalConfig {
+    /**
+     * The title that shows in the header
+     *
+     * @type {(TemplateResult | undefined)}
+     * @memberof ModalConfig
+     */
+    title?: TemplateResult;
+    /**
+     * The subtitle shown in the header under the title
+     *
+     * @type {(TemplateResult | undefined)}
+     * @memberof ModalConfig
+     */
+    subtitle?: TemplateResult;
+    /**
+     * The headline shown at the top of the content section
+     *
+     * @type {(TemplateResult | undefined)}
+     * @memberof ModalConfig
+     */
+    headline?: TemplateResult;
+    /**
+     * The text shown below the headline in the content section
+     *
+     * @type {(TemplateResult | undefined)}
+     * @memberof ModalConfig
+     */
+    message?: TemplateResult;
+    /**
+     * The background color of the header
+     *
+     * @memberof ModalConfig
+     */
+    headerColor: string;
+    /**
+     * The background color of the body
+     *
+     * @memberof ModalConfig
+     */
+    bodyColor: string;
+    /**
+     * Show or hide the processing indicator
+     *
+     * @memberof ModalConfig
+     */
+    showProcessingIndicator: boolean;
+    /**
+     * Set the processing image mode, currently `processing` or `complete`
+     *
+     * @memberof ModalConfig
+     */
+    processingImageMode: 'processing' | 'complete';
+    /**
+     * Show the close button
+     *
+     * @memberof ModalConfig
+     */
+    showCloseButton: boolean;
+    /**
+     * Show the left nav button
+     *
+     * @memberof ModalConfig
+     */
+    showLeftNavButton: boolean;
+    /**
+     * Left nav button text
+     */
+    leftNavButtonText: string;
+    /**
+     * Show the close button
+     *
+     * @memberof ModalConfig
+     */
+    showHeaderLogo: boolean;
+    /**
+     * Close the modal if the user taps on the background
+     *
+     * @memberof ModalConfig
+     */
+    closeOnBackdropClick: boolean;
+    constructor(options?: {
+        title?: TemplateResult;
+        subtitle?: TemplateResult;
+        headline?: TemplateResult;
+        message?: TemplateResult;
+        headerColor?: string;
+        bodyColor?: string;
+        showProcessingIndicator?: boolean;
+        processingImageMode?: 'processing' | 'complete';
+        showCloseButton?: boolean;
+        showLeftNavButton?: boolean;
+        leftNavButtonText?: string;
+        showHeaderLogo?: boolean;
+        closeOnBackdropClick?: boolean;
+    });
+}

package/dist/src/modal-config.js

@@ -1,23 +1,25 @@
-/**
- * Configuration to show a modal
- *
- * @export
- * @class ModalConfig
- */
-export class ModalConfig {
-    constructor(options) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        this.title = options === null || options === void 0 ? void 0 : options.title;
-        this.subtitle = options === null || options === void 0 ? void 0 : options.subtitle;
-        this.headline = options === null || options === void 0 ? void 0 : options.headline;
-        this.message = options === null || options === void 0 ? void 0 : options.message;
-        this.headerColor = (_a = options === null || options === void 0 ? void 0 : options.headerColor) !== null && _a !== void 0 ? _a : '#55A183';
-        this.bodyColor = (_b = options === null || options === void 0 ? void 0 : options.bodyColor) !== null && _b !== void 0 ? _b : '#fbfbfd';
-        this.showProcessingIndicator = (_c = options === null || options === void 0 ? void 0 : options.showProcessingIndicator) !== null && _c !== void 0 ? _c : false;
-        this.processingImageMode = (_d = options === null || options === void 0 ? void 0 : options.processingImageMode) !== null && _d !== void 0 ? _d : 'complete';
-        this.showCloseButton = (_e = options === null || options === void 0 ? void 0 : options.showCloseButton) !== null && _e !== void 0 ? _e : true;
-        this.showHeaderLogo = (_f = options === null || options === void 0 ? void 0 : options.showHeaderLogo) !== null && _f !== void 0 ? _f : true;
-        this.closeOnBackdropClick = (_g = options === null || options === void 0 ? void 0 : options.closeOnBackdropClick) !== null && _g !== void 0 ? _g : true;
-    }
-}
+/**
+ * Configuration to show a modal
+ *
+ * @export
+ * @class ModalConfig
+ */
+export class ModalConfig {
+    constructor(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        this.title = options === null || options === void 0 ? void 0 : options.title;
+        this.subtitle = options === null || options === void 0 ? void 0 : options.subtitle;
+        this.headline = options === null || options === void 0 ? void 0 : options.headline;
+        this.message = options === null || options === void 0 ? void 0 : options.message;
+        this.headerColor = (_a = options === null || options === void 0 ? void 0 : options.headerColor) !== null && _a !== void 0 ? _a : '#55A183';
+        this.bodyColor = (_b = options === null || options === void 0 ? void 0 : options.bodyColor) !== null && _b !== void 0 ? _b : '#fbfbfd';
+        this.showProcessingIndicator = (_c = options === null || options === void 0 ? void 0 : options.showProcessingIndicator) !== null && _c !== void 0 ? _c : false;
+        this.processingImageMode = (_d = options === null || options === void 0 ? void 0 : options.processingImageMode) !== null && _d !== void 0 ? _d : 'complete';
+        this.showCloseButton = (_e = options === null || options === void 0 ? void 0 : options.showCloseButton) !== null && _e !== void 0 ? _e : true;
+        this.showLeftNavButton = (_f = options === null || options === void 0 ? void 0 : options.showLeftNavButton) !== null && _f !== void 0 ? _f : false;
+        this.leftNavButtonText = (_g = options === null || options === void 0 ? void 0 : options.leftNavButtonText) !== null && _g !== void 0 ? _g : '';
+        this.showHeaderLogo = (_h = options === null || options === void 0 ? void 0 : options.showHeaderLogo) !== null && _h !== void 0 ? _h : true;
+        this.closeOnBackdropClick = (_j = options === null || options === void 0 ? void 0 : options.closeOnBackdropClick) !== null && _j !== void 0 ? _j : true;
+    }
+}
 //# sourceMappingURL=modal-config.js.map

package/dist/src/modal-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-config.js","sourceRoot":"","sources":["../../src/modal-config.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,OAAO,WAAW;IAkFtB,YAAY,OAYX;;QACC,IAAI,CAAC,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC;QAEhC,IAAI,CAAC,WAAW,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,SAAS,CAAC;QACrD,IAAI,CAAC,SAAS,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,mCAAI,SAAS,CAAC;QACjD,IAAI,CAAC,uBAAuB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,uBAAuB,mCAAI,KAAK,CAAC;QACzE,IAAI,CAAC,mBAAmB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,mCAAI,UAAU,CAAC;QACtE,IAAI,CAAC,eAAe,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,mCAAI,IAAI,CAAC;QACxD,IAAI,CAAC,cAAc,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,mCAAI,IAAI,CAAC;QACtD,IAAI,CAAC,oBAAoB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,oBAAoB,mCAAI,IAAI,CAAC;IACpE,CAAC;CACF","sourcesContent":["import { TemplateResult } from 'lit';\n\n/**\n * Configuration to show a modal\n *\n * @export\n * @class ModalConfig\n */\nexport class ModalConfig {\n  /**\n   * The title that shows in the header\n   *\n   * @type {(TemplateResult | undefined)}\n   * @memberof ModalConfig\n   */\n  title?: TemplateResult;\n\n  /**\n   * The subtitle shown in the header under the title\n   *\n   * @type {(TemplateResult | undefined)}\n   * @memberof ModalConfig\n   */\n  subtitle?: TemplateResult;\n\n  /**\n   * The headline shown at the top of the content section\n   *\n   * @type {(TemplateResult | undefined)}\n   * @memberof ModalConfig\n   */\n  headline?: TemplateResult;\n\n  /**\n   * The text shown below the headline in the content section\n   *\n   * @type {(TemplateResult | undefined)}\n   * @memberof ModalConfig\n   */\n  message?: TemplateResult;\n\n  /**\n   * The background color of the header\n   *\n   * @memberof ModalConfig\n   */\n  headerColor: string;\n\n  /**\n   * The background color of the body\n   *\n   * @memberof ModalConfig\n   */\n  bodyColor: string;\n\n  /**\n   * Show or hide the processing indicator\n   *\n   * @memberof ModalConfig\n   */\n  showProcessingIndicator: boolean;\n\n  /**\n   * Set the processing image mode, currently `processing` or `complete`\n   *\n   * @memberof ModalConfig\n   */\n  processingImageMode: 'processing' | 'complete';\n\n  /**\n   * Show the close button\n   *\n   * @memberof ModalConfig\n   */\n  showCloseButton: boolean;\n\n  /**\n   * Show the close button\n   *\n   * @memberof ModalConfig\n   */\n  showHeaderLogo: boolean;\n\n  /**\n   * Close the modal if the user taps on the background\n   *\n   * @memberof ModalConfig\n   */\n  closeOnBackdropClick: boolean;\n\n  constructor(options?: {\n    title?: TemplateResult;\n    subtitle?: TemplateResult;\n    headline?: TemplateResult;\n    message?: TemplateResult;\n    headerColor?: string;\n    bodyColor?: string;\n    showProcessingIndicator?: boolean;\n    processingImageMode?: 'processing' | 'complete';\n    showCloseButton?: boolean;\n    showHeaderLogo?: boolean;\n    closeOnBackdropClick?: boolean;\n  }) {\n    this.title = options?.title;\n    this.subtitle = options?.subtitle;\n    this.headline = options?.headline;\n    this.message = options?.message;\n\n    this.headerColor = options?.headerColor ?? '#55A183';\n    this.bodyColor = options?.bodyColor ?? '#fbfbfd';\n    this.showProcessingIndicator = options?.showProcessingIndicator ?? false;\n    this.processingImageMode = options?.processingImageMode ?? 'complete';\n    this.showCloseButton = options?.showCloseButton ?? true;\n    this.showHeaderLogo = options?.showHeaderLogo ?? true;\n    this.closeOnBackdropClick = options?.closeOnBackdropClick ?? true;\n  }\n}\n"]}
+{"version":3,"file":"modal-config.js","sourceRoot":"","sources":["../../src/modal-config.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,OAAO,WAAW;IA8FtB,YAAY,OAcX;;QACC,IAAI,CAAC,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC;QAEhC,IAAI,CAAC,WAAW,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,SAAS,CAAC;QACrD,IAAI,CAAC,SAAS,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,mCAAI,SAAS,CAAC;QACjD,IAAI,CAAC,uBAAuB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,uBAAuB,mCAAI,KAAK,CAAC;QACzE,IAAI,CAAC,mBAAmB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,mCAAI,UAAU,CAAC;QACtE,IAAI,CAAC,eAAe,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,mCAAI,IAAI,CAAC;QACxD,IAAI,CAAC,iBAAiB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,mCAAI,KAAK,CAAC;QAC7D,IAAI,CAAC,iBAAiB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,mCAAI,EAAE,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,mCAAI,IAAI,CAAC;QACtD,IAAI,CAAC,oBAAoB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,oBAAoB,mCAAI,IAAI,CAAC;IACpE,CAAC;CACF","sourcesContent":["import { TemplateResult } from 'lit';\r\n\r\n/**\r\n * Configuration to show a modal\r\n *\r\n * @export\r\n * @class ModalConfig\r\n */\r\nexport class ModalConfig {\r\n  /**\r\n   * The title that shows in the header\r\n   *\r\n   * @type {(TemplateResult | undefined)}\r\n   * @memberof ModalConfig\r\n   */\r\n  title?: TemplateResult;\r\n\r\n  /**\r\n   * The subtitle shown in the header under the title\r\n   *\r\n   * @type {(TemplateResult | undefined)}\r\n   * @memberof ModalConfig\r\n   */\r\n  subtitle?: TemplateResult;\r\n\r\n  /**\r\n   * The headline shown at the top of the content section\r\n   *\r\n   * @type {(TemplateResult | undefined)}\r\n   * @memberof ModalConfig\r\n   */\r\n  headline?: TemplateResult;\r\n\r\n  /**\r\n   * The text shown below the headline in the content section\r\n   *\r\n   * @type {(TemplateResult | undefined)}\r\n   * @memberof ModalConfig\r\n   */\r\n  message?: TemplateResult;\r\n\r\n  /**\r\n   * The background color of the header\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  headerColor: string;\r\n\r\n  /**\r\n   * The background color of the body\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  bodyColor: string;\r\n\r\n  /**\r\n   * Show or hide the processing indicator\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  showProcessingIndicator: boolean;\r\n\r\n  /**\r\n   * Set the processing image mode, currently `processing` or `complete`\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  processingImageMode: 'processing' | 'complete';\r\n\r\n  /**\r\n   * Show the close button\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  showCloseButton: boolean;\r\n\r\n  /**\r\n   * Show the left nav button\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  showLeftNavButton: boolean;\r\n\r\n  /**\r\n   * Left nav button text\r\n   */\r\n  leftNavButtonText: string;\r\n\r\n  /**\r\n   * Show the close button\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  showHeaderLogo: boolean;\r\n\r\n  /**\r\n   * Close the modal if the user taps on the background\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  closeOnBackdropClick: boolean;\r\n\r\n  constructor(options?: {\r\n    title?: TemplateResult;\r\n    subtitle?: TemplateResult;\r\n    headline?: TemplateResult;\r\n    message?: TemplateResult;\r\n    headerColor?: string;\r\n    bodyColor?: string;\r\n    showProcessingIndicator?: boolean;\r\n    processingImageMode?: 'processing' | 'complete';\r\n    showCloseButton?: boolean;\r\n    showLeftNavButton?: boolean;\r\n    leftNavButtonText?: string;\r\n    showHeaderLogo?: boolean;\r\n    closeOnBackdropClick?: boolean;\r\n  }) {\r\n    this.title = options?.title;\r\n    this.subtitle = options?.subtitle;\r\n    this.headline = options?.headline;\r\n    this.message = options?.message;\r\n\r\n    this.headerColor = options?.headerColor ?? '#55A183';\r\n    this.bodyColor = options?.bodyColor ?? '#fbfbfd';\r\n    this.showProcessingIndicator = options?.showProcessingIndicator ?? false;\r\n    this.processingImageMode = options?.processingImageMode ?? 'complete';\r\n    this.showCloseButton = options?.showCloseButton ?? true;\r\n    this.showLeftNavButton = options?.showLeftNavButton ?? false;\r\n    this.leftNavButtonText = options?.leftNavButtonText ?? '';\r\n    this.showHeaderLogo = options?.showHeaderLogo ?? true;\r\n    this.closeOnBackdropClick = options?.closeOnBackdropClick ?? true;\r\n  }\r\n}\r\n"]}

package/dist/src/modal-manager-host-bridge-interface.d.ts

@@ -1,12 +1,12 @@
-import { ModalManagerMode } from './modal-manager-mode';
-/**
- * The ModalManagerHostBridgeInterface is a delegate interface for
- * the host to implement environment-specific changes when the modal
- * is open or closed.
- *
- * A default implementation is provided, but can be overridden if
- * it does not work for the environment.
- */
-export interface ModalManagerHostBridgeInterface {
-    handleModeChange(mode: ModalManagerMode): void;
-}
+import { ModalManagerMode } from './modal-manager-mode';
+/**
+ * The ModalManagerHostBridgeInterface is a delegate interface for
+ * the host to implement environment-specific changes when the modal
+ * is open or closed.
+ *
+ * A default implementation is provided, but can be overridden if
+ * it does not work for the environment.
+ */
+export interface ModalManagerHostBridgeInterface {
+    handleModeChange(mode: ModalManagerMode): void;
+}

package/dist/src/modal-manager-host-bridge-interface.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=modal-manager-host-bridge-interface.js.map

package/dist/src/modal-manager-host-bridge-interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-manager-host-bridge-interface.js","sourceRoot":"","sources":["../../src/modal-manager-host-bridge-interface.ts"],"names":[],"mappings":"","sourcesContent":["import { ModalManagerMode } from './modal-manager-mode';\n\n/**\n * The ModalManagerHostBridgeInterface is a delegate interface for\n * the host to implement environment-specific changes when the modal\n * is open or closed.\n *\n * A default implementation is provided, but can be overridden if\n * it does not work for the environment.\n */\nexport interface ModalManagerHostBridgeInterface {\n  handleModeChange(mode: ModalManagerMode): void;\n}\n"]}
+{"version":3,"file":"modal-manager-host-bridge-interface.js","sourceRoot":"","sources":["../../src/modal-manager-host-bridge-interface.ts"],"names":[],"mappings":"","sourcesContent":["import { ModalManagerMode } from './modal-manager-mode';\r\n\r\n/**\r\n * The ModalManagerHostBridgeInterface is a delegate interface for\r\n * the host to implement environment-specific changes when the modal\r\n * is open or closed.\r\n *\r\n * A default implementation is provided, but can be overridden if\r\n * it does not work for the environment.\r\n */\r\nexport interface ModalManagerHostBridgeInterface {\r\n  handleModeChange(mode: ModalManagerMode): void;\r\n}\r\n"]}

package/dist/src/modal-manager-host-bridge.d.ts

@@ -1,34 +1,34 @@
-import { ModalManagerHostBridgeInterface } from './modal-manager-host-bridge-interface';
-import { ModalManagerInterface } from './modal-manager-interface';
-import { ModalManagerMode } from './modal-manager-mode';
-/**
- * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the
- * host that sets up environment-specific changes when the modal opens and closes.
- *
- * For instance, when the modal opens, this adds a class to the `<body>` tag for styling
- * and adds a `resize` listener to fix a Safari shadow root issue.
- *
- * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass
- * them into the `ModalManager` if this one does not work for their environment.
- *
- * @export
- * @class ModalManagerHostBridge
- * @implements {ModalManagerHostBridgeInterface}
- */
-export declare class ModalManagerHostBridge implements ModalManagerHostBridgeInterface {
-    private modalManager;
-    constructor(modalManager: ModalManagerInterface);
-    /**
-     * Handle the mode change
-     *
-     * @private
-     * @memberof ModalManager
-     */
-    handleModeChange(mode: ModalManagerMode): void;
-    private windowResizeThrottler;
-    private updateModalContainerHeight;
-    private stopDocumentScroll;
-    private resumeDocumentScroll;
-    private startResizeListener;
-    private stopResizeListener;
-}
+import { ModalManagerHostBridgeInterface } from './modal-manager-host-bridge-interface';
+import { ModalManagerInterface } from './modal-manager-interface';
+import { ModalManagerMode } from './modal-manager-mode';
+/**
+ * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the
+ * host that sets up environment-specific changes when the modal opens and closes.
+ *
+ * For instance, when the modal opens, this adds a class to the `<body>` tag for styling
+ * and adds a `resize` listener to fix a Safari shadow root issue.
+ *
+ * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass
+ * them into the `ModalManager` if this one does not work for their environment.
+ *
+ * @export
+ * @class ModalManagerHostBridge
+ * @implements {ModalManagerHostBridgeInterface}
+ */
+export declare class ModalManagerHostBridge implements ModalManagerHostBridgeInterface {
+    private modalManager;
+    constructor(modalManager: ModalManagerInterface);
+    /**
+     * Handle the mode change
+     *
+     * @private
+     * @memberof ModalManager
+     */
+    handleModeChange(mode: ModalManagerMode): void;
+    private windowResizeThrottler;
+    private updateModalContainerHeight;
+    private stopDocumentScroll;
+    private resumeDocumentScroll;
+    private startResizeListener;
+    private stopResizeListener;
+}

package/dist/src/modal-manager-host-bridge.js

@@ -1,63 +1,63 @@
-import { throttle } from 'throttle-debounce';
-import { ModalManagerMode } from './modal-manager-mode';
-/**
- * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the
- * host that sets up environment-specific changes when the modal opens and closes.
- *
- * For instance, when the modal opens, this adds a class to the `<body>` tag for styling
- * and adds a `resize` listener to fix a Safari shadow root issue.
- *
- * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass
- * them into the `ModalManager` if this one does not work for their environment.
- *
- * @export
- * @class ModalManagerHostBridge
- * @implements {ModalManagerHostBridgeInterface}
- */
-export class ModalManagerHostBridge {
-    constructor(modalManager) {
-        this.windowResizeThrottler = throttle(100, this.updateModalContainerHeight, { noLeading: false, noTrailing: false }).bind(this);
-        this.modalManager = modalManager;
-    }
-    /**
-     * Handle the mode change
-     *
-     * @private
-     * @memberof ModalManager
-     */
-    handleModeChange(mode) {
-        switch (mode) {
-            case ModalManagerMode.Open:
-                this.startResizeListener();
-                this.stopDocumentScroll();
-                break;
-            case ModalManagerMode.Closed:
-                this.stopResizeListener();
-                this.resumeDocumentScroll();
-                break;
-        }
-    }
-    // This is a workaround for Safari. Safari does not update shadowRoot elements calculated
-    // based on the viewport size (ie. `calc(100vh - 10px)`). It does an initial calculation correctly,
-    // but resizing the window does not cause the calculation to update. Firefox and Chrome both handle
-    // this correctly.
-    // It doesn't matter what css variable you set, it is just forcing Safari to do an update.
-    // Also note that the value has to change on each update for Safari to do the update,
-    // ie. you can't just set a static value.
-    updateModalContainerHeight() {
-        this.modalManager.style.setProperty('--containerHeight', `${window.innerHeight}px`);
-    }
-    stopDocumentScroll() {
-        document.body.classList.add('modal-manager-open');
-    }
-    resumeDocumentScroll() {
-        document.body.classList.remove('modal-manager-open');
-    }
-    startResizeListener() {
-        window.addEventListener('resize', this.windowResizeThrottler);
-    }
-    stopResizeListener() {
-        window.removeEventListener('resize', this.windowResizeThrottler);
-    }
-}
+import { throttle } from 'throttle-debounce';
+import { ModalManagerMode } from './modal-manager-mode';
+/**
+ * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the
+ * host that sets up environment-specific changes when the modal opens and closes.
+ *
+ * For instance, when the modal opens, this adds a class to the `<body>` tag for styling
+ * and adds a `resize` listener to fix a Safari shadow root issue.
+ *
+ * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass
+ * them into the `ModalManager` if this one does not work for their environment.
+ *
+ * @export
+ * @class ModalManagerHostBridge
+ * @implements {ModalManagerHostBridgeInterface}
+ */
+export class ModalManagerHostBridge {
+    constructor(modalManager) {
+        this.windowResizeThrottler = throttle(100, this.updateModalContainerHeight, { noLeading: false, noTrailing: false }).bind(this);
+        this.modalManager = modalManager;
+    }
+    /**
+     * Handle the mode change
+     *
+     * @private
+     * @memberof ModalManager
+     */
+    handleModeChange(mode) {
+        switch (mode) {
+            case ModalManagerMode.Open:
+                this.startResizeListener();
+                this.stopDocumentScroll();
+                break;
+            case ModalManagerMode.Closed:
+                this.stopResizeListener();
+                this.resumeDocumentScroll();
+                break;
+        }
+    }
+    // This is a workaround for Safari. Safari does not update shadowRoot elements calculated
+    // based on the viewport size (ie. `calc(100vh - 10px)`). It does an initial calculation correctly,
+    // but resizing the window does not cause the calculation to update. Firefox and Chrome both handle
+    // this correctly.
+    // It doesn't matter what css variable you set, it is just forcing Safari to do an update.
+    // Also note that the value has to change on each update for Safari to do the update,
+    // ie. you can't just set a static value.
+    updateModalContainerHeight() {
+        this.modalManager.style.setProperty('--containerHeight', `${window.innerHeight}px`);
+    }
+    stopDocumentScroll() {
+        document.body.classList.add('modal-manager-open');
+    }
+    resumeDocumentScroll() {
+        document.body.classList.remove('modal-manager-open');
+    }
+    startResizeListener() {
+        window.addEventListener('resize', this.windowResizeThrottler);
+    }
+    stopResizeListener() {
+        window.removeEventListener('resize', this.windowResizeThrottler);
+    }
+}
 //# sourceMappingURL=modal-manager-host-bridge.js.map