@syncfusion/ej2-angular-layouts 22.1.34-ngcc → 22.1.34

package/src/splitter/splitter.component.d.ts

@@ -2,6 +2,7 @@ import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@a
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Splitter } from '@syncfusion/ej2-layouts';
 import { PanesDirective } from './panesettings.directive';
+import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -36,4 +37,6 @@ export declare class SplitterComponent extends Splitter implements IComponentBas
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitterComponent, "ejs-splitter", never, { "cssClass": "cssClass"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableReversePanes": "enableReversePanes"; "enableRtl": "enableRtl"; "enabled": "enabled"; "height": "height"; "locale": "locale"; "orientation": "orientation"; "paneSettings": "paneSettings"; "separatorSize": "separatorSize"; "width": "width"; }, { "beforeCollapse": "beforeCollapse"; "beforeExpand": "beforeExpand"; "beforeSanitizeHtml": "beforeSanitizeHtml"; "collapsed": "collapsed"; "created": "created"; "expanded": "expanded"; "resizeStart": "resizeStart"; "resizeStop": "resizeStop"; "resizing": "resizing"; }, ["childPaneSettings"], ["div"]>;
 }

package/src/splitter/splitter.module.d.ts

@@ -1,5 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./splitter.component";
+import * as i2 from "./panesettings.directive";
+import * as i3 from "@angular/common";
 /**
  * NgModule definition for the Splitter component.
  */
 export declare class SplitterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SplitterModule, [typeof i1.SplitterComponent, typeof i2.PaneDirective, typeof i2.PanesDirective], [typeof i3.CommonModule], [typeof i1.SplitterComponent, typeof i2.PaneDirective, typeof i2.PanesDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SplitterModule>;
 }

package/styles/avatar/_all.scss

@@ -0,0 +1 @@
+@import 'layout.scss';

package/styles/avatar/_bootstrap-dark-definition.scss

@@ -0,0 +1,18 @@
+// Avatar Base
+$avatar-base-border-radius: 5px !default;
+$avatar-base-font-size: 1em !default;
+$avatar-base-width: 3em !default;
+$avatar-base-height: 3em !default;
+$avatar-base-background-color: #bcbcbc !default;
+$avatar-base-text-color: #fff !default;
+$avatar-base-font-weight: 400 !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: .6em !default;
+$avatar-small-font-size: .8em !default;
+$avatar-large-font-size: 1.2em !default;
+$avatar-xlarge-font-size: 1.4em !default;

package/styles/avatar/_bootstrap-definition.scss

@@ -0,0 +1,18 @@
+// Avatar Base
+$avatar-base-border-radius: 5px !default;
+$avatar-base-font-size: 1em !default;
+$avatar-base-width: 3em !default;
+$avatar-base-height: 3em !default;
+$avatar-base-background-color: #bcbcbc !default;
+$avatar-base-text-color: #fff !default;
+$avatar-base-font-weight: 400 !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: .6em !default;
+$avatar-small-font-size: .8em !default;
+$avatar-large-font-size: 1.2em !default;
+$avatar-xlarge-font-size: 1.4em !default;

package/styles/avatar/_bootstrap4-definition.scss

@@ -0,0 +1,18 @@
+// Avatar Base
+$avatar-base-border-radius: 4px !default;
+$avatar-base-font-size: 1.05em !default;
+$avatar-base-width: 2.5em !default;
+$avatar-base-height: 2.5em !default;
+$avatar-base-background-color: $gray-200 !default;
+$avatar-base-text-color: $gray-900 !default;
+$avatar-base-font-weight: 400 !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: .65em !default;
+$avatar-small-font-size: .85em !default;
+$avatar-large-font-size: 1.25em !default;
+$avatar-xlarge-font-size: 1.45em !default;

package/styles/avatar/_bootstrap5-dark-definition.scss

@@ -0,0 +1 @@
+@import './bootstrap5-definition.scss';

package/styles/avatar/_bootstrap5-definition.scss

