@mhmo91/schmancy 0.2.20 → 0.2.22

package/dist/outlet-DuNsi1ZI.js

@@ -1,129 +0,0 @@
-import { Subject as v, buffer as g, debounceTime as h, race as x, fromEvent as y, timer as w } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as m } from "./tailwind.mixin-jeUK-Doz.js";
-import { html as l } from "lit";
-import { property as b, customElement as f } from "lit/decorators.js";
-function a(n, e) {
-  const t = document.createElement("schmancy-notification");
-  return t.setAttribute("type", e), t.innerHTML = n, t;
-}
-const o = new v(), S = { success: (n, e) => {
-  const t = a(n, "success");
-  return o.next({ component: t, config: e }), t;
-}, error: (n, e) => {
-  const t = a(n, "error");
-  return o.next({ component: t, config: e }), t;
-}, warning: (n, e) => {
-  const t = a(n, "warning");
-  return o.next({ component: t, config: e }), t;
-}, info: (n, e) => {
-  const t = a(n, "info");
-  return o.next({ component: t, config: e }), t;
-} };
-o.pipe(g(o.pipe(h(1e3)))).subscribe((n) => {
-  if (n.length > 1) {
-    const e = n[n.length - 1];
-    o.next({ component: e.component, config: e.config });
-  }
-}), o.subscribe(({ component: n, config: e }) => {
-  var t;
-  (t = document.body) == null || t.appendChild(n), x(y(n, "close"), w((e == null ? void 0 : e.duration) ?? 3e3)).subscribe(() => {
-    n.remove();
-  });
-});
-var k = Object.defineProperty, L = Object.getOwnPropertyDescriptor, p = (n, e, t, r) => {
-  for (var i, s = r > 1 ? void 0 : r ? L(e, t) : e, c = n.length - 1; c >= 0; c--) (i = n[c]) && (s = (r ? i(e, t, s) : i(s)) || s);
-  return r && s && k(e, t, s), s;
-};
-let d = class extends m() {
-  constructor() {
-    super(...arguments), this.type = "success";
-  }
-  render() {
-    return l`
-			<div
-				aria-live="assertive"
-				class="pointer-events-none z-100 fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6"
-			>
-				<div class="flex w-full flex-col items-center space-y-4 sm:items-end">
-					<div
-						class="pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5"
-					>
-						<div class="p-2">
-							<div class="flex items-center">
-								<div class="shrink-0">
-									${this.type === "success" ? l` <svg
-												class="h-6 w-6 text-green-400"
-												fill="none"
-												viewBox="0 0 24 24"
-												stroke-width="1.5"
-												stroke="currentColor"
-												aria-hidden="true"
-											>
-												<path
-													stroke-linecap="round"
-													stroke-linejoin="round"
-													d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-												/>
-											</svg>` : l` <svg
-												class="h-6 w-6 text-red-600"
-												fill="none"
-												viewBox="0 0 24 24"
-												stroke-width="1.5"
-												stroke="currentColor"
-												aria-hidden="true"
-											>
-												<path
-													stroke-linecap="round"
-													stroke-linejoin="round"
-													d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
-												/>
-											</svg>`}
-								</div>
-								<div class="ml-3 w-0 flex-1 pt-0.5">
-									<p class=" text-sm text-gray-500">
-										<slot></slot>
-									</p>
-								</div>
-								<div class="ml-4 flex shrink-0">
-									<button
-										type="button"
-										class="inline-flex rounded-md bg-white text-gray-400 hover:text-gray-900 hover:bg-gray-100 hover:rounded-full p-2 focus:outline-hidden focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
-										@click=${() => {
-      this.dispatchEvent(new CustomEvent("close"));
-    }}
-									>
-										<span class="sr-only">Close</span>
-										<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-											<path
-												d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"
-											/>
-										</svg>
-									</button>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		`;
-  }
-};
-p([b({ type: String })], d.prototype, "type", 2), d = p([f("schmancy-notification")], d);
-var j = Object.defineProperty, C = Object.getOwnPropertyDescriptor;
-let u = class extends m() {
-  render() {
-    return l` <slot></slot> `;
-  }
-};
-u = ((n, e, t, r) => {
-  for (var i, s = r > 1 ? void 0 : r ? C(e, t) : e, c = n.length - 1; c >= 0; c--) (i = n[c]) && (s = (r ? i(e, t, s) : i(s)) || s);
-  return r && s && j(e, t, s), s;
-})([f("schmancy-notification-outlet")], u);
-export {
-  S as $,
-  d as S,
-  u as a
-};
-//# sourceMappingURL=outlet-DuNsi1ZI.js.map

