@vallift/ngl 22.0.38 → 22.0.40

package/fesm2022/vallift-ngl.mjs

@@ -5125,13 +5125,13 @@ class BaseOverlayComponent {
         this.dialogRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BaseOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BaseOverlayComponent, isStandalone: true, selector: "app-base-overlay", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, showTitle: { classPropertyName: "showTitle", publicName: "showTitle", isSignal: true, isRequired: false, transformFunction: null }, showHeaderBorder: { classPropertyName: "showHeaderBorder", publicName: "showHeaderBorder", isSignal: true, isRequired: false, transformFunction: null }, showActionsBorder: { classPropertyName: "showActionsBorder", publicName: "showActionsBorder", isSignal: true, isRequired: false, transformFunction: null }, showBackButton: { classPropertyName: "showBackButton", publicName: "showBackButton", isSignal: true, isRequired: false, transformFunction: null }, enableDefaultLayout: { classPropertyName: "enableDefaultLayout", publicName: "enableDefaultLayout", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBackClicked: "onBackClicked" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "actionsDiv", first: true, predicate: ["actions"], descendants: true }, { propertyName: "actionsContainerDiv", first: true, predicate: ["actionsContainer"], descendants: true }], ngImport: i0, template: "<div class=\"base-overlay relative flex max-h-full min-h-0 flex-col overflow-hidden rounded-3xl bg-white\">\n\n  @if (enableDefaultLayout()) {\n    @if (showTitle()) {\n      <div\n        class=\"flex shrink-0 items-start gap-2 px-5 py-4\"\n        [class.border-b]=\"showHeaderBorder()\"\n        [class.border-neutral-200]=\"showHeaderBorder()\">\n\n        @if (showBackButton()) {\n          <button\n            type=\"button\"\n            class=\"shrink-0 cursor-pointer rounded-full p-2 text-neutral-600 transition-colors hover:bg-neutral-50\"\n            (click)=\"goBack()\"\n            aria-label=\"Back\">\n            <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M20 11V13H8.00003L13.5 18.5L12.08 19.92L4.16003 12L12.08 4.07996L13.5 5.49996L8.00003 11H20Z\"\n                    fill=\"currentColor\"/>\n            </svg>\n          </button>\n        }\n\n        <div class=\"min-w-0 flex-1 pt-0.5\">\n          <div class=\"text-h6 text-role-body\">{{ title() }}</div>\n          @if (description()) {\n            <p class=\"mt-1 text-body2 text-neutral-500 text-role-caption\">{{ description() }}</p>\n          }\n        </div>\n\n        <button\n          type=\"button\"\n          class=\"shrink-0 cursor-pointer rounded-lg p-2 text-neutral-600 transition-colors hover:bg-neutral-50\"\n          (click)=\"onCloseClicked()\"\n          aria-label=\"Close\">\n          <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n              d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\"\n              fill=\"currentColor\"/>\n          </svg>\n        </button>\n      </div>\n    }\n  }\n\n  <div\n    class=\"min-h-0 flex-1 overflow-y-auto overscroll-y-contain\"\n    [ngClass]=\"enableDefaultLayout() ? 'px-5 py-4' : ''\">\n    <ng-content select=\"[body]\">\n      <ng-container #container></ng-container>\n    </ng-content>\n  </div>\n\n\n  @if (enableDefaultLayout()) {\n    <div\n      #actionsContainer\n      class=\"actions-container shrink-0 px-4 py-4\"\n      [class.border-t]=\"showActionsBorder()\"\n      [class.border-neutral-200]=\"showActionsBorder()\">\n      <div #actions class=\"w-full\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </div>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block;max-height:100%;min-height:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: BaseOverlayComponent, isStandalone: true, selector: "app-base-overlay", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, showTitle: { classPropertyName: "showTitle", publicName: "showTitle", isSignal: true, isRequired: false, transformFunction: null }, showHeaderBorder: { classPropertyName: "showHeaderBorder", publicName: "showHeaderBorder", isSignal: true, isRequired: false, transformFunction: null }, showActionsBorder: { classPropertyName: "showActionsBorder", publicName: "showActionsBorder", isSignal: true, isRequired: false, transformFunction: null }, showBackButton: { classPropertyName: "showBackButton", publicName: "showBackButton", isSignal: true, isRequired: false, transformFunction: null }, enableDefaultLayout: { classPropertyName: "enableDefaultLayout", publicName: "enableDefaultLayout", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBackClicked: "onBackClicked" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "actionsDiv", first: true, predicate: ["actions"], descendants: true }, { propertyName: "actionsContainerDiv", first: true, predicate: ["actionsContainer"], descendants: true }], ngImport: i0, template: "<div class=\"base-overlay relative flex max-h-full min-h-0 flex-col overflow-hidden rounded-3xl bg-white\">\n\n  @if (enableDefaultLayout()) {\n    @if (showTitle()) {\n      <div\n        class=\"flex shrink-0 items-start gap-2 px-5 py-4\"\n        [class.border-b]=\"showHeaderBorder()\"\n        [class.border-neutral-200]=\"showHeaderBorder()\">\n\n        @if (showBackButton()) {\n          <button\n            type=\"button\"\n            class=\"shrink-0 cursor-pointer rounded-full p-2 text-neutral-600 transition-colors hover:bg-neutral-50\"\n            (click)=\"goBack()\"\n            aria-label=\"Back\">\n            <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M20 11V13H8.00003L13.5 18.5L12.08 19.92L4.16003 12L12.08 4.07996L13.5 5.49996L8.00003 11H20Z\"\n                    fill=\"currentColor\"/>\n            </svg>\n          </button>\n        }\n\n        <div class=\"min-w-0 flex-1 pt-0.5\">\n          <div class=\"text-h6 text-role-body\">{{ title() }}</div>\n          @if (description()) {\n            <p class=\"mt-1.5 text-body2 text-neutral-500 text-role-caption\">{{ description() }}</p>\n          }\n        </div>\n\n        <button\n          type=\"button\"\n          class=\"shrink-0 cursor-pointer rounded-lg p-2 text-neutral-600 transition-colors hover:bg-neutral-50\"\n          (click)=\"onCloseClicked()\"\n          aria-label=\"Close\">\n          <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n              d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\"\n              fill=\"currentColor\"/>\n          </svg>\n        </button>\n      </div>\n    }\n  }\n\n  <div\n    class=\"min-h-0 flex-1 overflow-y-auto overscroll-y-contain\"\n    [ngClass]=\"enableDefaultLayout() ? 'px-5 py-4' : ''\">\n    <ng-content select=\"[body]\">\n      <ng-container #container></ng-container>\n    </ng-content>\n  </div>\n\n\n  @if (enableDefaultLayout()) {\n    <div\n      #actionsContainer\n      class=\"actions-container shrink-0 px-4 py-4\"\n      [class.border-t]=\"showActionsBorder()\"\n      [class.border-neutral-200]=\"showActionsBorder()\">\n      <div #actions class=\"w-full\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </div>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block;max-height:100%;min-height:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: BaseOverlayComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-base-overlay', imports: [
                         NgClass
