@flipdish/ui-library 0.44.0 → 0.45.0

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+/**
+ * Fired on a side panel, bubbling, as it starts covering the page below `lg`. A DOM event rather than context, so it
+ * reaches an overlay in another React root, as a host's panel reaches a micro-frontend's slideout.
+ */
+const PAGE_COVER_EVENT = 'fd-page-cover';
+/**
+ * Announces that a panel has started covering the page.
+ *
+ * @param panel The panel now covering the page.
+ */
+const dispatchPageCover = (panel) => {
+    panel.dispatchEvent(new CustomEvent(PAGE_COVER_EVENT, { bubbles: true }));
+};
+/**
+ * Listens for any panel starting to cover the page.
+ *
+ * @param listener Runs on each cover.
+ * @returns Stops listening.
+ */
+const subscribePageCover = (listener) => {
+    document.addEventListener(PAGE_COVER_EVENT, listener);
+    return () => document.removeEventListener(PAGE_COVER_EVENT, listener);
+};
+
+exports.PAGE_COVER_EVENT = PAGE_COVER_EVENT;
+exports.dispatchPageCover = dispatchPageCover;
+exports.subscribePageCover = subscribePageCover;
+//# sourceMappingURL=pageCover.utils.cjs.map

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageCover.utils.cjs","sources":["../../../../src/utilities/__internal__/pageCoverUtils/pageCover.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;AAGG;AACI,MAAM,gBAAgB,GAAG;AAEhC;;;;AAIG;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAkB,KAAU;AAC5D,IAAA,KAAK,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC3E;AAEA;;;;;AAKG;AACI,MAAM,kBAAkB,GAAG,CAAC,QAAoB,KAAkB;AACvE,IAAA,QAAQ,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC;IACrD,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC;AACvE;;;;"}

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Fired on a side panel, bubbling, as it starts covering the page below `lg`. A DOM event rather than context, so it
+ * reaches an overlay in another React root, as a host's panel reaches a micro-frontend's slideout.
+ */
+export declare const PAGE_COVER_EVENT = "fd-page-cover";
+/**
+ * Announces that a panel has started covering the page.
+ *
+ * @param panel The panel now covering the page.
+ */
+export declare const dispatchPageCover: (panel: HTMLElement) => void;
+/**
+ * Listens for any panel starting to cover the page.
+ *
+ * @param listener Runs on each cover.
+ * @returns Stops listening.
+ */
+export declare const subscribePageCover: (listener: () => void) => (() => void);
+//# sourceMappingURL=pageCover.utils.d.ts.map

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageCover.utils.d.ts","sourceRoot":"","sources":["../../../../src/utilities/__internal__/pageCoverUtils/pageCover.utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,gBAAgB,kBAAkB,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,WAAW,KAAG,IAEtD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAGpE,CAAC"}

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.js

@@ -0,0 +1,26 @@
+/**
+ * Fired on a side panel, bubbling, as it starts covering the page below `lg`. A DOM event rather than context, so it
+ * reaches an overlay in another React root, as a host's panel reaches a micro-frontend's slideout.
+ */
+const PAGE_COVER_EVENT = 'fd-page-cover';
+/**
+ * Announces that a panel has started covering the page.
+ *
+ * @param panel The panel now covering the page.
+ */
+const dispatchPageCover = (panel) => {
+    panel.dispatchEvent(new CustomEvent(PAGE_COVER_EVENT, { bubbles: true }));
+};
+/**
+ * Listens for any panel starting to cover the page.
+ *
+ * @param listener Runs on each cover.
+ * @returns Stops listening.
+ */
+const subscribePageCover = (listener) => {
+    document.addEventListener(PAGE_COVER_EVENT, listener);
+    return () => document.removeEventListener(PAGE_COVER_EVENT, listener);
+};
+
+export { PAGE_COVER_EVENT, dispatchPageCover, subscribePageCover };
+//# sourceMappingURL=pageCover.utils.js.map

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageCover.utils.js","sources":["../../../../src/utilities/__internal__/pageCoverUtils/pageCover.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;AAGG;AACI,MAAM,gBAAgB,GAAG;AAEhC;;;;AAIG;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAkB,KAAU;AAC5D,IAAA,KAAK,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC3E;AAEA;;;;;AAKG;AACI,MAAM,kBAAkB,GAAG,CAAC,QAAoB,KAAkB;AACvE,IAAA,QAAQ,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC;IACrD,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC;AACvE;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/ui-library",
-  "version": "0.44.0",
+  "version": "0.45.0",
   "description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
   "type": "module",
   "imports": {