import { Component, Input, Output, EventEmitter } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ButtonsModule } from '@progress/kendo-angular-buttons';
import * as i0 from "@angular/core";
import * as i1 from "@progress/kendo-angular-buttons";
export class ConfirmationDialogComponent {
    constructor() {
        this.title = 'Confirm Action';
        this.message = 'Are you sure you want to proceed?';
        this.confirmText = 'Delete';
        this.confirm = new EventEmitter();
        this.cancel = new EventEmitter();
    }
    onConfirm() {
        this.confirm.emit();
    }
    onCancel() {
        this.cancel.emit();
    }
    static { this.ɵfac = function ConfirmationDialogComponent_Factory(t) { return new (t || ConfirmationDialogComponent)(); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmationDialogComponent, selectors: [["app-confirmation-dialog"]], inputs: { title: "title", message: "message", confirmText: "confirmText" }, outputs: { confirm: "confirm", cancel: "cancel" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 14, vars: 5, consts: [[1, "dialog-backdrop", 3, "click"], [1, "dialog-container", 3, "click"], [1, "dialog-header"], [1, "dialog-content"], [1, "fas", "fa-exclamation-triangle", "warning-icon"], [1, "dialog-footer"], ["kendoButton", "", 3, "click", "look"], ["kendoButton", "", 3, "click", "themeColor"]], template: function ConfirmationDialogComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_div_click_0_listener() { return ctx.onCancel(); });
            i0.ɵɵelementStart(1, "div", 1);
            i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_div_click_1_listener($event) { return $event.stopPropagation(); });
            i0.ɵɵelementStart(2, "div", 2)(3, "h3");
            i0.ɵɵtext(4);
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(5, "div", 3);
            i0.ɵɵelement(6, "i", 4);
            i0.ɵɵelementStart(7, "p");
            i0.ɵɵtext(8);
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(9, "div", 5)(10, "button", 6);
            i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_button_click_10_listener() { return ctx.onCancel(); });
            i0.ɵɵtext(11, " Cancel ");
            i0.ɵɵelementEnd();
            i0.ɵɵelementStart(12, "button", 7);
            i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_button_click_12_listener() { return ctx.onConfirm(); });
            i0.ɵɵtext(13);
            i0.ɵɵelementEnd()()()();
        } if (rf & 2) {
            i0.ɵɵadvance(4);
            i0.ɵɵtextInterpolate(ctx.title);
            i0.ɵɵadvance(4);
            i0.ɵɵtextInterpolate(ctx.message);
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("look", "outline");
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("themeColor", "error");
            i0.ɵɵadvance();
            i0.ɵɵtextInterpolate1(" ", ctx.confirmText, " ");
        } }, dependencies: [CommonModule, ButtonsModule, i1.ButtonComponent], styles: [".dialog-backdrop[_ngcontent-%COMP%] {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1000;\n    }\n    \n    .dialog-container[_ngcontent-%COMP%] {\n      background: var(--white-color);\n      border-radius: var(--border-radius);\n      box-shadow: var(--shadow);\n      width: 400px;\n      max-width: 90%;\n      animation: _ngcontent-%COMP%_dialogSlideIn 0.3s ease;\n    }\n    \n    @keyframes _ngcontent-%COMP%_dialogSlideIn {\n      from {\n        opacity: 0;\n        transform: translateY(-20px) scale(0.95);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n    \n    .dialog-header[_ngcontent-%COMP%] {\n      padding: 1.5rem;\n      border-bottom: 1px solid var(--gray-700);\n      background: var(--gray-600);\n      border-radius: var(--border-radius) var(--border-radius) 0 0;\n      \n      h3 {\n        margin: 0;\n        font-size: 1.25rem;\n        color: var(--gray-900);\n      }\n    }\n    \n    .dialog-content[_ngcontent-%COMP%] {\n      padding: 2rem;\n      text-align: center;\n      \n      .warning-icon {\n        font-size: 3rem;\n        color: #dc3545;\n        margin-bottom: 1rem;\n      }\n      \n      p {\n        margin: 0;\n        font-size: 1rem;\n        color: var(--gray-900);\n        line-height: 1.5;\n      }\n    }\n    \n    .dialog-footer[_ngcontent-%COMP%] {\n      padding: 1rem 1.5rem;\n      border-top: 1px solid var(--gray-700);\n      display: flex;\n      justify-content: flex-end;\n      gap: 0.5rem;\n      background: var(--gray-600);\n      border-radius: 0 0 var(--border-radius) var(--border-radius);\n    }"] }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmationDialogComponent, [{
        type: Component,
        args: [{ selector: 'app-confirmation-dialog', standalone: true, imports: [CommonModule, ButtonsModule], template: `
    <div class="dialog-backdrop" (click)="onCancel()">
      <div class="dialog-container" (click)="$event.stopPropagation()">
        <div class="dialog-header">
          <h3>{{ title }}</h3>
        </div>
        
        <div class="dialog-content">
          <i class="fas fa-exclamation-triangle warning-icon"></i>
          <p>{{ message }}</p>
        </div>
        
        <div class="dialog-footer">
          <button 
            kendoButton 
            [look]="'outline'"
            (click)="onCancel()">
            Cancel
          </button>
          <button 
            kendoButton 
            [themeColor]="'error'"
            (click)="onConfirm()">
            {{ confirmText }}
          </button>
        </div>
      </div>
    </div>
  `, styles: ["\n    .dialog-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1000;\n    }\n    \n    .dialog-container {\n      background: var(--white-color);\n      border-radius: var(--border-radius);\n      box-shadow: var(--shadow);\n      width: 400px;\n      max-width: 90%;\n      animation: dialogSlideIn 0.3s ease;\n    }\n    \n    @keyframes dialogSlideIn {\n      from {\n        opacity: 0;\n        transform: translateY(-20px) scale(0.95);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n    \n    .dialog-header {\n      padding: 1.5rem;\n      border-bottom: 1px solid var(--gray-700);\n      background: var(--gray-600);\n      border-radius: var(--border-radius) var(--border-radius) 0 0;\n      \n      h3 {\n        margin: 0;\n        font-size: 1.25rem;\n        color: var(--gray-900);\n      }\n    }\n    \n    .dialog-content {\n      padding: 2rem;\n      text-align: center;\n      \n      .warning-icon {\n        font-size: 3rem;\n        color: #dc3545;\n        margin-bottom: 1rem;\n      }\n      \n      p {\n        margin: 0;\n        font-size: 1rem;\n        color: var(--gray-900);\n        line-height: 1.5;\n      }\n    }\n    \n    .dialog-footer {\n      padding: 1rem 1.5rem;\n      border-top: 1px solid var(--gray-700);\n      display: flex;\n      justify-content: flex-end;\n      gap: 0.5rem;\n      background: var(--gray-600);\n      border-radius: 0 0 var(--border-radius) var(--border-radius);\n    }\n  "] }]
    }], null, { title: [{
            type: Input
        }], message: [{
            type: Input
        }], confirmText: [{
            type: Input
        }], confirm: [{
            type: Output
        }], cancel: [{
            type: Output
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmationDialogComponent, { className: "ConfirmationDialogComponent", filePath: "src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/confirmation-dialog/confirmation-dialog.component.ts", lineNumber: 114 }); })();
//# sourceMappingURL=confirmation-dialog.component.js.map