@area8975/ui 0.2.2-dev.35 → 0.2.2-dev.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/fesm2022/area8975-ui.mjs +302 -8
- package/fesm2022/area8975-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/area8975-ui.d.ts +87 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## Unreleased
|
|
6
|
+
|
|
7
|
+
### Features
|
|
8
|
+
|
|
9
|
+
* add ui-disclosure, a trigger that shows and hides a panel, with section and whole-row triggers and a turning chevron
|
|
10
|
+
* add `visibleOptions` to ui-table-filters options groups, showing the rest behind a "Show N more" toggle
|
|
11
|
+
|
|
5
12
|
## [0.2.1](https://gitea.cor.bz/corbz/ui-library/compare/v0.2.0...v0.2.1) (2026-10-17)
|
|
6
13
|
|
|
7
14
|
### Features
|
package/fesm2022/area8975-ui.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
-
import { ChangeDetectorRef, Component, DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, ViewEncapsulation, afterNextRender, booleanAttribute, computed, contentChild, contentChildren, effect, inject, input, isDevMode, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, provideAppInitializer, signal, untracked, viewChild } from "@angular/core";
|
|
2
|
+
import { ChangeDetectorRef, Component, DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, TemplateRef, ViewEncapsulation, afterNextRender, booleanAttribute, computed, contentChild, contentChildren, effect, inject, input, isDevMode, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, provideAppInitializer, signal, untracked, viewChild } from "@angular/core";
|
|
3
3
|
import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
|
|
4
4
|
import { NgIcon, provideIcons } from "@ng-icons/core";
|
|
5
5
|
import { heroArrowUp, heroArrowUpTray, heroBars2, heroBars3, heroCalendar, heroCalendarDateRange, heroCheck, heroChevronDoubleLeft, heroChevronDown, heroChevronLeft, heroChevronRight, heroClock, heroDocument, heroEye, heroEyeSlash, heroFunnel, heroMagnifyingGlass, heroMinus, heroPlus, heroQuestionMarkCircle, heroViewColumns, heroXMark } from "@ng-icons/heroicons/outline";
|
|
@@ -5049,7 +5049,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5049
5049
|
}]
|
|
5050
5050
|
}
|
|
5051
5051
|
});
|
|
5052
|
-
let nextId$
|
|
5052
|
+
let nextId$4 = 0;
|
|
5053
5053
|
var UiSelectComponent = class UiSelectComponent {
|
|
5054
5054
|
isOpen = signal(false, ...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
|
|
5055
5055
|
placement = input("bottom-start", ...ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []);
|
|
@@ -5100,7 +5100,7 @@ var UiSelectComponent = class UiSelectComponent {
|
|
|
5100
5100
|
optionTemplate = contentChild("option", ...ngDevMode ? [{ debugName: "optionTemplate" }] : /* istanbul ignore next */ []);
|
|
5101
5101
|
triggerTemplate = contentChild("trigger", ...ngDevMode ? [{ debugName: "triggerTemplate" }] : /* istanbul ignore next */ []);
|
|
5102
5102
|
activeIndex = signal(0, ...ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []);
|
|
5103
|
-
listId = `ui-select-${nextId$
|
|
5103
|
+
listId = `ui-select-${nextId$4++}`;
|
|
5104
5104
|
hasSelection = computed(() => this.multiple() ? this.selectedItems().length > 0 : this.selectedItem() !== null, ...ngDevMode ? [{ debugName: "hasSelection" }] : /* istanbul ignore next */ []);
|
|
5105
5105
|
triggerLabel = computed(() => {
|
|
5106
5106
|
const display = this.displayWith();
|
|
@@ -7402,6 +7402,277 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
7402
7402
|
}]
|
|
7403
7403
|
}]
|
|
7404
7404
|
});
|
|
7405
|
+
var UiDisclosurePanelDirective = class UiDisclosurePanelDirective {
|
|
7406
|
+
template = inject(TemplateRef);
|
|
7407
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
7408
|
+
minVersion: "12.0.0",
|
|
7409
|
+
version: "22.2.1",
|
|
7410
|
+
ngImport: i0,
|
|
7411
|
+
type: UiDisclosurePanelDirective,
|
|
7412
|
+
deps: [],
|
|
7413
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
7414
|
+
});
|
|
7415
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
7416
|
+
minVersion: "14.0.0",
|
|
7417
|
+
version: "22.2.1",
|
|
7418
|
+
type: UiDisclosurePanelDirective,
|
|
7419
|
+
isStandalone: true,
|
|
7420
|
+
selector: "ng-template[uiDisclosurePanel]",
|
|
7421
|
+
ngImport: i0
|
|
7422
|
+
});
|
|
7423
|
+
};
|
|
7424
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
7425
|
+
minVersion: "12.0.0",
|
|
7426
|
+
version: "22.2.1",
|
|
7427
|
+
ngImport: i0,
|
|
7428
|
+
type: UiDisclosurePanelDirective,
|
|
7429
|
+
decorators: [{
|
|
7430
|
+
type: Directive,
|
|
7431
|
+
args: [{ selector: "ng-template[uiDisclosurePanel]" }]
|
|
7432
|
+
}]
|
|
7433
|
+
});
|
|
7434
|
+
let nextId$3 = 0;
|
|
7435
|
+
var UiDisclosureComponent = class UiDisclosureComponent {
|
|
7436
|
+
expanded = model(false, ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
|
|
7437
|
+
panelId = input("", ...ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []);
|
|
7438
|
+
generatedId = `ui-disclosure-${nextId$3++}`;
|
|
7439
|
+
regionId = computed(() => this.panelId() || this.generatedId, ...ngDevMode ? [{ debugName: "regionId" }] : /* istanbul ignore next */ []);
|
|
7440
|
+
panel = contentChild(UiDisclosurePanelDirective, ...ngDevMode ? [{ debugName: "panel" }] : /* istanbul ignore next */ []);
|
|
7441
|
+
toggle = () => this.expanded.update((value) => !value);
|
|
7442
|
+
open = () => this.expanded.set(true);
|
|
7443
|
+
close = () => this.expanded.set(false);
|
|
7444
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
7445
|
+
minVersion: "12.0.0",
|
|
7446
|
+
version: "22.2.1",
|
|
7447
|
+
ngImport: i0,
|
|
7448
|
+
type: UiDisclosureComponent,
|
|
7449
|
+
deps: [],
|
|
7450
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
7451
|
+
});
|
|
7452
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
7453
|
+
minVersion: "17.0.0",
|
|
7454
|
+
version: "22.2.1",
|
|
7455
|
+
type: UiDisclosureComponent,
|
|
7456
|
+
isStandalone: true,
|
|
7457
|
+
selector: "ui-disclosure",
|
|
7458
|
+
inputs: {
|
|
7459
|
+
expanded: {
|
|
7460
|
+
classPropertyName: "expanded",
|
|
7461
|
+
publicName: "expanded",
|
|
7462
|
+
isSignal: true,
|
|
7463
|
+
isRequired: false,
|
|
7464
|
+
transformFunction: null
|
|
7465
|
+
},
|
|
7466
|
+
panelId: {
|
|
7467
|
+
classPropertyName: "panelId",
|
|
7468
|
+
publicName: "panelId",
|
|
7469
|
+
isSignal: true,
|
|
7470
|
+
isRequired: false,
|
|
7471
|
+
transformFunction: null
|
|
7472
|
+
}
|
|
7473
|
+
},
|
|
7474
|
+
outputs: { expanded: "expandedChange" },
|
|
7475
|
+
queries: [{
|
|
7476
|
+
propertyName: "panel",
|
|
7477
|
+
first: true,
|
|
7478
|
+
predicate: UiDisclosurePanelDirective,
|
|
7479
|
+
descendants: true,
|
|
7480
|
+
isSignal: true
|
|
7481
|
+
}],
|
|
7482
|
+
exportAs: ["uiDisclosure"],
|
|
7483
|
+
ngImport: i0,
|
|
7484
|
+
template: "<ng-content />\n\n<div class=\"ui-disclosure-panel\" [id]=\"regionId()\" [hidden]=\"!expanded()\">\n @if (expanded()) {\n <ng-container [ngTemplateOutlet]=\"panel()?.template ?? null\" />\n }\n</div>\n",
|
|
7485
|
+
styles: [":host{position:relative;display:block}.ui-disclosure-panel{position:relative}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
|
|
7486
|
+
dependencies: [{
|
|
7487
|
+
kind: "directive",
|
|
7488
|
+
type: NgTemplateOutlet,
|
|
7489
|
+
selector: "[ngTemplateOutlet]",
|
|
7490
|
+
inputs: [
|
|
7491
|
+
"ngTemplateOutletContext",
|
|
7492
|
+
"ngTemplateOutlet",
|
|
7493
|
+
"ngTemplateOutletInjector"
|
|
7494
|
+
]
|
|
7495
|
+
}]
|
|
7496
|
+
});
|
|
7497
|
+
};
|
|
7498
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
7499
|
+
minVersion: "12.0.0",
|
|
7500
|
+
version: "22.2.1",
|
|
7501
|
+
ngImport: i0,
|
|
7502
|
+
type: UiDisclosureComponent,
|
|
7503
|
+
decorators: [{
|
|
7504
|
+
type: Component,
|
|
7505
|
+
args: [{
|
|
7506
|
+
selector: "ui-disclosure",
|
|
7507
|
+
exportAs: "uiDisclosure",
|
|
7508
|
+
imports: [NgTemplateOutlet],
|
|
7509
|
+
template: "<ng-content />\n\n<div class=\"ui-disclosure-panel\" [id]=\"regionId()\" [hidden]=\"!expanded()\">\n @if (expanded()) {\n <ng-container [ngTemplateOutlet]=\"panel()?.template ?? null\" />\n }\n</div>\n",
|
|
7510
|
+
styles: [":host{position:relative;display:block}.ui-disclosure-panel{position:relative}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
7511
|
+
}]
|
|
7512
|
+
}],
|
|
7513
|
+
propDecorators: {
|
|
7514
|
+
expanded: [{
|
|
7515
|
+
type: i0.Input,
|
|
7516
|
+
args: [{
|
|
7517
|
+
isSignal: true,
|
|
7518
|
+
alias: "expanded",
|
|
7519
|
+
required: false
|
|
7520
|
+
}]
|
|
7521
|
+
}, {
|
|
7522
|
+
type: i0.Output,
|
|
7523
|
+
args: ["expandedChange"]
|
|
7524
|
+
}],
|
|
7525
|
+
panelId: [{
|
|
7526
|
+
type: i0.Input,
|
|
7527
|
+
args: [{
|
|
7528
|
+
isSignal: true,
|
|
7529
|
+
alias: "panelId",
|
|
7530
|
+
required: false
|
|
7531
|
+
}]
|
|
7532
|
+
}],
|
|
7533
|
+
panel: [{
|
|
7534
|
+
type: i0.ContentChild,
|
|
7535
|
+
args: [i0.forwardRef(() => UiDisclosurePanelDirective), { isSignal: true }]
|
|
7536
|
+
}]
|
|
7537
|
+
}
|
|
7538
|
+
});
|
|
7539
|
+
const DisclosureTriggerAppearances = ["section", "row"];
|
|
7540
|
+
var UiDisclosureChevronComponent = class UiDisclosureChevronComponent {
|
|
7541
|
+
disclosure = inject(UiDisclosureComponent);
|
|
7542
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
7543
|
+
minVersion: "12.0.0",
|
|
7544
|
+
version: "22.2.1",
|
|
7545
|
+
ngImport: i0,
|
|
7546
|
+
type: UiDisclosureChevronComponent,
|
|
7547
|
+
deps: [],
|
|
7548
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
7549
|
+
});
|
|
7550
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
7551
|
+
minVersion: "14.0.0",
|
|
7552
|
+
version: "22.2.1",
|
|
7553
|
+
type: UiDisclosureChevronComponent,
|
|
7554
|
+
isStandalone: true,
|
|
7555
|
+
selector: "ui-disclosure-chevron",
|
|
7556
|
+
host: { attributes: { "aria-hidden": "true" } },
|
|
7557
|
+
providers: [provideIcons({ heroChevronDown })],
|
|
7558
|
+
ngImport: i0,
|
|
7559
|
+
template: `
|
|
7560
|
+
<ng-icon
|
|
7561
|
+
name="heroChevronDown"
|
|
7562
|
+
class="ui-disclosure-chevron"
|
|
7563
|
+
[class.ui-disclosure-chevron--expanded]="disclosure.expanded()"
|
|
7564
|
+
/>
|
|
7565
|
+
`,
|
|
7566
|
+
isInline: true,
|
|
7567
|
+
styles: ["@layer properties;:host{display:inline-flex;flex-shrink:0}.ui-disclosure-chevron{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);color:var(--muted-foreground);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}@media(prefers-reduced-motion:reduce){.ui-disclosure-chevron{transition-property:none}}.ui-disclosure-chevron--expanded{rotate:180deg}@property --tw-duration{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
|
|
7568
|
+
dependencies: [{
|
|
7569
|
+
kind: "component",
|
|
7570
|
+
type: NgIcon,
|
|
7571
|
+
selector: "ng-icon",
|
|
7572
|
+
inputs: [
|
|
7573
|
+
"name",
|
|
7574
|
+
"svg",
|
|
7575
|
+
"size",
|
|
7576
|
+
"strokeWidth",
|
|
7577
|
+
"color"
|
|
7578
|
+
]
|
|
7579
|
+
}]
|
|
7580
|
+
});
|
|
7581
|
+
};
|
|
7582
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
7583
|
+
minVersion: "12.0.0",
|
|
7584
|
+
version: "22.2.1",
|
|
7585
|
+
ngImport: i0,
|
|
7586
|
+
type: UiDisclosureChevronComponent,
|
|
7587
|
+
decorators: [{
|
|
7588
|
+
type: Component,
|
|
7589
|
+
args: [{
|
|
7590
|
+
selector: "ui-disclosure-chevron",
|
|
7591
|
+
template: `
|
|
7592
|
+
<ng-icon
|
|
7593
|
+
name="heroChevronDown"
|
|
7594
|
+
class="ui-disclosure-chevron"
|
|
7595
|
+
[class.ui-disclosure-chevron--expanded]="disclosure.expanded()"
|
|
7596
|
+
/>
|
|
7597
|
+
`,
|
|
7598
|
+
imports: [NgIcon],
|
|
7599
|
+
host: { "aria-hidden": "true" },
|
|
7600
|
+
providers: [provideIcons({ heroChevronDown })],
|
|
7601
|
+
styles: ["@layer properties;:host{display:inline-flex;flex-shrink:0}.ui-disclosure-chevron{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4);color:var(--muted-foreground);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}@media(prefers-reduced-motion:reduce){.ui-disclosure-chevron{transition-property:none}}.ui-disclosure-chevron--expanded{rotate:180deg}@property --tw-duration{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
7602
|
+
}]
|
|
7603
|
+
}]
|
|
7604
|
+
});
|
|
7605
|
+
var UiDisclosureTriggerComponent = class UiDisclosureTriggerComponent {
|
|
7606
|
+
disclosure = inject(UiDisclosureComponent);
|
|
7607
|
+
appearance = input("section", ...ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []);
|
|
7608
|
+
ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
|
|
7609
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
7610
|
+
minVersion: "12.0.0",
|
|
7611
|
+
version: "22.2.1",
|
|
7612
|
+
ngImport: i0,
|
|
7613
|
+
type: UiDisclosureTriggerComponent,
|
|
7614
|
+
deps: [],
|
|
7615
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
7616
|
+
});
|
|
7617
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
7618
|
+
minVersion: "17.1.0",
|
|
7619
|
+
version: "22.2.1",
|
|
7620
|
+
type: UiDisclosureTriggerComponent,
|
|
7621
|
+
isStandalone: true,
|
|
7622
|
+
selector: "ui-disclosure-trigger",
|
|
7623
|
+
inputs: {
|
|
7624
|
+
appearance: {
|
|
7625
|
+
classPropertyName: "appearance",
|
|
7626
|
+
publicName: "appearance",
|
|
7627
|
+
isSignal: true,
|
|
7628
|
+
isRequired: false,
|
|
7629
|
+
transformFunction: null
|
|
7630
|
+
},
|
|
7631
|
+
ariaLabel: {
|
|
7632
|
+
classPropertyName: "ariaLabel",
|
|
7633
|
+
publicName: "ariaLabel",
|
|
7634
|
+
isSignal: true,
|
|
7635
|
+
isRequired: false,
|
|
7636
|
+
transformFunction: null
|
|
7637
|
+
}
|
|
7638
|
+
},
|
|
7639
|
+
ngImport: i0,
|
|
7640
|
+
template: "<button\n type=\"button\"\n [class]=\"'ui-disclosure-trigger ui-disclosure-trigger--' + appearance()\"\n [attr.aria-expanded]=\"disclosure.expanded()\"\n [attr.aria-controls]=\"disclosure.regionId()\"\n [attr.aria-label]=\"ariaLabel() || null\"\n (click)=\"disclosure.toggle()\"\n>\n <ng-content />\n</button>\n",
|
|
7641
|
+
styles: ["@layer properties;:host{display:block;min-width:0px}.ui-disclosure-trigger{cursor:pointer;text-align:start}.ui-disclosure-trigger:focus{--tw-outline-style: none;outline-style:none}.ui-disclosure-trigger--section{display:flex;width:100%;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground);transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-disclosure-trigger--section:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-disclosure-trigger--section:focus-visible{--tw-ring-color: var(--color-primary-200, var(--color-blue-200))}.ui-disclosure-trigger--row{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-disclosure-trigger--row:after{content:var(--tw-content);position:absolute}.ui-disclosure-trigger--row:after{content:var(--tw-content);inset:0}.ui-disclosure-trigger--row:after{content:var(--tw-content);border-radius:var(--radius-lg, .5rem)}.ui-disclosure-trigger--row:focus-visible:after{content:var(--tw-content);--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-disclosure-trigger--row:focus-visible:after{content:var(--tw-content);--tw-ring-color: var(--color-primary-200, var(--color-blue-200))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-content{syntax: \"*\"; initial-value: \"\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-duration: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
7642
|
+
});
|
|
7643
|
+
};
|
|
7644
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
7645
|
+
minVersion: "12.0.0",
|
|
7646
|
+
version: "22.2.1",
|
|
7647
|
+
ngImport: i0,
|
|
7648
|
+
type: UiDisclosureTriggerComponent,
|
|
7649
|
+
decorators: [{
|
|
7650
|
+
type: Component,
|
|
7651
|
+
args: [{
|
|
7652
|
+
selector: "ui-disclosure-trigger",
|
|
7653
|
+
template: "<button\n type=\"button\"\n [class]=\"'ui-disclosure-trigger ui-disclosure-trigger--' + appearance()\"\n [attr.aria-expanded]=\"disclosure.expanded()\"\n [attr.aria-controls]=\"disclosure.regionId()\"\n [attr.aria-label]=\"ariaLabel() || null\"\n (click)=\"disclosure.toggle()\"\n>\n <ng-content />\n</button>\n",
|
|
7654
|
+
styles: ["@layer properties;:host{display:block;min-width:0px}.ui-disclosure-trigger{cursor:pointer;text-align:start}.ui-disclosure-trigger:focus{--tw-outline-style: none;outline-style:none}.ui-disclosure-trigger--section{display:flex;width:100%;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground);transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-disclosure-trigger--section:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-disclosure-trigger--section:focus-visible{--tw-ring-color: var(--color-primary-200, var(--color-blue-200))}.ui-disclosure-trigger--row{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-disclosure-trigger--row:after{content:var(--tw-content);position:absolute}.ui-disclosure-trigger--row:after{content:var(--tw-content);inset:0}.ui-disclosure-trigger--row:after{content:var(--tw-content);border-radius:var(--radius-lg, .5rem)}.ui-disclosure-trigger--row:focus-visible:after{content:var(--tw-content);--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-disclosure-trigger--row:focus-visible:after{content:var(--tw-content);--tw-ring-color: var(--color-primary-200, var(--color-blue-200))}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-content{syntax: \"*\"; initial-value: \"\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-duration: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
7655
|
+
}]
|
|
7656
|
+
}],
|
|
7657
|
+
propDecorators: {
|
|
7658
|
+
appearance: [{
|
|
7659
|
+
type: i0.Input,
|
|
7660
|
+
args: [{
|
|
7661
|
+
isSignal: true,
|
|
7662
|
+
alias: "appearance",
|
|
7663
|
+
required: false
|
|
7664
|
+
}]
|
|
7665
|
+
}],
|
|
7666
|
+
ariaLabel: [{
|
|
7667
|
+
type: i0.Input,
|
|
7668
|
+
args: [{
|
|
7669
|
+
isSignal: true,
|
|
7670
|
+
alias: "ariaLabel",
|
|
7671
|
+
required: false
|
|
7672
|
+
}]
|
|
7673
|
+
}]
|
|
7674
|
+
}
|
|
7675
|
+
});
|
|
7405
7676
|
var UiModalCloseButtonComponent = class UiModalCloseButtonComponent {
|
|
7406
7677
|
isOpen = model.required(...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
|
|
7407
7678
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
@@ -13648,6 +13919,7 @@ var UiTableFiltersComponent = class UiTableFiltersComponent {
|
|
|
13648
13919
|
anyDate = "any";
|
|
13649
13920
|
customDate = "custom";
|
|
13650
13921
|
customDates = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "customDates" }] : /* istanbul ignore next */ []);
|
|
13922
|
+
expanded = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
|
|
13651
13923
|
linked = computed(() => {
|
|
13652
13924
|
const id = this.table();
|
|
13653
13925
|
return id ? this.registry.get(id) : null;
|
|
@@ -13706,6 +13978,22 @@ var UiTableFiltersComponent = class UiTableFiltersComponent {
|
|
|
13706
13978
|
const next = checked ? [...picked, option.value] : picked;
|
|
13707
13979
|
this.apply(facet.id, next.length ? next : void 0);
|
|
13708
13980
|
}
|
|
13981
|
+
isExpanded(facet) {
|
|
13982
|
+
return this.expanded().has(facet.id);
|
|
13983
|
+
}
|
|
13984
|
+
isShown(facet, option, index) {
|
|
13985
|
+
return this.isExpanded(facet) || !this.isPastCutoff(facet, index) || this.isSelected(facet, option);
|
|
13986
|
+
}
|
|
13987
|
+
hiddenCount(facet) {
|
|
13988
|
+
return facet.options.filter((option, index) => this.isPastCutoff(facet, index) && !this.isSelected(facet, option)).length;
|
|
13989
|
+
}
|
|
13990
|
+
toggleExpanded(facet) {
|
|
13991
|
+
this.expanded.update((ids) => {
|
|
13992
|
+
const next = new Set(ids);
|
|
13993
|
+
if (!next.delete(facet.id)) next.add(facet.id);
|
|
13994
|
+
return next;
|
|
13995
|
+
});
|
|
13996
|
+
}
|
|
13709
13997
|
range(facet) {
|
|
13710
13998
|
return this.value()[facet.id] ?? {
|
|
13711
13999
|
start: null,
|
|
@@ -13742,6 +14030,12 @@ var UiTableFiltersComponent = class UiTableFiltersComponent {
|
|
|
13742
14030
|
return next;
|
|
13743
14031
|
});
|
|
13744
14032
|
}
|
|
14033
|
+
isPastCutoff(facet, index) {
|
|
14034
|
+
return facet.visibleOptions !== void 0 && index >= facet.visibleOptions;
|
|
14035
|
+
}
|
|
14036
|
+
isSelected(facet, option) {
|
|
14037
|
+
return facet.multiple ? this.isChecked(facet, option) : this.picked(facet) === option.value;
|
|
14038
|
+
}
|
|
13745
14039
|
apply(id, applied) {
|
|
13746
14040
|
const next = { ...this.currentFilters() };
|
|
13747
14041
|
if (applied === void 0) delete next[id];
|
|
@@ -13813,8 +14107,8 @@ var UiTableFiltersComponent = class UiTableFiltersComponent {
|
|
|
13813
14107
|
outputs: { value: "valueChange" },
|
|
13814
14108
|
host: { classAttribute: "block" },
|
|
13815
14109
|
ngImport: i0,
|
|
13816
|
-
template: "@if (wide()) {\n <div class=\"ui-table-filters-panel ui-table-filters-panel--card\">\n <ng-container *ngTemplateOutlet=\"body; context: { $implicit: true }\" />\n </div>\n} @else {\n <ui-button\n appearance=\"white\"\n intent=\"secondary\"\n size=\"sm\"\n classes=\"gap-x-2 h-9.5 py-0!\"\n (click)=\"drawer.isOpen.set(true)\"\n >\n Filters\n @if (appliedCount()) {\n <ui-badge appearance=\"soft\" size=\"xs\" class=\"ui-text-caption\">{{\n appliedCount()\n }}</ui-badge>\n }\n </ui-button>\n\n <ui-drawer #drawer label=\"Filters\">\n <button\n drawer-actions\n type=\"button\"\n class=\"ui-table-filters-clear ui-text-body-alt\"\n [class.invisible]=\"!anyApplied()\"\n (click)=\"clearAll()\"\n >\n Clear all\n </button>\n\n <div class=\"ui-table-filters-panel\">\n <ng-container\n *ngTemplateOutlet=\"body; context: { $implicit: false }\"\n />\n </div>\n </ui-drawer>\n}\n\n<ng-template #body let-showHeader>\n @if (showHeader) {\n <div class=\"ui-table-filters-header\">\n <span class=\"ui-table-filters-title ui-text-body\">\n Filters\n </span>\n\n <button\n type=\"button\"\n class=\"ui-table-filters-clear ui-text-body-alt\"\n [class.invisible]=\"!anyApplied()\"\n (click)=\"clearAll()\"\n >\n Clear all\n </button>\n </div>\n }\n\n @for (facet of facets(); track facet.id) {\n <fieldset class=\"ui-table-filters-facet\">\n <legend class=\"ui-table-filters-legend ui-text-body-alt\">\n {{ facet.label }}\n </legend>\n\n <div
|
|
13817
|
-
styles: ["@layer properties;.ui-table-filters-panel{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 6)}.ui-table-filters-panel--card{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--card-line);background-color:var(--card);padding:calc(var(--spacing, .25rem) * 5)}.ui-table-filters-header{display:flex;align-items:center;justify-content:space-between;column-gap:calc(var(--spacing, .25rem) * 3)}.ui-table-filters-title{display:flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-table-filters-clear{cursor:pointer;color:var(--muted-foreground-1)}.ui-table-filters-clear:hover{color:var(--foreground)}.ui-table-filters-clear:focus-visible{text-decoration-line:underline}.ui-table-filters-clear:focus-visible{--tw-outline-style: none;outline-style:none}.ui-table-filters-facet{margin:0;min-width:0px;border-style:var(--tw-border-style);border-width:0px;padding:0}.ui-table-filters-legend{margin-bottom:calc(var(--spacing, .25rem) * 3);padding:0;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-table-filters-choices{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2.5)}.ui-table-filters-choice{display:flex;min-width:0px;cursor:pointer;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2.5);color:var(--muted-foreground-2)}.ui-table-filters-choice:hover{color:var(--foreground)}.ui-table-filters-range{margin-top:calc(var(--spacing, .25rem) * .5)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
|
|
14110
|
+
template: "@if (wide()) {\n <div class=\"ui-table-filters-panel ui-table-filters-panel--card\">\n <ng-container *ngTemplateOutlet=\"body; context: { $implicit: true }\" />\n </div>\n} @else {\n <ui-button\n appearance=\"white\"\n intent=\"secondary\"\n size=\"sm\"\n classes=\"gap-x-2 h-9.5 py-0!\"\n (click)=\"drawer.isOpen.set(true)\"\n >\n Filters\n @if (appliedCount()) {\n <ui-badge appearance=\"soft\" size=\"xs\" class=\"ui-text-caption\">{{\n appliedCount()\n }}</ui-badge>\n }\n </ui-button>\n\n <ui-drawer #drawer label=\"Filters\">\n <button\n drawer-actions\n type=\"button\"\n class=\"ui-table-filters-clear ui-text-body-alt\"\n [class.invisible]=\"!anyApplied()\"\n (click)=\"clearAll()\"\n >\n Clear all\n </button>\n\n <div class=\"ui-table-filters-panel\">\n <ng-container\n *ngTemplateOutlet=\"body; context: { $implicit: false }\"\n />\n </div>\n </ui-drawer>\n}\n\n<ng-template #body let-showHeader>\n @if (showHeader) {\n <div class=\"ui-table-filters-header\">\n <span class=\"ui-table-filters-title ui-text-body\">\n Filters\n </span>\n\n <button\n type=\"button\"\n class=\"ui-table-filters-clear ui-text-body-alt\"\n [class.invisible]=\"!anyApplied()\"\n (click)=\"clearAll()\"\n >\n Clear all\n </button>\n </div>\n }\n\n @for (facet of facets(); track facet.id) {\n <fieldset class=\"ui-table-filters-facet\">\n <legend class=\"ui-table-filters-legend ui-text-body-alt\">\n {{ facet.label }}\n </legend>\n\n <div\n class=\"ui-table-filters-choices\"\n [id]=\"groupName(facet) + '-options'\"\n >\n @switch (facet.kind) {\n @case ('options') {\n @if (facet.multiple) {\n @for (option of facet.options; track option.value; let index = $index) {\n @if (isShown(facet, option, index)) {\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, index)\"\n >\n <ui-checkbox\n [id]=\"choiceId(facet, index)\"\n [value]=\"isChecked(facet, option)\"\n (valueChange)=\"check(facet, option, $event)\"\n />\n <span class=\"truncate\">{{\n option.label\n }}</span>\n </label>\n }\n }\n } @else {\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, 'any')\"\n >\n <ui-radio\n [id]=\"choiceId(facet, 'any')\"\n [value]=\"picked(facet)\"\n (valueChange)=\"pick(facet, $event)\"\n [option]=\"null\"\n [name]=\"groupName(facet)\"\n />\n <span class=\"truncate\">Any</span>\n </label>\n\n @for (option of facet.options; track option.value; let index = $index) {\n @if (isShown(facet, option, index)) {\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, index)\"\n >\n <ui-radio\n [id]=\"choiceId(facet, index)\"\n [value]=\"picked(facet)\"\n (valueChange)=\"pick(facet, $event)\"\n [option]=\"option.value\"\n [name]=\"groupName(facet)\"\n />\n <span class=\"truncate\">{{\n option.label\n }}</span>\n </label>\n }\n }\n }\n }\n @case ('dateRange') {\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, 'any')\"\n >\n <ui-radio\n [id]=\"choiceId(facet, 'any')\"\n [value]=\"dateMode(facet)\"\n (valueChange)=\"pickDate(facet, $event)\"\n [option]=\"anyDate\"\n [name]=\"groupName(facet)\"\n />\n <span class=\"truncate\">Any time</span>\n </label>\n\n @for (preset of facet.presets ?? []; track preset.label; let index = $index) {\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, index)\"\n >\n <ui-radio\n [id]=\"choiceId(facet, index)\"\n [value]=\"dateMode(facet)\"\n (valueChange)=\"pickDate(facet, $event)\"\n [option]=\"index\"\n [name]=\"groupName(facet)\"\n />\n <span class=\"truncate\">{{ preset.label }}</span>\n </label>\n }\n\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, 'custom')\"\n >\n <ui-radio\n [id]=\"choiceId(facet, 'custom')\"\n [value]=\"dateMode(facet)\"\n (valueChange)=\"pickDate(facet, $event)\"\n [option]=\"customDate\"\n [name]=\"groupName(facet)\"\n />\n <span class=\"truncate\">Custom range</span>\n </label>\n\n @if (dateMode(facet) === 'custom') {\n <label\n class=\"sr-only\"\n [for]=\"groupName(facet) + '-range'\"\n >{{ facet.label }} range</label>\n <ui-date-range-picker\n class=\"ui-table-filters-range\"\n [id]=\"groupName(facet) + '-range'\"\n [value]=\"range(facet)\"\n (valueChange)=\"setRange(facet, $event)\"\n [placeholder]=\"facet.placeholder ?? 'Select dates'\"\n [min]=\"facet.min ?? null\"\n [max]=\"facet.max ?? null\"\n />\n }\n }\n }\n </div>\n\n @if (facet.kind === 'options' && hiddenCount(facet)) {\n <button\n type=\"button\"\n class=\"ui-table-filters-more ui-text-body-alt\"\n [attr.aria-expanded]=\"isExpanded(facet)\"\n [attr.aria-controls]=\"groupName(facet) + '-options'\"\n (click)=\"toggleExpanded(facet)\"\n >\n @if (isExpanded(facet)) {\n Show fewer\n } @else {\n Show {{ hiddenCount(facet) }} more\n }\n </button>\n }\n </fieldset>\n }\n</ng-template>\n",
|
|
14111
|
+
styles: ["@layer properties;.ui-table-filters-panel{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 6)}.ui-table-filters-panel--card{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--card-line);background-color:var(--card);padding:calc(var(--spacing, .25rem) * 5)}.ui-table-filters-header{display:flex;align-items:center;justify-content:space-between;column-gap:calc(var(--spacing, .25rem) * 3)}.ui-table-filters-title{display:flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-table-filters-clear{cursor:pointer;color:var(--muted-foreground-1)}.ui-table-filters-clear:hover{color:var(--foreground)}.ui-table-filters-clear:focus-visible{text-decoration-line:underline}.ui-table-filters-clear:focus-visible{--tw-outline-style: none;outline-style:none}.ui-table-filters-facet{margin:0;min-width:0px;border-style:var(--tw-border-style);border-width:0px;padding:0}.ui-table-filters-legend{margin-bottom:calc(var(--spacing, .25rem) * 3);padding:0;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-table-filters-choices{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2.5)}.ui-table-filters-choice{display:flex;min-width:0px;cursor:pointer;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2.5);color:var(--muted-foreground-2)}.ui-table-filters-choice:hover{color:var(--foreground)}.ui-table-filters-range{margin-top:calc(var(--spacing, .25rem) * .5)}.ui-table-filters-more{margin-top:calc(var(--spacing, .25rem) * 2.5);cursor:pointer;color:var(--color-primary-500, var(--color-blue-500))}.ui-table-filters-more:hover{color:var(--color-primary-600, var(--color-blue-600))}.ui-table-filters-more:hover{text-decoration-line:underline}.ui-table-filters-more:focus-visible{color:var(--color-primary-600, var(--color-blue-600))}.ui-table-filters-more:focus-visible{text-decoration-line:underline}.ui-table-filters-more:focus-visible{--tw-outline-style: none;outline-style:none}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
|
|
13818
14112
|
dependencies: [
|
|
13819
14113
|
{
|
|
13820
14114
|
kind: "directive",
|
|
@@ -13937,8 +14231,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
13937
14231
|
UiDateRangePickerComponent
|
|
13938
14232
|
],
|
|
13939
14233
|
host: { class: "block" },
|
|
13940
|
-
template: "@if (wide()) {\n <div class=\"ui-table-filters-panel ui-table-filters-panel--card\">\n <ng-container *ngTemplateOutlet=\"body; context: { $implicit: true }\" />\n </div>\n} @else {\n <ui-button\n appearance=\"white\"\n intent=\"secondary\"\n size=\"sm\"\n classes=\"gap-x-2 h-9.5 py-0!\"\n (click)=\"drawer.isOpen.set(true)\"\n >\n Filters\n @if (appliedCount()) {\n <ui-badge appearance=\"soft\" size=\"xs\" class=\"ui-text-caption\">{{\n appliedCount()\n }}</ui-badge>\n }\n </ui-button>\n\n <ui-drawer #drawer label=\"Filters\">\n <button\n drawer-actions\n type=\"button\"\n class=\"ui-table-filters-clear ui-text-body-alt\"\n [class.invisible]=\"!anyApplied()\"\n (click)=\"clearAll()\"\n >\n Clear all\n </button>\n\n <div class=\"ui-table-filters-panel\">\n <ng-container\n *ngTemplateOutlet=\"body; context: { $implicit: false }\"\n />\n </div>\n </ui-drawer>\n}\n\n<ng-template #body let-showHeader>\n @if (showHeader) {\n <div class=\"ui-table-filters-header\">\n <span class=\"ui-table-filters-title ui-text-body\">\n Filters\n </span>\n\n <button\n type=\"button\"\n class=\"ui-table-filters-clear ui-text-body-alt\"\n [class.invisible]=\"!anyApplied()\"\n (click)=\"clearAll()\"\n >\n Clear all\n </button>\n </div>\n }\n\n @for (facet of facets(); track facet.id) {\n <fieldset class=\"ui-table-filters-facet\">\n <legend class=\"ui-table-filters-legend ui-text-body-alt\">\n {{ facet.label }}\n </legend>\n\n <div
|
|
13941
|
-
styles: ["@layer properties;.ui-table-filters-panel{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 6)}.ui-table-filters-panel--card{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--card-line);background-color:var(--card);padding:calc(var(--spacing, .25rem) * 5)}.ui-table-filters-header{display:flex;align-items:center;justify-content:space-between;column-gap:calc(var(--spacing, .25rem) * 3)}.ui-table-filters-title{display:flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-table-filters-clear{cursor:pointer;color:var(--muted-foreground-1)}.ui-table-filters-clear:hover{color:var(--foreground)}.ui-table-filters-clear:focus-visible{text-decoration-line:underline}.ui-table-filters-clear:focus-visible{--tw-outline-style: none;outline-style:none}.ui-table-filters-facet{margin:0;min-width:0px;border-style:var(--tw-border-style);border-width:0px;padding:0}.ui-table-filters-legend{margin-bottom:calc(var(--spacing, .25rem) * 3);padding:0;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-table-filters-choices{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2.5)}.ui-table-filters-choice{display:flex;min-width:0px;cursor:pointer;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2.5);color:var(--muted-foreground-2)}.ui-table-filters-choice:hover{color:var(--foreground)}.ui-table-filters-range{margin-top:calc(var(--spacing, .25rem) * .5)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
14234
|
+
template: "@if (wide()) {\n <div class=\"ui-table-filters-panel ui-table-filters-panel--card\">\n <ng-container *ngTemplateOutlet=\"body; context: { $implicit: true }\" />\n </div>\n} @else {\n <ui-button\n appearance=\"white\"\n intent=\"secondary\"\n size=\"sm\"\n classes=\"gap-x-2 h-9.5 py-0!\"\n (click)=\"drawer.isOpen.set(true)\"\n >\n Filters\n @if (appliedCount()) {\n <ui-badge appearance=\"soft\" size=\"xs\" class=\"ui-text-caption\">{{\n appliedCount()\n }}</ui-badge>\n }\n </ui-button>\n\n <ui-drawer #drawer label=\"Filters\">\n <button\n drawer-actions\n type=\"button\"\n class=\"ui-table-filters-clear ui-text-body-alt\"\n [class.invisible]=\"!anyApplied()\"\n (click)=\"clearAll()\"\n >\n Clear all\n </button>\n\n <div class=\"ui-table-filters-panel\">\n <ng-container\n *ngTemplateOutlet=\"body; context: { $implicit: false }\"\n />\n </div>\n </ui-drawer>\n}\n\n<ng-template #body let-showHeader>\n @if (showHeader) {\n <div class=\"ui-table-filters-header\">\n <span class=\"ui-table-filters-title ui-text-body\">\n Filters\n </span>\n\n <button\n type=\"button\"\n class=\"ui-table-filters-clear ui-text-body-alt\"\n [class.invisible]=\"!anyApplied()\"\n (click)=\"clearAll()\"\n >\n Clear all\n </button>\n </div>\n }\n\n @for (facet of facets(); track facet.id) {\n <fieldset class=\"ui-table-filters-facet\">\n <legend class=\"ui-table-filters-legend ui-text-body-alt\">\n {{ facet.label }}\n </legend>\n\n <div\n class=\"ui-table-filters-choices\"\n [id]=\"groupName(facet) + '-options'\"\n >\n @switch (facet.kind) {\n @case ('options') {\n @if (facet.multiple) {\n @for (option of facet.options; track option.value; let index = $index) {\n @if (isShown(facet, option, index)) {\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, index)\"\n >\n <ui-checkbox\n [id]=\"choiceId(facet, index)\"\n [value]=\"isChecked(facet, option)\"\n (valueChange)=\"check(facet, option, $event)\"\n />\n <span class=\"truncate\">{{\n option.label\n }}</span>\n </label>\n }\n }\n } @else {\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, 'any')\"\n >\n <ui-radio\n [id]=\"choiceId(facet, 'any')\"\n [value]=\"picked(facet)\"\n (valueChange)=\"pick(facet, $event)\"\n [option]=\"null\"\n [name]=\"groupName(facet)\"\n />\n <span class=\"truncate\">Any</span>\n </label>\n\n @for (option of facet.options; track option.value; let index = $index) {\n @if (isShown(facet, option, index)) {\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, index)\"\n >\n <ui-radio\n [id]=\"choiceId(facet, index)\"\n [value]=\"picked(facet)\"\n (valueChange)=\"pick(facet, $event)\"\n [option]=\"option.value\"\n [name]=\"groupName(facet)\"\n />\n <span class=\"truncate\">{{\n option.label\n }}</span>\n </label>\n }\n }\n }\n }\n @case ('dateRange') {\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, 'any')\"\n >\n <ui-radio\n [id]=\"choiceId(facet, 'any')\"\n [value]=\"dateMode(facet)\"\n (valueChange)=\"pickDate(facet, $event)\"\n [option]=\"anyDate\"\n [name]=\"groupName(facet)\"\n />\n <span class=\"truncate\">Any time</span>\n </label>\n\n @for (preset of facet.presets ?? []; track preset.label; let index = $index) {\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, index)\"\n >\n <ui-radio\n [id]=\"choiceId(facet, index)\"\n [value]=\"dateMode(facet)\"\n (valueChange)=\"pickDate(facet, $event)\"\n [option]=\"index\"\n [name]=\"groupName(facet)\"\n />\n <span class=\"truncate\">{{ preset.label }}</span>\n </label>\n }\n\n <label\n class=\"ui-table-filters-choice ui-text-body-alt\"\n [for]=\"choiceId(facet, 'custom')\"\n >\n <ui-radio\n [id]=\"choiceId(facet, 'custom')\"\n [value]=\"dateMode(facet)\"\n (valueChange)=\"pickDate(facet, $event)\"\n [option]=\"customDate\"\n [name]=\"groupName(facet)\"\n />\n <span class=\"truncate\">Custom range</span>\n </label>\n\n @if (dateMode(facet) === 'custom') {\n <label\n class=\"sr-only\"\n [for]=\"groupName(facet) + '-range'\"\n >{{ facet.label }} range</label>\n <ui-date-range-picker\n class=\"ui-table-filters-range\"\n [id]=\"groupName(facet) + '-range'\"\n [value]=\"range(facet)\"\n (valueChange)=\"setRange(facet, $event)\"\n [placeholder]=\"facet.placeholder ?? 'Select dates'\"\n [min]=\"facet.min ?? null\"\n [max]=\"facet.max ?? null\"\n />\n }\n }\n }\n </div>\n\n @if (facet.kind === 'options' && hiddenCount(facet)) {\n <button\n type=\"button\"\n class=\"ui-table-filters-more ui-text-body-alt\"\n [attr.aria-expanded]=\"isExpanded(facet)\"\n [attr.aria-controls]=\"groupName(facet) + '-options'\"\n (click)=\"toggleExpanded(facet)\"\n >\n @if (isExpanded(facet)) {\n Show fewer\n } @else {\n Show {{ hiddenCount(facet) }} more\n }\n </button>\n }\n </fieldset>\n }\n</ng-template>\n",
|
|
14235
|
+
styles: ["@layer properties;.ui-table-filters-panel{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 6)}.ui-table-filters-panel--card{border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--card-line);background-color:var(--card);padding:calc(var(--spacing, .25rem) * 5)}.ui-table-filters-header{display:flex;align-items:center;justify-content:space-between;column-gap:calc(var(--spacing, .25rem) * 3)}.ui-table-filters-title{display:flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-table-filters-clear{cursor:pointer;color:var(--muted-foreground-1)}.ui-table-filters-clear:hover{color:var(--foreground)}.ui-table-filters-clear:focus-visible{text-decoration-line:underline}.ui-table-filters-clear:focus-visible{--tw-outline-style: none;outline-style:none}.ui-table-filters-facet{margin:0;min-width:0px;border-style:var(--tw-border-style);border-width:0px;padding:0}.ui-table-filters-legend{margin-bottom:calc(var(--spacing, .25rem) * 3);padding:0;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-table-filters-choices{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2.5)}.ui-table-filters-choice{display:flex;min-width:0px;cursor:pointer;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2.5);color:var(--muted-foreground-2)}.ui-table-filters-choice:hover{color:var(--foreground)}.ui-table-filters-range{margin-top:calc(var(--spacing, .25rem) * .5)}.ui-table-filters-more{margin-top:calc(var(--spacing, .25rem) * 2.5);cursor:pointer;color:var(--color-primary-500, var(--color-blue-500))}.ui-table-filters-more:hover{color:var(--color-primary-600, var(--color-blue-600))}.ui-table-filters-more:hover{text-decoration-line:underline}.ui-table-filters-more:focus-visible{color:var(--color-primary-600, var(--color-blue-600))}.ui-table-filters-more:focus-visible{text-decoration-line:underline}.ui-table-filters-more:focus-visible{--tw-outline-style: none;outline-style:none}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
|
|
13942
14236
|
}]
|
|
13943
14237
|
}],
|
|
13944
14238
|
ctorParameters: () => [],
|
|
@@ -14353,6 +14647,6 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
14353
14647
|
}]
|
|
14354
14648
|
}
|
|
14355
14649
|
});
|
|
14356
|
-
export { AlertAppearances, AlertIntents, AvatarSizes, BadgeAppearances, BadgeIntents, BadgeSizes, BarChartOrientations, ButtonAppearances, ButtonGroupAppearances, ButtonIntents, ButtonSizes, ButtonTypes, CHART_COLOURS, CHART_INK, CHART_INK_DARK, CHART_MAX_LINE_SERIES, CHART_MAX_SERIES, CHART_PALETTE, CHART_PALETTE_DARK, CalendarModes, CardHeadingLevels, CardRadii, FileRejectionReasons, InputAriaAutocompletes, InputAriaHasPopups, InputModes, InputTypes, LineChartCurves, MoneySignDisplays, PRIVATE_TEXT_LABEL, PRIVATE_TEXT_MASK, PieChartVariants, ProgressIntents, ProgressLabelPositions, ProgressOrientations, ProgressShapes, ProgressSizes, SelectLocalDataSource, SelectMultipleDisplays, SelectRemoteDataSource, SkeletonShapes, TableFiltersBreakpoints, TableLocalDataSource, TableRemoteDataSource, TextareaResizeOptions, ToastIntents, ToasterPositions, UI_BUTTON_GROUP, UI_FORMAT, UI_FORMAT_DEFAULTS, UI_LOADING_TYPES, UI_PRIVACY, UI_THEME_CONFIG, UiAlertComponent, UiAvatarComponent, UiBadgeComponent, UiBarChartComponent, UiButtonComponent, UiButtonGroupComponent, UiCalendarComponent, UiCardComponent, UiCardHeaderComponent, UiChartComponent, UiChartFrameComponent, UiChartLegendComponent, UiChartTableComponent, UiCheckboxComponent, UiColourComponent, UiContainerComponent, UiCounterComponent, UiDateRangePickerComponent, UiDatepickerComponent, UiDrawerComponent, UiDropdownButtonComponent, UiDropdownComponent, UiDropdownDirective, UiDropdownMenuComponent, UiDropzoneComponent, UiFieldComponent, UiFileInputComponent, UiInputAddonComponent, UiInputComponent, UiInputGroupComponent, UiKpiComponent, UiLayoutComponent, UiLineChartComponent, UiLoadingComponent, UiModalComponent, UiMoneyComponent, UiOverlayComponent, UiPaginationComponent, UiPieChartComponent, UiPrivacies, UiPrivateComponent, UiProgressComponent, UiRadioComponent, UiSearchComponent, UiSegmentedComponent, UiSelectComponent, UiSidebarComponent, UiSidebarGroupComponent, UiSidebarItemComponent, UiSkeletonComponent, UiStatComponent, UiSwitchComponent, UiTabComponent, UiTabDirective, UiTableComponent, UiTableFiltersComponent, UiTableRegistry, UiTextareaComponent, UiThemeService, UiThemeSwitchComponent, UiTimeSelectComponent, UiToastComponent, UiToastService, UiToasterComponent, UiTooltipComponent, UiUserMenuComponent, WeekStarts, chartColour, chartInk, chartSeriesStyle, defaultDateRangePresets, financialYearPreset, injectMoneyFormatter, injectPrivateText, lastDaysPreset, maskMoney, moneyFormatterParts, monthPreset, pickedChartColour, provideUiFormat, provideUiPrivacy, provideUiTheme, radiusClasses, thisWeekPreset, todayPreset, yearPreset };
|
|
14650
|
+
export { AlertAppearances, AlertIntents, AvatarSizes, BadgeAppearances, BadgeIntents, BadgeSizes, BarChartOrientations, ButtonAppearances, ButtonGroupAppearances, ButtonIntents, ButtonSizes, ButtonTypes, CHART_COLOURS, CHART_INK, CHART_INK_DARK, CHART_MAX_LINE_SERIES, CHART_MAX_SERIES, CHART_PALETTE, CHART_PALETTE_DARK, CalendarModes, CardHeadingLevels, CardRadii, DisclosureTriggerAppearances, FileRejectionReasons, InputAriaAutocompletes, InputAriaHasPopups, InputModes, InputTypes, LineChartCurves, MoneySignDisplays, PRIVATE_TEXT_LABEL, PRIVATE_TEXT_MASK, PieChartVariants, ProgressIntents, ProgressLabelPositions, ProgressOrientations, ProgressShapes, ProgressSizes, SelectLocalDataSource, SelectMultipleDisplays, SelectRemoteDataSource, SkeletonShapes, TableFiltersBreakpoints, TableLocalDataSource, TableRemoteDataSource, TextareaResizeOptions, ToastIntents, ToasterPositions, UI_BUTTON_GROUP, UI_FORMAT, UI_FORMAT_DEFAULTS, UI_LOADING_TYPES, UI_PRIVACY, UI_THEME_CONFIG, UiAlertComponent, UiAvatarComponent, UiBadgeComponent, UiBarChartComponent, UiButtonComponent, UiButtonGroupComponent, UiCalendarComponent, UiCardComponent, UiCardHeaderComponent, UiChartComponent, UiChartFrameComponent, UiChartLegendComponent, UiChartTableComponent, UiCheckboxComponent, UiColourComponent, UiContainerComponent, UiCounterComponent, UiDateRangePickerComponent, UiDatepickerComponent, UiDisclosureChevronComponent, UiDisclosureComponent, UiDisclosurePanelDirective, UiDisclosureTriggerComponent, UiDrawerComponent, UiDropdownButtonComponent, UiDropdownComponent, UiDropdownDirective, UiDropdownMenuComponent, UiDropzoneComponent, UiFieldComponent, UiFileInputComponent, UiInputAddonComponent, UiInputComponent, UiInputGroupComponent, UiKpiComponent, UiLayoutComponent, UiLineChartComponent, UiLoadingComponent, UiModalComponent, UiMoneyComponent, UiOverlayComponent, UiPaginationComponent, UiPieChartComponent, UiPrivacies, UiPrivateComponent, UiProgressComponent, UiRadioComponent, UiSearchComponent, UiSegmentedComponent, UiSelectComponent, UiSidebarComponent, UiSidebarGroupComponent, UiSidebarItemComponent, UiSkeletonComponent, UiStatComponent, UiSwitchComponent, UiTabComponent, UiTabDirective, UiTableComponent, UiTableFiltersComponent, UiTableRegistry, UiTextareaComponent, UiThemeService, UiThemeSwitchComponent, UiTimeSelectComponent, UiToastComponent, UiToastService, UiToasterComponent, UiTooltipComponent, UiUserMenuComponent, WeekStarts, chartColour, chartInk, chartSeriesStyle, defaultDateRangePresets, financialYearPreset, injectMoneyFormatter, injectPrivateText, lastDaysPreset, maskMoney, moneyFormatterParts, monthPreset, pickedChartColour, provideUiFormat, provideUiPrivacy, provideUiTheme, radiusClasses, thisWeekPreset, todayPreset, yearPreset };
|
|
14357
14651
|
|
|
14358
14652
|
//# sourceMappingURL=area8975-ui.mjs.map
|