aril 0.0.7 → 0.0.9

package/theme/styles/theme/base/components/input/_treeselect.scss

@@ -1,139 +1,139 @@
 @use 'sass:math';
 
 .p-treeselect {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-
-    &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
-    }
-
-    &:not(.p-disabled).p-focus {
-        @include focused-input();
-    }
-
-    .p-treeselect-label {
-        padding: $inputPadding;
-        transition: $formElementTransition;
-
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
-    }
-
-    &.p-treeselect-chip {
-        .p-treeselect-token {
-            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            margin-right: $inlineSpacing;
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
-        }
-    }
-
-    .p-treeselect-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
+	background: $inputBg;
+	border: $inputBorder;
+	transition: $formElementTransition;
+	border-radius: $borderRadius;
+
+	&:not(.p-disabled):hover {
+		border-color: $inputHoverBorderColor;
+	}
+
+	&:not(.p-disabled).p-focus {
+		@include focused-input();
+	}
+
+	.p-treeselect-label {
+		padding: $inputPadding;
+		transition: $formElementTransition;
+
+		&.p-placeholder {
+			color: $inputPlaceholderTextColor;
+		}
+	}
+
+	&.p-treeselect-chip {
+		.p-treeselect-token {
+			padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+			margin-right: $inlineSpacing;
+			background: $chipBg;
+			color: $chipTextColor;
+			border-radius: $chipBorderRadius;
+		}
+	}
+
+	.p-treeselect-trigger {
+		background: transparent;
+		color: $inputIconColor;
+		width: $inputGroupAddOnMinWidth;
+		border-top-right-radius: $borderRadius;
+		border-bottom-right-radius: $borderRadius;
+	}
 }
 
 p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
-    @include invalid-input();
+	@include invalid-input();
 }
 
 .p-inputwrapper-filled {
-    .p-treeselect {
-        &.p-treeselect-chip {
-            .p-treeselect-label {
-                padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            }
-        }
-    }
+	.p-treeselect {
+		&.p-treeselect-chip {
+			.p-treeselect-label {
+				padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+			}
+		}
+	}
 }
 
 .p-treeselect-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-
-    .p-treeselect-header {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputOverlayHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-treeselect-filter-container {
-            margin-right: $inlineSpacing;
-
-            .p-treeselect-filter {
-                padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-            }
-    
-            .p-treeselect-filter-icon {
-                right: nth($inputPadding, 2);
-                color: $inputIconColor;
-            }
-    
-            &.p-treeselect-clearable-filter {
-                .p-treeselect-filter {
-                    padding-right: 2 * (nth($inputPadding, 2) + $primeIconFontSize);
-                }
-        
-                .p-treeselect-filter-clear-icon {
-                    right: (2 * nth($inputPadding, 2)) + $primeIconFontSize;
-                }
-            }
-        }
-
-        .p-treeselect-close {
-            @include action-icon();
-        }
-    }
-    
-    .p-treeselect-items-wrapper {
-        .p-tree {
-            border: 0 none;
-        }
-
-        .p-treeselect-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
-    }
+	background: $inputOverlayBg;
+	color: $inputListTextColor;
+	border: $inputOverlayBorder;
+	border-radius: $borderRadius;
+	box-shadow: $inputOverlayShadow;
+
+	.p-treeselect-header {
+		padding: $inputListHeaderPadding;
+		border-bottom: $inputListHeaderBorder;
+		color: $inputListHeaderTextColor;
+		background: $inputOverlayHeaderBg;
+		margin: $inputListHeaderMargin;
+		border-top-right-radius: $borderRadius;
+		border-top-left-radius: $borderRadius;
+
+		.p-treeselect-filter-container {
+			margin-right: $inlineSpacing;
+
+			.p-treeselect-filter {
+				padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+			}
+
+			.p-treeselect-filter-icon {
+				right: nth($inputPadding, 2);
+				color: $inputIconColor;
+			}
+
+			&.p-treeselect-clearable-filter {
+				.p-treeselect-filter {
+					padding-right: 2 * (nth($inputPadding, 2) + $primeIconFontSize);
+				}
+
+				.p-treeselect-filter-clear-icon {
+					right: (2 * nth($inputPadding, 2)) + $primeIconFontSize;
+				}
+			}
+		}
+
+		.p-treeselect-close {
+			@include action-icon();
+		}
+	}
+
+	.p-treeselect-items-wrapper {
+		.p-tree {
+			border: 0 none;
+		}
+
+		.p-treeselect-empty-message {
+			padding: $inputListItemPadding;
+			color: $inputListItemTextColor;
+			background: $inputListItemBg;
+		}
+	}
 }
 
 .p-input-filled {
-    .p-treeselect {
-        background: $inputFilledBg;
+	.p-treeselect {
+		background: $inputFilledBg;
 
-        &:not(.p-disabled):hover {
-            background-color: $inputFilledHoverBg;
-        }
+		&:not(.p-disabled):hover {
+			background-color: $inputFilledHoverBg;
+		}
 
-        &:not(.p-disabled).p-focus {
-            background-color: $inputFilledFocusBg;
-        }
-    }
+		&:not(.p-disabled).p-focus {
+			background-color: $inputFilledFocusBg;
+		}
+	}
 }
 
 p-treeselect.p-treeselect-clearable {
-    .p-treeselect-label-container {
-        padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-    }
-    
-    .p-treeselect-clear-icon {
-        color: $inputIconColor;
-        right: $buttonIconOnlyWidth;
-    }
-}
+	.p-treeselect-label-container {
+		padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+	}
+
+	.p-treeselect-clear-icon {
+		color: $inputIconColor;
+		right: $buttonIconOnlyWidth;
+	}
+}

