@yoozsoft/yoozsoft-ng 3.1.4 → 4.0.1

package/assets/js/UTIF.js-master/package-lock.json

@@ -0,0 +1,13 @@
+{
+  "name": "utif",
+  "version": "1.3.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "pako": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.6.tgz",
+      "integrity": "sha512-lQe48YPsMJAig+yngZ87Lus+NF+3mtu7DVOBu6b/gHO1YpKwIj5AWjZ/TOS7i46HD/UixzWb1zeWDZfGZ3iYcg=="
+    }
+  }
+}

package/assets/styles/ys-layout.scss

@@ -1,68 +1,42 @@
-.ys-page-wrapper {
+.page-wrapper {
     height: 100vh;
 
     main {
         padding-top: 3.5rem;
         height: 100%;
-        overflow: hidden;
-        -webkit-transition: all 0.5s ease;
-        -moz-transition: all 0.5s ease;
-        -o-transition: all 0.5s ease;
-        transition: all 0.5s ease;
 
-        .sidebar {
-            height: calc(100% - 3.5rem);
-            top: 3.5rem;
-            left: -260px;
-        }
-
-        .ys-page-content {
+        .page-content {
             overflow: auto;
-        }
-    }
-
-    &.toggled-sidebar {
-        main {
-            @media (min-width: 768px) {
-                padding-left: 260px;
-            }
-
-            .ys-overlay {
-                display: block;
-
-                @media (min-width: 768px) {
-                    display: none;
-                }
-            }
+            padding-left: 0;
         }
 
         .sidebar {
-            left: 0px;
+            height: calc(100% - 3.5rem);
+            top: 3.5rem;
+            left: -300px;
         }
-    }
-}
 
-html[dir="rtl"] {
-    .ys-page-wrapper {
-        main {
-            .sidebar {
-                left: auto !important;
-                right: -260px;
-            }
-        }
+        &.sidebar-toggled {
+            @media (min-width: 992px) {
+                .page-content {
+                    padding-left: 300px;
+                }
 
-        &.toggled-sidebar {
-            main {
-                @media (min-width: 768px) {
-                    padding-left: unset !important;
-                    padding-right: 260px;
+                .overlay {
+                    display: none !important;
                 }
             }
 
             .sidebar {
-                left: auto !important;
-                right: 0px;
+                left: 0;
             }
         }
     }
 }
+
+.transition-ease {
+    -webkit-transition: all 0.5s ease;
+    -moz-transition: all 0.5s ease;
+    -o-transition: all 0.5s ease;
+    transition: all 0.5s ease;
+}

package/assets/styles/ys-preloader-9.scss

@@ -0,0 +1,254 @@
+/********************  Preloader 9 *******************/
+.loader9 {
+    width: 256px;
+    height: 256px;
+    margin: 100px auto 0;
+    position: relative;
+}
+.loader9:after {
+    content: "";
+    width: 64px;
+    height: 12px;
+    border-radius: 50%;
+    background: rgba(0, 0, 0, 0.05);
+    position: absolute;
+    top: 205px;
+    left: 96px;
+    animation: loading-93 1.25s linear infinite;
+}
+.loader9 .box-1,
+.loader9 .box-2 {
+    border-radius: 2px;
+    position: absolute;
+}
+.loader9 .box-1 {
+    width: 64px;
+    height: 64px;
+    background: var(--bs-success);
+    top: 146px;
+    left: 96px;
+    z-index: 1;
+    animation: loading-9 1.25s linear infinite;
+}
+.loader9 .box-2 {
+    width: 32px;
+    height: 32px;
+    background: var(--bs-danger);
+    top: 114px;
+    left: 112px;
+    animation: loading-92 1.25s linear infinite;
+}
+@-webkit-keyframes loading-9 {
+    0%,
+    5% {
+        width: 128px;
+        height: 32px;
+        transform: translateX(-32px) translateY(35px) rotate(0);
+    }
+    22% {
+        transform: translateX(0) translateY(0) rotate(0);
+    }
+    25% {
+        width: 64px;
+        height: 64px;
+        transform: translateX(0) translateY(-10px) rotate(0);
+    }
+    35% {
+        transform: translateX(0) translateY(-90px) rotate(30deg);
+    }
+    45% {
+        transform: translateX(0) translateY(-130px) rotate(60deg);
+    }
+    50% {
+        transform: translateX(0) translateY(-145px) rotate(75deg);
+    }
+    55% {
+        transform: translateX(0) translateY(-150px) rotate(90deg);
+    }
+    60% {
+        transform: translateX(0) translateY(-140px) rotate(105deg);
+    }
+    65% {
+        transform: translateX(0) translateY(-130px) rotate(120deg);
+    }
+    75% {
+        transform: translateX(0) translateY(-90px) rotate(150deg);
+    }
+    85% {
+        width: 64px;
+        height: 64px;
+        transform: translateX(0) translateY(0) rotate(180deg);
+    }
+    100% {
+        width: 128px;
+        height: 32px;
+        transform: translateX(-32px) translateY(35px) rotate(180deg);
+    }
+}
+@keyframes loading-9 {
+    0%,
+    5% {
+        width: 128px;
+        height: 32px;
+        transform: translateX(-32px) translateY(35px) rotate(0);
+    }
+    22% {
+        transform: translateX(0) translateY(0) rotate(0);
+    }
+    25% {
+        width: 64px;
+        height: 64px;
+        transform: translateX(0) translateY(-10px) rotate(0);
+    }
+    35% {
+        transform: translateX(0) translateY(-90px) rotate(30deg);
+    }
+    45% {
+        transform: translateX(0) translateY(-130px) rotate(60deg);
+    }
+    50% {
+        transform: translateX(0) translateY(-145px) rotate(75deg);
+    }
+    55% {
+        transform: translateX(0) translateY(-150px) rotate(90deg);
+    }
+    60% {
+        transform: translateX(0) translateY(-140px) rotate(105deg);
+    }
+    65% {
+        transform: translateX(0) translateY(-130px) rotate(120deg);
+    }
+    75% {
+        transform: translateX(0) translateY(-90px) rotate(150deg);
+    }
+    85% {
+        width: 64px;
+        height: 64px;
+        transform: translateX(0) translateY(0) rotate(180deg);
+    }
+    100% {
+        width: 128px;
+        height: 32px;
+        transform: translateX(-32px) translateY(35px) rotate(180deg);
+    }
+}
+@-webkit-keyframes loading-92 {
+    0%,
+    5% {
+        width: 64px;
+        height: 16px;
+        transform: translateX(-16px) translateY(51px) rotate(0);
+    }
+    22% {
+        transform: translateX(0) translateY(3px) rotate(0);
+    }
+    25% {
+        width: 32px;
+        height: 32px;
+        transform: translateX(0) translateY(-15px) rotate(0);
+    }
+    35% {
+        transform: translateX(0) translateY(-135px) rotate(-60deg);
+    }
+    45% {
+        transform: translateX(0) translateY(-195px) rotate(-120deg);
+    }
+    50% {
+        transform: translateX(0) translateY(-215px) rotate(-150deg);
+    }
+    55% {
+        transform: translateX(0) translateY(-225px) rotate(-180deg);
+    }
+    60% {
+        transform: translateX(0) translateY(-215px) rotate(-210deg);
+    }
+    65% {
+        transform: translateX(0) translateY(-195px) rotate(-240deg);
+    }
+    75% {
+        transform: translateX(0) translateY(-135px) rotate(-300deg);
+    }
+    85% {
+        width: 32px;
+        height: 32px;
+        transform: translateX(0) translateY(0) rotate(-360deg);
+    }
+    100% {
+        width: 64px;
+        height: 16px;
+        transform: translateX(-16px) translateY(51px) rotate(-360deg);
+    }
+}
+@keyframes loading-92 {
+    0%,
+    5% {
+        width: 64px;
+        height: 16px;
+        transform: translateX(-16px) translateY(51px) rotate(0);
+    }
+    22% {
+        transform: translateX(0) translateY(3px) rotate(0);
+    }
+    25% {
+        width: 32px;
+        height: 32px;
+        transform: translateX(0) translateY(-15px) rotate(0);
+    }
+    35% {
+        transform: translateX(0) translateY(-135px) rotate(-60deg);
+    }
+    45% {
+        transform: translateX(0) translateY(-195px) rotate(-120deg);
+    }
+    50% {
+        transform: translateX(0) translateY(-215px) rotate(-150deg);
+    }
+    55% {
+        transform: translateX(0) translateY(-225px) rotate(-180deg);
+    }
+    60% {
+        transform: translateX(0) translateY(-215px) rotate(-210deg);
+    }
+    65% {
+        transform: translateX(0) translateY(-195px) rotate(-240deg);
+    }
+    75% {
+        transform: translateX(0) translateY(-135px) rotate(-300deg);
+    }
+    85% {
+        width: 32px;
+        height: 32px;
+        transform: translateX(0) translateY(0) rotate(-360deg);
+    }
+    100% {
+        width: 64px;
+        height: 16px;
+        transform: translateX(-16px) translateY(51px) rotate(-360deg);
+    }
+}
+@-webkit-keyframes loading-93 {
+    0%,
+    100% {
+        transform: scale(2.5, 1);
+    }
+    30%,
+    85% {
+        transform: scale(1.5, 1);
+    }
+    55% {
+        transform: scale(0.8, 0.8);
+    }
+}
+@keyframes loading-93 {
+    0%,
+    100% {
+        transform: scale(2.5, 1);
+    }
+    30%,
+    85% {
+        transform: scale(1.5, 1);
+    }
+    55% {
+        transform: scale(0.8, 0.8);
+    }
+}

package/assets/styles/ys-preloader.scss

@@ -14,33 +14,33 @@
     animation-timing-function: ease-in-out;
     animation-iteration-count: infinite;
 }
-.preloader .box1 {
+.preloader .box-1 {
     background: linear-gradient(-45deg, red, #d60c0c);
     transform-origin: bottom center;
     top: 4px;
     left: 4px;
-    animation-name: box1;
+    animation-name: box-1;
 }
-.preloader .box2 {
+.preloader .box-2 {
     background: linear-gradient(-45deg, #15c109, #29870d);
     transform-origin: center left;
     top: 4px;
     right: 4px;
-    animation-name: box2;
+    animation-name: box-2;
 }
-.preloader .box3 {
+.preloader .box-3 {
     background: linear-gradient(-45deg, #c300ff, #a808a8);
     transform-origin: top center;
     bottom: 4px;
     right: 4px;
-    animation-name: box3;
+    animation-name: box-3;
 }
-.preloader .box4 {
+.preloader .box-4 {
     background: linear-gradient(-45deg, #fc8e28, #ea7e0b);
     transform-origin: center right;
     bottom: 4px;
     left: 4px;
-    animation-name: box4;
+    animation-name: box-4;
 }
 @keyframes loader-container {
     0%,
@@ -63,7 +63,7 @@
         transform: rotate(360deg);
     }
 }
-@keyframes box1 {
+@keyframes box-1 {
     0%,
     100%,
     99% {
@@ -74,7 +74,7 @@
         transform: perspective(200px) rotateX(0);
     }
 }
-@keyframes box2 {
+@keyframes box-2 {
     0%,
     100%,
     11%,
@@ -86,7 +86,7 @@
         transform: perspective(200px) rotateY(0);
     }
 }
-@keyframes box3 {
+@keyframes box-3 {
     0%,
     100%,
     22%,
@@ -98,7 +98,7 @@
         transform: perspective(200px) rotateX(0);
     }
 }
-@keyframes box4 {
+@keyframes box-4 {
     0%,
     100%,
     33%,

package/datepicker/src/models/date-time-format.d.ts

@@ -1,3 +1,2 @@
 export declare class DateTimeFormat {
-    static twoDigit(s: string): string;
 }

package/datepicker/src/ys-datepicker/ys-datepicker.component.d.ts

@@ -1,12 +1,17 @@
 import { TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { NgbCalendar, NgbDate, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
+import { I18n } from '../services';
 import * as i0 from "@angular/core";
 export declare class YsDatepickerComponent implements ControlValueAccessor {
+    private i18N;
     calendar: NgbCalendar;
     today: NgbDate;
     firstDayOfWeek: number;
     weekend: number[];
+    private _language;
+    get language(): string;
+    set language(value: string);
     isFooter: boolean;
     todayLabel: string;
     footer: TemplateRef<any> | null;
@@ -16,6 +21,7 @@ export declare class YsDatepickerComponent implements ControlValueAccessor {
     disabled: boolean;
     onChange: any;
     onTouched: any;
+    constructor(i18N: I18n);
     writeValue(obj: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -28,5 +34,5 @@ export declare class YsDatepickerComponent implements ControlValueAccessor {
     valueChanged(newDate: NgbDateStruct | string | null): void;
     setToday(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<YsDatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YsDatepickerComponent, "ys-datepicker", never, { "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "weekend": { "alias": "weekend"; "required": false; }; "isFooter": { "alias": "isFooter"; "required": false; }; "todayLabel": { "alias": "todayLabel"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YsDatepickerComponent, "ys-datepicker", never, { "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "weekend": { "alias": "weekend"; "required": false; }; "language": { "alias": "language"; "required": false; }; "isFooter": { "alias": "isFooter"; "required": false; }; "todayLabel": { "alias": "todayLabel"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }

package/directives/src/password-match/ys-password-match.directive.d.ts

@@ -4,7 +4,7 @@ export declare class YsPasswordMatchDirective implements Validator {
     matchWith: string;
     validate(control: AbstractControl<any, any>): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<YsPasswordMatchDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<YsPasswordMatchDirective, "[passwordMatch]", never, { "matchWith": { "alias": "passwordMatch"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<YsPasswordMatchDirective, "[ysPasswordMatch]", never, { "matchWith": { "alias": "passwordMatch"; "required": false; }; }, {}, never, never, true, never>;
 }
 /**
  * Validate password and repeat password matching.