@@ -0,0 +1,26 @@
+// Avatar Base
+$avatar-base-border-radius: 2px !default;
+$avatar-base-background-color: $content-bg-color-alt3 !default;
+$avatar-base-font-size: $text-sm !default;
+$avatar-base-width: 40px !default;
+$avatar-base-height: 40px !default;
+$avatar-base-line-height: 22px !default;
+$avatar-base-text-color: $icon-color !default;
+$avatar-base-font-weight: $font-weight-medium !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: $text-xxs !default;
+$avatar-small-font-size: $text-xs !default;
+$avatar-large-font-size: $text-lg !default;
+$avatar-xlarge-font-size: $text-xl !default;
+$avatar-large-border-radius: 4px !default;
+
+// Avatar Line Height
+$avatar-base-xsmall-line-height: 16px !default;
+$avatar-base-small-line-height: 18px !default;
+$avatar-base-large-line-height: 28px !default;
+$avatar-base-xlarge-line-height: 28px !default;

package/styles/avatar/_fabric-dark-definition.scss

@@ -0,0 +1,18 @@
+// Avatar Base
+$avatar-base-border-radius: 5px !default;
+$avatar-base-font-size: 1em !default;
+$avatar-base-width: 3em !default;
+$avatar-base-height: 3em !default;
+$avatar-base-background-color: #bcbcbc !default;
+$avatar-base-text-color: #fff !default;
+$avatar-base-font-weight: 400 !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: .6em !default;
+$avatar-small-font-size: .8em !default;
+$avatar-large-font-size: 1.2em !default;
+$avatar-xlarge-font-size: 1.4em !default;

package/styles/avatar/_fabric-definition.scss

@@ -0,0 +1,18 @@
+// Avatar Base
+$avatar-base-border-radius: 5px !default;
+$avatar-base-font-size: 1em !default;
+$avatar-base-width: 3em !default;
+$avatar-base-height: 3em !default;
+$avatar-base-background-color: #bcbcbc !default;
+$avatar-base-text-color: #fff !default;
+$avatar-base-font-weight: 400 !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: .6em !default;
+$avatar-small-font-size: .8em !default;
+$avatar-large-font-size: 1.2em !default;
+$avatar-xlarge-font-size: 1.4em !default;

package/styles/avatar/_fluent-dark-definition.scss

@@ -0,0 +1 @@
+@import './fluent-definition.scss';

package/styles/avatar/_fluent-definition.scss

@@ -0,0 +1,25 @@
+// Avatar Base
+$avatar-base-border-radius: 4px !default;
+$avatar-base-background-color: $content-bg-color-alt3 !default;
+$avatar-base-font-size: $text-base !default;
+$avatar-base-width: 40px !default;
+$avatar-base-height: 40px !default;
+$avatar-base-line-height: 24px !default;
+$avatar-base-text-color: $icon-color !default;
+$avatar-base-font-weight: $font-weight-normal !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: $text-xxs !default;
+$avatar-small-font-size: $text-xs !default;
+$avatar-large-font-size: $text-xl !default;
+$avatar-xlarge-font-size: $text-2xl !default;
+
+// Avatar Line Height
+$avatar-base-xsmall-line-height: 16px !default;
+$avatar-base-small-line-height: 18px !default;
+$avatar-base-large-line-height: 28px !default;
+$avatar-base-xlarge-line-height: 28px !default;

package/styles/avatar/_fusionnew-definition.scss

@@ -0,0 +1,26 @@
+// Avatar Base
+$avatar-base-border-radius: 2px !default;
+$avatar-base-background-color: $content-bg-color-alt3 !default;
+$avatar-base-font-size: $text-sm !default;
+$avatar-base-width: 40px !default;
+$avatar-base-height: 40px !default;
+$avatar-base-line-height: 22px !default;
+$avatar-base-text-color: $icon-color !default;
+$avatar-base-font-weight: $font-weight-medium !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: $text-xxs !default;
+$avatar-small-font-size: $text-xs !default;
+$avatar-large-font-size: $text-lg !default;
+$avatar-xlarge-font-size: $text-xl !default;
+$avatar-large-border-radius: 4px !default;
+
+// Avatar Line Height
+$avatar-base-xsmall-line-height: 16px !default;
+$avatar-base-small-line-height: 18px !default;
+$avatar-base-large-line-height: 28px !default;
+$avatar-base-xlarge-line-height: 28px !default;

package/styles/avatar/_highcontrast-definition.scss

@@ -0,0 +1,18 @@
+// Avatar Base
+$avatar-base-border-radius: 5px !default;
+$avatar-base-font-size: 1em !default;
+$avatar-base-width: 3em !default;
+$avatar-base-height: 3em !default;
+$avatar-base-background-color: #bcbcbc !default;
+$avatar-base-text-color: #fff !default;
+$avatar-base-font-weight: 400 !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: .6em !default;
+$avatar-small-font-size: .8em !default;
+$avatar-large-font-size: 1.2em !default;
+$avatar-xlarge-font-size: 1.4em !default;