package/theme/styles/theme/base/components/menu/_breadcrumb.scss

@@ -1,42 +1,42 @@
 .p-breadcrumb {
-    background: $breadcrumbBg;
-    border: $breadcrumbBorder;
-    border-radius: $borderRadius;
-    padding: $breadcrumbPadding;
+	background: $breadcrumbBg;
+	border: $breadcrumbBorder;
+	border-radius: $borderRadius;
+	padding: $breadcrumbPadding;
 
-    .p-breadcrumb-list {
-        li {
-            .p-menuitem-link {
-                transition: $listItemTransition;
-                border-radius: $borderRadius;
+	.p-breadcrumb-list {
+		li {
+			.p-menuitem-link {
+				transition: $listItemTransition;
+				border-radius: $borderRadius;
 
-                &:focus-visible {
-                    @include focused();
-                }
+				&:focus-visible {
+					@include focused();
+				}
 
-                .p-menuitem-text {
-                    color: $breadcrumbItemTextColor;
-                }
+				.p-menuitem-text {
+					color: $breadcrumbItemTextColor;
+				}
 
-                .p-menuitem-icon {
-                    color: $breadcrumbItemIconColor;
-                }
-            }
+				.p-menuitem-icon {
+					color: $breadcrumbItemIconColor;
+				}
+			}
 
-            &.p-menuitem-separator {
-                margin: 0 $inlineSpacing 0 $inlineSpacing;
-                color: $breadcrumbSeparatorColor;
-            }
+			&.p-menuitem-separator {
+				margin: 0 $inlineSpacing 0 $inlineSpacing;
+				color: $breadcrumbSeparatorColor;
+			}
 
-            &:last-child {
-                .p-menuitem-text {
-                    color: $breadcrumbLastItemTextColor;
-                }
+			&:last-child {
+				.p-menuitem-text {
+					color: $breadcrumbLastItemTextColor;
+				}
 
-                .p-menuitem-icon {
-                    color: $breadcrumbLastItemIconColor;
-                }
-            }
-        }
-    }
+				.p-menuitem-icon {
+					color: $breadcrumbLastItemIconColor;
+				}
+			}
+		}
+	}
 }

package/theme/styles/theme/base/components/menu/_contextmenu.scss

@@ -1,39 +1,39 @@
 .p-contextmenu {
-    padding: $verticalMenuPadding;
-    background: $overlayMenuBg;
-    color: $menuTextColor;
-    border: $overlayMenuBorder;
-    box-shadow: $overlayMenuShadow;
-    border-radius: $borderRadius;
-    width: $menuWidth;
+	padding: $verticalMenuPadding;
+	background: $overlayMenuBg;
+	color: $menuTextColor;
+	border: $overlayMenuBorder;
+	box-shadow: $overlayMenuShadow;
+	border-radius: $borderRadius;
+	width: $menuWidth;
 
-    .p-contextmenu-root-list {
-        outline: 0 none;
-    }
+	.p-contextmenu-root-list {
+		outline: 0 none;
+	}
 
-    .p-submenu-list {
-        padding: $verticalMenuPadding;
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-        border-radius: $borderRadius;
-    }
+	.p-submenu-list {
+		padding: $verticalMenuPadding;
+		background: $overlayMenuBg;
+		border: $overlayMenuBorder;
+		box-shadow: $overlayMenuShadow;
+		border-radius: $borderRadius;
+	}
 
-    .p-menuitem {
-        @include menuitem();
-    }
+	.p-menuitem {
+		@include menuitem();
+	}
 
-    .p-menuitem-separator {
-        border-top: $divider;
-        margin: $menuSeparatorMargin;
-    }
+	.p-menuitem-separator {
+		border-top: $divider;
+		margin: $menuSeparatorMargin;
+	}
 
-    .p-submenu-icon {
-        font-size: $menuitemSubmenuIconFontSize;
+	.p-submenu-icon {
+		font-size: $menuitemSubmenuIconFontSize;
 
-        &.p-icon {
-            width: $menuitemSubmenuIconFontSize;
-            height: $menuitemSubmenuIconFontSize;
-        }
-    }
+		&.p-icon {
+			width: $menuitemSubmenuIconFontSize;
+			height: $menuitemSubmenuIconFontSize;
+		}
+	}
 }

