@smart-webcomponents-angular/window 9.2.21 → 11.0.1

package/demo/angular.json

@@ -22,9 +22,9 @@
                 "src/assets"
             ],
             "styles": [
-               	"./node_modules/@smart-webcomponents-angular/button/styles/smart.base.css",
-				"./node_modules/@smart-webcomponents-angular/button/styles/smart.button.css",
-				"./node_modules/@smart-webcomponents-angular/window/styles/smart.window.css",
+               	"./node_modules/@smart-webcomponents-angular/button/styles/smart.base.css",
+				"./node_modules/@smart-webcomponents-angular/button/styles/smart.button.css",
+				"./node_modules/@smart-webcomponents-angular/window/styles/smart.window.css",
 				"./node_modules/@smart-webcomponents-angular/button/styles/smart.common.css",
                 "src/assets/fonts.css",
 			    "src/assets/styles.css"

package/demo/package.json

@@ -18,8 +18,8 @@
     "@types/node": "^14.14.31",
     "core-js": "3.9.1",
     "moment": "^2.29.1",
-    "@smart-webcomponents-angular/button": "9.2.0",
-	"@smart-webcomponents-angular/window": "9.2.0",
+    "@smart-webcomponents-angular/button": "9.2.22",
+	"@smart-webcomponents-angular/window": "9.2.22",
     "rxjs": "^6.6.6",
     "zone.js": "^0.11.4"
   },

package/demo/src/tsconfig.app.json

@@ -1,15 +1,15 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "main.ts",
-    "polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
+  ]
+}

package/demo/src/tsconfig.json

@@ -1,23 +1,23 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "downlevelIteration": true,
-    "experimentalDecorators": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "es2015",
-    "module": "es2020",
-    "lib": [
-      "es2018",
-      "dom"
-    ]
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false
-  }
-}
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "es2015",
+    "module": "es2020",
+    "lib": [
+      "es2018",
+      "dom"
+    ]
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false
+  }
+}