-                    ], standalone: true, template: "<div class=\"base-overlay relative flex max-h-full min-h-0 flex-col overflow-hidden rounded-3xl bg-white\">\n\n  @if (enableDefaultLayout()) {\n    @if (showTitle()) {\n      <div\n        class=\"flex shrink-0 items-start gap-2 px-5 py-4\"\n        [class.border-b]=\"showHeaderBorder()\"\n        [class.border-neutral-200]=\"showHeaderBorder()\">\n\n        @if (showBackButton()) {\n          <button\n            type=\"button\"\n            class=\"shrink-0 cursor-pointer rounded-full p-2 text-neutral-600 transition-colors hover:bg-neutral-50\"\n            (click)=\"goBack()\"\n            aria-label=\"Back\">\n            <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M20 11V13H8.00003L13.5 18.5L12.08 19.92L4.16003 12L12.08 4.07996L13.5 5.49996L8.00003 11H20Z\"\n                    fill=\"currentColor\"/>\n            </svg>\n          </button>\n        }\n\n        <div class=\"min-w-0 flex-1 pt-0.5\">\n          <div class=\"text-h6 text-role-body\">{{ title() }}</div>\n          @if (description()) {\n            <p class=\"mt-1 text-body2 text-neutral-500 text-role-caption\">{{ description() }}</p>\n          }\n        </div>\n\n        <button\n          type=\"button\"\n          class=\"shrink-0 cursor-pointer rounded-lg p-2 text-neutral-600 transition-colors hover:bg-neutral-50\"\n          (click)=\"onCloseClicked()\"\n          aria-label=\"Close\">\n          <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n              d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\"\n              fill=\"currentColor\"/>\n          </svg>\n        </button>\n      </div>\n    }\n  }\n\n  <div\n    class=\"min-h-0 flex-1 overflow-y-auto overscroll-y-contain\"\n    [ngClass]=\"enableDefaultLayout() ? 'px-5 py-4' : ''\">\n    <ng-content select=\"[body]\">\n      <ng-container #container></ng-container>\n    </ng-content>\n  </div>\n\n\n  @if (enableDefaultLayout()) {\n    <div\n      #actionsContainer\n      class=\"actions-container shrink-0 px-4 py-4\"\n      [class.border-t]=\"showActionsBorder()\"\n      [class.border-neutral-200]=\"showActionsBorder()\">\n      <div #actions class=\"w-full\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </div>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block;max-height:100%;min-height:0}\n"] }]
+                    ], standalone: true, template: "<div class=\"base-overlay relative flex max-h-full min-h-0 flex-col overflow-hidden rounded-3xl bg-white\">\n\n  @if (enableDefaultLayout()) {\n    @if (showTitle()) {\n      <div\n        class=\"flex shrink-0 items-start gap-2 px-5 py-4\"\n        [class.border-b]=\"showHeaderBorder()\"\n        [class.border-neutral-200]=\"showHeaderBorder()\">\n\n        @if (showBackButton()) {\n          <button\n            type=\"button\"\n            class=\"shrink-0 cursor-pointer rounded-full p-2 text-neutral-600 transition-colors hover:bg-neutral-50\"\n            (click)=\"goBack()\"\n            aria-label=\"Back\">\n            <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M20 11V13H8.00003L13.5 18.5L12.08 19.92L4.16003 12L12.08 4.07996L13.5 5.49996L8.00003 11H20Z\"\n                    fill=\"currentColor\"/>\n            </svg>\n          </button>\n        }\n\n        <div class=\"min-w-0 flex-1 pt-0.5\">\n          <div class=\"text-h6 text-role-body\">{{ title() }}</div>\n          @if (description()) {\n            <p class=\"mt-1.5 text-body2 text-neutral-500 text-role-caption\">{{ description() }}</p>\n          }\n        </div>\n\n        <button\n          type=\"button\"\n          class=\"shrink-0 cursor-pointer rounded-lg p-2 text-neutral-600 transition-colors hover:bg-neutral-50\"\n          (click)=\"onCloseClicked()\"\n          aria-label=\"Close\">\n          <svg class=\"h-[18px] w-[18px]\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n              d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\"\n              fill=\"currentColor\"/>\n          </svg>\n        </button>\n      </div>\n    }\n  }\n\n  <div\n    class=\"min-h-0 flex-1 overflow-y-auto overscroll-y-contain\"\n    [ngClass]=\"enableDefaultLayout() ? 'px-5 py-4' : ''\">\n    <ng-content select=\"[body]\">\n      <ng-container #container></ng-container>\n    </ng-content>\n  </div>\n\n\n  @if (enableDefaultLayout()) {\n    <div\n      #actionsContainer\n      class=\"actions-container shrink-0 px-4 py-4\"\n      [class.border-t]=\"showActionsBorder()\"\n      [class.border-neutral-200]=\"showActionsBorder()\">\n      <div #actions class=\"w-full\">\n        <ng-content select=\"[actions]\"></ng-content>\n      </div>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block;max-height:100%;min-height:0}\n"] }]
         }], propDecorators: { container: [{
                 type: ViewChild,
                 args: ['container', { read: ViewContainerRef, static: true }]