@lucca-front/ng 9.0.1 → 9.0.4-select.1
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/api/lib/select/feeder/api-feeder.module.d.ts +1 -2
- package/api/lib/select/pager/api-pager.module.d.ts +1 -2
- package/api/lib/select/searcher/api-searcher.module.d.ts +4 -5
- package/department/lib/select/feeder/department-feeder.module.d.ts +1 -2
- package/esm2020/api/lib/select/feeder/api-feeder.module.mjs +3 -5
- package/esm2020/api/lib/select/pager/api-pager.module.mjs +3 -5
- package/esm2020/api/lib/select/searcher/api-searcher.module.mjs +6 -7
- package/esm2020/date/lib/calendar/calendar-input.component.mjs +4 -1
- package/esm2020/date/lib/calendar/calendar-input.module.mjs +4 -6
- package/esm2020/department/lib/select/feeder/department-feeder.module.mjs +3 -5
- package/esm2020/establishment/lib/select/legal-unit-selector/legal-unit-selector.module.mjs +3 -5
- package/esm2020/establishment/lib/select/searcher/establishment-searcher.module.mjs +6 -7
- package/esm2020/safe-content/lib/index.mjs +2 -3
- package/esm2020/safe-content/lib/safe-content.module.mjs +6 -6
- package/esm2020/safe-content/lib/safe-html.pipe.mjs +19 -0
- package/esm2020/select2/lib/index.mjs +5 -0
- package/esm2020/select2/lib/input/index.mjs +3 -0
- package/esm2020/select2/lib/input/select-input.component.mjs +343 -0
- package/esm2020/select2/lib/input/select-input.module.mjs +20 -0
- package/esm2020/select2/lib/option/displayer.directive.mjs +23 -0
- package/esm2020/select2/lib/option/index.mjs +5 -0
- package/esm2020/select2/lib/option/option.component.mjs +57 -0
- package/esm2020/select2/lib/option/option.directive.mjs +23 -0
- package/esm2020/select2/lib/option/option.module.mjs +20 -0
- package/esm2020/select2/lib/panel/index.mjs +3 -0
- package/esm2020/select2/lib/panel/panel.component.mjs +118 -0
- package/esm2020/select2/lib/panel/panel.module.mjs +21 -0
- package/esm2020/select2/lib/select.model.mjs +6 -0
- package/esm2020/select2/lib/select.module.mjs +18 -0
- package/esm2020/select2/lucca-front-ng-select2.mjs +5 -0
- package/esm2020/select2/public-api.mjs +5 -0
- package/esm2020/tooltip/lib/panel/tooltip-panel.component.mjs +3 -4
- package/esm2020/tooltip/lib/panel/tooltip-panel.module.mjs +5 -6
- package/esm2020/tooltip/lib/trigger/tooltip-trigger.directive.mjs +1 -1
- package/esm2020/user/lib/select/homonyms/user-homonyms.module.mjs +5 -6
- package/esm2020/user/lib/select/searcher/user-searcher.module.mjs +6 -7
- package/establishment/lib/select/legal-unit-selector/legal-unit-selector.module.d.ts +1 -2
- package/establishment/lib/select/searcher/establishment-searcher.module.d.ts +4 -5
- package/fesm2015/lucca-front-ng-api.mjs +7 -10
- package/fesm2015/lucca-front-ng-api.mjs.map +1 -1
- package/fesm2015/lucca-front-ng-date.mjs +3 -2
- package/fesm2015/lucca-front-ng-date.mjs.map +1 -1
- package/fesm2015/lucca-front-ng-department.mjs +3 -5
- package/fesm2015/lucca-front-ng-department.mjs.map +1 -1
- package/fesm2015/lucca-front-ng-establishment.mjs +5 -7
- package/fesm2015/lucca-front-ng-establishment.mjs.map +1 -1
- package/fesm2015/lucca-front-ng-safe-content.mjs +13 -23
- package/fesm2015/lucca-front-ng-safe-content.mjs.map +1 -1
- package/fesm2015/lucca-front-ng-select2.mjs +628 -0
- package/fesm2015/lucca-front-ng-select2.mjs.map +1 -0
- package/fesm2015/lucca-front-ng-tooltip.mjs +5 -7
- package/fesm2015/lucca-front-ng-tooltip.mjs.map +1 -1
- package/fesm2015/lucca-front-ng-user.mjs +6 -7
- package/fesm2015/lucca-front-ng-user.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-api.mjs +7 -10
- package/fesm2020/lucca-front-ng-api.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-date.mjs +3 -2
- package/fesm2020/lucca-front-ng-date.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-department.mjs +3 -5
- package/fesm2020/lucca-front-ng-department.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-establishment.mjs +5 -7
- package/fesm2020/lucca-front-ng-establishment.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-safe-content.mjs +13 -23
- package/fesm2020/lucca-front-ng-safe-content.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-select2.mjs +617 -0
- package/fesm2020/lucca-front-ng-select2.mjs.map +1 -0
- package/fesm2020/lucca-front-ng-tooltip.mjs +5 -7
- package/fesm2020/lucca-front-ng-tooltip.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-user.mjs +6 -7
- package/fesm2020/lucca-front-ng-user.mjs.map +1 -1
- package/package.json +13 -3
- package/safe-content/lib/index.d.ts +1 -2
- package/safe-content/lib/safe-content.module.d.ts +2 -2
- package/safe-content/lib/safe-html.pipe.d.ts +16 -0
- package/select2/README.md +3 -0
- package/select2/index.d.ts +5 -0
- package/select2/lib/index.d.ts +4 -0
- package/select2/lib/input/index.d.ts +2 -0
- package/select2/lib/input/select-input.component.d.ts +75 -0
- package/select2/lib/input/select-input.module.d.ts +10 -0
- package/select2/lib/option/displayer.directive.d.ts +13 -0
- package/select2/lib/option/index.d.ts +4 -0
- package/select2/lib/option/option.component.d.ts +21 -0
- package/select2/lib/option/option.directive.d.ts +13 -0
- package/select2/lib/option/option.module.d.ts +10 -0
- package/select2/lib/panel/index.d.ts +2 -0
- package/select2/lib/panel/panel.component.d.ts +40 -0
- package/select2/lib/panel/panel.module.d.ts +11 -0
- package/select2/lib/select.model.d.ts +15 -0
- package/select2/lib/select.module.d.ts +9 -0
- package/select2/public-api.d.ts +1 -0
- package/style/components/_input.scss +7 -7
- package/style/definitions/select/_select-input.scss +107 -105
- package/tooltip/lib/panel/tooltip-panel.component.d.ts +3 -2
- package/tooltip/lib/panel/tooltip-panel.module.d.ts +1 -2
- package/tooltip/lib/trigger/tooltip-trigger.directive.d.ts +3 -2
- package/user/lib/select/homonyms/user-homonyms.module.d.ts +2 -3
- package/user/lib/select/searcher/user-searcher.module.d.ts +4 -5
- package/esm2020/safe-content/lib/safe-content.model.mjs +0 -2
- package/esm2020/safe-content/lib/safe-content.pipe.mjs +0 -29
- package/safe-content/lib/safe-content.model.d.ts +0 -1
- package/safe-content/lib/safe-content.pipe.d.ts +0 -11
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { LuSelectInput2Component } from '../input';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class LuOptionDirective<T> {
|
|
5
|
+
private templateRef;
|
|
6
|
+
set select(select: LuSelectInput2Component<T>);
|
|
7
|
+
value: T;
|
|
8
|
+
constructor(templateRef: TemplateRef<{
|
|
9
|
+
$implicit: T;
|
|
10
|
+
}>);
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LuOptionDirective<any>, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LuOptionDirective<any>, "[luOption]", never, { "select": "luOptionSelect"; "value": "luOption"; }, {}, never, never, false>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./option.directive";
|
|
3
|
+
import * as i2 from "./displayer.directive";
|
|
4
|
+
import * as i3 from "./option.component";
|
|
5
|
+
import * as i4 from "@angular/common";
|
|
6
|
+
export declare class LuOption2Module {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LuOption2Module, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<LuOption2Module, [typeof i1.LuOptionDirective, typeof i2.LuDisplayerDirective, typeof i3.LuOptionComponent], [typeof i4.CommonModule], [typeof i1.LuOptionDirective, typeof i2.LuDisplayerDirective, typeof i3.LuOptionComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<LuOption2Module>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
|
+
import { LuOptionComponent } from '../option/index';
|
|
4
|
+
import { ILuSelectPanelData } from '../select.model';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare abstract class LuSelectPanelRef<T> {
|
|
7
|
+
closed: EventEmitter<void>;
|
|
8
|
+
previousPage: EventEmitter<void>;
|
|
9
|
+
nextPage: EventEmitter<void>;
|
|
10
|
+
valueChanged: EventEmitter<T>;
|
|
11
|
+
clueChanged: EventEmitter<string>;
|
|
12
|
+
activeOptionIdChanged: EventEmitter<string>;
|
|
13
|
+
options$: Observable<T>;
|
|
14
|
+
abstract emitValue(value: T): void;
|
|
15
|
+
close(): void;
|
|
16
|
+
}
|
|
17
|
+
export declare class LuSelectPanelComponent<T> implements AfterViewInit {
|
|
18
|
+
panelRef: LuSelectPanelRef<T>;
|
|
19
|
+
selectId: number;
|
|
20
|
+
private data;
|
|
21
|
+
options$: Observable<T[]>;
|
|
22
|
+
optionComparer: (option1: T, option2: T) => boolean;
|
|
23
|
+
initialValue?: T;
|
|
24
|
+
optionTpl: TemplateRef<{
|
|
25
|
+
$implicit: T;
|
|
26
|
+
}>;
|
|
27
|
+
searchable: boolean;
|
|
28
|
+
set searchInput(input: ElementRef<HTMLInputElement> | undefined);
|
|
29
|
+
optionsQL: QueryList<LuOptionComponent<T>>;
|
|
30
|
+
private keyManager;
|
|
31
|
+
search: string | null;
|
|
32
|
+
get selected(): T | undefined;
|
|
33
|
+
constructor(panelRef: LuSelectPanelRef<T>, selectId: number, data: ILuSelectPanelData<T>);
|
|
34
|
+
onScroll(evt: Event): void;
|
|
35
|
+
ngAfterViewInit(): void;
|
|
36
|
+
onKeyDown($event: KeyboardEvent): void;
|
|
37
|
+
updateClue(clue: string | null): void;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LuSelectPanelComponent<any>, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LuSelectPanelComponent<any>, "lu-select-panel", never, {}, {}, never, never, false>;
|
|
40
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./panel.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@angular/forms";
|
|
5
|
+
import * as i4 from "@angular/cdk/a11y";
|
|
6
|
+
import * as i5 from "../option/option.module";
|
|
7
|
+
export declare class LuSelectPanelModule {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LuSelectPanelModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<LuSelectPanelModule, [typeof i1.LuSelectPanelComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.A11yModule, typeof i5.LuOption2Module], [typeof i1.LuSelectPanelComponent]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<LuSelectPanelModule>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { InjectionToken, TemplateRef } from '@angular/core';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
|
+
export interface ILuSelectPanelData<T> {
|
|
4
|
+
options$: Observable<T[]>;
|
|
5
|
+
optionComparer: (option1: T, option2: T) => boolean;
|
|
6
|
+
initialValue: T | undefined;
|
|
7
|
+
optionTpl: TemplateRef<{
|
|
8
|
+
$implicit: T;
|
|
9
|
+
}>;
|
|
10
|
+
searchable: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const SELECT_ID: InjectionToken<number>;
|
|
13
|
+
export declare const SELECT_PANEL_DATA: InjectionToken<number>;
|
|
14
|
+
export declare const SELECT_LABEL: InjectionToken<HTMLLabelElement>;
|
|
15
|
+
export declare const SELECT_LABEL_ID: InjectionToken<string>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./input/select-input.module";
|
|
3
|
+
import * as i2 from "./option/option.module";
|
|
4
|
+
import * as i3 from "./panel/panel.module";
|
|
5
|
+
export declare class LuSelect2Module {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LuSelect2Module, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<LuSelect2Module, never, [typeof i1.LuSelectInput2Module, typeof i2.LuOption2Module, typeof i3.LuSelectPanelModule], [typeof i1.LuSelectInput2Module, typeof i2.LuOption2Module, typeof i3.LuSelectPanelModule]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<LuSelect2Module>;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './lib/index';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import '@lucca-front/scss/src/mixins/forms';
|
|
2
2
|
|
|
3
3
|
.textfield {
|
|
4
4
|
.textfield-input.ng-invalid.ng-touched {
|
|
5
|
-
@include fieldError(
|
|
5
|
+
@include fieldError('textfield');
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
&.mod-material .textfield-input.ng-invalid.ng-touched {
|
|
9
|
-
@include fieldMaterialError(
|
|
9
|
+
@include fieldMaterialError('textfield');
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
&.mod-framed {
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
&.ng-invalid.ng-touched,
|
|
15
15
|
&.is-invalid,
|
|
16
16
|
&.is-error {
|
|
17
|
-
@include fieldFramedError(
|
|
17
|
+
@include fieldFramedError('textfield');
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
&.is-error,
|
|
26
26
|
&.is-invalid,
|
|
27
27
|
&.ng-invalid.ng-touched {
|
|
28
|
-
@include fieldFramedError(
|
|
28
|
+
@include fieldFramedError('textfield');
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
}
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
&.ng-invalid.ng-touched,
|
|
39
39
|
&.is-invalid,
|
|
40
40
|
&.is-error {
|
|
41
|
-
@include fieldFramedError(
|
|
41
|
+
@include fieldFramedError('radiosfield');
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
&.is-error,
|
|
51
51
|
&.is-invalid,
|
|
52
52
|
&.ng-invalid.ng-touched {
|
|
53
|
-
@include fieldFramedError(
|
|
53
|
+
@include fieldFramedError('radiosfield');
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import '@lucca-front/icons/src/_mixins';
|
|
2
2
|
@mixin selectInputStyle {
|
|
3
3
|
:host {
|
|
4
4
|
cursor: pointer;
|
|
@@ -6,16 +6,16 @@
|
|
|
6
6
|
padding: 0;
|
|
7
7
|
|
|
8
8
|
&::after {
|
|
9
|
-
@include makeIcon(
|
|
10
|
-
@include selectColoringIcons(
|
|
11
|
-
bottom: #{_component(
|
|
12
|
-
bottom: _component(
|
|
9
|
+
@include makeIcon('arrow_south');
|
|
10
|
+
@include selectColoringIcons('select.default-palette');
|
|
11
|
+
bottom: #{_component('select.input.padding-vertical', true)};
|
|
12
|
+
bottom: _component('select.input.padding-vertical');
|
|
13
13
|
font-size: 1.2rem;
|
|
14
14
|
line-height: 1.4rem;
|
|
15
15
|
pointer-events: none;
|
|
16
16
|
position: absolute;
|
|
17
|
-
right: #{_component(
|
|
18
|
-
right: _component(
|
|
17
|
+
right: #{_component('select.input.padding-horizontal', true)};
|
|
18
|
+
right: _component('select.input.padding-horizontal');
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
&[disabled] {
|
|
@@ -36,35 +36,35 @@
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
.lu-select-value {
|
|
39
|
-
line-height: _theme(
|
|
40
|
-
line-height: _theme(
|
|
41
|
-
min-height: calc(#{_component(
|
|
42
|
-
min-height: calc(#{_component(
|
|
43
|
-
padding: #{_component(
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
_component(
|
|
49
|
-
transition: all #{_theme(
|
|
50
|
-
transition: all _theme(
|
|
39
|
+
line-height: _theme('sizes.standard.line-height', true);
|
|
40
|
+
line-height: _theme('sizes.standard.line-height');
|
|
41
|
+
min-height: calc(#{_component('select.framed.bottom-padding', true)} + #{_theme('sizes.standard.line-height', true)});
|
|
42
|
+
min-height: calc(#{_component('select.framed.bottom-padding')} + #{_theme('sizes.standard.line-height')});
|
|
43
|
+
padding: #{_component('select.input.padding-vertical', true)} 2.5rem #{_component('select.input.padding-vertical', true)} #{_component(
|
|
44
|
+
'select.input.padding-horizontal',
|
|
45
|
+
true
|
|
46
|
+
)};
|
|
47
|
+
padding: _component('select.input.padding-vertical') 2.5rem _component('select.input.padding-vertical')
|
|
48
|
+
_component('select.input.padding-horizontal');
|
|
49
|
+
transition: all #{_theme('commons.animations.durations.standard', true)} ease;
|
|
50
|
+
transition: all _theme('commons.animations.durations.standard') ease;
|
|
51
51
|
display: none;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
.lu-select-placeholder {
|
|
55
|
-
@include selectColoringPlaceholer(
|
|
56
|
-
line-height: _theme(
|
|
57
|
-
line-height: _theme(
|
|
58
|
-
min-height: calc(#{_component(
|
|
59
|
-
min-height: calc(#{_component(
|
|
60
|
-
padding: #{_component(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
_component(
|
|
66
|
-
transition: all #{_theme(
|
|
67
|
-
transition: all _theme(
|
|
55
|
+
@include selectColoringPlaceholer('select.default-palette');
|
|
56
|
+
line-height: _theme('sizes.standard.line-height', true);
|
|
57
|
+
line-height: _theme('sizes.standard.line-height');
|
|
58
|
+
min-height: calc(#{_component('select.framed.bottom-padding', true)} + #{_theme('sizes.standard.line-height', true)});
|
|
59
|
+
min-height: calc(#{_component('select.framed.bottom-padding')} + #{_theme('sizes.standard.line-height')});
|
|
60
|
+
padding: #{_component('select.input.padding-vertical', true)} 2.5rem #{_component('select.input.padding-vertical', true)} #{_component(
|
|
61
|
+
'select.input.padding-horizontal',
|
|
62
|
+
true
|
|
63
|
+
)};
|
|
64
|
+
padding: _component('select.input.padding-vertical') 2.5rem _component('select.input.padding-vertical')
|
|
65
|
+
_component('select.input.padding-horizontal');
|
|
66
|
+
transition: all #{_theme('commons.animations.durations.standard', true)} ease;
|
|
67
|
+
transition: all _theme('commons.animations.durations.standard') ease;
|
|
68
68
|
overflow: hidden;
|
|
69
69
|
text-overflow: ellipsis;
|
|
70
70
|
white-space: nowrap;
|
|
@@ -72,30 +72,30 @@
|
|
|
72
72
|
|
|
73
73
|
.lu-select-suffix {
|
|
74
74
|
position: absolute;
|
|
75
|
-
bottom: .5rem;
|
|
75
|
+
bottom: 0.5rem;
|
|
76
76
|
right: 1.6rem;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
::ng-deep .lu-select-value {
|
|
80
80
|
.label {
|
|
81
|
-
padding: _theme(
|
|
82
|
-
padding: _theme(
|
|
81
|
+
padding: _theme('spacings.smallest', true) 0.25rem 0.5rem _theme('spacings.smaller', true);
|
|
82
|
+
padding: _theme('spacings.smallest') _theme('spacings.smaller');
|
|
83
83
|
margin-left: 0;
|
|
84
84
|
}
|
|
85
85
|
.chip {
|
|
86
|
-
background: _component(
|
|
87
|
-
background: _component(
|
|
88
|
-
color: _component(
|
|
89
|
-
color: _component(
|
|
86
|
+
background: _component('select.chip.background', true);
|
|
87
|
+
background: _component('select.chip.background');
|
|
88
|
+
color: _component('select.chip.text', true);
|
|
89
|
+
color: _component('select.chip.text');
|
|
90
90
|
vertical-align: baseline;
|
|
91
91
|
max-width: 100%;
|
|
92
|
-
height: _theme(
|
|
93
|
-
height: _theme(
|
|
94
|
-
line-height: _theme(
|
|
95
|
-
line-height: _theme(
|
|
96
|
-
padding: 0 _theme(
|
|
97
|
-
padding: 0 _theme(
|
|
98
|
-
margin: 0 .25rem .25rem 0;
|
|
92
|
+
height: _theme('sizes.standard.line-height', true);
|
|
93
|
+
height: _theme('sizes.standard.line-height');
|
|
94
|
+
line-height: _theme('sizes.standard.line-height', true);
|
|
95
|
+
line-height: _theme('sizes.standard.line-height');
|
|
96
|
+
padding: 0 _theme('spacings.smaller', true);
|
|
97
|
+
padding: 0 _theme('spacings.smaller');
|
|
98
|
+
margin: 0 0.25rem 0.25rem 0;
|
|
99
99
|
text-overflow: ellipsis;
|
|
100
100
|
overflow: hidden;
|
|
101
101
|
vertical-align: top;
|
|
@@ -103,32 +103,32 @@
|
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
-
|
|
107
106
|
// MODS
|
|
108
107
|
// ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
|
|
109
108
|
|
|
110
109
|
// Small
|
|
111
110
|
:host-context(.textfield.mod-small) {
|
|
112
|
-
.lu-select-value,
|
|
113
|
-
|
|
114
|
-
font-size: _theme(
|
|
115
|
-
|
|
116
|
-
line-height: _theme(
|
|
117
|
-
|
|
118
|
-
min-height: calc(#{_component(
|
|
111
|
+
.lu-select-value,
|
|
112
|
+
.lu-select-placeholder {
|
|
113
|
+
font-size: _theme('sizes.small.font-size', true);
|
|
114
|
+
font-size: _theme('sizes.small.font-size');
|
|
115
|
+
line-height: _theme('sizes.small.line-height', true);
|
|
116
|
+
line-height: _theme('sizes.small.line-height');
|
|
117
|
+
min-height: calc(#{_component('select.framed.bottom-padding', true)} + #{_theme('sizes.small.line-height', true)});
|
|
118
|
+
min-height: calc(#{_component('select.framed.bottom-padding')} + #{_theme('sizes.small.line-height')});
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
&::after {
|
|
122
|
-
line-height: _theme(
|
|
123
|
-
line-height: _theme(
|
|
122
|
+
line-height: _theme('sizes.small.line-height', true);
|
|
123
|
+
line-height: _theme('sizes.small.line-height');
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
::ng-deep .lu-select-value {
|
|
127
127
|
.label {
|
|
128
|
-
font-size: _theme(
|
|
129
|
-
font-size: _theme(
|
|
130
|
-
line-height: _theme(
|
|
131
|
-
line-height: _theme(
|
|
128
|
+
font-size: _theme('sizes.small.font-size', true);
|
|
129
|
+
font-size: _theme('sizes.small.font-size');
|
|
130
|
+
line-height: _theme('sizes.small.line-height', true);
|
|
131
|
+
line-height: _theme('sizes.small.line-height');
|
|
132
132
|
font-weight: 600;
|
|
133
133
|
margin: 0;
|
|
134
134
|
padding: 0;
|
|
@@ -136,10 +136,10 @@
|
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
.chip {
|
|
139
|
-
height: _theme(
|
|
140
|
-
height: _theme(
|
|
141
|
-
line-height: _theme(
|
|
142
|
-
line-height: _theme(
|
|
139
|
+
height: _theme('sizes.small.line-height', true);
|
|
140
|
+
height: _theme('sizes.small.line-height');
|
|
141
|
+
line-height: _theme('sizes.small.line-height', true);
|
|
142
|
+
line-height: _theme('sizes.small.line-height');
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
145
|
}
|
|
@@ -148,30 +148,31 @@
|
|
|
148
148
|
:host-context(.textfield.mod-framed),
|
|
149
149
|
:host-context(.form.mod-framed) {
|
|
150
150
|
&.textfield-input {
|
|
151
|
-
padding: #{_component(
|
|
152
|
-
padding: _component(
|
|
151
|
+
padding: #{_component('select.framed.top-padding', true)} 0 0;
|
|
152
|
+
padding: _component('select.framed.top-padding') 0 0;
|
|
153
153
|
|
|
154
154
|
&::after {
|
|
155
|
-
color: _color(
|
|
156
|
-
color: _color(
|
|
157
|
-
bottom: _component(
|
|
158
|
-
bottom: _component(
|
|
159
|
-
right: _theme(
|
|
160
|
-
right: _theme(
|
|
155
|
+
color: _color('text.light', 'color', true);
|
|
156
|
+
color: _color('text.light');
|
|
157
|
+
bottom: _component('select.framed.bottom-padding', true);
|
|
158
|
+
bottom: _component('select.framed.bottom-padding');
|
|
159
|
+
right: _theme('spacings.smaller', true);
|
|
160
|
+
right: _theme('spacings.smaller');
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
-
.lu-select-value,
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
163
|
+
.lu-select-value,
|
|
164
|
+
.lu-select-placeholder {
|
|
165
|
+
padding: 0 calc(#{_component('select.framed.side-padding', true)} * 3) #{_component('select.framed.bottom-padding', true)} #{_component(
|
|
166
|
+
'select.framed.side-padding',
|
|
167
|
+
true
|
|
168
|
+
)};
|
|
169
|
+
padding: 0 calc(#{_component('select.framed.side-padding')} * 3) _component('select.framed.bottom-padding')
|
|
170
|
+
_component('select.framed.side-padding');
|
|
170
171
|
}
|
|
171
172
|
|
|
172
173
|
.lu-select-suffix {
|
|
173
|
-
bottom: _component(
|
|
174
|
-
bottom: _component(
|
|
174
|
+
bottom: _component('select.framed.bottom-padding', true);
|
|
175
|
+
bottom: _component('select.framed.bottom-padding');
|
|
175
176
|
right: 1.7rem;
|
|
176
177
|
}
|
|
177
178
|
}
|
|
@@ -179,39 +180,40 @@
|
|
|
179
180
|
|
|
180
181
|
// Filter
|
|
181
182
|
:host-context(.textfield.mod-filter) {
|
|
182
|
-
.lu-select-value,
|
|
183
|
+
.lu-select-value,
|
|
184
|
+
.lu-select-placeholder {
|
|
183
185
|
padding: 0;
|
|
184
186
|
height: auto;
|
|
185
187
|
padding-top: 1rem;
|
|
186
|
-
color: _color(
|
|
187
|
-
color: _color(
|
|
188
|
+
color: _color('text.default', 'color', true);
|
|
189
|
+
color: _color('text.default');
|
|
188
190
|
}
|
|
189
191
|
|
|
190
192
|
.lu-select-suffix {
|
|
191
|
-
bottom: .4rem; // We should be able to use .5rem with new icons (.5rem of vertical padding & icon line height of 1.5rem)
|
|
193
|
+
bottom: 0.4rem; // We should be able to use .5rem with new icons (.5rem of vertical padding & icon line height of 1.5rem)
|
|
192
194
|
}
|
|
193
195
|
}
|
|
194
196
|
|
|
195
197
|
// Material
|
|
196
198
|
:host-context(.textfield.mod-material) {
|
|
197
199
|
&::after {
|
|
198
|
-
color: _color(
|
|
199
|
-
color: _color(
|
|
200
|
+
color: _color('text.light', 'color', true);
|
|
201
|
+
color: _color('text.light');
|
|
200
202
|
bottom: 0.6rem;
|
|
201
203
|
right: 0;
|
|
202
204
|
}
|
|
203
205
|
|
|
204
|
-
.lu-select-value,
|
|
206
|
+
.lu-select-value,
|
|
207
|
+
.lu-select-placeholder {
|
|
205
208
|
padding-left: 0;
|
|
206
209
|
padding-right: 0.8rem;
|
|
207
210
|
}
|
|
208
211
|
|
|
209
212
|
.lu-select-suffix {
|
|
210
|
-
right: calc(2 * #{_component(
|
|
211
|
-
right: calc(2 * #{_component(
|
|
213
|
+
right: calc(2 * #{_component('select.input.padding-horizontal', true)});
|
|
214
|
+
right: calc(2 * #{_component('select.input.padding-horizontal')});
|
|
212
215
|
}
|
|
213
216
|
|
|
214
|
-
|
|
215
217
|
&.is-select {
|
|
216
218
|
.lu-select-placeholder {
|
|
217
219
|
display: none;
|
|
@@ -223,8 +225,8 @@
|
|
|
223
225
|
bottom: 0;
|
|
224
226
|
}
|
|
225
227
|
.lu-select-suffix {
|
|
226
|
-
right: calc(2.75 * #{_component(
|
|
227
|
-
right: calc(2.75 * #{_component(
|
|
228
|
+
right: calc(2.75 * #{_component('select.input.padding-horizontal', true)});
|
|
229
|
+
right: calc(2.75 * #{_component('select.input.padding-horizontal')});
|
|
228
230
|
}
|
|
229
231
|
}
|
|
230
232
|
}
|
|
@@ -246,7 +248,7 @@
|
|
|
246
248
|
.lu-select-display-wrapper {
|
|
247
249
|
overflow: hidden;
|
|
248
250
|
white-space: normal;
|
|
249
|
-
margin-bottom:
|
|
251
|
+
margin-bottom: -0.25rem;
|
|
250
252
|
}
|
|
251
253
|
}
|
|
252
254
|
}
|
|
@@ -275,33 +277,33 @@
|
|
|
275
277
|
// Error
|
|
276
278
|
:host-context(.textfield-input.is-error) {
|
|
277
279
|
&::after {
|
|
278
|
-
color: _color(
|
|
279
|
-
color: _color(
|
|
280
|
+
color: _color('error', 700, true);
|
|
281
|
+
color: _color('error');
|
|
280
282
|
}
|
|
281
283
|
|
|
282
284
|
.lu-select-placeholder {
|
|
283
|
-
color: _color(
|
|
284
|
-
color: _color(
|
|
285
|
+
color: _color('error', 200, true);
|
|
286
|
+
color: _color('error', 200);
|
|
285
287
|
}
|
|
286
288
|
}
|
|
287
289
|
|
|
288
290
|
// Disabled
|
|
289
291
|
:host-context(.textfield-input.is-disabled, .textfield-input[disabled]) {
|
|
290
292
|
&::after {
|
|
291
|
-
color: _theme(
|
|
292
|
-
color: _theme(
|
|
293
|
+
color: _theme('commons.disabled.color', true);
|
|
294
|
+
color: _theme('commons.disabled.color');
|
|
293
295
|
}
|
|
294
296
|
|
|
295
297
|
.lu-select-placeholder {
|
|
296
|
-
color: _theme(
|
|
297
|
-
color: _theme(
|
|
298
|
+
color: _theme('commons.disabled.placeholder', true);
|
|
299
|
+
color: _theme('commons.disabled.placeholder');
|
|
298
300
|
}
|
|
299
301
|
}
|
|
300
302
|
|
|
301
303
|
// PALETTES
|
|
302
304
|
// ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
|
|
303
305
|
|
|
304
|
-
@each $name, $palette in _getMap(
|
|
306
|
+
@each $name, $palette in _getMap('palettes') {
|
|
305
307
|
:host-context(.palette-#{$name}) {
|
|
306
308
|
.lu-select-placeholder {
|
|
307
309
|
@include selectColoringPlaceholer($name);
|
|
@@ -315,9 +317,9 @@
|
|
|
315
317
|
}
|
|
316
318
|
|
|
317
319
|
@mixin selectColoringPlaceholer($palette) {
|
|
318
|
-
|
|
320
|
+
color: _color($palette, 400);
|
|
319
321
|
}
|
|
320
322
|
|
|
321
323
|
@mixin selectColoringIcons($palette) {
|
|
322
|
-
|
|
324
|
+
color: _color($palette, 700);
|
|
323
325
|
}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { ChangeDetectorRef, EventEmitter, TemplateRef } from '@angular/core';
|
|
2
|
+
import { SafeHtml } from '@angular/platform-browser';
|
|
2
3
|
import { ALuPopoverPanel, ILuPopoverPanel } from '@lucca-front/ng/popover';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class LuTooltipPanelComponent extends ALuPopoverPanel implements ILuPopoverPanel {
|
|
5
6
|
private _changeDetectorRef;
|
|
6
7
|
animationState: string;
|
|
7
8
|
private _content;
|
|
8
|
-
get content(): string;
|
|
9
|
-
set content(c: string);
|
|
9
|
+
get content(): string | SafeHtml;
|
|
10
|
+
set content(c: string | SafeHtml);
|
|
10
11
|
close: EventEmitter<void>;
|
|
11
12
|
open: EventEmitter<void>;
|
|
12
13
|
hovered: EventEmitter<boolean>;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./tooltip-panel.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@lucca-front/ng/safe-content";
|
|
5
4
|
export declare class LuTooltipPanelModule {
|
|
6
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<LuTooltipPanelModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<LuTooltipPanelModule, [typeof i1.LuTooltipPanelComponent], [typeof i2.CommonModule
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<LuTooltipPanelModule, [typeof i1.LuTooltipPanelComponent], [typeof i2.CommonModule], [typeof i1.LuTooltipPanelComponent]>;
|
|
8
7
|
static ɵinj: i0.ɵɵInjectorDeclaration<LuTooltipPanelModule>;
|
|
9
8
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Overlay, OverlayRef } from '@angular/cdk/overlay';
|
|
2
2
|
import { ComponentPortal } from '@angular/cdk/portal';
|
|
3
3
|
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, ViewContainerRef } from '@angular/core';
|
|
4
|
+
import { SafeHtml } from '@angular/platform-browser';
|
|
4
5
|
import { ALuPopoverTrigger, LuPopoverPosition, LuPopoverScrollStrategy, LuPopoverTarget } from '@lucca-front/ng/popover';
|
|
5
6
|
import { LuTooltipPanelComponent } from '../panel/tooltip-panel.component';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
@@ -8,7 +9,7 @@ export declare class LuTooltipTriggerDirective extends ALuPopoverTrigger<LuToolt
|
|
|
8
9
|
protected _overlay: Overlay;
|
|
9
10
|
protected _elementRef: ElementRef<HTMLElement>;
|
|
10
11
|
protected _viewContainerRef: ViewContainerRef;
|
|
11
|
-
set tooltipContent(c: string);
|
|
12
|
+
set tooltipContent(c: string | SafeHtml);
|
|
12
13
|
/** when trigger = hover, delay before the popover panel appears, default 300ms */
|
|
13
14
|
set inputEnterDelay(d: number);
|
|
14
15
|
/** when trigger = hover, delay before the popover panel disappears, default 100ms */
|
|
@@ -30,7 +31,7 @@ export declare class LuTooltipTriggerDirective extends ALuPopoverTrigger<LuToolt
|
|
|
30
31
|
/** accessibility attribute - dont override */
|
|
31
32
|
get _attrAriaDescribedBy(): string;
|
|
32
33
|
protected _portal: ComponentPortal<LuTooltipPanelComponent>;
|
|
33
|
-
protected _tooltipContent: string;
|
|
34
|
+
protected _tooltipContent: string | SafeHtml;
|
|
34
35
|
constructor(_overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef);
|
|
35
36
|
ngAfterViewInit(): void;
|
|
36
37
|
ngOnDestroy(): void;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./user-homonyms.component";
|
|
3
|
-
import * as i2 from "
|
|
4
|
-
import * as i3 from "../../display/user-display.module";
|
|
3
|
+
import * as i2 from "../../display/user-display.module";
|
|
5
4
|
export declare class LuUserHomonymsModule {
|
|
6
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<LuUserHomonymsModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserHomonymsModule, [typeof i1.LuUserHomonymsComponent], [typeof i2.
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserHomonymsModule, [typeof i1.LuUserHomonymsComponent], [typeof i2.LuUserDisplayModule], [typeof i1.LuUserHomonymsComponent]>;
|
|
8
7
|
static ɵinj: i0.ɵɵInjectorDeclaration<LuUserHomonymsModule>;
|
|
9
8
|
}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./user-searcher.component";
|
|
3
|
-
import * as i2 from "@angular/
|
|
4
|
-
import * as i3 from "@angular/
|
|
5
|
-
import * as i4 from "@
|
|
6
|
-
import * as i5 from "@lucca-front/ng/option";
|
|
3
|
+
import * as i2 from "@angular/forms";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "@lucca-front/ng/option";
|
|
7
6
|
export declare class LuUserSearcherModule {
|
|
8
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<LuUserSearcherModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserSearcherModule, [typeof i1.LuUserPagedSearcherComponent], [typeof i2.
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserSearcherModule, [typeof i1.LuUserPagedSearcherComponent], [typeof i2.ReactiveFormsModule, typeof i3.CommonModule, typeof i4.LuOptionPlaceholderModule], [typeof i1.LuUserPagedSearcherComponent]>;
|
|
10
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<LuUserSearcherModule>;
|
|
11
10
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FmZS1jb250ZW50Lm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvc2FmZS1jb250ZW50L3NyYy9saWIvc2FmZS1jb250ZW50Lm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBMdVNhZmVDb250ZW50VHlwZSA9ICdodG1sJyB8ICdzdHlsZScgfCAnc2NyaXB0JyB8ICd1cmwnIHwgJ3Jlc291cmNlVXJsJztcclxuIl19
|