vgapp 1.4.7 → 1.4.9

package/app/modules/vgtable/scss/_columns.scss

@@ -0,0 +1,52 @@
+@mixin styles {
+	.vg-table-column-resize-handle {
+		position: absolute;
+		z-index: var(--vg-table-columns-resize-z-index);
+		inset-block: 0;
+		inset-inline-end: calc(var(--vg-table-columns-resize-hit-area) / -2);
+		width: var(--vg-table-columns-resize-hit-area);
+		cursor: col-resize;
+		touch-action: none;
+	}
+
+	.vg-table-column-resize-handle::after {
+		content: "";
+		position: absolute;
+		inset-block: var(--vg-table-columns-resize-line-inset);
+		inset-inline-start: 50%;
+		width: var(--vg-table-columns-resize-line-width);
+		background: var(--vg-table-columns-resize-line-color);
+		opacity: 0;
+		transform: translateX(-50%);
+		transition: opacity var(--vg-table-transition);
+	}
+
+	.vg-table th:hover > .vg-table-column-resize-handle::after,
+	&--column-resizing .vg-table-column-resize-handle::after {
+		opacity: 1;
+	}
+
+	.vg-table [data-vg-table-column-reorder="enabled"] {
+		cursor: grab;
+	}
+
+	.vg-table [data-vg-table-column-reorder="locked"] {
+		cursor: default;
+	}
+
+	.vg-table [data-vg-table-column-dragging] {
+		opacity: var(--vg-table-columns-drag-opacity);
+		cursor: grabbing;
+	}
+
+	.vg-table [data-vg-table-column-drag-over] {
+		outline: var(--vg-table-columns-drag-outline-width) dashed var(--vg-table-columns-drag-outline-color);
+		outline-offset: calc(var(--vg-table-columns-drag-outline-width) * -1);
+	}
+
+	&--column-resizing,
+	&--column-resizing * {
+		cursor: col-resize !important;
+		user-select: none !important;
+	}
+}

package/app/modules/vgtable/scss/_expandable.scss

@@ -0,0 +1,54 @@
+@mixin styles {
+	&.vg-table-expandable {
+		tbody tr[data-expand-depth] > td:first-child::before {
+			content: '';
+			display: inline-block;
+			width: calc(var(--vg-table-expandable-depth, 0) * var(--vg-table-expandable-indent));
+			height: 1px;
+			vertical-align: middle;
+		}
+	}
+
+	.vg-table-expandable__toggle {
+		position: relative;
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: var(--vg-table-expandable-toggle-size);
+		height: var(--vg-table-expandable-toggle-size);
+		margin-inline-end: var(--vg-table-expandable-toggle-margin-inline-end);
+		padding: 0;
+		border: var(--vg-table-expandable-toggle-border-width) var(--vg-table-expandable-toggle-border-style) var(--vg-table-expandable-toggle-border-color);
+		border-radius: var(--vg-table-expandable-toggle-radius);
+		background: var(--vg-table-expandable-toggle-bg);
+		color: var(--vg-table-expandable-toggle-color);
+		vertical-align: middle;
+		cursor: pointer;
+
+		&::before,
+		&::after {
+			content: '';
+			position: absolute;
+			width: var(--vg-table-expandable-toggle-icon-size);
+			height: var(--vg-table-expandable-toggle-icon-width);
+			background: currentColor;
+		}
+
+		&::after {
+			transform: rotate(90deg);
+		}
+
+		&[aria-expanded='true']::after {
+			display: none;
+		}
+
+		&:focus-visible {
+			outline: var(--vg-table-expandable-toggle-focus-outline);
+			outline-offset: var(--vg-table-expandable-toggle-focus-outline-offset);
+		}
+
+		&[hidden] {
+			display: none;
+		}
+	}
+}

package/app/modules/vgtable/scss/_fixed-columns.scss