package/dist/outlet-DuNsi1ZI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"outlet-DuNsi1ZI.js","sources":["../src/notification/$notification.ts","../src/notification/notification.ts","../src/notification/outlet.ts"],"sourcesContent":["import { Subject, buffer, debounceTime, fromEvent, race, timer } from 'rxjs'\nimport { SchmancyNotification } from './notification'\n\nexport type TNotification = 'success' | 'error' | 'warning' | 'info'\nexport type TNotificationConfig = {\n  action?: typeof Function\n  duration?: number\n}\n\nfunction createNotificationComponent(message, type) {\n  const notificationComponent = document.createElement('schmancy-notification')\n  notificationComponent.setAttribute('type', type)\n  notificationComponent.innerHTML = message\n  return notificationComponent\n}\nconst $notifications = new Subject<{\n  component: SchmancyNotification\n  config?: TNotificationConfig\n}>()\nexport const $notify = {\n  success: (message: string, config?: TNotificationConfig) => {\n    const component = createNotificationComponent(message, 'success')\n    $notifications.next({ component, config })\n    return component\n  },\n  error: (message: string, config?: TNotificationConfig) => {\n    const component = createNotificationComponent(message, 'error')\n    $notifications.next({ component, config })\n    return component\n  },\n  warning: (message: string, config?: TNotificationConfig) => {\n    const component = createNotificationComponent(message, 'warning')\n    $notifications.next({ component, config })\n    return component\n  },\n  info: (message: string, config?: TNotificationConfig) => {\n    const component = createNotificationComponent(message, 'info')\n    $notifications.next({ component, config })\n    return component\n  }\n}\n\n$notifications.pipe(buffer($notifications.pipe(debounceTime(1000)))).subscribe((notifications) => {\n  if (notifications.length > 1) {\n    const notification = notifications[notifications.length - 1]\n    $notifications.next({ component: notification.component, config: notification.config })\n  }\n})\n$notifications.subscribe(({ component, config }) => {\n  document.body?.appendChild(component)\n  race(fromEvent(component, 'close'), timer(config?.duration ?? 3000)).subscribe(() => {\n    component.remove()\n  })\n})\n","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n@customElement('schmancy-notification')\nexport class SchmancyNotification extends TailwindElement() {\n\t@property({ type: String })\n\ttype: 'success' | 'error' | 'warning' | 'info' = 'success'\n\n\trender() {\n\t\treturn html`\n\t\t\t<div\n\t\t\t\taria-live=\"assertive\"\n\t\t\t\tclass=\"pointer-events-none z-100 fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6\"\n\t\t\t>\n\t\t\t\t<div class=\"flex w-full flex-col items-center space-y-4 sm:items-end\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"p-2\">\n\t\t\t\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t\t\t\t<div class=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t${this.type === 'success'\n\t\t\t\t\t\t\t\t\t\t? html` <svg\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"h-6 w-6 text-green-400\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</svg>`\n\t\t\t\t\t\t\t\t\t\t: html` <svg\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"h-6 w-6 text-red-600\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</svg>`}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"ml-3 w-0 flex-1 pt-0.5\">\n\t\t\t\t\t\t\t\t\t<p class=\" text-sm text-gray-500\">\n\t\t\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"ml-4 flex shrink-0\">\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass=\"inline-flex rounded-md bg-white text-gray-400 hover:text-gray-900 hover:bg-gray-100 hover:rounded-full p-2 focus:outline-hidden focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2\"\n\t\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">Close</span>\n\t\t\t\t\t\t\t\t\t\t<svg class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-notification': SchmancyNotification\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-notification-outlet')\nexport class SchmancyNotificationOutlet extends TailwindElement() {\n\trender() {\n\t\treturn html` <slot></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-notification-outlet': SchmancyNotificationOutlet\n\t}\n}\n"],"names":["createNotificationComponent","message","type","notificationComponent","document","createElement","setAttribute","innerHTML","$notifications","Subject","$notify","success","config","component","next","error","warning","info","pipe","buffer","debounceTime","subscribe","notifications","length","notification","body","appendChild","race","fromEvent","timer","duration","remove","SchmancyNotification","TailwindElement","super","arguments","this","html","dispatchEvent","CustomEvent","__decorateClass","property","String","prototype","customElement","SchmancyNotificationOutlet"],"mappings":";;;;;;AASA,SAASA,EAA4BC,GAASC,GAAAA;AACtC,QAAAC,IAAwBC,SAASC,cAAc,uBAG9C;AAAA,SAFeF,EAAAG,aAAa,QAAQJ,CAC3CC,GAAAA,EAAsBI,YAAYN,GAC3BE;AACT;AACA,MAAMK,IAAiB,IAAIC,KAIdC,IAAU,EACrBC,SAAS,CAACV,GAAiBW,MAAAA;AACnB,QAAAC,IAAYb,EAA4BC,GAAS,SAEhD;AAAA,SADPO,EAAeM,KAAK,EAAED,WAAAA,GAAWD,QAC1BC,EAAAA,CAAAA,GAAAA;AAAA,GAETE,OAAO,CAACd,GAAiBW,MAAAA;AACjB,QAAAC,IAAYb,EAA4BC,GAAS,OAAA;AAEhD,SADPO,EAAeM,KAAK,EAAED,cAAWD,QAC1BC,EAAAA,CAAAA,GAAAA;AAAA,GAETG,SAAS,CAACf,GAAiBW,MACnB;AAAA,QAAAC,IAAYb,EAA4BC,GAAS,SAAA;AAEhD,SADPO,EAAeM,KAAK,EAAED,WAAAA,GAAWD,QAC1BC,EAAAA,CAAAA,GAAAA;AAAA,GAETI,MAAM,CAAChB,GAAiBW,MAAAA;AAChB,QAAAC,IAAYb,EAA4BC,GAAS;AAEhD,SADPO,EAAeM,KAAK,EAAED,WAAWD,GAAAA,QAAAA,EAAAA,CAAAA,GAC1BC;AAAA,EAAA;AAIXL,EAAeU,KAAKC,EAAOX,EAAeU,KAAKE,EAAa,QAASC,UAAWC,CAAAA,MAAAA;AAC1E,MAAAA,EAAcC,SAAS,GAAG;AAC5B,UAAMC,IAAeF,EAAcA,EAAcC,SAAS,CAAA;AAC3Cf,IAAAA,EAAAM,KAAK,EAAED,WAAWW,EAAaX,WAAWD,QAAQY,EAAaZ,OAAAA,CAAAA;AAAAA,EAAQ;AAG1FJ,CAAAA,GAAAA,EAAea,UAAU,CAAA,EAAGR,WAAWD,GAAAA,QAAAA,EAAAA,MAAAA;;AAC5BR,GAAAA,IAAAA,SAAAqB,SAAArB,QAAAA,EAAMsB,YAAYb,IACtBc,EAAAC,EAAUf,GAAW,UAAUgB,GAAMjB,KAAAA,gBAAAA,EAAQkB,aAAY,GAAA,CAAA,EAAOT,UAAU,MAAA;AAC7ER,IAAAA,EAAUkB,OAAO;AAAA,EAAA,CAAA;AAClB;;;;;AChDU,IAAAC,IAAN,cAAmCC,EAAnC,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SAE2CC,GAAAA,KAAAlC,OAAA;AAAA,EAAA;AAAA,EAEjD,SACQ;AAAA,WAAAmC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,WAYED,KAAKlC,SAAS,YACbmC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,qBAcAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;;;;;;;;;;;mBAwBO,MAAA;AACRD,WAAKE,cAAc,IAAIC,YAAY,OAAQ,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAC3C;AAAA;AAxDVC,EAAA,CADCC,EAAS,EAAEvC,MAAMwC,OAAAA,CAAAA,CAAAA,GADNV,EAEZW,WAAA,QAAA,CAFYX,GAAAA,IAANQ,EAAA,CADNI,EAAc,2BACFZ;;ACCA,IAAAa,IAAN,cAAyCZ,EAC/C,EAAA;AAAA,EAAA;AACQ,WAAAI;AAAAA,EAAA;AAAA;AAFIQ;;;GAAN,CADND,EAAc,8BACFC,CAAAA,GAAAA,CAAAA;"}