@mhmo91/schmancy 0.2.106 → 0.2.108

package/dist/area.component-nkE9S6b3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"area.component-nkE9S6b3.cjs","sources":["../src/area/area.service.ts","../src/area/router.types.ts","../src/area/area.component.ts"],"sourcesContent":["import { ReplaySubject, Subject, bufferTime, fromEvent, map, of, tap, timeout, zip } from 'rxjs'\nimport { SchmancyTeleportation } from '../teleport'\nimport { ActiveRoute, RouteAction } from './router.types'\n\nexport const routerHistory = new Subject<RouteAction>()\n\nexport const FINDING_MORTIES = 'FINDING_MORTIES'\nexport const HERE_RICKY = 'HERE_RICKY'\nexport type HERE_RICKY_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\nexport type FINDING_MORTIES_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\n\nclass AreaService {\n\tprivate static instance: AreaService\n\tpublic prettyURL = false\n\tpublic mode: 'SILENT' | 'HISTORY' = 'HISTORY'\n\tpublic request = new ReplaySubject<RouteAction>(1)\n\tpublic current = new Map<string, ActiveRoute>()\n\tpublic $current = new ReplaySubject<Map<string, ActiveRoute>>(1)\n\tpublic enableHistoryMode = true\n\tprivate findingMortiesEvent = new CustomEvent<FINDING_MORTIES_EVENT['detail']>(FINDING_MORTIES)\n\n\tconstructor() {\n\t\tthis.$current.next(this.current)\n\t}\n\n\tfind() {\n\t\treturn zip([\n\t\t\tfromEvent<HERE_RICKY_EVENT>(window, HERE_RICKY).pipe(\n\t\t\t\tmap(e => e.detail),\n\t\t\t\tbufferTime(0),\n\t\t\t\ttap(console.log),\n\t\t\t),\n\t\t\tof(1).pipe(tap(() => window.dispatchEvent(this.findingMortiesEvent))),\n\t\t]).pipe(\n\t\t\tmap(([component]) => component),\n\t\t\ttimeout(1),\n\t\t)\n\t}\n\n\tpush(r: RouteAction) {\n\t\tthis.request.next(r)\n\t}\n\n\tpop(name: string) {\n\t\tconst newState = JSON.parse(JSON.stringify(area.state))\n\t\tdelete newState[name]\n\t\tconsole.log(area.state, newState)\n\t\thistory.replaceState(null, '', encodeURIComponent(JSON.stringify(newState)))\n\t}\n\tstatic getInstance() {\n\t\tif (!AreaService.instance) {\n\t\t\tAreaService.instance = new AreaService()\n\t\t}\n\t\treturn AreaService.instance\n\t}\n\n\tget state() {\n\t\tconst pathname = location.pathname.split('/').pop()\n\t\tlet areaState = {}\n\t\ttry {\n\t\t\tareaState = pathname ? JSON.parse(decodeURIComponent(pathname)) : {}\n\t\t} catch {\n\t\t\tareaState = {}\n\t\t}\n\t\treturn areaState\n\t}\n}\n\nexport const area = AreaService.getInstance()\nexport default area\n","export type RouteAction = {\n\tcomponent: CustomElementConstructor | string | HTMLElement\n\tarea: string\n\tstate?: object\n\thistoryStrategy?: THistoryStrategy\n\tclearQueryParams?: string[] | null\n}\n\nexport type ActiveRoute = {\n\tcomponent: string\n\tarea: string\n\tstate?: object\n}\n\nexport type THistoryStrategy = 'push' | 'replace' | 'pop' | 'silent'\n\nexport enum HISTORY_STRATEGY {\n\tpush = 'push',\n\treplace = 'replace',\n\tpop = 'pop',\n\tsilent = 'silent',\n}\n","import { $LitElement } from '@mixins/index'\nimport { TemplateResult, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport {\n\tEMPTY,\n\tbufferTime,\n\tcatchError,\n\tdistinctUntilChanged,\n\tfilter,\n\tfrom,\n\tfromEvent,\n\tmap,\n\tmerge,\n\tof,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimeout,\n} from 'rxjs'\nimport { isPresent } from 'ts-is-present'\nimport area from './area.service'\nimport { HISTORY_STRATEGY, RouteAction } from './router.types'\n\n/**\n * Type describing the route for an area.\n */\ntype TRouteArea = {\n\tcomponent: string\n\tstate: object | undefined\n}\n\n/**\n * Type for a mapping entry. Each mapping specifies a pathname and an array of route definitions.\n * Each route definition contains an area name, a component (or promise/constructor/template),\n * and optionally, a state.\n */\nexport type AreaPathnames = {\n\tpathname: string\n\troutes: Array<{\n\t\tarea: string\n\t\tcomponent: string | Promise<NodeModule> | CustomElementConstructor | TemplateResult<1>\n\t\tstate?: object\n\t}>\n}\n\n@customElement('schmancy-area')\nexport class SchmancyArea extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\tinset: 0;\n\t}\n`) {\n\t/**\n\t * The name of the router outlet.\n\t * @attr\n\t * @type {string}\n\t * @public\n\t * @required\n\t */\n\t@property() name!: string\n\n\t/**\n\t * The default component to use if no matching route is found.\n\t */\n\t@property() default!: string | Promise<NodeModule> | CustomElementConstructor | TemplateResult<1>\n\n\t/**\n\t * An optional array of route mappings that can be passed into the component.\n\t * Each mapping specifies a pathname and an array of routes mapping area names to components.\n\t *\n\t * Example:\n\t * [\n\t *   {\n\t *     pathname: '/home',\n\t *     routes: [\n\t *       { area: 'main', component: 'home-view', state: { foo: 'bar' } },\n\t *       { area: 'sidebar', component: 'menu-view' }\n\t *     ]\n\t *   },\n\t *   {\n\t *     pathname: '/about',\n\t *     routes: [\n\t *       { area: 'main', component: 'about-view' },\n\t *       { area: 'sidebar', component: 'info-view' }\n\t *     ]\n\t *   }\n\t * ]\n\t */\n\t@property({ type: Array })\n\tmappings: AreaPathnames[] = []\n\n\t/**\n\t * New API: Returns an observable emitting a RouteAction based on the passed mappings.\n\t *\n\t * It looks for a mapping that matches the current location’s pathname, then selects\n\t * the route whose area matches this component’s name.\n\t *\n\t * @param mappings - Array of route mapping objects.\n\t * @param historyStrategy - The history strategy to use (e.g. PUSH, REPLACE, SILENT).\n\t * @returns An RxJS Observable that emits a RouteAction.\n\t */\n\tpublic getComponentFromMappings(mappings: AreaPathnames[], historyStrategy: HISTORY_STRATEGY) {\n\t\treturn of(location.pathname).pipe(\n\t\t\tmap(currentPath => {\n\t\t\t\tconst mapping = mappings.find(m => m.pathname === currentPath)\n\t\t\t\tif (!mapping) {\n\t\t\t\t\tthrow new Error(`No mapping found for pathname: ${currentPath}`)\n\t\t\t\t}\n\t\t\t\tconst routeForArea = mapping.routes.find(route => route.area === this.name)\n\t\t\t\tif (!routeForArea) {\n\t\t\t\t\tthrow new Error(`No route found for area: ${this.name} in pathname: ${currentPath}`)\n\t\t\t\t}\n\t\t\t\treturn routeForArea\n\t\t\t}),\n\t\t\tmap(\n\t\t\t\troute =>\n\t\t\t\t\t({\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\tcomponent: route.component || this.default,\n\t\t\t\t\t\tstate: route.state,\n\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t}) as RouteAction,\n\t\t\t),\n\t\t\tcatchError(() =>\n\t\t\t\tthis.default\n\t\t\t\t\t? of({\n\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t: EMPTY,\n\t\t\t),\n\t\t)\n\t}\n\n\t/**\n\t * Existing API: Returns an observable that emits a RouteAction based on the provided pathname.\n\t *\n\t * @param pathname - Pathname from the browser location API.\n\t * @param historyStrategy - The history strategy to use for the route (PUSH, REPLACE, SILENT).\n\t * @returns An observable emitting the RouteAction.\n\t */\n\tgetComponentFromPathname(pathname: string, historyStrategy: HISTORY_STRATEGY) {\n\t\treturn of(pathname).pipe(\n\t\t\tmap(path => path.split('/').pop() ?? ''),\n\t\t\tmap(path => decodeURIComponent(path)),\n\t\t\tmap(path => JSON.parse(path)),\n\t\t\tmap(routes => routes[this.name] as TRouteArea),\n\t\t\tmap(component =>\n\t\t\t\t!component && this.default\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\tstate: undefined,\n\t\t\t\t\t\t}\n\t\t\t\t\t: component,\n\t\t\t),\n\t\t\tfilter(x => isPresent(x)),\n\t\t\tmap((component: TRouteArea) => ({\n\t\t\t\tarea: this.name,\n\t\t\t\tcomponent: component.component ?? this.default,\n\t\t\t\tstate: component.state,\n\t\t\t\thistoryStrategy,\n\t\t\t})),\n\t\t\tmap(x => x as RouteAction),\n\t\t\tcatchError(() => {\n\t\t\t\treturn this.default\n\t\t\t\t\t? of({\n\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t: EMPTY\n\t\t\t}),\n\t\t)\n\t}\n\n\tprotected firstUpdated(): void {\n\t\tif (!this.name) {\n\t\t\t// TODO: maybe enforce this to be unique\n\t\t\tthrow new Error('Area name or default component not set')\n\t\t}\n\n\t\t// The route resolution now checks for a non-empty mappings property.\n\t\t// If mappings are provided, they override the normal parsing logic for the current URL.\n\t\tmerge(\n\t\t\t// 1) Initial load from location.pathname.\n\t\t\tof(location.pathname).pipe(\n\t\t\t\tswitchMap(pathname => {\n\t\t\t\t\tif (this.mappings && this.mappings.length) {\n\t\t\t\t\t\treturn this.getComponentFromMappings(this.mappings, HISTORY_STRATEGY.silent)\n\t\t\t\t\t}\n\t\t\t\t\treturn this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)\n\t\t\t\t}),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) Requests to change the route for this area.\n\t\t\tarea.request.pipe(filter(({ area }) => area === this.name)),\n\t\t\t// 3) Popstate events (back, forward).\n\t\t\tfromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\tmap(e => (e.target as Window).location.pathname),\n\t\t\t\tswitchMap(pathname => {\n\t\t\t\t\tif (this.mappings && this.mappings.length) {\n\t\t\t\t\t\treturn this.getComponentFromMappings(this.mappings, HISTORY_STRATEGY.silent)\n\t\t\t\t\t}\n\t\t\t\t\treturn this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter(request => !!request.component),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdistinctUntilChanged((a, b) => {\n\t\t\t\t\tlet aComponent, bComponent\n\t\t\t\t\tif (typeof a.component === 'function') return false\n\t\t\t\t\telse if (typeof a.component === 'string') aComponent = a.component\n\n\t\t\t\t\tif (typeof b.component === 'function') return false\n\t\t\t\t\telse if (typeof b.component === 'string') bComponent = b.component\n\n\t\t\t\t\treturn bComponent?.replaceAll('-', '').toLowerCase() === aComponent?.replaceAll('-', '').toLowerCase()\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(route => {\n\t\t\t\t\tconst c = route.component\n\t\t\t\t\tif (c instanceof Promise) {\n\t\t\t\t\t\t// Dynamic import module.\n\t\t\t\t\t\treturn from(c).pipe(\n\t\t\t\t\t\t\tmap(x => ({\n\t\t\t\t\t\t\t\tcomponent: x.exports.default as CustomElementConstructor,\n\t\t\t\t\t\t\t\troute,\n\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t)\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Already a string, function, or element.\n\t\t\t\t\t\treturn of({ component: c, route })\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tif (typeof component === 'string') {\n\t\t\t\t\t\t// Tag name.\n\t\t\t\t\t\treturn { component: document.createElement(component), route }\n\t\t\t\t\t} else if (component instanceof HTMLElement) {\n\t\t\t\t\t\t// Already an element instance.\n\t\t\t\t\t\treturn { component, route }\n\t\t\t\t\t} else if (typeof component === 'function') {\n\t\t\t\t\t\t// Custom element constructor.\n\t\t\t\t\t\treturn { component: new component(), route }\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tdistinctUntilChanged((prev, curr) => prev.component.tagName === curr.component.tagName),\n\t\t\t\t// Create the new view and add it to the DOM.\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tconst oldView = this.shadowRoot?.children[0]\n\t\t\t\t\tconst oldViewExists = !!oldView\n\n\t\t\t\t\t// Remove the old view (if any).\n\t\t\t\t\toldView.remove()\n\t\t\t\t\t// Native Web Animations API - fade in.\n\t\t\t\t\tcomponent.classList.add('opacity-0')\n\t\t\t\t\tthis.shadowRoot?.append(component)\n\t\t\t\t\tcomponent.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\t\t\tduration: oldViewExists ? 150 : 100,\n\t\t\t\t\t\teasing: 'cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\treturn { component, route }\n\t\t\t\t}),\n\t\t\t\ttap(({ component, route }) => {\n\t\t\t\t\t// Handle history updates.\n\t\t\t\t\tif (typeof route.historyStrategy === 'undefined' || route.historyStrategy === 'push') {\n\t\t\t\t\t\thistory.pushState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t} else if (route.historyStrategy && ['replace', 'pop'].includes(route.historyStrategy)) {\n\t\t\t\t\t\thistory.replaceState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t}\n\t\t\t\t\tarea.current.set(this.name, {\n\t\t\t\t\t\tcomponent: component.tagName,\n\t\t\t\t\t\tstate: route.state,\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t})\n\n\t\t\t\t\tarea.$current.next(area.current)\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Computes a new URL path for the given component and route.\n\t */\n\tnewPath(tag: string, route: RouteAction) {\n\t\tconst oldPathname = location.pathname.split('/').pop()\n\t\tlet oldAreaState = {}\n\t\ttry {\n\t\t\toldAreaState = oldPathname ? JSON.parse(decodeURIComponent(oldPathname)) : {}\n\t\t} catch {\n\t\t\toldAreaState = {}\n\t\t}\n\t\troute.state = route.state ?? {}\n\t\tconst queryParams = route.clearQueryParams ? this.queryParamClear(route.clearQueryParams) : document.location.search\n\n\t\treturn encodeURIComponent(\n\t\t\tJSON.stringify({\n\t\t\t\t...oldAreaState,\n\t\t\t\t[this.name]: { component: tag.toLowerCase(), state: route.state },\n\t\t\t}),\n\t\t).concat(`${queryParams}`)\n\t}\n\n\t/**\n\t * Removes specified query parameters from the current URL.\n\t */\n\tqueryParamClear(params?: string[]) {\n\t\tif (!params) {\n\t\t\treturn ''\n\t\t}\n\t\t// Get query params from URL.\n\t\tconst urlParams = new URLSearchParams(location.search)\n\t\t// Remove query params.\n\t\tparams.forEach(param => urlParams.delete(param))\n\t\tif (urlParams.toString() === '') return ''\n\t\treturn `?${urlParams.toString()}`\n\t}\n\n\t/**\n\t * Checks for teleportation requests (FLIP_REQUEST events) and dispatches a FLIP_STARTED event.\n\t */\n\tcheckForTeleportationRequests() {\n\t\treturn fromEvent<CustomEvent>(window, 'FLIP_REQUEST').pipe(\n\t\t\tmap(e => e.detail),\n\t\t\tbufferTime(0),\n\t\t\ttap(() => {\n\t\t\t\tthis.dispatchEvent(new CustomEvent('FLIP_STARTED'))\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t\ttimeout(0),\n\t\t\tcatchError(() => of(null)),\n\t\t)\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\trender() {\n\t\treturn html` <slot> </slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-area': SchmancyArea\n\t}\n}\n"],"names":["routerHistory","Subject","FINDING_MORTIES","HERE_RICKY","AreaService","constructor","this","prettyURL","mode","request","ReplaySubject","current","Map","$current","enableHistoryMode","findingMortiesEvent","CustomEvent","next","zip","fromEvent","window","pipe","map","e","detail","bufferTime","tap","console","log","of","dispatchEvent","component","timeout","r","name","newState","JSON","parse","stringify","area","state","history","replaceState","encodeURIComponent","getInstance","instance","pathname","location","split","pop","areaState","decodeURIComponent","HISTORY_STRATEGY","SchmancyArea","$LitElement","css","super","arguments","mappings","historyStrategy","currentPath","mapping","find","m","Error","routeForArea","routes","route","default","catchError","EMPTY","path","filter","x","isPresent","libExports","merge","switchMap","length","getComponentFromMappings","silent","getComponentFromPathname","take","target","takeUntil","disconnecting","distinctUntilChanged","a","b","aComponent","bComponent","replaceAll","toLowerCase","c","Promise","from","exports","document","createElement","HTMLElement","prev","curr","tagName","oldView","shadowRoot","children","oldViewExists","remove","classList","add","append","animate","opacity","duration","easing","fill","pushState","newPath","includes","set","subscribe","tag","oldPathname","oldAreaState","queryParams","clearQueryParams","queryParamClear","search","concat","params","urlParams","URLSearchParams","forEach","param","delete","toString","disconnectedCallback","html","__decorateClass","property","prototype","type","Array","customElement"],"mappings":"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"}

