@lucca-front/ng 8.2.2 → 9.0.0-alpha.1

package/style/_definitions.scss

@@ -1,11 +1,11 @@
-@import 'theming';
+// @import 'theming';
 
-@import 'definitions/select/select-input';
-@import 'definitions/select/select-clearer';
-@import 'definitions/user/user-tile';
-@import 'definitions/user/user-picture';
-@import 'definitions/option/option-item';
-@import 'definitions/option/option-searcher';
-@import 'definitions/option/option-selector';
-@import 'definitions/option/option-placeholder';
+// @import 'definitions/select/select-input';
+// @import 'definitions/select/select-clearer';
+// @import 'definitions/user/user-tile';
+// @import 'definitions/user/user-picture';
+// @import 'definitions/option/option-item';
+// @import 'definitions/option/option-searcher';
+// @import 'definitions/option/option-selector';
+// @import 'definitions/option/option-placeholder';
 @import 'definitions/tooltip/tooltip';

package/style/_theming.overridable.scss

@@ -1,22 +1,22 @@
-@import '~@lucca-front/scss/src/_theming.overridable';
+// @import '~@lucca-front/scss/src/_theming.overridable';
 
-@import 'theme/user-picture.theme';
-@import 'user-picture.override';
+// @import 'theme/user-picture.theme';
+// @import 'user-picture.override';
 
-@import 'theme/calendar.theme';
-@import 'calendar.override';
+// @import 'theme/calendar.theme';
+// @import 'calendar.override';
 
-@import 'theme/options.theme';
-@import 'options.override';
+// @import 'theme/options.theme';
+// @import 'options.override';
 
-@import 'theme/select.theme';
-@import 'select.override';
+// @import 'theme/select.theme';
+// @import 'select.override';
 
-@import 'theme/popup.theme';
-@import 'popup.override';
+// @import 'theme/popup.theme';
+// @import 'popup.override';
 
-@import 'theme/tooltip.theme';
-@import 'tooltip.override';
+// @import 'theme/tooltip.theme';
+// @import 'tooltip.override';
 
-@import 'theme/dropdown.theme';
-@import 'dropdown.override';
+// @import 'theme/dropdown.theme';
+// @import 'dropdown.override';

package/style/_theming.scss

@@ -1,10 +1,10 @@
-$useCssVar: true !default;
-@import '~@lucca-front/scss/src/_theming';
+// $useCssVar: true !default;
+// @import '~@lucca-front/scss/src/_theming';
 
-@import 'theme/user-picture.theme';
-@import 'theme/calendar.theme';
-@import 'theme/options.theme';
-@import 'theme/popup.theme';
-@import 'theme/select.theme';
-@import 'theme/tooltip.theme';
-@import 'theme/dropdown.theme';
+// @import 'theme/user-picture.theme';
+// @import 'theme/calendar.theme';
+// @import 'theme/options.theme';
+// @import 'theme/popup.theme';
+// @import 'theme/select.theme';
+// @import 'theme/tooltip.theme';
+// @import 'theme/dropdown.theme';

package/style/components/_dropdown.scss

