@taon-dev/ui 21.0.13 → 21.0.15

package/ts-source/websql-code/taon-draggable-button-panel/taon-draggable-button-panel.component.ts

@@ -0,0 +1,267 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, inject, Input, OnDestroy, OnInit, Output, signal, TemplateRef, ViewChild, } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { NavigationEnd, Router } from '@angular/router';
+import { filter, firstValueFrom, Subscription, take } from 'rxjs';
+import { TaonAdminMenuContext } from '../taon-admin-layout/taon-admin-menu-context';
+import { TaonDraggableButtonPanelState } from './taon-draggable-button-panel.models';
+@Component({
+    selector: 'taon-draggable-button-panel',
+    standalone: true,
+    imports: [
+        CdkDrag,
+        CdkDragHandle,
+        NgIf,
+        NgTemplateOutlet,
+        MatButtonModule,
+        MatIconModule,
+        MatTooltipModule,
+    ],
+    templateUrl: './taon-draggable-button-panel.component.html',
+    styleUrls: ['./taon-draggable-button-panel.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    providers: [TaonAdminMenuContext],
+})
+export class TaonDraggableButtonPanelComponent<TContext = unknown> implements OnInit, OnDestroy {
+    readonly State = TaonDraggableButtonPanelState;
+    private readonly menuContext = inject(TaonAdminMenuContext);
+    @Input()
+    set context(context: TContext) {
+        this.menuContext.context.set(context);
+    }
+    @ViewChild(CdkDrag)
+    private drag?: CdkDrag;
+    @Input()
+    basePath = '';
+    @Input()
+    buttonIcon = 'admin_panel_settings';
+    @Input()
+    title = 'Admin';
+    @Input()
+    outlet?: string;
+    @Input()
+    stateParamName = 'state';
+    @Input()
+    set state(state: TaonDraggableButtonPanelState) {
+        this.currentState.set(state);
+    }
+    @Output()
+    readonly stateChange = new EventEmitter<TaonDraggableButtonPanelState>();
+    protected readonly forceFullScreen = signal(window.innerWidth < 900);
+    private readonly resizeListener = (): void => {
+        const wasForceFullScreen = this.forceFullScreen();
+        const forceFullScreen = window.innerWidth < 900;
+        this.forceFullScreen.set(forceFullScreen);
+        if (!wasForceFullScreen && forceFullScreen) {
+            this.resetDragPosition();
+        }
+    };
+    protected readonly currentState = signal(TaonDraggableButtonPanelState.CLICKABLE_BUTTON);
+    private routerSubscription?: Subscription;
+    @Input()
+    autoHideIcon = true;
+    @Input()
+    iconTemplate?: TemplateRef<unknown>;
+    @Input()
+    headerCenterTemplate?: TemplateRef<unknown>;
+    constructor(private readonly router: Router) { }
+    async ngOnInit(): Promise<void> {
+        window.addEventListener('resize', this.resizeListener);
+        await this.waitForInitialNavigation();
+        await this.ensureOutletBasePath();
+        this.restoreStateFromUrl();
+        this.routerSubscription = this.router.events
+            .pipe(filter(event => event instanceof NavigationEnd))
+            .subscribe(() => {
+            this.restoreStateFromUrl();
+        });
+    }
+    ngOnDestroy(): void {
+        window.removeEventListener('resize', this.resizeListener);
+        this.routerSubscription?.unsubscribe();
+    }
+    protected toogleFullscreen(event: Event) {
+        event.stopImmediatePropagation();
+        event.stopPropagation();
+        event.preventDefault();
+        if (this.forceFullScreen()) {
+            return;
+        }
+        if (this.currentState() === TaonDraggableButtonPanelState.WINDOW) {
+            this.resetDragPosition();
+            void this.setState(TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED);
+        }
+        else if ([
+            TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE,
+            TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED,
+        ].includes(this.currentState())) {
+            this.resetDragPosition();
+            void this.setState(TaonDraggableButtonPanelState.WINDOW);
+        }
+    }
+    protected effectiveState(): TaonDraggableButtonPanelState {
+        if (this.forceFullScreen() &&
+            this.currentState() !== TaonDraggableButtonPanelState.CLICKABLE_BUTTON) {
+            return TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED;
+        }
+        return this.currentState();
+    }
+    private async waitForInitialNavigation(): Promise<void> {
+        if (this.router.navigated) {
+            return;
+        }
+        await firstValueFrom(this.router.events.pipe(filter(event => event instanceof NavigationEnd), take(1)));
+    }
+    private async ensureOutletBasePath(): Promise<void> {
+        if (!this.outlet || !this.basePath) {
+            return;
+        }
+        const tree = this.router.parseUrl(this.router.url);
+        if (tree.root.children[this.outlet]) {
+            return;
+        }
+        const baseSegments = this.basePath.split('/').filter(Boolean);
+        if (!baseSegments.length) {
+            return;
+        }
+        await this.router.navigate([
+            {
+                outlets: {
+                    [this.outlet]: baseSegments,
+                },
+            },
+        ], {
+            replaceUrl: true,
+        });
+    }
+    protected async setState(next: TaonDraggableButtonPanelState): Promise<void> {
+        if (!this.isTransitionAllowed(next)) {
+            return;
+        }
+        this.currentState.set(next);
+        this.stateChange.emit(next);
+        await this.saveStateToUrl(next);
+    }
+    protected open(): void {
+        void this.setState(TaonDraggableButtonPanelState.WINDOW);
+    }
+    protected toggle(): void {
+        if (this.currentState() === this.State.CLICKABLE_BUTTON) {
+            this.open();
+        }
+        else {
+            this.returnToButton();
+        }
+    }
+    protected returnToButton(): void {
+        this.resetDragPosition();
+        void this.setState(TaonDraggableButtonPanelState.CLICKABLE_BUTTON);
+    }
+    protected windowMode(): void {
+        void this.setState(TaonDraggableButtonPanelState.WINDOW);
+    }
+    protected fullScreenDraggable(): void {
+        this.resetDragPosition();
+        void this.setState(TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE);
+    }
+    protected lockFullScreen(): void {
+        this.resetDragPosition();
+        void this.setState(TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED);
+    }
+    protected isDraggingEnabled(): boolean {
+        if (this.forceFullScreen()) {
+            return false;
+        }
+        return (this.currentState() === TaonDraggableButtonPanelState.WINDOW ||
+            this.currentState() ===
+                TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE);
+    }
+    private restoreStateFromUrl(): void {
+        if (!this.outlet) {
+            return;
+        }
+        const tree = this.router.parseUrl(this.router.url);
+        const outletGroup = tree.root.children[this.outlet];
+        if (!outletGroup) {
+            return;
+        }
+        const rootSegment = outletGroup.segments[0];
+        if (!rootSegment) {
+            return;
+        }
+        const state = rootSegment.parameters[this.stateParamName];
+        if (!this.isValidState(state)) {
+            return;
+        }
+        this.currentState.set(state);
+        if (state === TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE ||
+            state === TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED) {
+            queueMicrotask(() => {
+                this.resetDragPosition();
+            });
+        }
+    }
+    private async saveStateToUrl(state: TaonDraggableButtonPanelState): Promise<void> {
+        if (!this.outlet) {
+            return;
+        }
+        const tree = this.router.parseUrl(this.router.url);
+        const outletGroup = tree.root.children[this.outlet];
+        if (!outletGroup || outletGroup.segments.length === 0) {
+            return;
+        }
+        const rootSegment = outletGroup.segments[0];
+        rootSegment.parameters = {
+            ...rootSegment.parameters,
+            [this.stateParamName]: state,
+        };
+        await this.router.navigateByUrl(tree, {
+            replaceUrl: true,
+        });
+    }
+    private isValidState(value: string | undefined): value is TaonDraggableButtonPanelState {
+        return Object.values(TaonDraggableButtonPanelState).includes(value as TaonDraggableButtonPanelState);
+    }
+    private resetDragPosition(): void {
+        this.drag?.reset();
+    }
+    private isTransitionAllowed(next: TaonDraggableButtonPanelState): boolean {
+        const current = this.currentState();
+        const transitions: Record<TaonDraggableButtonPanelState, TaonDraggableButtonPanelState[]> = {
+            [TaonDraggableButtonPanelState.CLICKABLE_BUTTON]: [
+                TaonDraggableButtonPanelState.WINDOW,
+            ],
+            [TaonDraggableButtonPanelState.WINDOW]: [
+                TaonDraggableButtonPanelState.CLICKABLE_BUTTON,
+                TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE,
+                TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED,
+            ],
+            [TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE]: [
+                TaonDraggableButtonPanelState.CLICKABLE_BUTTON,
+                TaonDraggableButtonPanelState.WINDOW,
+                TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED,
+            ],
+            [TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED]: [
+                TaonDraggableButtonPanelState.CLICKABLE_BUTTON,
+                TaonDraggableButtonPanelState.WINDOW,
+                TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE,
+            ],
+        };
+        return transitions[current].includes(next);
+    }
+}

package/ts-source/websql-code/taon-draggable-button-panel/taon-draggable-button-panel.models.ts

@@ -0,0 +1,19 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export enum TaonDraggableButtonPanelState {
+    CLICKABLE_BUTTON = 'CLICKABLE_BUTTON',
+    WINDOW = 'WINDOW',
+    FULL_SCREEN_DRAGGABLE = 'FULL_SCREEN_DRAGGABLE',
+    FULL_SCREEN_LOCKED = 'FULL_SCREEN_LOCKED'
+}
+export namespace TaonDraggableButtonPanelModels { }

package/ts-source/websql-code/taon-draggable-button-panel/taon-draggable-button-panel.routes.ts

@@ -0,0 +1,21 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Routes } from '@angular/router';
+import { TaonDraggableButtonPanelComponent } from './taon-draggable-button-panel.component';
+export const TaonDraggableButtonPanelRoutes: Routes = [
+    {
+        path: '',
+        component: TaonDraggableButtonPanelComponent,
+    },
+];
+export default TaonDraggableButtonPanelRoutes;

