@syncfusion/ej2-vue-layouts 22.2.9 → 23.2.4

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-layouts@*",
-  "_id": "@syncfusion/ej2-vue-layouts@22.2.5",
+  "_id": "@syncfusion/ej2-vue-layouts@23.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-qAfzYvQSAYedGOzqH1TUiIWpqZ2hAqoPA96/TBFsMc8QtROgT/tzDkw5AGsV/UZM2aBXljoXEzzSPnxAKGB0SQ==",
+  "_integrity": "sha512-MkW9RNdCYUf9BpYBPXwl4yuLLTrbDw9vw8sC8VU/3aXRA/B56WaTBdjG/IXjy6Kre7da5bD6zcjyN0Me7PVGXQ==",
   "_location": "/@syncfusion/ej2-vue-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-layouts/-/ej2-vue-layouts-22.2.5.tgz",
-  "_shasum": "8d9b2c3698476d2683178cc490176cd870002397",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-layouts/-/ej2-vue-layouts-23.1.36.tgz",
+  "_shasum": "02ae3f94954bd1d2c057e4e9a74519b00ed1942a",
   "_spec": "@syncfusion/ej2-vue-layouts@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.9",
-    "@syncfusion/ej2-layouts": "22.2.9",
-    "@syncfusion/ej2-vue-base": "~22.2.5"
+    "@syncfusion/ej2-base": "~23.2.4",
+    "@syncfusion/ej2-layouts": "23.2.4",
+    "@syncfusion/ej2-vue-base": "~23.2.4"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person. for Vue",
@@ -60,6 +60,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "22.2.9",
+  "version": "23.2.4",
   "sideEffects": false
 }

package/src/dashboard-layout/dashboardlayout.component.d.ts

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { DashboardLayoutModel } from '@syncfusion/ej2-layouts';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-dashboardlayout></ejs-dashboardlayout>
  * ```
  */
-export declare let DashboardLayoutComponent: any;
+export declare let DashboardLayoutComponent: DefineVueComponent<DashboardLayoutModel>;
 export declare type DashboardLayoutComponent = InstanceType<typeof DashboardLayoutComponent>;
 export declare const DashboardLayoutPlugin: {
     name: string;

package/src/dashboard-layout/panels.directive.d.ts

@@ -1,3 +1,5 @@
+import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
+import { PanelModel } from '@syncfusion/ej2-layouts';
 export declare let PanelsDirective: any;
 export declare const PanelsPlugin: {
     name: string;
@@ -15,7 +17,7 @@ export declare const PanelsPlugin: {
  * </ejs-dashboardlayout>
  * ```
  */
-export declare let PanelDirective: any;
+export declare let PanelDirective: DefineVueDirective<PanelModel>;
 export declare const PanelPlugin: {
     name: string;
     install(Vue: any): void;

package/src/splitter/panesettings.directive.d.ts

@@ -1,3 +1,5 @@
+import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
+import { PanePropertiesModel } from '@syncfusion/ej2-layouts';
 export declare let PanesDirective: any;
 export declare const PanesPlugin: {
     name: string;
@@ -15,7 +17,7 @@ export declare const PanesPlugin: {
  * </ejs-splitter>
  * ```
  */
-export declare let PaneDirective: any;
+export declare let PaneDirective: DefineVueDirective<PanePropertiesModel>;
 export declare const PanePlugin: {
     name: string;
     install(Vue: any): void;

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

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { SplitterModel } from '@syncfusion/ej2-layouts';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-splitter></ejs-splitter>
  * ```
  */
-export declare let SplitterComponent: any;
+export declare let SplitterComponent: DefineVueComponent<SplitterModel>;
 export declare type SplitterComponent = InstanceType<typeof SplitterComponent>;
 export declare const SplitterPlugin: {
     name: string;

package/styles/avatar/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/avatar/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/avatar/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/avatar/material3-dark.scss

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

package/styles/avatar/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/avatar/material3.scss

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

package/styles/avatar/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/avatar/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/card/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's default definitions and variables */
 /*! component's theme wise override material-definitions and variables */
 /*! card layout */

package/styles/card/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's theme wise override material-definitions and variables */
 /*! card layout */
 .e-bigger .e-card,

package/styles/card/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/card/material3-dark.scss

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

package/styles/card/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/card/material3.scss

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

package/styles/card/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! card layout */
 .e-bigger .e-card,
 .e-bigger.e-card {

package/styles/card/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! card layout */
 .e-bigger .e-card,
 .e-bigger.e-card {

package/styles/dashboard-layout/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's theme wise override material-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/dashboard-layout/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's theme wise override material-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/dashboard-layout/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/dashboard-layout/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'ej2-layouts/styles/dashboard-layout/material3-dark.scss';

package/styles/dashboard-layout/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/dashboard-layout/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-layouts/styles/dashboard-layout/material3.scss';

package/styles/dashboard-layout/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override tailwind-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/dashboard-layout/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override tailwind-definitions and variables */
 /* stylelint-disable */
 .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {

package/styles/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/material3-dark.css

@@ -1,7 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/splitter/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e984";
   font-family: "e-icons";

package/styles/splitter/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! component's default definitions and variables */
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e984";

package/styles/splitter/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/splitter/material3-dark.scss

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

package/styles/splitter/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/splitter/material3.scss

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

package/styles/splitter/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e7e3";
   font-family: "e-icons";

package/styles/splitter/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
   content: "\e7e3";
   font-family: "e-icons";

package/styles/tailwind-dark.css

@@ -1,7 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;

package/styles/tailwind.css

@@ -1,7 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-avatar {
   -ms-flex-line-pack: center;
       align-content: center;