package/styles/avatar/_highcontrast-light-definition.scss

@@ -0,0 +1,18 @@
+// Avatar Base
+$avatar-base-border-radius: 5px !default;
+$avatar-base-font-size: 1em !default;
+$avatar-base-width: 3em !default;
+$avatar-base-height: 3em !default;
+$avatar-base-background-color: #bcbcbc !default;
+$avatar-base-text-color: #fff !default;
+$avatar-base-font-weight: 400 !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: .6em !default;
+$avatar-small-font-size: .8em !default;
+$avatar-large-font-size: 1.2em !default;
+$avatar-xlarge-font-size: 1.4em !default;

package/styles/avatar/_layout.scss

@@ -0,0 +1,79 @@
+@include export-module('avatar-layout') {
+  .e-avatar {
+    align-content: center;
+    align-items: center;
+    background-color: $avatar-base-background-color;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    border-radius: $avatar-base-border-radius;
+    color: $avatar-base-text-color;
+    display: inline-flex;
+    font-family: $font-family;
+    font-size: $avatar-base-font-size;
+    font-weight: $avatar-base-font-weight;
+    height: $avatar-base-height;
+    justify-content: center;
+    overflow: hidden;
+    position: relative;
+    width: $avatar-base-width;
+    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+      line-height: $avatar-base-line-height;
+    }
+
+    img {
+      height: $avatar-base-img-height;
+      width: auto;
+    }
+
+    &.e-avatar-circle {
+      border-radius: $avatar-circle-border-radius;
+      &.e-avatar-large,
+      &.e-avatar-xlarge  {
+        border-radius: $avatar-circle-border-radius;
+      }
+    }
+
+    &.e-avatar-xsmall {
+      font-size: $avatar-xsmall-font-size;
+      @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+        height: 24px;
+        line-height: $avatar-base-xsmall-line-height;
+        width: 24px;
+      }
+    }
+
+    &.e-avatar-small {
+      font-size: $avatar-small-font-size;
+      @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+        height: 32px;
+        line-height: $avatar-base-small-line-height;
+        width: 32px;
+      }
+    }
+
+    &.e-avatar-large {
+      font-size: $avatar-large-font-size;
+      @if ($skin-name == 'bootstrap5') {
+        border-radius: $avatar-large-border-radius;
+      }
+      @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+        height: 48px;
+        line-height: $avatar-base-large-line-height;
+        width: 48px;
+      }
+    }
+
+    &.e-avatar-xlarge {
+      font-size: $avatar-xlarge-font-size;
+      @if ($skin-name == 'bootstrap5') {
+        border-radius: $avatar-large-border-radius;
+      }
+      @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark'or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+        height: 56px;
+        line-height: $avatar-base-xlarge-line-height;
+        width: 56px;
+      }
+    }
+  }
+}

package/styles/avatar/_material-dark-definition.scss

@@ -0,0 +1,18 @@
+// Avatar Base
+$avatar-base-border-radius: 5px !default;
+$avatar-base-font-size: 1em !default;
+$avatar-base-width: 3em !default;
+$avatar-base-height: 3em !default;
+$avatar-base-background-color: #bcbcbc !default;
+$avatar-base-text-color: #fff !default;
+$avatar-base-font-weight: 400 !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: .6em !default;
+$avatar-small-font-size: .8em !default;
+$avatar-large-font-size: 1.2em !default;
+$avatar-xlarge-font-size: 1.4em !default;

package/styles/avatar/_material-definition.scss

@@ -0,0 +1,18 @@
+// Avatar Base
+$avatar-base-border-radius: 5px !default;
+$avatar-base-font-size: 1em !default;
+$avatar-base-width: 3em !default;
+$avatar-base-height: 3em !default;
+$avatar-base-background-color: #bcbcbc !default;
+$avatar-base-text-color: #fff !default;
+$avatar-base-font-weight: 400 !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: .6em !default;
+$avatar-small-font-size: .8em !default;
+$avatar-large-font-size: 1.2em !default;
+$avatar-xlarge-font-size: 1.4em !default;