@@ -0,0 +1,117 @@
+@mixin styles {
+	// У обычной таблицы внешний clip принадлежит обязательному container.
+	// Fixed Header исключён: его углы формируют отдельные header/body слои.
+	&.vg-table-wrapper--fixed-columns:not(.vg-table-wrapper--sticky-container):not(.vg-table-wrapper--sticky-page) {
+		// Реальный внешний clip нужен, иначе под радиусом перемещённого th
+		// продолжает просвечивать прямоугольный фон широкой таблицы.
+		> .vg-table-container {
+			border-radius: var(--vg-table-fixed-radius);
+
+			> .vg-table {
+				--vg-table-fixed-inner-radius: max(0px, calc(var(--vg-table-radius) - var(--vg-table-border-width)));
+
+				thead > tr:first-child {
+					> th:first-child {
+						border-start-start-radius: var(--vg-table-fixed-inner-radius);
+					}
+
+					> th:last-child {
+						border-start-end-radius: var(--vg-table-fixed-inner-radius);
+					}
+				}
+			}
+		}
+	}
+
+	[data-vg-table-fixed-side] {
+		position: sticky;
+		z-index: var(--vg-table-fixed-z-index);
+		opacity: 1;
+		background-color: var(--vg-table-fixed-cell-bg);
+		background-image: none;
+		background-clip: padding-box;
+		transition: none;
+	}
+
+	// Перекрывает базовый position: relative у th, сохраняя positioned-контекст разделителя.
+	thead tr > [data-vg-table-fixed-side],
+	tfoot tr > [data-vg-table-fixed-side] {
+		position: sticky;
+	}
+
+	thead tr > [data-vg-table-fixed-side] {
+		z-index: var(--vg-table-fixed-header-z-index);
+		opacity: 1;
+		background-color: var(--vg-table-fixed-header-bg);
+		background-image: none;
+	}
+
+	[data-vg-table-fixed-side="left"] {
+		inset-inline-start: var(--vg-table-fixed-offset);
+	}
+
+	[data-vg-table-fixed-side="right"] {
+		inset-inline-end: var(--vg-table-fixed-offset);
+	}
+
+	tbody tr > [data-vg-table-fixed-side],
+	tfoot tr > [data-vg-table-fixed-side] {
+		background-color: var(--vg-table-fixed-cell-bg);
+		background-image: none;
+	}
+
+	.vg-table-striped tbody tr:nth-child(even) > [data-vg-table-fixed-side] {
+		background-color: var(--vg-table-fixed-cell-bg);
+		background-image: linear-gradient(var(--vg-table-tbody-bg-striped), var(--vg-table-tbody-bg-striped));
+	}
+
+	.vg-table-hovered tbody tr:hover > [data-vg-table-fixed-side] {
+		background-color: var(--vg-table-fixed-cell-bg);
+		background-image: linear-gradient(var(--vg-table-tbody-bg-hovered), var(--vg-table-tbody-bg-hovered));
+	}
+
+	tbody tr.vg-table-row-selected > [data-vg-table-fixed-side] {
+		background-color: var(--vg-table-fixed-cell-bg);
+		background-image: linear-gradient(var(--vg-table-selection-row-background), var(--vg-table-selection-row-background));
+	}
+
+	tbody tr.vg-table-row-selected:hover > [data-vg-table-fixed-side] {
+		background-color: var(--vg-table-fixed-cell-bg);
+		background-image: linear-gradient(var(--vg-table-selection-row-background-hovered), var(--vg-table-selection-row-background-hovered));
+	}
+
+	[data-vg-table-fixed-edge]::after {
+		content: "";
+		position: absolute;
+		top: 0;
+		bottom: calc(var(--vg-table-border-width) * -1);
+		width: var(--vg-table-fixed-shadow-size);
+		pointer-events: none;
+		opacity: 0;
+	}
+
+	[data-vg-table-fixed-edge="left"]::after {
+		inset-inline-end: calc(var(--vg-table-fixed-shadow-size) * -1);
+		box-shadow: inset var(--vg-table-fixed-shadow-size) 0 var(--vg-table-fixed-shadow-blur) calc(var(--vg-table-fixed-shadow-spread) * -1) var(--vg-table-fixed-shadow-color);
+	}
+
+	[data-vg-table-fixed-edge="right"]::after {
+		inset-inline-start: calc(var(--vg-table-fixed-shadow-size) * -1);
+		box-shadow: inset calc(var(--vg-table-fixed-shadow-size) * -1) 0 var(--vg-table-fixed-shadow-blur) calc(var(--vg-table-fixed-shadow-spread) * -1) var(--vg-table-fixed-shadow-color);
+	}
+
+	&.is-vg-table-fixed-scrolled-start [data-vg-table-fixed-edge="left"]::after,
+	&.is-vg-table-fixed-scrolled-end [data-vg-table-fixed-edge="right"]::after {
+		opacity: 1;
+	}
+
+	// Радиус принадлежит настоящему краю таблицы и не должен ехать вместе
+	// с fixed-ячейкой, пока горизонтальная прокрутка не достигла этого края.
+	&.is-vg-table-fixed-scrolled-start {
+		--vg-table-sticky-edge-start-radius: 0px;
+	}
+
+	&.is-vg-table-fixed-scrolled-end {
+		--vg-table-sticky-edge-end-radius: 0px;
+	}
+}

