import { Component } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "../services/model.service";
import * as i2 from "../services/sti-toolbox.service";
import * as i3 from "../services/sti-toolbar-resizer.service";
import * as i4 from "../services/sti-localization.service";
import * as i5 from "@angular/common";
import * as i6 from "./sti-toolbox-element.component";
import * as i7 from "../components/sti-tooltip/sti-tooltip.directive";
export class StiToolboxComponent {
    get isMaximize() {
        return this.toolbarResizerService.isMaximizeMode;
    }
    constructor(resolver, model, toolboxService, toolbarResizerService, loc) {
        this.resolver = resolver;
        this.model = model;
        this.toolboxService = toolboxService;
        this.toolbarResizerService = toolbarResizerService;
        this.loc = loc;
    }
    ngOnInit() { }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StiToolboxComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i1.StiModelService }, { token: i2.StiToolboxService }, { token: i3.StiToolbarResizerService }, { token: i4.StiLocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StiToolboxComponent, selector: "sti-toolbox", ngImport: i0, template: `
    <div class="elements" id="Elements" hidden="false">
      <p *ngIf="this.isMaximize">Elements</p>
      <sti-toolbox-element *ngFor="let element of toolboxService.elements" [element]="element"></sti-toolbox-element>
      <!-- <sti-draggable-element-container></sti-draggable-element-container> -->
      <div
        *ngIf="toolboxService.isToolboxOutlineElementsDividerEnabled() && model.getBooleanSetting('showSetupToolbox')"
        class="divider"
        [style.height.px]="4"
        [style.width.px]="28"
      >
        <div [style.height.px]="1" [style.width.px]="22" [style.border-bottom]="'1px solid rgb(170,170,170)'"></div>
      </div>
      <div
        class="element"
        *ngIf="model.getBooleanSetting('showSetupToolbox')"
        (click)="model.showToolboxSetup = true"
        [stiTooltip]="loc.get2('FormDesigner', 'SetupToolbox')"
        tooltipPosition="right"
        showDelay="500"
      >
        <img [src]="model.getImage('images.Other.SmallSetupToolbox.png')" style="pointer-events: none" />
      </div>
    </div>
    <!-- <sti-toolbar-resizer [style.visibility]="this.model.previewMode ? 'hidden' : ''"></sti-toolbar-resizer> -->
  `, isInline: true, styles: [".elements{width:100%;display:flex;flex-direction:column;font-size:18px;justify-content:flex-start;-webkit-touch-callout:none;-webkit-user-select:none}.divider{display:flex;align-items:center;justify-content:center}p{margin-top:1px;margin-bottom:3px;margin-left:5px;font-weight:500;color:var(--text-color)}.element{width:28px;height:28px;background-color:inherit;color:var(--text-color);border-radius:3px;display:flex;flex-wrap:nowrap;font-size:13px;font-weight:500;-webkit-touch-callout:none;-webkit-user-select:none;align-items:center;justify-content:center}.element:hover{background-color:var(--hover-color)}.element.active{background-color:var(--active-color)}img{vertical-align:sub;width:16px;height:16px}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.StiToolboxElementComponent, selector: "sti-toolbox-element", inputs: ["element", "forRibbon", "forGroup"] }, { kind: "directive", type: i7.StiTooltipDirective, selector: "[stiTooltip]", inputs: ["tooltipPosition", "stiTooltip", "showDelay"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StiToolboxComponent, decorators: [{
            type: Component,
            args: [{ selector: "sti-toolbox", template: `
    <div class="elements" id="Elements" hidden="false">
      <p *ngIf="this.isMaximize">Elements</p>
      <sti-toolbox-element *ngFor="let element of toolboxService.elements" [element]="element"></sti-toolbox-element>
      <!-- <sti-draggable-element-container></sti-draggable-element-container> -->
      <div
        *ngIf="toolboxService.isToolboxOutlineElementsDividerEnabled() && model.getBooleanSetting('showSetupToolbox')"
        class="divider"
        [style.height.px]="4"
        [style.width.px]="28"
      >
        <div [style.height.px]="1" [style.width.px]="22" [style.border-bottom]="'1px solid rgb(170,170,170)'"></div>
      </div>
      <div
        class="element"
        *ngIf="model.getBooleanSetting('showSetupToolbox')"
        (click)="model.showToolboxSetup = true"
        [stiTooltip]="loc.get2('FormDesigner', 'SetupToolbox')"
        tooltipPosition="right"
        showDelay="500"
      >
        <img [src]="model.getImage('images.Other.SmallSetupToolbox.png')" style="pointer-events: none" />
      </div>
    </div>
    <!-- <sti-toolbar-resizer [style.visibility]="this.model.previewMode ? 'hidden' : ''"></sti-toolbar-resizer> -->
  `, styles: [".elements{width:100%;display:flex;flex-direction:column;font-size:18px;justify-content:flex-start;-webkit-touch-callout:none;-webkit-user-select:none}.divider{display:flex;align-items:center;justify-content:center}p{margin-top:1px;margin-bottom:3px;margin-left:5px;font-weight:500;color:var(--text-color)}.element{width:28px;height:28px;background-color:inherit;color:var(--text-color);border-radius:3px;display:flex;flex-wrap:nowrap;font-size:13px;font-weight:500;-webkit-touch-callout:none;-webkit-user-select:none;align-items:center;justify-content:center}.element:hover{background-color:var(--hover-color)}.element.active{background-color:var(--active-color)}img{vertical-align:sub;width:16px;height:16px}\n"] }]
        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i1.StiModelService }, { type: i2.StiToolboxService }, { type: i3.StiToolbarResizerService }, { type: i4.StiLocalizationService }]; } });
//# sourceMappingURL=data:application/json;base64, 