@mhmo91/schmancy 0.3.2 → 0.3.6

package/types/src/dialog/dialog-service.d.ts

@@ -19,6 +19,7 @@ export interface DialogOptions {
     onConfirm?: () => void;
     onCancel?: () => void;
     hideActions?: boolean;
+    targetContainer?: HTMLElement;
 }
 /**
  * Dialog service for centralized dialog management.
@@ -29,11 +30,21 @@ export declare class DialogService {
     private static DEFAULT_OPTIONS;
     private activeDialogs;
     private activeRawDialogs;
+    private dialogSubject;
+    private dismissSubject;
     private constructor();
     /**
      * Get the singleton instance
      */
     static getInstance(): DialogService;
+    /**
+     * Sets up the main dialog opening logic using RxJS pipes
+     */
+    private setupDialogOpeningLogic;
+    /**
+     * Sets up the dialog dismissal logic
+     */
+    private setupDialogDismissLogic;
     /**
      * Show a confirmation dialog
      * @returns Promise that resolves to true (confirm) or false (cancel)

package/types/src/dialog/dialog.component.d.ts

@@ -6,6 +6,10 @@ declare const SchmancyDialog_base: CustomElementConstructor & import("@mixins/in
  * @slot default - Content slot for dialog body
  */
 export declare class SchmancyDialog extends SchmancyDialog_base {
+    /**
+     * Unique identifier for the dialog instance
+     */
+    uid: string;
     /**
      * Current position of the dialog
      */
@@ -47,6 +51,14 @@ export declare class SchmancyDialog extends SchmancyDialog_base {
      * Handle component disconnection from DOM
      */
     disconnectedCallback(): void;
+    /**
+     * Handle component connection to DOM
+     */
+    connectedCallback(): void;
+    /**
+     * Announce this dialog's presence to the service
+     */
+    private announcePresence;
     /**
      * Handle lifecycle callback when dialog is first rendered
      */

package/types/src/layout/flex/flex.d.ts

@@ -1,4 +1,14 @@
 import Layout from '../layout';
+/**
+ * @deprecated Use Tailwind CSS flex classes directly instead of this component.
+ * This component will be removed in a future version.
+ *
+ * Migration guide:
+ * - Replace <schmancy-flex> with <div class="flex ...">
+ * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.
+ *
+ * @element schmancy-flex
+ */
 export declare class SchmancyFlex extends Layout {
     static styles: any[];
     layout: boolean;

package/types/src/layout/grid/grid.d.ts

@@ -1,4 +1,14 @@
 import Layout from '../layout';
+/**
+ * @deprecated Use Tailwind CSS grid classes directly instead of this component.
+ * This component will be removed in a future version.
+ *
+ * Migration guide:
+ * - Replace <schmancy-grid> with <div class="grid ...">
+ * - Use Tailwind's grid utilities: grid-cols-*, gap-*, items-*, justify-items-*, etc.
+ *
+ * @element schmancy-grid
+ */
 export declare class SchmancyGrid extends Layout {
     static styles: any[];
     layout: boolean;

package/types/src/layout/layout.d.ts

@@ -1,4 +1,14 @@
 declare const Layout_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * @deprecated Use Tailwind CSS utility classes directly on HTML elements instead of this base class.
+ * This component will be removed in a future version.
+ *
+ * Migration guide:
+ * - Use inline styles or Tailwind utility classes for layout properties
+ * - Replace properties like padding, margin, width, etc. with their CSS equivalents
+ *
+ * @class Layout
+ */
 export default class Layout extends Layout_base {
     static styles: any;
     layout: boolean;

package/types/src/layout/v2/flex.d.ts

@@ -1,5 +1,14 @@
 import Layout from '../layout';
 /**
+ * @deprecated Use Tailwind CSS flex classes directly instead of this component.
+ * This component will be removed in a future version.
+ *
+ * Migration guide:
+ * - Replace <sch-flex> with <div class="flex ...">
+ * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.
+ *
+ * Original documentation:
+ *
  * SchmancyFlex exposes a flex container with all the Tailwind CSS 4 options:
  *
  * - **Display**: By default uses `flex` but can be set to inline using the `inline` property.

package/dist/boat-D6RMa9wL.js

@@ -1,95 +0,0 @@
-import "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { $ as l } from "./litElement.mixin-DCTPuIQ4.js";
-import "./tailwind.mixin-BPIDvfDe.js";
-import { css as p, html as o } from "lit";
-import { property as h, customElement as d } from "lit/decorators.js";
-import { when as u } from "lit/directives/when.js";
-var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, m = (s, t, n, e) => {
-  for (var r, a = e > 1 ? void 0 : e ? y(t, n) : t, i = s.length - 1; i >= 0; i--) (r = s[i]) && (a = (e ? r(t, n, a) : r(a)) || a);
-  return e && a && f(t, n, a), a;
-};
-let c = class extends l(p`
-    @media (min-width: 1024px) {
-        .translate-y-full-minus-64 {
-            /* translate to left 0 */
-            transform: translateY(calc(100% - 64px)) !important;
-        }
-    }
-    @media (max-width: 1024px) {
-        .translate-y-full-minus-64 {
-            /* translate to left 0 */
-            transform: translateY(calc(100% - 64px)) !important;
-        }
-    }
-
-    .translate-y-full-minus-64 {
-        transform: translateY(calc(100% - 64px)) !important;
-        -webkit-transform: translateY(calc(100% - 64px)) !important;
-    }
-
-    .translate-y-full {
-        transform: translateY(100%) !important;
-        -webkit-transform: translateY(100%) !important;
-    }
-
-    .translate-y-0 {
-        transform: translateY(0) !important;
-        -webkit-transform: translateY(0) !important;
-    }
-`) {
-  constructor() {
-    super(...arguments), this.state = "hidden";
-  }
-  toggleState() {
-    this.state = this.state === "minimized" ? "expanded" : "minimized", this.dispatchEvent(new CustomEvent("change", { detail: this.state, bubbles: !0, composed: !0 }));
-  }
-  render() {
-    const s = { "shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto": !0, "translate-y-full-minus-64": this.state === "minimized", "translate-y-full": this.state === "hidden", "translate-y-0": this.state === "expanded" };
-    return o`
-            <schmancy-grid rows="auto 1fr" class="${this.classMap(s)}">
-                <section class="sticky top-0 z-10">
-                    <schmancy-surface
-                        elevation="4"
-                        class="cursor-pointer"
-                        @click=${() => {
-      this.state = this.state === "minimized" ? "expanded" : "minimized", this.dispatchEvent(new CustomEvent("change", { detail: this.state, bubbles: !0, composed: !0 }));
-    }}
-                        rounded="top"
-                        elevation="1"
-                        type="containerLowest"
-                    >
-                        <schmancy-grid
-                            cols="auto 1fr auto auto"
-                            content="center"
-                            justify="stretch"
-                            class="sticky top-0 px-4 py-3"
-                            gap="md"
-                        >
-                            <slot name="header"></slot>
-                            <span></span>
-
-                            <schmancy-button
-                                variant="filled tonal"
-                                @click=${(t) => {
-      t.preventDefault(), t.stopPropagation(), this.toggleState();
-    }}
-                            >
-                                ${u(this.state === "minimized", () => o`<schmancy-icon>expand</schmancy-icon>`, () => o`<schmancy-icon>hide</schmancy-icon>`)}
-                            </schmancy-button>
-                        </schmancy-grid>
-                    </schmancy-surface>
-                </section>
-                <schmancy-surface .hidden=${this.state !== "expanded"} type="containerLow" class="z-0 flex-1">
-                    <slot></slot>
-                </schmancy-surface>
-            </schmancy-grid>
-        `;
-  }
-};
-m([h({ type: String, reflect: !0 })], c.prototype, "state", 2), c = m([d("schmancy-boat")], c);
-export {
-  c as S
-};
-//# sourceMappingURL=boat-D6RMa9wL.js.map

package/dist/boat-D6RMa9wL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"boat-D6RMa9wL.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { $LitElement } from '../../mixins'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends $LitElement(css`\n    @media (min-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n    @media (max-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n\n    .translate-y-full-minus-64 {\n        transform: translateY(calc(100% - 64px)) !important;\n        -webkit-transform: translateY(calc(100% - 64px)) !important;\n    }\n\n    .translate-y-full {\n        transform: translateY(100%) !important;\n        -webkit-transform: translateY(100%) !important;\n    }\n\n    .translate-y-0 {\n        transform: translateY(0) !important;\n        -webkit-transform: translateY(0) !important;\n    }\n`) {\n    @property({\n        type: String,\n        reflect: true,\n    })\n    state: 'hidden' | 'minimized' | 'expanded' = 'hidden'\n\n    toggleState() {\n        this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n        this.dispatchEvent(\n            new CustomEvent('change', {\n                detail: this.state,\n                bubbles: true,\n                composed: true,\n            }),\n        )\n    }\n    protected render(): unknown {\n        const classes = {\n            'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto':\n                true,\n            'translate-y-full-minus-64': this.state === 'minimized',\n            'translate-y-full': this.state === 'hidden',\n            'translate-y-0': this.state === 'expanded',\n        }\n        return html`\n            <schmancy-grid rows=\"auto 1fr\" class=\"${this.classMap(classes)}\">\n                <section class=\"sticky top-0 z-10\">\n                    <schmancy-surface\n                        elevation=\"4\"\n                        class=\"cursor-pointer\"\n                        @click=${() => {\n                            this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n                            this.dispatchEvent(\n                                new CustomEvent('change', {\n                                    detail: this.state,\n                                    bubbles: true,\n                                    composed: true,\n                                }),\n                            )\n                        }}\n                        rounded=\"top\"\n                        elevation=\"1\"\n                        type=\"containerLowest\"\n                    >\n                        <schmancy-grid\n                            cols=\"auto 1fr auto auto\"\n                            content=\"center\"\n                            justify=\"stretch\"\n                            class=\"sticky top-0 px-4 py-3\"\n                            gap=\"md\"\n                        >\n                            <slot name=\"header\"></slot>\n                            <span></span>\n\n                            <schmancy-button\n                                variant=\"filled tonal\"\n                                @click=${(e: Event) => {\n                                    e.preventDefault()\n                                    e.stopPropagation()\n                                    this.toggleState()\n                                }}\n                            >\n                                ${when(\n                                    this.state === 'minimized',\n                                    () => html`<schmancy-icon>expand</schmancy-icon>`,\n                                    () => html`<schmancy-icon>hide</schmancy-icon>`,\n                                )}\n                            </schmancy-button>\n                        </schmancy-grid>\n                    </schmancy-surface>\n                </section>\n                <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n                    <slot></slot>\n                </schmancy-surface>\n            </schmancy-grid>\n        `\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-boat': SchmancyBoat\n    }\n}"],"names":["SchmancyBoat","$LitElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":";;;;;;;;;;;;AAMqB,IAAAA,IAArB,cAA0CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAAtD,cAAAC;AAAAC,aAAAC,SAiCiDC,GAAAA,KAAAC,QAAA;AAAA,EAAA;AAAA,EAE7C,cAAAC;AACIF,SAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aAClDD,KAAAG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,aACAC,UAAAA;EAER;AAAA,EAEM;AACN,UAAMC,IAAU,EACZ,qLAAA,IAEA,6BAA6BR,KAAKC,UAAU,aAC5C,oBAAoBD,KAAKC,UAAU,UACnC,iBAAiBD,KAAKC,UAAU,WAE7B;AAAA,WAAAQ;AAAAA,oDACqCT,KAAKU,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKjC,MAAA;AACLR,WAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aAClDD,KAAAG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAS,IACTC,aAER,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAkBcI,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACFb,KAAKE,YAAY;AAAA,IAAA,CAAA;AAAA;AAAA,kCAGnBY,EACEd,KAAKC,UAAU,aACf,MAAMQ,0CACN,MAAMA,sCAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAMET,KAAKC,UAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAoB;AAAA;AAnEjEc,EAAA,CAJCC,EAAS,EACNC,MAAMC,QACNC,SAAS,GAAA,CAAA,CAAA,GA/BIzB,EAiCjB0B,WAAA,SAAA,CAjCiB1B,GAAAA,IAArBqB,EAAA,CADCM,EAAc,mBACM3B;"}

package/dist/boat-DeEs020x.cjs

@@ -1,64 +0,0 @@
-"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const m=require("./litElement.mixin-DcYItU_Y.cjs");require("./tailwind.mixin-DWvvleWP.cjs");const n=require("lit"),c=require("lit/decorators.js"),h=require("lit/directives/when.js");var d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(e,t,r,s)=>{for(var i,a=s>1?void 0:s?p(t,r):t,o=e.length-1;o>=0;o--)(i=e[o])&&(a=(s?i(t,r,a):i(a))||a);return s&&a&&d(t,r,a),a};exports.SchmancyBoat=class extends m.$LitElement(n.css`
-    @media (min-width: 1024px) {
-        .translate-y-full-minus-64 {
-            /* translate to left 0 */
-            transform: translateY(calc(100% - 64px)) !important;
-        }
-    }
-    @media (max-width: 1024px) {
-        .translate-y-full-minus-64 {
-            /* translate to left 0 */
-            transform: translateY(calc(100% - 64px)) !important;
-        }
-    }
-
-    .translate-y-full-minus-64 {
-        transform: translateY(calc(100% - 64px)) !important;
-        -webkit-transform: translateY(calc(100% - 64px)) !important;
-    }
-
-    .translate-y-full {
-        transform: translateY(100%) !important;
-        -webkit-transform: translateY(100%) !important;
-    }
-
-    .translate-y-0 {
-        transform: translateY(0) !important;
-        -webkit-transform: translateY(0) !important;
-    }
-`){constructor(){super(...arguments),this.state="hidden"}toggleState(){this.state=this.state==="minimized"?"expanded":"minimized",this.dispatchEvent(new CustomEvent("change",{detail:this.state,bubbles:!0,composed:!0}))}render(){const e={"shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto":!0,"translate-y-full-minus-64":this.state==="minimized","translate-y-full":this.state==="hidden","translate-y-0":this.state==="expanded"};return n.html`
-            <schmancy-grid rows="auto 1fr" class="${this.classMap(e)}">
-                <section class="sticky top-0 z-10">
-                    <schmancy-surface
-                        elevation="4"
-                        class="cursor-pointer"
-                        @click=${()=>{this.state=this.state==="minimized"?"expanded":"minimized",this.dispatchEvent(new CustomEvent("change",{detail:this.state,bubbles:!0,composed:!0}))}}
-                        rounded="top"
-                        elevation="1"
-                        type="containerLowest"
-                    >
-                        <schmancy-grid
-                            cols="auto 1fr auto auto"
-                            content="center"
-                            justify="stretch"
-                            class="sticky top-0 px-4 py-3"
-                            gap="md"
-                        >
-                            <slot name="header"></slot>
-                            <span></span>
-
-                            <schmancy-button
-                                variant="filled tonal"
-                                @click=${t=>{t.preventDefault(),t.stopPropagation(),this.toggleState()}}
-                            >
-                                ${h.when(this.state==="minimized",()=>n.html`<schmancy-icon>expand</schmancy-icon>`,()=>n.html`<schmancy-icon>hide</schmancy-icon>`)}
-                            </schmancy-button>
-                        </schmancy-grid>
-                    </schmancy-surface>
-                </section>
-                <schmancy-surface .hidden=${this.state!=="expanded"} type="containerLow" class="z-0 flex-1">
-                    <slot></slot>
-                </schmancy-surface>
-            </schmancy-grid>
-        `}},l([c.property({type:String,reflect:!0})],exports.SchmancyBoat.prototype,"state",2),exports.SchmancyBoat=l([c.customElement("schmancy-boat")],exports.SchmancyBoat);
-//# sourceMappingURL=boat-DeEs020x.cjs.map

package/dist/boat-DeEs020x.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"boat-DeEs020x.cjs","sources":["../src/boat/boat.ts"],"sourcesContent":["import { $LitElement } from '../../mixins'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends $LitElement(css`\n    @media (min-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n    @media (max-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n\n    .translate-y-full-minus-64 {\n        transform: translateY(calc(100% - 64px)) !important;\n        -webkit-transform: translateY(calc(100% - 64px)) !important;\n    }\n\n    .translate-y-full {\n        transform: translateY(100%) !important;\n        -webkit-transform: translateY(100%) !important;\n    }\n\n    .translate-y-0 {\n        transform: translateY(0) !important;\n        -webkit-transform: translateY(0) !important;\n    }\n`) {\n    @property({\n        type: String,\n        reflect: true,\n    })\n    state: 'hidden' | 'minimized' | 'expanded' = 'hidden'\n\n    toggleState() {\n        this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n        this.dispatchEvent(\n            new CustomEvent('change', {\n                detail: this.state,\n                bubbles: true,\n                composed: true,\n            }),\n        )\n    }\n    protected render(): unknown {\n        const classes = {\n            'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto':\n                true,\n            'translate-y-full-minus-64': this.state === 'minimized',\n            'translate-y-full': this.state === 'hidden',\n            'translate-y-0': this.state === 'expanded',\n        }\n        return html`\n            <schmancy-grid rows=\"auto 1fr\" class=\"${this.classMap(classes)}\">\n                <section class=\"sticky top-0 z-10\">\n                    <schmancy-surface\n                        elevation=\"4\"\n                        class=\"cursor-pointer\"\n                        @click=${() => {\n                            this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n                            this.dispatchEvent(\n                                new CustomEvent('change', {\n                                    detail: this.state,\n                                    bubbles: true,\n                                    composed: true,\n                                }),\n                            )\n                        }}\n                        rounded=\"top\"\n                        elevation=\"1\"\n                        type=\"containerLowest\"\n                    >\n                        <schmancy-grid\n                            cols=\"auto 1fr auto auto\"\n                            content=\"center\"\n                            justify=\"stretch\"\n                            class=\"sticky top-0 px-4 py-3\"\n                            gap=\"md\"\n                        >\n                            <slot name=\"header\"></slot>\n                            <span></span>\n\n                            <schmancy-button\n                                variant=\"filled tonal\"\n                                @click=${(e: Event) => {\n                                    e.preventDefault()\n                                    e.stopPropagation()\n                                    this.toggleState()\n                                }}\n                            >\n                                ${when(\n                                    this.state === 'minimized',\n                                    () => html`<schmancy-icon>expand</schmancy-icon>`,\n                                    () => html`<schmancy-icon>hide</schmancy-icon>`,\n                                )}\n                            </schmancy-button>\n                        </schmancy-grid>\n                    </schmancy-surface>\n                </section>\n                <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n                    <slot></slot>\n                </schmancy-surface>\n            </schmancy-grid>\n        `\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-boat': SchmancyBoat\n    }\n}"],"names":["SchmancyBoat","$LitElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","render","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":"ieAMqBA,QAAAA,aAArB,cAA0CC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAtD,aAAAC,CAAAC,SAAAC,SAiCiDC,EAAAA,KAAAC,MAAA,QAAA,CAE7C,aAAAC,CACIF,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YAClDD,KAAAG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,WACAC,SAAAA,EAER,CAAA,CAAA,CAAA,CAEM,QAAAC,CACN,MAAMC,EAAU,CACZ,oLACI,GACJ,4BAA6BT,KAAKC,QAAU,YAC5C,mBAAoBD,KAAKC,QAAU,SACnC,gBAAiBD,KAAKC,QAAU,UAAVA,EAEnB,OAAAS,EAAAA;AAAAA,oDACqCV,KAAKW,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKjC,IAAA,CACLT,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YAClDD,KAAAG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAS,GACTC,WAER,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAkBcK,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,gBAAAA,EACFd,KAAKE,YAAY,CAAA,CAAA;AAAA;AAAA,kCAGnBa,EAAAA,KACEf,KAAKC,QAAU,YACf,IAAMS,EAAAA,4CACN,IAAMA,EAAAA,yCAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAMEV,KAAKC,QAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA,SAAoB,CAnEjEe,EAAAA,EAAA,CAJCC,WAAS,CACNC,KAAMC,OACNC,UA/Ba1B,CAAAA,CAAAA,EAAAA,qBAiCjB2B,UAAA,QAAA,GAjCiB3B,QAArBA,aAAAsB,EAAA,CADCM,EAAAA,cAAc,eAAA,CAAA,EACM5B"}

package/dist/date-range-B0CSi1D6.cjs

@@ -1,121 +0,0 @@
-"use strict";const W=require("@floating-ui/dom"),J=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const ct=require("./litElement.mixin-DcYItU_Y.cjs");require("./tailwind.mixin-DWvvleWP.cjs");const ot=require("./_commonjsHelpers-k2hpEU-q.cjs"),H=require("lit"),S=require("lit/decorators.js"),Z=require("lit/directives/if-defined.js");var at,rt={exports:{}},ut=(at||(at=1,rt.exports=function(){var t=1e3,n=6e4,e=36e5,d="millisecond",g="second",c="minute",o="hour",p="day",x="week",R="month",Q="quarter",Y="year",P="date",w="Invalid Date",f=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,U=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,I={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(u){var s=["th","st","nd","rd"],a=u%100;return"["+u+(s[(a-20)%10]||s[a]||s[0])+"]"}},D=function(u,s,a){var i=String(u);return!i||i.length>=s?u:""+Array(s+1-i.length).join(a)+u},dt={s:D,z:function(u){var s=-u.utcOffset(),a=Math.abs(s),i=Math.floor(a/60),r=a%60;return(s<=0?"+":"-")+D(i,2,"0")+":"+D(r,2,"0")},m:function u(s,a){if(s.date()<a.date())return-u(a,s);var i=12*(a.year()-s.year())+(a.month()-s.month()),r=s.clone().add(i,R),h=a-r<0,l=s.clone().add(i+(h?-1:1),R);return+(-(i+(a-r)/(h?r-l:l-r))||0)},a:function(u){return u<0?Math.ceil(u)||0:Math.floor(u)},p:function(u){return{M:R,y:Y,w:x,d:p,D:P,h:o,m:c,s:g,ms:d,Q}[u]||String(u||"").toLowerCase().replace(/s$/,"")},u:function(u){return u===void 0}},L="en",C={};C[L]=I;var tt="$isDayjsObject",K=function(u){return u instanceof z||!(!u||!u[tt])},N=function u(s,a,i){var r;if(!s)return L;if(typeof s=="string"){var h=s.toLowerCase();C[h]&&(r=h),a&&(C[h]=a,r=h);var l=s.split("-");if(!r&&l.length>1)return u(l[0])}else{var v=s.name;C[v]=s,r=v}return!i&&r&&(L=r),r||!i&&L},$=function(u,s){if(K(u))return u.clone();var a=typeof s=="object"?s:{};return a.date=u,a.args=arguments,new z(a)},y=dt;y.l=N,y.i=K,y.w=function(u,s){return $(u,{locale:s.$L,utc:s.$u,x:s.$x,$offset:s.$offset})};var z=function(){function u(a){this.$L=N(a.locale,null,!0),this.parse(a),this.$x=this.$x||a.x||{},this[tt]=!0}var s=u.prototype;return s.parse=function(a){this.$d=function(i){var r=i.date,h=i.utc;if(r===null)return new Date(NaN);if(y.u(r))return new Date;if(r instanceof Date)return new Date(r);if(typeof r=="string"&&!/Z$/i.test(r)){var l=r.match(f);if(l){var v=l[2]-1||0,b=(l[7]||"0").substring(0,3);return h?new Date(Date.UTC(l[1],v,l[3]||1,l[4]||0,l[5]||0,l[6]||0,b)):new Date(l[1],v,l[3]||1,l[4]||0,l[5]||0,l[6]||0,b)}}return new Date(r)}(a),this.init()},s.init=function(){var a=this.$d;this.$y=a.getFullYear(),this.$M=a.getMonth(),this.$D=a.getDate(),this.$W=a.getDay(),this.$H=a.getHours(),this.$m=a.getMinutes(),this.$s=a.getSeconds(),this.$ms=a.getMilliseconds()},s.$utils=function(){return y},s.isValid=function(){return this.$d.toString()!==w},s.isSame=function(a,i){var r=$(a);return this.startOf(i)<=r&&r<=this.endOf(i)},s.isAfter=function(a,i){return $(a)<this.startOf(i)},s.isBefore=function(a,i){return this.endOf(i)<$(a)},s.$g=function(a,i,r){return y.u(a)?this[i]:this.set(r,a)},s.unix=function(){return Math.floor(this.valueOf()/1e3)},s.valueOf=function(){return this.$d.getTime()},s.startOf=function(a,i){var r=this,h=!!y.u(i)||i,l=y.p(a),v=function(_,T){var q=y.w(r.$u?Date.UTC(r.$y,T,_):new Date(r.$y,T,_),r);return h?q:q.endOf(p)},b=function(_,T){return y.w(r.toDate()[_].apply(r.toDate("s"),(h?[0,0,0,0]:[23,59,59,999]).slice(T)),r)},O=this.$W,k=this.$M,F=this.$D,A="set"+(this.$u?"UTC":"");switch(l){case Y:return h?v(1,0):v(31,11);case R:return h?v(1,k):v(0,k+1);case x:var j=this.$locale().weekStart||0,E=(O<j?O+7:O)-j;return v(h?F-E:F+(6-E),k);case p:case P:return b(A+"Hours",0);case o:return b(A+"Minutes",1);case c:return b(A+"Seconds",2);case g:return b(A+"Milliseconds",3);default:return this.clone()}},s.endOf=function(a){return this.startOf(a,!1)},s.$set=function(a,i){var r,h=y.p(a),l="set"+(this.$u?"UTC":""),v=(r={},r[p]=l+"Date",r[P]=l+"Date",r[R]=l+"Month",r[Y]=l+"FullYear",r[o]=l+"Hours",r[c]=l+"Minutes",r[g]=l+"Seconds",r[d]=l+"Milliseconds",r)[h],b=h===p?this.$D+(i-this.$W):i;if(h===R||h===Y){var O=this.clone().set(P,1);O.$d[v](b),O.init(),this.$d=O.set(P,Math.min(this.$D,O.daysInMonth())).$d}else v&&this.$d[v](b);return this.init(),this},s.set=function(a,i){return this.clone().$set(a,i)},s.get=function(a){return this[y.p(a)]()},s.add=function(a,i){var r,h=this;a=Number(a);var l=y.p(i),v=function(k){var F=$(h);return y.w(F.date(F.date()+Math.round(k*a)),h)};if(l===R)return this.set(R,this.$M+a);if(l===Y)return this.set(Y,this.$y+a);if(l===p)return v(1);if(l===x)return v(7);var b=(r={},r[c]=n,r[o]=e,r[g]=t,r)[l]||1,O=this.$d.getTime()+a*b;return y.w(O,this)},s.subtract=function(a,i){return this.add(-1*a,i)},s.format=function(a){var i=this,r=this.$locale();if(!this.isValid())return r.invalidDate||w;var h=a||"YYYY-MM-DDTHH:mm:ssZ",l=y.z(this),v=this.$H,b=this.$m,O=this.$M,k=r.weekdays,F=r.months,A=r.meridiem,j=function(T,q,V,B){return T&&(T[q]||T(i,h))||V[q].slice(0,B)},E=function(T){return y.s(v%12||12,T,"0")},_=A||function(T,q,V){var B=T<12?"AM":"PM";return V?B.toLowerCase():B};return h.replace(U,function(T,q){return q||function(V){switch(V){case"YY":return String(i.$y).slice(-2);case"YYYY":return y.s(i.$y,4,"0");case"M":return O+1;case"MM":return y.s(O+1,2,"0");case"MMM":return j(r.monthsShort,O,F,3);case"MMMM":return j(F,O);case"D":return i.$D;case"DD":return y.s(i.$D,2,"0");case"d":return String(i.$W);case"dd":return j(r.weekdaysMin,i.$W,k,2);case"ddd":return j(r.weekdaysShort,i.$W,k,3);case"dddd":return k[i.$W];case"H":return String(v);case"HH":return y.s(v,2,"0");case"h":return E(1);case"hh":return E(2);case"a":return _(v,b,!0);case"A":return _(v,b,!1);case"m":return String(b);case"mm":return y.s(b,2,"0");case"s":return String(i.$s);case"ss":return y.s(i.$s,2,"0");case"SSS":return y.s(i.$ms,3,"0");case"Z":return l}return null}(T)||l.replace(":","")})},s.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},s.diff=function(a,i,r){var h,l=this,v=y.p(i),b=$(a),O=(b.utcOffset()-this.utcOffset())*n,k=this-b,F=function(){return y.m(l,b)};switch(v){case Y:h=F()/12;break;case R:h=F();break;case Q:h=F()/3;break;case x:h=(k-O)/6048e5;break;case p:h=(k-O)/864e5;break;case o:h=k/e;break;case c:h=k/n;break;case g:h=k/t;break;default:h=k}return r?h:y.a(h)},s.daysInMonth=function(){return this.endOf(R).$D},s.$locale=function(){return C[this.$L]},s.locale=function(a,i){if(!a)return this.$L;var r=this.clone(),h=N(a,i,!0);return h&&(r.$L=h),r},s.clone=function(){return y.w(this.$d,this)},s.toDate=function(){return new Date(this.valueOf())},s.toJSON=function(){return this.isValid()?this.toISOString():null},s.toISOString=function(){return this.$d.toISOString()},s.toString=function(){return this.$d.toUTCString()},u}(),et=z.prototype;return $.prototype=et,[["$ms",d],["$s",g],["$m",c],["$H",o],["$W",p],["$M",R],["$y",Y],["$D",P]].forEach(function(u){et[u[1]]=function(s){return this.$g(s,u[0],u[1])}}),$.extend=function(u,s){return u.$i||(u(s,z,$),u.$i=!0),$},$.locale=N,$.isDayjs=K,$.unix=function(u){return $(1e3*u)},$.en=C[L],$.Ls=C,$.p={},$}()),rt.exports);const m=ot.getDefaultExportFromCjs(ut);var st,nt={exports:{}},G,X,ht=st?nt.exports:(st=1,nt.exports=(G="month",X="quarter",function(t,n){var e=n.prototype;e.quarter=function(c){return this.$utils().u(c)?Math.ceil((this.month()+1)/3):this.month(this.month()%3+3*(c-1))};var d=e.add;e.add=function(c,o){return c=Number(c),this.$utils().p(o)===X?this.add(3*c,G):d.bind(this)(c,o)};var g=e.startOf;e.startOf=function(c,o){var p=this.$utils(),x=!!p.u(o)||o;if(p.p(c)===X){var R=this.quarter()-1;return x?this.month(3*R).startOf(G).startOf("day"):this.month(3*R+2).endOf(G).endOf("day")}return g.bind(this)(c,o)}}));const lt=ot.getDefaultExportFromCjs(ht);function it(t,n){if(!t)return null;const e=m(t);return e.isValid()?e.format(n):null}var mt=Object.defineProperty,ft=Object.getOwnPropertyDescriptor,M=(t,n,e,d)=>{for(var g,c=d>1?void 0:d?ft(n,e):n,o=t.length-1;o>=0;o--)(g=t[o])&&(c=(d?g(n,e,c):g(c))||c);return d&&c&&mt(n,e,c),c};m.extend(lt),exports.SchmancyDateRange=class extends ct.$LitElement(){constructor(){super(...arguments),this.type="date",this.dateFrom={label:"From",value:""},this.dateTo={label:"To",value:""},this.customPresets=[],this.disabled=!1,this.required=!1,this.placeholder="Select date range",this.clearable=!0,this.isOpen=!1,this.selectedDateRange="",this.activePreset=null,this.presetRanges=[],this.presetCategories=[]}connectedCallback(){super.connectedCallback(),this.initPresetRanges();const t=this.getDateFormat(),n=function(e,d,g){const c=it(e,g),o=it(d,g);return{dateFrom:c,dateTo:o,isValid:c!==null&&o!==null}}(this.dateFrom.value,this.dateTo.value,t);if(n.isValid)this.dateFrom.value=n.dateFrom,this.dateTo.value=n.dateTo,this.updateSelectedDateRange();else{const e=m().format(t);this.dateFrom.value=e,this.dateTo.value=e,this.updateSelectedDateRange()}this.setupEventHandlers()}setupEventHandlers(){J.fromEvent(document,"click").pipe(J.takeUntil(this.disconnecting)).subscribe(t=>{!(this.isOpen&&t.target instanceof Node)||this.contains(t.target)||this.dropdownRef&&this.dropdownRef.contains(t.target)||this.closeDropdown()}),J.fromEvent(document,"keydown").pipe(J.takeUntil(this.disconnecting)).subscribe(t=>{this.isOpen&&t.key==="Escape"&&(this.closeDropdown(),t.preventDefault())})}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.cleanupPositioner)==null||t.call(this)}updated(t){var n,e,d;super.updated(t),!t.has("dateFrom")&&!t.has("dateTo")||((n=this.dateFrom)==null?void 0:n.value)===void 0&&((e=this.dateTo)==null?void 0:e.value)===void 0||this.updateSelectedDateRange(),t.has("isOpen")&&(this.isOpen?requestAnimationFrame(()=>{this.setupDropdownPosition()}):(d=this.cleanupPositioner)==null||d.call(this))}setupDropdownPosition(){this.triggerRef&&this.dropdownRef&&(this.cleanupPositioner=W.autoUpdate(this.triggerRef,this.dropdownRef,()=>{W.computePosition(this.triggerRef,this.dropdownRef,{placement:"bottom-start",middleware:[W.offset(8),W.flip(),W.shift({padding:16})]}).then(({x:t,y:n})=>{Object.assign(this.dropdownRef.style,{left:`${t}px`,top:`${n}px`})})}))}initPresetRanges(){const t=this.getDateFormat();if(this.presetCategories=[{name:"Days",presets:[{label:"Today",range:{dateFrom:m().startOf("day").format(t),dateTo:m().endOf("day").format(t)},step:"day"},{label:"Yesterday",range:{dateFrom:m().subtract(1,"days").startOf("day").format(t),dateTo:m().subtract(1,"days").endOf("day").format(t)},step:"day"},{label:"Last 7 Days",range:{dateFrom:m().subtract(6,"days").startOf("day").format(t),dateTo:m().endOf("day").format(t)},step:"day"},{label:"Last 30 Days",range:{dateFrom:m().subtract(29,"days").startOf("day").format(t),dateTo:m().endOf("day").format(t)},step:"day"},{label:"Last 90 Days",range:{dateFrom:m().subtract(89,"days").startOf("day").format(t),dateTo:m().endOf("day").format(t)},step:"day"}]},{name:"Weeks",presets:[{label:"This Week",range:{dateFrom:m().startOf("week").format(t),dateTo:m().endOf("week").format(t)},step:"week"},{label:"Last Week",range:{dateFrom:m().subtract(1,"weeks").startOf("week").format(t),dateTo:m().subtract(1,"weeks").endOf("week").format(t)},step:"week"}]},{name:"Months",presets:[{label:"This Month",range:{dateFrom:m().startOf("month").format(t),dateTo:m().endOf("month").format(t)},step:"month"},{label:"Last Month",range:{dateFrom:m().subtract(1,"month").startOf("month").format(t),dateTo:m().subtract(1,"month").endOf("month").format(t)},step:"month"}]},{name:"Quarters",presets:[{label:"This Quarter",range:{dateFrom:m().startOf("quarter").format(t),dateTo:m().endOf("quarter").format(t)},step:"quarter"},{label:"Last Quarter",range:{dateFrom:m().subtract(1,"quarter").startOf("quarter").format(t),dateTo:m().subtract(1,"quarter").endOf("quarter").format(t)},step:"quarter"}]},{name:"Years",presets:[{label:"This Year",range:{dateFrom:m().startOf("year").format(t),dateTo:m().endOf("year").format(t)},step:"year"},{label:"Last Year",range:{dateFrom:m().subtract(1,"year").startOf("year").format(t),dateTo:m().subtract(1,"year").endOf("year").format(t)},step:"year"},{label:"Year to Date",range:{dateFrom:m().startOf("year").format(t),dateTo:m().endOf("day").format(t)},step:"day"}]}],this.type==="datetime-local"&&this.presetCategories.unshift({name:"Hours",presets:[{label:"Last 24 Hours",range:{dateFrom:m().subtract(24,"hours").format(t),dateTo:m().format(t)},step:"hour"},{label:"Last 12 Hours",range:{dateFrom:m().subtract(12,"hours").format(t),dateTo:m().format(t)},step:"hour"}]}),this.presetRanges=[],this.presetCategories.forEach(n=>{this.presetRanges.push(...n.presets)}),this.customPresets&&this.customPresets.length>0){const n={name:"Custom",presets:this.customPresets.map(e=>({label:e.label,range:{dateFrom:e.dateFrom,dateTo:e.dateTo},step:"day"}))};this.presetCategories.push(n),this.presetRanges.push(...n.presets)}}getDateFormat(){return this.format||(this.type==="date"?"YYYY-MM-DD":"YYYY-MM-DDTHH:mm")}updateSelectedDateRange(){const t=this.presetRanges.find(c=>c.range.dateFrom===this.dateFrom.value&&c.range.dateTo===this.dateTo.value);if(t)return this.selectedDateRange=t.label,void(this.activePreset=t.label);if(this.checkAndUpdateActivePreset(this.dateFrom.value,this.dateTo.value),this.activePreset=null,!this.dateFrom.value||!this.dateTo.value)return void(this.selectedDateRange=this.placeholder);const n=m(this.dateFrom.value),e=m(this.dateTo.value);if(!n.isValid()||!e.isValid())return void(this.selectedDateRange=this.placeholder);const d=this.type==="datetime-local"?n.format(" h:mm A"):"",g=this.type==="datetime-local"?e.format(" h:mm A"):"";n.isSame(e,"day")?this.selectedDateRange=`${n.format("MMM D, YYYY")}${d}`:n.isSame(e,"month")&&n.isSame(e,"year")?this.selectedDateRange=`${n.format("MMM D")}-${e.format("D, YYYY")}${g}`:n.isSame(e,"year")?this.selectedDateRange=`${n.format("MMM D")} - ${e.format("MMM D, YYYY")}${g}`:this.selectedDateRange=`${n.format("MMM D, YYYY")}${d} - ${e.format("MMM D, YYYY")}${g}`}setDateRange(t,n){this.dateFrom.value=t,this.dateTo.value=n,this.updateSelectedDateRange(),this.dispatchEvent(new CustomEvent("change",{detail:{dateFrom:t,dateTo:n},bubbles:!0,composed:!0}))}handlePresetSelection(t,n){n.stopPropagation(),this.activePreset=t.label,this.setDateRange(t.range.dateFrom,t.range.dateTo),this.closeDropdown()}handleClearSelection(t){t.stopPropagation(),this.setDateRange("",""),this.activePreset=null,this.selectedDateRange=this.placeholder}toggleDropdown(t){t.stopPropagation(),this.disabled||(this.isOpen?this.closeDropdown():this.openDropdown())}openDropdown(){this.disabled||(this.isOpen=!0)}closeDropdown(){this.isOpen=!1}adjustQuarter(t,n,e){let d=t.quarter()+e*n,g=0;for(;d>4;)d-=4,g+=1;for(;d<1;)d+=4,g-=1;const c=t.add(g,"year").month(3*(d-1)),o=c.daysInMonth(),p=Math.min(t.date(),o);return c.date(p)}shiftDateRange(t,n){if(n.stopPropagation(),!this.dateFrom.value||!this.dateTo.value)return;const e=m(this.dateFrom.value),d=m(this.dateTo.value);if(!e.isValid()||!d.isValid())return;const g=this.getDateFormat(),c=t>0?1:-1;let o,p;const x=this.presetRanges.find(D=>D.label===this.activePreset),R=e.date()===1&&d.isSame(e.endOf("month"),"day"),Q=e.isSame(e.startOf("quarter"),"day")&&d.isSame(d.endOf("quarter"),"day"),Y=e.isSame(e.startOf("year"),"day")&&d.isSame(d.endOf("year"),"day"),P=e.day()===0&&d.day()===6&&d.diff(e,"days")===6;let w="day",f=1;if(x)w=x.step,f=1;else{const D=d.diff(e,"day");D>=360?(w="year",f=Math.round(D/365)):D>=90?(w="quarter",f=Math.round(D/90)):D>=30?(w="month",f=Math.round(D/30)):D>=7?(w="week",f=Math.round(D/7)):(w="day",f=D+1)}if(w==="quarter")Q?c>0?(o=this.adjustQuarter(e,f,1).startOf("quarter"),p=o.endOf("quarter")):(o=this.adjustQuarter(e,f,-1).startOf("quarter"),p=o.endOf("quarter")):c>0?(o=this.adjustQuarter(e,f,1),p=this.adjustQuarter(d,f,1)):(o=this.adjustQuarter(e,f,-1),p=this.adjustQuarter(d,f,-1));else if(w==="hour"){const D=d.diff(e,"hour");c>0?(o=e.add(D,"hour"),p=d.add(D,"hour")):(o=e.subtract(D,"hour"),p=d.subtract(D,"hour"))}else w==="year"&&Y?c>0?(o=e.add(f,"year").startOf("year"),p=o.endOf("year")):(o=e.subtract(f,"year").startOf("year"),p=o.endOf("year")):w==="year"?c>0?(o=e.add(f,"year"),p=d.add(f,"year")):(o=e.subtract(f,"year"),p=d.subtract(f,"year")):w==="month"&&R?c>0?(o=e.add(f,"month").startOf("month"),p=o.endOf("month")):(o=e.subtract(f,"month").startOf("month"),p=o.endOf("month")):w==="month"?c>0?(o=e.add(f,"month"),p=d.add(f,"month")):(o=e.subtract(f,"month"),p=d.subtract(f,"month")):w==="week"&&P?c>0?(o=e.add(f,"week").startOf("week"),p=o.endOf("week")):(o=e.subtract(f,"week").startOf("week"),p=o.endOf("week")):w==="week"?c>0?(o=e.add(f,"week"),p=d.add(f,"week")):(o=e.subtract(f,"week"),p=d.subtract(f,"week")):c>0?(o=e.add(f,"day"),p=d.add(f,"day")):(o=e.subtract(f,"day"),p=d.subtract(f,"day"));const U=o.format(g),I=p.format(g);this.setDateRange(U,I),this.checkAndUpdateActivePreset(U,I)}checkAndUpdateActivePreset(t,n){const e=this.presetRanges.find(d=>d.range.dateFrom===t&&d.range.dateTo===n);this.activePreset=e?e.label:null}applyManualDateSelection(t){t.stopPropagation();const n=m(this.dateFrom.value),e=m(this.dateTo.value);n.isValid()&&e.isValid()&&(n.isAfter(e)?this.setDateRange(e.format(this.getDateFormat()),n.format(this.getDateFormat())):this.setDateRange(this.dateFrom.value,this.dateTo.value),this.closeDropdown())}render(){return H.html`
-			<div class="relative ${this.disabled?"opacity-60 pointer-events-none":""}">
-				<!-- Trigger using the preferred schmancy-grid pattern -->
-				<div class="trigger-container">
-					<schmancy-grid @click=${t=>t.stopPropagation()} align="center" cols="auto 1fr auto">
-						<schmancy-icon-button
-							type="button"
-							aria-label="Shift date range backward"
-							@click=${t=>this.shiftDateRange(-1,t)}
-						>
-							arrow_left
-						</schmancy-icon-button>
-
-						<schmancy-button
-							class="w-max"
-							variant="outlined"
-							type="button"
-							aria-haspopup="menu"
-							aria-expanded=${this.isOpen}
-							@click=${t=>this.toggleDropdown(t)}
-						>
-							${this.selectedDateRange||this.placeholder}
-						</schmancy-button>
-
-						<schmancy-icon-button
-							type="button"
-							aria-label="Shift date range forward"
-							@click=${t=>this.shiftDateRange(1,t)}
-						>
-							arrow_right
-						</schmancy-icon-button>
-					</schmancy-grid>
-				</div>
-
-				<!-- Dropdown -->
-				${this.isOpen?H.html`
-					<section class="absolute flex-1">
-							<schmancy-surface
-								class="z-50 mt-1 min-w-64 max-w-96"
-								rounded="all"
-								elevation="3"
-								type="containerHigh"
-								@click="${t=>t.stopPropagation()}"
-								role="dialog"
-								aria-label="Date range picker"
-								fill="all"
-							>
-								<!-- Presets view with categories -->
-								<div class="p-4">
-									<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4 max-h-96 overflow-y-auto">
-										${this.presetCategories.map(t=>H.html`
-												<div class="flex flex-col">
-													<schmancy-typography type="label" token="lg" class="mb-2">
-														${t.name}
-													</schmancy-typography>
-													<schmancy-grid gap="xs" class="mb-2">
-														${t.presets.map(n=>H.html`
-																<schmancy-button
-																	variant="${this.activePreset===n.label?"filled tonal":"text"}"
-																	width="full"
-																	class="text-left justify-start"
-																	@click="${e=>this.handlePresetSelection(n,e)}"
-																>
-																	<schmancy-typography type="body" token="md"> ${n.label} </schmancy-typography>
-																</schmancy-button>
-															`)}
-													</schmancy-grid>
-												</div>
-											`)}
-									</div>
-
-									<!-- Manual date inputs -->
-									<schmancy-typography type="label" token="lg" class="mb-2"> Custom Range </schmancy-typography>
-									<schmancy-grid gap="md" cols="1fr 1fr" class="mb-4">
-										<schmancy-input
-											type="${this.type}"
-											label="${this.dateFrom.label||"From"}"
-											.value="${this.dateFrom.value}"
-											min="${Z.ifDefined(this.minDate)}"
-											max="${Z.ifDefined(this.maxDate)}"
-											@change="${t=>{t.stopPropagation(),this.dateFrom.value=t.detail.value,this.updateSelectedDateRange()}}"
-										></schmancy-input>
-
-										<schmancy-input
-											type="${this.type}"
-											label="${this.dateTo.label||"To"}"
-											.value="${this.dateTo.value}"
-											min="${Z.ifDefined(this.dateFrom.value)}"
-											max="${Z.ifDefined(this.maxDate)}"
-											@change="${t=>{t.stopPropagation(),this.dateTo.value=t.detail.value,this.updateSelectedDateRange()}}"
-										></schmancy-input>
-									</schmancy-grid>
-
-									<!-- Action buttons -->
-									<div class="flex justify-between">
-										${this.clearable?H.html`
-													<schmancy-button variant="text" @click="${t=>this.handleClearSelection(t)}">
-														Clear
-													</schmancy-button>
-												`:H.html`<div></div>`}
-
-										<div class="flex space-x-2">
-											<schmancy-button
-												variant="text"
-												@click="${t=>{t.stopPropagation(),this.closeDropdown()}}"
-											>
-												Cancel
-											</schmancy-button>
-
-											<schmancy-button variant="filled" @click="${t=>this.applyManualDateSelection(t)}">
-												Apply
-											</schmancy-button>
-										</div>
-									</div>
-								</div>
-							</schmancy-surface>
-							</section>
-						`:""}
-			</div>
-		`}},M([S.property({type:String})],exports.SchmancyDateRange.prototype,"type",2),M([S.property({type:Object})],exports.SchmancyDateRange.prototype,"dateFrom",2),M([S.property({type:Object})],exports.SchmancyDateRange.prototype,"dateTo",2),M([S.property({type:String})],exports.SchmancyDateRange.prototype,"minDate",2),M([S.property({type:String})],exports.SchmancyDateRange.prototype,"maxDate",2),M([S.property({type:Array})],exports.SchmancyDateRange.prototype,"customPresets",2),M([S.property({type:String})],exports.SchmancyDateRange.prototype,"format",2),M([S.property({type:Boolean})],exports.SchmancyDateRange.prototype,"disabled",2),M([S.property({type:Boolean})],exports.SchmancyDateRange.prototype,"required",2),M([S.property({type:String})],exports.SchmancyDateRange.prototype,"placeholder",2),M([S.property({type:Boolean})],exports.SchmancyDateRange.prototype,"clearable",2),M([S.state()],exports.SchmancyDateRange.prototype,"isOpen",2),M([S.state()],exports.SchmancyDateRange.prototype,"selectedDateRange",2),M([S.state()],exports.SchmancyDateRange.prototype,"activePreset",2),M([S.query(".trigger-container")],exports.SchmancyDateRange.prototype,"triggerRef",2),M([S.query(".dropdown")],exports.SchmancyDateRange.prototype,"dropdownRef",2),exports.SchmancyDateRange=M([S.customElement("schmancy-date-range")],exports.SchmancyDateRange);
-//# sourceMappingURL=date-range-B0CSi1D6.cjs.map