@@ -1,121 +1,121 @@
-.lu-dropdown-content {
-	margin: calc(#{_theme("spacings.smaller", true)} * -1);
-	margin: calc(#{_theme("spacings.smaller")} * -1);
-	padding: 0;
-	border-radius: _theme("commons.border.radius", true);
-	border-radius: _theme("commons.border.radius");
-	width: _component("dropdown.width", true);
-	width: _component("dropdown.width");
-	max-width: _component("dropdown.max-width", true);
-	max-width: _component("dropdown.max-width");
-	max-height: _component("dropdown.max-height", true);
-	max-height: _component("dropdown.max-height");
-	overflow-x: hidden;
-	overflow-y: auto;
-}
+// .lu-dropdown-content {
+// 	margin: calc(#{_theme("spacings.smaller", true)} * -1);
+// 	margin: calc(#{_theme("spacings.smaller")} * -1);
+// 	padding: 0;
+// 	border-radius: _theme("commons.border.radius", true);
+// 	border-radius: _theme("commons.border.radius");
+// 	width: _component("dropdown.width", true);
+// 	width: _component("dropdown.width");
+// 	max-width: _component("dropdown.max-width", true);
+// 	max-width: _component("dropdown.max-width");
+// 	max-height: _component("dropdown.max-height", true);
+// 	max-height: _component("dropdown.max-height");
+// 	overflow-x: hidden;
+// 	overflow-y: auto;
+// }
 
-//.lu-dropdown-options-item-children, 
-.lu-dropdown-options {
-	list-style-type: none;
-	padding: 0;
-	margin: 0;
-}
+// //.lu-dropdown-options-item-children, 
+// .lu-dropdown-options {
+// 	list-style-type: none;
+// 	padding: 0;
+// 	margin: 0;
+// }
 
-/*
-.lu-dropdown-options-item {
-	&.mod-withChildren {
-		border-color: _color("primary", "lighter", true);
-		border-color: _color("primary", "lighter");
+// /*
+// .lu-dropdown-options-item {
+// 	&.mod-withChildren {
+// 		border-color: _color("primary", "lighter", true);
+// 		border-color: _color("primary", "lighter");
 
-		&:not(:first-child) {
-			border-top-width: 2px;
-			border-top-style: solid;
-		}
+// 		&:not(:first-child) {
+// 			border-top-width: 2px;
+// 			border-top-style: solid;
+// 		}
 
-		&:not(:last-child) {
-			border-bottom-width: 2px;
-			border-bottom-style: solid;
-		}
+// 		&:not(:last-child) {
+// 			border-bottom-width: 2px;
+// 			border-bottom-style: solid;
+// 		}
 
-		& + .mod-withChildren {
-			border-top-width: 0;
-		}
-	}
+// 		& + .mod-withChildren {
+// 			border-top-width: 0;
+// 		}
+// 	}
 
-	&[aria-hidden='false'] {
-		.expand {
-			display: none;
-		}
-	}
+// 	&[aria-hidden='false'] {
+// 		.expand {
+// 			display: none;
+// 		}
+// 	}
 
-	&:not([aria-hidden='false']) {
-		.collapse,
-		.lu-dropdown-options-item-children {
-			display: none;
-		}
-	}
-}
-*/
+// 	&:not([aria-hidden='false']) {
+// 		.collapse,
+// 		.lu-dropdown-options-item-children {
+// 			display: none;
+// 		}
+// 	}
+// }
+// */
 
-//.lu-dropdown-options-item-toggle,
-//.lu-dropdown-options-item-children-item-action,
-.lu-dropdown-options-item-action {
-	display: block;
-	background-color: transparent;
-	border: 0;
-	padding: _theme("spacings.smaller", true) _theme("spacings.small", true);
-	padding: _theme("spacings.smaller") _theme("spacings.small");
-	margin: _theme("spacings.smallest", true) 0;
-	margin: _theme("spacings.smallest") 0;
-	cursor: pointer;
-	width: 100%;
-	text-align: left;
-	transition: background-color _theme("commons.animations.durations.standard", true);
-	transition: background-color _theme("commons.animations.durations.standard");
-	text-decoration: none;
+// //.lu-dropdown-options-item-toggle,
+// //.lu-dropdown-options-item-children-item-action,
+// .lu-dropdown-options-item-action {
+// 	display: block;
+// 	background-color: transparent;
+// 	border: 0;
+// 	padding: _theme("spacings.smaller", true) _theme("spacings.small", true);
+// 	padding: _theme("spacings.smaller") _theme("spacings.small");
+// 	margin: _theme("spacings.smallest", true) 0;
+// 	margin: _theme("spacings.smallest") 0;
+// 	cursor: pointer;
+// 	width: 100%;
+// 	text-align: left;
+// 	transition: background-color _theme("commons.animations.durations.standard", true);
+// 	transition: background-color _theme("commons.animations.durations.standard");
+// 	text-decoration: none;
 
-	&,
-	&:hover,
-	&:focus {
-		color: currentColor;
-	}
+// 	&,
+// 	&:hover,
+// 	&:focus {
+// 		color: currentColor;
+// 	}
 
-	/*
-	&:focus {
-		outline: 1px dotted;
-	}
-	*/
+// 	/*
+// 	&:focus {
+// 		outline: 1px dotted;
+// 	}
+// 	*/
 	
-	&:focus, // delete this line when sub-menus are implemented
-	&:hover {
-		background-color: _color("primary", 100, true);
-		background-color: _color("primary", 100);
-	}
+// 	&:focus, // delete this line when sub-menus are implemented
+// 	&:hover {
+// 		background-color: _color("primary", 100, true);
+// 		background-color: _color("primary", 100);
+// 	}
 
-	&.is-disabled {
-		color: _color("text.placeholder", "color", true);
-		color: _color("text.placeholder");
-		&:hover, &:focus {
-			pointer-events: none;
-			background-color: #ffffff;
-		}
-	}
-}
+// 	&.is-disabled {
+// 		color: _color("text.placeholder", "color", true);
+// 		color: _color("text.placeholder");
+// 		&:hover, &:focus {
+// 			pointer-events: none;
+// 			background-color: #ffffff;
+// 		}
+// 	}
+// }
 
-/*
-.lu-dropdown-options-item-toggle {
-	position: relative;
-	padding-right: _theme("spacings.big", true);
-	padding-right: _theme("spacings.big");
+// /*
+// .lu-dropdown-options-item-toggle {
+// 	position: relative;
+// 	padding-right: _theme("spacings.big", true);
+// 	padding-right: _theme("spacings.big");
 
-	.lucca-icon {
-		position: absolute;
-		right: _theme("spacings.small", true);
-		right: _theme("spacings.small");
-		top: 50%;
-		transform: translateY(-50%);
-		font-size: _theme("sizes.smaller.font-size", true);
-		font-size: _theme("sizes.smaller.font-size");
-	}
-}
-*/
+// 	.lucca-icon {
+// 		position: absolute;
+// 		right: _theme("spacings.small", true);
+// 		right: _theme("spacings.small");
+// 		top: 50%;
+// 		transform: translateY(-50%);
+// 		font-size: _theme("sizes.smaller.font-size", true);
+// 		font-size: _theme("sizes.smaller.font-size");
+// 	}
+// }
+// */

package/style/components/_input.scss

@@ -1,56 +1,56 @@
-@import "~@lucca-front/scss/src/mixins/forms";
+// @import "~@lucca-front/scss/src/mixins/forms";
 
-.textfield {
-	.textfield-input.ng-invalid.ng-touched {
-		@include fieldError("textfield");
-	}
+// .textfield {
+// 	.textfield-input.ng-invalid.ng-touched {
+// 		@include fieldError("textfield");
+// 	}
 
-	&.mod-material .textfield-input.ng-invalid.ng-touched {
-		@include fieldMaterialError("textfield");
-	}
+// 	&.mod-material .textfield-input.ng-invalid.ng-touched {
+// 		@include fieldMaterialError("textfield");
+// 	}
 
-	&.mod-framed {
-		.textfield-input {
-			&.ng-invalid.ng-touched,
-			&.is-invalid,
-			&.is-error {
-				@include fieldFramedError("textfield");
-			}
-		}
-	}
-}
+// 	&.mod-framed {
+// 		.textfield-input {
+// 			&.ng-invalid.ng-touched,
+// 			&.is-invalid,
+// 			&.is-error {
+// 				@include fieldFramedError("textfield");
+// 			}
+// 		}
+// 	}
+// }
 
-.form.mod-framed {
-	.textfield-input {
-		&.is-error,
-		&.is-invalid,
-		&.ng-invalid.ng-touched {
-			@include fieldFramedError("textfield");
-		}
-	}
-}
+// .form.mod-framed {
+// 	.textfield-input {
+// 		&.is-error,
+// 		&.is-invalid,
+// 		&.ng-invalid.ng-touched {
+// 			@include fieldFramedError("textfield");
+// 		}
+// 	}
+// }
 
-.radiosfield,
-.checkboxesfield {
-	&.mod-framed {
-		.checkbox-input,
-		.radio-input {
-			&.ng-invalid.ng-touched,
-			&.is-invalid,
-			&.is-error {
-				@include fieldFramedError("radiosfield");
-			}
-		}
-	}
-}
+// .radiosfield,
+// .checkboxesfield {
+// 	&.mod-framed {
+// 		.checkbox-input,
+// 		.radio-input {
+// 			&.ng-invalid.ng-touched,
+// 			&.is-invalid,
+// 			&.is-error {
+// 				@include fieldFramedError("radiosfield");
+// 			}
+// 		}
+// 	}
+// }
 
-.form.mod-framed {
-	.checkbox,
-	.radio {
-		&.is-error,
-		&.is-invalid,
-		&.ng-invalid.ng-touched {
-			@include fieldFramedError("radiosfield");
-		}
-	}
-}
+// .form.mod-framed {
+// 	.checkbox,
+// 	.radio {
+// 		&.is-error,
+// 		&.is-invalid,
+// 		&.ng-invalid.ng-touched {
+// 			@include fieldFramedError("radiosfield");
+// 		}
+// 	}
+// }

package/style/components/_picker.scss

@@ -1,73 +1,73 @@
-@import '~@lucca-front/scss/src/_mixins';
+// @import '~@lucca-front/scss/src/_mixins';
 
-.lu-picker-panel {
-	@extend %popover-panel;
-}
+// .lu-picker-panel {
+// 	@extend %popover-panel;
+// }
 
-.lu-picker-content {
-	$height: 17.5rem; // magic number
+// .lu-picker-content {
+// 	$height: 17.5rem; // magic number
 
-	@extend %popover-content;
-	padding: 0;
-	max-height: $height; 
-	overflow-y: auto;
-	display: block;
-	transform-origin: top left;
-	animation: scaleIn 150ms cubic-bezier(0.25, 0.8, 0.25, 1);
+// 	@extend %popover-content;
+// 	padding: 0;
+// 	max-height: $height; 
+// 	overflow-y: auto;
+// 	display: block;
+// 	transform-origin: top left;
+// 	animation: scaleIn 150ms cubic-bezier(0.25, 0.8, 0.25, 1);
 
-	&.is-loading {
-		height: $height;
-	}
-}
+// 	&.is-loading {
+// 		height: $height;
+// 	}
+// }
 
-.lu-picker-loading {
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	transform: translateX(-50%) translateY(-50%);
-}
+// .lu-picker-loading {
+// 	position: absolute;
+// 	left: 50%;
+// 	top: 50%;
+// 	transform: translateX(-50%) translateY(-50%);
+// }
 
-.lu-picker-header {
-	background: white;
-	position: sticky;
-	top: 0;
-	left: 0;
-	right: 0;
-	display: block;
-	z-index: 1;
+// .lu-picker-header {
+// 	background: white;
+// 	position: sticky;
+// 	top: 0;
+// 	left: 0;
+// 	right: 0;
+// 	display: block;
+// 	z-index: 1;
 	
-}
+// }
 
-.lu-picker-textfield {
-	border-bottom: 1px solid _theme("commons.divider.color");
-	margin-bottom: _theme("spacings.smaller");
-	width: 100%;
+// .lu-picker-textfield {
+// 	border-bottom: 1px solid _theme("commons.divider.color");
+// 	margin-bottom: _theme("spacings.smaller");
+// 	width: 100%;
 
-	.textfield-input {
-		background: white;
-		border-radius: 0;
-		box-shadow: none;
-	}
-}
+// 	.textfield-input {
+// 		background: white;
+// 		border-radius: 0;
+// 		box-shadow: none;
+// 	}
+// }
 
-.lu-picker-footer {
-	background: white;
-	position: sticky;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	display: block;
-	z-index: 1;
-}
+// .lu-picker-footer {
+// 	background: white;
+// 	position: sticky;
+// 	bottom: 0;
+// 	left: 0;
+// 	right: 0;
+// 	display: block;
+// 	z-index: 1;
+// }
 
-.lu-date-picker-panel {
-	width: _component("calendar.width", true);
-	width: _component("calendar.width");
-	.lu-picker-content {
-		max-height: none;
-	}
-	lu-calendar>.calendar {
-		width: _component("calendar.width", true);
-		width: _component("calendar.width");
-	}
-}
+// .lu-date-picker-panel {
+// 	width: _component("calendar.width", true);
+// 	width: _component("calendar.width");
+// 	.lu-picker-content {
+// 		max-height: none;
+// 	}
+// 	lu-calendar>.calendar {
+// 		width: _component("calendar.width", true);
+// 		width: _component("calendar.width");
+// 	}
+// }

package/style/components/_popover.scss

@@ -1,54 +1,54 @@
-@import '~@lucca-front/scss/src/_mixins';
-
-%popover-panel {
-	display: flex;
-	flex-direction: column;
-	max-height: calc(100vh + 48px);
-	position: relative;
-	&.is-above {
-		transform-origin: bottom center;
-	}
-
-	&.is-below {
-		transform-origin: top center;
-	}
-
-	&.is-before {
-		transform-origin: center right;
-
-		&.is-above {
-			transform-origin: bottom right;
-		}
-
-		&.is-below {
-			transform-origin: top right;
-		}
-	}
-
-	&.is-after {
-		transform-origin: center left;
-
-		&.is-above {
-			transform-origin: bottom left;
-		}
-
-		&.is-below {
-			transform-origin: top left;
-		}
-	}
-}
-
-%popover-content {
-	background: white;
-	@include elevate(2);
-
-}
-
-.lu-popover-panel {
-	@extend %popover-panel;
-}
-
-.lu-popover-content {
-	@extend %popover-content;
-	padding: 1em;
-}
+// @import '~@lucca-front/scss/src/_mixins';
+
+// %popover-panel {
+// 	display: flex;
+// 	flex-direction: column;
+// 	max-height: calc(100vh + 48px);
+// 	position: relative;
+// 	&.is-above {
+// 		transform-origin: bottom center;
+// 	}
+
+// 	&.is-below {
+// 		transform-origin: top center;
+// 	}
+
+// 	&.is-before {
+// 		transform-origin: center right;
+
+// 		&.is-above {
+// 			transform-origin: bottom right;
+// 		}
+
+// 		&.is-below {
+// 			transform-origin: top right;
+// 		}
+// 	}
+
+// 	&.is-after {
+// 		transform-origin: center left;
+
+// 		&.is-above {
+// 			transform-origin: bottom left;
+// 		}
+
+// 		&.is-below {
+// 			transform-origin: top left;
+// 		}
+// 	}
+// }
+
+// %popover-content {
+// 	background: white;
+// 	@include elevate(2);
+
+// }
+
+// .lu-popover-panel {
+// 	@extend %popover-panel;
+// }
+
+// .lu-popover-content {
+// 	@extend %popover-content;
+// 	padding: 1em;
+// }