@sinequa/galactik 2.4.0 → 2.6.0
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.
|
@@ -800,6 +800,73 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
800
800
|
}] }
|
|
801
801
|
});
|
|
802
802
|
const BellIconComponent = BellIcon;
|
|
803
|
+
var BellSlashIcon = class BellSlashIcon {
|
|
804
|
+
class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
|
|
805
|
+
classes = computed(() => cn(this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
|
|
806
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
807
|
+
minVersion: "12.0.0",
|
|
808
|
+
version: "22.2.1",
|
|
809
|
+
ngImport: i0,
|
|
810
|
+
type: BellSlashIcon,
|
|
811
|
+
deps: [],
|
|
812
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
813
|
+
});
|
|
814
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
815
|
+
minVersion: "17.1.0",
|
|
816
|
+
version: "22.2.1",
|
|
817
|
+
type: BellSlashIcon,
|
|
818
|
+
isStandalone: true,
|
|
819
|
+
selector: "bell-slash, bell-slash-icon, BellSlash, BellSlashIcon",
|
|
820
|
+
inputs: { class: {
|
|
821
|
+
classPropertyName: "class",
|
|
822
|
+
publicName: "class",
|
|
823
|
+
isSignal: true,
|
|
824
|
+
isRequired: false,
|
|
825
|
+
transformFunction: null
|
|
826
|
+
} },
|
|
827
|
+
ngImport: i0,
|
|
828
|
+
template: `
|
|
829
|
+
<svg [class]="classes()" aria-hidden="true" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
830
|
+
<path d="M8.7 3A6 6 0 0 1 18 8a21.3 21.3 0 0 0 .6 5" />
|
|
831
|
+
<path d="M17 17H3s3-2 3-9a4.67 4.67 0 0 1 .3-1.7" />
|
|
832
|
+
<path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
|
|
833
|
+
<path d="m2 2 20 20" />
|
|
834
|
+
</svg>
|
|
835
|
+
`,
|
|
836
|
+
isInline: true,
|
|
837
|
+
styles: [":host{display:contents}\n"]
|
|
838
|
+
});
|
|
839
|
+
};
|
|
840
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
841
|
+
minVersion: "12.0.0",
|
|
842
|
+
version: "22.2.1",
|
|
843
|
+
ngImport: i0,
|
|
844
|
+
type: BellSlashIcon,
|
|
845
|
+
decorators: [{
|
|
846
|
+
type: Component,
|
|
847
|
+
args: [{
|
|
848
|
+
selector: "bell-slash, bell-slash-icon, BellSlash, BellSlashIcon",
|
|
849
|
+
template: `
|
|
850
|
+
<svg [class]="classes()" aria-hidden="true" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
851
|
+
<path d="M8.7 3A6 6 0 0 1 18 8a21.3 21.3 0 0 0 .6 5" />
|
|
852
|
+
<path d="M17 17H3s3-2 3-9a4.67 4.67 0 0 1 .3-1.7" />
|
|
853
|
+
<path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
|
|
854
|
+
<path d="m2 2 20 20" />
|
|
855
|
+
</svg>
|
|
856
|
+
`,
|
|
857
|
+
styles: [":host{display:contents}\n"]
|
|
858
|
+
}]
|
|
859
|
+
}],
|
|
860
|
+
propDecorators: { class: [{
|
|
861
|
+
type: i0.Input,
|
|
862
|
+
args: [{
|
|
863
|
+
isSignal: true,
|
|
864
|
+
alias: "class",
|
|
865
|
+
required: false
|
|
866
|
+
}]
|
|
867
|
+
}] }
|
|
868
|
+
});
|
|
869
|
+
const BellSlashIconComponent = BellSlashIcon;
|
|
803
870
|
var BookmarkIcon = class BookmarkIcon {
|
|
804
871
|
class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
|
|
805
872
|
classes = computed(() => cn(this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
|
|
@@ -4276,6 +4343,77 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4276
4343
|
}] }
|
|
4277
4344
|
});
|
|
4278
4345
|
const GridIconComponent = GridIcon;
|
|
4346
|
+
var GripVerticalIcon = class GripVerticalIcon {
|
|
4347
|
+
class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
|
|
4348
|
+
classes = computed(() => cn(this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
|
|
4349
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
4350
|
+
minVersion: "12.0.0",
|
|
4351
|
+
version: "22.2.1",
|
|
4352
|
+
ngImport: i0,
|
|
4353
|
+
type: GripVerticalIcon,
|
|
4354
|
+
deps: [],
|
|
4355
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
4356
|
+
});
|
|
4357
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
4358
|
+
minVersion: "17.1.0",
|
|
4359
|
+
version: "22.2.1",
|
|
4360
|
+
type: GripVerticalIcon,
|
|
4361
|
+
isStandalone: true,
|
|
4362
|
+
selector: "grip-vertical, grip-vertical-icon, GripVertical, GripVerticalIcon",
|
|
4363
|
+
inputs: { class: {
|
|
4364
|
+
classPropertyName: "class",
|
|
4365
|
+
publicName: "class",
|
|
4366
|
+
isSignal: true,
|
|
4367
|
+
isRequired: false,
|
|
4368
|
+
transformFunction: null
|
|
4369
|
+
} },
|
|
4370
|
+
ngImport: i0,
|
|
4371
|
+
template: `
|
|
4372
|
+
<svg [class]="classes()" aria-hidden="true" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
4373
|
+
<circle cx="9" cy="5" r="1" />
|
|
4374
|
+
<circle cx="9" cy="12" r="1" />
|
|
4375
|
+
<circle cx="9" cy="19" r="1" />
|
|
4376
|
+
<circle cx="15" cy="5" r="1" />
|
|
4377
|
+
<circle cx="15" cy="12" r="1" />
|
|
4378
|
+
<circle cx="15" cy="19" r="1" />
|
|
4379
|
+
</svg>
|
|
4380
|
+
`,
|
|
4381
|
+
isInline: true,
|
|
4382
|
+
styles: [":host{display:contents}\n"]
|
|
4383
|
+
});
|
|
4384
|
+
};
|
|
4385
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
4386
|
+
minVersion: "12.0.0",
|
|
4387
|
+
version: "22.2.1",
|
|
4388
|
+
ngImport: i0,
|
|
4389
|
+
type: GripVerticalIcon,
|
|
4390
|
+
decorators: [{
|
|
4391
|
+
type: Component,
|
|
4392
|
+
args: [{
|
|
4393
|
+
selector: "grip-vertical, grip-vertical-icon, GripVertical, GripVerticalIcon",
|
|
4394
|
+
template: `
|
|
4395
|
+
<svg [class]="classes()" aria-hidden="true" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
4396
|
+
<circle cx="9" cy="5" r="1" />
|
|
4397
|
+
<circle cx="9" cy="12" r="1" />
|
|
4398
|
+
<circle cx="9" cy="19" r="1" />
|
|
4399
|
+
<circle cx="15" cy="5" r="1" />
|
|
4400
|
+
<circle cx="15" cy="12" r="1" />
|
|
4401
|
+
<circle cx="15" cy="19" r="1" />
|
|
4402
|
+
</svg>
|
|
4403
|
+
`,
|
|
4404
|
+
styles: [":host{display:contents}\n"]
|
|
4405
|
+
}]
|
|
4406
|
+
}],
|
|
4407
|
+
propDecorators: { class: [{
|
|
4408
|
+
type: i0.Input,
|
|
4409
|
+
args: [{
|
|
4410
|
+
isSignal: true,
|
|
4411
|
+
alias: "class",
|
|
4412
|
+
required: false
|
|
4413
|
+
}]
|
|
4414
|
+
}] }
|
|
4415
|
+
});
|
|
4416
|
+
const GripVerticalIconComponent = GripVerticalIcon;
|
|
4279
4417
|
var HighlighterIcon = class HighlighterIcon {
|
|
4280
4418
|
class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
|
|
4281
4419
|
classes = computed(() => cn(this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
|
|
@@ -9975,6 +10113,74 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
9975
10113
|
}]
|
|
9976
10114
|
}
|
|
9977
10115
|
});
|
|
10116
|
+
var TruncatedDirective = class TruncatedDirective {
|
|
10117
|
+
truncated = input("", ...ngDevMode ? [{ debugName: "truncated" }] : /* istanbul ignore next */ []);
|
|
10118
|
+
host = inject(ElementRef).nativeElement;
|
|
10119
|
+
cut = signal(false, ...ngDevMode ? [{ debugName: "cut" }] : /* istanbul ignore next */ []);
|
|
10120
|
+
isTruncated = this.cut.asReadonly();
|
|
10121
|
+
constructor() {
|
|
10122
|
+
const destroyRef = inject(DestroyRef);
|
|
10123
|
+
afterNextRender(() => {
|
|
10124
|
+
const measure = () => {
|
|
10125
|
+
const selector = this.truncated();
|
|
10126
|
+
const el = selector && this.host.querySelector(selector) || this.host;
|
|
10127
|
+
this.cut.set(el.scrollHeight > el.clientHeight + 1 || el.scrollWidth > el.clientWidth + 1);
|
|
10128
|
+
};
|
|
10129
|
+
measure();
|
|
10130
|
+
if (typeof ResizeObserver === "undefined") return;
|
|
10131
|
+
const observer = new ResizeObserver(measure);
|
|
10132
|
+
observer.observe(this.host);
|
|
10133
|
+
destroyRef.onDestroy(() => observer.disconnect());
|
|
10134
|
+
});
|
|
10135
|
+
}
|
|
10136
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
10137
|
+
minVersion: "12.0.0",
|
|
10138
|
+
version: "22.2.1",
|
|
10139
|
+
ngImport: i0,
|
|
10140
|
+
type: TruncatedDirective,
|
|
10141
|
+
deps: [],
|
|
10142
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
10143
|
+
});
|
|
10144
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
10145
|
+
minVersion: "17.1.0",
|
|
10146
|
+
version: "22.2.1",
|
|
10147
|
+
type: TruncatedDirective,
|
|
10148
|
+
isStandalone: true,
|
|
10149
|
+
selector: "[truncated]",
|
|
10150
|
+
inputs: { truncated: {
|
|
10151
|
+
classPropertyName: "truncated",
|
|
10152
|
+
publicName: "truncated",
|
|
10153
|
+
isSignal: true,
|
|
10154
|
+
isRequired: false,
|
|
10155
|
+
transformFunction: null
|
|
10156
|
+
} },
|
|
10157
|
+
exportAs: ["truncated"],
|
|
10158
|
+
ngImport: i0
|
|
10159
|
+
});
|
|
10160
|
+
};
|
|
10161
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
10162
|
+
minVersion: "12.0.0",
|
|
10163
|
+
version: "22.2.1",
|
|
10164
|
+
ngImport: i0,
|
|
10165
|
+
type: TruncatedDirective,
|
|
10166
|
+
decorators: [{
|
|
10167
|
+
type: Directive,
|
|
10168
|
+
args: [{
|
|
10169
|
+
selector: "[truncated]",
|
|
10170
|
+
exportAs: "truncated",
|
|
10171
|
+
standalone: true
|
|
10172
|
+
}]
|
|
10173
|
+
}],
|
|
10174
|
+
ctorParameters: () => [],
|
|
10175
|
+
propDecorators: { truncated: [{
|
|
10176
|
+
type: i0.Input,
|
|
10177
|
+
args: [{
|
|
10178
|
+
isSignal: true,
|
|
10179
|
+
alias: "truncated",
|
|
10180
|
+
required: false
|
|
10181
|
+
}]
|
|
10182
|
+
}] }
|
|
10183
|
+
});
|
|
9978
10184
|
const menuPanelVariants = cva([
|
|
9979
10185
|
"p-(--spacing-2xs)",
|
|
9980
10186
|
"rounded-(--radius-sm) bg-(--layer-page-layer) shadow-(--shadow-1)",
|
|
@@ -12105,10 +12311,10 @@ const tagVariants = cva([
|
|
|
12105
12311
|
error: ""
|
|
12106
12312
|
},
|
|
12107
12313
|
size: {
|
|
12108
|
-
xs: "gap-1 rounded-(--radius-xs) px-1 py-0.5 text-(length:--size-
|
|
12314
|
+
xs: "gap-1 rounded-(--radius-xs) px-1 py-0.5 text-(length:--size-xs) leading-[var(--line-height-xs,var(--line-height-1))] [&_.tag-icon]:text-(length:--icon-xs)",
|
|
12109
12315
|
sm: "gap-1 rounded-(--radius-sm) px-2 py-1 text-(length:--size-sm) leading-(--line-height-sm) [&_.tag-icon]:text-(length:--icon-xs)",
|
|
12110
12316
|
md: "gap-2 rounded-(--radius-sm) px-3 py-2 text-(length:--size-base) leading-(--line-height-base) [&_.tag-icon]:text-(length:--icon-sm)",
|
|
12111
|
-
xsmall: "gap-1 rounded-(--radius-xs) px-1 py-0.5 text-(length:--size-
|
|
12317
|
+
xsmall: "gap-1 rounded-(--radius-xs) px-1 py-0.5 text-(length:--size-xs) leading-[var(--line-height-xs,var(--line-height-1))] [&_.tag-icon]:text-(length:--icon-xs)",
|
|
12112
12318
|
small: "gap-1 rounded-(--radius-sm) px-2 py-1 text-(length:--size-sm) leading-(--line-height-sm) [&_.tag-icon]:text-(length:--icon-xs)",
|
|
12113
12319
|
medium: "gap-2 rounded-(--radius-sm) px-3 py-2 text-(length:--size-base) leading-(--line-height-base) [&_.tag-icon]:text-(length:--icon-sm)"
|
|
12114
12320
|
}
|
|
@@ -12557,11 +12763,13 @@ var AutocompleteComponent = class AutocompleteComponent {
|
|
|
12557
12763
|
listboxEl = viewChild("listbox", ...ngDevMode ? [{ debugName: "listboxEl" }] : /* istanbul ignore next */ []);
|
|
12558
12764
|
fieldEl = viewChild("field", ...ngDevMode ? [{ debugName: "fieldEl" }] : /* istanbul ignore next */ []);
|
|
12559
12765
|
settledQuery = signal("", ...ngDevMode ? [{ debugName: "settledQuery" }] : /* istanbul ignore next */ []);
|
|
12766
|
+
browseAll = signal(false, ...ngDevMode ? [{ debugName: "browseAll" }] : /* istanbul ignore next */ []);
|
|
12560
12767
|
search = resource({
|
|
12561
12768
|
...ngDevMode ? { debugName: "search" } : /* istanbul ignore next */ {},
|
|
12562
12769
|
params: () => {
|
|
12563
12770
|
const q = this.settledQuery().trim();
|
|
12564
|
-
|
|
12771
|
+
if (q.length >= this.minLength()) return q;
|
|
12772
|
+
return this.browseAll() ? "" : void 0;
|
|
12565
12773
|
},
|
|
12566
12774
|
loader: ({ params, abortSignal }) => this.loader()(params, { signal: abortSignal })
|
|
12567
12775
|
});
|
|
@@ -12617,6 +12825,7 @@ var AutocompleteComponent = class AutocompleteComponent {
|
|
|
12617
12825
|
}
|
|
12618
12826
|
onInput(event) {
|
|
12619
12827
|
queueMicrotask(() => this.combobox().expanded.set(this.open()));
|
|
12828
|
+
this.browseAll.set(false);
|
|
12620
12829
|
if (!event.target.value.trim()) this.open.set(false);
|
|
12621
12830
|
}
|
|
12622
12831
|
onKeydown(event) {
|
|
@@ -12650,6 +12859,11 @@ var AutocompleteComponent = class AutocompleteComponent {
|
|
|
12650
12859
|
}
|
|
12651
12860
|
if (!pickedAny) return;
|
|
12652
12861
|
if (this.closeOnPick()) this.clearQuery();
|
|
12862
|
+
else {
|
|
12863
|
+
this.query.set("");
|
|
12864
|
+
this.settledQuery.set("");
|
|
12865
|
+
this.browseAll.set(true);
|
|
12866
|
+
}
|
|
12653
12867
|
this.combobox().element.focus();
|
|
12654
12868
|
}
|
|
12655
12869
|
onEnter(event) {
|
|
@@ -12664,6 +12878,7 @@ var AutocompleteComponent = class AutocompleteComponent {
|
|
|
12664
12878
|
clearQuery() {
|
|
12665
12879
|
this.query.set("");
|
|
12666
12880
|
this.settledQuery.set("");
|
|
12881
|
+
this.browseAll.set(false);
|
|
12667
12882
|
this.open.set(false);
|
|
12668
12883
|
}
|
|
12669
12884
|
onFocusOut(event) {
|
|
@@ -14855,12 +15070,12 @@ const listItemVariants = cva([
|
|
|
14855
15070
|
variants: {
|
|
14856
15071
|
variant: {
|
|
14857
15072
|
"list-content": "h-10.5 gap-0",
|
|
14858
|
-
"list-navigation": "m-0 h-
|
|
14859
|
-
"list-menu": "m-0 h-
|
|
15073
|
+
"list-navigation": "m-0 min-h-(--row-height-sm) cursor-pointer appearance-none border-0 bg-transparent text-left font-[family-name:var(--family-base,'Hanken_Grotesk'),sans-serif]",
|
|
15074
|
+
"list-menu": "m-0 min-h-(--row-height-sm) cursor-pointer appearance-none gap-0 border-0 bg-transparent text-left font-[family-name:var(--family-base,'Hanken_Grotesk'),sans-serif]"
|
|
14860
15075
|
},
|
|
14861
15076
|
size: {
|
|
14862
|
-
small: "h-
|
|
14863
|
-
medium: "h-
|
|
15077
|
+
small: "min-h-(--row-height-sm) has-[.list-item-action-hint]:focus-visible:min-h-(--row-height-sm)",
|
|
15078
|
+
medium: "min-h-(--row-height-md) has-[.list-item-action-hint]:focus-visible:min-h-(--row-height-md)"
|
|
14864
15079
|
},
|
|
14865
15080
|
selected: {
|
|
14866
15081
|
true: "bg-(--bg-primary-lighter)",
|
|
@@ -15405,13 +15620,18 @@ var ListItemActionComponent = class ListItemActionComponent {
|
|
|
15405
15620
|
@if (description() && !disabled()) {
|
|
15406
15621
|
<span [id]="descriptionId" class="sr-only" aria-hidden="true">{{ description() }}</span>
|
|
15407
15622
|
}
|
|
15623
|
+
<!-- Icône masquée aux technologies d'assistance : une option de listbox a des enfants présentationnels, et
|
|
15624
|
+
NVDA ne lit rien sous la souris dans une option, quel que soit le rôle ou le nom de l'icône. L'action
|
|
15625
|
+
est annoncée par la ligne (aria-keyshortcuts + description) et atteinte par sa touche. L'infobulle
|
|
15626
|
+
ne sert qu'aux voyants, à la place du title natif. -->
|
|
15408
15627
|
<span
|
|
15409
15628
|
#trigger
|
|
15410
15629
|
[class]="btnClass"
|
|
15411
15630
|
aria-hidden="true"
|
|
15631
|
+
[tooltip]="ariaLabel()"
|
|
15632
|
+
[tooltipDisabled]="disabled()"
|
|
15412
15633
|
[class.pointer-events-none]="disabled()"
|
|
15413
15634
|
[class.opacity-50]="disabled()"
|
|
15414
|
-
[attr.title]="ariaLabel()"
|
|
15415
15635
|
[attr.data-disabled]="disabled() || null">
|
|
15416
15636
|
<ng-content />
|
|
15417
15637
|
</span>
|
|
@@ -15435,6 +15655,31 @@ var ListItemActionComponent = class ListItemActionComponent {
|
|
|
15435
15655
|
type: KbdComponent,
|
|
15436
15656
|
selector: "kbd, Kbd",
|
|
15437
15657
|
inputs: ["class", "size"]
|
|
15658
|
+
}, {
|
|
15659
|
+
kind: "directive",
|
|
15660
|
+
type: TooltipDirective,
|
|
15661
|
+
selector: "[tooltip]",
|
|
15662
|
+
inputs: [
|
|
15663
|
+
"tooltip",
|
|
15664
|
+
"tooltipPosition",
|
|
15665
|
+
"tooltipEvent",
|
|
15666
|
+
"showDelay",
|
|
15667
|
+
"hideDelay",
|
|
15668
|
+
"life",
|
|
15669
|
+
"tooltipOffset",
|
|
15670
|
+
"autoHide",
|
|
15671
|
+
"hideOnEscape",
|
|
15672
|
+
"escape",
|
|
15673
|
+
"tooltipDisabled",
|
|
15674
|
+
"tooltipArrow",
|
|
15675
|
+
"tooltipStyleClass",
|
|
15676
|
+
"tooltipOptions",
|
|
15677
|
+
"tooltip-position",
|
|
15678
|
+
"tooltip-delay",
|
|
15679
|
+
"tooltip-duration",
|
|
15680
|
+
"tooltip-offset"
|
|
15681
|
+
],
|
|
15682
|
+
exportAs: ["tooltip"]
|
|
15438
15683
|
}],
|
|
15439
15684
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
15440
15685
|
});
|
|
@@ -15451,20 +15696,25 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
15451
15696
|
exportAs: "listItemAction",
|
|
15452
15697
|
standalone: true,
|
|
15453
15698
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
15454
|
-
imports: [KbdComponent],
|
|
15699
|
+
imports: [KbdComponent, TooltipDirective],
|
|
15455
15700
|
template: `
|
|
15456
15701
|
<!-- Texte masqué relié à la ligne par aria-describedby. aria-hidden : il ne doit pas entrer dans le
|
|
15457
15702
|
nom de l'option (calculé depuis son contenu), une référence aria-describedby le lit quand même. -->
|
|
15458
15703
|
@if (description() && !disabled()) {
|
|
15459
15704
|
<span [id]="descriptionId" class="sr-only" aria-hidden="true">{{ description() }}</span>
|
|
15460
15705
|
}
|
|
15706
|
+
<!-- Icône masquée aux technologies d'assistance : une option de listbox a des enfants présentationnels, et
|
|
15707
|
+
NVDA ne lit rien sous la souris dans une option, quel que soit le rôle ou le nom de l'icône. L'action
|
|
15708
|
+
est annoncée par la ligne (aria-keyshortcuts + description) et atteinte par sa touche. L'infobulle
|
|
15709
|
+
ne sert qu'aux voyants, à la place du title natif. -->
|
|
15461
15710
|
<span
|
|
15462
15711
|
#trigger
|
|
15463
15712
|
[class]="btnClass"
|
|
15464
15713
|
aria-hidden="true"
|
|
15714
|
+
[tooltip]="ariaLabel()"
|
|
15715
|
+
[tooltipDisabled]="disabled()"
|
|
15465
15716
|
[class.pointer-events-none]="disabled()"
|
|
15466
15717
|
[class.opacity-50]="disabled()"
|
|
15467
|
-
[attr.title]="ariaLabel()"
|
|
15468
15718
|
[attr.data-disabled]="disabled() || null">
|
|
15469
15719
|
<ng-content />
|
|
15470
15720
|
</span>
|
|
@@ -24420,6 +24670,427 @@ function normalize(sizes) {
|
|
|
24420
24670
|
if (total <= 0) return sizes.map(() => 100 / sizes.length);
|
|
24421
24671
|
return sizes.map((size) => size / total * 100);
|
|
24422
24672
|
}
|
|
24423
|
-
|
|
24673
|
+
const GHOST_TILT = 3;
|
|
24674
|
+
const GHOST_TILT_THRESHOLD = 4;
|
|
24675
|
+
const LANDING_DURATION = 220;
|
|
24676
|
+
const SLIDE_DURATION = 160;
|
|
24677
|
+
const TRANSPARENT_IMAGE = (() => {
|
|
24678
|
+
if (typeof Image === "undefined") return void 0;
|
|
24679
|
+
const image = new Image();
|
|
24680
|
+
image.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
|
|
24681
|
+
return image;
|
|
24682
|
+
})();
|
|
24683
|
+
const prefersReducedMotion = () => typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
24684
|
+
function moved(list, item, target, after) {
|
|
24685
|
+
const next = list.filter((entry) => entry !== item);
|
|
24686
|
+
next.splice(next.indexOf(target) + (after ? 1 : 0), 0, item);
|
|
24687
|
+
return next;
|
|
24688
|
+
}
|
|
24689
|
+
var SortableDirective = class SortableDirective {
|
|
24690
|
+
sortable = input.required(...ngDevMode ? [{ debugName: "sortable" }] : /* istanbul ignore next */ []);
|
|
24691
|
+
sortableDisabled = input(false, {
|
|
24692
|
+
...ngDevMode ? { debugName: "sortableDisabled" } : /* istanbul ignore next */ {},
|
|
24693
|
+
transform: booleanAttribute
|
|
24694
|
+
});
|
|
24695
|
+
sortableAnnounce = input(void 0, ...ngDevMode ? [{ debugName: "sortableAnnounce" }] : /* istanbul ignore next */ []);
|
|
24696
|
+
reorder = output();
|
|
24697
|
+
document = inject(DOCUMENT);
|
|
24698
|
+
injector = inject(Injector);
|
|
24699
|
+
entries = contentChildren(forwardRef(() => SortableItemDirective), {
|
|
24700
|
+
...ngDevMode ? { debugName: "entries" } : /* istanbul ignore next */ {},
|
|
24701
|
+
descendants: true
|
|
24702
|
+
});
|
|
24703
|
+
preview = signal(void 0, ...ngDevMode ? [{ debugName: "preview" }] : /* istanbul ignore next */ []);
|
|
24704
|
+
draggedItem = signal(void 0, ...ngDevMode ? [{ debugName: "draggedItem" }] : /* istanbul ignore next */ []);
|
|
24705
|
+
dragged = computed(() => this.draggedItem()?.item, ...ngDevMode ? [{ debugName: "dragged" }] : /* istanbul ignore next */ []);
|
|
24706
|
+
items = computed(() => this.preview() ?? this.sortable(), ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
|
|
24707
|
+
ghost;
|
|
24708
|
+
stopGhost;
|
|
24709
|
+
landing = false;
|
|
24710
|
+
liveRegion;
|
|
24711
|
+
constructor() {
|
|
24712
|
+
inject(DestroyRef).onDestroy(() => {
|
|
24713
|
+
this.stopGhost?.();
|
|
24714
|
+
this.liveRegion?.remove();
|
|
24715
|
+
});
|
|
24716
|
+
}
|
|
24717
|
+
startDrag(event, item, row) {
|
|
24718
|
+
if (this.sortableDisabled() || !event.dataTransfer) return;
|
|
24719
|
+
event.dataTransfer.effectAllowed = "move";
|
|
24720
|
+
event.dataTransfer.setData("text/plain", "");
|
|
24721
|
+
this.startGhost(event, row);
|
|
24722
|
+
this.draggedItem.set({ item });
|
|
24723
|
+
}
|
|
24724
|
+
dragOver(event, item, row) {
|
|
24725
|
+
const dragged = this.draggedItem();
|
|
24726
|
+
if (!dragged) return;
|
|
24727
|
+
event.preventDefault();
|
|
24728
|
+
if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
|
|
24729
|
+
if (item === dragged.item) return;
|
|
24730
|
+
const { top, height } = row.getBoundingClientRect();
|
|
24731
|
+
const after = event.clientY > top + height / 2;
|
|
24732
|
+
const shown = this.items();
|
|
24733
|
+
const next = moved(shown, dragged.item, item, after);
|
|
24734
|
+
if (next.some((entry, index) => entry !== shown[index])) this.slide(() => this.preview.set(next));
|
|
24735
|
+
}
|
|
24736
|
+
onContainerDragOver(event) {
|
|
24737
|
+
if (!this.draggedItem()) return;
|
|
24738
|
+
event.preventDefault();
|
|
24739
|
+
if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
|
|
24740
|
+
}
|
|
24741
|
+
onDrop(event) {
|
|
24742
|
+
if (!this.draggedItem()) return;
|
|
24743
|
+
event.preventDefault();
|
|
24744
|
+
const next = this.preview();
|
|
24745
|
+
if (next) this.reorder.emit(next);
|
|
24746
|
+
this.land(true);
|
|
24747
|
+
}
|
|
24748
|
+
endDrag() {
|
|
24749
|
+
if (!this.landing) this.land(false);
|
|
24750
|
+
}
|
|
24751
|
+
startGhost(event, row) {
|
|
24752
|
+
const { left, top, width } = row.getBoundingClientRect();
|
|
24753
|
+
const grabX = event.clientX - left;
|
|
24754
|
+
const grabY = event.clientY - top;
|
|
24755
|
+
if (TRANSPARENT_IMAGE) event.dataTransfer?.setDragImage(TRANSPARENT_IMAGE, 0, 0);
|
|
24756
|
+
const ghost = row.cloneNode(true);
|
|
24757
|
+
ghost.removeAttribute("draggable");
|
|
24758
|
+
ghost.removeAttribute("tabindex");
|
|
24759
|
+
ghost.removeAttribute("id");
|
|
24760
|
+
ghost.setAttribute("popover", "manual");
|
|
24761
|
+
ghost.setAttribute("aria-hidden", "true");
|
|
24762
|
+
const look = getComputedStyle(row);
|
|
24763
|
+
const box = [
|
|
24764
|
+
"Top",
|
|
24765
|
+
"Right",
|
|
24766
|
+
"Bottom",
|
|
24767
|
+
"Left"
|
|
24768
|
+
].flatMap((side) => [`padding-${side.toLowerCase()}:${look.getPropertyValue(`padding-${side.toLowerCase()}`)}`, `border-${side.toLowerCase()}:${look.getPropertyValue(`border-${side.toLowerCase()}-width`)} ${look.getPropertyValue(`border-${side.toLowerCase()}-style`)} ${look.getPropertyValue(`border-${side.toLowerCase()}-color`)}`]);
|
|
24769
|
+
const transparent = look.backgroundColor === "rgba(0, 0, 0, 0)" || look.backgroundColor === "transparent";
|
|
24770
|
+
ghost.style.cssText = [
|
|
24771
|
+
"position:fixed",
|
|
24772
|
+
"inset:0 auto auto 0",
|
|
24773
|
+
"margin:0",
|
|
24774
|
+
...box,
|
|
24775
|
+
`box-sizing:${look.boxSizing}`,
|
|
24776
|
+
"overflow:visible",
|
|
24777
|
+
"pointer-events:none",
|
|
24778
|
+
`width:${width}px`,
|
|
24779
|
+
`background-color:${transparent ? "var(--layer-page-layer)" : look.backgroundColor}`,
|
|
24780
|
+
`color:${look.color}`,
|
|
24781
|
+
`border-radius:${look.borderRadius}`,
|
|
24782
|
+
"box-shadow:0 12px 28px rgb(0 0 0 / 0.3)",
|
|
24783
|
+
`transform-origin:${grabX}px ${grabY}px`,
|
|
24784
|
+
`translate:${left}px ${top}px`,
|
|
24785
|
+
`rotate:${GHOST_TILT}deg`,
|
|
24786
|
+
"transition:rotate 180ms ease-out"
|
|
24787
|
+
].join(";");
|
|
24788
|
+
this.document.body.appendChild(ghost);
|
|
24789
|
+
ghost.showPopover?.();
|
|
24790
|
+
let lastY = event.clientY;
|
|
24791
|
+
const follow = (e) => {
|
|
24792
|
+
if (this.landing || e.clientX === 0 && e.clientY === 0) return;
|
|
24793
|
+
ghost.style.translate = `${e.clientX - grabX}px ${e.clientY - grabY}px`;
|
|
24794
|
+
if (Math.abs(e.clientY - lastY) >= GHOST_TILT_THRESHOLD) {
|
|
24795
|
+
ghost.style.rotate = `${e.clientY > lastY ? GHOST_TILT : -3}deg`;
|
|
24796
|
+
lastY = e.clientY;
|
|
24797
|
+
}
|
|
24798
|
+
};
|
|
24799
|
+
this.document.addEventListener("dragover", follow);
|
|
24800
|
+
this.ghost = ghost;
|
|
24801
|
+
this.stopGhost = () => {
|
|
24802
|
+
this.document.removeEventListener("dragover", follow);
|
|
24803
|
+
ghost.remove();
|
|
24804
|
+
this.stopGhost = void 0;
|
|
24805
|
+
this.ghost = void 0;
|
|
24806
|
+
};
|
|
24807
|
+
}
|
|
24808
|
+
land(dropped) {
|
|
24809
|
+
this.landing = true;
|
|
24810
|
+
if (!dropped) this.preview.set(void 0);
|
|
24811
|
+
const finish = () => {
|
|
24812
|
+
if (!this.landing) return;
|
|
24813
|
+
this.stopGhost?.();
|
|
24814
|
+
this.preview.set(void 0);
|
|
24815
|
+
this.draggedItem.set(void 0);
|
|
24816
|
+
this.landing = false;
|
|
24817
|
+
};
|
|
24818
|
+
const ghost = this.ghost;
|
|
24819
|
+
if (!ghost || typeof ghost.animate !== "function" || prefersReducedMotion()) return finish();
|
|
24820
|
+
afterNextRender(() => {
|
|
24821
|
+
const dragged = this.draggedItem();
|
|
24822
|
+
const slot = this.entries().find((entry) => dragged && entry.sortableItem() === dragged.item)?.element.getBoundingClientRect();
|
|
24823
|
+
if (!slot) return finish();
|
|
24824
|
+
setTimeout(finish, 420);
|
|
24825
|
+
ghost.animate([{
|
|
24826
|
+
translate: ghost.style.translate,
|
|
24827
|
+
rotate: ghost.style.rotate
|
|
24828
|
+
}, {
|
|
24829
|
+
translate: `${slot.left}px ${slot.top}px`,
|
|
24830
|
+
rotate: "0deg",
|
|
24831
|
+
boxShadow: "0 1px 2px rgb(0 0 0 / 0.1)"
|
|
24832
|
+
}], {
|
|
24833
|
+
duration: LANDING_DURATION,
|
|
24834
|
+
easing: "cubic-bezier(0.2, 0.8, 0.2, 1)",
|
|
24835
|
+
fill: "forwards"
|
|
24836
|
+
}).onfinish = finish;
|
|
24837
|
+
}, { injector: this.injector });
|
|
24838
|
+
}
|
|
24839
|
+
slide(change) {
|
|
24840
|
+
const before = new Map(this.entries().map((entry) => [entry.element, entry.element.getBoundingClientRect().top]));
|
|
24841
|
+
change();
|
|
24842
|
+
afterNextRender(() => {
|
|
24843
|
+
if (prefersReducedMotion()) return;
|
|
24844
|
+
for (const { element } of this.entries()) {
|
|
24845
|
+
const delta = (before.get(element) ?? 0) - element.getBoundingClientRect().top;
|
|
24846
|
+
if (delta && typeof element.animate === "function") element.animate([{ transform: `translateY(${delta}px)` }, { transform: "none" }], {
|
|
24847
|
+
duration: SLIDE_DURATION,
|
|
24848
|
+
easing: "ease-out"
|
|
24849
|
+
});
|
|
24850
|
+
}
|
|
24851
|
+
}, { injector: this.injector });
|
|
24852
|
+
}
|
|
24853
|
+
moveBy(item, delta) {
|
|
24854
|
+
if (this.sortableDisabled()) return;
|
|
24855
|
+
const shown = this.items();
|
|
24856
|
+
const from = shown.indexOf(item);
|
|
24857
|
+
const to = from + delta;
|
|
24858
|
+
if (from < 0 || to < 0 || to >= shown.length) return;
|
|
24859
|
+
this.reorder.emit(moved(shown, item, shown[to], delta > 0));
|
|
24860
|
+
this.announce(this.sortableAnnounce()?.(item, to + 1, shown.length));
|
|
24861
|
+
afterNextRender(() => this.entries().find((entry) => entry.sortableItem() === item)?.element.focus(), { injector: this.injector });
|
|
24862
|
+
}
|
|
24863
|
+
announce(text) {
|
|
24864
|
+
if (!text) return;
|
|
24865
|
+
if (!this.liveRegion) {
|
|
24866
|
+
const region = this.document.createElement("div");
|
|
24867
|
+
region.setAttribute("role", "status");
|
|
24868
|
+
region.setAttribute("aria-live", "polite");
|
|
24869
|
+
region.style.cssText = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0";
|
|
24870
|
+
this.document.body.appendChild(region);
|
|
24871
|
+
this.liveRegion = region;
|
|
24872
|
+
}
|
|
24873
|
+
this.liveRegion.textContent = text;
|
|
24874
|
+
}
|
|
24875
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
24876
|
+
minVersion: "12.0.0",
|
|
24877
|
+
version: "22.2.1",
|
|
24878
|
+
ngImport: i0,
|
|
24879
|
+
type: SortableDirective,
|
|
24880
|
+
deps: [],
|
|
24881
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
24882
|
+
});
|
|
24883
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
24884
|
+
minVersion: "17.2.0",
|
|
24885
|
+
version: "22.2.1",
|
|
24886
|
+
type: SortableDirective,
|
|
24887
|
+
isStandalone: true,
|
|
24888
|
+
selector: "[sortable]",
|
|
24889
|
+
inputs: {
|
|
24890
|
+
sortable: {
|
|
24891
|
+
classPropertyName: "sortable",
|
|
24892
|
+
publicName: "sortable",
|
|
24893
|
+
isSignal: true,
|
|
24894
|
+
isRequired: true,
|
|
24895
|
+
transformFunction: null
|
|
24896
|
+
},
|
|
24897
|
+
sortableDisabled: {
|
|
24898
|
+
classPropertyName: "sortableDisabled",
|
|
24899
|
+
publicName: "sortableDisabled",
|
|
24900
|
+
isSignal: true,
|
|
24901
|
+
isRequired: false,
|
|
24902
|
+
transformFunction: null
|
|
24903
|
+
},
|
|
24904
|
+
sortableAnnounce: {
|
|
24905
|
+
classPropertyName: "sortableAnnounce",
|
|
24906
|
+
publicName: "sortableAnnounce",
|
|
24907
|
+
isSignal: true,
|
|
24908
|
+
isRequired: false,
|
|
24909
|
+
transformFunction: null
|
|
24910
|
+
}
|
|
24911
|
+
},
|
|
24912
|
+
outputs: { reorder: "reorder" },
|
|
24913
|
+
host: { listeners: {
|
|
24914
|
+
"dragenter": "onContainerDragOver($event)",
|
|
24915
|
+
"dragover": "onContainerDragOver($event)",
|
|
24916
|
+
"drop": "onDrop($event)"
|
|
24917
|
+
} },
|
|
24918
|
+
queries: [{
|
|
24919
|
+
propertyName: "entries",
|
|
24920
|
+
predicate: i0.forwardRef(() => SortableItemDirective),
|
|
24921
|
+
descendants: true,
|
|
24922
|
+
isSignal: true
|
|
24923
|
+
}],
|
|
24924
|
+
exportAs: ["sortable"],
|
|
24925
|
+
ngImport: i0
|
|
24926
|
+
});
|
|
24927
|
+
};
|
|
24928
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
24929
|
+
minVersion: "12.0.0",
|
|
24930
|
+
version: "22.2.1",
|
|
24931
|
+
ngImport: i0,
|
|
24932
|
+
type: SortableDirective,
|
|
24933
|
+
decorators: [{
|
|
24934
|
+
type: Directive,
|
|
24935
|
+
args: [{
|
|
24936
|
+
selector: "[sortable]",
|
|
24937
|
+
exportAs: "sortable",
|
|
24938
|
+
standalone: true,
|
|
24939
|
+
host: {
|
|
24940
|
+
"(dragenter)": "onContainerDragOver($event)",
|
|
24941
|
+
"(dragover)": "onContainerDragOver($event)",
|
|
24942
|
+
"(drop)": "onDrop($event)"
|
|
24943
|
+
}
|
|
24944
|
+
}]
|
|
24945
|
+
}],
|
|
24946
|
+
ctorParameters: () => [],
|
|
24947
|
+
propDecorators: {
|
|
24948
|
+
sortable: [{
|
|
24949
|
+
type: i0.Input,
|
|
24950
|
+
args: [{
|
|
24951
|
+
isSignal: true,
|
|
24952
|
+
alias: "sortable",
|
|
24953
|
+
required: true
|
|
24954
|
+
}]
|
|
24955
|
+
}],
|
|
24956
|
+
sortableDisabled: [{
|
|
24957
|
+
type: i0.Input,
|
|
24958
|
+
args: [{
|
|
24959
|
+
isSignal: true,
|
|
24960
|
+
alias: "sortableDisabled",
|
|
24961
|
+
required: false
|
|
24962
|
+
}]
|
|
24963
|
+
}],
|
|
24964
|
+
sortableAnnounce: [{
|
|
24965
|
+
type: i0.Input,
|
|
24966
|
+
args: [{
|
|
24967
|
+
isSignal: true,
|
|
24968
|
+
alias: "sortableAnnounce",
|
|
24969
|
+
required: false
|
|
24970
|
+
}]
|
|
24971
|
+
}],
|
|
24972
|
+
reorder: [{
|
|
24973
|
+
type: i0.Output,
|
|
24974
|
+
args: ["reorder"]
|
|
24975
|
+
}],
|
|
24976
|
+
entries: [{
|
|
24977
|
+
type: i0.ContentChildren,
|
|
24978
|
+
args: [forwardRef(() => SortableItemDirective), {
|
|
24979
|
+
descendants: true,
|
|
24980
|
+
isSignal: true
|
|
24981
|
+
}]
|
|
24982
|
+
}]
|
|
24983
|
+
}
|
|
24984
|
+
});
|
|
24985
|
+
var SortableItemDirective = class SortableItemDirective {
|
|
24986
|
+
sortableItem = input.required(...ngDevMode ? [{ debugName: "sortableItem" }] : /* istanbul ignore next */ []);
|
|
24987
|
+
list = inject(SortableDirective);
|
|
24988
|
+
element = inject(ElementRef).nativeElement;
|
|
24989
|
+
sortableItemDisabled = input(false, {
|
|
24990
|
+
...ngDevMode ? { debugName: "sortableItemDisabled" } : /* istanbul ignore next */ {},
|
|
24991
|
+
transform: booleanAttribute
|
|
24992
|
+
});
|
|
24993
|
+
locked = computed(() => this.list.sortableDisabled() || this.sortableItemDisabled(), ...ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []);
|
|
24994
|
+
dragging = computed(() => this.list.dragged() === this.sortableItem(), ...ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []);
|
|
24995
|
+
onDragStart(event) {
|
|
24996
|
+
if (this.locked()) return;
|
|
24997
|
+
this.list.startDrag(event, this.sortableItem(), this.element);
|
|
24998
|
+
}
|
|
24999
|
+
onMoveKey(event, delta) {
|
|
25000
|
+
if (event.target !== event.currentTarget || this.locked()) return;
|
|
25001
|
+
event.preventDefault();
|
|
25002
|
+
this.list.moveBy(this.sortableItem(), delta);
|
|
25003
|
+
}
|
|
25004
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
25005
|
+
minVersion: "12.0.0",
|
|
25006
|
+
version: "22.2.1",
|
|
25007
|
+
ngImport: i0,
|
|
25008
|
+
type: SortableItemDirective,
|
|
25009
|
+
deps: [],
|
|
25010
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
25011
|
+
});
|
|
25012
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
25013
|
+
minVersion: "17.1.0",
|
|
25014
|
+
version: "22.2.1",
|
|
25015
|
+
type: SortableItemDirective,
|
|
25016
|
+
isStandalone: true,
|
|
25017
|
+
selector: "[sortableItem]",
|
|
25018
|
+
inputs: {
|
|
25019
|
+
sortableItem: {
|
|
25020
|
+
classPropertyName: "sortableItem",
|
|
25021
|
+
publicName: "sortableItem",
|
|
25022
|
+
isSignal: true,
|
|
25023
|
+
isRequired: true,
|
|
25024
|
+
transformFunction: null
|
|
25025
|
+
},
|
|
25026
|
+
sortableItemDisabled: {
|
|
25027
|
+
classPropertyName: "sortableItemDisabled",
|
|
25028
|
+
publicName: "sortableItemDisabled",
|
|
25029
|
+
isSignal: true,
|
|
25030
|
+
isRequired: false,
|
|
25031
|
+
transformFunction: null
|
|
25032
|
+
}
|
|
25033
|
+
},
|
|
25034
|
+
host: {
|
|
25035
|
+
listeners: {
|
|
25036
|
+
"dragstart": "onDragStart($event)",
|
|
25037
|
+
"dragover": "list.dragOver($event, sortableItem(), element)",
|
|
25038
|
+
"dragend": "list.endDrag()",
|
|
25039
|
+
"keydown.alt.arrowup": "onMoveKey($event, -1)",
|
|
25040
|
+
"keydown.alt.arrowdown": "onMoveKey($event, 1)"
|
|
25041
|
+
},
|
|
25042
|
+
properties: {
|
|
25043
|
+
"attr.draggable": "locked() ? null : 'true'",
|
|
25044
|
+
"attr.data-dragging": "dragging() ? '' : null",
|
|
25045
|
+
"attr.data-disabled": "locked() ? '' : null",
|
|
25046
|
+
"attr.aria-keyshortcuts": "locked() ? null : 'Alt+ArrowUp Alt+ArrowDown'"
|
|
25047
|
+
}
|
|
25048
|
+
},
|
|
25049
|
+
ngImport: i0
|
|
25050
|
+
});
|
|
25051
|
+
};
|
|
25052
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
25053
|
+
minVersion: "12.0.0",
|
|
25054
|
+
version: "22.2.1",
|
|
25055
|
+
ngImport: i0,
|
|
25056
|
+
type: SortableItemDirective,
|
|
25057
|
+
decorators: [{
|
|
25058
|
+
type: Directive,
|
|
25059
|
+
args: [{
|
|
25060
|
+
selector: "[sortableItem]",
|
|
25061
|
+
standalone: true,
|
|
25062
|
+
host: {
|
|
25063
|
+
"[attr.draggable]": "locked() ? null : 'true'",
|
|
25064
|
+
"[attr.data-dragging]": "dragging() ? '' : null",
|
|
25065
|
+
"[attr.data-disabled]": "locked() ? '' : null",
|
|
25066
|
+
"[attr.aria-keyshortcuts]": "locked() ? null : 'Alt+ArrowUp Alt+ArrowDown'",
|
|
25067
|
+
"(dragstart)": "onDragStart($event)",
|
|
25068
|
+
"(dragover)": "list.dragOver($event, sortableItem(), element)",
|
|
25069
|
+
"(dragend)": "list.endDrag()",
|
|
25070
|
+
"(keydown.alt.arrowup)": "onMoveKey($event, -1)",
|
|
25071
|
+
"(keydown.alt.arrowdown)": "onMoveKey($event, 1)"
|
|
25072
|
+
}
|
|
25073
|
+
}]
|
|
25074
|
+
}],
|
|
25075
|
+
propDecorators: {
|
|
25076
|
+
sortableItem: [{
|
|
25077
|
+
type: i0.Input,
|
|
25078
|
+
args: [{
|
|
25079
|
+
isSignal: true,
|
|
25080
|
+
alias: "sortableItem",
|
|
25081
|
+
required: true
|
|
25082
|
+
}]
|
|
25083
|
+
}],
|
|
25084
|
+
sortableItemDisabled: [{
|
|
25085
|
+
type: i0.Input,
|
|
25086
|
+
args: [{
|
|
25087
|
+
isSignal: true,
|
|
25088
|
+
alias: "sortableItemDisabled",
|
|
25089
|
+
required: false
|
|
25090
|
+
}]
|
|
25091
|
+
}]
|
|
25092
|
+
}
|
|
25093
|
+
});
|
|
25094
|
+
export { AUTOCOMPLETE_TAGS_CLASS, AUTOCOMPLETE_TRIGGER_CLASS, ArrowDownIcon, ArrowDownIconComponent, ArrowDownZaIcon, ArrowDownZaIconComponent, ArrowLeftIcon, ArrowLeftIconComponent, ArrowRightFromBracketIcon, ArrowRightFromBracketIconComponent, ArrowRightIcon, ArrowRightIconComponent, ArrowUpAzIcon, ArrowUpAzIconComponent, ArrowUpIcon, ArrowUpIconComponent, ArrowUpRightFromSquareIcon, ArrowUpRightFromSquareIconComponent, ArrowsMaximizeIcon, ArrowsMaximizeIconComponent, AutocompleteComponent, AvatarComponent, AvatarFallbackComponent, AvatarImageComponent, AwardIcon, AwardIconComponent, BadgeComponent, BarsIcon, BarsIconComponent, BellIcon, BellIconComponent, BellSlashIcon, BellSlashIconComponent, BookmarkIcon, BookmarkIconComponent, BreakpointObserverService, BuildingIcon, BuildingIconComponent, BulletComponent, ButtonComponent, CALL_REF, CalendarClockIcon, CalendarClockIconComponent, CalendarDayIcon, CalendarDayIconComponent, CallRef, ChatPlusIcon, ChatPlusIconComponent, CheckIcon, CheckIconComponent, CheckboxComponent, ChevronDownIcon, ChevronDownIconComponent, ChevronLeftIcon, ChevronLeftIconComponent, ChevronRightIcon, ChevronRightIconComponent, ChevronUpIcon, ChevronUpIconComponent, ChevronsLeftIcon, ChevronsLeftIconComponent, ChevronsRightIcon, ChevronsRightIconComponent, CircleCheckIcon, CircleCheckIconComponent, CircleXIcon, CircleXIconComponent, ClipboardIcon, ClipboardIconComponent, ClockIcon, ClockIconComponent, CogIcon, CogIconComponent, CommentIcon, CommentIconComponent, CommentsIcon, CommentsIconComponent, DIALOG_REF, DebugIcon, DebugIconComponent, DesktopIcon, DesktopIconComponent, DialogBodyComponent, DialogComponent, DialogContentComponent, DialogDescriptionComponent, DialogFooterComponent, DialogHeaderComponent, DialogService, DialogTitleComponent, DownloadIcon, DownloadIconComponent, PopoverDirective as DropdownDirective, PopoverDirective, EditIcon, EditIconComponent, EllipsisIcon, EllipsisIconComponent, EllipsisVerticalIcon, EllipsisVerticalIconComponent, EnvelopeIcon, EnvelopeIconComponent, ExternalLinkIcon, ExternalLinkIconComponent, EyeIcon, EyeIconComponent, EyeSlashIcon, EyeSlashIconComponent, FileHTMLIcon, FileHTMLIconComponent, FileIcon, FileIconComponent, FileMagnifyingGlassIcon, FileMagnifyingGlassIconComponent, FileOutputIcon, FileOutputIconComponent, FileSearchIcon, FileSearchIconComponent, FileSpreadsheetIcon, FileSpreadsheetIconComponent, FileTextIcon, FileTextIconComponent, FilesIcon, FilesIconComponent, FilterIcon, FilterIconComponent, FilterXIcon, FilterXIconComponent, FlagEnglishIcon, FlagEnglishIconComponent, FlagFrenchIcon, FlagFrenchIconComponent, FlagGermanIcon, FlagGermanIconComponent, FlashlightIcon, FlashlightIconComponent, FolderIcon, FolderIconComponent, FolderOpenIcon, FolderOpenIconComponent, FrownIcon, FrownIconComponent, GearIcon, GearIconComponent, GitForkIcon, GitForkIconComponent, GlobeIcon, GlobeIconComponent, GridIcon, GridIconComponent, GripVerticalIcon, GripVerticalIconComponent, HighlighterIcon, HighlighterIconComponent, HistoryIcon, HistoryIconComponent, HomeIcon, HomeIconComponent, HouseIcon, HouseIconComponent, ImageIcon, ImageIconComponent, InboxIcon, InboxIconComponent, InfoCircleIcon, InfoCircleIconComponent, InputComponent, InputControlDirective, InputCounterComponent, InputIconLeftDirective, InputIconRightDirective, KbdComponent, KbdGroupComponent, KeyIcon, KeyIconComponent, KeyboardIcon, KeyboardIconComponent, LINK_LABEL_CLASS, LIST_ITEM_AVATAR_CLASS, LIST_ITEM_CHEVRON_RIGHT_CLASS, LIST_ITEM_EXPANDER_BUTTON_CLASS, LIST_ITEM_EXPANDER_CLASS, LIST_ITEM_ICON_CLASS, LIST_ITEM_ICON_RIGHT_CLASS, LIST_ITEM_LEFT_CLASS, LIST_ITEM_SUBTEXT_CLASS, LIST_ITEM_TEXT_BLOCK_CLASS, LIST_ITEM_TEXT_CLASS, LIST_REF, LanguageIcon, LanguageIconComponent, LightbulbIcon, LightbulbIconComponent, LightbulbSlashIcon, LightbulbSlashIconComponent, LinkComponent, LinkIcon, LinkIconComponent, LinkIconLeftDirective, LinkIconRightDirective, ListComponent, ListFilterIcon, ListFilterIconComponent, ListIcon, ListIconComponent, ListItemActionComponent, ListItemAvatarDirective, ListItemChevronComponent, ListItemComponent, ListItemExpanderComponent, ListItemIconDirective, ListItemLeftDirective, ListItemTextComponent, ListboxActivateOnHover, LoadingCircleIcon, LoadingCircleIconComponent, LockIcon, LockIconComponent, MODAL_BODY_CLASS, MODAL_BODY_TEXT_CLASS, MODAL_CLASS, MODAL_CLOSE_CLASS, MODAL_FOOTER_CLASS, MODAL_HEADER_CLASS, MODAL_HEADER_LEFT_CLASS, MODAL_LABEL, MODAL_TITLE_CLASS, MODAL_TITLE_WRAP_CLASS, MagnifyingGlassIcon, MagnifyingGlassIconComponent, MagnifyingGlassMinusIcon, MagnifyingGlassMinusIconComponent, MagnifyingGlassPlusIcon, MagnifyingGlassPlusIconComponent, MapPinIcon, MapPinIconComponent, MenuComponent, MenuContentComponent, MenuItemComponent, MenuTriggerDirective, MinusIcon, MinusIconComponent, MoonIcon, MoonIconComponent, NewChatIcon, NewChatIconComponent, PaletteIcon, PaletteIconComponent, PanelLeftIcon, PanelLeftIconComponent, PanelRightIcon, PanelRightIconComponent, PaperclipIcon, PaperclipIconComponent, PenToSquareIcon, PenToSquareIconComponent, PlusIcon, PlusIconComponent, PresentationIcon, PresentationIconComponent, QuestionCircleIcon, QuestionCircleIconComponent, QuestionIcon, QuestionIconComponent, RESIZABLE_PANEL_CLASS, RESIZABLE_PANEL_GROUP, RadioComponent, RefreshIcon, RefreshIconComponent, ResizableHandleComponent, ResizablePanelComponent, ResizablePanelGroupComponent, RobotIcon, RobotIconComponent, RotateIcon, RotateIconComponent, RowFeedComponent, RowGridComponent, SB_ICON_CLASS, SB_INPUT_CLASS, SELECT_CHEVRON_CLASS, SELECT_EMPTY_CLASS, SELECT_HINT_CLASS, SELECT_LABEL_CLASS, SELECT_MENU_CLASS, SELECT_OPTION_BODY_CLASS, SELECT_OPTION_CHECK_CLASS, SELECT_OPTION_CLASS, SELECT_OPTION_LABEL_CLASS, SELECT_OPTION_LEADING_ICON_CLASS, SELECT_OPTION_SUBLABEL_CLASS, SELECT_PLACEHOLDER_CLASS, SELECT_REF, SELECT_TRIGGER_CLASS, SELECT_TRIGGER_ICON_CLASS, SELECT_TRIGGER_LABEL_CLASS, SHEET_BODY_CLASS, SHEET_CLASS, SHEET_CLOSE_CLASS, SHEET_FOOTER_CLASS, SHEET_HEADER_CLASS, SHEET_HEADER_LEFT_CLASS, SHEET_TITLE_WRAP_CLASS, SIDEBAR_CLASS, SIDEBAR_CONTENT_CLASS, SIDEBAR_FOOTER_CLASS, SIDEBAR_GROUP_CLASS, SIDEBAR_GROUP_LABEL_CLASS, SIDEBAR_HEADER_CLASS, SIDEBAR_INSET_CLASS, SIDEBAR_ITEM_CLASS, SIDEBAR_ITEM_LABEL_CLASS, SIDEBAR_REF, SaveIcon, SaveIconComponent, SearchBarComponent, SearchBarSuggestionsComponent, SearchIcon, SearchIconComponent, SearchInputComponent, SearchInputSuggestionsComponent, SelectComponent, SelectLabelDirective, SelectTriggerDirective, SendHorizontalIcon, SendHorizontalIconComponent, SendIcon, SendIconComponent, SheetBodyComponent, SheetComponent, SheetFooterComponent, SheetHeaderComponent, SidebarComponent, SidebarContentDirective, SidebarFooterDirective, SidebarGroupDirective, SidebarGroupLabelDirective, SidebarHeaderDirective, SidebarInsetDirective, SidebarItemDirective, SidebarItemLabelDirective, SidebarTriggerDirective, SlashIcon, SlashIconComponent, SlidersIcon, SlidersIconComponent, SortableDirective, SortableItemDirective, SparklesIcon, SparklesIconComponent, SpinnerIcon, SpinnerIconComponent, SquareCheckBigIcon, SquareCheckBigIconComponent, SquareCheckIcon, SquareCheckIconComponent, SquareIcon, SquareIconComponent, SquareMinusIcon, SquareMinusIconComponent, SquarePenIcon, SquarePenIconComponent, StarIcon, StarIconComponent, SubMenuComponent, SunBrightIcon, SunBrightIconComponent, SwitchComponent, SyncIcon, SyncIconComponent, TEXTAREA_CONTROL_CLASS, TEXTAREA_COUNTER_CLASS, TEXTAREA_LINE_HEIGHT, TOGGLE_GROUP, TOGGLE_ICON_CLASS, TOGGLE_LABEL_CLASS, TOOLTIP_CLASS, TREE_ITEM_EXPANDER_CLASS, TabComponent, TabListComponent, TabPanelComponent, TabsComponent, TagComponent, TagIcon, TagIconComponent, TagInputComponent, TagRemoveComponent, TagsIcon, TagsIconComponent, TextareaComponent, TextareaControlDirective, TextareaCounterComponent, ThumbsDownIcon, ThumbsDownIconComponent, ThumbsUpIcon, ThumbsUpIconComponent, ToggleComponent, ToggleGroupComponent, ToggleItemComponent, ToggleLeftIcon, ToggleLeftIconComponent, ToggleRightIcon, ToggleRightIconComponent, TooltipComponent, TooltipContentDirective, TooltipDirective, TrashCanIcon, TrashCanIconComponent, TrashIcon, TrashIconComponent, TreeComponent, TreeItemComponent, TreeItemExpanderComponent, TreeItemGroupComponent, TriangleAlertIcon, TriangleAlertIconComponent, TruncatedDirective, TypeIcon, TypeIconComponent, UndoIcon, UndoIconComponent, UploadIcon, UploadIconComponent, UserIcon, UserIconComponent, UserRoundIcon, UserRoundIconComponent, UserSecretIcon, UserSecretIconComponent, VideoIcon, VideoIconComponent, XMarkIcon, XMarkIconComponent, createCallable, getListDepthStyle, injectCallRef, injectFloatingPanel, isApplePlatform, linkIconVariants, listItemVariants, menuContentVariants, menuItemVariants, menuPanelVariants, menuSeparatorVariants, modalVariants, provideCallable, resizableGroupVariants, resizableHandleVariants, searchBarVariants, selectChevronVariants, selectMenuVariants, selectOptionVariants, selectTriggerVariants, selectWrapVariants, sheetVariants, sidebarInsetVariants, sidebarVariants, textareaWrapVariants, toggleGroupVariants, toggleVariants, tooltipVariants, treeItemVariants };
|
|
24424
25095
|
|
|
24425
25096
|
//# sourceMappingURL=sinequa-galactik.mjs.map
|