package/dist/outlet-B16Pt3na.js

@@ -1,62 +0,0 @@
-import "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as p } from "./tailwind.mixin-ECkyl80C.js";
-import { html as m } from "lit";
-import { property as u, customElement as d } from "lit/decorators.js";
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, a = (n, e, i, r) => {
-  for (var s, t = r > 1 ? void 0 : r ? f(e, i) : e, o = n.length - 1; o >= 0; o--) (s = n[o]) && (t = (r ? s(e, i, t) : s(t)) || t);
-  return r && t && v(e, i, t), t;
-};
-let c = class extends p() {
-  constructor() {
-    super(...arguments), this.type = "success";
-  }
-  render() {
-    return m`
-			<div
-				class="pointer-events-auto w-full max-w-sm
-               rounded-lg bg-surface-container shadow-lg
-               ring-1 ring-outlineVariant ring-opacity-5 p-3"
-			>
-				<!-- Icon + Text + Close Button, etc. -->
-				<div class="flex items-center">
-					<!-- Icon -->
-					<div class="shrink-0 mr-2">
-						<!-- Show different icons depending on this.type -->
-						<!-- e.g., success, error, etc. -->
-					</div>
-
-					<!-- Text slot -->
-					<div class="flex-1">
-						<slot></slot>
-					</div>
-
-					<!-- Close -->
-					<schmancy-icon-button
-						@click=${() => this.dispatchEvent(new CustomEvent("close"))}
-						variant="outlined"
-						class="ml-2 text-sm"
-						>Close</schmancy-icon-button
-					>
-				</div>
-			</div>
-		`;
-  }
-};
-a([u({ type: String })], c.prototype, "type", 2), c = a([d("schmancy-notification")], c);
-var g = Object.getOwnPropertyDescriptor;
-let l = class extends p() {
-  render() {
-    return m` <slot></slot> `;
-  }
-};
-l = ((n, e, i, r) => {
-  for (var s, t = r > 1 ? void 0 : r ? g(e, i) : e, o = n.length - 1; o >= 0; o--) (s = n[o]) && (t = s(t) || t);
-  return t;
-})([d("schmancy-notification-outlet")], l);
-export {
-  c as S,
-  l as a
-};
-//# sourceMappingURL=outlet-B16Pt3na.js.map