package/app/modules/vgtable/scss/_pagination.scss

@@ -0,0 +1,191 @@
+@mixin styles {
+	.vg-table-pagination {
+		padding: var(--vg-table-pagination-padding-block) var(--vg-table-pagination-padding-inline);
+
+		&--top {
+			border-top: 0;
+			border-bottom: var(--vg-table-pagination-border-width) var(--vg-table-pagination-border-style) var(--vg-table-pagination-border-color);
+		}
+
+		&__inner {
+			display: flex;
+			align-items: center;
+			gap: var(--vg-table-pagination-gap);
+			flex-wrap: wrap;
+
+			&--center { justify-content: center; }
+			&--right { justify-content: flex-end; }
+			&--between { justify-content: space-between; }
+		}
+
+		&__size,
+		&__quick,
+		&__pages {
+			display: inline-flex;
+			align-items: center;
+			gap: var(--vg-table-pagination-control-gap);
+		}
+
+		&__size {
+			color: var(--vg-table-pagination-text);
+			font-size: var(--vg-table-pagination-font-size);
+		}
+
+		&__size-heading {
+			color: var(--vg-table-pagination-heading-color);
+			font-size: var(--vg-table-pagination-heading-font-size);
+			font-weight: var(--vg-table-pagination-heading-font-weight);
+			line-height: var(--vg-table-pagination-heading-line-height);
+			white-space: nowrap;
+		}
+
+		input {
+			height: var(--vg-table-pagination-control-size);
+			padding-inline: var(--vg-table-pagination-control-padding-inline);
+			border: var(--vg-table-pagination-border-width) var(--vg-table-pagination-border-style) var(--vg-table-pagination-border-color);
+			border-radius: var(--vg-table-pagination-radius);
+			background: var(--vg-table-bg);
+			color: var(--vg-table-pagination-text);
+			font: inherit;
+		}
+
+
+		&__quick input { width: var(--vg-table-pagination-quick-width); }
+
+		&__size-control {
+			position: relative;
+			display: inline-flex;
+			align-items: center;
+		}
+
+		&__size-control [data-pagination-per-page] {
+			min-width: var(--vg-table-pagination-size-width);
+			padding-inline-end: calc(var(--vg-table-pagination-control-padding-inline) + 1.25rem);
+		}
+
+		&__size-chevron {
+			position: absolute;
+			inset-inline-end: .625rem;
+			top: 50%;
+			transform: translateY(-50%);
+			pointer-events: none;
+			transition: transform var(--vg-table-transition);
+
+			svg {
+				display: block;
+				width: .875rem;
+				height: .875rem;
+			}
+
+			path {
+				fill: none;
+				stroke: currentColor;
+				stroke-width: 1.9;
+				stroke-linecap: round;
+				stroke-linejoin: round;
+			}
+		}
+
+		&__size-control [data-pagination-per-page].show + &__size-chevron {
+			transform: translateY(-50%) rotate(180deg);
+		}
+
+		&__size-dropdown { min-width: var(--vg-table-pagination-size-dropdown-width); }
+
+		&__size-option {
+			display: block;
+			width: 100%;
+			padding: .5rem .625rem;
+			border: 0;
+			background: transparent;
+			color: var(--vg-table-pagination-text);
+			text-align: start;
+			cursor: pointer;
+
+			&:hover { background: var(--vg-table-pagination-option-hover-bg); }
+		}
+
+		&__sr-only {
+			position: absolute;
+			width: 1px;
+			height: 1px;
+			padding: 0;
+			margin: -1px;
+			overflow: hidden;
+			clip: rect(0, 0, 0, 0);
+			white-space: nowrap;
+			border: 0;
+		}
+	}
+
+	.vg-table-page {
+		min-width: var(--vg-table-pagination-control-size);
+		height: var(--vg-table-pagination-control-size);
+		padding-inline: var(--vg-table-pagination-button-padding-inline);
+		border: var(--vg-table-pagination-border-width) var(--vg-table-pagination-border-style) var(--vg-table-pagination-border-color);
+		border-radius: var(--vg-table-pagination-radius);
+		background: var(--vg-table-bg);
+		color: var(--vg-table-pagination-text);
+		font: inherit;
+		cursor: pointer;
+		transition: var(--vg-table-transition);
+
+		&:hover:not(:disabled):not(.is-active) {
+			border-color: var(--vg-table-pagination-active-bg);
+			color: var(--vg-table-pagination-active-bg);
+		}
+
+		&.is-active {
+			border-color: var(--vg-table-pagination-active-bg);
+			background: var(--vg-table-pagination-active-bg);
+			color: var(--vg-table-pagination-active-text);
+		}
+
+		&:disabled {
+			opacity: var(--vg-table-pagination-disabled-opacity);
+			cursor: not-allowed;
+		}
+
+		&--quick { min-width: auto; }
+
+		&__chevron {
+			display: block;
+			width: var(--vg-table-pagination-chevron-size);
+			height: var(--vg-table-pagination-chevron-size);
+			margin-inline: auto;
+
+			path {
+				fill: none;
+				stroke: currentColor;
+				stroke-width: var(--vg-table-pagination-chevron-stroke-width);
+				stroke-linecap: round;
+				stroke-linejoin: round;
+			}
+		}
+
+		&__ellipsis-chevron {
+			display: none;
+			width: var(--vg-table-pagination-chevron-size);
+			height: var(--vg-table-pagination-chevron-size);
+			margin-inline: auto;
+
+			path {
+				fill: none;
+				stroke: currentColor;
+				stroke-width: var(--vg-table-pagination-chevron-stroke-width);
+				stroke-linecap: round;
+				stroke-linejoin: round;
+			}
+		}
+
+		&--ellipsis-hover:hover &__ellipsis-dots,
+		&--ellipsis-hover:focus-visible &__ellipsis-dots {
+			display: none;
+		}
+
+		&--ellipsis-hover:hover &__ellipsis-chevron,
+		&--ellipsis-hover:focus-visible &__ellipsis-chevron {
+			display: block;
+		}
+	}
+}

