@rolatech/angular-components 20.3.0-beta.3 → 20.3.1-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolatech/angular-components",
-  "version": "20.3.0-beta.3",
+  "version": "20.3.1-beta.2",
   "private": false,
   "description": "rolatech angular components",
   "repository": {
@@ -31,8 +31,8 @@
     "lodash": "^4.17.21"
   },
   "dependencies": {
-    "@rolatech/angular-common": "20.3.0-beta.3",
-    "@rolatech/angular-services": "20.3.0-beta.3",
+    "@rolatech/angular-common": "20.3.1-beta.2",
+    "@rolatech/angular-services": "20.3.1-beta.2",
     "tslib": "^2.3.0"
   },
   "exports": {

package/themes/_default.scss

@@ -376,6 +376,12 @@
   .z-\[9999\] {
     z-index: 9999;
   }
+  .order-1 {
+    order: 1;
+  }
+  .order-2 {
+    order: 2;
+  }
   .col-span-1 {
     grid-column: span 1 / span 1;
   }
@@ -466,6 +472,9 @@
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
+  .mt-0 {
+    margin-top: calc(var(--spacing) * 0);
+  }
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
@@ -929,6 +938,9 @@
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
@@ -1079,9 +1091,6 @@
   .min-w-\[80\%\] {
     min-width: 80%;
   }
-  .min-w-\[80px\] {
-    min-width: 80px;
-  }
   .min-w-\[120px\] {
     min-width: 120px;
   }
@@ -1457,10 +1466,6 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
-  .border-y {
-    border-block-style: var(--tw-border-style);
-    border-block-width: 1px;
-  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -2057,9 +2062,6 @@
   .whitespace-normal {
     white-space: normal;
   }
-  .whitespace-nowrap {
-    white-space: nowrap;
-  }
   .whitespace-pre {
     white-space: pre;
   }
@@ -2296,9 +2298,6 @@
   .outline-transparent {
     outline-color: transparent;
   }
-  .\!filter {
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
-  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
@@ -3023,6 +3022,11 @@
       align-items: center;
     }
   }
+  .md\:items-end {
+    @media (width >= 768px) {
+      align-items: flex-end;
+    }
+  }
   .md\:items-start {
     @media (width >= 768px) {
       align-items: flex-start;
@@ -3033,6 +3037,11 @@
       justify-content: space-between;
     }
   }
+  .md\:justify-end {
+    @media (width >= 768px) {
+      justify-content: flex-end;
+    }
+  }
   .md\:gap-3 {
     @media (width >= 768px) {
       gap: calc(var(--spacing) * 3);

package/types/rolatech-angular-components.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, Renderer2, ElementRef, AfterContentInit, AfterContentChecked, DoCheck, DestroyRef, WritableSignal, InjectionToken, EnvironmentProviders, AfterViewInit, OnDestroy, ChangeDetectorRef, AfterViewChecked, OnChanges, SimpleChanges } from '@angular/core';
-import { EnumOption, DialogData as DialogData$1, MediaService, DialogService, SnackBarService, TitleService, NavigationService, LoadingService, ChatMessage } from '@rolatech/angular-services';
+import { EnumOption, DialogData as DialogData$1, LanguageService, MediaService, DialogService, SnackBarService, TitleService, NavigationService, LoadingService, ChatMessage } from '@rolatech/angular-services';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import { FormGroup, FormBuilder } from '@angular/forms';
 import * as i18 from '@angular/material/dialog';
@@ -10,13 +10,13 @@ import { Subscription } from 'rxjs';
 import * as _angular_cdk_layout from '@angular/cdk/layout';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import * as _rolatech_angular_components from '@rolatech/angular-components';
+import { Router, ActivatedRoute } from '@angular/router';
 import { NavLink, Media } from '@rolatech/angular-common';
 import * as i44 from '@angular/cdk/scrolling';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { Platform } from '@angular/cdk/platform';
 import * as i26 from '@angular/material/menu';
 import { MatMenuPanel } from '@angular/material/menu';
-import { Router, ActivatedRoute } from '@angular/router';
 import * as i1 from '@angular/cdk/a11y';
 import * as i2 from '@angular/cdk/clipboard';
 import * as i3 from '@angular/cdk/stepper';
@@ -199,6 +199,14 @@ declare class TitleComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TitleComponent, "rolatech-title", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "large": { "alias": "large"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class PageCollectionShellComponent {
+    eyebrow: _angular_core.InputSignal<string | null>;
+    title: _angular_core.InputSignal<string>;
+    subtitle: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageCollectionShellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageCollectionShellComponent, "rolatech-page-collection-shell", never, { "eyebrow": { "alias": "eyebrow"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; }, {}, never, ["[page-shell-header-meta]", "*"], true, never>;
+}
+
 declare class ContainerComponent {
     hasId: string;
     hasClass: boolean;
@@ -220,6 +228,7 @@ declare class DrawerComponent implements AfterContentInit, AfterContentChecked {
     platformId: Object;
     breakpointObserver: BreakpointObserver;
     appLayout: _rolatech_angular_components.AppLayoutConfig;
+    router: Router;
     guideEl: _angular_core.Signal<ElementRef<any> | undefined>;
     content: _angular_core.Signal<ElementRef<any> | undefined>;
     scrimEl: _angular_core.Signal<ElementRef<any> | undefined>;
@@ -237,7 +246,9 @@ declare class DrawerComponent implements AfterContentInit, AfterContentChecked {
     routerLinkOf(item: LINK): string | any[] | undefined;
     hrefOf(item: LINK): string | undefined;
     isExternal(item: LINK): boolean;
+    isRouteActive(item: LINK, defaultActive: boolean): boolean;
     isNextItemChildren(index: number): boolean;
+    isPreviousItemChildren(index: number): boolean;
     init(isMobile: boolean): void;
     ngAfterContentInit(): void;
     ngAfterContentChecked(): void;
@@ -320,6 +331,12 @@ declare class LayoutComponent implements OnInit, AfterContentInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutComponent, "rolatech-layout", never, {}, {}, ["topbar", "drawer", "page", "guide"], ["rolatech-topbar", "rolatech-drawer", "rolatech-mini-guide", "rolatech-page", "rolatech-footer"], true, never>;
 }
 
+declare class AppShellComponent {
+    readonly links: _angular_core.InputSignal<NavLink[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppShellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppShellComponent, "rolatech-app-shell", never, { "links": { "alias": "links"; "required": false; "isSignal": true; }; }, {}, never, ["[shell-topbar]", "*", "[shell-footer]"], true, never>;
+}
+
 declare class FooterComponent {
     hostId: string;
     hasClass: boolean;
@@ -329,7 +346,13 @@ declare class FooterComponent {
     fTitle: _angular_core.Signal<any>;
     fCopyright: _angular_core.Signal<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FooterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FooterComponent, "rolatech-footer", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "copyright": { "alias": "copyright"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FooterComponent, "rolatech-footer", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "copyright": { "alias": "copyright"; "required": false; "isSignal": true; }; }, {}, never, ["[footer-left]", "[footer-right]", "*"], true, never>;
+}
+
+declare class FooterLanguageSwitcherComponent {
+    readonly language: LanguageService;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FooterLanguageSwitcherComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FooterLanguageSwitcherComponent, "rolatech-footer-language-switcher", never, {}, {}, never, never, true, never>;
 }
 
 declare class ConsoleLayoutComponent {
@@ -504,8 +527,10 @@ declare class MediaListItemComponent {
 declare class NotFoundComponent implements OnInit {
     url: string;
     router: Router;
+    language: LanguageService;
     constructor();
     ngOnInit(): void;
+    homeUrl(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotFoundComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotFoundComponent, "rolatech-not-found", never, {}, {}, never, never, true, never>;
 }
@@ -1018,5 +1043,5 @@ interface Message {
     streaming?: boolean;
 }
 
-export { APP_LAYOUT, AcceptDialogComponent, AccordionComponent, AngularComponentsModule, AppPageComponent, AvatarComponent, BaseComponent, ChatBox, ChipBarComponent, ConfirmationComponent, ConfirmationDialogComponent, ConsoleLayoutComponent, ContainerComponent, ContentComponent, ConversationContent, ConversationHeader, ConversationInput, ConversationMessage, DrawerComponent, EditorComponent, EmptyComponent, EnumSelect, FilterComponent, FolderComponent, FooterComponent, IconButtonComponent, IconComponent, ImageComponent, ImagePlaceholderComponent, ImagePreviewDialogComponent, InputComponent, LayoutComponent, ListComponent, Loading, LocationSelectorComponent, MaterialModule, MediaListComponent, MediaListItemComponent, MediaPreviewComponent, MediaPreviewDialogComponent, MediaUploadComponent, MediaUploadDialogComponent, MenuIconComponent, MenuUserComponent, MiniGuideComponent, NotFoundComponent, PaginatorComponent, PanelComponent, PanelHeaderComponent, PdfViewerComponent, RejectDialogComponent, ResizableContainerComponent, RichGridMediaComponent, RichItemComponent, RichLabelComponent, RichViewComponent, SearchBar, SearchIcon, Skeleton, SpinnerComponent, StorageBucketCreateComponent, StorageFileUploadComponent, StorageFolderCreateComponent, TabComponent, TableComponent, TabsComponent, ThumbnailComponent, TitleComponent, ToolbarComponent, TopbarAvatarMenuComponent, TopbarComponent, VideoUpload, WechatConnectDialogComponent, provideAngularLayout };
+export { APP_LAYOUT, AcceptDialogComponent, AccordionComponent, AngularComponentsModule, AppPageComponent, AppShellComponent, AvatarComponent, BaseComponent, ChatBox, ChipBarComponent, ConfirmationComponent, ConfirmationDialogComponent, ConsoleLayoutComponent, ContainerComponent, ContentComponent, ConversationContent, ConversationHeader, ConversationInput, ConversationMessage, DrawerComponent, EditorComponent, EmptyComponent, EnumSelect, FilterComponent, FolderComponent, FooterComponent, FooterLanguageSwitcherComponent, IconButtonComponent, IconComponent, ImageComponent, ImagePlaceholderComponent, ImagePreviewDialogComponent, InputComponent, LayoutComponent, ListComponent, Loading, LocationSelectorComponent, MaterialModule, MediaListComponent, MediaListItemComponent, MediaPreviewComponent, MediaPreviewDialogComponent, MediaUploadComponent, MediaUploadDialogComponent, MenuIconComponent, MenuUserComponent, MiniGuideComponent, NotFoundComponent, PageCollectionShellComponent, PaginatorComponent, PanelComponent, PanelHeaderComponent, PdfViewerComponent, RejectDialogComponent, ResizableContainerComponent, RichGridMediaComponent, RichItemComponent, RichLabelComponent, RichViewComponent, SearchBar, SearchIcon, Skeleton, SpinnerComponent, StorageBucketCreateComponent, StorageFileUploadComponent, StorageFolderCreateComponent, TabComponent, TableComponent, TabsComponent, ThumbnailComponent, TitleComponent, ToolbarComponent, TopbarAvatarMenuComponent, TopbarComponent, VideoUpload, WechatConnectDialogComponent, provideAngularLayout };
 export type { AppLayoutConfig, AppTopbarConfig, Column, DrawerConfig, Message, MiniGuide, Role, TabMode, TableData };