package/styles/avatar/_material3-dark-definition.scss

@@ -0,0 +1 @@
+@import './material3-definition.scss';

package/styles/avatar/_material3-definition.scss

@@ -0,0 +1,26 @@
+// Avatar Base
+$avatar-base-border-radius: 4px !default;
+$avatar-base-background-color: rgba($primary-light) !default;
+$avatar-base-font-size: $text-xl !default;
+$avatar-base-width: 40px !default;
+$avatar-base-height: 40px !default;
+$avatar-base-line-height: 20px !default;
+$avatar-base-text-color: rgba($primary-darker) !default;
+$avatar-base-font-weight: 500 !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: 14px !default;
+$avatar-small-font-size: 18px !default;
+$avatar-large-font-size: 26px !default;
+$avatar-xlarge-font-size: 30px !default;
+$avatar-large-border-radius: 4px !default;
+
+// Avatar Line Height
+$avatar-base-xsmall-line-height: 14px !default;
+$avatar-base-small-line-height: 18px !default;
+$avatar-base-large-line-height: 26px !default;
+$avatar-base-xlarge-line-height: 30px !default;

package/styles/avatar/_tailwind-dark-definition.scss

@@ -0,0 +1 @@
+@import './tailwind-definition.scss';

package/styles/avatar/_tailwind-definition.scss

@@ -0,0 +1,25 @@
+// Avatar Base
+$avatar-base-border-radius: 4px !default;
+$avatar-base-background-color: $content-bg-color-alt3 !default;
+$avatar-base-font-size: $text-sm !default;
+$avatar-base-width: 40px !default;
+$avatar-base-height: 40px !default;
+$avatar-base-line-height: 22px !default;
+$avatar-base-text-color: $content-text-color-alt2 !default;
+$avatar-base-font-weight: $font-weight-medium !default;
+$avatar-base-img-height: 100% !default;
+
+// Circle Avatar
+$avatar-circle-border-radius: 50% !default;
+
+// Avatar size
+$avatar-xsmall-font-size: $text-xxs !default;
+$avatar-small-font-size: $text-xs !default;
+$avatar-large-font-size: $text-lg !default;
+$avatar-xlarge-font-size: $text-xl !default;
+
+// Avatar Line Height
+$avatar-base-xsmall-line-height: 16px !default;
+$avatar-base-small-line-height: 18px !default;
+$avatar-base-large-line-height: 28px !default;
+$avatar-base-xlarge-line-height: 28px !default;

package/styles/avatar/_theme.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/avatar/bootstrap-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/bootstrap-dark.scss';
+@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'all.scss';

package/styles/avatar/bootstrap.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/bootstrap.scss';
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'all.scss';

package/styles/avatar/bootstrap4.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'all.scss';

package/styles/avatar/bootstrap5-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'all.scss';

package/styles/avatar/bootstrap5.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'all.scss';

package/styles/avatar/fabric-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'all.scss';

package/styles/avatar/fabric.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'all.scss';

package/styles/avatar/fluent-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/fluent-dark.scss';
+@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'all.scss';

package/styles/avatar/fluent.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'all.scss';

package/styles/avatar/highcontrast-light.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'all.scss';

package/styles/avatar/highcontrast.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'all.scss';

package/styles/avatar/material-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/material-dark.scss';
+@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'material-dark-definition.scss';
+@import 'all.scss';

package/styles/avatar/material.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/material.scss';
+@import 'ej2-base/styles/material-definition.scss';
+@import 'material-definition.scss';
+@import 'all.scss';

package/styles/avatar/material3-dark.scss

@@ -1,2 +1,4 @@
 @import 'ej2-base/styles/material3-dark-definition.scss';
-@import 'ej2-layouts/styles/avatar/material3-dark.scss';
+
+@import 'material3-dark-definition.scss';
+@import 'all.scss';

package/styles/avatar/material3.scss

@@ -1,2 +1,4 @@
 @import 'ej2-base/styles/material3-definition.scss';
-@import 'ej2-layouts/styles/avatar/material3.scss';
+
+@import 'material3-definition.scss';
+@import 'all.scss';

package/styles/avatar/tailwind-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/tailwind-dark.scss';
+@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'all.scss';

package/styles/avatar/tailwind.scss

@@ -1 +1,3 @@
-@import 'ej2-layouts/styles/avatar/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'all.scss';

package/styles/card/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';