package/images/dropable_zone_image.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Background_Complete" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 x="0px" y="0px" viewBox="0 0 66.3 52.9" style="enable-background:new 0 0 66.3 52.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EBEBEB;}
+	.st1{fill:#F5F5F5;}
+</style>
+<g>
+	<g>
+		<g>
+			
+				<rect x="6.8" y="-6.5" transform="matrix(2.345817e-03 -1 1 2.345817e-03 6.6612 59.5521)" class="st0" width="52.7" height="65.9"/>
+		</g>
+	</g>
+	<rect x="10.1" y="-4.2" transform="matrix(2.344414e-03 -1 1 2.344414e-03 6.6184 59.509)" class="st1" width="46" height="61.2"/>
+	<polygon class="st0" points="2.5,49.4 23.9,20.8 37.1,38.8 46.1,29.2 63.7,49.5 	"/>
+	<g>
+		<g>
+			<path class="st0" d="M42.8,17.4c0,2.7-2.2,4.8-4.8,4.8c-2.7,0-4.8-2.2-4.8-4.8c0-2.7,2.2-4.8,4.8-4.8
+				C40.7,12.5,42.8,14.7,42.8,17.4z"/>
+		</g>
+	</g>
+</g>
+</svg>

package/images/icons-sprite.svg

@@ -0,0 +1,85 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+  <defs>
+    <style>
+      #check-mark-component polyline{
+      fill:none;
+      stroke:#000;
+      stroke-width:2;
+      stroke-linejoin:round;
+      stroke-miterlimit:10;
+      }
+
+      #check-mark-circle-component rect{
+      fill:#000;
+      }
+
+      #check-mark-circle-component circle{
+      fill:#A9A9A9;
+      }
+
+      #numeric-text-box-arrow-component polygon{
+      fill:#808080;
+      }
+
+      #numeric-text-box-arrow-metro-component path,
+      #numeric-text-box-arrow-metro-90deg-component path{
+      fill:#808080;
+      }
+    </style>
+  </defs>
+
+  <!-- viewBox block -->
+  <view id="check-mark" viewBox="0 0 24 24" />
+  <view id="check-mark-indetermined" viewBox="0 24 24 24" />
+  <view id="check-mark-circle" viewBox="0 48 20 20" />
+  <view id="check-mark-empty" viewBox="0 68 1 1" />
+  <view id="power-button-on" viewBox="0 80 90 90" />
+  <view id="power-button-off" viewBox="0 170 90 90" />
+  <view id="numeric-text-box-arrow" viewBox="0 275 10 10" />
+  <view id="numeric-text-box-arrow-metro" viewBox="0 285 48 48" />
+  <view id="numeric-text-box-arrow-metro-90deg" viewBox="0 335 48 48" />
+
+  <!-- SVG components block -->
+  <!-- Checkbox svg components -->
+  <svg id="check-mark-component" x="0" y="0">
+    <polyline points="7,13 11,17 19,8 "/>
+  </svg>
+  <svg id="check-mark-indetermined-component" x="0" y="24">
+    <rect  x="6" y="11" width="12" height="2" />
+  </svg>
+  <!-- Radio Button's svg components -->
+  <svg id="check-mark-circle-component" x="0" y="48">
+    <circle cx="10" cy="10" r="6"/>
+  </svg>
+  <svg id="check-mark-empty-component" x="0" y="68"></svg>
+
+  <!-- Power Button's svg elements -->
+  <svg id="power-button-on-component" x="16" y="95" style="enable-background:new 0 0 57 57;" fill="white" xml:space="preserve">
+      <g>
+	      <path d="M28.5,29c1.104,0,2-0.896,2-2V2c0-1.104-0.896-2-2-2s-2,0.896-2,2v25C26.5,28.104,27.396,29,28.5,29z"></path>
+	      <path d="M54.418,29.025c-0.007-0.091-0.013-0.183-0.021-0.274c-0.86-10.027-7.407-18.423-16.403-21.955   c-0.092-0.036-0.182-0.073-0.274-0.108c-0.584-0.221-1.177-0.422-1.78-0.602c-0.044-0.013-0.086-0.031-0.13-0.044   c-0.012-0.003-0.024,0-0.036-0.003C34.551,5.683,33.29,5.419,32,5.244v4.038C42.473,10.963,50.5,20.06,50.5,31   c0,12.131-9.869,22-22,22s-22-9.869-22-22c0-10.94,8.027-20.037,18.5-21.719V5.243c-1.278,0.174-2.529,0.435-3.742,0.786   c-0.012,0.003-0.025,0-0.037,0.003c-0.047,0.014-0.091,0.032-0.137,0.046c-0.604,0.179-1.198,0.379-1.783,0.601   c-0.09,0.034-0.178,0.071-0.268,0.106c-1.255,0.491-2.463,1.076-3.614,1.748c-0.01,0.006-0.02,0.011-0.031,0.017   C8.292,12.705,3.344,20.123,2.603,28.748c-0.008,0.091-0.014,0.183-0.021,0.275C2.533,29.676,2.5,30.334,2.5,31   c0,14.359,11.641,26,26,26s26-11.641,26-26C54.5,30.335,54.467,29.677,54.418,29.025z"></path>
+      </g>
+  </svg>
+  <svg  id="power-button-off-component" x="16" y="185" style="enable-background:new 0 0 57 57;" fill="gray" xml:space="preserve">
+      <g>
+	      <path d="M28.5,29c1.104,0,2-0.896,2-2V2c0-1.104-0.896-2-2-2s-2,0.896-2,2v25C26.5,28.104,27.396,29,28.5,29z"></path>
+	      <path d="M54.418,29.025c-0.007-0.091-0.013-0.183-0.021-0.274c-0.86-10.027-7.407-18.423-16.403-21.955   c-0.092-0.036-0.182-0.073-0.274-0.108c-0.584-0.221-1.177-0.422-1.78-0.602c-0.044-0.013-0.086-0.031-0.13-0.044   c-0.012-0.003-0.024,0-0.036-0.003C34.551,5.683,33.29,5.419,32,5.244v4.038C42.473,10.963,50.5,20.06,50.5,31   c0,12.131-9.869,22-22,22s-22-9.869-22-22c0-10.94,8.027-20.037,18.5-21.719V5.243c-1.278,0.174-2.529,0.435-3.742,0.786   c-0.012,0.003-0.025,0-0.037,0.003c-0.047,0.014-0.091,0.032-0.137,0.046c-0.604,0.179-1.198,0.379-1.783,0.601   c-0.09,0.034-0.178,0.071-0.268,0.106c-1.255,0.491-2.463,1.076-3.614,1.748c-0.01,0.006-0.02,0.011-0.031,0.017   C8.292,12.705,3.344,20.123,2.603,28.748c-0.008,0.091-0.014,0.183-0.021,0.275C2.533,29.676,2.5,30.334,2.5,31   c0,14.359,11.641,26,26,26s26-11.641,26-26C54.5,30.335,54.467,29.677,54.418,29.025z"></path>
+      </g>
+  </svg>
+
+  <!-- Numeric text box svg elements -->
+  <!-- Numeric text box arrow -->
+  <svg id="numeric-text-box-arrow-component" x="0" y="275">
+      <polygon points="0,5 5,0 10,5"/>
+  </svg>
+  <!-- Numeric text box arrow metro theme -->
+  <svg id="numeric-text-box-arrow-metro-component" x="0" y="285">
+    <path d="M14.83 16.42l9.17 9.17 9.17-9.17 2.83 2.83-12 12-12-12z"/>
+  </svg>
+  <svg id="numeric-text-box-arrow-metro-90deg-component" x="0" y="335">
+    <path d="M17.17 32.92l9.17-9.17-9.17-9.17 2.83-2.83 12 12-12 12z"/>
+  </svg>
+
+</svg>