package/dist/outlet-B16Pt3na.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"outlet-B16Pt3na.js","sources":["../src/notification/notification.ts","../src/notification/outlet.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\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\tclass=\"pointer-events-auto w-full max-w-sm\n               rounded-lg bg-surface-container shadow-lg\n               ring-1 ring-outlineVariant ring-opacity-5 p-3\"\n\t\t\t>\n\t\t\t\t<!-- Icon + Text + Close Button, etc. -->\n\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t<!-- Icon -->\n\t\t\t\t\t<div class=\"shrink-0 mr-2\">\n\t\t\t\t\t\t<!-- Show different icons depending on this.type -->\n\t\t\t\t\t\t<!-- e.g., success, error, etc. -->\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<!-- Text slot -->\n\t\t\t\t\t<div class=\"flex-1\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<!-- Close -->\n\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t@click=${() => this.dispatchEvent(new CustomEvent('close'))}\n\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\tclass=\"ml-2 text-sm\"\n\t\t\t\t\t\t>Close</schmancy-icon-button\n\t\t\t\t\t>\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":["SchmancyNotification","TailwindElement","constructor","super","arguments","this","type","render","html","dispatchEvent","CustomEvent","__decorateClass","property","String","prototype","customElement","SchmancyNotificationOutlet"],"mappings":";;;;;;;;;;AAKa,IAAAA,IAAN,cAAmCC;EAAnC,cAAAC;AAAAC,UAAAC,GAAAA,SAAAA,GAE2CC,KAAAC,OAAA;AAAA,EAAA;AAAA,EAEjD,SAAAC;AACQ,WAAAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,eAqBM,MAAMH,KAAKI,cAAc,IAAIC,YAAY,OAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAS;AAAA;AAxBhEC,EAAA,CADCC,EAAS,EAAEN,MAAMO,OADNb,CAAAA,CAAAA,GAAAA,EAEZc,WAAA,QAAA,CAFYd,GAAAA,IAANW,EAAA,CADNI,EAAc,uBACFf,CAAAA,GAAAA,CAAAA;;ACAA,IAAAgB,IAAN,cAAyCf,EAC/C,EAAA;AAAA,EAAA,SACQ;AAAA,WAAAO;AAAAA,EAAA;AAAA;AAFIQ;;;GAAN,CADND,EAAc,8BAAA,CAAA,GACFC;"}