package/theme/styles/theme/base/components/menu/_dock.scss

@@ -1,95 +1,95 @@
 .p-dock {
-    .p-dock-list-container {
-        background: $dockBg;
-        border: $dockBorder;
-        padding: $dockPadding;
-        border-radius: $dockBorderRadius;
+	.p-dock-list-container {
+		background: $dockBg;
+		border: $dockBorder;
+		padding: $dockPadding;
+		border-radius: $dockBorderRadius;
 
-        .p-dock-list {
-            outline: 0 none;
-        }
-    }
-    
-    .p-dock-item {
-        padding: $dockItemPadding;
-        border-radius: $dockItemBorderRadius;
+		.p-dock-list {
+			outline: 0 none;
+		}
+	}
 
-        &.p-focus {
-            @include focused-listitem();
-        }
-    }
+	.p-dock-item {
+		padding: $dockItemPadding;
+		border-radius: $dockItemBorderRadius;
 
-    .p-dock-link {
-        width: $dockActionWidth;
-        height: $dockActionHeight;
-    }
-    
-    &.p-dock-top,
-    &.p-dock-bottom {
-        .p-dock-item-second-prev,
-        .p-dock-item-second-next {
-            margin: 0 $dockSecondItemsMargin;
-        }
+		&.p-focus {
+			@include focused-listitem();
+		}
+	}
 
-        .p-dock-item-prev,
-        .p-dock-item-next {
-            margin: 0 $dockFirstItemsMargin;
-        }
+	.p-dock-link {
+		width: $dockActionWidth;
+		height: $dockActionHeight;
+	}
 
-        .p-dock-item-current {
-            margin: 0 $dockCurrentItemMargin;
-        }
-    }
+	&.p-dock-top,
+	&.p-dock-bottom {
+		.p-dock-item-second-prev,
+		.p-dock-item-second-next {
+			margin: 0 $dockSecondItemsMargin;
+		}
 
-    &.p-dock-left,
-    &.p-dock-right {
-        .p-dock-item-second-prev,
-        .p-dock-item-second-next {
-            margin: $dockSecondItemsMargin 0;
-        }
-        
-        .p-dock-item-prev,
-        .p-dock-item-next {
-            margin: $dockFirstItemsMargin 0;
-        }
+		.p-dock-item-prev,
+		.p-dock-item-next {
+			margin: 0 $dockFirstItemsMargin;
+		}
 
-        .p-dock-item-current {
-            margin: $dockCurrentItemMargin 0;
-        }
-    }
+		.p-dock-item-current {
+			margin: 0 $dockCurrentItemMargin;
+		}
+	}
+
+	&.p-dock-left,
+	&.p-dock-right {
+		.p-dock-item-second-prev,
+		.p-dock-item-second-next {
+			margin: $dockSecondItemsMargin 0;
+		}
+
+		.p-dock-item-prev,
+		.p-dock-item-next {
+			margin: $dockFirstItemsMargin 0;
+		}
+
+		.p-dock-item-current {
+			margin: $dockCurrentItemMargin 0;
+		}
+	}
 }
 
 @media screen and (max-width: 960px) {
-    .p-dock {
-        &.p-dock-top,
-        &.p-dock-bottom {
-            .p-dock-list-container {
-                overflow-x: auto;
-                width: 100%;
+	.p-dock {
+		&.p-dock-top,
+		&.p-dock-bottom {
+			.p-dock-list-container {
+				overflow-x: auto;
+				width: 100%;
 
-                .p-dock-list {
-                    margin: 0 auto;
-                }
-            }
-        }
+				.p-dock-list {
+					margin: 0 auto;
+				}
+			}
+		}
 
-        &.p-dock-left,
-        &.p-dock-right {
-            .p-dock-list-container {
-                overflow-y: auto;
-                height: 100%;
+		&.p-dock-left,
+		&.p-dock-right {
+			.p-dock-list-container {
+				overflow-y: auto;
+				height: 100%;
 
-                .p-dock-list {
-                    margin: auto 0;
-                }
-            }
-        }
+				.p-dock-list {
+					margin: auto 0;
+				}
+			}
+		}
 
-        .p-dock-list {
-            .p-dock-item {
-                transform: none;
-                margin: 0;
-            }
-        }
-    }
-}
+		.p-dock-list {
+			.p-dock-item {
+				transform: none;
+				margin: 0;
+			}
+		}
+	}
+}