package/images/icons-stack.svg

@@ -0,0 +1,132 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
+
+  <defs>
+    <style>
+      svg {
+      visibility:hidden;
+      }
+      svg:target {
+      visibility:visible;
+      }
+      #check-mark polyline{
+      fill:none;
+      stroke:#000;
+      stroke-width:2;
+      stroke-linejoin:round;
+      stroke-miterlimit:10;
+      }
+
+      #check-mark-circle rect{
+      fill:#000;
+      }
+
+      #check-mark-circle circle{
+      fill:#A9A9A9;
+      }
+
+      #numeric-text-box-arrow polygon{
+      fill:#808080;
+      }
+
+      #numeric-text-box-arrow-metro path,
+      #numeric-text-box-arrow-metro-90deg path{
+      fill:#808080;
+      }
+    </style>
+  </defs>
+
+  <!-- Checkbox svg elements -->
+  <svg id="check-mark" viewBox="0 0 24 24">
+    <polyline style="fill:none; stroke:black; stroke-width:2; stroke-linejoin:round; stroke-miterlimit:10; " points="7,13 11,17 19,8 "/>
+  </svg>
+  <svg id="check-mark-indetermined" viewBox="-5 -9 15 20">
+    <rect style="width:14px; height:2px; fill:black; " />
+  </svg>
+  
+  <!-- Checkbox hearth theme svg elements -->
+  <svg id="check-mark-heart" viewBox="-30 -10 150 150">
+    <g class="heart-loader__group" transform = "rotate(-45 50 50)" translate="-200 200">
+      <path class="heart-loader__square" stroke-width="1" fill="none" d="M0,30 0,90 60,90 60,30z"/>
+      <path class="heart-loader__circle m--left" stroke-width="1" fill="none" d="M60,60 a30,30 0 0,1 -60,0 a30,30 0 0,1 60,0"/>
+      <path class="heart-loader__circle m--right" stroke-width="1" fill="none" d="M60,60 a30,30 0 0,1 -60,0 a30,30 0 0,1 60,0"/>
+      <path class="heart-loader__heartPath" stroke-width="2" d="M60,30 a30,30 0 0,1 0,60 L0,90 0,30 a30,30 0 0,1 60,0" />
+    </g>
+  </svg>
+  <svg id="check-mark-heart-empty" viewBox="0 0 512 512">
+    <path stid="template" d="M340.8,98.4c50.7,0,91.9,41.3,91.9,92.3c0,26.2-10.9,49.8-28.3,66.6L256,407.1L105,254.6c-15.8-16.6-25.6-39.1-25.6-63.9
+	c0-51,41.1-92.3,91.9-92.3c38.2,0,70.9,23.4,84.8,56.8C269.8,121.9,302.6,98.4,340.8,98.4 M340.8,83C307,83,276,98.8,256,124.8
+	c-20-26-51-41.8-84.8-41.8C112.1,83,64,131.3,64,190.7c0,27.9,10.6,54.4,29.9,74.6L245.1,418l10.9,11l10.9-11l148.3-149.8
+	c21-20.3,32.8-47.9,32.8-77.5C448,131.3,399.9,83,340.8,83L340.8,83z"/>
+  </svg>
+  <svg id="check-mark-heart-empty" viewBox="0 0 512 512">
+    <path stid="template" d="M340.8,98.4c50.7,0,91.9,41.3,91.9,92.3c0,26.2-10.9,49.8-28.3,66.6L256,407.1L105,254.6c-15.8-16.6-25.6-39.1-25.6-63.9
+	c0-51,41.1-92.3,91.9-92.3c38.2,0,70.9,23.4,84.8,56.8C269.8,121.9,302.6,98.4,340.8,98.4 M340.8,83C307,83,276,98.8,256,124.8
+	c-20-26-51-41.8-84.8-41.8C112.1,83,64,131.3,64,190.7c0,27.9,10.6,54.4,29.9,74.6L245.1,418l10.9,11l10.9-11l148.3-149.8
+	c21-20.3,32.8-47.9,32.8-77.5C448,131.3,399.9,83,340.8,83L340.8,83z"/>
+  </svg>
+  <svg id="check-mark-heart-indetermined" viewBox="-30 -10 150 150">
+    <g transform = "rotate(-45 50 50)" translate="-200 200" style="fill:lightgray;">
+      <path stroke-width="1" fill="none" d="M0,30 0,90 60,90 60,30z"/>
+      <path stroke-width="1" fill="none" d="M60,60 a30,30 0 0,1 -60,0 a30,30 0 0,1 60,0"/>
+      <path stroke-width="1" fill="none" d="M60,60 a30,30 0 0,1 -60,0 a30,30 0 0,1 60,0"/>
+      <path stroke-width="2" d="M60,30 a30,30 0 0,1 0,60 L0,90 0,30 a30,30 0 0,1 60,0" />
+    </g>
+  </svg>
+
+  <!-- Radio Button's svg element -->
+  <svg id="check-mark-circle" viewBox="0 0 20 20">
+    <circle fill="#A9A9A9" cx="10" cy="10" r="6"/>
+  </svg>
+
+  <!-- Empty svg elements -->
+  <svg id="check-mark-empty" viewBox="0 0 24 24"></svg>
+
+
+  <!-- Switch Button's hearth theme svg elements -->
+  <svg id="switch-mark-heart-gray" viewBox="-10 10 110 110">
+    <g class="heart-loader__group" transform = "rotate(-45 50 50)" translate="-200 200" fill="#a6a6a6">
+      <path class="heart-loader__square" stroke-width="1" fill="none" d="M0,30 0,90 60,90 60,30z"/>
+      <path class="heart-loader__circle m--left" stroke-width="1" fill="none" d="M60,60 a30,30 0 0,1 -60,0 a30,30 0 0,1 60,0"/>
+      <path class="heart-loader__circle m--right" stroke-width="1" fill="none" d="M60,60 a30,30 0 0,1 -60,0 a30,30 0 0,1 60,0"/>
+      <path class="heart-loader__heartPath" stroke-width="2" d="M60,30 a30,30 0 0,1 0,60 L0,90 0,30 a30,30 0 0,1 60,0" />
+    </g>
+  </svg>
+  <svg id="switch-mark-heart-red" viewBox="-10 10 110 110">
+    <g class="heart-loader__group" transform = "rotate(-45 50 50)" translate="-200 200" fill="rosybrown">
+      <path class="heart-loader__square" stroke-width="1" fill="none" d="M0,30 0,90 60,90 60,30z"/>
+      <path class="heart-loader__circle m--left" stroke-width="1" fill="none" d="M60,60 a30,30 0 0,1 -60,0 a30,30 0 0,1 60,0"/>
+      <path class="heart-loader__circle m--right" stroke-width="1" fill="none" d="M60,60 a30,30 0 0,1 -60,0 a30,30 0 0,1 60,0"/>
+      <path class="heart-loader__heartPath" stroke-width="2" d="M60,30 a30,30 0 0,1 0,60 L0,90 0,30 a30,30 0 0,1 60,0" />
+    </g>
+  </svg>
+
+  <!-- Power Button's svg elements -->
+  <svg id="power-button-on" version="1.1" x="0px" y="0px" viewBox="-16 -15 90 90" style="enable-background:new 0 0 57 57;" fill="white" xml:space="preserve">
+      <g>
+	      <path d="M28.5,29c1.104,0,2-0.896,2-2V2c0-1.104-0.896-2-2-2s-2,0.896-2,2v25C26.5,28.104,27.396,29,28.5,29z"></path>
+	      <path d="M54.418,29.025c-0.007-0.091-0.013-0.183-0.021-0.274c-0.86-10.027-7.407-18.423-16.403-21.955   c-0.092-0.036-0.182-0.073-0.274-0.108c-0.584-0.221-1.177-0.422-1.78-0.602c-0.044-0.013-0.086-0.031-0.13-0.044   c-0.012-0.003-0.024,0-0.036-0.003C34.551,5.683,33.29,5.419,32,5.244v4.038C42.473,10.963,50.5,20.06,50.5,31   c0,12.131-9.869,22-22,22s-22-9.869-22-22c0-10.94,8.027-20.037,18.5-21.719V5.243c-1.278,0.174-2.529,0.435-3.742,0.786   c-0.012,0.003-0.025,0-0.037,0.003c-0.047,0.014-0.091,0.032-0.137,0.046c-0.604,0.179-1.198,0.379-1.783,0.601   c-0.09,0.034-0.178,0.071-0.268,0.106c-1.255,0.491-2.463,1.076-3.614,1.748c-0.01,0.006-0.02,0.011-0.031,0.017   C8.292,12.705,3.344,20.123,2.603,28.748c-0.008,0.091-0.014,0.183-0.021,0.275C2.533,29.676,2.5,30.334,2.5,31   c0,14.359,11.641,26,26,26s26-11.641,26-26C54.5,30.335,54.467,29.677,54.418,29.025z"></path>
+      </g>
+  </svg>
+  <svg  id="power-button-off" version="1.1" x="0px" y="0px" viewBox="-16 -15 90 90" style="enable-background:new 0 0 57 57;" fill="gray" xml:space="preserve">
+      <g>
+	      <path d="M28.5,29c1.104,0,2-0.896,2-2V2c0-1.104-0.896-2-2-2s-2,0.896-2,2v25C26.5,28.104,27.396,29,28.5,29z"></path>
+	      <path d="M54.418,29.025c-0.007-0.091-0.013-0.183-0.021-0.274c-0.86-10.027-7.407-18.423-16.403-21.955   c-0.092-0.036-0.182-0.073-0.274-0.108c-0.584-0.221-1.177-0.422-1.78-0.602c-0.044-0.013-0.086-0.031-0.13-0.044   c-0.012-0.003-0.024,0-0.036-0.003C34.551,5.683,33.29,5.419,32,5.244v4.038C42.473,10.963,50.5,20.06,50.5,31   c0,12.131-9.869,22-22,22s-22-9.869-22-22c0-10.94,8.027-20.037,18.5-21.719V5.243c-1.278,0.174-2.529,0.435-3.742,0.786   c-0.012,0.003-0.025,0-0.037,0.003c-0.047,0.014-0.091,0.032-0.137,0.046c-0.604,0.179-1.198,0.379-1.783,0.601   c-0.09,0.034-0.178,0.071-0.268,0.106c-1.255,0.491-2.463,1.076-3.614,1.748c-0.01,0.006-0.02,0.011-0.031,0.017   C8.292,12.705,3.344,20.123,2.603,28.748c-0.008,0.091-0.014,0.183-0.021,0.275C2.533,29.676,2.5,30.334,2.5,31   c0,14.359,11.641,26,26,26s26-11.641,26-26C54.5,30.335,54.467,29.677,54.418,29.025z"></path>
+      </g>
+  </svg>
+
+  <!-- Numeric text box svg elements -->
+  <!-- Numeric text box arrow -->
+  <svg id="numeric-text-box-arrow" x="0" y="0" viewBox="0 0 10 10">
+    <polygon points="0,5 5,0 10,5"/>
+  </svg>
+  <!-- Numeric text box arrow metro theme -->
+  <svg id="numeric-text-box-arrow-metro" x="0" y="0" viewBox="0 0 48 48">
+    <path d="M14.83 16.42l9.17 9.17 9.17-9.17 2.83 2.83-12 12-12-12z"/>
+  </svg>
+  <svg id="numeric-text-box-arrow-metro-90deg" x="0" y="0" viewBox="0 0 48 48">
+    <path d="M17.17 32.92l9.17-9.17-9.17-9.17 2.83-2.83 12 12-12 12z"/>
+  </svg>
+  
+</svg>