package/app/modules/vgtable/scss/_row-reorder.scss

@@ -0,0 +1,45 @@
+@mixin styles {
+	.vg-table-row-reorder-handle,
+	[data-row-reorder-handle] {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		inline-size: var(--vg-table-row-reorder-handle-size);
+		block-size: var(--vg-table-row-reorder-handle-size);
+		cursor: grab;
+		user-select: none;
+		touch-action: none;
+
+		&:focus-visible {
+			outline: var(--vg-table-row-reorder-focus-outline);
+			outline-offset: var(--vg-table-row-reorder-focus-outline-offset);
+		}
+	}
+
+	tr[data-vg-table-row-reorder="row"] {
+		cursor: grab;
+	}
+
+	tr[data-vg-table-row-reorder="disabled"] [data-row-reorder-handle] {
+		cursor: not-allowed;
+		opacity: var(--vg-table-row-reorder-disabled-opacity);
+	}
+
+	tr[data-vg-table-row-dragging] > * {
+		opacity: var(--vg-table-row-reorder-drag-opacity);
+	}
+
+	tr[data-vg-table-row-drag-over="before"] > * {
+		box-shadow: inset 0 var(--vg-table-row-reorder-indicator-width) 0 var(--vg-table-row-reorder-indicator-color);
+	}
+
+	tr[data-vg-table-row-drag-over="after"] > * {
+		box-shadow: inset 0 calc(var(--vg-table-row-reorder-indicator-width) * -1) 0 var(--vg-table-row-reorder-indicator-color);
+	}
+
+	&.vg-table-wrapper--row-dragging,
+	&.vg-table-wrapper--row-dragging * {
+		cursor: grabbing;
+		user-select: none;
+	}
+}