package/ts-source/websql-code/taon-under-construction/i18n/taon-under-construction.component.ts.en-US.i18n.data.ts

@@ -0,0 +1,33 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface EnUsTraslationOverrideSrcLibTaonUnderConstructionTaonUnderConstructionComponentTs {
+    "en-US": {
+        "": {
+            "Coming soon"?: string;
+            "This section is currently under construction and will be available soon."?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-under-construction/taon-under-construction.component.ts",
+    "tags": [
+        {
+            "gettextString": "Coming soon",
+            "lineNumber": 19
+        },
+        {
+            "gettextString": "This section is currently under construction and will be available soon.",
+            "lineNumber": 22
+        }
+    ]
+};

package/ts-source/websql-code/taon-under-construction/i18n/taon-under-construction.component.ts.en-US.po

@@ -0,0 +1,13 @@
+msgid ""
+msgstr ""
+"Language: en-US\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-under-construction/taon-under-construction.component.ts:19
+msgid "Coming soon"
+msgstr ""
+
+#: src/lib/taon-under-construction/taon-under-construction.component.ts:22
+msgid "This section is currently under construction and will be available soon."
+msgstr ""

package/ts-source/websql-code/taon-under-construction/i18n/taon-under-construction.component.ts.pl-PL.i18n.data.ts

@@ -0,0 +1,33 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface PlPlTraslationOverrideSrcLibTaonUnderConstructionTaonUnderConstructionComponentTs {
+    "pl-PL": {
+        "": {
+            "Coming soon"?: string;
+            "This section is currently under construction and will be available soon."?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-under-construction/taon-under-construction.component.ts",
+    "tags": [
+        {
+            "gettextString": "Coming soon",
+            "lineNumber": 19
+        },
+        {
+            "gettextString": "This section is currently under construction and will be available soon.",
+            "lineNumber": 22
+        }
+    ]
+};

package/ts-source/websql-code/taon-under-construction/i18n/taon-under-construction.component.ts.pl-PL.po

@@ -0,0 +1,13 @@
+msgid ""
+msgstr ""
+"Language: pl-PL\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-under-construction/taon-under-construction.component.ts:19
+msgid "Coming soon"
+msgstr ""
+
+#: src/lib/taon-under-construction/taon-under-construction.component.ts:22
+msgid "This section is currently under construction and will be available soon."
+msgstr ""

package/ts-source/websql-code/taon-under-construction/i18n/taon-under-construction.translation.ts

@@ -0,0 +1,17 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { CoreModels } from 'tnp-core/websql';
+import { EnUsTraslationOverrideSrcLibTaonUnderConstructionTaonUnderConstructionComponentTs } from './taon-under-construction.component.ts.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibTaonUnderConstructionTaonUnderConstructionComponentTs } from './taon-under-construction.component.ts.pl-PL.i18n.data';
+;
+export type TaonUnderConstructionOverride = CoreModels.DeepPartial<EnUsTraslationOverrideSrcLibTaonUnderConstructionTaonUnderConstructionComponentTs | PlPlTraslationOverrideSrcLibTaonUnderConstructionTaonUnderConstructionComponentTs>;

package/ts-source/websql-code/taon-under-construction/taon-under-construction.component.html

@@ -0,0 +1,27 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+<div class="under-construction">
+  <div class="icon-wrapper">
+    <mat-icon>{{ icon() }}</mat-icon>
+  </div>
+
+  <h2>{{ title() }}</h2>
+
+  <p>{{ description() }}</p>
+
+  <div class="status">
+    <mat-icon>construction</mat-icon>
+    Work in progress
+  </div>
+</div>

package/ts-source/websql-code/taon-under-construction/taon-under-construction.component.scss

@@ -0,0 +1,89 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+:host {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.under-construction {
+  min-height: 320px;
+  height: 100%;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  padding: 32px;
+  box-sizing: border-box;
+  text-align: center;
+}
+
+.icon-wrapper {
+  width: 88px;
+  height: 88px;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  margin-bottom: 24px;
+  border-radius: 50%;
+
+  background: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);
+
+  color: var(--mat-sys-primary);
+
+  mat-icon {
+    width: 48px;
+    height: 48px;
+    font-size: 48px;
+  }
+}
+
+h2 {
+  margin: 0 0 10px;
+  font-size: 24px;
+  font-weight: 500;
+}
+
+p {
+  max-width: 480px;
+  margin: 0;
+
+  color: var(--mat-sys-on-surface-variant);
+  line-height: 1.6;
+}
+
+.status {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  margin-top: 24px;
+  padding: 7px 14px;
+
+  border-radius: 999px;
+
+  background: var(--mat-sys-surface-container);
+  color: var(--mat-sys-on-surface-variant);
+
+  font-size: 13px;
+  font-weight: 500;
+
+  mat-icon {
+    width: 18px;
+    height: 18px;
+    font-size: 18px;
+  }
+}

package/ts-source/websql-code/taon-under-construction/taon-under-construction.component.ts

@@ -0,0 +1,31 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Component, input } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
+import { Translation } from '@taon-dev/i18n/websql';
+import { Taon } from 'taon/websql';
+const t = Translation.for('src/lib/taon-under-construction/taon-under-construction.component.ts', { "src/lib/taon-under-construction/taon-under-construction.component.ts": { "en-US": async () => (await import('./i18n/taon-under-construction.component.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-under-construction.component.ts.pl-PL.i18n.data')).default } } as any);
+@Component({
+    selector: 'taon-under-construction',
+    standalone: true,
+    imports: [MatIconModule, MatButtonModule],
+    templateUrl: './taon-under-construction.component.html',
+    styleUrl: './taon-under-construction.component.scss',
+})
+export class TaonUnderConstructionComponent {
+    t = t.for(this);
+    title = input(t.gettext('Coming soon'));
+    description = input(t.gettext('This section is currently under construction and will be available soon.'));
+    icon = input('engineering');
+}

package/ts-source/websql-code-prod/build-info._auto-generated_.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/build-info._auto-generated_.ts

@@ -0,0 +1,18 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export const BUILD_FRAMEWORK_CLI_NAME = 'tnp';
+export const APP_ID = 'com.domain.example.ui';
+export const BUILD_BASE_HREF = '';
+export const PROJECT_NPM_NAME = '@taon-dev/ui';
+export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
+export const CURRENT_PACKAGE_VERSION = '21.0.15';

package/ts-source/websql-code-prod/directives/taon-horizontal-wheel-scrolling.directive.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/directives/taon-horizontal-wheel-scrolling.directive.ts

@@ -0,0 +1,54 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside @taon-dev/ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { AfterViewInit, Directive, ElementRef, inject, OnDestroy, } from '@angular/core';
+@Directive({
+    selector: '[taonHorizontalWheelScroll]',
+    standalone: true,
+})
+export class TaonHorizontalWheelScrollDirective implements AfterViewInit, OnDestroy {
+    private readonly elementRef = inject(ElementRef<HTMLElement>);
+    private wheelAccumulator = 0;
+    private readonly wheelThreshold = 40;
+    ngAfterViewInit(): void {
+        this.elementRef.nativeElement.addEventListener('wheel', this.onWheel, {
+            passive: false,
+        });
+    }
+    ngOnDestroy(): void {
+        this.elementRef.nativeElement.removeEventListener('wheel', this.onWheel);
+    }
+    private readonly onWheel = (event: WheelEvent): void => {
+        const delta = Math.abs(event.deltaX) > Math.abs(event.deltaY)
+            ? event.deltaX
+            : event.deltaY;
+        if (!delta) {
+            return;
+        }
+        this.wheelAccumulator += delta;
+        if (Math.abs(this.wheelAccumulator) < this.wheelThreshold) {
+            return;
+        }
+        const direction = this.wheelAccumulator > 0 ? 'after' : 'before';
+        this.wheelAccumulator = 0;
+        const pagination = this.elementRef.nativeElement.querySelector<HTMLElement>(`.mat-mdc-tab-header-pagination-${direction}`);
+        if (!pagination) {
+            return;
+        }
+        const disabled = pagination.classList.contains('mat-mdc-tab-header-pagination-disabled');
+        if (disabled) {
+            return;
+        }
+        event.preventDefault();
+        pagination.click();
+    };
+}

package/ts-source/websql-code-prod/i18n/lib.translation.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}