@memberjunction/ng-dashboard-viewer 6.2.0-edge.0 → 6.2.0-edge.1

package/dist/lib/config-dialogs/confirm-dialog.component.d.ts

@@ -10,28 +10,78 @@ export type ConfirmDialogType = 'warning' | 'danger' | 'info';
 export declare class ConfirmDialogComponent {
     private cdr;
     /** Whether the dialog is visible */
-    visible: boolean;
+    Visible: boolean;
+    /** @deprecated Use {@link Visible}. */
+    set visible(value: ConfirmDialogComponent['Visible']);
+    /** @deprecated Use {@link Visible}. */
+    get visible(): ConfirmDialogComponent['Visible'];
     /** Dialog type (affects icon and button styling) */
-    type: ConfirmDialogType;
+    Type: ConfirmDialogType;
+    /** @deprecated Use {@link Type}. */
+    set type(value: ConfirmDialogType);
+    /** @deprecated Use {@link Type}. */
+    get type(): ConfirmDialogType;
     /** Dialog title */
-    title: string;
+    Title: string;
+    /** @deprecated Use {@link Title}. */
+    set title(value: ConfirmDialogComponent['Title']);
+    /** @deprecated Use {@link Title}. */
+    get title(): ConfirmDialogComponent['Title'];
     /** Dialog message */
-    message: string;
+    Message: string;
+    /** @deprecated Use {@link Message}. */
+    set message(value: ConfirmDialogComponent['Message']);
+    /** @deprecated Use {@link Message}. */
+    get message(): ConfirmDialogComponent['Message'];
     /** Confirm button text */
-    confirmText: string;
+    ConfirmText: string;
+    /** @deprecated Use {@link ConfirmText}. */
+    set confirmText(value: ConfirmDialogComponent['ConfirmText']);
+    /** @deprecated Use {@link ConfirmText}. */
+    get confirmText(): ConfirmDialogComponent['ConfirmText'];
     /** Cancel button text */
-    cancelText: string;
+    CancelText: string;
+    /** @deprecated Use {@link CancelText}. */
+    set cancelText(value: ConfirmDialogComponent['CancelText']);
+    /** @deprecated Use {@link CancelText}. */
+    get cancelText(): ConfirmDialogComponent['CancelText'];
     /** Custom icon class (optional, uses default based on type if not provided) */
-    icon: string;
+    Icon: string;
+    /** @deprecated Use {@link Icon}. */
+    set icon(value: ConfirmDialogComponent['Icon']);
+    /** @deprecated Use {@link Icon}. */
+    get icon(): ConfirmDialogComponent['Icon'];
     /** Emitted when user confirms */
+    Confirmed: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link Confirmed}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (confirmed) keeps working. Must stay AFTER Confirmed: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     confirmed: EventEmitter<void>;
     /** Emitted when user cancels */
+    Cancelled: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link Cancelled}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (cancelled) keeps working. Must stay AFTER Cancelled: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     cancelled: EventEmitter<void>;
     constructor(cdr: ChangeDetectorRef);
+    GetIcon(): string;
+    /** @deprecated Use {@link GetIcon}. */
     getIcon(): string;
+    Confirm(): void;
+    /** @deprecated Use {@link Confirm}. */
     confirm(): void;
