@internetarchive/modal-manager 2.0.4 → 2.0.5-webdev-8155.2

package/dist/src/modal-config.js

@@ -1,25 +1,24 @@
-/**
- * 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;
-    }
-}
+/**
+ * Configuration to show a modal
+ *
+ * @export
+ * @class ModalConfig
+ */
+export class ModalConfig {
+    constructor(options) {
+        this.title = options?.title;
+        this.subtitle = options?.subtitle;
+        this.headline = options?.headline;
+        this.message = options?.message;
+        this.headerColor = options?.headerColor ?? '#55A183';
+        this.bodyColor = options?.bodyColor ?? '#fbfbfd';
+        this.showProcessingIndicator = options?.showProcessingIndicator ?? false;
+        this.processingImageMode = options?.processingImageMode ?? 'complete';
+        this.showCloseButton = options?.showCloseButton ?? true;
+        this.showLeftNavButton = options?.showLeftNavButton ?? false;
+        this.leftNavButtonText = options?.leftNavButtonText ?? '';
+        this.showHeaderLogo = options?.showHeaderLogo ?? true;
+        this.closeOnBackdropClick = options?.closeOnBackdropClick ?? 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;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';\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 left nav button\n   *\n   * @memberof ModalConfig\n   */\n  showLeftNavButton: boolean;\n\n  /**\n   * Left nav button text\n   */\n  leftNavButtonText: string;\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    showLeftNavButton?: boolean;\n    leftNavButtonText?: string;\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.showLeftNavButton = options?.showLeftNavButton ?? false;\n    this.leftNavButtonText = options?.leftNavButtonText ?? '';\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,EAAE,KAAK,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,OAAO,EAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,OAAO,EAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,OAAO,GAAG,OAAO,EAAE,OAAO,CAAC;QAEhC,IAAI,CAAC,WAAW,GAAG,OAAO,EAAE,WAAW,IAAI,SAAS,CAAC;QACrD,IAAI,CAAC,SAAS,GAAG,OAAO,EAAE,SAAS,IAAI,SAAS,CAAC;QACjD,IAAI,CAAC,uBAAuB,GAAG,OAAO,EAAE,uBAAuB,IAAI,KAAK,CAAC;QACzE,IAAI,CAAC,mBAAmB,GAAG,OAAO,EAAE,mBAAmB,IAAI,UAAU,CAAC;QACtE,IAAI,CAAC,eAAe,GAAG,OAAO,EAAE,eAAe,IAAI,IAAI,CAAC;QACxD,IAAI,CAAC,iBAAiB,GAAG,OAAO,EAAE,iBAAiB,IAAI,KAAK,CAAC;QAC7D,IAAI,CAAC,iBAAiB,GAAG,OAAO,EAAE,iBAAiB,IAAI,EAAE,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAG,OAAO,EAAE,cAAc,IAAI,IAAI,CAAC;QACtD,IAAI,CAAC,oBAAoB,GAAG,OAAO,EAAE,oBAAoB,IAAI,IAAI,CAAC;IACpE,CAAC;CACF","sourcesContent":["import type { 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 | string | undefined)}\n   * @memberof ModalConfig\n   */\n  title?: TemplateResult | string;\n\n  /**\n   * The subtitle shown in the header under the title\n   *\n   * @type {(TemplateResult | string | undefined)}\n   * @memberof ModalConfig\n   */\n  subtitle?: TemplateResult | string;\n\n  /**\n   * The headline shown at the top of the content section\n   *\n   * @type {(TemplateResult | string | undefined)}\n   * @memberof ModalConfig\n   */\n  headline?: TemplateResult | string;\n\n  /**\n   * The text shown below the headline in the content section\n   *\n   * @type {(TemplateResult | string | undefined)}\n   * @memberof ModalConfig\n   */\n  message?: TemplateResult | string;\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\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 left nav button\n   *\n   * @memberof ModalConfig\n   */\n  showLeftNavButton: boolean;\n\n  /**\n   * Left nav button text\n   */\n  leftNavButtonText: string;\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 | string;\n    subtitle?: TemplateResult | string;\n    headline?: TemplateResult | string;\n    message?: TemplateResult | string;\n    headerColor?: string;\n    bodyColor?: string;\n    showProcessingIndicator?: boolean;\n    processingImageMode?: 'processing' | 'complete';\n    showCloseButton?: boolean;\n    showLeftNavButton?: boolean;\n    leftNavButtonText?: string;\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.showLeftNavButton = options?.showLeftNavButton ?? false;\n    this.leftNavButtonText = options?.leftNavButtonText ?? '';\n    this.showHeaderLogo = options?.showHeaderLogo ?? true;\n    this.closeOnBackdropClick = options?.closeOnBackdropClick ?? true;\n  }\n}\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.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

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

@@ -1 +1 @@
-{"version":3,"file":"modal-manager-host-bridge.js","sourceRoot":"","sources":["../../src/modal-manager-host-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAY,YAAmC;QAuBvC,0BAAqB,GAAyB,QAAQ,CAC5D,GAAG,EACH,IAAI,CAAC,0BAA0B,EAC/B,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CACxC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QA1BX,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,IAAsB;QACrC,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB,CAAC,IAAI;gBACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;gBAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,MAAM;YACR,KAAK,gBAAgB,CAAC,MAAM;gBAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC5B,MAAM;SACT;IACH,CAAC;IAQD,yFAAyF;IACzF,mGAAmG;IACnG,mGAAmG;IACnG,kBAAkB;IAClB,0FAA0F;IAC1F,qFAAqF;IACrF,yCAAyC;IACjC,0BAA0B;QAChC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CACjC,mBAAmB,EACnB,GAAG,MAAM,CAAC,WAAW,IAAI,CAC1B,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACpD,CAAC;IAEO,oBAAoB;QAC1B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACvD,CAAC;IAEO,mBAAmB;QACzB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAChE,CAAC;IAEO,kBAAkB;QACxB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACnE,CAAC;CACF","sourcesContent":["import { throttle } from 'throttle-debounce';\n\nimport { ModalManagerHostBridgeInterface } from './modal-manager-host-bridge-interface';\nimport { ModalManagerInterface } from './modal-manager-interface';\nimport { ModalManagerMode } from './modal-manager-mode';\n\n/**\n * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the\n * host that sets up environment-specific changes when the modal opens and closes.\n *\n * For instance, when the modal opens, this adds a class to the `<body>` tag for styling\n * and adds a `resize` listener to fix a Safari shadow root issue.\n *\n * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass\n * them into the `ModalManager` if this one does not work for their environment.\n *\n * @export\n * @class ModalManagerHostBridge\n * @implements {ModalManagerHostBridgeInterface}\n */\nexport class ModalManagerHostBridge implements ModalManagerHostBridgeInterface {\n  private modalManager: ModalManagerInterface;\n\n  constructor(modalManager: ModalManagerInterface) {\n    this.modalManager = modalManager;\n  }\n\n  /**\n   * Handle the mode change\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  handleModeChange(mode: ModalManagerMode): void {\n    switch (mode) {\n      case ModalManagerMode.Open:\n        this.startResizeListener();\n        this.stopDocumentScroll();\n        break;\n      case ModalManagerMode.Closed:\n        this.stopResizeListener();\n        this.resumeDocumentScroll();\n        break;\n    }\n  }\n\n  private windowResizeThrottler: throttle<() => void> = throttle(\n    100,\n    this.updateModalContainerHeight,\n    { noLeading: false, noTrailing: false }\n  ).bind(this);\n\n  // This is a workaround for Safari. Safari does not update shadowRoot elements calculated\n  // based on the viewport size (ie. `calc(100vh - 10px)`). It does an initial calculation correctly,\n  // but resizing the window does not cause the calculation to update. Firefox and Chrome both handle\n  // this correctly.\n  // It doesn't matter what css variable you set, it is just forcing Safari to do an update.\n  // Also note that the value has to change on each update for Safari to do the update,\n  // ie. you can't just set a static value.\n  private updateModalContainerHeight(): void {\n    this.modalManager.style.setProperty(\n      '--containerHeight',\n      `${window.innerHeight}px`\n    );\n  }\n\n  private stopDocumentScroll(): void {\n    document.body.classList.add('modal-manager-open');\n  }\n\n  private resumeDocumentScroll(): void {\n    document.body.classList.remove('modal-manager-open');\n  }\n\n  private startResizeListener(): void {\n    window.addEventListener('resize', this.windowResizeThrottler);\n  }\n\n  private stopResizeListener(): void {\n    window.removeEventListener('resize', this.windowResizeThrottler);\n  }\n}\n"]}
+{"version":3,"file":"modal-manager-host-bridge.js","sourceRoot":"","sources":["../../src/modal-manager-host-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAY,YAAmC;QAuBvC,0BAAqB,GAAyB,QAAQ,CAC5D,GAAG,EACH,IAAI,CAAC,0BAA0B,EAC/B,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CACxC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QA1BX,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,IAAsB;QACrC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,gBAAgB,CAAC,IAAI;gBACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;gBAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,MAAM;YACR,KAAK,gBAAgB,CAAC,MAAM;gBAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC5B,MAAM;QACV,CAAC;IACH,CAAC;IAQD,yFAAyF;IACzF,mGAAmG;IACnG,mGAAmG;IACnG,kBAAkB;IAClB,0FAA0F;IAC1F,qFAAqF;IACrF,yCAAyC;IACjC,0BAA0B;QAChC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CACjC,mBAAmB,EACnB,GAAG,MAAM,CAAC,WAAW,IAAI,CAC1B,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACpD,CAAC;IAEO,oBAAoB;QAC1B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACvD,CAAC;IAEO,mBAAmB;QACzB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAChE,CAAC;IAEO,kBAAkB;QACxB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACnE,CAAC;CACF","sourcesContent":["import { throttle } from 'throttle-debounce';\n\nimport { ModalManagerHostBridgeInterface } from './modal-manager-host-bridge-interface';\nimport { ModalManagerInterface } from './modal-manager-interface';\nimport { ModalManagerMode } from './modal-manager-mode';\n\n/**\n * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the\n * host that sets up environment-specific changes when the modal opens and closes.\n *\n * For instance, when the modal opens, this adds a class to the `<body>` tag for styling\n * and adds a `resize` listener to fix a Safari shadow root issue.\n *\n * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass\n * them into the `ModalManager` if this one does not work for their environment.\n *\n * @export\n * @class ModalManagerHostBridge\n * @implements {ModalManagerHostBridgeInterface}\n */\nexport class ModalManagerHostBridge implements ModalManagerHostBridgeInterface {\n  private modalManager: ModalManagerInterface;\n\n  constructor(modalManager: ModalManagerInterface) {\n    this.modalManager = modalManager;\n  }\n\n  /**\n   * Handle the mode change\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  handleModeChange(mode: ModalManagerMode): void {\n    switch (mode) {\n      case ModalManagerMode.Open:\n        this.startResizeListener();\n        this.stopDocumentScroll();\n        break;\n      case ModalManagerMode.Closed:\n        this.stopResizeListener();\n        this.resumeDocumentScroll();\n        break;\n    }\n  }\n\n  private windowResizeThrottler: throttle<() => void> = throttle(\n    100,\n    this.updateModalContainerHeight,\n    { noLeading: false, noTrailing: false },\n  ).bind(this);\n\n  // This is a workaround for Safari. Safari does not update shadowRoot elements calculated\n  // based on the viewport size (ie. `calc(100vh - 10px)`). It does an initial calculation correctly,\n  // but resizing the window does not cause the calculation to update. Firefox and Chrome both handle\n  // this correctly.\n  // It doesn't matter what css variable you set, it is just forcing Safari to do an update.\n  // Also note that the value has to change on each update for Safari to do the update,\n  // ie. you can't just set a static value.\n  private updateModalContainerHeight(): void {\n    this.modalManager.style.setProperty(\n      '--containerHeight',\n      `${window.innerHeight}px`,\n    );\n  }\n\n  private stopDocumentScroll(): void {\n    document.body.classList.add('modal-manager-open');\n  }\n\n  private resumeDocumentScroll(): void {\n    document.body.classList.remove('modal-manager-open');\n  }\n\n  private startResizeListener(): void {\n    window.addEventListener('resize', this.windowResizeThrottler);\n  }\n\n  private stopResizeListener(): void {\n    window.removeEventListener('resize', this.windowResizeThrottler);\n  }\n}\n"]}

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

@@ -1,27 +1,27 @@
-import { LitElement, TemplateResult } from 'lit';
-import { ModalConfig } from './modal-config';
-import { ModalManagerMode } from './modal-manager-mode';
-export interface ModalManagerInterface extends LitElement {
-    /**
-     * Get the current modal mode.
-     */
-    getMode(): ModalManagerMode;
-    /**
-     * Show a modal from a given ModalConfig
-     *
-     * @param config ModalConfig
-     * @param customModalContent TemplateResult | undefined
-     * @param userClosedModalCallback () => void | undefined an optional callback when the modal is closed
-     * @param userPressedLeftNavButtonCallback () => void | undefined an optional callback when the left nav button is pressed
-     */
-    showModal(options: {
-        config: ModalConfig;
-        customModalContent?: TemplateResult;
-        userClosedModalCallback?: () => void;
-        userPressedLeftNavButtonCallback?: () => void;
-    }): Promise<void>;
-    /**
-     * Close the currently open modal
-     */
-    closeModal(): void;
-}
+import { LitElement, TemplateResult } from 'lit';
+import { ModalConfig } from './modal-config';
+import { ModalManagerMode } from './modal-manager-mode';
+export interface ModalManagerInterface extends LitElement {
+    /**
+     * Get the current modal mode.
+     */
+    getMode(): ModalManagerMode;
+    /**
+     * Show a modal from a given ModalConfig
+     *
+     * @param config ModalConfig
+     * @param customModalContent TemplateResult | undefined
+     * @param userClosedModalCallback () => void | undefined an optional callback when the modal is closed
+     * @param userPressedLeftNavButtonCallback () => void | undefined an optional callback when the left nav button is pressed
+     */
+    showModal(options: {
+        config: ModalConfig;
+        customModalContent?: TemplateResult;
+        userClosedModalCallback?: () => void;
+        userPressedLeftNavButtonCallback?: () => void;
+    }): Promise<void>;
+    /**
+     * Close the currently open modal
+     */
+    closeModal(): void;
+}

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

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

package/dist/src/modal-manager-mode.d.ts

@@ -1,10 +1,10 @@
-/**
- * Various modes the modal can be in
- *
- * @export
- * @enum {number}
- */
-export declare enum ModalManagerMode {
-    Open = "open",
-    Closed = "closed"
-}
+/**
+ * Various modes the modal can be in
+ *
+ * @export
+ * @enum {number}
+ */
+export declare enum ModalManagerMode {
+    Open = "open",
+    Closed = "closed"
+}

package/dist/src/modal-manager-mode.js

@@ -1,12 +1,12 @@
-/**
- * Various modes the modal can be in
- *
- * @export
- * @enum {number}
- */
-export var ModalManagerMode;
-(function (ModalManagerMode) {
-    ModalManagerMode["Open"] = "open";
-    ModalManagerMode["Closed"] = "closed";
-})(ModalManagerMode || (ModalManagerMode = {}));
+/**
+ * Various modes the modal can be in
+ *
+ * @export
+ * @enum {number}
+ */
+export var ModalManagerMode;
+(function (ModalManagerMode) {
+    ModalManagerMode["Open"] = "open";
+    ModalManagerMode["Closed"] = "closed";
+})(ModalManagerMode || (ModalManagerMode = {}));
 //# sourceMappingURL=modal-manager-mode.js.map