@operato/popup 1.0.0-beta.7 → 1.0.0

package/CHANGELOG.md

@@ -3,6 +3,370 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.0](https://github.com/hatiolab/operato/compare/v1.0.0-beta.51...v1.0.0) (2022-07-24)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.51](https://github.com/hatiolab/operato/compare/v1.0.0-beta.50...v1.0.0-beta.51) (2022-07-22)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.50](https://github.com/hatiolab/operato/compare/v1.0.0-beta.49...v1.0.0-beta.50) (2022-07-18)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.49](https://github.com/hatiolab/operato/compare/v1.0.0-beta.48...v1.0.0-beta.49) (2022-07-17)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.48](https://github.com/hatiolab/operato/compare/v1.0.0-beta.47...v1.0.0-beta.48) (2022-07-17)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.47](https://github.com/hatiolab/operato/compare/v1.0.0-beta.46...v1.0.0-beta.47) (2022-07-15)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.46](https://github.com/hatiolab/operato/compare/v1.0.0-beta.45...v1.0.0-beta.46) (2022-07-11)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.45](https://github.com/hatiolab/operato/compare/v1.0.0-beta.44...v1.0.0-beta.45) (2022-07-09)
+
+
+### :bug: Bug Fix
+
+* upgrade dependencies ([4986392](https://github.com/hatiolab/operato/commit/4986392e64524b5602cc9a144def239e85524bee))
+
+
+
+## [1.0.0-beta.44](https://github.com/hatiolab/operato/compare/v1.0.0-beta.43...v1.0.0-beta.44) (2022-07-07)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.43](https://github.com/hatiolab/operato/compare/v1.0.0-beta.42...v1.0.0-beta.43) (2022-07-03)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.42](https://github.com/hatiolab/operato/compare/v1.0.0-beta.41...v1.0.0-beta.42) (2022-07-03)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.41](https://github.com/hatiolab/operato/compare/v1.0.0-beta.40...v1.0.0-beta.41) (2022-06-30)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.40](https://github.com/hatiolab/operato/compare/v1.0.0-beta.39...v1.0.0-beta.40) (2022-06-29)
+
+
+### :bug: Bug Fix
+
+* [#43](https://github.com/hatiolab/operato/issues/43)-datasample ([14ab019](https://github.com/hatiolab/operato/commit/14ab0199311f340c784018b9fc78b70e57b09567))
+
+
+
+## [1.0.0-beta.39](https://github.com/hatiolab/operato/compare/v1.0.0-beta.38...v1.0.0-beta.39) (2022-06-22)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.38](https://github.com/hatiolab/operato/compare/v1.0.0-beta.37...v1.0.0-beta.38) (2022-06-20)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.37](https://github.com/hatiolab/operato/compare/v1.0.0-beta.36...v1.0.0-beta.37) (2022-06-20)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.36](https://github.com/hatiolab/operato/compare/v1.0.0-beta.35...v1.0.0-beta.36) (2022-06-16)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.35](https://github.com/hatiolab/operato/compare/v1.0.0-beta.34...v1.0.0-beta.35) (2022-06-16)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.34](https://github.com/hatiolab/operato/compare/v1.0.0-beta.33...v1.0.0-beta.34) (2022-06-16)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.33](https://github.com/hatiolab/operato/compare/v1.0.0-beta.32...v1.0.0-beta.33) (2022-06-16)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.32](https://github.com/hatiolab/operato/compare/v1.0.0-beta.31...v1.0.0-beta.32) (2022-06-15)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.31](https://github.com/hatiolab/operato/compare/v1.0.0-beta.30...v1.0.0-beta.31) (2022-06-15)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.30](https://github.com/hatiolab/operato/compare/v1.0.0-beta.29...v1.0.0-beta.30) (2022-06-13)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.29](https://github.com/hatiolab/operato/compare/v1.0.0-beta.28...v1.0.0-beta.29) (2022-06-10)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.28](https://github.com/hatiolab/operato/compare/v1.0.0-beta.27...v1.0.0-beta.28) (2022-06-10)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.27](https://github.com/hatiolab/operato/compare/v1.0.0-beta.26...v1.0.0-beta.27) (2022-06-09)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.26](https://github.com/hatiolab/operato/compare/v1.0.0-beta.25...v1.0.0-beta.26) (2022-06-04)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.25](https://github.com/hatiolab/operato/compare/v1.0.0-beta.24...v1.0.0-beta.25) (2022-06-02)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.24](https://github.com/hatiolab/operato/compare/v1.0.0-beta.23...v1.0.0-beta.24) (2022-06-02)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.23](https://github.com/hatiolab/operato/compare/v1.0.0-beta.22...v1.0.0-beta.23) (2022-06-02)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.22](https://github.com/hatiolab/operato/compare/v1.0.0-beta.21...v1.0.0-beta.22) (2022-05-31)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.21](https://github.com/hatiolab/operato/compare/v1.0.0-beta.20...v1.0.0-beta.21) (2022-05-31)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.20](https://github.com/hatiolab/operato/compare/v1.0.0-beta.19...v1.0.0-beta.20) (2022-05-30)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.19](https://github.com/hatiolab/operato/compare/v1.0.0-beta.18...v1.0.0-beta.19) (2022-05-29)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.18](https://github.com/hatiolab/operato/compare/v1.0.0-beta.17...v1.0.0-beta.18) (2022-05-27)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.17](https://github.com/hatiolab/operato/compare/v1.0.0-beta.16...v1.0.0-beta.17) (2022-05-25)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.16](https://github.com/hatiolab/operato/compare/v1.0.0-beta.15...v1.0.0-beta.16) (2022-05-23)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.15](https://github.com/hatiolab/operato/compare/v1.0.0-beta.14...v1.0.0-beta.15) (2022-05-20)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.14](https://github.com/hatiolab/operato/compare/v1.0.0-beta.13...v1.0.0-beta.14) (2022-05-19)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.13](https://github.com/hatiolab/operato/compare/v1.0.0-beta.12...v1.0.0-beta.13) (2022-05-19)
+
+
+### :bug: Bug Fix
+
+* incorrect package.json scripts for storybooks ([8c8c405](https://github.com/hatiolab/operato/commit/8c8c405443247108b9c411b8161c008d9b6a2261))
+
+
+
+## [1.0.0-beta.12](https://github.com/hatiolab/operato/compare/v1.0.0-beta.11...v1.0.0-beta.12) (2022-05-13)
+
+
+### :rocket: New Features
+
+* storybook started ([90c08c9](https://github.com/hatiolab/operato/commit/90c08c9a15e5fe554baaa1becca07793e8434799))
+
+
+
+## [1.0.0-beta.11](https://github.com/hatiolab/operato/compare/v1.0.0-beta.10...v1.0.0-beta.11) (2022-05-01)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.10](https://github.com/hatiolab/operato/compare/v1.0.0-beta.9...v1.0.0-beta.10) (2022-04-28)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.9](https://github.com/hatiolab/operato/compare/v1.0.0-beta.8...v1.0.0-beta.9) (2022-04-28)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
+## [1.0.0-beta.8](https://github.com/hatiolab/operato/compare/v1.0.0-beta.7...v1.0.0-beta.8) (2022-04-27)
+
+**Note:** Version bump only for package @operato/popup
+
+
+
+
+
 ## [1.0.0-beta.7](https://github.com/hatiolab/operato/compare/v1.0.0-beta.6...v1.0.0-beta.7) (2022-04-24)
 
 **Note:** Version bump only for package @operato/popup

package/dist/src/index.d.ts

@@ -1,4 +1,5 @@
-export * from './ox-popup';
-export * from './ox-popup-list';
-export * from './ox-popup-menu';
-export * from './ox-popup-menuitem';
+export * from './ox-popup.js';
+export * from './ox-popup-list.js';
+export * from './ox-popup-menu.js';
+export * from './ox-popup-menuitem.js';
+export * from './open-popup.js';

package/dist/src/index.js

@@ -1,5 +1,6 @@
-export * from './ox-popup';
-export * from './ox-popup-list';
-export * from './ox-popup-menu';
-export * from './ox-popup-menuitem';
+export * from './ox-popup.js';
+export * from './ox-popup-list.js';
+export * from './ox-popup-menu.js';
+export * from './ox-popup-menuitem.js';
+export * from './open-popup.js';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA","sourcesContent":["export * from './ox-popup'\nexport * from './ox-popup-list'\nexport * from './ox-popup-menu'\nexport * from './ox-popup-menuitem'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AAEtC,cAAc,iBAAiB,CAAA","sourcesContent":["export * from './ox-popup.js'\nexport * from './ox-popup-list.js'\nexport * from './ox-popup-menu.js'\nexport * from './ox-popup-menuitem.js'\n\nexport * from './open-popup.js'\n"]}

package/dist/src/open-popup.d.ts

@@ -0,0 +1,59 @@
+import './ox-floating-overlay.js';
+import { TemplateResult } from 'lit';
+/**
+ * Options for popup
+ *
+ * @typedef {Object} PopupOptions
+ * @property {String} [title] - popup title
+ * @property {'center' | 'next' | 'edge'} [hovering] - hovering position (default: 'center'). 'edge' : edge of the HEADERBAR, 'next' : next of the clicked position.
+ * @property {'large' | 'medium' | small'} [size] - popup size
+ * @property {Boolean} [closable] - set whether the close 'X' button is shown on top-right most position (default true)
+ * @property {Boolean} [escapable] - set whether the close popup with 'ESC' key (default true)
+ * @property {Boolean} [backdrop] - set whether to do background masking around the pop-up. If true, it becomes modal (default true)
+ */
+export declare type PopupOptions = {
+    title?: string;
+    hovering?: 'center' | 'next' | 'edge';
+    size?: 'large' | 'medium' | 'small';
+    closable?: boolean;
+    escapable?: boolean;
+    backdrop?: boolean;
+    help?: string;
+};
+/**
+ * Popup handle object that will be returned openPopup
+ *
+ * @typedef {Object} PopupHandle
+ * @property {String} [name] - popup instance name
+ * @property {Function} [close] - call this function to close the popup.
+ * @property {Boolean} [closed] - state telling whether the popup is closed or not.
+ * @property {Function} [onclosed] - set callback function on close. It will be called when the popup about to close.
+ */
+export declare type PopupHandle = {
+    name: string;
+    close: () => void;
+    closed: boolean;
+    onclosed?: () => void;
+};
+/**
+ * replace default openPopup implementation
+ *
+ * @param {(template: TemplateResult, options: PopupOptions) => PopupHandle} implementation
+ */
+export declare function setOpenPopupImplementation(implementation: (template: TemplateResult, options: PopupOptions) => PopupHandle): void;
+/**
+ * open popup out of operato application environment
+ *
+ * @param {*} template html template to be rendered inside the popup
+ * @param {PopupOptions} options
+ * @returns popup handle object. This object is used to close the popup.
+ */
+export declare const openPopup: (template: TemplateResult, options?: PopupOptions) => PopupHandle;
+/**
+ * open popup out of operato application environment
+ *
+ * @param {*} template html template to be rendered inside the popup
+ * @param {PopupOptions} options
+ * @returns popup handle object. This object is used to close the popup.
+ */
+export declare const closePopup: (element: HTMLElement) => void;

package/dist/src/open-popup.js

@@ -0,0 +1,84 @@
+import './ox-floating-overlay.js';
+import { html, render } from 'lit';
+/*
+ * popup handling
+ *
+ * popup은 overlay의 특별한 형태이다.
+ * popup은 open될 때, viewpart를 append 하며, close 될 때 viewpart를 remove 한다.
+ * - name: '$popup-${popupSequence}'
+ * - position: VIEWPART_POSITION_HEADERBAR
+ * - hovering: 'center' | 'next' | 'edge'
+ */
+var popupSequence = 0;
+/**
+ * default openPopup implementation for operato application environment
+ *
+ * @param {*} template html template to be rendered inside the popup
+ * @param {PopupOptions} options
+ * @returns popup handle object. This object is used to close the popup.
+ */
+function defaultOpenPopup(template, options = {}) {
+    const { title, size = 'large', closable = false, escapable = false, help, hovering, backdrop } = options;
+    const name = `$popup-${popupSequence++}`;
+    render(html `
+      <ox-floating-overlay
+        id=${name}
+        name=${name}
+        .backdrop=${backdrop}
+        direction="down"
+        .hovering=${hovering}
+        .title=${title}
+        .help=${help}
+        .size=${size}
+        .closable=${closable}
+        .historical=${false}
+        >${template}</ox-floating-overlay
+      >
+    `, document.body);
+    requestAnimationFrame(() => {
+        dispatchEvent(new Event('resize'));
+    });
+    const popupHandle = {
+        name,
+        close: () => {
+            const popup = document.body.querySelector(`#${name}`);
+            popup === null || popup === void 0 ? void 0 : popup.close();
+            popupHandle.onclosed && popupHandle.onclosed();
+        },
+        closed: false
+    };
+    return popupHandle;
+}
+var openPopupImpl = defaultOpenPopup;
+/**
+ * replace default openPopup implementation
+ *
+ * @param {(template: TemplateResult, options: PopupOptions) => PopupHandle} implementation
+ */
+export function setOpenPopupImplementation(implementation) {
+    openPopupImpl = implementation;
+}
+/**
+ * open popup out of operato application environment
+ *
+ * @param {*} template html template to be rendered inside the popup
+ * @param {PopupOptions} options
+ * @returns popup handle object. This object is used to close the popup.
+ */
+export const openPopup = (template, options = {}) => {
+    return openPopupImpl(template, options);
+};
+/**
+ * open popup out of operato application environment
+ *
+ * @param {*} template html template to be rendered inside the popup
+ * @param {PopupOptions} options
+ * @returns popup handle object. This object is used to close the popup.
+ */
+export const closePopup = (element) => {
+    element.dispatchEvent(new CustomEvent('close-overlay', {
+        bubbles: true,
+        composed: true
+    }));
+};
+//# sourceMappingURL=open-popup.js.map

package/dist/src/open-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-popup.js","sourceRoot":"","sources":["../../src/open-popup.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAkB,MAAM,KAAK,CAAA;AAyClD;;;;;;;;GAQG;AACH,IAAI,aAAa,GAAG,CAAC,CAAA;AAErB;;;;;;GAMG;AACH,SAAS,gBAAgB,CAAC,QAAwB,EAAE,UAAwB,EAAE;IAC5E,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAA;IACxG,MAAM,IAAI,GAAG,UAAU,aAAa,EAAE,EAAE,CAAA;IAExC,MAAM,CACJ,IAAI,CAAA;;aAEK,IAAI;eACF,IAAI;oBACC,QAAQ;;oBAER,QAAQ;iBACX,KAAK;gBACN,IAAI;gBACJ,IAAI;oBACA,QAAQ;sBACN,KAAK;WAChB,QAAQ;;KAEd,EACD,QAAQ,CAAC,IAAI,CACd,CAAA;IAED,qBAAqB,CAAC,GAAG,EAAE;QACzB,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG;QAClB,IAAI;QACJ,KAAK,EAAE,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,EAAE,CAAsB,CAAA;YAC1E,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,CAAA;YACd,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,QAAQ,EAAE,CAAA;QAChD,CAAC;QACD,MAAM,EAAE,KAAK;KACC,CAAA;IAEhB,OAAO,WAAW,CAAA;AACpB,CAAC;AAED,IAAI,aAAa,GAAqE,gBAAgB,CAAA;AAEtG;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CACxC,cAAgF;IAEhF,aAAa,GAAG,cAAc,CAAA;AAChC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAwB,EAAE,UAAwB,EAAE,EAAe,EAAE;IAC7F,OAAO,aAAa,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;AACzC,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAAoB,EAAQ,EAAE;IACvD,OAAO,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,eAAe,EAAE;QAC/B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACf,CAAC,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["import './ox-floating-overlay.js'\n\nimport { html, render, TemplateResult } from 'lit'\n\nimport { OxFloatingOverlay } from './ox-floating-overlay.js'\n\n/**\n * Options for popup\n *\n * @typedef {Object} PopupOptions\n * @property {String} [title] - popup title\n * @property {'center' | 'next' | 'edge'} [hovering] - hovering position (default: 'center'). 'edge' : edge of the HEADERBAR, 'next' : next of the clicked position.\n * @property {'large' | 'medium' | small'} [size] - popup size\n * @property {Boolean} [closable] - set whether the close 'X' button is shown on top-right most position (default true)\n * @property {Boolean} [escapable] - set whether the close popup with 'ESC' key (default true)\n * @property {Boolean} [backdrop] - set whether to do background masking around the pop-up. If true, it becomes modal (default true)\n */\nexport type PopupOptions = {\n  title?: string\n  hovering?: 'center' | 'next' | 'edge'\n  size?: 'large' | 'medium' | 'small'\n  closable?: boolean\n  escapable?: boolean\n  backdrop?: boolean\n  help?: string\n}\n\n/**\n * Popup handle object that will be returned openPopup\n *\n * @typedef {Object} PopupHandle\n * @property {String} [name] - popup instance name\n * @property {Function} [close] - call this function to close the popup.\n * @property {Boolean} [closed] - state telling whether the popup is closed or not.\n * @property {Function} [onclosed] - set callback function on close. It will be called when the popup about to close.\n */\nexport type PopupHandle = {\n  name: string\n  close: () => void\n  closed: boolean\n  onclosed?: () => void\n}\n\n/*\n * popup handling\n *\n * popup은 overlay의 특별한 형태이다.\n * popup은 open될 때, viewpart를 append 하며, close 될 때 viewpart를 remove 한다.\n * - name: '$popup-${popupSequence}'\n * - position: VIEWPART_POSITION_HEADERBAR\n * - hovering: 'center' | 'next' | 'edge'\n */\nvar popupSequence = 0\n\n/**\n * default openPopup implementation for operato application environment\n *\n * @param {*} template html template to be rendered inside the popup\n * @param {PopupOptions} options\n * @returns popup handle object. This object is used to close the popup.\n */\nfunction defaultOpenPopup(template: TemplateResult, options: PopupOptions = {}): PopupHandle {\n  const { title, size = 'large', closable = false, escapable = false, help, hovering, backdrop } = options\n  const name = `$popup-${popupSequence++}`\n\n  render(\n    html`\n      <ox-floating-overlay\n        id=${name}\n        name=${name}\n        .backdrop=${backdrop}\n        direction=\"down\"\n        .hovering=${hovering}\n        .title=${title}\n        .help=${help}\n        .size=${size}\n        .closable=${closable}\n        .historical=${false}\n        >${template}</ox-floating-overlay\n      >\n    `,\n    document.body\n  )\n\n  requestAnimationFrame(() => {\n    dispatchEvent(new Event('resize'))\n  })\n\n  const popupHandle = {\n    name,\n    close: () => {\n      const popup = document.body.querySelector(`#${name}`) as OxFloatingOverlay\n      popup?.close()\n      popupHandle.onclosed && popupHandle.onclosed()\n    },\n    closed: false\n  } as PopupHandle\n\n  return popupHandle\n}\n\nvar openPopupImpl: (template: TemplateResult, options: PopupOptions) => PopupHandle = defaultOpenPopup\n\n/**\n * replace default openPopup implementation\n *\n * @param {(template: TemplateResult, options: PopupOptions) => PopupHandle} implementation\n */\nexport function setOpenPopupImplementation(\n  implementation: (template: TemplateResult, options: PopupOptions) => PopupHandle\n) {\n  openPopupImpl = implementation\n}\n\n/**\n * open popup out of operato application environment\n *\n * @param {*} template html template to be rendered inside the popup\n * @param {PopupOptions} options\n * @returns popup handle object. This object is used to close the popup.\n */\nexport const openPopup = (template: TemplateResult, options: PopupOptions = {}): PopupHandle => {\n  return openPopupImpl(template, options)\n}\n\n/**\n * open popup out of operato application environment\n *\n * @param {*} template html template to be rendered inside the popup\n * @param {PopupOptions} options\n * @returns popup handle object. This object is used to close the popup.\n */\nexport const closePopup = (element: HTMLElement): void => {\n  element.dispatchEvent(\n    new CustomEvent('close-overlay', {\n      bubbles: true,\n      composed: true\n    })\n  )\n}\n"]}

package/dist/src/ox-floating-overlay.d.ts

@@ -0,0 +1,21 @@
+import '@material/mwc-icon';
+import { LitElement, PropertyValues } from 'lit';
+export declare class OxFloatingOverlay extends LitElement {
+    static styles: import("lit").CSSResult[];
+    backdrop?: boolean;
+    direction?: 'up' | 'down' | 'left' | 'right';
+    hovering?: 'center' | 'edge' | 'next';
+    size?: 'small' | 'medium' | 'large';
+    name?: string;
+    title: string;
+    closable?: boolean;
+    templateProperties: any;
+    help: any;
+    historical?: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    updated(changes: PropertyValues<this>): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    close(): void;
+    onClose(escape?: boolean): true | undefined;
+}