@ganpatiinfo/gids-core-web 3.1.0 → 4.0.0

package/dist-bundled/es/gids-icon.js

@@ -1,200 +1,16 @@
-import { u as S, p as l, c as x, g as _, E as a } from "./p-CgujYzVX-xo1axnk6.js";
-import { h as z, o as E, g as h } from "./assets-Drv1fXkA.js";
-import { c as G } from "./clsx-OuTLNxxd.js";
-const g = {
-  "icons-other.svg": [
-    "accessibility",
-    "announcement",
-    "approval",
-    "archive",
-    "audio",
-    "backward",
-    "banking",
-    "battery",
-    "bluetooth",
-    "bookmark",
-    "bulb",
-    "calendar",
-    "camera",
-    "card",
-    "cart",
-    "chart",
-    "chat",
-    "cloud",
-    "code",
-    "compass",
-    "desktop",
-    "email",
-    "emergency",
-    "exchange",
-    "finance",
-    "fingerprint",
-    "flag",
-    "folder",
-    "forward",
-    "gift",
-    "globe",
-    "goals",
-    "happy",
-    "hashtag",
-    "headphones",
-    "history",
-    "image",
-    "insurance",
-    "investment",
-    "key",
-    "link",
-    "list",
-    "location",
-    "lock",
-    "map",
-    "maximise",
-    "microphone",
-    "minimise",
-    "mobile",
-    "moon",
-    "network",
-    "neutral",
-    "new",
-    "new-chat",
-    "pause",
-    "percent",
-    "placeholder",
-    "play",
-    "power",
-    "rain",
-    "refresh",
-    "repeat",
-    "sad",
-    "save",
-    "savings",
-    "shield",
-    "shuffle",
-    "side-navigation",
-    "snow",
-    "speaker",
-    "stop",
-    "sun",
-    "tablet",
-    "temperature",
-    "thumbs-down",
-    "thumbs-up",
-    "travel",
-    "trend-down",
-    "trend-up",
-    "unlock",
-    "upset",
-    "verified",
-    "very-happy",
-    "video",
-    "volume-down",
-    "volume-max",
-    "volume-min",
-    "volume-mute",
-    "volume-up",
-    "wallet",
-    "wealth",
-    "wi-fi",
-    "wind"
-  ],
-  "icons-core.svg": [
-    "arrow-down",
-    "arrow-left",
-    "arrow-right",
-    "arrow-up",
-    "attachment",
-    "checkmark",
-    "chevron-down",
-    "chevron-horizontal",
-    "chevron-left",
-    "chevron-right",
-    "chevron-up",
-    "chevron-vertical",
-    "copy",
-    "cross",
-    "danger",
-    "dashboard",
-    "delete",
-    "document",
-    "download",
-    "drag",
-    "edit",
-    "external",
-    "eye",
-    "filter",
-    "grid",
-    "hide",
-    "home",
-    "information",
-    "log-in",
-    "log-out",
-    "menu",
-    "minus",
-    "more",
-    "notifications",
-    "options",
-    "phone",
-    "plus",
-    "positive",
-    "printer",
-    "question",
-    "search",
-    "select",
-    "select-all",
-    "send",
-    "settings",
-    "share",
-    "star",
-    "time",
-    "upload",
-    "user",
-    "users",
-    "warning"
-  ]
-}, m = /* @__PURE__ */ new Map();
-for (const e in g)
-  for (const t of g[e])
-    m.set(t, e);
-function C(e) {
-  return m.get(e);
-}
-function u(e, t = "regular", i) {
-  const s = C(e);
-  let n = s ?? "";
-  return i && s && (n = i(s) ?? s), `${n}#${e}${t === "filled" ? "--filled" : ""}`;
-}
-const P = ({ size: e }, t) => G("gids-icon", {
-  "gids-icon--xs": e === "xs",
-  "gids-icon--sm": e === "sm",
-  "gids-icon--md": e === "md",
-  "gids-icon--lg": e === "lg"
-}, t), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getGidsIconClassNames: P
-}, Symbol.toStringTag, { value: "Module" }));
-let A = 0;
-const N = (e, t = "gids") => e || `${t}-${A++}`, { getGidsIconClassNames: M } = $, j = ({ name: e, size: t, appearance: i, alt: s, class: n, titleId: v, src: w, ...b }) => {
-  const r = N(v);
-  let o = w;
-  return o === void 0 && z() && (o = u(e, i, h)), a("svg", { ref: (y) => {
-    o === void 0 && E((() => {
-      (function(c, I, k) {
-        if (!c) return;
-        const d = document.createElementNS("http://www.w3.org/2000/svg", "use");
-        d.setAttribute("href", u(I, k, h)), c.appendChild(d);
-      })(y, e, i);
-    }));
-  }, width: "16", height: "16", class: M({ size: t }, n), role: "img", "aria-hidden": s === "" ? "true" : void 0, "aria-labelledby": s === "" ? void 0 : r, ...b }, s !== "" && a("title", { id: r }, s || e), o !== void 0 ? a("use", { href: o }) : null);
-}, p = S(class extends x {
-  constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.__attachShadow();
+import { C as o, H as t, f as d, R as a } from "./p-ibikYq-w-BsGxk8ro.js";
+import { i as n } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { d as c } from "./p-veoOgDXg-DElc87c0.js";
+const e = o(class extends d {
+  constructor(i) {
+    super(), i !== !1 && this.__registerHost(), this.__attachShadow();
   }
   connectedCallback() {
-    const e = _();
-    e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e);
+    const i = n();
+    i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
   }
   render() {
-    return a(j, { key: "2459cf3111612150342d5a57574fd61157a9c591", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
+    return a(c, { key: "b3a3cfcc04ab9526dd924d24df2ad992a2018ffc", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
   }
   get _el() {
     return this;
@@ -203,14 +19,14 @@ const N = (e, t = "gids") => e || `${t}-${A++}`, { getGidsIconClassNames: M } =
     return ".gids-icon{fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%)}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}";
   }
 }, [1, "gids-icon", { name: [1], size: [1], appearance: [1], alt: [1], titleId: [1, "title-id"] }]);
-function f() {
-  typeof customElements < "u" && ["gids-icon"].forEach(((e) => {
-    e === "gids-icon" && (customElements.get(l(e)) || customElements.define(l(e), p));
+function s() {
+  typeof customElements < "u" && ["gids-icon"].forEach(((i) => {
+    i === "gids-icon" && (customElements.get(t(i)) || customElements.define(t(i), e));
   }));
 }
-f();
-const B = p, H = f;
+s();
+const l = e, m = s;
 export {
-  B as GidsIcon,
-  H as defineCustomElement
+  l as GidsIcon,
+  m as defineCustomElement
 };

package/dist-bundled/es/gids-input.js

@@ -0,0 +1,6 @@
+import { l as s, r } from "./p-RqpjvEHh-BGGYsIBf.js";
+const e = s, o = r;
+export {
+  e as GidsInput,
+  o as defineCustomElement
+};

package/dist-bundled/es/gids-notification.js

@@ -0,0 +1,31 @@
+import { C as e, f as s, H as i } from "./p-ibikYq-w-BsGxk8ro.js";
+import { e as a } from "./p-CVtNa0cL-sSVeJsR3.js";
+const o = e(class extends s {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.pronunciation = "standard", this.appearance = "default", this.show = !1, this.position = "top-right";
+  }
+  async showNotification() {
+    const t = a(this._el);
+    t && this.show && t.queueComponent({ notificationTitle: this.notificationTitle, message: this.message, pronunciation: this.pronunciation, appearance: this.appearance, buttonLabel: this.buttonLabel, onButtonClick: this.onButtonClick, position: this.position, componentName: "notification", timerInMs: this.timerInMs }), this.onQueueNotification && this.onQueueNotification(), this.show = !1;
+  }
+  render() {
+    return null;
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { show: [{ showNotification: 0 }] };
+  }
+}, [1, "gids-notification", { notificationTitle: [513, "notification-title"], message: [513], pronunciation: [513], appearance: [513], show: [516], onQueueNotification: [16], buttonLabel: [513, "button-label"], position: [513], timerInMs: [514, "timer-in-ms"], onButtonClick: [16] }, void 0, { show: [{ showNotification: 0 }] }]);
+function n() {
+  typeof customElements < "u" && ["gids-notification"].forEach(((t) => {
+    t === "gids-notification" && (customElements.get(i(t)) || customElements.define(i(t), o));
+  }));
+}
+n();
+const r = o, u = n;
+export {
+  r as GidsNotification,
+  u as defineCustomElement
+};

package/dist-bundled/es/gids-overlay-provider.js

@@ -0,0 +1,209 @@
+import { C as k, f as y, R as o, L as w, H as f } from "./p-ibikYq-w-BsGxk8ro.js";
+import { i as x } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { e as N, n as g } from "./p-CVtNa0cL-sSVeJsR3.js";
+import { d as p } from "./p-veoOgDXg-DElc87c0.js";
+import { a as u } from "./p-CWdkmFbc-D89ZE8Mi.js";
+import { c as h } from "./clsx-OuTLNxxd.js";
+const Q = ({ appearance: t }, e) => h("gids-snackbar-container", {
+  // 'gids-snackbar-container--appearance-default': appearance === 'default' // its a default
+  "gids-snackbar-container--appearance-information": t === "information",
+  "gids-snackbar-container--appearance-success": t === "success",
+  "gids-snackbar-container--appearance-warning": t === "warning",
+  "gids-snackbar-container--appearance-error": t === "error"
+}, e), S = (t) => {
+  if (t)
+    switch (t) {
+      case "information":
+        return "information";
+      case "warning":
+        return "warning";
+      case "error":
+        return "danger";
+      case "success":
+        return "positive";
+      default:
+        return;
+    }
+}, j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsSnackbarContainerClassNames: Q,
+  getSnackbarContainerIconNames: S
+}, Symbol.toStringTag, { value: "Module" })), b = (t) => {
+  switch (t) {
+    case "bottom-left":
+      return "component-enter-bottom-left";
+    case "bottom-right":
+      return "component-enter-bottom-right";
+    case "middle-left":
+      return "component-enter-middle-left";
+    case "middle-right":
+      return "component-enter-middle-right";
+    case "top-center":
+      return "component-enter-top-center";
+    case "top-left":
+      return "component-enter-top-left";
+    case "top-right":
+      return "component-enter-top-right";
+    default:
+      return "component-enter-bottom-center";
+  }
+}, v = (t) => {
+  switch (t) {
+    case "bottom-left":
+      return "component-exit-bottom-left";
+    case "bottom-right":
+      return "component-exit-bottom-right";
+    case "middle-left":
+      return "component-exit-middle-left";
+    case "middle-right":
+      return "component-exit-middle-right";
+    case "top-center":
+      return "component-exit-top-center";
+    case "top-left":
+      return "component-exit-top-left";
+    case "top-right":
+      return "component-exit-top-right";
+    default:
+      return "component-exit-bottom-center";
+  }
+}, P = ({ position: t, id: e, exitingComponents: n }) => n.includes(e) ? v(t) : b(t), M = ({ position: t }) => {
+  switch (t) {
+    case "bottom-left":
+      return "common-component-stack component-stack-bottom-left";
+    case "bottom-right":
+      return "common-component-stack component-stack-bottom-right";
+    case "middle-left":
+      return "common-component-stack component-stack-middle-left";
+    case "middle-right":
+      return "common-component-stack component-stack-middle-right";
+    case "top-center":
+      return "common-component-stack component-stack-top-center";
+    case "top-left":
+      return "common-component-stack component-stack-top-left";
+    case "top-right":
+      return "common-component-stack component-stack-top-right";
+    default:
+      return "common-component-stack component-stack-bottom-center";
+  }
+}, O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getComponentClasses: P,
+  getComponentEntryClasses: b,
+  getComponentExitClasses: v,
+  getComponentStackClasses: M
+}, Symbol.toStringTag, { value: "Module" })), T = ({ appearance: t }, e) => h("gids-notification-container", {
+  // 'gids-notification-container--appearance-default': appearance === 'default' // its a default
+  "gids-notification-container--appearance-information": t === "information",
+  "gids-notification-container--appearance-success": t === "success",
+  "gids-notification-container--appearance-warning": t === "warning",
+  "gids-notification-container--appearance-error": t === "error"
+}, e), I = (t) => {
+  if (t)
+    switch (t) {
+      case "information":
+        return "information";
+      case "warning":
+        return "warning";
+      case "error":
+        return "danger";
+      case "success":
+        return "positive";
+      default:
+        return;
+    }
+}, q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsNotificationContainerClassNames: T,
+  getNotificationContainerIconNames: I
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSnackbarContainerClassNames: z, getSnackbarContainerIconNames: L } = j, R = ({ appearance: t = "default", children: e, button: n, class: i, ...a }) => {
+  const r = L(t);
+  return o("div", { ...a, class: z({ appearance: t }, i) }, o("div", { class: "gids-snackbar-container__content" }, t !== "default" && r != null ? o(p, { name: r, alt: "", appearance: "filled", size: "md", class: "gids-snackbar-container__icon" }) : null, typeof e == "string" ? o("p", null, e) : e), n);
+}, { getGidsNotificationContainerClassNames: X, getNotificationContainerIconNames: Y } = q, E = ({ notificationTitle: t, children: e, button: n, appearance: i = "default", pronunciation: a = "standard", onCloseNotificationClick: r, class: s, ...m }) => {
+  const c = Y(i);
+  return o("div", { class: X({ appearance: i }, s), ...m }, i !== "default" && c ? o("div", { class: "gids-notification-container__leading-icon-wrapper" }, o(p, { size: "md", name: c, alt: "", appearance: "filled" })) : null, o("div", { class: "gids-notification-container__content-wrapper" }, o("div", { class: "gids-notification-container__top-content" }, o("div", { class: "gids-notification-container__text-content" }, t != null && t !== "" ? o("span", { class: "gids-notification-container__title" }, t) : null, e ? typeof e == "string" ? o("p", null, e) : e : null), a === "standard" ? o("div", { class: "gids-notification-container__cross-btn-wrapper" }, o(u, { size: "sm", appearance: "subtle", width: "intrinsic", leadingIcon: o(p, { name: "cross", size: "md", appearance: "regular" }), onClick: r })) : null), n ? o("div", { class: "gids-notification-container__bottom-content" }, n) : null));
+}, { getComponentClasses: B, getComponentStackClasses: G } = O, _ = k(class extends y {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this._parentOverlayProvider = null, this._componentQueue = [], this._allowedComponentQueue = [], this._exitingComponents = [], this._renderSnackbar = (e, n) => {
+      const { id: i, message: a, appearance: r, buttonLabel: s, onButtonClick: m } = e;
+      return console.log("_renderSnackbar_called"), o(R, { key: i, class: n, children: a, appearance: r, button: s != null && s !== "" ? o(u, { appearance: "subtle", onClick: m }, s) : void 0 });
+    }, this._renderNotification = (e, n) => {
+      const { id: i, notificationTitle: a, message: r, pronunciation: s, appearance: m, buttonLabel: c, onButtonClick: l, timerInMs: d } = e;
+      return o(E, { key: i, class: n, notificationTitle: a, children: r, pronunciation: s, appearance: m, onCloseNotificationClick: () => this.removeComponent(e, d || 0, !0), button: c != null && c !== "" ? o(u, { appearance: "default", size: "sm", onClick: l }, c) : void 0 });
+    }, this._renderComponent = (e) => {
+      const { componentName: n, position: i = "bottom-center", id: a } = e, r = B({ position: i, id: a, exitingComponents: this._exitingComponents });
+      return console.log("_renderComponent_called", n), n == null || n === "snackbar" ? this._renderSnackbar(e, r) : n === "notification" ? this._renderNotification(e, r) : null;
+    };
+  }
+  connectedCallback() {
+    const t = x();
+    t !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(t), this._parentOverlayProvider = N(this._el);
+  }
+  _isRoot() {
+    return this._parentOverlayProvider === null;
+  }
+  async getRootOverlayProvider() {
+    return this._isRoot() ? this._el : this._parentOverlayProvider;
+  }
+  autoHide(t) {
+    return new Promise(((e) => {
+      const n = setTimeout((() => (clearTimeout(n), e({ isTimeout: !0 }))), t);
+    }));
+  }
+  async _queueSnackbar(t) {
+    const { appearance: e, message: n, buttonLabel: i, onButtonClick: a, position: r, componentName: s, ...m } = t, c = { id: "" + (Date.now() + Math.random()), message: n, appearance: e, buttonLabel: i, onButtonClick: a, position: r, componentName: s, ...m };
+    console.log("component_1", c), this._componentQueue = [...this._componentQueue, c], this.processSingleComponentQueue();
+  }
+  async _queueNotification(t) {
+    const { appearance: e, notificationTitle: n, pronunciation: i, message: a, buttonLabel: r, onButtonClick: s, position: m, componentName: c, ...l } = t, d = { id: "" + (Date.now() + Math.random()), notificationTitle: n, message: a, pronunciation: i, appearance: e, buttonLabel: r, onButtonClick: s, position: m, componentName: c, ...l };
+    this._componentQueue = [...this._componentQueue, d], this.processMultiComponentQueue();
+  }
+  async queueComponent(t) {
+    if (await this._isRoot()) {
+      const { componentName: e } = t;
+      e != null && e !== "snackbar" || this._queueSnackbar(t), e === "notification" && this._queueNotification(t);
+    } else (await this.getRootOverlayProvider()).queueComponent(t);
+  }
+  async removeComponent(t, e, n) {
+    return n || await this.autoHide(e), this._exitingComponents = [...this._exitingComponents, t.id], new Promise(((i) => {
+      setTimeout((() => {
+        this._componentQueue = this._componentQueue.filter(((a) => a.id !== t.id)), this._exitingComponents = this._exitingComponents.filter(((a) => a !== t.id)), this._allowedComponentQueue = [], i();
+      }), 500);
+    }));
+  }
+  async processSingleComponentQueue() {
+    if (this._componentQueue.length === 0) return;
+    const t = this._componentQueue[0];
+    if (!t) return;
+    this._allowedComponentQueue = [t], await new Promise(((n) => requestAnimationFrame((() => n()))));
+    const e = g({ componentName: t?.componentName ?? "snackbar", timerInMs: t?.timerInMs ?? 0 });
+    await this.removeComponent(t, e, !1), this.processSingleComponentQueue();
+  }
+  async processMultiComponentQueue() {
+    const t = this._componentQueue;
+    t.length !== 0 && (this._allowedComponentQueue = t, await new Promise(((e) => requestAnimationFrame((() => e())))), this._allowedComponentQueue.map((async (e) => {
+      const n = g({ componentName: e?.componentName ?? "snackbar", timerInMs: e?.timerInMs ?? 0 });
+      await this.removeComponent(e, n, !1);
+    })), this.processMultiComponentQueue());
+  }
+  render() {
+    const t = this._allowedComponentQueue[0]?.position || "bottom-center";
+    return o(w, { key: "41dc60790fe64bf9e0daa2da5fd6c39f30d8ceac" }, o("slot", { key: "a480a4344336cbbf75ac3bc771c9416d27d9d742" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+  }
+  get _el() {
+    return this;
+  }
+  static get style() {
+    return ".common-component-stack{display:flex;flex-direction:column;position:fixed;gap:var(--gids-gap-200);min-width:var(--gids-width-2-xs);max-width:var(--gids-width-md);width:100%}.component-stack-bottom-left{justify-self:left;bottom:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-right{justify-self:right;bottom:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-left{top:50%;justify-self:left;align-self:center;left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-middle-right{top:50%;justify-self:right;align-self:center;right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-center{justify-self:center;top:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-left{justify-self:left;top:var(--gids-padding-vertical-edge-to-element-250);left:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-top-right{justify-self:right;top:var(--gids-padding-vertical-edge-to-element-250);right:var(--gids-padding-vertical-edge-to-element-250)}.component-stack-bottom-center{justify-self:center;bottom:var(--gids-padding-vertical-edge-to-element-250)}.component-enter-bottom-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-middle-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-center{animation-name:slide-up-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-left{animation-name:left-to-right-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-top-right{animation-name:right-to-left-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-enter-bottom-center{animation-name:slide-up-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-middle-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-center{animation-name:slide-down-visible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-left{animation-name:right-to-left-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-top-right{animation-name:left-to-right-invisible;animation-duration:0.3s;animation-fill-mode:forwards}.component-exit-bottom-center{animation-name:slide-down-invisible;animation-duration:0.3s;animation-fill-mode:forwards}@keyframes slide-up-visible{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-invisible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100%)}}@keyframes slide-up-invisible{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down-visible{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@keyframes left-to-right-visible{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes right-to-left-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}@keyframes right-to-left-visible{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes left-to-right-invisible{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}";
+  }
+}, [257, "gids-overlay-provider", { _componentQueue: [32], _allowedComponentQueue: [32], _exitingComponents: [32], queueComponent: [64] }]);
+function C() {
+  typeof customElements < "u" && ["gids-overlay-provider"].forEach(((t) => {
+    t === "gids-overlay-provider" && (customElements.get(f(t)) || customElements.define(f(t), _));
+  }));
+}
+C();
+const K = _, U = C;
+export {
+  K as GidsOverlayProvider,
+  U as defineCustomElement
+};