@geoit/ui 0.0.2 → 0.0.5

package/esm2022/lib/figma/geo-step-form-layout/geo-step-form-layout.component.mjs

@@ -1,5 +1,4 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, input, model, output, ViewEncapsulation, } from '@angular/core';
 import { NzIconModule } from 'ng-zorro-antd/icon';
 import { GeoButtonComponent } from '../geo-button/geo-button.component';
 import { GeoStepperComponent } from '../geo-stepper/geo-stepper.component';
@@ -23,46 +22,36 @@ import * as i1 from "ng-zorro-antd/icon";
  * ```
  */
 export class GeoStepFormLayoutComponent {
-    steps = [];
-    activeIndex = 0;
-    title = '';
-    clickableSteps = true;
+    steps = input([]);
+    activeIndex = model(0);
+    title = input('');
+    clickableSteps = input(true);
     /** Hiện nút ↑/↓ góc phải card (chuyển bước). Mặc định `true`. */
-    showScrollButtons = true;
-    showCancel = true;
-    showPrevious = true;
-    showSave = true;
-    showNext = true;
-    cancelLabel = 'Hủy';
-    previousLabel = 'Trở lại';
-    saveLabel = 'Lưu';
-    nextLabel = 'Tiếp theo';
-    finishLabel = 'Hoàn thành';
-    saveLoading = false;
-    nextLoading = false;
+    showScrollButtons = input(true);
+    showCancel = input(true);
+    showPrevious = input(true);
+    showSave = input(true);
+    showNext = input(true);
+    cancelLabel = input('Hủy');
+    previousLabel = input('Trở lại');
+    saveLabel = input('Lưu');
+    nextLabel = input('Tiếp theo');
+    finishLabel = input('Hoàn thành');
+    saveLoading = input(false);
+    nextLoading = input(false);
     /** Ẩn footer actions (dùng slot `[footer]` hoặc không cần nút). */
-    hideDefaultFooter = false;
-    activeIndexChange = new EventEmitter();
-    stepSelect = new EventEmitter();
-    cancel = new EventEmitter();
-    previous = new EventEmitter();
-    save = new EventEmitter();
-    next = new EventEmitter();
-    get isLastStep() {
-        return this.steps.length > 0 && this.activeIndex >= this.steps.length - 1;
-    }
-    get canGoPreviousStep() {
-        return this.findAdjacentStepIndex(-1) != null;
-    }
-    get canGoNextStep() {
-        return this.findAdjacentStepIndex(1) != null;
-    }
-    get resolvedNextLabel() {
-        return this.isLastStep ? this.finishLabel : this.nextLabel;
-    }
+    hideDefaultFooter = input(false);
+    stepSelect = output();
+    cancel = output();
+    previous = output();
+    save = output();
+    next = output();
+    isLastStep = computed(() => this.steps().length > 0 && this.activeIndex() >= this.steps().length - 1);
+    canGoPreviousStep = computed(() => this.findAdjacentStepIndex(-1) != null);
+    canGoNextStep = computed(() => this.findAdjacentStepIndex(1) != null);
+    resolvedNextLabel = computed(() => this.isLastStep() ? this.finishLabel() : this.nextLabel());
     onActiveIndexChange(index) {
-        this.activeIndex = index;
-        this.activeIndexChange.emit(index);
+        this.activeIndex.set(index);
     }
     onStepSelect(event) {
         this.stepSelect.emit(event);
@@ -84,15 +73,15 @@ export class GeoStepFormLayoutComponent {
         const nextIndex = this.findAdjacentStepIndex(delta);
         if (nextIndex == null)
             return;
-        const step = this.steps[nextIndex];
-        this.activeIndex = nextIndex;
-        this.activeIndexChange.emit(nextIndex);
+        const step = this.steps()[nextIndex];
+        this.activeIndex.set(nextIndex);
         this.stepSelect.emit({ index: nextIndex, step });
     }
     findAdjacentStepIndex(delta) {
-        let index = this.activeIndex + delta;
-        while (index >= 0 && index < this.steps.length) {
-            if (!this.steps[index]?.disabled) {
+        const steps = this.steps();
+        let index = this.activeIndex() + delta;
+        while (index >= 0 && index < steps.length) {
+            if (!steps[index]?.disabled) {
                 return index;
             }
             index += delta;
@@ -100,58 +89,12 @@ export class GeoStepFormLayoutComponent {
         return null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoStepFormLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoStepFormLayoutComponent, isStandalone: true, selector: "geo-step-form-layout", inputs: { steps: "steps", activeIndex: "activeIndex", title: "title", clickableSteps: "clickableSteps", showScrollButtons: "showScrollButtons", showCancel: "showCancel", showPrevious: "showPrevious", showSave: "showSave", showNext: "showNext", cancelLabel: "cancelLabel", previousLabel: "previousLabel", saveLabel: "saveLabel", nextLabel: "nextLabel", finishLabel: "finishLabel", saveLoading: "saveLoading", nextLoading: "nextLoading", hideDefaultFooter: "hideDefaultFooter" }, outputs: { activeIndexChange: "activeIndexChange", stepSelect: "stepSelect", cancel: "cancel", previous: "previous", save: "save", next: "next" }, host: { classAttribute: "geo-step-form-layout-host" }, ngImport: i0, template: "<div class=\"geo-step-form-layout\">\n  <aside class=\"geo-step-form-layout__aside\">\n    <div class=\"geo-step-form-layout__step-card\">\n      <geo-stepper\n        [steps]=\"steps\"\n        [activeIndex]=\"activeIndex\"\n        [clickable]=\"clickableSteps\"\n        orientation=\"vertical\"\n        (activeIndexChange)=\"onActiveIndexChange($event)\"\n        (stepSelect)=\"onStepSelect($event)\"\n      ></geo-stepper>\n\n      <ng-content select=\"[sidebarExtra]\"></ng-content>\n    </div>\n  </aside>\n\n  <div\n    class=\"geo-step-form-layout__main-wrap\"\n    [class.geo-step-form-layout__main-wrap--with-fab]=\"showScrollButtons\"\n  >\n    @if (showScrollButtons) {\n      <div class=\"geo-step-form-layout__scroll-fab\">\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc tr\u01B0\u1EDBc\"\n          [disabled]=\"!canGoPreviousStep\"\n          (click)=\"goAdjacentStep('up')\"\n        >\n          <span nz-icon nzType=\"arrow-up\" nzTheme=\"outline\"></span>\n        </button>\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc sau\"\n          [disabled]=\"!canGoNextStep\"\n          (click)=\"goAdjacentStep('down')\"\n        >\n          <span nz-icon nzType=\"arrow-down\" nzTheme=\"outline\"></span>\n        </button>\n      </div>\n    }\n\n    <section class=\"geo-step-form-layout__card\">\n      @if (title) {\n        <h1 class=\"geo-step-form-layout__title\">{{ title }}</h1>\n      }\n\n      <div class=\"geo-step-form-layout__body\">\n        <ng-content></ng-content>\n      </div>\n\n      @if (!hideDefaultFooter) {\n        <footer class=\"geo-step-form-layout__footer\">\n          <ng-content select=\"[footer]\"></ng-content>\n\n          <div class=\"geo-step-form-layout__footer-default\">\n            <div class=\"geo-step-form-layout__footer-start\">\n              @if (showCancel) {\n                <geo-button appearance=\"secondary\" color=\"brand\" (clicked)=\"onCancel()\">\n                  {{ cancelLabel }}\n                </geo-button>\n              }\n            </div>\n\n            <div class=\"geo-step-form-layout__footer-end\">\n              @if (showPrevious && activeIndex > 0) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"left\"\n                  (clicked)=\"onPrevious()\"\n                >\n                  {{ previousLabel }}\n                </geo-button>\n              }\n              @if (showSave) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"save\"\n                  [disabled]=\"saveLoading\"\n                  (clicked)=\"onSave()\"\n                >\n                  {{ saveLabel }}\n                </geo-button>\n              }\n              @if (showNext) {\n                <geo-button\n                  appearance=\"primary\"\n                  color=\"brand\"\n                  [icon]=\"isLastStep ? 'check' : 'right'\"\n                  [disabled]=\"nextLoading\"\n                  (clicked)=\"onNext()\"\n                >\n                  {{ resolvedNextLabel }}\n                </geo-button>\n              }\n            </div>\n          </div>\n        </footer>\n      } @else {\n        <ng-content select=\"[footer]\"></ng-content>\n      }\n    </section>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host,.geo-step-form-layout-host{display:block;width:100%;min-height:100%;box-sizing:border-box}.geo-step-form-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start;width:100%;min-height:100%;height:100%;padding:16px 24px;box-sizing:border-box;overflow:visible}.geo-step-form-layout__aside{display:flex;flex-direction:column;min-width:0;align-self:start}.geo-step-form-layout__step-card{display:flex;flex-direction:column;gap:16px;width:100%;padding:20px 16px;background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__main-wrap{position:relative;width:100%;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-self:stretch;overflow:visible;box-sizing:border-box}.geo-step-form-layout__main-wrap--with-fab{padding-right:48px}.geo-step-form-layout__scroll-fab{position:absolute;top:0;right:0;z-index:2;display:flex;flex-direction:column;gap:10px}.geo-step-form-layout__fab{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--geo-color-primary-default);border-radius:50%;background:var(--geo-color-neutral-white);color:var(--geo-color-primary-default);cursor:pointer;box-shadow:none;transition:background-color .15s ease,opacity .15s ease}.geo-step-form-layout__fab .anticon{font-size:14px}.geo-step-form-layout__fab:hover:not(:disabled){background:var(--geo-color-primary-surface-light)}.geo-step-form-layout__fab:focus-visible{outline:2px solid var(--geo-color-primary-default);outline-offset:2px}.geo-step-form-layout__fab:disabled{opacity:.35;cursor:not-allowed}.geo-step-form-layout__card{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;flex:1 1 auto;height:calc(100vh - 48px);max-height:calc(100vh - 48px);background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);overflow:hidden;box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__title{flex-shrink:0;margin:0;padding:24px 24px 8px;font-size:20px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-layout__body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 24px 8px;overscroll-behavior:contain}.geo-step-form-layout__footer{flex-shrink:0;border-top:1px solid var(--geo-color-neutral-100);padding:16px 24px 20px;background:var(--geo-color-neutral-white)}.geo-step-form-layout__footer-default{display:flex;align-items:center;justify-content:space-between;gap:12px}.geo-step-form-layout__footer-start,.geo-step-form-layout__footer-end{display:flex;align-items:center;gap:12px}.geo-step-form-section{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.geo-step-form-section:last-child{margin-bottom:8px}.geo-step-form-section__title{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.geo-step-form-grid--cols-1{grid-template-columns:minmax(0,1fr)}.geo-step-form-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-step-form-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.geo-step-form-grid__full{grid-column:1/-1}@media (max-width: 1100px){.geo-step-form-layout{grid-template-columns:220px minmax(0,1fr)}.geo-step-form-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.geo-step-form-layout{grid-template-columns:1fr;padding:12px 16px 20px}.geo-step-form-layout__main-wrap{margin-right:0;padding-right:0}.geo-step-form-layout__scroll-fab{display:none}.geo-step-form-layout__card{height:auto;max-height:none}.geo-step-form-grid,.geo-step-form-grid--cols-3,.geo-step-form-grid--cols-4{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: GeoButtonComponent, selector: "geo-button", inputs: ["appearance", "color", "icon", "iconTheme", "iconPlacement", "iconOnly", "type", "disabled", "tooltip", "tooltipPlacement", "active", "title"], outputs: ["clicked"] }, { kind: "component", type: GeoStepperComponent, selector: "geo-stepper", inputs: ["steps", "activeIndex", "orientation", "clickable"], outputs: ["activeIndexChange", "stepSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoStepFormLayoutComponent, isStandalone: true, selector: "geo-step-form-layout", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, clickableSteps: { classPropertyName: "clickableSteps", publicName: "clickableSteps", isSignal: true, isRequired: false, transformFunction: null }, showScrollButtons: { classPropertyName: "showScrollButtons", publicName: "showScrollButtons", isSignal: true, isRequired: false, transformFunction: null }, showCancel: { classPropertyName: "showCancel", publicName: "showCancel", isSignal: true, isRequired: false, transformFunction: null }, showPrevious: { classPropertyName: "showPrevious", publicName: "showPrevious", isSignal: true, isRequired: false, transformFunction: null }, showSave: { classPropertyName: "showSave", publicName: "showSave", isSignal: true, isRequired: false, transformFunction: null }, showNext: { classPropertyName: "showNext", publicName: "showNext", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, previousLabel: { classPropertyName: "previousLabel", publicName: "previousLabel", isSignal: true, isRequired: false, transformFunction: null }, saveLabel: { classPropertyName: "saveLabel", publicName: "saveLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null }, finishLabel: { classPropertyName: "finishLabel", publicName: "finishLabel", isSignal: true, isRequired: false, transformFunction: null }, saveLoading: { classPropertyName: "saveLoading", publicName: "saveLoading", isSignal: true, isRequired: false, transformFunction: null }, nextLoading: { classPropertyName: "nextLoading", publicName: "nextLoading", isSignal: true, isRequired: false, transformFunction: null }, hideDefaultFooter: { classPropertyName: "hideDefaultFooter", publicName: "hideDefaultFooter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange", stepSelect: "stepSelect", cancel: "cancel", previous: "previous", save: "save", next: "next" }, host: { classAttribute: "geo-step-form-layout-host" }, ngImport: i0, template: "<div class=\"geo-step-form-layout\">\n  <aside class=\"geo-step-form-layout__aside\">\n    <div class=\"geo-step-form-layout__step-card\">\n      <geo-stepper\n        [steps]=\"steps()\"\n        [activeIndex]=\"activeIndex()\"\n        [clickable]=\"clickableSteps()\"\n        orientation=\"vertical\"\n        (activeIndexChange)=\"onActiveIndexChange($event)\"\n        (stepSelect)=\"onStepSelect($event)\"\n      ></geo-stepper>\n\n      <ng-content select=\"[sidebarExtra]\"></ng-content>\n    </div>\n  </aside>\n\n  <div\n    class=\"geo-step-form-layout__main-wrap\"\n    [class.geo-step-form-layout__main-wrap--with-fab]=\"showScrollButtons()\"\n  >\n    @if (showScrollButtons()) {\n      <div class=\"geo-step-form-layout__scroll-fab\">\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc tr\u01B0\u1EDBc\"\n          [disabled]=\"!canGoPreviousStep()\"\n          (click)=\"goAdjacentStep('up')\"\n        >\n          <span nz-icon nzType=\"arrow-up\" nzTheme=\"outline\"></span>\n        </button>\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc sau\"\n          [disabled]=\"!canGoNextStep()\"\n          (click)=\"goAdjacentStep('down')\"\n        >\n          <span nz-icon nzType=\"arrow-down\" nzTheme=\"outline\"></span>\n        </button>\n      </div>\n    }\n\n    <section class=\"geo-step-form-layout__card\">\n      @if (title()) {\n        <h1 class=\"geo-step-form-layout__title\">{{ title() }}</h1>\n      }\n\n      <div class=\"geo-step-form-layout__body\">\n        <ng-content></ng-content>\n      </div>\n\n      @if (!hideDefaultFooter()) {\n        <footer class=\"geo-step-form-layout__footer\">\n          <ng-content select=\"[footer]\"></ng-content>\n\n          <div class=\"geo-step-form-layout__footer-default\">\n            <div class=\"geo-step-form-layout__footer-start\">\n              @if (showCancel()) {\n                <geo-button appearance=\"secondary\" color=\"brand\" (clicked)=\"onCancel()\">\n                  {{ cancelLabel() }}\n                </geo-button>\n              }\n            </div>\n\n            <div class=\"geo-step-form-layout__footer-end\">\n              @if (showPrevious() && activeIndex() > 0) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"left\"\n                  (clicked)=\"onPrevious()\"\n                >\n                  {{ previousLabel() }}\n                </geo-button>\n              }\n              @if (showSave()) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"save\"\n                  [disabled]=\"saveLoading()\"\n                  (clicked)=\"onSave()\"\n                >\n                  {{ saveLabel() }}\n                </geo-button>\n              }\n              @if (showNext()) {\n                <geo-button\n                  appearance=\"primary\"\n                  color=\"brand\"\n                  [icon]=\"isLastStep() ? 'check' : 'right'\"\n                  [disabled]=\"nextLoading()\"\n                  (clicked)=\"onNext()\"\n                >\n                  {{ resolvedNextLabel() }}\n                </geo-button>\n              }\n            </div>\n          </div>\n        </footer>\n      } @else {\n        <ng-content select=\"[footer]\"></ng-content>\n      }\n    </section>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host,.geo-step-form-layout-host{display:block;width:100%;min-height:100%;box-sizing:border-box}.geo-step-form-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start;width:100%;min-height:100%;height:100%;padding:16px 24px;box-sizing:border-box;overflow:visible}.geo-step-form-layout__aside{display:flex;flex-direction:column;min-width:0;align-self:start}.geo-step-form-layout__step-card{display:flex;flex-direction:column;gap:16px;width:100%;padding:20px 16px;background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__main-wrap{position:relative;width:100%;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-self:stretch;overflow:visible;box-sizing:border-box}.geo-step-form-layout__main-wrap--with-fab{padding-right:48px}.geo-step-form-layout__scroll-fab{position:absolute;top:0;right:0;z-index:2;display:flex;flex-direction:column;gap:10px}.geo-step-form-layout__fab{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--geo-color-primary-default);border-radius:50%;background:var(--geo-color-neutral-white);color:var(--geo-color-primary-default);cursor:pointer;box-shadow:none;transition:background-color .15s ease,opacity .15s ease}.geo-step-form-layout__fab .anticon{font-size:14px}.geo-step-form-layout__fab:hover:not(:disabled){background:var(--geo-color-primary-surface-light)}.geo-step-form-layout__fab:focus-visible{outline:2px solid var(--geo-color-primary-default);outline-offset:2px}.geo-step-form-layout__fab:disabled{opacity:.35;cursor:not-allowed}.geo-step-form-layout__card{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;flex:1 1 auto;height:calc(100vh - 48px);max-height:calc(100vh - 48px);background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);overflow:hidden;box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__title{flex-shrink:0;margin:0;padding:24px 24px 8px;font-size:20px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-layout__body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 24px 8px;overscroll-behavior:contain}.geo-step-form-layout__footer{flex-shrink:0;border-top:1px solid var(--geo-color-neutral-100);padding:16px 24px 20px;background:var(--geo-color-neutral-white)}.geo-step-form-layout__footer-default{display:flex;align-items:center;justify-content:space-between;gap:12px}.geo-step-form-layout__footer-start,.geo-step-form-layout__footer-end{display:flex;align-items:center;gap:12px}.geo-step-form-section{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.geo-step-form-section:last-child{margin-bottom:8px}.geo-step-form-section__title{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.geo-step-form-grid--cols-1{grid-template-columns:minmax(0,1fr)}.geo-step-form-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-step-form-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.geo-step-form-grid__full{grid-column:1/-1}@media (max-width: 1100px){.geo-step-form-layout{grid-template-columns:220px minmax(0,1fr)}.geo-step-form-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.geo-step-form-layout{grid-template-columns:1fr;padding:12px 16px 20px}.geo-step-form-layout__main-wrap{margin-right:0;padding-right:0}.geo-step-form-layout__scroll-fab{display:none}.geo-step-form-layout__card{height:auto;max-height:none}.geo-step-form-grid,.geo-step-form-grid--cols-3,.geo-step-form-grid--cols-4{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: GeoButtonComponent, selector: "geo-button", inputs: ["appearance", "color", "icon", "iconTheme", "iconPlacement", "iconOnly", "type", "disabled", "tooltip", "tooltipPlacement", "active", "title"], outputs: ["clicked"] }, { kind: "component", type: GeoStepperComponent, selector: "geo-stepper", inputs: ["steps", "activeIndex", "orientation", "clickable"], outputs: ["activeIndexChange", "stepSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoStepFormLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'geo-step-form-layout', standalone: true, imports: [CommonModule, NzIconModule, GeoButtonComponent, GeoStepperComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'geo-step-form-layout', standalone: true, imports: [NzIconModule, GeoButtonComponent, GeoStepperComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'geo-step-form-layout-host',
-                    }, template: "<div class=\"geo-step-form-layout\">\n  <aside class=\"geo-step-form-layout__aside\">\n    <div class=\"geo-step-form-layout__step-card\">\n      <geo-stepper\n        [steps]=\"steps\"\n        [activeIndex]=\"activeIndex\"\n        [clickable]=\"clickableSteps\"\n        orientation=\"vertical\"\n        (activeIndexChange)=\"onActiveIndexChange($event)\"\n        (stepSelect)=\"onStepSelect($event)\"\n      ></geo-stepper>\n\n      <ng-content select=\"[sidebarExtra]\"></ng-content>\n    </div>\n  </aside>\n\n  <div\n    class=\"geo-step-form-layout__main-wrap\"\n    [class.geo-step-form-layout__main-wrap--with-fab]=\"showScrollButtons\"\n  >\n    @if (showScrollButtons) {\n      <div class=\"geo-step-form-layout__scroll-fab\">\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc tr\u01B0\u1EDBc\"\n          [disabled]=\"!canGoPreviousStep\"\n          (click)=\"goAdjacentStep('up')\"\n        >\n          <span nz-icon nzType=\"arrow-up\" nzTheme=\"outline\"></span>\n        </button>\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc sau\"\n          [disabled]=\"!canGoNextStep\"\n          (click)=\"goAdjacentStep('down')\"\n        >\n          <span nz-icon nzType=\"arrow-down\" nzTheme=\"outline\"></span>\n        </button>\n      </div>\n    }\n\n    <section class=\"geo-step-form-layout__card\">\n      @if (title) {\n        <h1 class=\"geo-step-form-layout__title\">{{ title }}</h1>\n      }\n\n      <div class=\"geo-step-form-layout__body\">\n        <ng-content></ng-content>\n      </div>\n\n      @if (!hideDefaultFooter) {\n        <footer class=\"geo-step-form-layout__footer\">\n          <ng-content select=\"[footer]\"></ng-content>\n\n          <div class=\"geo-step-form-layout__footer-default\">\n            <div class=\"geo-step-form-layout__footer-start\">\n              @if (showCancel) {\n                <geo-button appearance=\"secondary\" color=\"brand\" (clicked)=\"onCancel()\">\n                  {{ cancelLabel }}\n                </geo-button>\n              }\n            </div>\n\n            <div class=\"geo-step-form-layout__footer-end\">\n              @if (showPrevious && activeIndex > 0) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"left\"\n                  (clicked)=\"onPrevious()\"\n                >\n                  {{ previousLabel }}\n                </geo-button>\n              }\n              @if (showSave) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"save\"\n                  [disabled]=\"saveLoading\"\n                  (clicked)=\"onSave()\"\n                >\n                  {{ saveLabel }}\n                </geo-button>\n              }\n              @if (showNext) {\n                <geo-button\n                  appearance=\"primary\"\n                  color=\"brand\"\n                  [icon]=\"isLastStep ? 'check' : 'right'\"\n                  [disabled]=\"nextLoading\"\n                  (clicked)=\"onNext()\"\n                >\n                  {{ resolvedNextLabel }}\n                </geo-button>\n              }\n            </div>\n          </div>\n        </footer>\n      } @else {\n        <ng-content select=\"[footer]\"></ng-content>\n      }\n    </section>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host,.geo-step-form-layout-host{display:block;width:100%;min-height:100%;box-sizing:border-box}.geo-step-form-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start;width:100%;min-height:100%;height:100%;padding:16px 24px;box-sizing:border-box;overflow:visible}.geo-step-form-layout__aside{display:flex;flex-direction:column;min-width:0;align-self:start}.geo-step-form-layout__step-card{display:flex;flex-direction:column;gap:16px;width:100%;padding:20px 16px;background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__main-wrap{position:relative;width:100%;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-self:stretch;overflow:visible;box-sizing:border-box}.geo-step-form-layout__main-wrap--with-fab{padding-right:48px}.geo-step-form-layout__scroll-fab{position:absolute;top:0;right:0;z-index:2;display:flex;flex-direction:column;gap:10px}.geo-step-form-layout__fab{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--geo-color-primary-default);border-radius:50%;background:var(--geo-color-neutral-white);color:var(--geo-color-primary-default);cursor:pointer;box-shadow:none;transition:background-color .15s ease,opacity .15s ease}.geo-step-form-layout__fab .anticon{font-size:14px}.geo-step-form-layout__fab:hover:not(:disabled){background:var(--geo-color-primary-surface-light)}.geo-step-form-layout__fab:focus-visible{outline:2px solid var(--geo-color-primary-default);outline-offset:2px}.geo-step-form-layout__fab:disabled{opacity:.35;cursor:not-allowed}.geo-step-form-layout__card{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;flex:1 1 auto;height:calc(100vh - 48px);max-height:calc(100vh - 48px);background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);overflow:hidden;box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__title{flex-shrink:0;margin:0;padding:24px 24px 8px;font-size:20px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-layout__body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 24px 8px;overscroll-behavior:contain}.geo-step-form-layout__footer{flex-shrink:0;border-top:1px solid var(--geo-color-neutral-100);padding:16px 24px 20px;background:var(--geo-color-neutral-white)}.geo-step-form-layout__footer-default{display:flex;align-items:center;justify-content:space-between;gap:12px}.geo-step-form-layout__footer-start,.geo-step-form-layout__footer-end{display:flex;align-items:center;gap:12px}.geo-step-form-section{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.geo-step-form-section:last-child{margin-bottom:8px}.geo-step-form-section__title{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.geo-step-form-grid--cols-1{grid-template-columns:minmax(0,1fr)}.geo-step-form-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-step-form-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.geo-step-form-grid__full{grid-column:1/-1}@media (max-width: 1100px){.geo-step-form-layout{grid-template-columns:220px minmax(0,1fr)}.geo-step-form-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.geo-step-form-layout{grid-template-columns:1fr;padding:12px 16px 20px}.geo-step-form-layout__main-wrap{margin-right:0;padding-right:0}.geo-step-form-layout__scroll-fab{display:none}.geo-step-form-layout__card{height:auto;max-height:none}.geo-step-form-grid,.geo-step-form-grid--cols-3,.geo-step-form-grid--cols-4{grid-template-columns:minmax(0,1fr)}}\n"] }]
-        }], propDecorators: { steps: [{
-                type: Input
-            }], activeIndex: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], clickableSteps: [{
-                type: Input
-            }], showScrollButtons: [{
-                type: Input
-            }], showCancel: [{
-                type: Input
-            }], showPrevious: [{
-                type: Input
-            }], showSave: [{
-                type: Input
-            }], showNext: [{
-                type: Input
-            }], cancelLabel: [{
-                type: Input
-            }], previousLabel: [{
-                type: Input
-            }], saveLabel: [{
-                type: Input
-            }], nextLabel: [{
-                type: Input
-            }], finishLabel: [{
-                type: Input
-            }], saveLoading: [{
-                type: Input
-            }], nextLoading: [{
-                type: Input
-            }], hideDefaultFooter: [{
-                type: Input
-            }], activeIndexChange: [{
-                type: Output
-            }], stepSelect: [{
-                type: Output
-            }], cancel: [{
-                type: Output
-            }], previous: [{
-                type: Output
-            }], save: [{
-                type: Output
-            }], next: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXN0ZXAtZm9ybS1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXN0ZXAtZm9ybS1sYXlvdXQvZ2VvLXN0ZXAtZm9ybS1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXN0ZXAtZm9ybS1sYXlvdXQvZ2VvLXN0ZXAtZm9ybS1sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDeEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7OztBQUczRTs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQWFILE1BQU0sT0FBTywwQkFBMEI7SUFDNUIsS0FBSyxHQUFxQixFQUFFLENBQUM7SUFDN0IsV0FBVyxHQUFHLENBQUMsQ0FBQztJQUNoQixLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ1gsY0FBYyxHQUFHLElBQUksQ0FBQztJQUMvQixpRUFBaUU7SUFDeEQsaUJBQWlCLEdBQUcsSUFBSSxDQUFDO0lBRXpCLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFDbEIsWUFBWSxHQUFHLElBQUksQ0FBQztJQUNwQixRQUFRLEdBQUcsSUFBSSxDQUFDO0lBQ2hCLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDaEIsV0FB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QVc7c0JBQW5CLEtBQUs7Z0JBRUcsaUJBQWlCO3NCQUF6QixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxJQUFJO3NCQUFiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOekljb25Nb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHsgR2VvQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vZ2VvLWJ1dHRvbi9nZW8tYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHZW9TdGVwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vZ2VvLXN0ZXBwZXIvZ2VvLXN0ZXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEdlb1N0ZXBwZXJTdGVwIH0gZnJvbSAnLi4vZ2VvLXN0ZXBwZXIvZ2VvLXN0ZXBwZXIudHlwZXMnO1xuXG4vKipcbiAqIExheW91dCBmb3JtIHBhZ2UgbXVsdGktc3RlcDogY+G7mXQgdHLDoWkgc3RlcHBlciArIGPhu5l0IHBo4bqjaSBmb3JtIGNhcmQuXG4gKlxuICogYGBgaHRtbFxuICogPGdlby1zdGVwLWZvcm0tbGF5b3V0XG4gKiAgIHRpdGxlPVwiVGjDqm0gbeG7m2kgLi4uXCJcbiAqICAgW3N0ZXBzXT1cInN0ZXBzXCJcbiAqICAgW2FjdGl2ZUluZGV4XT1cImFjdGl2ZUluZGV4XCJcbiAqICAgW3Nob3dTY3JvbGxCdXR0b25zXT1cInRydWVcIlxuICogICAoY2FuY2VsKT1cIm9uQ2FuY2VsKClcIlxuICogICAoc2F2ZSk9XCJvblNhdmUoKVwiXG4gKiAgIChuZXh0KT1cIm9uTmV4dCgpXCJcbiAqID5cbiAqICAgPGZvcm0+Li4uPC9mb3JtPlxuICogPC9nZW8tc3RlcC1mb3JtLWxheW91dD5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnZW8tc3RlcC1mb3JtLWxheW91dCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE56SWNvbk1vZHVsZSwgR2VvQnV0dG9uQ29tcG9uZW50LCBHZW9TdGVwcGVyQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL2dlby1zdGVwLWZvcm0tbGF5b3V0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2dlby1zdGVwLWZvcm0tbGF5b3V0LmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2dlby1zdGVwLWZvcm0tbGF5b3V0LWhvc3QnLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBHZW9TdGVwRm9ybUxheW91dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHN0ZXBzOiBHZW9TdGVwcGVyU3RlcFtdID0gW107XG4gIEBJbnB1dCgpIGFjdGl2ZUluZGV4ID0gMDtcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgY2xpY2thYmxlU3RlcHMgPSB0cnVlO1xuICAvKiogSGnhu4duIG7DunQg4oaRL+KGkyBnw7NjIHBo4bqjaSBjYXJkIChjaHV54buDbiBixrDhu5tjKS4gTeG6t2MgxJHhu4tuaCBgdHJ1ZWAuICovXG4gIEBJbnB1dCgpIHNob3dTY3JvbGxCdXR0b25zID0gdHJ1ZTtcblxuICBASW5wdXQoKSBzaG93Q2FuY2VsID0gdHJ1ZTtcbiAgQElucHV0KCkgc2hvd1ByZXZpb3VzID0gdHJ1ZTtcbiAgQElucHV0KCkgc2hvd1NhdmUgPSB0cnVlO1xuICBASW5wdXQoKSBzaG93TmV4dCA9IHRydWU7XG4gIEBJbnB1dCgpIGNhbmNlbExhYmVsID0gJ0jhu6d5JztcbiAgQElucHV0KCkgcHJldmlvdXNMYWJlbCA9ICdUcuG7nyBs4bqhaSc7XG4gIEBJbnB1dCgpIHNhdmVMYWJlbCA9ICdMxrB1JztcbiAgQElucHV0KCkgbmV4dExhYmVsID0gJ1Rp4bq/cCB0aGVvJztcbiAgQElucHV0KCkgZmluaXNoTGFiZWwgPSAnSG/DoG4gdGjDoG5oJztcbiAgQElucHV0KCkgc2F2ZUxvYWRpbmcgPSBmYWxzZTtcbiAgQElucHV0KCkgbmV4dExvYWRpbmcgPSBmYWxzZTtcbiAgLyoqIOG6qG4gZm9vdGVyIGFjdGlvbnMgKGTDuW5nIHNsb3QgYFtmb290ZXJdYCBob+G6t2Mga2jDtG5nIGPhuqduIG7DunQpLiAqL1xuICBASW5wdXQoKSBoaWRlRGVmYXVsdEZvb3RlciA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBhY3RpdmVJbmRleENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuICBAT3V0cHV0KCkgc3RlcFNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8eyBpbmRleDogbnVtYmVyOyBzdGVwOiBHZW9TdGVwcGVyU3RlcCB9PigpO1xuICBAT3V0cHV0KCkgY2FuY2VsID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgcHJldmlvdXMgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBzYXZlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgbmV4dCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBnZXQgaXNMYXN0U3RlcCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zdGVwcy5sZW5ndGggPiAwICYmIHRoaXMuYWN0aXZlSW5kZXggPj0gdGhpcy5zdGVwcy5sZW5ndGggLSAxO1xuICB9XG5cbiAgZ2V0IGNhbkdvUHJldmlvdXNTdGVwKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmZpbmRBZGphY2VudFN0ZXBJbmRleCgtMSkgIT0gbnVsbDtcbiAgfVxuXG4gIGdldCBjYW5Hb05leHRTdGVwKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmZpbmRBZGphY2VudFN0ZXBJbmRleCgxKSAhPSBudWxsO1xuICB9XG5cbiAgZ2V0IHJlc29sdmVkTmV4dExhYmVsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaXNMYXN0U3RlcCA/IHRoaXMuZmluaXNoTGFiZWwgOiB0aGlzLm5leHRMYWJlbDtcbiAgfVxuXG4gIG9uQWN0aXZlSW5kZXhDaGFuZ2UoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlSW5kZXggPSBpbmRleDtcbiAgICB0aGlzLmFjdGl2ZUluZGV4Q2hhbmdlLmVtaXQoaW5kZXgpO1xuICB9XG5cbiAgb25TdGVwU2VsZWN0KGV2ZW50OiB7IGluZGV4OiBudW1iZXI7IHN0ZXA6IEdlb1N0ZXBwZXJTdGVwIH0pOiB2b2lkIHtcbiAgICB0aGlzLnN0ZXBTZWxlY3QuZW1pdChldmVudCk7XG4gIH1cblxuICBvbkNhbmNlbCgpOiB2b2lkIHtcbiAgICB0aGlzLmNhbmNlbC5lbWl0KCk7XG4gIH1cblxuICBvblByZXZpb3VzKCk6IHZvaWQge1xuICAgIHRoaXMucHJldmlvdXMuZW1pdCgpO1xuICB9XG5cbiAgb25TYXZlKCk6IHZvaWQge1xuICAgIHRoaXMuc2F2ZS5lbWl0KCk7XG4gIH1cblxuICBvbk5leHQoKTogdm9pZCB7XG4gICAgdGhpcy5uZXh0LmVtaXQoKTtcbiAgfVxuXG4gIGdvQWRqYWNlbnRTdGVwKGRpcmVjdGlvbjogJ3VwJyB8ICdkb3duJyk6IHZvaWQge1xuICAgIGNvbnN0IGRlbHRhID0gZGlyZWN0aW9uID09PSAndXAnID8gLTEgOiAxO1xuICAgIGNvbnN0IG5leHRJbmRleCA9IHRoaXMuZmluZEFkamFjZW50U3RlcEluZGV4KGRlbHRhKTtcbiAgICBpZiAobmV4dEluZGV4ID09IG51bGwpIHJldHVybjtcblxuICAgIGNvbnN0IHN0ZXAgPSB0aGlzLnN0ZXBzW25leHRJbmRleF07XG4gICAgdGhpcy5hY3RpdmVJbmRleCA9IG5leHRJbmRleDtcbiAgICB0aGlzLmFjdGl2ZUluZGV4Q2hhbmdlLmVtaXQobmV4dEluZGV4KTtcbiAgICB0aGlzLnN0ZXBTZWxlY3QuZW1pdCh7IGluZGV4OiBuZXh0SW5kZXgsIHN0ZXAgfSk7XG4gIH1cblxuICBwcml2YXRlIGZpbmRBZGphY2VudFN0ZXBJbmRleChkZWx0YTogLTEgfCAxKTogbnVtYmVyIHwgbnVsbCB7XG4gICAgbGV0IGluZGV4ID0gdGhpcy5hY3RpdmVJbmRleCArIGRlbHRhO1xuICAgIHdoaWxlIChpbmRleCA+PSAwICYmIGluZGV4IDwgdGhpcy5zdGVwcy5sZW5ndGgpIHtcbiAgICAgIGlmICghdGhpcy5zdGVwc1tpbmRleF0/LmRpc2FibGVkKSB7XG4gICAgICAgIHJldHVybiBpbmRleDtcbiAgICAgIH1cbiAgICAgIGluZGV4ICs9IGRlbHRhO1xuICAgIH1cbiAgICByZXR1cm4gbnVsbDtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImdlby1zdGVwLWZvcm0tbGF5b3V0XCI+XG4gIDxhc2lkZSBjbGFzcz1cImdlby1zdGVwLWZvcm0tbGF5b3V0X19hc2lkZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fc3RlcC1jYXJkXCI+XG4gICAgICA8Z2VvLXN0ZXBwZXJcbiAgICAgICAgW3N0ZXBzXT1cInN0ZXBzXCJcbiAgICAgICAgW2FjdGl2ZUluZGV4XT1cImFjdGl2ZUluZGV4XCJcbiAgICAgICAgW2NsaWNrYWJsZV09XCJjbGlja2FibGVTdGVwc1wiXG4gICAgICAgIG9yaWVudGF0aW9uPVwidmVydGljYWxcIlxuICAgICAgICAoYWN0aXZlSW5kZXhDaGFuZ2UpPVwib25BY3RpdmVJbmRleENoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgKHN0ZXBTZWxlY3QpPVwib25TdGVwU2VsZWN0KCRldmVudClcIlxuICAgICAgPjwvZ2VvLXN0ZXBwZXI+XG5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzaWRlYmFyRXh0cmFdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2FzaWRlPlxuXG4gIDxkaXZcbiAgICBjbGFzcz1cImdlby1zdGVwLWZvcm0tbGF5b3V0X19tYWluLXdyYXBcIlxuICAgIFtjbGFzcy5nZW8tc3RlcC1mb3JtLWxheW91dF9fbWFpbi13cmFwLS13aXRoLWZhYl09XCJzaG93U2Nyb2xsQnV0dG9uc1wiXG4gID5cbiAgICBAaWYgKHNob3dTY3JvbGxCdXR0b25zKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwiZ2VvLXN0ZXAtZm9ybS1sYXlvdXRfX3Njcm9sbC1mYWJcIj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGNsYXNzPVwiZ2VvLXN0ZXAtZm9ybS1sYXlvdXRfX2ZhYlwiXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkLGsOG7m2MgdHLGsOG7m2NcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCIhY2FuR29QcmV2aW91c1N0ZXBcIlxuICAgICAgICAgIChjbGljayk9XCJnb0FkamFjZW50U3RlcCgndXAnKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8c3BhbiBuei1pY29uIG56VHlwZT1cImFycm93LXVwXCIgbnpUaGVtZT1cIm91dGxpbmVcIj48L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fZmFiXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPVwiQsaw4bubYyBzYXVcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCIhY2FuR29OZXh0U3RlcFwiXG4gICAgICAgICAgKGNsaWNrKT1cImdvQWRqYWNlbnRTdGVwKCdkb3duJylcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gbnotaWNvbiBuelR5cGU9XCJhcnJvdy1kb3duXCIgbnpUaGVtZT1cIm91dGxpbmVcIj48L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgfVxuXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fY2FyZFwiPlxuICAgICAgQGlmICh0aXRsZSkge1xuICAgICAgICA8aDEgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fdGl0bGVcIj57eyB0aXRsZSB9fTwvaDE+XG4gICAgICB9XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fYm9keVwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cblxuICAgICAgQGlmICghaGlkZURlZmF1bHRGb290ZXIpIHtcbiAgICAgICAgPGZvb3RlciBjbGFzcz1cImdlby1zdGVwLWZvcm0tbGF5b3V0X19mb290ZXJcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZm9vdGVyXVwiPjwvbmctY29udGVudD5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fZm9vdGVyLWRlZmF1bHRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fZm9vdGVyLXN0YXJ0XCI+XG4gICAgICAgICAgICAgIEBpZiAoc2hvd0NhbmNlbCkge1xuICAgICAgICAgICAgICAgIDxnZW8tYnV0dG9uIGFwcGVhcmFuY2U9XCJzZWNvbmRhcnlcIiBjb2xvcj1cImJyYW5kXCIgKGNsaWNrZWQpPVwib25DYW5jZWwoKVwiPlxuICAgICAgICAgICAgICAgICAge3sgY2FuY2VsTGFiZWwgfX1cbiAgICAgICAgICAgICAgICA8L2dlby1idXR0b24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZ2VvLXN0ZXAtZm9ybS1sYXlvdXRfX2Zvb3Rlci1lbmRcIj5cbiAgICAgICAgICAgICAgQGlmIChzaG93UHJldmlvdXMgJiYgYWN0aXZlSW5kZXggPiAwKSB7XG4gICAgICAgICAgICAgICAgPGdlby1idXR0b25cbiAgICAgICAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCJicmFuZFwiXG4gICAgICAgICAgICAgICAgICBpY29uPVwibGVmdFwiXG4gICAgICAgICAgICAgICAgICAoY2xpY2tlZCk9XCJvblByZXZpb3VzKClcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHt7IHByZXZpb3VzTGFiZWwgfX1cbiAgICAgICAgICAgICAgICA8L2dlby1idXR0b24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgQGlmIChzaG93U2F2ZSkge1xuICAgICAgICAgICAgICAgIDxnZW8tYnV0dG9uXG4gICAgICAgICAgICAgICAgICBhcHBlYXJhbmNlPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwiYnJhbmRcIlxuICAgICAgICAgICAgICAgICAgaWNvbj1cInNhdmVcIlxuICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInNhdmVMb2FkaW5nXCJcbiAgICAgICAgICAgICAgICAgIChjbGlja2VkKT1cIm9uU2F2ZSgpXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7eyBzYXZlTGFiZWwgfX1cbiAgICAgICAgICAgICAgICA8L2dlby1idXR0b24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgQGlmIChzaG93TmV4dCkge1xuICAgICAgICAgICAgICAgIDxnZW8tYnV0dG9uXG4gICAgICAgICAgICAgICAgICBhcHBlYXJhbmNlPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cImJyYW5kXCJcbiAgICAgICAgICAgICAgICAgIFtpY29uXT1cImlzTGFzdFN0ZXAgPyAnY2hlY2snIDogJ3JpZ2h0J1wiXG4gICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwibmV4dExvYWRpbmdcIlxuICAgICAgICAgICAgICAgICAgKGNsaWNrZWQpPVwib25OZXh0KClcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHt7IHJlc29sdmVkTmV4dExhYmVsIH19XG4gICAgICAgICAgICAgICAgPC9nZW8tYnV0dG9uPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9mb290ZXI+XG4gICAgICB9IEBlbHNlIHtcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Zvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICB9XG4gICAgPC9zZWN0aW9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+                    }, template: "<div class=\"geo-step-form-layout\">\n  <aside class=\"geo-step-form-layout__aside\">\n    <div class=\"geo-step-form-layout__step-card\">\n      <geo-stepper\n        [steps]=\"steps()\"\n        [activeIndex]=\"activeIndex()\"\n        [clickable]=\"clickableSteps()\"\n        orientation=\"vertical\"\n        (activeIndexChange)=\"onActiveIndexChange($event)\"\n        (stepSelect)=\"onStepSelect($event)\"\n      ></geo-stepper>\n\n      <ng-content select=\"[sidebarExtra]\"></ng-content>\n    </div>\n  </aside>\n\n  <div\n    class=\"geo-step-form-layout__main-wrap\"\n    [class.geo-step-form-layout__main-wrap--with-fab]=\"showScrollButtons()\"\n  >\n    @if (showScrollButtons()) {\n      <div class=\"geo-step-form-layout__scroll-fab\">\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc tr\u01B0\u1EDBc\"\n          [disabled]=\"!canGoPreviousStep()\"\n          (click)=\"goAdjacentStep('up')\"\n        >\n          <span nz-icon nzType=\"arrow-up\" nzTheme=\"outline\"></span>\n        </button>\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc sau\"\n          [disabled]=\"!canGoNextStep()\"\n          (click)=\"goAdjacentStep('down')\"\n        >\n          <span nz-icon nzType=\"arrow-down\" nzTheme=\"outline\"></span>\n        </button>\n      </div>\n    }\n\n    <section class=\"geo-step-form-layout__card\">\n      @if (title()) {\n        <h1 class=\"geo-step-form-layout__title\">{{ title() }}</h1>\n      }\n\n      <div class=\"geo-step-form-layout__body\">\n        <ng-content></ng-content>\n      </div>\n\n      @if (!hideDefaultFooter()) {\n        <footer class=\"geo-step-form-layout__footer\">\n          <ng-content select=\"[footer]\"></ng-content>\n\n          <div class=\"geo-step-form-layout__footer-default\">\n            <div class=\"geo-step-form-layout__footer-start\">\n              @if (showCancel()) {\n                <geo-button appearance=\"secondary\" color=\"brand\" (clicked)=\"onCancel()\">\n                  {{ cancelLabel() }}\n                </geo-button>\n              }\n            </div>\n\n            <div class=\"geo-step-form-layout__footer-end\">\n              @if (showPrevious() && activeIndex() > 0) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"left\"\n                  (clicked)=\"onPrevious()\"\n                >\n                  {{ previousLabel() }}\n                </geo-button>\n              }\n              @if (showSave()) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"save\"\n                  [disabled]=\"saveLoading()\"\n                  (clicked)=\"onSave()\"\n                >\n                  {{ saveLabel() }}\n                </geo-button>\n              }\n              @if (showNext()) {\n                <geo-button\n                  appearance=\"primary\"\n                  color=\"brand\"\n                  [icon]=\"isLastStep() ? 'check' : 'right'\"\n                  [disabled]=\"nextLoading()\"\n                  (clicked)=\"onNext()\"\n                >\n                  {{ resolvedNextLabel() }}\n                </geo-button>\n              }\n            </div>\n          </div>\n        </footer>\n      } @else {\n        <ng-content select=\"[footer]\"></ng-content>\n      }\n    </section>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host,.geo-step-form-layout-host{display:block;width:100%;min-height:100%;box-sizing:border-box}.geo-step-form-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start;width:100%;min-height:100%;height:100%;padding:16px 24px;box-sizing:border-box;overflow:visible}.geo-step-form-layout__aside{display:flex;flex-direction:column;min-width:0;align-self:start}.geo-step-form-layout__step-card{display:flex;flex-direction:column;gap:16px;width:100%;padding:20px 16px;background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__main-wrap{position:relative;width:100%;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-self:stretch;overflow:visible;box-sizing:border-box}.geo-step-form-layout__main-wrap--with-fab{padding-right:48px}.geo-step-form-layout__scroll-fab{position:absolute;top:0;right:0;z-index:2;display:flex;flex-direction:column;gap:10px}.geo-step-form-layout__fab{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--geo-color-primary-default);border-radius:50%;background:var(--geo-color-neutral-white);color:var(--geo-color-primary-default);cursor:pointer;box-shadow:none;transition:background-color .15s ease,opacity .15s ease}.geo-step-form-layout__fab .anticon{font-size:14px}.geo-step-form-layout__fab:hover:not(:disabled){background:var(--geo-color-primary-surface-light)}.geo-step-form-layout__fab:focus-visible{outline:2px solid var(--geo-color-primary-default);outline-offset:2px}.geo-step-form-layout__fab:disabled{opacity:.35;cursor:not-allowed}.geo-step-form-layout__card{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;flex:1 1 auto;height:calc(100vh - 48px);max-height:calc(100vh - 48px);background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);overflow:hidden;box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__title{flex-shrink:0;margin:0;padding:24px 24px 8px;font-size:20px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-layout__body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 24px 8px;overscroll-behavior:contain}.geo-step-form-layout__footer{flex-shrink:0;border-top:1px solid var(--geo-color-neutral-100);padding:16px 24px 20px;background:var(--geo-color-neutral-white)}.geo-step-form-layout__footer-default{display:flex;align-items:center;justify-content:space-between;gap:12px}.geo-step-form-layout__footer-start,.geo-step-form-layout__footer-end{display:flex;align-items:center;gap:12px}.geo-step-form-section{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.geo-step-form-section:last-child{margin-bottom:8px}.geo-step-form-section__title{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.geo-step-form-grid--cols-1{grid-template-columns:minmax(0,1fr)}.geo-step-form-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-step-form-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.geo-step-form-grid__full{grid-column:1/-1}@media (max-width: 1100px){.geo-step-form-layout{grid-template-columns:220px minmax(0,1fr)}.geo-step-form-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.geo-step-form-layout{grid-template-columns:1fr;padding:12px 16px 20px}.geo-step-form-layout__main-wrap{margin-right:0;padding-right:0}.geo-step-form-layout__scroll-fab{display:none}.geo-step-form-layout__card{height:auto;max-height:none}.geo-step-form-grid,.geo-step-form-grid--cols-3,.geo-step-form-grid--cols-4{grid-template-columns:minmax(0,1fr)}}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXN0ZXAtZm9ybS1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXN0ZXAtZm9ybS1sYXlvdXQvZ2VvLXN0ZXAtZm9ybS1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXN0ZXAtZm9ybS1sYXlvdXQvZ2VvLXN0ZXAtZm9ybS1sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsUUFBUSxFQUNSLEtBQUssRUFDTCxLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDeEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7OztBQUczRTs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQWFILE1BQU0sT0FBTywwQkFBMEI7SUFDNUIsS0FBSyxHQUFHLEtBQUssQ0FBbUIsRUFBRSxDQUFDLENBQUM7SUFDcEMsV0FBVyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2QixLQUFLLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2xCLGNBQWMsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEMsaUVBQWlFO0lBQ3hELGlCQUFpQixHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUVoQyxVQUFVLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLFlBQVksR0FBRyxLQUFLLENBQUMsSUFB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QyxTQUFTLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRU8scUJBQXFCLENBQUMsS0FBYTtRQUN6QyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDM0IsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxHQUFHLEtBQUssQ0FBQztRQUN2QyxPQUFPLEtBQUssSUFBSSxDQUFDLElBQUksS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUMxQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDO2dCQUM1QixPQUFPLEtBQUssQ0FBQztZQUNmLENBQUM7WUFDRCxLQUFLLElBQUksS0FBSyxDQUFDO1FBQ2pCLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7d0dBcEZVLDBCQUEwQjs0RkFBMUIsMEJBQTBCLDJqRkMzQ3ZDLHFnSEEyR0EsZzRIRHpFWSxZQUFZLGtOQUFFLGtCQUFrQixzT0FBRSxtQkFBbUI7OzRGQVNwRCwwQkFBMEI7a0JBWnRDLFNBQVM7K0JBQ0Usc0JBQXNCLGNBQ3BCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxtQkFBbUIsQ0FBQyxtQkFHL0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDSixLQUFLLEVBQUUsMkJBQTJCO3FCQUNuQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGNvbXB1dGVkLFxuICBpbnB1dCxcbiAgbW9kZWwsXG4gIG91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTnpJY29uTW9kdWxlIH0gZnJvbSAnbmctem9ycm8tYW50ZC9pY29uJztcbmltcG9ydCB7IEdlb0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2dlby1idXR0b24vZ2VvLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgR2VvU3RlcHBlckNvbXBvbmVudCB9IGZyb20gJy4uL2dlby1zdGVwcGVyL2dlby1zdGVwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHZW9TdGVwcGVyU3RlcCB9IGZyb20gJy4uL2dlby1zdGVwcGVyL2dlby1zdGVwcGVyLnR5cGVzJztcblxuLyoqXG4gKiBMYXlvdXQgZm9ybSBwYWdlIG11bHRpLXN0ZXA6IGPhu5l0IHRyw6FpIHN0ZXBwZXIgKyBj4buZdCBwaOG6o2kgZm9ybSBjYXJkLlxuICpcbiAqIGBgYGh0bWxcbiAqIDxnZW8tc3RlcC1mb3JtLWxheW91dFxuICogICB0aXRsZT1cIlRow6ptIG3hu5tpIC4uLlwiXG4gKiAgIFtzdGVwc109XCJzdGVwc1wiXG4gKiAgIFthY3RpdmVJbmRleF09XCJhY3RpdmVJbmRleFwiXG4gKiAgIFtzaG93U2Nyb2xsQnV0dG9uc109XCJ0cnVlXCJcbiAqICAgKGNhbmNlbCk9XCJvbkNhbmNlbCgpXCJcbiAqICAgKHNhdmUpPVwib25TYXZlKClcIlxuICogICAobmV4dCk9XCJvbk5leHQoKVwiXG4gKiA+XG4gKiAgIDxmb3JtPi4uLjwvZm9ybT5cbiAqIDwvZ2VvLXN0ZXAtZm9ybS1sYXlvdXQ+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2VvLXN0ZXAtZm9ybS1sYXlvdXQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTnpJY29uTW9kdWxlLCBHZW9CdXR0b25Db21wb25lbnQsIEdlb1N0ZXBwZXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2VvLXN0ZXAtZm9ybS1sYXlvdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZ2VvLXN0ZXAtZm9ybS1sYXlvdXQuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZ2VvLXN0ZXAtZm9ybS1sYXlvdXQtaG9zdCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEdlb1N0ZXBGb3JtTGF5b3V0Q29tcG9uZW50IHtcbiAgcmVhZG9ubHkgc3RlcHMgPSBpbnB1dDxHZW9TdGVwcGVyU3RlcFtdPihbXSk7XG4gIHJlYWRvbmx5IGFjdGl2ZUluZGV4ID0gbW9kZWwoMCk7XG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQoJycpO1xuICByZWFkb25seSBjbGlja2FibGVTdGVwcyA9IGlucHV0KHRydWUpO1xuICAvKiogSGnhu4duIG7DunQg4oaRL+KGkyBnw7NjIHBo4bqjaSBjYXJkIChjaHV54buDbiBixrDhu5tjKS4gTeG6t2MgxJHhu4tuaCBgdHJ1ZWAuICovXG4gIHJlYWRvbmx5IHNob3dTY3JvbGxCdXR0b25zID0gaW5wdXQodHJ1ZSk7XG5cbiAgcmVhZG9ubHkgc2hvd0NhbmNlbCA9IGlucHV0KHRydWUpO1xuICByZWFkb25seSBzaG93UHJldmlvdXMgPSBpbnB1dCh0cnVlKTtcbiAgcmVhZG9ubHkgc2hvd1NhdmUgPSBpbnB1dCh0cnVlKTtcbiAgcmVhZG9ubHkgc2hvd05leHQgPSBpbnB1dCh0cnVlKTtcbiAgcmVhZG9ubHkgY2FuY2VsTGFiZWwgPSBpbnB1dCgnSOG7p3knKTtcbiAgcmVhZG9ubHkgcHJldmlvdXNMYWJlbCA9IGlucHV0KCdUcuG7nyBs4bqhaScpO1xuICByZWFkb25seSBzYXZlTGFiZWwgPSBpbnB1dCgnTMawdScpO1xuICByZWFkb25seSBuZXh0TGFiZWwgPSBpbnB1dCgnVGnhur9wIHRoZW8nKTtcbiAgcmVhZG9ubHkgZmluaXNoTGFiZWwgPSBpbnB1dCgnSG/DoG4gdGjDoG5oJyk7XG4gIHJlYWRvbmx5IHNhdmVMb2FkaW5nID0gaW5wdXQoZmFsc2UpO1xuICByZWFkb25seSBuZXh0TG9hZGluZyA9IGlucHV0KGZhbHNlKTtcbiAgLyoqIOG6qG4gZm9vdGVyIGFjdGlvbnMgKGTDuW5nIHNsb3QgYFtmb290ZXJdYCBob+G6t2Mga2jDtG5nIGPhuqduIG7DunQpLiAqL1xuICByZWFkb25seSBoaWRlRGVmYXVsdEZvb3RlciA9IGlucHV0KGZhbHNlKTtcblxuICByZWFkb25seSBzdGVwU2VsZWN0ID0gb3V0cHV0PHsgaW5kZXg6IG51bWJlcjsgc3RlcDogR2VvU3RlcHBlclN0ZXAgfT4oKTtcbiAgcmVhZG9ubHkgY2FuY2VsID0gb3V0cHV0PHZvaWQ+KCk7XG4gIHJlYWRvbmx5IHByZXZpb3VzID0gb3V0cHV0PHZvaWQ+KCk7XG4gIHJlYWRvbmx5IHNhdmUgPSBvdXRwdXQ8dm9pZD4oKTtcbiAgcmVhZG9ubHkgbmV4dCA9IG91dHB1dDx2b2lkPigpO1xuXG4gIHJlYWRvbmx5IGlzTGFzdFN0ZXAgPSBjb21wdXRlZChcbiAgICAoKSA9PiB0aGlzLnN0ZXBzKCkubGVuZ3RoID4gMCAmJiB0aGlzLmFjdGl2ZUluZGV4KCkgPj0gdGhpcy5zdGVwcygpLmxlbmd0aCAtIDFcbiAgKTtcblxuICByZWFkb25seSBjYW5Hb1ByZXZpb3VzU3RlcCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuZmluZEFkamFjZW50U3RlcEluZGV4KC0xKSAhPSBudWxsKTtcblxuICByZWFkb25seSBjYW5Hb05leHRTdGVwID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5maW5kQWRqYWNlbnRTdGVwSW5kZXgoMSkgIT0gbnVsbCk7XG5cbiAgcmVhZG9ubHkgcmVzb2x2ZWROZXh0TGFiZWwgPSBjb21wdXRlZCgoKSA9PlxuICAgIHRoaXMuaXNMYXN0U3RlcCgpID8gdGhpcy5maW5pc2hMYWJlbCgpIDogdGhpcy5uZXh0TGFiZWwoKVxuICApO1xuXG4gIG9uQWN0aXZlSW5kZXhDaGFuZ2UoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlSW5kZXguc2V0KGluZGV4KTtcbiAgfVxuXG4gIG9uU3RlcFNlbGVjdChldmVudDogeyBpbmRleDogbnVtYmVyOyBzdGVwOiBHZW9TdGVwcGVyU3RlcCB9KTogdm9pZCB7XG4gICAgdGhpcy5zdGVwU2VsZWN0LmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25DYW5jZWwoKTogdm9pZCB7XG4gICAgdGhpcy5jYW5jZWwuZW1pdCgpO1xuICB9XG5cbiAgb25QcmV2aW91cygpOiB2b2lkIHtcbiAgICB0aGlzLnByZXZpb3VzLmVtaXQoKTtcbiAgfVxuXG4gIG9uU2F2ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnNhdmUuZW1pdCgpO1xuICB9XG5cbiAgb25OZXh0KCk6IHZvaWQge1xuICAgIHRoaXMubmV4dC5lbWl0KCk7XG4gIH1cblxuICBnb0FkamFjZW50U3RlcChkaXJlY3Rpb246ICd1cCcgfCAnZG93bicpOiB2b2lkIHtcbiAgICBjb25zdCBkZWx0YSA9IGRpcmVjdGlvbiA9PT0gJ3VwJyA/IC0xIDogMTtcbiAgICBjb25zdCBuZXh0SW5kZXggPSB0aGlzLmZpbmRBZGphY2VudFN0ZXBJbmRleChkZWx0YSk7XG4gICAgaWYgKG5leHRJbmRleCA9PSBudWxsKSByZXR1cm47XG5cbiAgICBjb25zdCBzdGVwID0gdGhpcy5zdGVwcygpW25leHRJbmRleF07XG4gICAgdGhpcy5hY3RpdmVJbmRleC5zZXQobmV4dEluZGV4KTtcbiAgICB0aGlzLnN0ZXBTZWxlY3QuZW1pdCh7IGluZGV4OiBuZXh0SW5kZXgsIHN0ZXAgfSk7XG4gIH1cblxuICBwcml2YXRlIGZpbmRBZGphY2VudFN0ZXBJbmRleChkZWx0YTogLTEgfCAxKTogbnVtYmVyIHwgbnVsbCB7XG4gICAgY29uc3Qgc3RlcHMgPSB0aGlzLnN0ZXBzKCk7XG4gICAgbGV0IGluZGV4ID0gdGhpcy5hY3RpdmVJbmRleCgpICsgZGVsdGE7XG4gICAgd2hpbGUgKGluZGV4ID49IDAgJiYgaW5kZXggPCBzdGVwcy5sZW5ndGgpIHtcbiAgICAgIGlmICghc3RlcHNbaW5kZXhdPy5kaXNhYmxlZCkge1xuICAgICAgICByZXR1cm4gaW5kZXg7XG4gICAgICB9XG4gICAgICBpbmRleCArPSBkZWx0YTtcbiAgICB9XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dFwiPlxuICA8YXNpZGUgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fYXNpZGVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZ2VvLXN0ZXAtZm9ybS1sYXlvdXRfX3N0ZXAtY2FyZFwiPlxuICAgICAgPGdlby1zdGVwcGVyXG4gICAgICAgIFtzdGVwc109XCJzdGVwcygpXCJcbiAgICAgICAgW2FjdGl2ZUluZGV4XT1cImFjdGl2ZUluZGV4KClcIlxuICAgICAgICBbY2xpY2thYmxlXT1cImNsaWNrYWJsZVN0ZXBzKClcIlxuICAgICAgICBvcmllbnRhdGlvbj1cInZlcnRpY2FsXCJcbiAgICAgICAgKGFjdGl2ZUluZGV4Q2hhbmdlKT1cIm9uQWN0aXZlSW5kZXhDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgIChzdGVwU2VsZWN0KT1cIm9uU3RlcFNlbGVjdCgkZXZlbnQpXCJcbiAgICAgID48L2dlby1zdGVwcGVyPlxuXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2lkZWJhckV4dHJhXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9hc2lkZT5cblxuICA8ZGl2XG4gICAgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fbWFpbi13cmFwXCJcbiAgICBbY2xhc3MuZ2VvLXN0ZXAtZm9ybS1sYXlvdXRfX21haW4td3JhcC0td2l0aC1mYWJdPVwic2hvd1Njcm9sbEJ1dHRvbnMoKVwiXG4gID5cbiAgICBAaWYgKHNob3dTY3JvbGxCdXR0b25zKCkpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fc2Nyb2xsLWZhYlwiPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fZmFiXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPVwiQsaw4bubYyB0csaw4bubY1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIiFjYW5Hb1ByZXZpb3VzU3RlcCgpXCJcbiAgICAgICAgICAoY2xpY2spPVwiZ29BZGphY2VudFN0ZXAoJ3VwJylcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gbnotaWNvbiBuelR5cGU9XCJhcnJvdy11cFwiIG56VGhlbWU9XCJvdXRsaW5lXCI+PC9zcGFuPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGNsYXNzPVwiZ2VvLXN0ZXAtZm9ybS1sYXlvdXRfX2ZhYlwiXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkLGsOG7m2Mgc2F1XCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiIWNhbkdvTmV4dFN0ZXAoKVwiXG4gICAgICAgICAgKGNsaWNrKT1cImdvQWRqYWNlbnRTdGVwKCdkb3duJylcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gbnotaWNvbiBuelR5cGU9XCJhcnJvdy1kb3duXCIgbnpUaGVtZT1cIm91dGxpbmVcIj48L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgfVxuXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fY2FyZFwiPlxuICAgICAgQGlmICh0aXRsZSgpKSB7XG4gICAgICAgIDxoMSBjbGFzcz1cImdlby1zdGVwLWZvcm0tbGF5b3V0X190aXRsZVwiPnt7IHRpdGxlKCkgfX08L2gxPlxuICAgICAgfVxuXG4gICAgICA8ZGl2IGNsYXNzPVwiZ2VvLXN0ZXAtZm9ybS1sYXlvdXRfX2JvZHlcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIEBpZiAoIWhpZGVEZWZhdWx0Rm9vdGVyKCkpIHtcbiAgICAgICAgPGZvb3RlciBjbGFzcz1cImdlby1zdGVwLWZvcm0tbGF5b3V0X19mb290ZXJcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZm9vdGVyXVwiPjwvbmctY29udGVudD5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fZm9vdGVyLWRlZmF1bHRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJnZW8tc3RlcC1mb3JtLWxheW91dF9fZm9vdGVyLXN0YXJ0XCI+XG4gICAgICAgICAgICAgIEBpZiAoc2hvd0NhbmNlbCgpKSB7XG4gICAgICAgICAgICAgICAgPGdlby1idXR0b24gYXBwZWFyYW5jZT1cInNlY29uZGFyeVwiIGNvbG9yPVwiYnJhbmRcIiAoY2xpY2tlZCk9XCJvbkNhbmNlbCgpXCI+XG4gICAgICAgICAgICAgICAgICB7eyBjYW5jZWxMYWJlbCgpIH19XG4gICAgICAgICAgICAgICAgPC9nZW8tYnV0dG9uPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImdlby1zdGVwLWZvcm0tbGF5b3V0X19mb290ZXItZW5kXCI+XG4gICAgICAgICAgICAgIEBpZiAoc2hvd1ByZXZpb3VzKCkgJiYgYWN0aXZlSW5kZXgoKSA+IDApIHtcbiAgICAgICAgICAgICAgICA8Z2VvLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgYXBwZWFyYW5jZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cImJyYW5kXCJcbiAgICAgICAgICAgICAgICAgIGljb249XCJsZWZ0XCJcbiAgICAgICAgICAgICAgICAgIChjbGlja2VkKT1cIm9uUHJldmlvdXMoKVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3sgcHJldmlvdXNMYWJlbCgpIH19XG4gICAgICAgICAgICAgICAgPC9nZW8tYnV0dG9uPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIEBpZiAoc2hvd1NhdmUoKSkge1xuICAgICAgICAgICAgICAgIDxnZW8tYnV0dG9uXG4gICAgICAgICAgICAgICAgICBhcHBlYXJhbmNlPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwiYnJhbmRcIlxuICAgICAgICAgICAgICAgICAgaWNvbj1cInNhdmVcIlxuICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInNhdmVMb2FkaW5nKClcIlxuICAgICAgICAgICAgICAgICAgKGNsaWNrZWQpPVwib25TYXZlKClcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHt7IHNhdmVMYWJlbCgpIH19XG4gICAgICAgICAgICAgICAgPC9nZW8tYnV0dG9uPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIEBpZiAoc2hvd05leHQoKSkge1xuICAgICAgICAgICAgICAgIDxnZW8tYnV0dG9uXG4gICAgICAgICAgICAgICAgICBhcHBlYXJhbmNlPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cImJyYW5kXCJcbiAgICAgICAgICAgICAgICAgIFtpY29uXT1cImlzTGFzdFN0ZXAoKSA/ICdjaGVjaycgOiAncmlnaHQnXCJcbiAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJuZXh0TG9hZGluZygpXCJcbiAgICAgICAgICAgICAgICAgIChjbGlja2VkKT1cIm9uTmV4dCgpXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7eyByZXNvbHZlZE5leHRMYWJlbCgpIH19XG4gICAgICAgICAgICAgICAgPC9nZW8tYnV0dG9uPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9mb290ZXI+XG4gICAgICB9IEBlbHNlIHtcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Zvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICB9XG4gICAgPC9zZWN0aW9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/figma/geo-stepper/geo-stepper.component.mjs

@@ -1,5 +1,4 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, input, model, output, ViewEncapsulation, } from '@angular/core';
 import { NzIconModule } from 'ng-zorro-antd/icon';
 import * as i0 from "@angular/core";
 import * as i1 from "ng-zorro-antd/icon";
@@ -23,55 +22,41 @@ import * as i1 from "ng-zorro-antd/icon";
  * ```
  */
 export class GeoStepperComponent {
-    steps = [];
-    activeIndex = 0;
+    steps = input([]);
+    activeIndex = model(0);
     /** Mặc định horizontal theo design form modal. */
-    orientation = 'horizontal';
+    orientation = input('horizontal');
     /** Cho phép click để đổi bước. */
-    clickable = true;
-    activeIndexChange = new EventEmitter();
-    stepSelect = new EventEmitter();
+    clickable = input(true);
+    stepSelect = output();
     trackByIndex(index) {
         return index;
     }
     isActive(index) {
-        return index === this.activeIndex;
+        return index === this.activeIndex();
     }
     isCompleted(index) {
-        return index < this.activeIndex;
+        return index < this.activeIndex();
     }
     isPending(index) {
-        return index > this.activeIndex;
+        return index > this.activeIndex();
     }
     onSelect(index, step) {
-        if (!this.clickable || step.disabled || index === this.activeIndex) {
+        if (!this.clickable() || step.disabled || index === this.activeIndex()) {
             return;
         }
-        this.activeIndex = index;
-        this.activeIndexChange.emit(index);
+        this.activeIndex.set(index);
         this.stepSelect.emit({ index, step });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoStepperComponent, isStandalone: true, selector: "geo-stepper", inputs: { steps: "steps", activeIndex: "activeIndex", orientation: "orientation", clickable: "clickable" }, outputs: { activeIndexChange: "activeIndexChange", stepSelect: "stepSelect" }, host: { properties: { "class.geo-stepper-host--vertical": "orientation === \"vertical\"", "class.geo-stepper-host--horizontal": "orientation === \"horizontal\"" }, classAttribute: "geo-stepper-host" }, ngImport: i0, template: "<nav class=\"geo-stepper\" [attr.aria-label]=\"'C\u00E1c b\u01B0\u1EDBc'\">\n  <ol class=\"geo-stepper__list\">\n    @for (step of steps; track trackByIndex($index); let i = $index; let last = $last) {\n      <li\n        class=\"geo-stepper__item\"\n        [class.geo-stepper__item--active]=\"isActive(i)\"\n        [class.geo-stepper__item--completed]=\"isCompleted(i)\"\n        [class.geo-stepper__item--pending]=\"isPending(i)\"\n        [class.geo-stepper__item--disabled]=\"step.disabled\"\n        [class.geo-stepper__item--last]=\"last\"\n      >\n        <button\n          type=\"button\"\n          class=\"geo-stepper__button\"\n          [disabled]=\"!clickable || step.disabled\"\n          [attr.aria-current]=\"isActive(i) ? 'step' : null\"\n          (click)=\"onSelect(i, step)\"\n        >\n          <span class=\"geo-stepper__index\" aria-hidden=\"true\">\n            @if (isCompleted(i)) {\n              <span nz-icon nzType=\"check\" nzTheme=\"outline\"></span>\n            } @else {\n              {{ i + 1 }}\n            }\n          </span>\n          <span class=\"geo-stepper__label\">{{ step.label }}</span>\n        </button>\n\n        @if (!last) {\n          <span\n            class=\"geo-stepper__connector\"\n            [class.geo-stepper__connector--done]=\"isCompleted(i)\"\n            aria-hidden=\"true\"\n          ></span>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n", styles: ["@charset \"UTF-8\";.geo-stepper-host{display:block;width:100%;font-family:var(--geo-font-family)}.geo-stepper__list{list-style:none;margin:0;padding:0;display:flex;align-items:center}.geo-stepper-host--horizontal{display:flex;justify-content:center;width:100%}.geo-stepper-host--horizontal .geo-stepper__list{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;width:auto;max-width:100%}.geo-stepper-host--horizontal .geo-stepper__item{display:flex;align-items:center;flex:0 0 auto;min-width:0}.geo-stepper-host--horizontal .geo-stepper__connector{flex:0 0 auto;width:48px;height:1px;margin:0 16px;background:var(--geo-color-neutral-300)}.geo-stepper-host--horizontal .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper-host--vertical .geo-stepper__list{flex-direction:column;align-items:stretch;gap:0;width:100%}.geo-stepper-host--vertical .geo-stepper__item{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.geo-stepper-host--vertical .geo-stepper__connector{display:block;width:1px;height:20px;margin:6px 0 6px 15px;background:var(--geo-color-neutral-300)}.geo-stepper-host--vertical .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper__button{display:inline-flex;align-items:center;gap:10px;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left;color:var(--geo-color-neutral-500);flex-shrink:0;max-width:100%}.geo-stepper__button:disabled{cursor:default}.geo-stepper__item--disabled .geo-stepper__button{opacity:.5;cursor:not-allowed}.geo-stepper__index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1.5px solid var(--geo-color-neutral-300);border-radius:50%;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-semibold);line-height:1;color:var(--geo-color-neutral-500);background:var(--geo-color-neutral-white);box-sizing:border-box}.geo-stepper__index .anticon{font-size:14px}.geo-stepper__label{font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-500);white-space:nowrap}.geo-stepper__item--active .geo-stepper__index{border-color:var(--geo-color-primary-default);background:var(--geo-color-primary-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--active .geo-stepper__label{color:var(--geo-color-primary-default);font-weight:var(--geo-font-weight-semibold)}.geo-stepper__item--completed .geo-stepper__index{border-color:var(--geo-color-success-default);background:var(--geo-color-success-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--completed .geo-stepper__label{color:var(--geo-color-success-default);font-weight:var(--geo-font-weight-medium)}.geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-primary-default)}.geo-stepper__item--completed .geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-success-dark)}@media (max-width: 767.98px){.geo-stepper-host--horizontal .geo-stepper__list{flex-wrap:wrap;row-gap:12px;justify-content:center}.geo-stepper-host--horizontal .geo-stepper__label{white-space:normal;max-width:140px}.geo-stepper-host--horizontal .geo-stepper__connector{width:24px;margin:0 10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoStepperComponent, isStandalone: true, selector: "geo-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange", stepSelect: "stepSelect" }, host: { properties: { "class.geo-stepper-host--vertical": "orientation() === \"vertical\"", "class.geo-stepper-host--horizontal": "orientation() === \"horizontal\"" }, classAttribute: "geo-stepper-host" }, ngImport: i0, template: "<nav class=\"geo-stepper\" [attr.aria-label]=\"'C\u00E1c b\u01B0\u1EDBc'\">\n  <ol class=\"geo-stepper__list\">\n    @for (step of steps(); track trackByIndex($index); let i = $index; let last = $last) {\n      <li\n        class=\"geo-stepper__item\"\n        [class.geo-stepper__item--active]=\"isActive(i)\"\n        [class.geo-stepper__item--completed]=\"isCompleted(i)\"\n        [class.geo-stepper__item--pending]=\"isPending(i)\"\n        [class.geo-stepper__item--disabled]=\"step.disabled\"\n        [class.geo-stepper__item--last]=\"last\"\n      >\n        <button\n          type=\"button\"\n          class=\"geo-stepper__button\"\n          [disabled]=\"!clickable() || step.disabled\"\n          [attr.aria-current]=\"isActive(i) ? 'step' : null\"\n          (click)=\"onSelect(i, step)\"\n        >\n          <span class=\"geo-stepper__index\" aria-hidden=\"true\">\n            @if (isCompleted(i)) {\n              <span nz-icon nzType=\"check\" nzTheme=\"outline\"></span>\n            } @else {\n              {{ i + 1 }}\n            }\n          </span>\n          <span class=\"geo-stepper__label\">{{ step.label }}</span>\n        </button>\n\n        @if (!last) {\n          <span\n            class=\"geo-stepper__connector\"\n            [class.geo-stepper__connector--done]=\"isCompleted(i)\"\n            aria-hidden=\"true\"\n          ></span>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n", styles: ["@charset \"UTF-8\";.geo-stepper-host{display:block;width:100%;font-family:var(--geo-font-family)}.geo-stepper__list{list-style:none;margin:0;padding:0;display:flex;align-items:center}.geo-stepper-host--horizontal{display:flex;justify-content:center;width:100%}.geo-stepper-host--horizontal .geo-stepper__list{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;width:auto;max-width:100%}.geo-stepper-host--horizontal .geo-stepper__item{display:flex;align-items:center;flex:0 0 auto;min-width:0}.geo-stepper-host--horizontal .geo-stepper__connector{flex:0 0 auto;width:48px;height:1px;margin:0 16px;background:var(--geo-color-neutral-300)}.geo-stepper-host--horizontal .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper-host--vertical .geo-stepper__list{flex-direction:column;align-items:stretch;gap:0;width:100%}.geo-stepper-host--vertical .geo-stepper__item{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.geo-stepper-host--vertical .geo-stepper__connector{display:block;width:1px;height:20px;margin:6px 0 6px 15px;background:var(--geo-color-neutral-300)}.geo-stepper-host--vertical .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper__button{display:inline-flex;align-items:center;gap:10px;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left;color:var(--geo-color-neutral-500);flex-shrink:0;max-width:100%}.geo-stepper__button:disabled{cursor:default}.geo-stepper__item--disabled .geo-stepper__button{opacity:.5;cursor:not-allowed}.geo-stepper__index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1.5px solid var(--geo-color-neutral-300);border-radius:50%;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-semibold);line-height:1;color:var(--geo-color-neutral-500);background:var(--geo-color-neutral-white);box-sizing:border-box}.geo-stepper__index .anticon{font-size:14px}.geo-stepper__label{font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-500);white-space:nowrap}.geo-stepper__item--active .geo-stepper__index{border-color:var(--geo-color-primary-default);background:var(--geo-color-primary-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--active .geo-stepper__label{color:var(--geo-color-primary-default);font-weight:var(--geo-font-weight-semibold)}.geo-stepper__item--completed .geo-stepper__index{border-color:var(--geo-color-success-default);background:var(--geo-color-success-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--completed .geo-stepper__label{color:var(--geo-color-success-default);font-weight:var(--geo-font-weight-medium)}.geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-primary-default)}.geo-stepper__item--completed .geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-success-dark)}@media (max-width: 767.98px){.geo-stepper-host--horizontal .geo-stepper__list{flex-wrap:wrap;row-gap:12px;justify-content:center}.geo-stepper-host--horizontal .geo-stepper__label{white-space:normal;max-width:140px}.geo-stepper-host--horizontal .geo-stepper__connector{width:24px;margin:0 10px}}\n"], dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoStepperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'geo-stepper', standalone: true, imports: [CommonModule, NzIconModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'geo-stepper', standalone: true, imports: [NzIconModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'geo-stepper-host',
-                        '[class.geo-stepper-host--vertical]': 'orientation === "vertical"',
-                        '[class.geo-stepper-host--horizontal]': 'orientation === "horizontal"',
-                    }, template: "<nav class=\"geo-stepper\" [attr.aria-label]=\"'C\u00E1c b\u01B0\u1EDBc'\">\n  <ol class=\"geo-stepper__list\">\n    @for (step of steps; track trackByIndex($index); let i = $index; let last = $last) {\n      <li\n        class=\"geo-stepper__item\"\n        [class.geo-stepper__item--active]=\"isActive(i)\"\n        [class.geo-stepper__item--completed]=\"isCompleted(i)\"\n        [class.geo-stepper__item--pending]=\"isPending(i)\"\n        [class.geo-stepper__item--disabled]=\"step.disabled\"\n        [class.geo-stepper__item--last]=\"last\"\n      >\n        <button\n          type=\"button\"\n          class=\"geo-stepper__button\"\n          [disabled]=\"!clickable || step.disabled\"\n          [attr.aria-current]=\"isActive(i) ? 'step' : null\"\n          (click)=\"onSelect(i, step)\"\n        >\n          <span class=\"geo-stepper__index\" aria-hidden=\"true\">\n            @if (isCompleted(i)) {\n              <span nz-icon nzType=\"check\" nzTheme=\"outline\"></span>\n            } @else {\n              {{ i + 1 }}\n            }\n          </span>\n          <span class=\"geo-stepper__label\">{{ step.label }}</span>\n        </button>\n\n        @if (!last) {\n          <span\n            class=\"geo-stepper__connector\"\n            [class.geo-stepper__connector--done]=\"isCompleted(i)\"\n            aria-hidden=\"true\"\n          ></span>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n", styles: ["@charset \"UTF-8\";.geo-stepper-host{display:block;width:100%;font-family:var(--geo-font-family)}.geo-stepper__list{list-style:none;margin:0;padding:0;display:flex;align-items:center}.geo-stepper-host--horizontal{display:flex;justify-content:center;width:100%}.geo-stepper-host--horizontal .geo-stepper__list{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;width:auto;max-width:100%}.geo-stepper-host--horizontal .geo-stepper__item{display:flex;align-items:center;flex:0 0 auto;min-width:0}.geo-stepper-host--horizontal .geo-stepper__connector{flex:0 0 auto;width:48px;height:1px;margin:0 16px;background:var(--geo-color-neutral-300)}.geo-stepper-host--horizontal .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper-host--vertical .geo-stepper__list{flex-direction:column;align-items:stretch;gap:0;width:100%}.geo-stepper-host--vertical .geo-stepper__item{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.geo-stepper-host--vertical .geo-stepper__connector{display:block;width:1px;height:20px;margin:6px 0 6px 15px;background:var(--geo-color-neutral-300)}.geo-stepper-host--vertical .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper__button{display:inline-flex;align-items:center;gap:10px;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left;color:var(--geo-color-neutral-500);flex-shrink:0;max-width:100%}.geo-stepper__button:disabled{cursor:default}.geo-stepper__item--disabled .geo-stepper__button{opacity:.5;cursor:not-allowed}.geo-stepper__index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1.5px solid var(--geo-color-neutral-300);border-radius:50%;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-semibold);line-height:1;color:var(--geo-color-neutral-500);background:var(--geo-color-neutral-white);box-sizing:border-box}.geo-stepper__index .anticon{font-size:14px}.geo-stepper__label{font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-500);white-space:nowrap}.geo-stepper__item--active .geo-stepper__index{border-color:var(--geo-color-primary-default);background:var(--geo-color-primary-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--active .geo-stepper__label{color:var(--geo-color-primary-default);font-weight:var(--geo-font-weight-semibold)}.geo-stepper__item--completed .geo-stepper__index{border-color:var(--geo-color-success-default);background:var(--geo-color-success-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--completed .geo-stepper__label{color:var(--geo-color-success-default);font-weight:var(--geo-font-weight-medium)}.geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-primary-default)}.geo-stepper__item--completed .geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-success-dark)}@media (max-width: 767.98px){.geo-stepper-host--horizontal .geo-stepper__list{flex-wrap:wrap;row-gap:12px;justify-content:center}.geo-stepper-host--horizontal .geo-stepper__label{white-space:normal;max-width:140px}.geo-stepper-host--horizontal .geo-stepper__connector{width:24px;margin:0 10px}}\n"] }]
-        }], propDecorators: { steps: [{
-                type: Input
-            }], activeIndex: [{
-                type: Input
-            }], orientation: [{
-                type: Input
-            }], clickable: [{
-                type: Input
-            }], activeIndexChange: [{
-                type: Output
-            }], stepSelect: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXN0ZXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXN0ZXBwZXIvZ2VvLXN0ZXBwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXN0ZXBwZXIvZ2VvLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQUdsRDs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBZUgsTUFBTSxPQUFPLG1CQUFtQjtJQUNyQixLQUFLLEdBQXFCLEVBQUUsQ0FBQztJQUM3QixXQUFXLEdBQUcsQ0FBQyxDQUFDO0lBQ3pCLGtEQUFrRDtJQUN6QyxXQUFXLEdBQTBCLFlBQVksQ0FBQztJQUMzRCxrQ0FBa0M7SUFDekIsU0FBUyxHQUFHLElBQUksQ0FBQztJQUVoQixpQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQy9DLFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBMkMsQ0FBQztJQUVuRixZQUFZLENBQUMsS0FBYTtRQUN4QixPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNwQixPQUFPLEtBQUssS0FBSyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN2QixPQUFPLEtBQUssR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBYTtRQUNyQixPQUFPLEtBQUssR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYSxFQUFFLElBQW9CO1FBQzFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNuRSxPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUN4QyxDQUFDO3dHQWxDVSxtQkFBbUI7NEZBQW5CLG1CQUFtQiw0Y0M3Q2hDLGc1Q0F1Q0EsbzFHRExZLFlBQVksOEJBQUUsWUFBWTs7NEZBV3pCLG1CQUFtQjtrQkFkL0IsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFlBQVksQ0FBQyxtQkFHcEIsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDSixLQUFLLEVBQUUsa0JBQWtCO3dCQUN6QixvQ0FBb0MsRUFBRSw0QkFBNEI7d0JBQ2xFLHNDQUFzQyxFQUFFLDhCQUE4QjtxQkFDdkU7OEJBR1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTnpJY29uTW9kdWxlIH0gZnJvbSAnbmctem9ycm8tYW50ZC9pY29uJztcbmltcG9ydCB7IEdlb1N0ZXBwZXJPcmllbnRhdGlvbiwgR2VvU3RlcHBlclN0ZXAgfSBmcm9tICcuL2dlby1zdGVwcGVyLnR5cGVzJztcblxuLyoqXG4gKiBTdGVwcyAvIFN0ZXBwZXIgR0VPIOKAlCBob3Jpem9udGFsICht4bq3YyDEkeG7i25oKSBob+G6t2MgdmVydGljYWwuXG4gKlxuICogQ3VzdG9tIHF1YSBgc3RlcHNgLCBgYWN0aXZlSW5kZXhgLCBgb3JpZW50YXRpb25gLCBgY2xpY2thYmxlYC5cbiAqIFRyb25nIGZvcm0gbW9kYWw6IMSR4bq3dCBgPGdlby1zdGVwcGVyPmAgdsOgbyBib2R5IChjb250ZW50IHByb2plY3Rpb24pLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGBodG1sXG4gKiA8Z2VvLXN0ZXBwZXJcbiAqICAgW3N0ZXBzXT1cIltcbiAqICAgICB7IGtleTogJ2EnLCBsYWJlbDogJ0LGsOG7m2MgMScgfSxcbiAqICAgICB7IGtleTogJ2InLCBsYWJlbDogJ0LGsOG7m2MgMicgfVxuICogICBdXCJcbiAqICAgW2FjdGl2ZUluZGV4XT1cIjBcIlxuICogICBvcmllbnRhdGlvbj1cImhvcml6b250YWxcIlxuICogICAoYWN0aXZlSW5kZXhDaGFuZ2UpPVwib25TdGVwKCRldmVudClcIlxuICogPjwvZ2VvLXN0ZXBwZXI+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2VvLXN0ZXBwZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOekljb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2VvLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZ2VvLXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZ2VvLXN0ZXBwZXItaG9zdCcsXG4gICAgJ1tjbGFzcy5nZW8tc3RlcHBlci1ob3N0LS12ZXJ0aWNhbF0nOiAnb3JpZW50YXRpb24gPT09IFwidmVydGljYWxcIicsXG4gICAgJ1tjbGFzcy5nZW8tc3RlcHBlci1ob3N0LS1ob3Jpem9udGFsXSc6ICdvcmllbnRhdGlvbiA9PT0gXCJob3Jpem9udGFsXCInLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBHZW9TdGVwcGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc3RlcHM6IEdlb1N0ZXBwZXJTdGVwW10gPSBbXTtcbiAgQElucHV0KCkgYWN0aXZlSW5kZXggPSAwO1xuICAvKiogTeG6t2MgxJHhu4tuaCBob3Jpem9udGFsIHRoZW8gZGVzaWduIGZvcm0gbW9kYWwuICovXG4gIEBJbnB1dCgpIG9yaWVudGF0aW9uOiBHZW9TdGVwcGVyT3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCc7XG4gIC8qKiBDaG8gcGjDqXAgY2xpY2sgxJHhu4MgxJHhu5VpIGLGsOG7m2MuICovXG4gIEBJbnB1dCgpIGNsaWNrYWJsZSA9IHRydWU7XG5cbiAgQE91dHB1dCgpIGFjdGl2ZUluZGV4Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gIEBPdXRwdXQoKSBzdGVwU2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjx7IGluZGV4OiBudW1iZXI7IHN0ZXA6IEdlb1N0ZXBwZXJTdGVwIH0+KCk7XG5cbiAgdHJhY2tCeUluZGV4KGluZGV4OiBudW1iZXIpOiBudW1iZXIge1xuICAgIHJldHVybiBpbmRleDtcbiAgfVxuXG4gIGlzQWN0aXZlKGluZGV4OiBudW1iZXIpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaW5kZXggPT09IHRoaXMuYWN0aXZlSW5kZXg7XG4gIH1cblxuICBpc0NvbXBsZXRlZChpbmRleDogbnVtYmVyKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGluZGV4IDwgdGhpcy5hY3RpdmVJbmRleDtcbiAgfVxuXG4gIGlzUGVuZGluZyhpbmRleDogbnVtYmVyKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGluZGV4ID4gdGhpcy5hY3RpdmVJbmRleDtcbiAgfVxuXG4gIG9uU2VsZWN0KGluZGV4OiBudW1iZXIsIHN0ZXA6IEdlb1N0ZXBwZXJTdGVwKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNsaWNrYWJsZSB8fCBzdGVwLmRpc2FibGVkIHx8IGluZGV4ID09PSB0aGlzLmFjdGl2ZUluZGV4KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYWN0aXZlSW5kZXggPSBpbmRleDtcbiAgICB0aGlzLmFjdGl2ZUluZGV4Q2hhbmdlLmVtaXQoaW5kZXgpO1xuICAgIHRoaXMuc3RlcFNlbGVjdC5lbWl0KHsgaW5kZXgsIHN0ZXAgfSk7XG4gIH1cbn1cbiIsIjxuYXYgY2xhc3M9XCJnZW8tc3RlcHBlclwiIFthdHRyLmFyaWEtbGFiZWxdPVwiJ0PDoWMgYsaw4bubYydcIj5cbiAgPG9sIGNsYXNzPVwiZ2VvLXN0ZXBwZXJfX2xpc3RcIj5cbiAgICBAZm9yIChzdGVwIG9mIHN0ZXBzOyB0cmFjayB0cmFja0J5SW5kZXgoJGluZGV4KTsgbGV0IGkgPSAkaW5kZXg7IGxldCBsYXN0ID0gJGxhc3QpIHtcbiAgICAgIDxsaVxuICAgICAgICBjbGFzcz1cImdlby1zdGVwcGVyX19pdGVtXCJcbiAgICAgICAgW2NsYXNzLmdlby1zdGVwcGVyX19pdGVtLS1hY3RpdmVdPVwiaXNBY3RpdmUoaSlcIlxuICAgICAgICBbY2xhc3MuZ2VvLXN0ZXBwZXJfX2l0ZW0tLWNvbXBsZXRlZF09XCJpc0NvbXBsZXRlZChpKVwiXG4gICAgICAgIFtjbGFzcy5nZW8tc3RlcHBlcl9faXRlbS0tcGVuZGluZ109XCJpc1BlbmRpbmcoaSlcIlxuICAgICAgICBbY2xhc3MuZ2VvLXN0ZXBwZXJfX2l0ZW0tLWRpc2FibGVkXT1cInN0ZXAuZGlzYWJsZWRcIlxuICAgICAgICBbY2xhc3MuZ2VvLXN0ZXBwZXJfX2l0ZW0tLWxhc3RdPVwibGFzdFwiXG4gICAgICA+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBjbGFzcz1cImdlby1zdGVwcGVyX19idXR0b25cIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCIhY2xpY2thYmxlIHx8IHN0ZXAuZGlzYWJsZWRcIlxuICAgICAgICAgIFthdHRyLmFyaWEtY3VycmVudF09XCJpc0FjdGl2ZShpKSA/ICdzdGVwJyA6IG51bGxcIlxuICAgICAgICAgIChjbGljayk9XCJvblNlbGVjdChpLCBzdGVwKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImdlby1zdGVwcGVyX19pbmRleFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgQGlmIChpc0NvbXBsZXRlZChpKSkge1xuICAgICAgICAgICAgICA8c3BhbiBuei1pY29uIG56VHlwZT1cImNoZWNrXCIgbnpUaGVtZT1cIm91dGxpbmVcIj48L3NwYW4+XG4gICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAge3sgaSArIDEgfX1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJnZW8tc3RlcHBlcl9fbGFiZWxcIj57eyBzdGVwLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICBAaWYgKCFsYXN0KSB7XG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNsYXNzPVwiZ2VvLXN0ZXBwZXJfX2Nvbm5lY3RvclwiXG4gICAgICAgICAgICBbY2xhc3MuZ2VvLXN0ZXBwZXJfX2Nvbm5lY3Rvci0tZG9uZV09XCJpc0NvbXBsZXRlZChpKVwiXG4gICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgID48L3NwYW4+XG4gICAgICAgIH1cbiAgICAgIDwvbGk+XG4gICAgfVxuICA8L29sPlxuPC9uYXY+XG4iXX0=
+                        '[class.geo-stepper-host--vertical]': 'orientation() === "vertical"',
+                        '[class.geo-stepper-host--horizontal]': 'orientation() === "horizontal"',
+                    }, template: "<nav class=\"geo-stepper\" [attr.aria-label]=\"'C\u00E1c b\u01B0\u1EDBc'\">\n  <ol class=\"geo-stepper__list\">\n    @for (step of steps(); track trackByIndex($index); let i = $index; let last = $last) {\n      <li\n        class=\"geo-stepper__item\"\n        [class.geo-stepper__item--active]=\"isActive(i)\"\n        [class.geo-stepper__item--completed]=\"isCompleted(i)\"\n        [class.geo-stepper__item--pending]=\"isPending(i)\"\n        [class.geo-stepper__item--disabled]=\"step.disabled\"\n        [class.geo-stepper__item--last]=\"last\"\n      >\n        <button\n          type=\"button\"\n          class=\"geo-stepper__button\"\n          [disabled]=\"!clickable() || step.disabled\"\n          [attr.aria-current]=\"isActive(i) ? 'step' : null\"\n          (click)=\"onSelect(i, step)\"\n        >\n          <span class=\"geo-stepper__index\" aria-hidden=\"true\">\n            @if (isCompleted(i)) {\n              <span nz-icon nzType=\"check\" nzTheme=\"outline\"></span>\n            } @else {\n              {{ i + 1 }}\n            }\n          </span>\n          <span class=\"geo-stepper__label\">{{ step.label }}</span>\n        </button>\n\n        @if (!last) {\n          <span\n            class=\"geo-stepper__connector\"\n            [class.geo-stepper__connector--done]=\"isCompleted(i)\"\n            aria-hidden=\"true\"\n          ></span>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n", styles: ["@charset \"UTF-8\";.geo-stepper-host{display:block;width:100%;font-family:var(--geo-font-family)}.geo-stepper__list{list-style:none;margin:0;padding:0;display:flex;align-items:center}.geo-stepper-host--horizontal{display:flex;justify-content:center;width:100%}.geo-stepper-host--horizontal .geo-stepper__list{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;width:auto;max-width:100%}.geo-stepper-host--horizontal .geo-stepper__item{display:flex;align-items:center;flex:0 0 auto;min-width:0}.geo-stepper-host--horizontal .geo-stepper__connector{flex:0 0 auto;width:48px;height:1px;margin:0 16px;background:var(--geo-color-neutral-300)}.geo-stepper-host--horizontal .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper-host--vertical .geo-stepper__list{flex-direction:column;align-items:stretch;gap:0;width:100%}.geo-stepper-host--vertical .geo-stepper__item{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.geo-stepper-host--vertical .geo-stepper__connector{display:block;width:1px;height:20px;margin:6px 0 6px 15px;background:var(--geo-color-neutral-300)}.geo-stepper-host--vertical .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper__button{display:inline-flex;align-items:center;gap:10px;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left;color:var(--geo-color-neutral-500);flex-shrink:0;max-width:100%}.geo-stepper__button:disabled{cursor:default}.geo-stepper__item--disabled .geo-stepper__button{opacity:.5;cursor:not-allowed}.geo-stepper__index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1.5px solid var(--geo-color-neutral-300);border-radius:50%;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-semibold);line-height:1;color:var(--geo-color-neutral-500);background:var(--geo-color-neutral-white);box-sizing:border-box}.geo-stepper__index .anticon{font-size:14px}.geo-stepper__label{font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-500);white-space:nowrap}.geo-stepper__item--active .geo-stepper__index{border-color:var(--geo-color-primary-default);background:var(--geo-color-primary-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--active .geo-stepper__label{color:var(--geo-color-primary-default);font-weight:var(--geo-font-weight-semibold)}.geo-stepper__item--completed .geo-stepper__index{border-color:var(--geo-color-success-default);background:var(--geo-color-success-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--completed .geo-stepper__label{color:var(--geo-color-success-default);font-weight:var(--geo-font-weight-medium)}.geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-primary-default)}.geo-stepper__item--completed .geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-success-dark)}@media (max-width: 767.98px){.geo-stepper-host--horizontal .geo-stepper__list{flex-wrap:wrap;row-gap:12px;justify-content:center}.geo-stepper-host--horizontal .geo-stepper__label{white-space:normal;max-width:140px}.geo-stepper-host--horizontal .geo-stepper__connector{width:24px;margin:0 10px}}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXN0ZXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXN0ZXBwZXIvZ2VvLXN0ZXBwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXN0ZXBwZXIvZ2VvLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBR2xEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQkc7QUFlSCxNQUFNLE9BQU8sbUJBQW1CO0lBQ3JCLEtBQUssR0FBRyxLQUFLLENBQW1CLEVBQUUsQ0FBQyxDQUFDO0lBQ3BDLFdBQVcsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDaEMsa0RBQWtEO0lBQ3pDLFdBQVcsR0FBRyxLQUFLLENBQXdCLFlBQVksQ0FBQyxDQUFDO0lBQ2xFLGtDQUFrQztJQUN6QixTQUFTLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRXhCLFVBQVUsR0FBRyxNQUFNLEVBQTJDLENBQUM7SUFFeEUsWUFBWSxDQUFDLEtBQWE7UUFDeEIsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWE7UUFDcEIsT0FBTyxLQUFLLEtBQUssSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN2QixPQUFPLEtBQUssR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFhO1FBQ3JCLE9BQU8sS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWEsRUFBRSxJQUFvQjtRQUMxQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxXQUFXLEVBQUUsRUFBRSxDQUFDO1lBQ3ZFLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUN4QyxDQUFDO3dHQWhDVSxtQkFBbUI7NEZBQW5CLG1CQUFtQiwwM0JDNUNoQyxvNUNBdUNBLG8xR0ROWSxZQUFZOzs0RkFXWCxtQkFBbUI7a0JBZC9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNKLEtBQUssRUFBRSxrQkFBa0I7d0JBQ3pCLG9DQUFvQyxFQUFFLDhCQUE4Qjt3QkFDcEUsc0NBQXNDLEVBQUUsZ0NBQWdDO3FCQUN6RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGlucHV0LFxuICBtb2RlbCxcbiAgb3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOekljb25Nb2R1bGUgfSBmcm9tICduZy16b3Jyby1hbnRkL2ljb24nO1xuaW1wb3J0IHsgR2VvU3RlcHBlck9yaWVudGF0aW9uLCBHZW9TdGVwcGVyU3RlcCB9IGZyb20gJy4vZ2VvLXN0ZXBwZXIudHlwZXMnO1xuXG4vKipcbiAqIFN0ZXBzIC8gU3RlcHBlciBHRU8g4oCUIGhvcml6b250YWwgKG3hurdjIMSR4buLbmgpIGhv4bq3YyB2ZXJ0aWNhbC5cbiAqXG4gKiBDdXN0b20gcXVhIGBzdGVwc2AsIGBhY3RpdmVJbmRleGAsIGBvcmllbnRhdGlvbmAsIGBjbGlja2FibGVgLlxuICogVHJvbmcgZm9ybSBtb2RhbDogxJHhurd0IGA8Z2VvLXN0ZXBwZXI+YCB2w6BvIGJvZHkgKGNvbnRlbnQgcHJvamVjdGlvbikuXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYGh0bWxcbiAqIDxnZW8tc3RlcHBlclxuICogICBbc3RlcHNdPVwiW1xuICogICAgIHsga2V5OiAnYScsIGxhYmVsOiAnQsaw4bubYyAxJyB9LFxuICogICAgIHsga2V5OiAnYicsIGxhYmVsOiAnQsaw4bubYyAyJyB9XG4gKiAgIF1cIlxuICogICBbYWN0aXZlSW5kZXhdPVwiMFwiXG4gKiAgIG9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiXG4gKiAgIChhY3RpdmVJbmRleENoYW5nZSk9XCJvblN0ZXAoJGV2ZW50KVwiXG4gKiA+PC9nZW8tc3RlcHBlcj5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnZW8tc3RlcHBlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOekljb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2VvLXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZ2VvLXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZ2VvLXN0ZXBwZXItaG9zdCcsXG4gICAgJ1tjbGFzcy5nZW8tc3RlcHBlci1ob3N0LS12ZXJ0aWNhbF0nOiAnb3JpZW50YXRpb24oKSA9PT0gXCJ2ZXJ0aWNhbFwiJyxcbiAgICAnW2NsYXNzLmdlby1zdGVwcGVyLWhvc3QtLWhvcml6b250YWxdJzogJ29yaWVudGF0aW9uKCkgPT09IFwiaG9yaXpvbnRhbFwiJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgR2VvU3RlcHBlckNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IHN0ZXBzID0gaW5wdXQ8R2VvU3RlcHBlclN0ZXBbXT4oW10pO1xuICByZWFkb25seSBhY3RpdmVJbmRleCA9IG1vZGVsKDApO1xuICAvKiogTeG6t2MgxJHhu4tuaCBob3Jpem9udGFsIHRoZW8gZGVzaWduIGZvcm0gbW9kYWwuICovXG4gIHJlYWRvbmx5IG9yaWVudGF0aW9uID0gaW5wdXQ8R2VvU3RlcHBlck9yaWVudGF0aW9uPignaG9yaXpvbnRhbCcpO1xuICAvKiogQ2hvIHBow6lwIGNsaWNrIMSR4buDIMSR4buVaSBixrDhu5tjLiAqL1xuICByZWFkb25seSBjbGlja2FibGUgPSBpbnB1dCh0cnVlKTtcblxuICByZWFkb25seSBzdGVwU2VsZWN0ID0gb3V0cHV0PHsgaW5kZXg6IG51bWJlcjsgc3RlcDogR2VvU3RlcHBlclN0ZXAgfT4oKTtcblxuICB0cmFja0J5SW5kZXgoaW5kZXg6IG51bWJlcik6IG51bWJlciB7XG4gICAgcmV0dXJuIGluZGV4O1xuICB9XG5cbiAgaXNBY3RpdmUoaW5kZXg6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpbmRleCA9PT0gdGhpcy5hY3RpdmVJbmRleCgpO1xuICB9XG5cbiAgaXNDb21wbGV0ZWQoaW5kZXg6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpbmRleCA8IHRoaXMuYWN0aXZlSW5kZXgoKTtcbiAgfVxuXG4gIGlzUGVuZGluZyhpbmRleDogbnVtYmVyKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGluZGV4ID4gdGhpcy5hY3RpdmVJbmRleCgpO1xuICB9XG5cbiAgb25TZWxlY3QoaW5kZXg6IG51bWJlciwgc3RlcDogR2VvU3RlcHBlclN0ZXApOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY2xpY2thYmxlKCkgfHwgc3RlcC5kaXNhYmxlZCB8fCBpbmRleCA9PT0gdGhpcy5hY3RpdmVJbmRleCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYWN0aXZlSW5kZXguc2V0KGluZGV4KTtcbiAgICB0aGlzLnN0ZXBTZWxlY3QuZW1pdCh7IGluZGV4LCBzdGVwIH0pO1xuICB9XG59XG4iLCI8bmF2IGNsYXNzPVwiZ2VvLXN0ZXBwZXJcIiBbYXR0ci5hcmlhLWxhYmVsXT1cIidDw6FjIGLGsOG7m2MnXCI+XG4gIDxvbCBjbGFzcz1cImdlby1zdGVwcGVyX19saXN0XCI+XG4gICAgQGZvciAoc3RlcCBvZiBzdGVwcygpOyB0cmFjayB0cmFja0J5SW5kZXgoJGluZGV4KTsgbGV0IGkgPSAkaW5kZXg7IGxldCBsYXN0ID0gJGxhc3QpIHtcbiAgICAgIDxsaVxuICAgICAgICBjbGFzcz1cImdlby1zdGVwcGVyX19pdGVtXCJcbiAgICAgICAgW2NsYXNzLmdlby1zdGVwcGVyX19pdGVtLS1hY3RpdmVdPVwiaXNBY3RpdmUoaSlcIlxuICAgICAgICBbY2xhc3MuZ2VvLXN0ZXBwZXJfX2l0ZW0tLWNvbXBsZXRlZF09XCJpc0NvbXBsZXRlZChpKVwiXG4gICAgICAgIFtjbGFzcy5nZW8tc3RlcHBlcl9faXRlbS0tcGVuZGluZ109XCJpc1BlbmRpbmcoaSlcIlxuICAgICAgICBbY2xhc3MuZ2VvLXN0ZXBwZXJfX2l0ZW0tLWRpc2FibGVkXT1cInN0ZXAuZGlzYWJsZWRcIlxuICAgICAgICBbY2xhc3MuZ2VvLXN0ZXBwZXJfX2l0ZW0tLWxhc3RdPVwibGFzdFwiXG4gICAgICA+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBjbGFzcz1cImdlby1zdGVwcGVyX19idXR0b25cIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCIhY2xpY2thYmxlKCkgfHwgc3RlcC5kaXNhYmxlZFwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cImlzQWN0aXZlKGkpID8gJ3N0ZXAnIDogbnVsbFwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uU2VsZWN0KGksIHN0ZXApXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZ2VvLXN0ZXBwZXJfX2luZGV4XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICBAaWYgKGlzQ29tcGxldGVkKGkpKSB7XG4gICAgICAgICAgICAgIDxzcGFuIG56LWljb24gbnpUeXBlPVwiY2hlY2tcIiBuelRoZW1lPVwib3V0bGluZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICB7eyBpICsgMSB9fVxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImdlby1zdGVwcGVyX19sYWJlbFwiPnt7IHN0ZXAubGFiZWwgfX08L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgIEBpZiAoIWxhc3QpIHtcbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY2xhc3M9XCJnZW8tc3RlcHBlcl9fY29ubmVjdG9yXCJcbiAgICAgICAgICAgIFtjbGFzcy5nZW8tc3RlcHBlcl9fY29ubmVjdG9yLS1kb25lXT1cImlzQ29tcGxldGVkKGkpXCJcbiAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgPjwvc3Bhbj5cbiAgICAgICAgfVxuICAgICAgPC9saT5cbiAgICB9XG4gIDwvb2w+XG48L25hdj5cbiJdfQ==