samples(dock-manager): update layout for new sample and version for all DM samples

igdmdimitrov · igdmdimitrov · commit 318edc6d4708 · 2024-12-09T19:01:31.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -40,7 +40,7 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "core-js": "^3.6.5",
     "file-saver": "^2.0.2",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.1.0",
     "igniteui-webcomponents-core": "5.1.0",
diff --git a/samples/layouts/dock-manager/add-content-runtime/package.json b/samples/layouts/dock-manager/add-content-runtime/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/contained-in-boundaries/package.json b/samples/layouts/dock-manager/contained-in-boundaries/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/customize-buttons/package.json b/samples/layouts/dock-manager/customize-buttons/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/dock-manager/focus-panes/package.json b/samples/layouts/dock-manager/focus-panes/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/hide-pane-headers/package.json b/samples/layouts/dock-manager/hide-pane-headers/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/hiding-panes/package.json b/samples/layouts/dock-manager/hiding-panes/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/dock-manager/proximity-dock/package.json b/samples/layouts/dock-manager/proximity-dock/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/split-pane-fixed-size/index.html b/samples/layouts/dock-manager/split-pane-fixed-size/index.html
@@ -15,11 +15,11 @@
     <div id="root">
       <div class="container sample">
           <igc-dockmanager id="dockManager">
-              <div slot="content1">Content 1</div>
-              <div slot="content2">Content 2</div>
-              <div slot="content3">Content 3</div>
-              <div slot="content4">Content 4</div>
-              <div slot="content5">Content 5</div>
+              <div slot="content1">Relative size: 400</div>
+              <div slot="content2">Relative size: 200</div>
+              <div slot="content3">Fixed size: 400 px</div>
+              <div slot="content4">Fixed size: 200 px</div>
+              <div slot="content5">Floating pane</div>
           </igc-dockmanager>
       </div>
     </div>
diff --git a/samples/layouts/dock-manager/split-pane-fixed-size/package.json b/samples/layouts/dock-manager/split-pane-fixed-size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/split-pane-fixed-size/src/index.ts b/samples/layouts/dock-manager/split-pane-fixed-size/src/index.ts
@@ -19,10 +19,12 @@ export class DockManagerSplitPaneFixedSize {
             rootPane: {
                 type: IgcDockManagerPaneType.splitPane,
                 orientation: IgcSplitPaneOrientation.vertical,
+                useFixedSize: true,
                 panes: [
                     {
                         type: IgcDockManagerPaneType.splitPane,
                         orientation: IgcSplitPaneOrientation.horizontal,
+                        size: 300, // Size will be applied in pixels
                         panes: [
                             {
                                 type: IgcDockManagerPaneType.contentPane,
@@ -41,6 +43,7 @@ export class DockManagerSplitPaneFixedSize {
                     {
                         type: IgcDockManagerPaneType.splitPane,
                         orientation: IgcSplitPaneOrientation.horizontal,
+                        size: 200, // Size will be applied in pixels
                         useFixedSize: true,
                         panes: [
                             {
@@ -63,15 +66,14 @@ export class DockManagerSplitPaneFixedSize {
                 {
                     type: IgcDockManagerPaneType.splitPane,
                     orientation: IgcSplitPaneOrientation.horizontal,
-                    floatingLocation: { x: 700, y: 350 },
+                    floatingLocation: { x: 250, y: 100 },
                     floatingWidth: 250,
                     floatingHeight: 150,
                     panes: [
                     {
                         type: IgcDockManagerPaneType.contentPane,
                         contentId: "content5",
-                        header: "Content Pane 5",
-                        size: 800
+                        header: "Pane 5"
                     }
                     ]
                 }
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
@@ -24,7 +24,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
diff --git a/samples/layouts/dock-manager/toggle-inner-dock/package.json b/samples/layouts/dock-manager/toggle-inner-dock/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.16.0-beta.3",
+    "igniteui-dockmanager": "1.16.0-beta.5",
     "igniteui-webcomponents-charts": "5.1.0",
     "igniteui-webcomponents-core": "5.1.0",
     "igniteui-webcomponents-gauges": "5.1.0",
