taon-ui 21.0.40 → 21.0.43

package/browser/fesm2022/taon-ui-browser.mjs

@@ -108,7 +108,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.40';
+const CURRENT_PACKAGE_VERSION = '21.0.43';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 function myOrgProj() { }
@@ -1796,7 +1796,7 @@ class TaonSimpleLayoutComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonSimpleLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonSimpleLayoutComponent, isStandalone: true, selector: "taon-simple-layout", inputs: { navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<header\n  class=\"shadow-1 inline-flex w-full justify-content-end align-items-center flex-row\">\n  <div class=\"flex-grow-1 align-items-center justify-content-center flex-row\">\n    @if (navItems()?.length > 0) {\n      <nav\n        mat-tab-nav-bar\n        [tabPanel]=\"tabPanel\">\n        @for (item of navItems(); track item.path) {\n          <a\n            mat-tab-link\n            href=\"javascript:void(0)\"\n            [style.text-decoration]=\"\n              (activePath === item.path && !forceShowBaseRootApp) ||\n              ('/' === item.path && forceShowBaseRootApp)\n                ? 'underline'\n                : 'none'\n            \"\n            (click)=\"navigateTo(item)\">\n            @if (item.path === '/') {\n              <mat-icon\n                aria-hidden=\"false\"\n                aria-label=\"Example home icon\"\n                fontIcon=\"home\"></mat-icon>\n            } @else {\n              {{ item.label }}\n            }\n          </a>\n        }\n      </nav>\n    }\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n\n  <div\n    class=\"flex-grow-0 flex align-items-center justify-content-center flex-row\">\n    <!-- <taon-theme class=\"right-0\" /> -->\n    <ng-content select=\"[buttons]\"></ng-content>\n    <button\n      class=\"flex mr-2\"\n      (click)=\"openDialog(200, 200)\"\n      mat-icon-button>\n      <mat-icon>settings</mat-icon>\n    </button>\n  </div>\n</header>\n\n<mat-tab-nav-panel\n  #tabPanel\n  class=\"pt-2\">\n  <div class=\"projected-wrapper\">\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"fallback-message\">\n    Please add your component inside\n    <br />\n    <pre>\n    <code class=\"surface-100 block\">\n      &lt;taon-simple-layout class=&quot;p-4&quot;&gt;\n        &lt;header\n          header\n          class=&quot;flex-item&quot;&gt;\n          &lt;img\n            class=&quot;border-round&quot;\n            src=&quot;assets/assets-for/taon-ui/assets/images/pluszka-logo.png&quot;\n            height=&quot;50px&quot; /&gt;\n        &lt;/header&gt;\n        &lt;br /&gt;\n        &lt;h3 class=&quot;text-blue-200&quot;&gt;Welcome to hamster store.&lt;/h3&gt;\n        &lt;h3 class=&quot;text-blue-300&quot;&gt;Buy cheap hamster videos for free!&lt;/h3&gt;\n        &lt;h3 class=&quot;text-blue-300&quot;&gt;Subscribe more hamsters video daily!&lt;/h3&gt;\n\n        &lt;ng-container buttons&gt;\n          &lt;button\n            mat-button\n            class=&quot;flex align-items-center&quot;&gt;\n            Hello niga!\n          &lt;/button&gt;\n        &lt;/ng-container&gt;\n      &lt;/taon-simple-layout&gt;\n    </code>\n    </pre>\n  </div>\n</mat-tab-nav-panel>", styles: [":host{display:block}:host header{z-index:999}:host header nav{max-width:400px}.projected-wrapper:not(:empty)+.fallback-message{display:none}.projected-wrapper:empty{display:none}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatListModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i3$1.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i3$1.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i3$1.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: MatDialogModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonSimpleLayoutComponent, isStandalone: true, selector: "taon-simple-layout", inputs: { hideThemeSettings: { classPropertyName: "hideThemeSettings", publicName: "hideThemeSettings", isSignal: false, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<header\n  class=\"shadow-1 inline-flex w-full justify-content-end align-items-center flex-row\">\n  <div class=\"flex-grow-1 align-items-center justify-content-center flex-row\">\n    @if (navItems()?.length > 0) {\n      <nav\n        mat-tab-nav-bar\n        [tabPanel]=\"tabPanel\">\n        @for (item of navItems(); track item.path) {\n          <a\n            mat-tab-link\n            href=\"javascript:void(0)\"\n            [style.text-decoration]=\"\n              (activePath === item.path && !forceShowBaseRootApp) ||\n              ('/' === item.path && forceShowBaseRootApp)\n                ? 'underline'\n                : 'none'\n            \"\n            (click)=\"navigateTo(item)\">\n            @if (item.path === '/') {\n              <mat-icon\n                aria-hidden=\"false\"\n                aria-label=\"Example home icon\"\n                fontIcon=\"home\"></mat-icon>\n            } @else {\n              {{ item.label }}\n            }\n          </a>\n        }\n      </nav>\n    }\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n\n  <div\n    class=\"flex-grow-0 flex align-items-center justify-content-center flex-row\">\n    <!-- <taon-theme class=\"right-0\" /> -->\n    <ng-content select=\"[buttons]\"></ng-content>\n    @if (!hideThemeSettings) {\n      <button\n        class=\"flex mr-2\"\n        (click)=\"openDialog(200, 200)\"\n        mat-icon-button>\n        <mat-icon>settings</mat-icon>\n      </button>\n    }\n  </div>\n</header>\n\n<mat-tab-nav-panel\n  #tabPanel\n  class=\"pt-2\">\n  <div class=\"projected-wrapper\">\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"fallback-message\">\n    Please add your component inside\n    <br />\n    <pre>\n    <code class=\"surface-100 block\">\n      &lt;taon-simple-layout class=&quot;p-4&quot;&gt;\n        &lt;header\n          header\n          class=&quot;flex-item&quot;&gt;\n          &lt;img\n            class=&quot;border-round&quot;\n            src=&quot;assets/assets-for/taon-ui/assets/images/pluszka-logo.png&quot;\n            height=&quot;50px&quot; /&gt;\n        &lt;/header&gt;\n        &lt;br /&gt;\n        &lt;h3 class=&quot;text-blue-200&quot;&gt;Welcome to hamster store.&lt;/h3&gt;\n        &lt;h3 class=&quot;text-blue-300&quot;&gt;Buy cheap hamster videos for free!&lt;/h3&gt;\n        &lt;h3 class=&quot;text-blue-300&quot;&gt;Subscribe more hamsters video daily!&lt;/h3&gt;\n\n        &lt;ng-container buttons&gt;\n          &lt;button\n            mat-button\n            class=&quot;flex align-items-center&quot;&gt;\n            Hello niga!\n          &lt;/button&gt;\n        &lt;/ng-container&gt;\n      &lt;/taon-simple-layout&gt;\n    </code>\n    </pre>\n  </div>\n</mat-tab-nav-panel>", styles: [":host{display:block}:host header{z-index:999}:host header nav{max-width:400px}.projected-wrapper:not(:empty)+.fallback-message{display:none}.projected-wrapper:empty{display:none}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatListModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i3$1.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i3$1.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i3$1.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: MatDialogModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonSimpleLayoutComponent, decorators: [{
             type: Component,
@@ -1813,8 +1813,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                         MatDialogModule,
                         JsonPipe,
                         TaonThemeComponent,
-                    ], template: "<header\n  class=\"shadow-1 inline-flex w-full justify-content-end align-items-center flex-row\">\n  <div class=\"flex-grow-1 align-items-center justify-content-center flex-row\">\n    @if (navItems()?.length > 0) {\n      <nav\n        mat-tab-nav-bar\n        [tabPanel]=\"tabPanel\">\n        @for (item of navItems(); track item.path) {\n          <a\n            mat-tab-link\n            href=\"javascript:void(0)\"\n            [style.text-decoration]=\"\n              (activePath === item.path && !forceShowBaseRootApp) ||\n              ('/' === item.path && forceShowBaseRootApp)\n                ? 'underline'\n                : 'none'\n            \"\n            (click)=\"navigateTo(item)\">\n            @if (item.path === '/') {\n              <mat-icon\n                aria-hidden=\"false\"\n                aria-label=\"Example home icon\"\n                fontIcon=\"home\"></mat-icon>\n            } @else {\n              {{ item.label }}\n            }\n          </a>\n        }\n      </nav>\n    }\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n\n  <div\n    class=\"flex-grow-0 flex align-items-center justify-content-center flex-row\">\n    <!-- <taon-theme class=\"right-0\" /> -->\n    <ng-content select=\"[buttons]\"></ng-content>\n    <button\n      class=\"flex mr-2\"\n      (click)=\"openDialog(200, 200)\"\n      mat-icon-button>\n      <mat-icon>settings</mat-icon>\n    </button>\n  </div>\n</header>\n\n<mat-tab-nav-panel\n  #tabPanel\n  class=\"pt-2\">\n  <div class=\"projected-wrapper\">\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"fallback-message\">\n    Please add your component inside\n    <br />\n    <pre>\n    <code class=\"surface-100 block\">\n      &lt;taon-simple-layout class=&quot;p-4&quot;&gt;\n        &lt;header\n          header\n          class=&quot;flex-item&quot;&gt;\n          &lt;img\n            class=&quot;border-round&quot;\n            src=&quot;assets/assets-for/taon-ui/assets/images/pluszka-logo.png&quot;\n            height=&quot;50px&quot; /&gt;\n        &lt;/header&gt;\n        &lt;br /&gt;\n        &lt;h3 class=&quot;text-blue-200&quot;&gt;Welcome to hamster store.&lt;/h3&gt;\n        &lt;h3 class=&quot;text-blue-300&quot;&gt;Buy cheap hamster videos for free!&lt;/h3&gt;\n        &lt;h3 class=&quot;text-blue-300&quot;&gt;Subscribe more hamsters video daily!&lt;/h3&gt;\n\n        &lt;ng-container buttons&gt;\n          &lt;button\n            mat-button\n            class=&quot;flex align-items-center&quot;&gt;\n            Hello niga!\n          &lt;/button&gt;\n        &lt;/ng-container&gt;\n      &lt;/taon-simple-layout&gt;\n    </code>\n    </pre>\n  </div>\n</mat-tab-nav-panel>", styles: [":host{display:block}:host header{z-index:999}:host header nav{max-width:400px}.projected-wrapper:not(:empty)+.fallback-message{display:none}.projected-wrapper:empty{display:none}\n"] }]
-        }], propDecorators: { navItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "navItems", required: false }] }] } });
+                    ], template: "<header\n  class=\"shadow-1 inline-flex w-full justify-content-end align-items-center flex-row\">\n  <div class=\"flex-grow-1 align-items-center justify-content-center flex-row\">\n    @if (navItems()?.length > 0) {\n      <nav\n        mat-tab-nav-bar\n        [tabPanel]=\"tabPanel\">\n        @for (item of navItems(); track item.path) {\n          <a\n            mat-tab-link\n            href=\"javascript:void(0)\"\n            [style.text-decoration]=\"\n              (activePath === item.path && !forceShowBaseRootApp) ||\n              ('/' === item.path && forceShowBaseRootApp)\n                ? 'underline'\n                : 'none'\n            \"\n            (click)=\"navigateTo(item)\">\n            @if (item.path === '/') {\n              <mat-icon\n                aria-hidden=\"false\"\n                aria-label=\"Example home icon\"\n                fontIcon=\"home\"></mat-icon>\n            } @else {\n              {{ item.label }}\n            }\n          </a>\n        }\n      </nav>\n    }\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n\n  <div\n    class=\"flex-grow-0 flex align-items-center justify-content-center flex-row\">\n    <!-- <taon-theme class=\"right-0\" /> -->\n    <ng-content select=\"[buttons]\"></ng-content>\n    @if (!hideThemeSettings) {\n      <button\n        class=\"flex mr-2\"\n        (click)=\"openDialog(200, 200)\"\n        mat-icon-button>\n        <mat-icon>settings</mat-icon>\n      </button>\n    }\n  </div>\n</header>\n\n<mat-tab-nav-panel\n  #tabPanel\n  class=\"pt-2\">\n  <div class=\"projected-wrapper\">\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"fallback-message\">\n    Please add your component inside\n    <br />\n    <pre>\n    <code class=\"surface-100 block\">\n      &lt;taon-simple-layout class=&quot;p-4&quot;&gt;\n        &lt;header\n          header\n          class=&quot;flex-item&quot;&gt;\n          &lt;img\n            class=&quot;border-round&quot;\n            src=&quot;assets/assets-for/taon-ui/assets/images/pluszka-logo.png&quot;\n            height=&quot;50px&quot; /&gt;\n        &lt;/header&gt;\n        &lt;br /&gt;\n        &lt;h3 class=&quot;text-blue-200&quot;&gt;Welcome to hamster store.&lt;/h3&gt;\n        &lt;h3 class=&quot;text-blue-300&quot;&gt;Buy cheap hamster videos for free!&lt;/h3&gt;\n        &lt;h3 class=&quot;text-blue-300&quot;&gt;Subscribe more hamsters video daily!&lt;/h3&gt;\n\n        &lt;ng-container buttons&gt;\n          &lt;button\n            mat-button\n            class=&quot;flex align-items-center&quot;&gt;\n            Hello niga!\n          &lt;/button&gt;\n        &lt;/ng-container&gt;\n      &lt;/taon-simple-layout&gt;\n    </code>\n    </pre>\n  </div>\n</mat-tab-nav-panel>", styles: [":host{display:block}:host header{z-index:999}:host header nav{max-width:400px}.projected-wrapper:not(:empty)+.fallback-message{display:none}.projected-wrapper:empty{display:none}\n"] }]
+        }], propDecorators: { hideThemeSettings: [{
+                type: Input
+            }], navItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "navItems", required: false }] }] } });
 
 //#endregion
 const TaonSimpleLayoutRoutes = [