package/dist/outlet-CT1apG_R.cjs

@@ -1,30 +0,0 @@
-"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("./tailwind.mixin-DFM3jd9q.cjs"),u=require("lit"),s=require("lit/decorators.js");var m=Object.defineProperty,d=Object.getOwnPropertyDescriptor,a=(c,e,o,i)=>{for(var r,t=i>1?void 0:i?d(e,o):e,n=c.length-1;n>=0;n--)(r=c[n])&&(t=(i?r(e,o,t):r(t))||t);return i&&t&&m(e,o,t),t};exports.SchmancyNotification=class extends l.TailwindElement(){constructor(){super(...arguments),this.type="success"}render(){return u.html`
-			<div
-				class="pointer-events-auto w-full max-w-sm
-               rounded-lg bg-surface-container shadow-lg
-               ring-1 ring-outlineVariant ring-opacity-5 p-3"
-			>
-				<!-- Icon + Text + Close Button, etc. -->
-				<div class="flex items-center">
-					<!-- Icon -->
-					<div class="shrink-0 mr-2">
-						<!-- Show different icons depending on this.type -->
-						<!-- e.g., success, error, etc. -->
-					</div>
-
-					<!-- Text slot -->
-					<div class="flex-1">
-						<slot></slot>
-					</div>
-
-					<!-- Close -->
-					<schmancy-icon-button
-						@click=${()=>this.dispatchEvent(new CustomEvent("close"))}
-						variant="outlined"
-						class="ml-2 text-sm"
-						>Close</schmancy-icon-button
-					>
-				</div>
-			</div>
-		`}},a([s.property({type:String})],exports.SchmancyNotification.prototype,"type",2),exports.SchmancyNotification=a([s.customElement("schmancy-notification")],exports.SchmancyNotification);var h=Object.getOwnPropertyDescriptor;exports.SchmancyNotificationOutlet=class extends l.TailwindElement(){render(){return u.html` <slot></slot> `}},exports.SchmancyNotificationOutlet=((c,e,o,i)=>{for(var r,t=i>1?void 0:i?h(e,o):e,n=c.length-1;n>=0;n--)(r=c[n])&&(t=r(t)||t);return t})([s.customElement("schmancy-notification-outlet")],exports.SchmancyNotificationOutlet);
-//# sourceMappingURL=outlet-CT1apG_R.cjs.map

package/dist/outlet-CT1apG_R.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"outlet-CT1apG_R.cjs","sources":["../src/notification/notification.ts","../src/notification/outlet.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\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\tclass=\"pointer-events-auto w-full max-w-sm\n               rounded-lg bg-surface-container shadow-lg\n               ring-1 ring-outlineVariant ring-opacity-5 p-3\"\n\t\t\t>\n\t\t\t\t<!-- Icon + Text + Close Button, etc. -->\n\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t<!-- Icon -->\n\t\t\t\t\t<div class=\"shrink-0 mr-2\">\n\t\t\t\t\t\t<!-- Show different icons depending on this.type -->\n\t\t\t\t\t\t<!-- e.g., success, error, etc. -->\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<!-- Text slot -->\n\t\t\t\t\t<div class=\"flex-1\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<!-- Close -->\n\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t@click=${() => this.dispatchEvent(new CustomEvent('close'))}\n\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\tclass=\"ml-2 text-sm\"\n\t\t\t\t\t\t>Close</schmancy-icon-button\n\t\t\t\t\t>\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":["SchmancyNotification","TailwindElement","constructor","super","arguments","this","type","html","dispatchEvent","CustomEvent","__decorateClass","property","String","prototype","customElement","SchmancyNotificationOutlet"],"mappings":"4YAKaA,QAAAA,qBAAN,cAAmCC,EAAAA,kBAAnC,aAAAC,CAAAC,SAAAC,SAE2CC,EAAAA,KAAAC,KAAA,SAAA,CAEjD,QACQ,CAAA,OAAAC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,eAqBM,IAAMF,KAAKG,cAAc,IAAIC,YAAY,OAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAAS,CAAA,EAxBhEC,EAAA,CADCC,WAAS,CAAEL,KAAMM,MADNZ,CAAAA,CAAAA,EAAAA,6BAEZa,UAAA,OAAA,CAFYb,EAAAA,QAANA,qBAAAU,EAAA,CADNI,EAAAA,cAAc,uBACFd,CAAAA,EAAAA,oECAAe,QAAAA,2BAAN,cAAyCd,EAAAA,gBAAAA,CAAAA,CAC/C,QACQ,CAAA,OAAAM,EAAAA,qBAAA,GAFIQ,QAANA,iIAAA,CADND,EAAAA,cAAc,iCACFC"}