@nanahoshi/mona-ui 0.1.0

package/fesm2022/nanahoshi-mona-ui-progress-bar.mjs

@@ -0,0 +1,294 @@
+import { NgTemplateOutlet, DecimalPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, computed, contentChild, input, Component } from '@angular/core';
+import { ThemeService } from '@nanahoshi/mona-ui/theme';
+import { getPercentage } from '@nanahoshi/mona-ui/common';
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+
+class ProgressBarLabelTemplateDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: ProgressBarLabelTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: ProgressBarLabelTemplateDirective, isStandalone: true, selector: "ng-template[monaProgressBarLabelTemplate]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: ProgressBarLabelTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "ng-template[monaProgressBarLabelTemplate]"
+                }]
+        }] });
+
+const progressBarBaseVariants = cva(`
+        relative flex items-center justify-center
+        w-full h-5.5
+        bg-input-background border border-input-border
+        overflow-hidden select-none
+        data-[disabled='true']:pointer-events-none
+        data-[disabled='true']:cursor-not-allowed
+        data-[disabled='true']:opacity-50
+    `, {
+    variants: {
+        rounded: {
+            full: "rounded-full",
+            large: "rounded-lg",
+            medium: "rounded-md",
+            none: "rounded-none",
+            small: "rounded-sm"
+        }
+    }
+});
+const progressBarIndeterminateVariants = cva(`
+        absolute w-full h-full
+        flex items-center justify-center
+        bg-[repeating-linear-gradient(135deg,var(--color-background),var(--color-background)_10px,var(--color-secondary)_10px,var(--color-secondary)_20px)]
+        bg-size-[200%_200%]
+    `);
+const progressBarLabelVariants = cva(`
+        px-1.5
+    `);
+const progressBarTrackVariants = cva(`
+        relative
+        flex items-center justify-center
+        w-full h-full
+        text-xs font-medium
+        bg-primary text-primary-foreground
+        data-[prev='true']:transition-[background-color]
+        data-[prev='true']:duration-200
+        data-[prev='true']:ease-in
+        data-[next='true']:absolute
+        data-[next='true']:bg-background
+        data-[next='true']:text-foreground
+        data-[next='true']:transition-[clip-path]
+        data-[next='true']:duration-200
+        data-[next='true']:ease-in
+        data-[value='0']:bg-transparent
+        data-[left='true']:justify-start
+        data-[right='true']:justify-end
+    `, {
+    variants: {
+        rounded: {
+            full: "rounded-full",
+            large: "rounded-lg",
+            medium: "rounded-md",
+            none: "rounded-none",
+            small: "rounded-sm"
+        }
+    }
+});
+
+const progressBarBaseThemeVariants = (theme) => {
+    switch (theme) {
+        case "mona":
+            return progressBarBaseVariants;
+        default:
+            return progressBarBaseVariants;
+    }
+};
+const progressBarIndeterminateThemeVariants = (theme) => {
+    switch (theme) {
+        case "mona":
+            return progressBarIndeterminateVariants;
+        default:
+            return progressBarIndeterminateVariants;
+    }
+};
+const progressBarLabelThemeVariants = (theme) => {
+    switch (theme) {
+        case "mona":
+            return progressBarLabelVariants;
+        default:
+            return progressBarLabelVariants;
+    }
+};
+const progressBarTrackThemeVariants = (theme) => {
+    switch (theme) {
+        case "mona":
+            return progressBarTrackVariants;
+        default:
+            return progressBarTrackVariants;
+    }
+};
+
+class ProgressBarComponent {
+    constructor() {
+        this.#color = computed(() => {
+            const color = this.color();
+            const progress = this.progress();
+            return typeof color === "string" ? color : color?.(progress);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#color" }] : /* istanbul ignore next */ []));
+        this.#themeService = inject(ThemeService);
+        this.baseClasses = computed(() => {
+            const theme = this.#themeService.theme();
+            const rounded = this.rounded();
+            const classes = progressBarBaseThemeVariants(theme)({ rounded });
+            const userClass = this.userClass();
+            return twMerge(classes, userClass);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "baseClasses" }] : /* istanbul ignore next */ []));
+        this.indeterminateClasses = computed(() => {
+            const theme = this.#themeService.theme();
+            return progressBarIndeterminateThemeVariants(theme)();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "indeterminateClasses" }] : /* istanbul ignore next */ []));
+        this.labelClasses = computed(() => {
+            const theme = this.#themeService.theme();
+            return progressBarLabelThemeVariants(theme)();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []));
+        this.labelTemplate = contentChild(ProgressBarLabelTemplateDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labelTemplate" }] : /* istanbul ignore next */ []));
+        this.nextTrackClipPath = computed(() => {
+            const progress = this.progress();
+            return `inset(-1px -1px -1px ${progress}%)`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "nextTrackClipPath" }] : /* istanbul ignore next */ []));
+        this.prevTrackClipPath = computed(() => {
+            const progress = this.progress();
+            const indeterminate = this.indeterminate();
+            if (indeterminate) {
+                return `inset(-1px -1px -1px -1px)`;
+            }
+            const right = progress < 100 ? 8 : 0;
+            return `inset(-1px ${right}px -1px 0px)`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "prevTrackClipPath" }] : /* istanbul ignore next */ []));
+        this.progress = computed(() => getPercentage(this.value(), this.min(), this.max()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
+        this.trackClasses = computed(() => {
+            const theme = this.#themeService.theme();
+            const rounded = this.rounded();
+            const classes = progressBarTrackThemeVariants(theme)({ rounded });
+            return this.animate()
+                ? classes
+                : twMerge(classes, "data-[next='true']:transition-none data-[prev='true']:transition-none");
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "trackClasses" }] : /* istanbul ignore next */ []));
+        this.trackColor = this.#color;
+        /**
+         * @description Accessible label for the progress bar host element.
+         * Use to describe what is being measured (e.g., "Upload progress").
+         * When empty, assistive technology announces the role and numeric values only.
+         * @default ""
+         */
+        this.ariaLabel = input("", { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: "aria-label" });
+        /**
+         * @description Overrides the numeric aria-valuenow announcement for assistive technology.
+         * Particularly useful in indeterminate mode — set to a localized string such as "Loading"
+         * so screen readers announce state rather than silence.
+         * When empty, assistive technology falls back to the numeric value.
+         * @default ""
+         */
+        this.ariaValueText = input("", { ...(ngDevMode ? { debugName: "ariaValueText" } : /* istanbul ignore next */ {}), alias: "aria-valuetext" });
+        /**
+         * @description Enables CSS transitions on fill and color changes.
+         * Set to `false` when updating `value` at high frequency (e.g., a real-time byte counter).
+         * @default true
+         */
+        this.animate = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "animate" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Fill color of the progress track.
+         * Pass a CSS color string, or a function that receives the current percentage (0–100) and returns a color string.
+         * When empty, falls back to the primary theme color.
+         * @default ""
+         */
+        this.color = input("", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Renders the bar with reduced visual emphasis and removes pointer interaction.
+         * @default false
+         */
+        this.disabled = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Switches to indeterminate mode: plays a looping animation and hides the label.
+         * ARIA value attributes are removed and `aria-busy` is set on the host element.
+         * @default false
+         */
+        this.indeterminate = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Horizontal alignment of the label within the bar.
+         * @default center
+         */
+        this.labelPosition = input("center", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labelPosition" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Inline styles applied to the default label span.
+         * Has no effect when a custom `monaProgressBarLabelTemplate` is provided.
+         * @default {}
+         */
+        this.labelStyles = input({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labelStyles" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Controls label visibility in determinate mode.
+         * Has no effect in indeterminate mode — the label is always hidden there.
+         * @default true
+         */
+        this.labelVisible = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "labelVisible" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Upper bound of the value range. Must be greater than `min`.
+         * @default 100
+         */
+        this.max = input(100, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Lower bound of the value range.
+         * @default 0
+         */
+        this.min = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Border-radius preset applied to the bar.
+         * @default medium
+         */
+        this.rounded = input("medium", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rounded" }] : /* istanbul ignore next */ []));
+        /**
+         * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
+         * @default ""
+         */
+        this.userClass = input("", { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: "class" });
+        /**
+         * @description Current progress value within `[min, max]`.
+         * Values outside the range are clamped before rendering; non-finite values are treated as `0`.
+         * @default 0
+         */
+        this.value = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    }
+    #color;
+    #themeService;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: ProgressBarComponent, isStandalone: true, selector: "mona-progress-bar", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaValueText: { classPropertyName: "ariaValueText", publicName: "aria-valuetext", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, labelStyles: { classPropertyName: "labelStyles", publicName: "labelStyles", isSignal: true, isRequired: false, transformFunction: null }, labelVisible: { classPropertyName: "labelVisible", publicName: "labelVisible", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "class": "baseClasses()", "attr.aria-busy": "indeterminate() || null", "attr.aria-label": "ariaLabel() || null", "attr.aria-valuemin": "indeterminate() ? null : min()", "attr.aria-valuemax": "indeterminate() ? null : max()", "attr.aria-valuenow": "indeterminate() ? null : value()", "attr.aria-valuetext": "ariaValueText() || null", "attr.aria-disabled": "disabled() || null", "attr.data-disabled": "disabled()" } }, queries: [{ propertyName: "labelTemplate", first: true, predicate: ProgressBarLabelTemplateDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n    [class]=\"trackClasses()\"\r\n    [style.background-color]=\"trackColor()\"\r\n    [attr.data-prev]=\"true\"\r\n    [attr.data-left]=\"labelPosition() === 'start'\"\r\n    [attr.data-right]=\"labelPosition() === 'end'\"\r\n    [attr.data-indeterminate]=\"indeterminate()\"\r\n    [attr.data-value]=\"progress()\"\r\n    [style.clip-path]=\"prevTrackClipPath()\">\r\n    @if (indeterminate()) {\r\n        <div [class]=\"indeterminateClasses()\" class=\"indeterminate\"></div>\r\n    } @else if (labelVisible()) {\r\n        @if (labelTemplate()) {\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"labelTemplate()?.templateRef\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: value(), min: min(), max: max(), percent: progress() }\">\r\n            </ng-container>\r\n        } @else {\r\n            <span [class]=\"labelClasses()\" [style]=\"labelStyles()\">{{ progress() | number: \"1.0-2\" }}</span>\r\n        }\r\n    }\r\n</div>\r\n\r\n@if (!indeterminate()) {\r\n    <div\r\n        [class]=\"trackClasses()\"\r\n        [attr.data-next]=\"true\"\r\n        [attr.data-left]=\"labelPosition() === 'start'\"\r\n        [attr.data-right]=\"labelPosition() === 'end'\"\r\n        [style.clip-path]=\"nextTrackClipPath()\">\r\n        @if (labelVisible()) {\r\n            @if (labelTemplate()) {\r\n                <ng-container\r\n                    [ngTemplateOutlet]=\"labelTemplate()?.templateRef\"\r\n                    [ngTemplateOutletContext]=\"{ $implicit: value(), min: min(), max: max(), percent: progress() }\">\r\n                </ng-container>\r\n            } @else {\r\n                <span [class]=\"labelClasses()\" [style]=\"labelStyles()\">{{ progress() | number: \"1.0-2\" }}</span>\r\n            }\r\n        }\r\n    </div>\r\n}\r\n", styles: [".indeterminate{animation:indeterminate 16s linear infinite}@keyframes indeterminate{0%{background-position:0 0}to{background-position:100% 0}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: DecimalPipe, name: "number" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: ProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mona-progress-bar", imports: [DecimalPipe, NgTemplateOutlet], host: {
+                        "[class]": "baseClasses()",
+                        "[attr.aria-busy]": "indeterminate() || null",
+                        "[attr.aria-label]": "ariaLabel() || null",
+                        "[attr.aria-valuemin]": "indeterminate() ? null : min()",
+                        "[attr.aria-valuemax]": "indeterminate() ? null : max()",
+                        "[attr.aria-valuenow]": "indeterminate() ? null : value()",
+                        "[attr.aria-valuetext]": "ariaValueText() || null",
+                        "[attr.aria-disabled]": "disabled() || null",
+                        "[attr.data-disabled]": "disabled()",
+                        role: "progressbar"
+                    }, template: "<div\r\n    [class]=\"trackClasses()\"\r\n    [style.background-color]=\"trackColor()\"\r\n    [attr.data-prev]=\"true\"\r\n    [attr.data-left]=\"labelPosition() === 'start'\"\r\n    [attr.data-right]=\"labelPosition() === 'end'\"\r\n    [attr.data-indeterminate]=\"indeterminate()\"\r\n    [attr.data-value]=\"progress()\"\r\n    [style.clip-path]=\"prevTrackClipPath()\">\r\n    @if (indeterminate()) {\r\n        <div [class]=\"indeterminateClasses()\" class=\"indeterminate\"></div>\r\n    } @else if (labelVisible()) {\r\n        @if (labelTemplate()) {\r\n            <ng-container\r\n                [ngTemplateOutlet]=\"labelTemplate()?.templateRef\"\r\n                [ngTemplateOutletContext]=\"{ $implicit: value(), min: min(), max: max(), percent: progress() }\">\r\n            </ng-container>\r\n        } @else {\r\n            <span [class]=\"labelClasses()\" [style]=\"labelStyles()\">{{ progress() | number: \"1.0-2\" }}</span>\r\n        }\r\n    }\r\n</div>\r\n\r\n@if (!indeterminate()) {\r\n    <div\r\n        [class]=\"trackClasses()\"\r\n        [attr.data-next]=\"true\"\r\n        [attr.data-left]=\"labelPosition() === 'start'\"\r\n        [attr.data-right]=\"labelPosition() === 'end'\"\r\n        [style.clip-path]=\"nextTrackClipPath()\">\r\n        @if (labelVisible()) {\r\n            @if (labelTemplate()) {\r\n                <ng-container\r\n                    [ngTemplateOutlet]=\"labelTemplate()?.templateRef\"\r\n                    [ngTemplateOutletContext]=\"{ $implicit: value(), min: min(), max: max(), percent: progress() }\">\r\n                </ng-container>\r\n            } @else {\r\n                <span [class]=\"labelClasses()\" [style]=\"labelStyles()\">{{ progress() | number: \"1.0-2\" }}</span>\r\n            }\r\n        }\r\n    </div>\r\n}\r\n", styles: [".indeterminate{animation:indeterminate 16s linear infinite}@keyframes indeterminate{0%{background-position:0 0}to{background-position:100% 0}}\n"] }]
+        }], propDecorators: { labelTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ProgressBarLabelTemplateDirective), { isSignal: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaValueText: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-valuetext", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], labelStyles: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelStyles", required: false }] }], labelVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVisible", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
+
+/*
+ * Public API Surface of @nanahoshi/mona-ui/progress-bar
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ProgressBarComponent, ProgressBarLabelTemplateDirective };
+//# sourceMappingURL=nanahoshi-mona-ui-progress-bar.mjs.map

package/fesm2022/nanahoshi-mona-ui-query.mjs

@@ -0,0 +1,175 @@
+import { Enumerator } from '@mirei/ts-collections';
+import { DateTime } from 'luxon';
+
+const compositeDescriptorToPredicate = (descriptor, fieldSelector) => {
+    return (item) => {
+        const filters = descriptor.filters;
+        const logic = descriptor.logic;
+        if (logic === "and") {
+            return filters.every(f => processFilter(f, item, fieldSelector));
+        }
+        else if (logic === "or") {
+            return filters.some(f => processFilter(f, item, fieldSelector));
+        }
+        else {
+            return false;
+        }
+    };
+};
+const descriptorToPredicate = (descriptor, fieldSelector) => {
+    return (item) => {
+        const source = fieldSelector ? fieldSelector(item) : item;
+        const value = source != null ? source[descriptor.field] : undefined;
+        switch (descriptor.operator) {
+            case "eq":
+                return equateValues(value, descriptor.value);
+            case "neq":
+                return !equateValues(value, descriptor.value);
+            case "gt":
+                if (value == null || descriptor.value == null)
+                    return false;
+                return compareOrdered(value, descriptor.value) > 0;
+            case "gte":
+                if (value == null || descriptor.value == null)
+                    return false;
+                return compareOrdered(value, descriptor.value) >= 0;
+            case "lt":
+                if (value == null || descriptor.value == null)
+                    return false;
+                return compareOrdered(value, descriptor.value) < 0;
+            case "lte":
+                if (value == null || descriptor.value == null)
+                    return false;
+                return compareOrdered(value, descriptor.value) <= 0;
+            case "startswith":
+                return typeof value === "string" && typeof descriptor.value === "string"
+                    ? value.toLowerCase().startsWith(descriptor.value.toLowerCase())
+                    : false;
+            case "endswith":
+                return typeof value === "string" && typeof descriptor.value === "string"
+                    ? value.toLowerCase().endsWith(descriptor.value.toLowerCase())
+                    : false;
+            case "contains":
+                return typeof value === "string" && typeof descriptor.value === "string"
+                    ? value.toLowerCase().includes(descriptor.value.toLowerCase())
+                    : false;
+            case "doesnotcontain":
+                return typeof value === "string" && typeof descriptor.value === "string"
+                    ? !value.toLowerCase().includes(descriptor.value.toLowerCase())
+                    : false;
+            case "isfalse":
+                return value === false;
+            case "istrue":
+                return value === true;
+            case "isnull":
+                return value == null;
+            case "isnotnull":
+                return value != null;
+            case "isempty":
+                return value === "";
+            case "isnotempty":
+                return value !== "";
+            case "isnullorempty":
+                return value == null || value === "";
+            case "isnotnullorempty":
+                return value != null && value !== "";
+            case "in":
+                return Array.isArray(descriptor.value) && descriptor.value.includes(value);
+            case "notin":
+                return !Array.isArray(descriptor.value) || !descriptor.value.includes(value);
+            case "function":
+                return descriptor.predicate(value);
+            default:
+                return false;
+        }
+    };
+};
+const isDate = (value) => value instanceof Date || value instanceof DateTime;
+const toDateOnly = (date) => {
+    const dt = date instanceof DateTime ? date : DateTime.fromJSDate(date);
+    return dt.startOf("day");
+};
+const equateValues = (a, b) => {
+    if (a == null && b == null)
+        return true;
+    if (a == null || b == null)
+        return false;
+    if (isDate(a) && isDate(b))
+        return toDateOnly(a).valueOf() === toDateOnly(b).valueOf();
+    return a === b;
+};
+const compareOrdered = (a, b) => {
+    if (isDate(a) && isDate(b))
+        return toDateOnly(a).valueOf() - toDateOnly(b).valueOf();
+    return a - b;
+};
+const processFilter = (f, item, fieldSelector) => {
+    if (f.hasOwnProperty("field")) {
+        return descriptorToPredicate(f, fieldSelector)(item);
+    }
+    else {
+        return compositeDescriptorToPredicate(f, fieldSelector)(item);
+    }
+};
+
+class Query {
+    #enumerator;
+    constructor(iterable) {
+        this.iterable = iterable;
+        this.#enumerator = new QueryEnumerator(() => iterable);
+    }
+    *[Symbol.iterator]() {
+        yield* this.iterable;
+    }
+    static from(iterable) {
+        return new Query(iterable);
+    }
+    filter(filter, fieldSelector) {
+        return this.#enumerator.filter(filter, fieldSelector);
+    }
+    run() {
+        return this.#enumerator.toArray();
+    }
+    sort(descriptor, fieldSelector) {
+        return this.#enumerator.sort(descriptor, fieldSelector);
+    }
+}
+class QueryEnumerator extends Enumerator {
+    constructor(iterable) {
+        super(iterable);
+    }
+    filter(filter, fieldSelector) {
+        return new QueryEnumerator(() => this.filterGenerator(filter, fieldSelector));
+    }
+    run() {
+        return Array.from(this);
+    }
+    sort(descriptor, fieldSelector) {
+        return new QueryEnumerator(() => this.sortGenerator(descriptor, fieldSelector));
+    }
+    *filterGenerator(filter, fieldSelector) {
+        const predicate = filter.hasOwnProperty("field")
+            ? descriptorToPredicate(filter, fieldSelector)
+            : compositeDescriptorToPredicate(filter, fieldSelector);
+        yield* this.where(predicate);
+    }
+    *sortGenerator(descriptor, fieldSelector) {
+        let result = descriptor[0].dir === "asc"
+            ? this.orderBy(d => (fieldSelector ? fieldSelector(d) : d)[descriptor[0].field], descriptor[0].sort)
+            : this.orderByDescending(d => (fieldSelector ? fieldSelector(d) : d)[descriptor[0].field], descriptor[0].sort);
+        for (let i = 1; i < descriptor.length; i++) {
+            result =
+                descriptor[i].dir === "asc"
+                    ? result.thenBy(d => (fieldSelector ? fieldSelector(d) : d)[descriptor[i].field], descriptor[i].sort)
+                    : result.thenByDescending(d => (fieldSelector ? fieldSelector(d) : d)[descriptor[i].field], descriptor[i].sort);
+        }
+        yield* result;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Query };
+//# sourceMappingURL=nanahoshi-mona-ui-query.mjs.map