@osovitny/anatoly 2.14.8 → 2.14.9

package/assets/styles/scss/forms/contactus-form.scss

@@ -1,4 +1,4 @@
-anatoly-forms-contactus-form{
+anatoly-forms-contactus-form {
   .contact-us {
     position: relative;
 
@@ -10,7 +10,10 @@ anatoly-forms-contactus-form{
         margin-bottom: 0;
       }
 
-      .form-name, .form-email, .form-topic, .form-subject {
+      .form-name,
+      .form-email,
+      .form-topic,
+      .form-subject {
         display: flex;
         flex-flow: column wrap;
         position: static;
@@ -29,14 +32,14 @@ anatoly-forms-contactus-form{
           margin-bottom: 0;
         }
 
-        input[type=text] {
+        input[type="text"] {
           box-sizing: border-box;
-          font-size: .95rem;
+          font-size: 0.95rem;
           line-height: 28px;
           height: 44px;
           color: #777;
           background-color: #fff;
-          border: 1px solid rgba(153, 153, 153, .85);
+          border: 1px solid rgba(153, 153, 153, 0.85);
           border-radius: 0.4rem;
           padding: 5px 15px;
           width: 100%;
@@ -52,14 +55,14 @@ anatoly-forms-contactus-form{
 
       textarea {
         box-sizing: border-box;
-        font-size: .95rem;
+        font-size: 0.95rem;
         line-height: 28px;
         order: 0;
         width: 100%;
         margin: 0;
         background-color: #fff;
         color: #777;
-        border: 1px solid rgba(153, 153, 153, .85);
+        border: 1px solid rgba(153, 153, 153, 0.85);
         border-radius: 0.4rem;
         padding: 5px 15px;
         height: 250px;
@@ -78,7 +81,7 @@ anatoly-forms-contactus-form{
     width: 100%;
     padding: 0.6rem 2.25rem 0.6rem 1rem;
     -moz-padding-start: calc(1rem - 3px);
-    font-size: .95rem;
+    font-size: 0.95rem;
     font-weight: 500;
     line-height: 1.7;
     color: #959ca9;
@@ -87,18 +90,16 @@ anatoly-forms-contactus-form{
     background-repeat: no-repeat;
     background-position: right 1rem center;
     background-size: 8px 8px;
-    border: 1px solid rgba(153, 153, 153, .85);
+    border: 1px solid rgba(153, 153, 153, 0.85);
     border-radius: 0.4rem;
     box-shadow: 0 0 1.25rem rgb(30 34 40 / 4%);
-    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     background-clip: padding-box;
     appearance: none;
     margin: 0 0 10px 0;
   }
 
-
-  mex-contactus-dialog{
-
+  mex-contactus-dialog {
     .k-window-content {
       padding: 10px;
 
@@ -107,5 +108,19 @@ anatoly-forms-contactus-form{
       }
     }
   }
+}
 
+anatoly-item-validation-summary {
+  .has-error {
+    &.help-block {
+      display: block;
+    }
+  }
+  .help-block {
+    display: none;
+    width: 100%;
+    margin-top: 0.25rem;
+    font-size: 80%;
+    color: #a60000;
+  }
 }

package/assets/styles/scss/pnlLoading.scss

@@ -0,0 +1,20 @@
+#pnlLoading {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  align-content: center;
+  justify-content: center;
+  overflow: auto;
+  z-index: 2000;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.k-i-loading {
+  display: block;
+  font-size: 100px;
+  color: #fff;
+}

package/assets/styles/styles.scss

@@ -1,6 +1,6 @@
 // @osovitny/anatoly
-// ---------------------------------------------------
 @import "./scss/alerts";
+@import "./scss/pnlLoading";
 @import "./scss/spinner";
 @import "./scss/toastr";
 @import "./scss/dialog/dialog";

package/esm2020/lib/ui/components/loading/loading.component.mjs

@@ -41,9 +41,9 @@ export class LoadingComponent {
     }
 }
 LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LoadingComponent, deps: [{ token: i1.LoadingService }], target: i0.ɵɵFactoryTarget.Component });
-LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: LoadingComponent, selector: "anatoly-loading", ngImport: i0, template: "<div *ngIf=\"show\">\r\n  <span id=\"pnlLoading\" class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: LoadingComponent, selector: "anatoly-loading", ngImport: i0, template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LoadingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anatoly-loading', template: "<div *ngIf=\"show\">\r\n  <span id=\"pnlLoading\" class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
+            args: [{ selector: 'anatoly-loading', template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1.LoadingService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5hdG9seS9zcmMvbGliL3VpL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7Ozs7OztFQWlCRTtBQUVGLE9BQU87QUFDUCxPQUFPLEVBQUMsU0FBUyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUUzRCxNQUFNO0FBQ04sT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLG9CQUFvQixDQUFDOzs7O0FBT3hDLE1BQU0sT0FBTyxnQkFBZ0I7SUFPM0IsWUFBb0IsY0FBOEI7UUFBOUIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBTmxELFVBQVU7UUFDRixTQUFJLEdBQVMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUVoQyxTQUFTO1FBQ1QsU0FBSSxHQUFHLEtBQUssQ0FBQztJQUdiLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUN2RCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNwQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMxQixDQUFDOzs2R0FsQlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsdURDOUI3QixzR0FHQTsyRkQyQmEsZ0JBQWdCO2tCQUo1QixTQUFTOytCQUNFLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbjxmaWxlPlxyXG4gIFByb2plY3Q6XHJcbiAgICBAb3Nvdml0bnkvYW5hdG9seVxyXG5cclxuICBBdXRob3JzOlxyXG4gICAgVmFkaW0gT3Nvdml0bnlcclxuICAgIEFuYXRvbHkgT3Nvdml0bnlcclxuXHJcbiAgQ3JlYXRlZDpcclxuICAgIDkgTWF5IDIwMjBcclxuXHJcbiAgVmVyc2lvbjpcclxuICAgIDEuMFxyXG5cclxuICBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyMiBPc292aXRueSBJbmMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXHJcbjwvZmlsZT5cclxuKi9cclxuXHJcbi8vIE5vZGVcclxuaW1wb3J0IHtDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8vIEFwcFxyXG5pbXBvcnQge1N1YnN9IGZyb20gJy4uLy4uLy4uL2NvcmUvc3Vicyc7XHJcbmltcG9ydCB7TG9hZGluZ1NlcnZpY2V9IGZyb20gJy4uLy4uLy4uL2NvcmUvc2VydmljZXMvbG9hZGluZy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYW5hdG9seS1sb2FkaW5nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgLy8gUHJpdmF0ZVxyXG4gIHByaXZhdGUgc3ViczogU3VicyA9IG5ldyBTdWJzKCk7XHJcblxyXG4gIC8vIFB1YmxpY1xyXG4gIHNob3cgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBsb2FkaW5nU2VydmljZTogTG9hZGluZ1NlcnZpY2UpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zdWJzLnNpbmsgPSB0aGlzLmxvYWRpbmdTZXJ2aWNlLnN1YnNjcmliZSgoc3RhdGUpID0+IHtcclxuICAgICAgdGhpcy5zaG93ID0gc3RhdGU7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5zdWJzLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgKm5nSWY9XCJzaG93XCI+XHJcbiAgPHNwYW4gaWQ9XCJwbmxMb2FkaW5nXCIgY2xhc3M9XCJrLWljb24gay1pLWxvYWRpbmdcIj48L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmF0b2x5L3NyYy9saWIvdWkvY29tcG9uZW50cy9sb2FkaW5nL2xvYWRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5hdG9seS9zcmMvbGliL3VpL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7Ozs7OztFQWlCRTtBQUVGLE9BQU87QUFDUCxPQUFPLEVBQUMsU0FBUyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUUzRCxNQUFNO0FBQ04sT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLG9CQUFvQixDQUFDOzs7O0FBT3hDLE1BQU0sT0FBTyxnQkFBZ0I7SUFPM0IsWUFBb0IsY0FBOEI7UUFBOUIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBTmxELFVBQVU7UUFDRixTQUFJLEdBQVMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUVoQyxTQUFTO1FBQ1QsU0FBSSxHQUFHLEtBQUssQ0FBQztJQUdiLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUN2RCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNwQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMxQixDQUFDOzs2R0FsQlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsdURDOUI3QixzR0FHQTsyRkQyQmEsZ0JBQWdCO2tCQUo1QixTQUFTOytCQUNFLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbjxmaWxlPlxyXG4gIFByb2plY3Q6XHJcbiAgICBAb3Nvdml0bnkvYW5hdG9seVxyXG5cclxuICBBdXRob3JzOlxyXG4gICAgVmFkaW0gT3Nvdml0bnlcclxuICAgIEFuYXRvbHkgT3Nvdml0bnlcclxuXHJcbiAgQ3JlYXRlZDpcclxuICAgIDkgTWF5IDIwMjBcclxuXHJcbiAgVmVyc2lvbjpcclxuICAgIDEuMFxyXG5cclxuICBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyMiBPc292aXRueSBJbmMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXHJcbjwvZmlsZT5cclxuKi9cclxuXHJcbi8vIE5vZGVcclxuaW1wb3J0IHtDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8vIEFwcFxyXG5pbXBvcnQge1N1YnN9IGZyb20gJy4uLy4uLy4uL2NvcmUvc3Vicyc7XHJcbmltcG9ydCB7TG9hZGluZ1NlcnZpY2V9IGZyb20gJy4uLy4uLy4uL2NvcmUvc2VydmljZXMvbG9hZGluZy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYW5hdG9seS1sb2FkaW5nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgLy8gUHJpdmF0ZVxyXG4gIHByaXZhdGUgc3ViczogU3VicyA9IG5ldyBTdWJzKCk7XHJcblxyXG4gIC8vIFB1YmxpY1xyXG4gIHNob3cgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBsb2FkaW5nU2VydmljZTogTG9hZGluZ1NlcnZpY2UpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zdWJzLnNpbmsgPSB0aGlzLmxvYWRpbmdTZXJ2aWNlLnN1YnNjcmliZSgoc3RhdGUpID0+IHtcclxuICAgICAgdGhpcy5zaG93ID0gc3RhdGU7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5zdWJzLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgaWQ9XCJwbmxMb2FkaW5nXCIgKm5nSWY9XCJzaG93XCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJrLWljb24gay1pLWxvYWRpbmdcIj48L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=

package/fesm2015/osovitny-anatoly.mjs

@@ -3004,10 +3004,10 @@ class LoadingComponent {
     }
 }
 LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LoadingComponent, deps: [{ token: LoadingService }], target: i0.ɵɵFactoryTarget.Component });
-LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: LoadingComponent, selector: "anatoly-loading", ngImport: i0, template: "<div *ngIf=\"show\">\r\n  <span id=\"pnlLoading\" class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: LoadingComponent, selector: "anatoly-loading", ngImport: i0, template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LoadingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anatoly-loading', template: "<div *ngIf=\"show\">\r\n  <span id=\"pnlLoading\" class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
+            args: [{ selector: 'anatoly-loading', template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: LoadingService }]; } });
 
 /*