package/app/modules/vgtable/scss/_skeleton.scss

@@ -0,0 +1,65 @@
+@mixin styles {
+	.vg-table-skeleton-row {
+		height: var(--vg-table-skeleton-row-height, auto);
+		background: var(--vg-table-skeleton-row-bg);
+		transition: none;
+
+		> td {
+			height: var(--vg-table-skeleton-row-height, auto);
+			padding: var(--vg-table-skeleton-padding-block) var(--vg-table-skeleton-padding-inline);
+			border-bottom-color: var(--vg-table-skeleton-border-color);
+			background: var(--vg-table-skeleton-row-bg);
+		}
+	}
+
+	.vg-table-skeleton-cell {
+		display: flex;
+		width: 100%;
+		min-height: var(--vg-table-skeleton-content-height);
+		align-items: center;
+	}
+
+	.vg-table-skeleton-line {
+		position: relative;
+		display: block;
+		width: 100%;
+		height: var(--vg-table-skeleton-line-height);
+		overflow: hidden;
+		border-radius: var(--vg-table-skeleton-radius);
+		background: linear-gradient(
+			90deg,
+			var(--vg-table-skeleton-gradient-1) 25%,
+			var(--vg-table-skeleton-gradient-2) 50%,
+			var(--vg-table-skeleton-gradient-1) 75%
+		);
+		background-size: 160% 100%;
+		animation: vg-table-skeleton-shimmer var(--vg-table-skeleton-duration) ease-in-out infinite;
+		animation-delay: var(--vg-table-skeleton-delay, 0s);
+
+		&::after {
+			position: absolute;
+			inset: 0;
+			background: linear-gradient(110deg, transparent 0%, var(--vg-table-skeleton-glow) 45%, transparent 100%);
+			content: '';
+			transform: translateX(-120%);
+			animation: vg-table-skeleton-glow calc(var(--vg-table-skeleton-duration) * 1.15) linear infinite;
+			animation-delay: var(--vg-table-skeleton-delay, 0s);
+		}
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.vg-table-skeleton-line,
+		.vg-table-skeleton-line::after {
+			animation: none;
+		}
+	}
+}
+
+@keyframes vg-table-skeleton-shimmer {
+	0% { background-position: 160% 0; }
+	100% { background-position: -160% 0; }
+}
+
+@keyframes vg-table-skeleton-glow {
+	100% { transform: translateX(120%); }
+}

package/app/modules/vgtable/scss/_sorting.scss