+    Cancel(): void;
+    /** @deprecated Use {@link Cancel}. */
     cancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "mj-confirm-dialog", never, { "visible": { "alias": "visible"; "required": false; }; "type": { "alias": "type"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "confirmText": { "alias": "confirmText"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, { "confirmed": "confirmed"; "cancelled": "cancelled"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "mj-confirm-dialog", never, { "Visible": { "alias": "Visible"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "Type": { "alias": "Type"; "required": false; }; "type": { "alias": "type"; "required": false; }; "Title": { "alias": "Title"; "required": false; }; "title": { "alias": "title"; "required": false; }; "Message": { "alias": "Message"; "required": false; }; "message": { "alias": "message"; "required": false; }; "ConfirmText": { "alias": "ConfirmText"; "required": false; }; "confirmText": { "alias": "confirmText"; "required": false; }; "CancelText": { "alias": "CancelText"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "Icon": { "alias": "Icon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, { "Confirmed": "Confirmed"; "confirmed": "confirmed"; "Cancelled": "Cancelled"; "cancelled": "cancelled"; }, never, never, false, never>;
 }
 //# sourceMappingURL=confirm-dialog.component.d.ts.map

package/dist/lib/config-dialogs/confirm-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-dialog.component.d.ts","sourceRoot":"","sources":["../../../src/lib/config-dialogs/confirm-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAE1F;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9D;;GAEG;AACH,qBAMa,sBAAsB;IA4BnB,OAAO,CAAC,GAAG;IA3BvB,oCAAoC;IAC3B,OAAO,UAAS;IAEzB,oDAAoD;IAC3C,IAAI,EAAE,iBAAiB,CAAa;IAE7C,mBAAmB;IACV,KAAK,SAAoB;IAElC,qBAAqB;IACZ,OAAO,SAAuC;IAEvD,0BAA0B;IACjB,WAAW,SAAa;IAEjC,yBAAyB;IAChB,UAAU,SAAY;IAE/B,+EAA+E;IACtE,IAAI,SAAM;IAEnB,iCAAiC;IACvB,SAAS,qBAA4B;IAE/C,gCAAgC;IACtB,SAAS,qBAA4B;gBAE3B,GAAG,EAAE,iBAAiB;IAEnC,OAAO,IAAI,MAAM;IAajB,OAAO,IAAI,IAAI;IAIf,MAAM,IAAI,IAAI;yCA/CZ,sBAAsB;2CAAtB,sBAAsB;CAkDlC"}
+{"version":3,"file":"confirm-dialog.component.d.ts","sourceRoot":"","sources":["../../../src/lib/config-dialogs/confirm-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAE1F;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9D;;GAEG;AACH,qBAMa,sBAAsB;IA6GnB,OAAO,CAAC,GAAG;IA5GvB,oCAAoC;IAC3B,OAAO,UAAS;IAEzB,uCAAuC;IACvC,IAAa,OAAO,CAAC,KAAK,EAAE,sBAAsB,CAAC,SAAS,CAAC,EAE5D;IACD,uCAAuC;IACvC,IAAI,OAAO,IAAI,sBAAsB,CAAC,SAAS,CAAC,CAE/C;IAED,oDAAoD;IAC3C,IAAI,EAAE,iBAAiB,CAAa;IAE7C,oCAAoC;IACpC,IAAa,IAAI,CAAC,KAAK,EAAE,iBAAiB,EAEzC;IACD,oCAAoC;IACpC,IAAI,IAAI,IAAI,iBAAiB,CAE5B;IAED,mBAAmB;IACV,KAAK,SAAoB;IAElC,qCAAqC;IACrC,IAAa,KAAK,CAAC,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,EAExD;IACD,qCAAqC;IACrC,IAAI,KAAK,IAAI,sBAAsB,CAAC,OAAO,CAAC,CAE3C;IAED,qBAAqB;IACZ,OAAO,SAAuC;IAEvD,uCAAuC;IACvC,IAAa,OAAO,CAAC,KAAK,EAAE,sBAAsB,CAAC,SAAS,CAAC,EAE5D;IACD,uCAAuC;IACvC,IAAI,OAAO,IAAI,sBAAsB,CAAC,SAAS,CAAC,CAE/C;IAED,0BAA0B;IACjB,WAAW,SAAa;IAEjC,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,sBAAsB,CAAC,aAAa,CAAC,EAEpE;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,sBAAsB,CAAC,aAAa,CAAC,CAEvD;IAED,yBAAyB;IAChB,UAAU,SAAY;IAE/B,0CAA0C;IAC1C,IAAa,UAAU,CAAC,KAAK,EAAE,sBAAsB,CAAC,YAAY,CAAC,EAElE;IACD,0CAA0C;IAC1C,IAAI,UAAU,IAAI,sBAAsB,CAAC,YAAY,CAAC,CAErD;IAED,+EAA+E;IACtE,IAAI,SAAM;IAEnB,oCAAoC;IACpC,IAAa,IAAI,CAAC,KAAK,EAAE,sBAAsB,CAAC,MAAM,CAAC,EAEtD;IACD,oCAAoC;IACpC,IAAI,IAAI,IAAI,sBAAsB,CAAC,MAAM,CAAC,CAEzC;IAED,iCAAiC;IACvB,SAAS,qBAA4B;IAE/C;;;;;;OAMG;IACO,SAAS,qBAAkB;IAErC,gCAAgC;IACtB,SAAS,qBAA4B;IAE/C;;;;;;OAMG;IACO,SAAS,qBAAkB;gBAEjB,GAAG,EAAE,iBAAiB;IAEnC,OAAO,IAAI,MAAM;IAaxB,uCAAuC;IAChC,OAAO,IAAI,MAAM;IAIjB,OAAO,IAAI,IAAI;IAItB,uCAAuC;IAChC,OAAO,IAAI,IAAI;IAIf,MAAM,IAAI,IAAI;IAIrB,sCAAsC;IAC/B,MAAM,IAAI,IAAI;yCA/IZ,sBAAsB;2CAAtB,sBAAsB;CAkJlC"}

package/dist/lib/config-dialogs/confirm-dialog.component.js

@@ -46,30 +46,102 @@ function ConfirmDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
 export class ConfirmDialogComponent {
     cdr;
     /** Whether the dialog is visible */
-    visible = false;
+    Visible = false;
+    /** @deprecated Use {@link Visible}. */
+    set visible(value) {
+        this.Visible = value;
+    }
+    /** @deprecated Use {@link Visible}. */
+    get visible() {
+        return this.Visible;
+    }
     /** Dialog type (affects icon and button styling) */
-    type = 'warning';
+    Type = 'warning';
+    /** @deprecated Use {@link Type}. */
+    set type(value) {
+        this.Type = value;
+    }
+    /** @deprecated Use {@link Type}. */
+    get type() {
+        return this.Type;
+    }
     /** Dialog title */
-    title = 'Confirm Action';
+    Title = 'Confirm Action';
+    /** @deprecated Use {@link Title}. */
+    set title(value) {
+        this.Title = value;
+    }
+    /** @deprecated Use {@link Title}. */
+    get title() {
+        return this.Title;
+    }
     /** Dialog message */
-    message = 'Are you sure you want to proceed?';
+    Message = 'Are you sure you want to proceed?';
+    /** @deprecated Use {@link Message}. */
+    set message(value) {
+        this.Message = value;
+    }
+    /** @deprecated Use {@link Message}. */
+    get message() {
+        return this.Message;
+    }
     /** Confirm button text */
-    confirmText = 'Confirm';
+    ConfirmText = 'Confirm';
+    /** @deprecated Use {@link ConfirmText}. */
+    set confirmText(value) {
+        this.ConfirmText = value;
+    }
+    /** @deprecated Use {@link ConfirmText}. */
+    get confirmText() {
+        return this.ConfirmText;
+    }
     /** Cancel button text */
-    cancelText = 'Cancel';
+    CancelText = 'Cancel';
+    /** @deprecated Use {@link CancelText}. */
+    set cancelText(value) {
+        this.CancelText = value;
+    }
+    /** @deprecated Use {@link CancelText}. */
+    get cancelText() {
+        return this.CancelText;
+    }
     /** Custom icon class (optional, uses default based on type if not provided) */
-    icon = '';
+    Icon = '';
+    /** @deprecated Use {@link Icon}. */
+    set icon(value) {
+        this.Icon = value;
+    }
+    /** @deprecated Use {@link Icon}. */
+    get icon() {
+        return this.Icon;
+    }
     /** Emitted when user confirms */
-    confirmed = new EventEmitter();
+    Confirmed = new EventEmitter();
+    /**
+     * @deprecated Use {@link Confirmed}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (confirmed) keeps working. Must stay AFTER Confirmed: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    confirmed = this.Confirmed;
     /** Emitted when user cancels */
-    cancelled = new EventEmitter();
+    Cancelled = new EventEmitter();
+    /**
+     * @deprecated Use {@link Cancelled}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (cancelled) keeps working. Must stay AFTER Cancelled: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    cancelled = this.Cancelled;
     constructor(cdr) {
         this.cdr = cdr;
     }
-    getIcon() {
-        if (this.icon)
-            return this.icon;
-        switch (this.type) {
+    GetIcon() {
+        if (this.Icon)
+            return this.Icon;
+        switch (this.Type) {
             case 'danger':
                 return 'fa-solid fa-trash';
             case 'info':
@@ -78,14 +150,26 @@ export class ConfirmDialogComponent {
                 return 'fa-solid fa-exclamation-triangle';
         }
     }
+    /** @deprecated Use {@link GetIcon}. */
+    getIcon() {
+        return this.GetIcon();
+    }
+    Confirm() {
+        this.Confirmed.emit();
+    }
+    /** @deprecated Use {@link Confirm}. */
     confirm() {
-        this.confirmed.emit();
+        return this.Confirm();
     }
+    Cancel() {
+        this.Cancelled.emit();
+    }
+    /** @deprecated Use {@link Cancel}. */
     cancel() {
-        this.cancelled.emit();
+        return this.Cancel();
     }
     static ɵfac = function ConfirmDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConfirmDialogComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmDialogComponent, selectors: [["mj-confirm-dialog"]], inputs: { visible: "visible", type: "type", title: "title", message: "message", confirmText: "confirmText", cancelText: "cancelText", icon: "icon" }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, standalone: false, decls: 1, vars: 1, consts: [[1, "config-dialog-overlay"], [1, "config-dialog-overlay", 3, "click"], [1, "config-dialog", "confirm-dialog", 3, "click"], [1, "dialog-content"], [1, "confirm-icon"], [1, "confirm-title"], [1, "confirm-message"], [1, "dialog-footer"], [3, "click"], [1, "btn-secondary", 3, "click"]], template: function ConfirmDialogComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmDialogComponent, selectors: [["mj-confirm-dialog"]], inputs: { Visible: "Visible", visible: "visible", Type: "Type", type: "type", Title: "Title", title: "title", Message: "Message", message: "message", ConfirmText: "ConfirmText", confirmText: "confirmText", CancelText: "CancelText", cancelText: "cancelText", Icon: "Icon", icon: "icon" }, outputs: { Confirmed: "Confirmed", confirmed: "confirmed", Cancelled: "Cancelled", cancelled: "cancelled" }, standalone: false, decls: 1, vars: 1, consts: [[1, "config-dialog-overlay"], [1, "config-dialog-overlay", 3, "click"], [1, "config-dialog", "confirm-dialog", 3, "click"], [1, "dialog-content"], [1, "confirm-icon"], [1, "confirm-title"], [1, "confirm-message"], [1, "dialog-footer"], [3, "click"], [1, "btn-secondary", 3, "click"]], template: function ConfirmDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ConfirmDialogComponent_Conditional_0_Template, 14, 12, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.visible ? 0 : -1);
@@ -94,22 +178,40 @@ export class ConfirmDialogComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-confirm-dialog', template: "<!-- Confirm Dialog -->\n@if (visible) {\n  <div class=\"config-dialog-overlay\" (click)=\"cancel()\">\n    <div class=\"config-dialog confirm-dialog\" (click)=\"$event.stopPropagation()\">\n      <!-- Content -->\n      <div class=\"dialog-content\">\n        <div class=\"confirm-icon\" [class.warning]=\"type === 'warning'\" [class.danger]=\"type === 'danger'\">\n          <i [class]=\"getIcon()\"></i>\n        </div>\n        <h3 class=\"confirm-title\">{{ title }}</h3>\n        <p class=\"confirm-message\">{{ message }}</p>\n      </div>\n      <!-- Footer - Action button on left, Cancel on right -->\n      <div class=\"dialog-footer\">\n        <button\n          [class]=\"type === 'danger' ? 'btn-danger' : 'btn-primary'\"\n          (click)=\"confirm()\">\n          {{ confirmText }}\n        </button>\n        <button class=\"btn-secondary\" (click)=\"cancel()\">{{ cancelText }}</button>\n      </div>\n    </div>\n  </div>\n}\n", styles: ["/**\n * Shared styles for Config Dialogs\n */\n\n/* ========================================\n   Overlay\n   ======================================== */\n\n.config-dialog-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10000;\n    animation: fadeIn 0.15s ease;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n/* ========================================\n   Dialog Container\n   ======================================== */\n\n.config-dialog {\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-surface);\n    border-radius: 16px;\n    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.35);\n    width: 520px;\n    max-width: 90vw;\n    max-height: 85vh;\n    overflow: hidden;\n    animation: slideUp 0.2s ease;\n}\n\n@keyframes slideUp {\n    from {\n        opacity: 0;\n        transform: translateY(20px) scale(0.98);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n}\n\n/* ========================================\n   Header\n   ======================================== */\n\n.dialog-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 24px;\n    border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.header-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-inverse);\n    font-size: 20px;\n    flex-shrink: 0;\n    box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.dialog-header h3 {\n    flex: 1;\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.close-button {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    border-radius: 10px;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.close-button:hover {\n    background: rgba(0, 0, 0, 0.08);\n    color: var(--mj-text-primary);\n}\n\n.close-button i {\n    font-size: 18px;\n}\n\n/* ========================================\n   Content\n   ======================================== */\n\n.dialog-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n/* ========================================\n   Form Groups\n   ======================================== */\n\n.form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.form-group > label {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.form-group > label i {\n    color: var(--mj-brand-primary);\n    font-size: 14px;\n    width: 16px;\n}\n\n.form-group > label .required {\n    color: var(--mj-status-error);\n}\n\n/* ========================================\n   Form Inputs\n   ======================================== */\n\n.form-input {\n    padding: 14px 16px;\n    border: 2px solid var(--mj-border-default);\n    border-radius: 10px;\n    font-size: 15px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    transition: all 0.2s ease;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.form-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n}\n\n.form-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.form-input.error {\n    border-color: var(--mj-status-error);\n}\n\n.form-input.error:focus {\n    box-shadow: 0 0 0 4px color-mix(in srgb, var(--mj-status-error) 12%, transparent);\n}\n\n.input-with-action {\n    display: flex;\n    gap: 8px;\n}\n\n.input-with-action .form-input {\n    flex: 1;\n}\n\n.input-action-btn {\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 2px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n    flex-shrink: 0;\n}\n\n.input-action-btn:hover {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n/* ========================================\n   Form Hints & Errors\n   ======================================== */\n\n.form-hint {\n    font-size: 13px;\n    color: var(--mj-text-muted);\n    line-height: 1.4;\n}\n\n.form-error {\n    font-size: 13px;\n    color: var(--mj-status-error);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.form-error::before {\n    content: '\\f071';\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 900;\n    font-size: 12px;\n}\n\n/* ========================================\n   Radio Group\n   ======================================== */\n\n.radio-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.radio-option {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 16px;\n    border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    border-radius: 10px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    background: var(--mj-bg-surface);\n}\n\n.radio-option:hover {\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n    background: var(--mj-bg-surface-card);\n}\n\n.radio-option.selected {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.radio-option input[type=\"radio\"] {\n    display: none;\n}\n\n.radio-mark {\n    width: 20px;\n    height: 20px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: all 0.2s ease;\n}\n\n.radio-option.selected .radio-mark {\n    border-color: var(--mj-brand-primary);\n}\n\n.radio-option.selected .radio-mark::after {\n    content: '';\n    width: 10px;\n    height: 10px;\n    background: var(--mj-brand-primary);\n    border-radius: 50%;\n}\n\n.radio-content {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.radio-label {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.radio-badge {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 3px 8px;\n    border-radius: 4px;\n    text-transform: uppercase;\n}\n\n.radio-badge.recommended {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.radio-badge.secure {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.radio-badge.warning {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n/* ========================================\n   Checkbox Group\n   ======================================== */\n\n.checkbox-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.checkbox-option {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 14px 16px;\n    border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    border-radius: 10px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    background: var(--mj-bg-surface);\n}\n\n.checkbox-option:hover {\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n    background: var(--mj-bg-surface-card);\n}\n\n.checkbox-option input[type=\"checkbox\"] {\n    display: none;\n}\n\n.checkbox-mark {\n    width: 22px;\n    height: 22px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: all 0.2s ease;\n    margin-top: 2px;\n}\n\n.checkbox-option input:checked + .checkbox-mark {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.checkbox-option input:checked + .checkbox-mark::after {\n    content: '\\f00c';\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 900;\n    font-size: 12px;\n    color: var(--mj-text-inverse);\n}\n\n.checkbox-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.checkbox-label {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.checkbox-desc {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n/* ========================================\n   Select/Dropdown\n   ======================================== */\n\n.form-select {\n    padding: 14px 40px 14px 16px;\n    border: 2px solid var(--mj-border-default);\n    border-radius: 10px;\n    font-size: 15px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    transition: all 0.2s ease;\n    width: 100%;\n    box-sizing: border-box;\n    cursor: pointer;\n    appearance: none;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 16px center;\n}\n\n.form-select:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n}\n\n/* ========================================\n   Footer\n   ======================================== */\n\n.dialog-footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: 12px;\n    padding: 20px 24px;\n    border-top: 1px solid color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    background: var(--mj-bg-surface-card);\n}\n\n.btn-secondary {\n    padding: 12px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    background: var(--mj-bg-surface);\n    border: 2px solid var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.btn-secondary:hover {\n    background: var(--mj-bg-surface-card);\n    border-color: var(--mj-border-strong);\n}\n\n.btn-primary {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 28px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    background: var(--mj-brand-primary);\n    border: none;\n    color: var(--mj-text-inverse);\n    box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.btn-primary:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 6px 16px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n.btn-primary i {\n    font-size: 12px;\n}\n\n/* ========================================\n   Confirmation Dialog\n   ======================================== */\n\n.confirm-dialog {\n    width: 400px;\n}\n\n.confirm-dialog .dialog-content {\n    text-align: center;\n    padding: 32px 24px;\n}\n\n.confirm-icon {\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 20px;\n}\n\n.confirm-icon.warning {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n}\n\n.confirm-icon.warning i {\n    font-size: 28px;\n    color: var(--mj-status-warning);\n}\n\n.confirm-icon.danger {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n}\n\n.confirm-icon.danger i {\n    font-size: 28px;\n    color: var(--mj-status-error);\n}\n\n.confirm-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 12px 0;\n}\n\n.confirm-message {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    line-height: 1.5;\n}\n\n.confirm-dialog .dialog-footer {\n    justify-content: center;\n}\n\n.btn-danger {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 28px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    background: var(--mj-status-error);\n    border: none;\n    color: var(--mj-text-inverse);\n    box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n}\n\n.btn-danger:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 6px 16px color-mix(in srgb, var(--mj-status-error) 40%, transparent);\n}\n"] }]
-    }], () => [{ type: i0.ChangeDetectorRef }], { visible: [{
+    }], () => [{ type: i0.ChangeDetectorRef }], { Visible: [{
+            type: Input
+        }], visible: [{
+            type: Input
+        }], Type: [{
             type: Input
         }], type: [{
             type: Input
+        }], Title: [{
+            type: Input
         }], title: [{
             type: Input
+        }], Message: [{
+            type: Input
         }], message: [{
             type: Input
+        }], ConfirmText: [{
+            type: Input
         }], confirmText: [{
             type: Input
+        }], CancelText: [{
+            type: Input
         }], cancelText: [{
             type: Input
+        }], Icon: [{
+            type: Input
         }], icon: [{
             type: Input
+        }], Confirmed: [{
+            type: Output
         }], confirmed: [{
             type: Output
+        }], Cancelled: [{
+            type: Output
         }], cancelled: [{
             type: Output
         }] }); })();

package/dist/lib/config-dialogs/confirm-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-dialog.component.js","sourceRoot":"","sources":["../../../src/lib/config-dialogs/confirm-dialog.component.ts","../../../src/lib/config-dialogs/confirm-dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAqB,MAAM,eAAe,CAAC;;;;ICExF,8BAAsD;IAAnB,uLAAS,eAAQ,KAAC;IACnD,8BAA6E;IAAnC,oHAAS,wBAAwB,IAAC;IAGxE,AADF,8BAA4B,aACwE;IAChG,oBAA2B;IAC7B,iBAAM;IACN,6BAA0B;IAAA,YAAW;IAAA,iBAAK;IAC1C,4BAA2B;IAAA,YAAa;IAC1C,AAD0C,iBAAI,EACxC;IAGJ,AADF,8BAA2B,iBAGH;IAApB,2LAAS,gBAAS,KAAC;IACnB,aACF;IAAA,iBAAS;IACT,kCAAiD;IAAnB,2LAAS,eAAQ,KAAC;IAAC,aAAgB;IAGvE,AADE,AADE,AADmE,iBAAS,EACtE,EACF,EACF;;;IAhB0B,eAAoC;IAAC,AAArC,oDAAoC,oCAAmC;IAC5F,cAAmB;IAAnB,+BAAmB;IAEE,eAAW;IAAX,kCAAW;IACV,eAAa;IAAb,oCAAa;IAKtC,eAA0D;IAA1D,sEAA0D;IAE1D,cACF;IADE,mDACF;IACiD,eAAgB;IAAhB,uCAAgB;;ADZzE;;GAEG;AAOH,MAAM,OAAO,sBAAsB;IA4BX;IA3BpB,oCAAoC;IAC3B,OAAO,GAAG,KAAK,CAAC;IAEzB,oDAAoD;IAC3C,IAAI,GAAsB,SAAS,CAAC;IAE7C,mBAAmB;IACV,KAAK,GAAG,gBAAgB,CAAC;IAElC,qBAAqB;IACZ,OAAO,GAAG,mCAAmC,CAAC;IAEvD,0BAA0B;IACjB,WAAW,GAAG,SAAS,CAAC;IAEjC,yBAAyB;IAChB,UAAU,GAAG,QAAQ,CAAC;IAE/B,+EAA+E;IACtE,IAAI,GAAG,EAAE,CAAC;IAEnB,iCAAiC;IACvB,SAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;IAE/C,gCAAgC;IACtB,SAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;IAE/C,YAAoB,GAAsB;QAAtB,QAAG,GAAH,GAAG,CAAmB;IAAG,CAAC;IAEvC,OAAO;QACV,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC,IAAI,CAAC;QAEhC,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAChB,KAAK,QAAQ;gBACT,OAAO,mBAAmB,CAAC;YAC/B,KAAK,MAAM;gBACP,OAAO,yBAAyB,CAAC;YACrC;gBACI,OAAO,kCAAkC,CAAC;QAClD,CAAC;IACL,CAAC;IAEM,OAAO;QACV,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAEM,MAAM;QACT,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;gHAjDQ,sBAAsB;6DAAtB,sBAAsB;YCfnC,0FAAe;;YAAf,sCAsBC;;;iFDPY,sBAAsB;cANlC,SAAS;6BACI,KAAK,YACL,mBAAmB;;kBAM5B,KAAK;;kBAGL,KAAK;;kBAGL,KAAK;;kBAGL,KAAK;;kBAGL,KAAK;;kBAGL,KAAK;;kBAGL,KAAK;;kBAGL,MAAM;;kBAGN,MAAM;;kFA1BE,sBAAsB","sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';\n\n/**\n * Confirmation dialog types\n */\nexport type ConfirmDialogType = 'warning' | 'danger' | 'info';\n\n/**\n * A nice confirmation dialog to replace browser confirm().\n */\n@Component({\n  standalone: false,\n    selector: 'mj-confirm-dialog',\n    templateUrl: './confirm-dialog.component.html',\n    styleUrls: ['./config-dialog.component.css']\n})\nexport class ConfirmDialogComponent {\n    /** Whether the dialog is visible */\n    @Input() visible = false;\n\n    /** Dialog type (affects icon and button styling) */\n    @Input() type: ConfirmDialogType = 'warning';\n\n    /** Dialog title */\n    @Input() title = 'Confirm Action';\n\n    /** Dialog message */\n    @Input() message = 'Are you sure you want to proceed?';\n\n    /** Confirm button text */\n    @Input() confirmText = 'Confirm';\n\n    /** Cancel button text */\n    @Input() cancelText = 'Cancel';\n\n    /** Custom icon class (optional, uses default based on type if not provided) */\n    @Input() icon = '';\n\n    /** Emitted when user confirms */\n    @Output() confirmed = new EventEmitter<void>();\n\n    /** Emitted when user cancels */\n    @Output() cancelled = new EventEmitter<void>();\n\n    constructor(private cdr: ChangeDetectorRef) {}\n\n    public getIcon(): string {\n        if (this.icon) return this.icon;\n\n        switch (this.type) {\n            case 'danger':\n                return 'fa-solid fa-trash';\n            case 'info':\n                return 'fa-solid fa-info-circle';\n            default:\n                return 'fa-solid fa-exclamation-triangle';\n        }\n    }\n\n    public confirm(): void {\n        this.confirmed.emit();\n    }\n\n    public cancel(): void {\n        this.cancelled.emit();\n    }\n}\n","<!-- Confirm Dialog -->\n@if (visible) {\n  <div class=\"config-dialog-overlay\" (click)=\"cancel()\">\n    <div class=\"config-dialog confirm-dialog\" (click)=\"$event.stopPropagation()\">\n      <!-- Content -->\n      <div class=\"dialog-content\">\n        <div class=\"confirm-icon\" [class.warning]=\"type === 'warning'\" [class.danger]=\"type === 'danger'\">\n          <i [class]=\"getIcon()\"></i>\n        </div>\n        <h3 class=\"confirm-title\">{{ title }}</h3>\n        <p class=\"confirm-message\">{{ message }}</p>\n      </div>\n      <!-- Footer - Action button on left, Cancel on right -->\n      <div class=\"dialog-footer\">\n        <button\n          [class]=\"type === 'danger' ? 'btn-danger' : 'btn-primary'\"\n          (click)=\"confirm()\">\n          {{ confirmText }}\n        </button>\n        <button class=\"btn-secondary\" (click)=\"cancel()\">{{ cancelText }}</button>\n      </div>\n    </div>\n  </div>\n}\n"]}
+{"version":3,"file":"confirm-dialog.component.js","sourceRoot":"","sources":["../../../src/lib/config-dialogs/confirm-dialog.component.ts","../../../src/lib/config-dialogs/confirm-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';\n\n/**\n * Confirmation dialog types\n */\nexport type ConfirmDialogType = 'warning' | 'danger' | 'info';\n\n/**\n * A nice confirmation dialog to replace browser confirm().\n */\n@Component({\n  standalone: false,\n    selector: 'mj-confirm-dialog',\n    templateUrl: './confirm-dialog.component.html',\n    styleUrls: ['./config-dialog.component.css']\n})\nexport class ConfirmDialogComponent {\n    /** Whether the dialog is visible */\n    @Input() Visible = false;\n\n    /** @deprecated Use {@link Visible}. */\n    @Input() set visible(value: ConfirmDialogComponent['Visible']) {\n      this.Visible = value;\n    }\n    /** @deprecated Use {@link Visible}. */\n    get visible(): ConfirmDialogComponent['Visible'] {\n      return this.Visible;\n    }\n\n    /** Dialog type (affects icon and button styling) */\n    @Input() Type: ConfirmDialogType = 'warning';\n\n    /** @deprecated Use {@link Type}. */\n    @Input() set type(value: ConfirmDialogType) {\n      this.Type = value;\n    }\n    /** @deprecated Use {@link Type}. */\n    get type(): ConfirmDialogType {\n      return this.Type;\n    }\n\n    /** Dialog title */\n    @Input() Title = 'Confirm Action';\n\n    /** @deprecated Use {@link Title}. */\n    @Input() set title(value: ConfirmDialogComponent['Title']) {\n      this.Title = value;\n    }\n    /** @deprecated Use {@link Title}. */\n    get title(): ConfirmDialogComponent['Title'] {\n      return this.Title;\n    }\n\n    /** Dialog message */\n    @Input() Message = 'Are you sure you want to proceed?';\n\n    /** @deprecated Use {@link Message}. */\n    @Input() set message(value: ConfirmDialogComponent['Message']) {\n      this.Message = value;\n    }\n    /** @deprecated Use {@link Message}. */\n    get message(): ConfirmDialogComponent['Message'] {\n      return this.Message;\n    }\n\n    /** Confirm button text */\n    @Input() ConfirmText = 'Confirm';\n\n    /** @deprecated Use {@link ConfirmText}. */\n    @Input() set confirmText(value: ConfirmDialogComponent['ConfirmText']) {\n      this.ConfirmText = value;\n    }\n    /** @deprecated Use {@link ConfirmText}. */\n    get confirmText(): ConfirmDialogComponent['ConfirmText'] {\n      return this.ConfirmText;\n    }\n\n    /** Cancel button text */\n    @Input() CancelText = 'Cancel';\n\n    /** @deprecated Use {@link CancelText}. */\n    @Input() set cancelText(value: ConfirmDialogComponent['CancelText']) {\n      this.CancelText = value;\n    }\n    /** @deprecated Use {@link CancelText}. */\n    get cancelText(): ConfirmDialogComponent['CancelText'] {\n      return this.CancelText;\n    }\n\n    /** Custom icon class (optional, uses default based on type if not provided) */\n    @Input() Icon = '';\n\n    /** @deprecated Use {@link Icon}. */\n    @Input() set icon(value: ConfirmDialogComponent['Icon']) {\n      this.Icon = value;\n    }\n    /** @deprecated Use {@link Icon}. */\n    get icon(): ConfirmDialogComponent['Icon'] {\n      return this.Icon;\n    }\n\n    /** Emitted when user confirms */\n    @Output() Confirmed = new EventEmitter<void>();\n\n    /**\n     * @deprecated Use {@link Confirmed}.\n     *\n     * The same emitter under the old binding name, so a template still binding\n     * (confirmed) keeps working. Must stay AFTER Confirmed: class fields\n     * initialise in order, and the other way round this captures undefined.\n     */\n    @Output() confirmed = this.Confirmed;\n\n    /** Emitted when user cancels */\n    @Output() Cancelled = new EventEmitter<void>();\n\n    /**\n     * @deprecated Use {@link Cancelled}.\n     *\n     * The same emitter under the old binding name, so a template still binding\n     * (cancelled) keeps working. Must stay AFTER Cancelled: class fields\n     * initialise in order, and the other way round this captures undefined.\n     */\n    @Output() cancelled = this.Cancelled;\n\n    constructor(private cdr: ChangeDetectorRef) {}\n\n    public GetIcon(): string {\n        if (this.Icon) return this.Icon;\n\n        switch (this.Type) {\n            case 'danger':\n                return 'fa-solid fa-trash';\n            case 'info':\n                return 'fa-solid fa-info-circle';\n            default:\n                return 'fa-solid fa-exclamation-triangle';\n        }\n    }\n\n    /** @deprecated Use {@link GetIcon}. */\n    public getIcon(): string {\n      return this.GetIcon();\n    }\n\n    public Confirm(): void {\n        this.Confirmed.emit();\n    }\n\n    /** @deprecated Use {@link Confirm}. */\n    public confirm(): void {\n      return this.Confirm();\n    }\n\n    public Cancel(): void {\n        this.Cancelled.emit();\n    }\n\n    /** @deprecated Use {@link Cancel}. */\n    public cancel(): void {\n      return this.Cancel();\n    }\n}\n","<!-- Confirm Dialog -->\n@if (visible) {\n  <div class=\"config-dialog-overlay\" (click)=\"cancel()\">\n    <div class=\"config-dialog confirm-dialog\" (click)=\"$event.stopPropagation()\">\n      <!-- Content -->\n      <div class=\"dialog-content\">\n        <div class=\"confirm-icon\" [class.warning]=\"type === 'warning'\" [class.danger]=\"type === 'danger'\">\n          <i [class]=\"getIcon()\"></i>\n        </div>\n        <h3 class=\"confirm-title\">{{ title }}</h3>\n        <p class=\"confirm-message\">{{ message }}</p>\n      </div>\n      <!-- Footer - Action button on left, Cancel on right -->\n      <div class=\"dialog-footer\">\n        <button\n          [class]=\"type === 'danger' ? 'btn-danger' : 'btn-primary'\"\n          (click)=\"confirm()\">\n          {{ confirmText }}\n        </button>\n        <button class=\"btn-secondary\" (click)=\"cancel()\">{{ cancelText }}</button>\n      </div>\n    </div>\n  </div>\n}\n"]}

package/dist/lib/config-panels/artifact-config-panel.component.d.ts

@@ -10,20 +10,64 @@ import * as i0 from "@angular/core";
  * Uses tree dropdown for collection-based artifact selection.
  */
 export declare class ArtifactConfigPanelComponent extends BaseConfigPanel implements OnInit {
-    artifactDropdown: TreeDropdownComponent;
+    ArtifactDropdown: TreeDropdownComponent;
+    /** @deprecated Use {@link ArtifactDropdown}. */
+    get artifactDropdown(): TreeDropdownComponent;
+    /** @deprecated Use {@link ArtifactDropdown}. */
+    set artifactDropdown(value: TreeDropdownComponent);
     title: string;
     artifactId: string;
-    artifactName: string;
-    versionNumber: number | null;
-    showHeader: boolean;
-    showTabs: boolean;
-    showVersionSelector: boolean;
-    showMetadata: boolean;
-    versions: MJArtifactVersionEntity[];
-    isLoadingVersions: boolean;
+    ArtifactName: string;
+    /** @deprecated Use {@link ArtifactName}. */
+    get artifactName(): string;
+    /** @deprecated Use {@link ArtifactName}. */
+    set artifactName(value: string);
+    VersionNumber: number | null;
+    /** @deprecated Use {@link VersionNumber}. */
+    get versionNumber(): number | null;
+    /** @deprecated Use {@link VersionNumber}. */
+    set versionNumber(value: number | null);
+    ShowHeader: boolean;
+    /** @deprecated Use {@link ShowHeader}. */
+    get showHeader(): boolean;
+    /** @deprecated Use {@link ShowHeader}. */
+    set showHeader(value: boolean);
+    ShowTabs: boolean;
+    /** @deprecated Use {@link ShowTabs}. */
+    get showTabs(): boolean;
+    /** @deprecated Use {@link ShowTabs}. */
+    set showTabs(value: boolean);
+    ShowVersionSelector: boolean;
+    /** @deprecated Use {@link ShowVersionSelector}. */
+    get showVersionSelector(): boolean;
+    /** @deprecated Use {@link ShowVersionSelector}. */
+    set showVersionSelector(value: boolean);
+    ShowMetadata: boolean;
+    /** @deprecated Use {@link ShowMetadata}. */
+    get showMetadata(): boolean;
+    /** @deprecated Use {@link ShowMetadata}. */
+    set showMetadata(value: boolean);
+    Versions: MJArtifactVersionEntity[];
+    /** @deprecated Use {@link Versions}. */
+    get versions(): MJArtifactVersionEntity[];
+    /** @deprecated Use {@link Versions}. */
+    set versions(value: MJArtifactVersionEntity[]);
+    IsLoadingVersions: boolean;
+    /** @deprecated Use {@link IsLoadingVersions}. */
+    get isLoadingVersions(): boolean;
+    /** @deprecated Use {@link IsLoadingVersions}. */
+    set isLoadingVersions(value: boolean);
     private previousArtifactName;
-    showOptions: boolean;
-    artifactError: string;
+    ShowOptions: boolean;
+    /** @deprecated Use {@link ShowOptions}. */
+    get showOptions(): boolean;
+    /** @deprecated Use {@link ShowOptions}. */
+    set showOptions(value: boolean);
+    ArtifactError: string;
+    /** @deprecated Use {@link ArtifactError}. */
+    get artifactError(): string;
+    /** @deprecated Use {@link ArtifactError}. */
+    set artifactError(value: string);
     CollectionConfig: TreeBranchConfig;
     ArtifactLeafConfig: TreeLeafConfig;
     constructor(cdr: ChangeDetectorRef);
@@ -40,16 +84,24 @@ export declare class ArtifactConfigPanelComponent extends BaseConfigPanel implem
     };
     getDefaultTitle(): string;
     getTitle(): string;
+    OnTitleChange(): void;
+    /** @deprecated Use {@link OnTitleChange}. */
     onTitleChange(): void;
     /**
      * Handle artifact selection from tree dropdown
      */
+    OnArtifactSelection(node: TreeNode | TreeNode[] | null): Promise<void>;
+    /** @deprecated Use {@link OnArtifactSelection}. */
     onArtifactSelection(node: TreeNode | TreeNode[] | null): Promise<void>;
     /**
      * Load all versions for a given artifact
      */
     private loadVersionsForArtifact;
+    OnVersionChange(): void;
+    /** @deprecated Use {@link OnVersionChange}. */
     onVersionChange(): void;
+    OnOptionChange(): void;
+    /** @deprecated Use {@link OnOptionChange}. */
     onOptionChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArtifactConfigPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArtifactConfigPanelComponent, "mj-artifact-config-panel", never, {}, {}, never, never, false, never>;

package/dist/lib/config-panels/artifact-config-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"artifact-config-panel.component.d.ts","sourceRoot":"","sources":["../../../src/lib/config-panels/artifact-config-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,iBAAiB,EAAa,MAAM,EAAE,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAW,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,QAAQ,EACR,qBAAqB,EACxB,MAAM,0BAA0B,CAAC;;AAElC;;;GAGG;AACH,qBAOa,4BAA6B,SAAQ,eAAgB,YAAW,MAAM;IAEhD,gBAAgB,EAAG,qBAAqB,CAAC;IAGjE,KAAK,SAAM;IACX,UAAU,SAAM;IAChB,YAAY,SAAM;IAClB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IACpC,UAAU,UAAS;IACnB,QAAQ,UAAQ;IAChB,mBAAmB,UAAQ;IAC3B,YAAY,UAAS;IAGrB,QAAQ,EAAE,uBAAuB,EAAE,CAAM;IACzC,iBAAiB,UAAS;IACjC,OAAO,CAAC,oBAAoB,CAAM;IAG3B,WAAW,UAAS;IAGpB,aAAa,SAAM;IAGnB,gBAAgB,EAAG,gBAAgB,CAAC;IACpC,kBAAkB,EAAG,cAAc,CAAC;gBAE/B,GAAG,EAAE,iBAAiB;IAIlC,QAAQ,IAAI,IAAI;IA+ChB;;OAEG;IACH,IAAW,eAAe,IAAI,YAAY,GAAG,IAAI,CAEhD;IAEY,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IA+B/D,WAAW,IAAI,WAAW;IAYjB,QAAQ,IAAI;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IAazD,eAAe,IAAI,MAAM;IAOzB,QAAQ,IAAI,MAAM;IAKlB,aAAa,IAAI,IAAI;IAI5B;;OAEG;IACU,mBAAmB,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,EAAE,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IA8BnF;;OAEG;YACW,uBAAuB;IA6B9B,eAAe,IAAI,IAAI;IAIvB,cAAc,IAAI,IAAI;yCApOpB,4BAA4B;2CAA5B,4BAA4B;CAuOxC"}
+{"version":3,"file":"artifact-config-panel.component.d.ts","sourceRoot":"","sources":["../../../src/lib/config-panels/artifact-config-panel.component.ts"],"names":[],"mappings":"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"}