@lucca-front/ng 9.0.1 → 9.0.2

package/style/definitions/select/_select-input.scss

@@ -1,4 +1,4 @@
-@import "~@lucca-front/icons/src/_mixins";
+@import '@lucca-front/icons/src/_mixins';
 @mixin selectInputStyle {
 	:host {
 		cursor: pointer;
@@ -6,16 +6,16 @@
 		padding: 0;
 
 		&::after {
-			@include makeIcon("arrow_south");
-			@include selectColoringIcons("select.default-palette");
-			bottom: #{_component("select.input.padding-vertical", true)};
-			bottom: _component("select.input.padding-vertical");
+			@include makeIcon('arrow_south');
+			@include selectColoringIcons('select.default-palette');
+			bottom: #{_component('select.input.padding-vertical', true)};
+			bottom: _component('select.input.padding-vertical');
 			font-size: 1.2rem;
 			line-height: 1.4rem;
 			pointer-events: none;
 			position: absolute;
-			right: #{_component("select.input.padding-horizontal", true)};
-			right: _component("select.input.padding-horizontal");
+			right: #{_component('select.input.padding-horizontal', true)};
+			right: _component('select.input.padding-horizontal');
 		}
 
 		&[disabled] {
@@ -36,35 +36,35 @@
 	}
 
 	.lu-select-value {
-		line-height: _theme("sizes.standard.line-height", true);
-		line-height: _theme("sizes.standard.line-height");
-		min-height: calc(#{_component("select.framed.bottom-padding", true)} + #{_theme("sizes.standard.line-height", true)});
-		min-height: calc(#{_component("select.framed.bottom-padding")} + #{_theme("sizes.standard.line-height")});
-		padding: #{_component("select.input.padding-vertical", true)} 2.5rem
-			#{_component("select.input.padding-vertical", true)}
-			#{_component("select.input.padding-horizontal", true)};
-		padding: _component("select.input.padding-vertical") 2.5rem
-			_component("select.input.padding-vertical")
-			_component("select.input.padding-horizontal");
-		transition: all #{_theme("commons.animations.durations.standard", true)} ease;
-		transition: all _theme("commons.animations.durations.standard") ease;
+		line-height: _theme('sizes.standard.line-height', true);
+		line-height: _theme('sizes.standard.line-height');
+		min-height: calc(#{_component('select.framed.bottom-padding', true)} + #{_theme('sizes.standard.line-height', true)});
+		min-height: calc(#{_component('select.framed.bottom-padding')} + #{_theme('sizes.standard.line-height')});
+		padding: #{_component('select.input.padding-vertical', true)} 2.5rem #{_component('select.input.padding-vertical', true)} #{_component(
+				'select.input.padding-horizontal',
+				true
+			)};
+		padding: _component('select.input.padding-vertical') 2.5rem _component('select.input.padding-vertical')
+			_component('select.input.padding-horizontal');
+		transition: all #{_theme('commons.animations.durations.standard', true)} ease;
+		transition: all _theme('commons.animations.durations.standard') ease;
 		display: none;
 	}
 
 	.lu-select-placeholder {
-		@include selectColoringPlaceholer("select.default-palette");
-		line-height: _theme("sizes.standard.line-height", true);
-		line-height: _theme("sizes.standard.line-height");
-		min-height: calc(#{_component("select.framed.bottom-padding", true)} + #{_theme("sizes.standard.line-height", true)});
-		min-height: calc(#{_component("select.framed.bottom-padding")} + #{_theme("sizes.standard.line-height")});
-		padding: #{_component("select.input.padding-vertical", true)} 2.5rem
-			#{_component("select.input.padding-vertical", true)}
-			#{_component("select.input.padding-horizontal", true)};
-		padding: _component("select.input.padding-vertical") 2.5rem
-			_component("select.input.padding-vertical")
-			_component("select.input.padding-horizontal");
-		transition: all #{_theme("commons.animations.durations.standard", true)} ease;
-		transition: all _theme("commons.animations.durations.standard") ease;
+		@include selectColoringPlaceholer('select.default-palette');
+		line-height: _theme('sizes.standard.line-height', true);
+		line-height: _theme('sizes.standard.line-height');
+		min-height: calc(#{_component('select.framed.bottom-padding', true)} + #{_theme('sizes.standard.line-height', true)});
+		min-height: calc(#{_component('select.framed.bottom-padding')} + #{_theme('sizes.standard.line-height')});
+		padding: #{_component('select.input.padding-vertical', true)} 2.5rem #{_component('select.input.padding-vertical', true)} #{_component(
+				'select.input.padding-horizontal',
+				true
+			)};
+		padding: _component('select.input.padding-vertical') 2.5rem _component('select.input.padding-vertical')
+			_component('select.input.padding-horizontal');
+		transition: all #{_theme('commons.animations.durations.standard', true)} ease;
+		transition: all _theme('commons.animations.durations.standard') ease;
 		overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
@@ -72,30 +72,30 @@
 
 	.lu-select-suffix {
 		position: absolute;
-		bottom: .5rem;
+		bottom: 0.5rem;
 		right: 1.6rem;
 	}
 
 	::ng-deep .lu-select-value {
 		.label {
-			padding: _theme("spacings.smallest", true) .25rem .5rem _theme("spacings.smaller", true);
-			padding: _theme("spacings.smallest") _theme("spacings.smaller");
+			padding: _theme('spacings.smallest', true) 0.25rem 0.5rem _theme('spacings.smaller', true);
+			padding: _theme('spacings.smallest') _theme('spacings.smaller');
 			margin-left: 0;
 		}
 		.chip {
-			background: _component("select.chip.background", true);
-			background: _component("select.chip.background");
-			color: _component("select.chip.text", true);
-			color: _component("select.chip.text");
+			background: _component('select.chip.background', true);
+			background: _component('select.chip.background');
+			color: _component('select.chip.text', true);
+			color: _component('select.chip.text');
 			vertical-align: baseline;
 			max-width: 100%;
-			height: _theme("sizes.standard.line-height", true);
-			height: _theme("sizes.standard.line-height");
-			line-height: _theme("sizes.standard.line-height", true);
-			line-height: _theme("sizes.standard.line-height");
-			padding: 0 _theme("spacings.smaller", true);
-			padding: 0 _theme("spacings.smaller");
-			margin: 0 .25rem .25rem 0;
+			height: _theme('sizes.standard.line-height', true);
+			height: _theme('sizes.standard.line-height');
+			line-height: _theme('sizes.standard.line-height', true);
+			line-height: _theme('sizes.standard.line-height');
+			padding: 0 _theme('spacings.smaller', true);
+			padding: 0 _theme('spacings.smaller');
+			margin: 0 0.25rem 0.25rem 0;
 			text-overflow: ellipsis;
 			overflow: hidden;
 			vertical-align: top;
@@ -103,32 +103,32 @@
 		}
 	}
 
-
 	// MODS
 	// ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
 
 	// Small
 	:host-context(.textfield.mod-small) {
-		.lu-select-value, .lu-select-placeholder {
-			font-size: _theme("sizes.small.font-size", true);
-			font-size: _theme("sizes.small.font-size");
-			line-height: _theme("sizes.small.line-height", true);
-			line-height: _theme("sizes.small.line-height");
-			min-height: calc(#{_component("select.framed.bottom-padding", true)} + #{_theme("sizes.small.line-height", true)});
-			min-height: calc(#{_component("select.framed.bottom-padding")} + #{_theme("sizes.small.line-height")});
+		.lu-select-value,
+		.lu-select-placeholder {
+			font-size: _theme('sizes.small.font-size', true);
+			font-size: _theme('sizes.small.font-size');
+			line-height: _theme('sizes.small.line-height', true);
+			line-height: _theme('sizes.small.line-height');
+			min-height: calc(#{_component('select.framed.bottom-padding', true)} + #{_theme('sizes.small.line-height', true)});
+			min-height: calc(#{_component('select.framed.bottom-padding')} + #{_theme('sizes.small.line-height')});
 		}
 
 		&::after {
-			line-height: _theme("sizes.small.line-height", true);
-			line-height: _theme("sizes.small.line-height");
+			line-height: _theme('sizes.small.line-height', true);
+			line-height: _theme('sizes.small.line-height');
 		}
 
 		::ng-deep .lu-select-value {
 			.label {
-				font-size: _theme("sizes.small.font-size", true);
-				font-size: _theme("sizes.small.font-size");
-				line-height: _theme("sizes.small.line-height", true);
-				line-height: _theme("sizes.small.line-height");
+				font-size: _theme('sizes.small.font-size', true);
+				font-size: _theme('sizes.small.font-size');
+				line-height: _theme('sizes.small.line-height', true);
+				line-height: _theme('sizes.small.line-height');
 				font-weight: 600;
 				margin: 0;
 				padding: 0;
@@ -136,10 +136,10 @@
 			}
 
 			.chip {
-				height: _theme("sizes.small.line-height", true);
-				height: _theme("sizes.small.line-height");
-				line-height: _theme("sizes.small.line-height", true);
-				line-height: _theme("sizes.small.line-height");
+				height: _theme('sizes.small.line-height', true);
+				height: _theme('sizes.small.line-height');
+				line-height: _theme('sizes.small.line-height', true);
+				line-height: _theme('sizes.small.line-height');
 			}
 		}
 	}
@@ -148,30 +148,31 @@
 	:host-context(.textfield.mod-framed),
 	:host-context(.form.mod-framed) {
 		&.textfield-input {
-			padding: #{_component("select.framed.top-padding", true)} 0 0;
-			padding: _component("select.framed.top-padding") 0 0;
+			padding: #{_component('select.framed.top-padding', true)} 0 0;
+			padding: _component('select.framed.top-padding') 0 0;
 
 			&::after {
-				color: _color("text.light", "color", true);
-				color: _color("text.light");
-				bottom: _component("select.framed.bottom-padding", true);
-				bottom: _component("select.framed.bottom-padding");
-				right: _theme("spacings.smaller", true);
-				right: _theme("spacings.smaller");
+				color: _color('text.light', 'color', true);
+				color: _color('text.light');
+				bottom: _component('select.framed.bottom-padding', true);
+				bottom: _component('select.framed.bottom-padding');
+				right: _theme('spacings.smaller', true);
+				right: _theme('spacings.smaller');
 			}
 
-			.lu-select-value, .lu-select-placeholder {
-				padding: 0 calc(#{_component("select.framed.side-padding", true)} * 3)
-					#{_component("select.framed.bottom-padding", true)}
-					#{_component("select.framed.side-padding", true)};
-				padding: 0 calc(#{_component("select.framed.side-padding")} * 3)
-					_component("select.framed.bottom-padding")
-					_component("select.framed.side-padding");
+			.lu-select-value,
+			.lu-select-placeholder {
+				padding: 0 calc(#{_component('select.framed.side-padding', true)} * 3) #{_component('select.framed.bottom-padding', true)} #{_component(
+						'select.framed.side-padding',
+						true
+					)};
+				padding: 0 calc(#{_component('select.framed.side-padding')} * 3) _component('select.framed.bottom-padding')
+					_component('select.framed.side-padding');
 			}
 
 			.lu-select-suffix {
-				bottom: _component("select.framed.bottom-padding", true);
-				bottom: _component("select.framed.bottom-padding");
+				bottom: _component('select.framed.bottom-padding', true);
+				bottom: _component('select.framed.bottom-padding');
 				right: 1.7rem;
 			}
 		}
@@ -179,39 +180,40 @@
 
 	// Filter
 	:host-context(.textfield.mod-filter) {
-		.lu-select-value, .lu-select-placeholder {
+		.lu-select-value,
+		.lu-select-placeholder {
 			padding: 0;
 			height: auto;
 			padding-top: 1rem;
-			color: _color("text.default", "color", true);
-			color: _color("text.default");
+			color: _color('text.default', 'color', true);
+			color: _color('text.default');
 		}
 
 		.lu-select-suffix {
-			bottom: .4rem; // We should be able to use .5rem with new icons (.5rem of vertical padding & icon line height of 1.5rem)
+			bottom: 0.4rem; // We should be able to use .5rem with new icons (.5rem of vertical padding & icon line height of 1.5rem)
 		}
 	}
 
 	// Material
 	:host-context(.textfield.mod-material) {
 		&::after {
-			color: _color("text.light", "color", true);
-			color: _color("text.light");
+			color: _color('text.light', 'color', true);
+			color: _color('text.light');
 			bottom: 0.6rem;
 			right: 0;
 		}
 
-		.lu-select-value, .lu-select-placeholder {
+		.lu-select-value,
+		.lu-select-placeholder {
 			padding-left: 0;
 			padding-right: 0.8rem;
 		}
 
 		.lu-select-suffix {
-			right: calc(2 * #{_component("select.input.padding-horizontal", true)});
-			right: calc(2 * #{_component("select.input.padding-horizontal")});
+			right: calc(2 * #{_component('select.input.padding-horizontal', true)});
+			right: calc(2 * #{_component('select.input.padding-horizontal')});
 		}
 
-
 		&.is-select {
 			.lu-select-placeholder {
 				display: none;
@@ -223,8 +225,8 @@
 				bottom: 0;
 			}
 			.lu-select-suffix {
-				right: calc(2.75 * #{_component("select.input.padding-horizontal", true)});
-				right: calc(2.75 * #{_component("select.input.padding-horizontal")});
+				right: calc(2.75 * #{_component('select.input.padding-horizontal', true)});
+				right: calc(2.75 * #{_component('select.input.padding-horizontal')});
 			}
 		}
 	}
@@ -246,7 +248,7 @@
 			.lu-select-display-wrapper {
 				overflow: hidden;
 				white-space: normal;
-				margin-bottom: -.25rem;
+				margin-bottom: -0.25rem;
 			}
 		}
 	}
@@ -275,33 +277,33 @@
 	// Error
 	:host-context(.textfield-input.is-error) {
 		&::after {
-			color: _color("error", 700, true);
-			color: _color("error");
+			color: _color('error', 700, true);
+			color: _color('error');
 		}
 
 		.lu-select-placeholder {
-			color: _color("error", 200, true);
-			color: _color("error", 200);
+			color: _color('error', 200, true);
+			color: _color('error', 200);
 		}
 	}
 
 	// Disabled
 	:host-context(.textfield-input.is-disabled, .textfield-input[disabled]) {
 		&::after {
-			color: _theme("commons.disabled.color", true);
-			color: _theme("commons.disabled.color");
+			color: _theme('commons.disabled.color', true);
+			color: _theme('commons.disabled.color');
 		}
 
 		.lu-select-placeholder {
-			color: _theme("commons.disabled.placeholder", true);
-			color: _theme("commons.disabled.placeholder");
+			color: _theme('commons.disabled.placeholder', true);
+			color: _theme('commons.disabled.placeholder');
 		}
 	}
 
 	// PALETTES
 	// ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
 
-	@each $name, $palette in _getMap("palettes") {
+	@each $name, $palette in _getMap('palettes') {
 		:host-context(.palette-#{$name}) {
 			.lu-select-placeholder {
 				@include selectColoringPlaceholer($name);
@@ -315,9 +317,9 @@
 }
 
 @mixin selectColoringPlaceholer($palette) {
-		color: _color($palette, 400);
+	color: _color($palette, 400);
 }
 
 @mixin selectColoringIcons($palette) {
-		color: _color($palette, 700);
+	color: _color($palette, 700);
 }

package/user/lib/select/homonyms/user-homonyms.module.d.ts

@@ -1,9 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./user-homonyms.component";
-import * as i2 from "@angular/common/http";
-import * as i3 from "../../display/user-display.module";
+import * as i2 from "../../display/user-display.module";
 export declare class LuUserHomonymsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserHomonymsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserHomonymsModule, [typeof i1.LuUserHomonymsComponent], [typeof i2.HttpClientModule, typeof i3.LuUserDisplayModule], [typeof i1.LuUserHomonymsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserHomonymsModule, [typeof i1.LuUserHomonymsComponent], [typeof i2.LuUserDisplayModule], [typeof i1.LuUserHomonymsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LuUserHomonymsModule>;
 }

package/user/lib/select/searcher/user-searcher.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./user-searcher.component";
-import * as i2 from "@angular/common/http";
-import * as i3 from "@angular/forms";
-import * as i4 from "@angular/common";
-import * as i5 from "@lucca-front/ng/option";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+import * as i4 from "@lucca-front/ng/option";
 export declare class LuUserSearcherModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserSearcherModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserSearcherModule, [typeof i1.LuUserPagedSearcherComponent], [typeof i2.HttpClientModule, typeof i3.ReactiveFormsModule, typeof i4.CommonModule, typeof i5.LuOptionPlaceholderModule], [typeof i1.LuUserPagedSearcherComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserSearcherModule, [typeof i1.LuUserPagedSearcherComponent], [typeof i2.ReactiveFormsModule, typeof i3.CommonModule, typeof i4.LuOptionPlaceholderModule], [typeof i1.LuUserPagedSearcherComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LuUserSearcherModule>;
 }