@@ -0,0 +1,89 @@
+@mixin styles {
+	tr {
+		> th.vg-table-sortable {
+			padding-inline-end: var(--vg-table-sort-padding-inline-end);
+			cursor: var(--vg-table-sort-cursor);
+			user-select: var(--vg-table-sort-user-select);
+
+			.vg-table-sort-controls {
+				position: var(--vg-table-sort-controls-position);
+				inset-inline-end: var(--vg-table-sort-controls-inset-inline-end);
+				top: var(--vg-table-sort-controls-top);
+				display: var(--vg-table-sort-controls-display);
+				flex-direction: var(--vg-table-sort-controls-flex-direction);
+				gap: var(--vg-table-sort-controls-gap);
+				transform: var(--vg-table-sort-controls-transform);
+				pointer-events: var(--vg-table-sort-controls-pointer-events);
+				transition: var(--vg-table-sort-controls-transition);
+			}
+
+			.vg-table-sort-chevron {
+				display: var(--vg-table-sort-chevron-display);
+				width: var(--vg-table-sort-chevron-width);
+				height: var(--vg-table-sort-chevron-height);
+				border-inline-end: var(--vg-table-sort-chevron-border-width) var(--vg-table-sort-chevron-border-style) var(--vg-table-sort-chevron-border-color);
+				border-block-end: var(--vg-table-sort-chevron-border-width) var(--vg-table-sort-chevron-border-style) var(--vg-table-sort-chevron-border-color);
+				opacity: var(--vg-table-sort-chevron-opacity);
+				transition: var(--vg-table-sort-chevron-transition);
+			}
+
+			.vg-table-sort-priority {
+				position: var(--vg-table-sort-priority-position);
+				inset-inline-end: var(--vg-table-sort-priority-inset-inline-end);
+				top: var(--vg-table-sort-priority-top);
+				min-width: var(--vg-table-sort-priority-min-width);
+				height: var(--vg-table-sort-priority-height);
+				padding-inline: var(--vg-table-sort-priority-padding-inline);
+				border-radius: var(--vg-table-sort-priority-radius);
+				background: var(--vg-table-sort-priority-bg);
+				color: var(--vg-table-sort-priority-color);
+				font-size: var(--vg-table-sort-priority-font-size);
+				font-weight: var(--vg-table-sort-priority-font-weight);
+				line-height: var(--vg-table-sort-priority-height);
+				text-align: center;
+				transform: var(--vg-table-sort-priority-transform);
+			}
+
+			.vg-table-sort-chevron-asc {
+				transform: var(--vg-table-sort-chevron-asc-transform);
+			}
+
+			.vg-table-sort-chevron-desc {
+				transform: var(--vg-table-sort-chevron-desc-transform);
+			}
+
+			&[data-sort-direction="asc"] .vg-table-sort-chevron-asc,
+			&[data-sort-direction="desc"] .vg-table-sort-chevron-desc {
+				opacity: var(--vg-table-sort-chevron-active-opacity);
+			}
+
+			&:focus-visible {
+				outline: var(--vg-table-sort-focus-outline);
+				outline-offset: var(--vg-table-sort-focus-outline-offset);
+			}
+		}
+
+		> [data-sorted-column="1"] {
+			background-color: var(--vg-table-sort-column-background);
+		}
+	}
+
+	&.vg-table-sort-multiple tr > th.vg-table-sortable {
+		padding-inline-end: var(--vg-table-sort-multiple-padding-inline-end);
+	}
+
+	&.vg-table-sort-hover {
+		.vg-table-sortable:not([data-sort-direction]) {
+			.vg-table-sort-controls {
+				opacity: var(--vg-table-sort-controls-hidden-opacity);
+			}
+
+			&:hover,
+			&:focus-visible {
+				.vg-table-sort-controls {
+					opacity: var(--vg-table-sort-controls-visible-opacity);
+				}
+			}
+		}
+	}
+}

package/app/modules/vgtable/scss/_states.scss

@@ -0,0 +1,70 @@
+@mixin styles {
+	tbody tr[data-vg-table-state-row] {
+		background: var(--vg-table-state-bg);
+
+		> td[data-vg-table-state] {
+			padding: var(--vg-table-state-padding-block) var(--vg-table-state-padding-inline);
+			min-height: var(--vg-table-state-min-height);
+			border-bottom: 0;
+			color: var(--vg-table-state-text);
+			text-align: center;
+		}
+	}
+
+	.vg-table-state {
+		display: flex;
+		min-height: var(--vg-table-state-min-height);
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		gap: var(--vg-table-state-gap);
+	}
+
+	.vg-table-state__icon {
+		display: grid;
+		width: var(--vg-table-state-icon-size);
+		height: var(--vg-table-state-icon-size);
+		place-items: center;
+		border: var(--vg-table-state-icon-border-width) solid currentColor;
+		border-radius: 50%;
+		color: var(--vg-table-state-icon-color);
+		opacity: var(--vg-table-state-icon-opacity);
+
+		&::before {
+			content: "—";
+			font-weight: 700;
+		}
+
+		&--filtered-empty::before {
+			content: "×";
+		}
+
+		&--error::before {
+			content: "!";
+		}
+	}
+
+	.vg-table-state__text {
+		font-size: var(--vg-table-state-font-size);
+		font-weight: var(--vg-table-state-font-weight);
+	}
+
+	.vg-table-state__actions {
+		display: flex;
+		justify-content: center;
+	}
+
+	.vg-table-state__action {
+		padding: var(--vg-table-state-action-padding-block) var(--vg-table-state-action-padding-inline);
+		border: var(--vg-table-state-action-border-width) solid var(--vg-table-state-action-border-color);
+		border-radius: var(--vg-table-state-action-radius);
+		background: var(--vg-table-state-action-bg);
+		color: var(--vg-table-state-action-text);
+		cursor: pointer;
+
+		&:hover,
+		&:focus-visible {
+			background: var(--vg-table-state-action-bg-hover);
+		}
+	}
+}