@yoozsoft/yoozsoft-ng 5.0.2 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/js/UTIF.js-master/LICENSE +21 -21
- package/assets/js/UTIF.js-master/README.md +72 -72
- package/assets/js/UTIF.js-master/UTIF.js +1762 -1762
- package/assets/js/UTIF.js-master/package-lock.json +13 -13
- package/autocomplete/index.d.ts +65 -0
- package/fesm2022/yoozsoft-yoozsoft-ng-autocomplete.mjs +252 -0
- package/fesm2022/yoozsoft-yoozsoft-ng-autocomplete.mjs.map +1 -0
- package/fesm2022/yoozsoft-yoozsoft-ng-datepicker.mjs +12 -12
- package/fesm2022/yoozsoft-yoozsoft-ng-datepicker.mjs.map +1 -1
- package/fesm2022/yoozsoft-yoozsoft-ng-file-upload.mjs +1 -1
- package/fesm2022/yoozsoft-yoozsoft-ng-file-upload.mjs.map +1 -1
- package/fesm2022/yoozsoft-yoozsoft-ng-footer.mjs +2 -2
- package/fesm2022/yoozsoft-yoozsoft-ng-footer.mjs.map +1 -1
- package/fesm2022/yoozsoft-yoozsoft-ng-loading.mjs +2 -2
- package/fesm2022/yoozsoft-yoozsoft-ng-loading.mjs.map +1 -1
- package/fesm2022/yoozsoft-yoozsoft-ng-navbar.mjs +2 -2
- package/fesm2022/yoozsoft-yoozsoft-ng-navbar.mjs.map +1 -1
- package/fesm2022/yoozsoft-yoozsoft-ng-password-strength.mjs +2 -2
- package/fesm2022/yoozsoft-yoozsoft-ng-password-strength.mjs.map +1 -1
- package/fesm2022/yoozsoft-yoozsoft-ng-select.mjs +4 -4
- package/fesm2022/yoozsoft-yoozsoft-ng-select.mjs.map +1 -1
- package/fesm2022/yoozsoft-yoozsoft-ng-sidebar.mjs +2 -2
- package/fesm2022/yoozsoft-yoozsoft-ng-sidebar.mjs.map +1 -1
- package/fesm2022/yoozsoft-yoozsoft-ng-toast.mjs +2 -2
- package/fesm2022/yoozsoft-yoozsoft-ng-toast.mjs.map +1 -1
- package/fesm2022/yoozsoft-yoozsoft-ng.mjs.map +1 -1
- package/package.json +18 -13
- package/select/index.d.ts +2 -2
|
@@ -104,11 +104,11 @@ class YsSidebarComponent {
|
|
|
104
104
|
// }
|
|
105
105
|
}
|
|
106
106
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsSidebarComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
107
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsSidebarComponent, isStandalone: true, selector: "ys-sidebar", inputs: { items: "items", profile: "profile", styleClass: "styleClass", itemsStyleClass: "itemsStyleClass" }, ngImport: i0, template: "<aside class=\"sidebar card overflow-auto shadow-sm transition-ease\" [ngClass]=\"styleClass\">\n @if (profile) {\n <div>\n @if (profile.image || fullName || profile.role) {\n <div\n class=\"sidebar-profile d-flex flex-column justify-content-center pt-3\">\n @if (profile.image) {\n <div class=\"image-wrapper\" [ngClass]=\"{'mb-3': fullName || profile.role}\">\n <div class=\"user-image rounded-circle m-auto transition-ease\">\n <img src=\"{{profile.image.src}}\" class=\"img-fluid\" alt=\"{{profile.image.alt}}\">\n </div>\n </div>\n }\n @if (fullName || profile.role) {\n <div class=\"profile-details d-flex flex-column text-center transition-ease\">\n @if (fullName) {\n <strong class=\"text-uppercase name\">{{fullName || ''}}</strong>\n }\n @if (profile.role) {\n <small class=\"text-uppercase role\">{{profile.role}}</small>\n }\n </div>\n }\n </div>\n }\n <hr />\n </div>\n }\n\n <div class=\"sidebar-menu\" [ngClass]=\"{'pt-2': !profile}\">\n <ul class=\"sidebar-items nav nav-pills flex-column mx-2\" [ngClass]=\"itemsStyleClass\">\n @for (item of items; track item) {\n @if (item.isDivider) {\n <hr class=\"sidebar-divider\" />\n }\n @if (!item.isDivider) {\n @if (!isDropdown(item)) {\n <li class=\"nav-item d-block\">\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"item.routerLink\"\n [routerLinkActive]=\"['active']\" role=\"button\"\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\n @if (item.iconClass) {\n <i [ngClass]=\"item.iconClass\"></i>\n }\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\n @if (item.badgeLabel) {\n <span class=\"badge bg-info\"\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\n }\n </a>\n </li>\n }\n @if (isDropdown(item)) {\n <li class=\"nav-item d-block dropend\">\n <a class=\"nav-link d-flex align-items-center dropdown-toggle\"\n [ngClass]=\"{'active': item.isActive , 'toggled': item.isOpen}\" data-bs-toggle=\"dropend\"\n role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\n @if (item.iconClass) {\n <i [ngClass]=\"item.iconClass\"></i>\n }\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\n @if (item.badgeLabel) {\n <span class=\"badge bg-info me-1\"\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\n }\n </a>\n <ul class=\"nav-sub-items nav nav-pills flex-column rounded shadow-sm mb-2 mx-2\"\n [ngClass]=\"{'show': item.isOpen}\">\n @for (subItem of item.items; track subItem) {\n @if (subItem.isDivider) {\n <hr class=\"sidebar-divider my-1\" />\n }\n @if (!subItem.isDivider) {\n <li class=\"nav-item d-block\">\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"subItem.routerLink\"\n role=\"button\" [routerLinkActive]=\"['active']\"\n (isActiveChange)=\"this.onRouterLinkActive($event, item)\"\n (click)=\"subItem.onClick && subItem.onClick($event)\">\n @if (subItem.iconClass) {\n <i [ngClass]=\"subItem.iconClass\"></i>\n }\n <span class=\"link-label ms-3 me-auto\">{{subItem.label}}</span>\n @if (subItem.badgeLabel) {\n <span class=\"badge bg-info\"\n [ngClass]=\"subItem.badgeStyleClass\">{{subItem.badgeLabel}}</span>\n }\n </a>\n </li>\n }\n }\n </ul>\n </li>\n }\n }\n }\n </ul>\n </div>\n</aside>", styles: ["@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transition-ease{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.sidebar{height:100%;width:300px;position:absolute;top:0;left:0;z-index:1000}.sidebar .sidebar-profile .user-image{width:75px;height:75px;overflow:hidden}.sidebar .sidebar-profile .profile-details{-webkit-animation:fadeIn 1.5s;animation:fadeIn 1.5s}.sidebar .sidebar-profile .profile-details .role{font-size:.7rem;letter-spacing:1px}.sidebar .sidebar-menu .dropdown-toggle:after{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.sidebar .sidebar-menu .dropdown-toggle.toggled:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sidebar .sidebar-menu .nav-sub-items{display:none;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.sidebar .sidebar-menu .nav-sub-items .nav-link{height:3em;line-height:3em;font-size:11px}.show{display:block!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
107
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsSidebarComponent, isStandalone: true, selector: "ys-sidebar", inputs: { items: "items", profile: "profile", styleClass: "styleClass", itemsStyleClass: "itemsStyleClass" }, ngImport: i0, template: "<aside class=\"sidebar card overflow-auto shadow-sm transition-ease\" [ngClass]=\"styleClass\">\r\n @if (profile) {\r\n <div>\r\n @if (profile.image || fullName || profile.role) {\r\n <div\r\n class=\"sidebar-profile d-flex flex-column justify-content-center pt-3\">\r\n @if (profile.image) {\r\n <div class=\"image-wrapper\" [ngClass]=\"{'mb-3': fullName || profile.role}\">\r\n <div class=\"user-image rounded-circle m-auto transition-ease\">\r\n <img src=\"{{profile.image.src}}\" class=\"img-fluid\" alt=\"{{profile.image.alt}}\">\r\n </div>\r\n </div>\r\n }\r\n @if (fullName || profile.role) {\r\n <div class=\"profile-details d-flex flex-column text-center transition-ease\">\r\n @if (fullName) {\r\n <strong class=\"text-uppercase name\">{{fullName || ''}}</strong>\r\n }\r\n @if (profile.role) {\r\n <small class=\"text-uppercase role\">{{profile.role}}</small>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n <hr />\r\n </div>\r\n }\r\n\r\n <div class=\"sidebar-menu\" [ngClass]=\"{'pt-2': !profile}\">\r\n <ul class=\"sidebar-items nav nav-pills flex-column mx-2\" [ngClass]=\"itemsStyleClass\">\r\n @for (item of items; track item) {\r\n @if (item.isDivider) {\r\n <hr class=\"sidebar-divider\" />\r\n }\r\n @if (!item.isDivider) {\r\n @if (!isDropdown(item)) {\r\n <li class=\"nav-item d-block\">\r\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"item.routerLink\"\r\n [routerLinkActive]=\"['active']\" role=\"button\"\r\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\r\n @if (item.iconClass) {\r\n <i [ngClass]=\"item.iconClass\"></i>\r\n }\r\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\r\n @if (item.badgeLabel) {\r\n <span class=\"badge bg-info\"\r\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\r\n }\r\n </a>\r\n </li>\r\n }\r\n @if (isDropdown(item)) {\r\n <li class=\"nav-item d-block dropend\">\r\n <a class=\"nav-link d-flex align-items-center dropdown-toggle\"\r\n [ngClass]=\"{'active': item.isActive , 'toggled': item.isOpen}\" data-bs-toggle=\"dropend\"\r\n role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"\r\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\r\n @if (item.iconClass) {\r\n <i [ngClass]=\"item.iconClass\"></i>\r\n }\r\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\r\n @if (item.badgeLabel) {\r\n <span class=\"badge bg-info me-1\"\r\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\r\n }\r\n </a>\r\n <ul class=\"nav-sub-items nav nav-pills flex-column rounded shadow-sm mb-2 mx-2\"\r\n [ngClass]=\"{'show': item.isOpen}\">\r\n @for (subItem of item.items; track subItem) {\r\n @if (subItem.isDivider) {\r\n <hr class=\"sidebar-divider my-1\" />\r\n }\r\n @if (!subItem.isDivider) {\r\n <li class=\"nav-item d-block\">\r\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"subItem.routerLink\"\r\n role=\"button\" [routerLinkActive]=\"['active']\"\r\n (isActiveChange)=\"this.onRouterLinkActive($event, item)\"\r\n (click)=\"subItem.onClick && subItem.onClick($event)\">\r\n @if (subItem.iconClass) {\r\n <i [ngClass]=\"subItem.iconClass\"></i>\r\n }\r\n <span class=\"link-label ms-3 me-auto\">{{subItem.label}}</span>\r\n @if (subItem.badgeLabel) {\r\n <span class=\"badge bg-info\"\r\n [ngClass]=\"subItem.badgeStyleClass\">{{subItem.badgeLabel}}</span>\r\n }\r\n </a>\r\n </li>\r\n }\r\n }\r\n </ul>\r\n </li>\r\n }\r\n }\r\n }\r\n </ul>\r\n </div>\r\n</aside>", styles: ["@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transition-ease{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.sidebar{height:100%;width:300px;position:absolute;top:0;left:0;z-index:1000}.sidebar .sidebar-profile .user-image{width:75px;height:75px;overflow:hidden}.sidebar .sidebar-profile .profile-details{-webkit-animation:fadeIn 1.5s;animation:fadeIn 1.5s}.sidebar .sidebar-profile .profile-details .role{font-size:.7rem;letter-spacing:1px}.sidebar .sidebar-menu .dropdown-toggle:after{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.sidebar .sidebar-menu .dropdown-toggle.toggled:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sidebar .sidebar-menu .nav-sub-items{display:none;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.sidebar .sidebar-menu .nav-sub-items .nav-link{height:3em;line-height:3em;font-size:11px}.show{display:block!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
108
108
|
}
|
|
109
109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsSidebarComponent, decorators: [{
|
|
110
110
|
type: Component,
|
|
111
|
-
args: [{ selector: 'ys-sidebar', imports: [NgClass, RouterLink, RouterLinkActive], template: "<aside class=\"sidebar card overflow-auto shadow-sm transition-ease\" [ngClass]=\"styleClass\">\n @if (profile) {\n <div>\n @if (profile.image || fullName || profile.role) {\n <div\n class=\"sidebar-profile d-flex flex-column justify-content-center pt-3\">\n @if (profile.image) {\n <div class=\"image-wrapper\" [ngClass]=\"{'mb-3': fullName || profile.role}\">\n <div class=\"user-image rounded-circle m-auto transition-ease\">\n <img src=\"{{profile.image.src}}\" class=\"img-fluid\" alt=\"{{profile.image.alt}}\">\n </div>\n </div>\n }\n @if (fullName || profile.role) {\n <div class=\"profile-details d-flex flex-column text-center transition-ease\">\n @if (fullName) {\n <strong class=\"text-uppercase name\">{{fullName || ''}}</strong>\n }\n @if (profile.role) {\n <small class=\"text-uppercase role\">{{profile.role}}</small>\n }\n </div>\n }\n </div>\n }\n <hr />\n </div>\n }\n\n <div class=\"sidebar-menu\" [ngClass]=\"{'pt-2': !profile}\">\n <ul class=\"sidebar-items nav nav-pills flex-column mx-2\" [ngClass]=\"itemsStyleClass\">\n @for (item of items; track item) {\n @if (item.isDivider) {\n <hr class=\"sidebar-divider\" />\n }\n @if (!item.isDivider) {\n @if (!isDropdown(item)) {\n <li class=\"nav-item d-block\">\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"item.routerLink\"\n [routerLinkActive]=\"['active']\" role=\"button\"\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\n @if (item.iconClass) {\n <i [ngClass]=\"item.iconClass\"></i>\n }\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\n @if (item.badgeLabel) {\n <span class=\"badge bg-info\"\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\n }\n </a>\n </li>\n }\n @if (isDropdown(item)) {\n <li class=\"nav-item d-block dropend\">\n <a class=\"nav-link d-flex align-items-center dropdown-toggle\"\n [ngClass]=\"{'active': item.isActive , 'toggled': item.isOpen}\" data-bs-toggle=\"dropend\"\n role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\n @if (item.iconClass) {\n <i [ngClass]=\"item.iconClass\"></i>\n }\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\n @if (item.badgeLabel) {\n <span class=\"badge bg-info me-1\"\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\n }\n </a>\n <ul class=\"nav-sub-items nav nav-pills flex-column rounded shadow-sm mb-2 mx-2\"\n [ngClass]=\"{'show': item.isOpen}\">\n @for (subItem of item.items; track subItem) {\n @if (subItem.isDivider) {\n <hr class=\"sidebar-divider my-1\" />\n }\n @if (!subItem.isDivider) {\n <li class=\"nav-item d-block\">\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"subItem.routerLink\"\n role=\"button\" [routerLinkActive]=\"['active']\"\n (isActiveChange)=\"this.onRouterLinkActive($event, item)\"\n (click)=\"subItem.onClick && subItem.onClick($event)\">\n @if (subItem.iconClass) {\n <i [ngClass]=\"subItem.iconClass\"></i>\n }\n <span class=\"link-label ms-3 me-auto\">{{subItem.label}}</span>\n @if (subItem.badgeLabel) {\n <span class=\"badge bg-info\"\n [ngClass]=\"subItem.badgeStyleClass\">{{subItem.badgeLabel}}</span>\n }\n </a>\n </li>\n }\n }\n </ul>\n </li>\n }\n }\n }\n </ul>\n </div>\n</aside>", styles: ["@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transition-ease{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.sidebar{height:100%;width:300px;position:absolute;top:0;left:0;z-index:1000}.sidebar .sidebar-profile .user-image{width:75px;height:75px;overflow:hidden}.sidebar .sidebar-profile .profile-details{-webkit-animation:fadeIn 1.5s;animation:fadeIn 1.5s}.sidebar .sidebar-profile .profile-details .role{font-size:.7rem;letter-spacing:1px}.sidebar .sidebar-menu .dropdown-toggle:after{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.sidebar .sidebar-menu .dropdown-toggle.toggled:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sidebar .sidebar-menu .nav-sub-items{display:none;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.sidebar .sidebar-menu .nav-sub-items .nav-link{height:3em;line-height:3em;font-size:11px}.show{display:block!important}\n"] }]
|
|
111
|
+
args: [{ selector: 'ys-sidebar', imports: [NgClass, RouterLink, RouterLinkActive], template: "<aside class=\"sidebar card overflow-auto shadow-sm transition-ease\" [ngClass]=\"styleClass\">\r\n @if (profile) {\r\n <div>\r\n @if (profile.image || fullName || profile.role) {\r\n <div\r\n class=\"sidebar-profile d-flex flex-column justify-content-center pt-3\">\r\n @if (profile.image) {\r\n <div class=\"image-wrapper\" [ngClass]=\"{'mb-3': fullName || profile.role}\">\r\n <div class=\"user-image rounded-circle m-auto transition-ease\">\r\n <img src=\"{{profile.image.src}}\" class=\"img-fluid\" alt=\"{{profile.image.alt}}\">\r\n </div>\r\n </div>\r\n }\r\n @if (fullName || profile.role) {\r\n <div class=\"profile-details d-flex flex-column text-center transition-ease\">\r\n @if (fullName) {\r\n <strong class=\"text-uppercase name\">{{fullName || ''}}</strong>\r\n }\r\n @if (profile.role) {\r\n <small class=\"text-uppercase role\">{{profile.role}}</small>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n <hr />\r\n </div>\r\n }\r\n\r\n <div class=\"sidebar-menu\" [ngClass]=\"{'pt-2': !profile}\">\r\n <ul class=\"sidebar-items nav nav-pills flex-column mx-2\" [ngClass]=\"itemsStyleClass\">\r\n @for (item of items; track item) {\r\n @if (item.isDivider) {\r\n <hr class=\"sidebar-divider\" />\r\n }\r\n @if (!item.isDivider) {\r\n @if (!isDropdown(item)) {\r\n <li class=\"nav-item d-block\">\r\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"item.routerLink\"\r\n [routerLinkActive]=\"['active']\" role=\"button\"\r\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\r\n @if (item.iconClass) {\r\n <i [ngClass]=\"item.iconClass\"></i>\r\n }\r\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\r\n @if (item.badgeLabel) {\r\n <span class=\"badge bg-info\"\r\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\r\n }\r\n </a>\r\n </li>\r\n }\r\n @if (isDropdown(item)) {\r\n <li class=\"nav-item d-block dropend\">\r\n <a class=\"nav-link d-flex align-items-center dropdown-toggle\"\r\n [ngClass]=\"{'active': item.isActive , 'toggled': item.isOpen}\" data-bs-toggle=\"dropend\"\r\n role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"\r\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\r\n @if (item.iconClass) {\r\n <i [ngClass]=\"item.iconClass\"></i>\r\n }\r\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\r\n @if (item.badgeLabel) {\r\n <span class=\"badge bg-info me-1\"\r\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\r\n }\r\n </a>\r\n <ul class=\"nav-sub-items nav nav-pills flex-column rounded shadow-sm mb-2 mx-2\"\r\n [ngClass]=\"{'show': item.isOpen}\">\r\n @for (subItem of item.items; track subItem) {\r\n @if (subItem.isDivider) {\r\n <hr class=\"sidebar-divider my-1\" />\r\n }\r\n @if (!subItem.isDivider) {\r\n <li class=\"nav-item d-block\">\r\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"subItem.routerLink\"\r\n role=\"button\" [routerLinkActive]=\"['active']\"\r\n (isActiveChange)=\"this.onRouterLinkActive($event, item)\"\r\n (click)=\"subItem.onClick && subItem.onClick($event)\">\r\n @if (subItem.iconClass) {\r\n <i [ngClass]=\"subItem.iconClass\"></i>\r\n }\r\n <span class=\"link-label ms-3 me-auto\">{{subItem.label}}</span>\r\n @if (subItem.badgeLabel) {\r\n <span class=\"badge bg-info\"\r\n [ngClass]=\"subItem.badgeStyleClass\">{{subItem.badgeLabel}}</span>\r\n }\r\n </a>\r\n </li>\r\n }\r\n }\r\n </ul>\r\n </li>\r\n }\r\n }\r\n }\r\n </ul>\r\n </div>\r\n</aside>", styles: ["@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transition-ease{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.sidebar{height:100%;width:300px;position:absolute;top:0;left:0;z-index:1000}.sidebar .sidebar-profile .user-image{width:75px;height:75px;overflow:hidden}.sidebar .sidebar-profile .profile-details{-webkit-animation:fadeIn 1.5s;animation:fadeIn 1.5s}.sidebar .sidebar-profile .profile-details .role{font-size:.7rem;letter-spacing:1px}.sidebar .sidebar-menu .dropdown-toggle:after{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.sidebar .sidebar-menu .dropdown-toggle.toggled:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sidebar .sidebar-menu .nav-sub-items{display:none;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.sidebar .sidebar-menu .nav-sub-items .nav-link{height:3em;line-height:3em;font-size:11px}.show{display:block!important}\n"] }]
|
|
112
112
|
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { items: [{
|
|
113
113
|
type: Input
|
|
114
114
|
}], profile: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"yoozsoft-yoozsoft-ng-sidebar.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/sidebar/src/services/sidebar.service.ts","../../../../projects/yoozsoft/yoozsoft-ng/sidebar/src/ys-sidebar/ys-sidebar.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/sidebar/src/ys-sidebar/ys-sidebar.component.html","../../../../projects/yoozsoft/yoozsoft-ng/sidebar/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/sidebar/yoozsoft-yoozsoft-ng-sidebar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { BehaviorSubject } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class SidebarService {\r\n\r\n constructor() { }\r\n\r\n private _isSidebarToggled$ = new BehaviorSubject<boolean>(true);\r\n\r\n private _isSidebar$ = new BehaviorSubject<boolean>(false);\r\n\r\n /**\r\n * Sidebar toggled state. Default value is true.\r\n */\r\n get isSidebarToggled$() { return this._isSidebarToggled$.asObservable(); }\r\n\r\n /**\r\n * Sidebar display state. Default value is false.\r\n */\r\n get isSidebar$() { return this._isSidebar$.asObservable(); }\r\n\r\n /**\r\n * Change sidebar toggle state.\r\n */\r\n toggleSidebar() {\r\n this._isSidebarToggled$.next(!this._isSidebarToggled$.value);\r\n }\r\n\r\n /**\r\n * Set sidebar toggle state.\r\n * @param isToggled \r\n */\r\n setIsSidebarToggled(isToggled: boolean) {\r\n this._isSidebarToggled$.next(isToggled);\r\n }\r\n\r\n /**\r\n * Set sidebar toggle state.\r\n * @param isSidebar \r\n */\r\n setIsSidebar(isSidebar: boolean) {\r\n this._isSidebar$.next(isSidebar);\r\n }\r\n\r\n /**\r\n * Return sidebar toggle state.\r\n */\r\n get sidebarState() {\r\n return this._isSidebarToggled$.getValue()\r\n }\r\n\r\n}\r\n","import { NgClass } from '@angular/common';\r\nimport { Component, Input, OnDestroy } from '@angular/core';\r\nimport { NavigationEnd, Router, RouterLink, RouterLinkActive } from '@angular/router';\r\nimport { Subscription } from 'rxjs';\r\nimport { SidebarItem, SidebarItemActive, UserProfile } from '../models';\r\n\r\n@Component({\r\n selector: 'ys-sidebar',\r\n imports: [NgClass, RouterLink, RouterLinkActive],\r\n templateUrl: './ys-sidebar.component.html',\r\n styleUrl: './ys-sidebar.component.scss'\r\n})\r\nexport class YsSidebarComponent implements OnDestroy {\r\n\r\n private subscription: Subscription;\r\n private currentItem?: SidebarItemActive;\r\n private currentItemState: boolean[] = [];\r\n\r\n private _items: SidebarItemActive[] = [];\r\n @Input()\r\n get items(): SidebarItemActive[] { return this._items };\r\n set items(value: SidebarItem[]) { this._items = value; }\r\n\r\n @Input() profile: UserProfile | null = null;\r\n @Input() styleClass?: string;\r\n @Input() itemsStyleClass?: string;\r\n\r\n constructor(private router: Router) {\r\n this.subscription = router.events.subscribe(e => {\r\n if (e instanceof NavigationEnd) {\r\n this.currentItem = undefined;\r\n this.currentItemState = [];\r\n }\r\n })\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.subscription.unsubscribe();\r\n }\r\n\r\n get fullName(): string { return `${this.profile?.firstName} ${this.profile?.lastName}`; }\r\n\r\n openItem(item: SidebarItemActive): void {\r\n if (item.isOpen) {\r\n item.isOpen = !item.isOpen;\r\n return;\r\n }\r\n\r\n this.items.forEach(x => x.isOpen = false);\r\n item.isOpen = !item.isOpen;\r\n }\r\n\r\n isDropdown(item: SidebarItem): boolean {\r\n return (item.items?.length ?? 0) > 0;\r\n }\r\n\r\n onRouterLinkActive(isActive: boolean, item: SidebarItemActive) {\r\n this.currentItemState.push(isActive);\r\n\r\n if (!isActive && this.currentItem == item) {\r\n if (this.currentItemState.length == 2 && this.currentItemState[0] && !this.currentItemState[1]) {\r\n return;\r\n }\r\n }\r\n\r\n this.currentItem = item;\r\n item.isActive = isActive;\r\n // if (isActive) {\r\n // this.items.forEach(x => x.isOpen = false);\r\n // item.isOpen = true;\r\n // }\r\n }\r\n\r\n}\r\n","<aside class=\"sidebar card overflow-auto shadow-sm transition-ease\" [ngClass]=\"styleClass\">\n @if (profile) {\n <div>\n @if (profile.image || fullName || profile.role) {\n <div\n class=\"sidebar-profile d-flex flex-column justify-content-center pt-3\">\n @if (profile.image) {\n <div class=\"image-wrapper\" [ngClass]=\"{'mb-3': fullName || profile.role}\">\n <div class=\"user-image rounded-circle m-auto transition-ease\">\n <img src=\"{{profile.image.src}}\" class=\"img-fluid\" alt=\"{{profile.image.alt}}\">\n </div>\n </div>\n }\n @if (fullName || profile.role) {\n <div class=\"profile-details d-flex flex-column text-center transition-ease\">\n @if (fullName) {\n <strong class=\"text-uppercase name\">{{fullName || ''}}</strong>\n }\n @if (profile.role) {\n <small class=\"text-uppercase role\">{{profile.role}}</small>\n }\n </div>\n }\n </div>\n }\n <hr />\n </div>\n }\n\n <div class=\"sidebar-menu\" [ngClass]=\"{'pt-2': !profile}\">\n <ul class=\"sidebar-items nav nav-pills flex-column mx-2\" [ngClass]=\"itemsStyleClass\">\n @for (item of items; track item) {\n @if (item.isDivider) {\n <hr class=\"sidebar-divider\" />\n }\n @if (!item.isDivider) {\n @if (!isDropdown(item)) {\n <li class=\"nav-item d-block\">\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"item.routerLink\"\n [routerLinkActive]=\"['active']\" role=\"button\"\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\n @if (item.iconClass) {\n <i [ngClass]=\"item.iconClass\"></i>\n }\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\n @if (item.badgeLabel) {\n <span class=\"badge bg-info\"\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\n }\n </a>\n </li>\n }\n @if (isDropdown(item)) {\n <li class=\"nav-item d-block dropend\">\n <a class=\"nav-link d-flex align-items-center dropdown-toggle\"\n [ngClass]=\"{'active': item.isActive , 'toggled': item.isOpen}\" data-bs-toggle=\"dropend\"\n role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\n @if (item.iconClass) {\n <i [ngClass]=\"item.iconClass\"></i>\n }\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\n @if (item.badgeLabel) {\n <span class=\"badge bg-info me-1\"\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\n }\n </a>\n <ul class=\"nav-sub-items nav nav-pills flex-column rounded shadow-sm mb-2 mx-2\"\n [ngClass]=\"{'show': item.isOpen}\">\n @for (subItem of item.items; track subItem) {\n @if (subItem.isDivider) {\n <hr class=\"sidebar-divider my-1\" />\n }\n @if (!subItem.isDivider) {\n <li class=\"nav-item d-block\">\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"subItem.routerLink\"\n role=\"button\" [routerLinkActive]=\"['active']\"\n (isActiveChange)=\"this.onRouterLinkActive($event, item)\"\n (click)=\"subItem.onClick && subItem.onClick($event)\">\n @if (subItem.iconClass) {\n <i [ngClass]=\"subItem.iconClass\"></i>\n }\n <span class=\"link-label ms-3 me-auto\">{{subItem.label}}</span>\n @if (subItem.badgeLabel) {\n <span class=\"badge bg-info\"\n [ngClass]=\"subItem.badgeStyleClass\">{{subItem.badgeLabel}}</span>\n }\n </a>\n </li>\n }\n }\n </ul>\n </li>\n }\n }\n }\n </ul>\n </div>\n</aside>","/*\r\n * Public API Surface of ys-sidebar\r\n */\r\n\r\nexport * from './src/models';\r\nexport * from './src/services';\r\nexport * from './src/ys-sidebar/ys-sidebar.component';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"yoozsoft-yoozsoft-ng-sidebar.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/sidebar/src/services/sidebar.service.ts","../../../../projects/yoozsoft/yoozsoft-ng/sidebar/src/ys-sidebar/ys-sidebar.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/sidebar/src/ys-sidebar/ys-sidebar.component.html","../../../../projects/yoozsoft/yoozsoft-ng/sidebar/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/sidebar/yoozsoft-yoozsoft-ng-sidebar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { BehaviorSubject } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class SidebarService {\r\n\r\n constructor() { }\r\n\r\n private _isSidebarToggled$ = new BehaviorSubject<boolean>(true);\r\n\r\n private _isSidebar$ = new BehaviorSubject<boolean>(false);\r\n\r\n /**\r\n * Sidebar toggled state. Default value is true.\r\n */\r\n get isSidebarToggled$() { return this._isSidebarToggled$.asObservable(); }\r\n\r\n /**\r\n * Sidebar display state. Default value is false.\r\n */\r\n get isSidebar$() { return this._isSidebar$.asObservable(); }\r\n\r\n /**\r\n * Change sidebar toggle state.\r\n */\r\n toggleSidebar() {\r\n this._isSidebarToggled$.next(!this._isSidebarToggled$.value);\r\n }\r\n\r\n /**\r\n * Set sidebar toggle state.\r\n * @param isToggled \r\n */\r\n setIsSidebarToggled(isToggled: boolean) {\r\n this._isSidebarToggled$.next(isToggled);\r\n }\r\n\r\n /**\r\n * Set sidebar toggle state.\r\n * @param isSidebar \r\n */\r\n setIsSidebar(isSidebar: boolean) {\r\n this._isSidebar$.next(isSidebar);\r\n }\r\n\r\n /**\r\n * Return sidebar toggle state.\r\n */\r\n get sidebarState() {\r\n return this._isSidebarToggled$.getValue()\r\n }\r\n\r\n}\r\n","import { NgClass } from '@angular/common';\r\nimport { Component, Input, OnDestroy } from '@angular/core';\r\nimport { NavigationEnd, Router, RouterLink, RouterLinkActive } from '@angular/router';\r\nimport { Subscription } from 'rxjs';\r\nimport { SidebarItem, SidebarItemActive, UserProfile } from '../models';\r\n\r\n@Component({\r\n selector: 'ys-sidebar',\r\n imports: [NgClass, RouterLink, RouterLinkActive],\r\n templateUrl: './ys-sidebar.component.html',\r\n styleUrl: './ys-sidebar.component.scss'\r\n})\r\nexport class YsSidebarComponent implements OnDestroy {\r\n\r\n private subscription: Subscription;\r\n private currentItem?: SidebarItemActive;\r\n private currentItemState: boolean[] = [];\r\n\r\n private _items: SidebarItemActive[] = [];\r\n @Input()\r\n get items(): SidebarItemActive[] { return this._items };\r\n set items(value: SidebarItem[]) { this._items = value; }\r\n\r\n @Input() profile: UserProfile | null = null;\r\n @Input() styleClass?: string;\r\n @Input() itemsStyleClass?: string;\r\n\r\n constructor(private router: Router) {\r\n this.subscription = router.events.subscribe(e => {\r\n if (e instanceof NavigationEnd) {\r\n this.currentItem = undefined;\r\n this.currentItemState = [];\r\n }\r\n })\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.subscription.unsubscribe();\r\n }\r\n\r\n get fullName(): string { return `${this.profile?.firstName} ${this.profile?.lastName}`; }\r\n\r\n openItem(item: SidebarItemActive): void {\r\n if (item.isOpen) {\r\n item.isOpen = !item.isOpen;\r\n return;\r\n }\r\n\r\n this.items.forEach(x => x.isOpen = false);\r\n item.isOpen = !item.isOpen;\r\n }\r\n\r\n isDropdown(item: SidebarItem): boolean {\r\n return (item.items?.length ?? 0) > 0;\r\n }\r\n\r\n onRouterLinkActive(isActive: boolean, item: SidebarItemActive) {\r\n this.currentItemState.push(isActive);\r\n\r\n if (!isActive && this.currentItem == item) {\r\n if (this.currentItemState.length == 2 && this.currentItemState[0] && !this.currentItemState[1]) {\r\n return;\r\n }\r\n }\r\n\r\n this.currentItem = item;\r\n item.isActive = isActive;\r\n // if (isActive) {\r\n // this.items.forEach(x => x.isOpen = false);\r\n // item.isOpen = true;\r\n // }\r\n }\r\n\r\n}\r\n","<aside class=\"sidebar card overflow-auto shadow-sm transition-ease\" [ngClass]=\"styleClass\">\r\n @if (profile) {\r\n <div>\r\n @if (profile.image || fullName || profile.role) {\r\n <div\r\n class=\"sidebar-profile d-flex flex-column justify-content-center pt-3\">\r\n @if (profile.image) {\r\n <div class=\"image-wrapper\" [ngClass]=\"{'mb-3': fullName || profile.role}\">\r\n <div class=\"user-image rounded-circle m-auto transition-ease\">\r\n <img src=\"{{profile.image.src}}\" class=\"img-fluid\" alt=\"{{profile.image.alt}}\">\r\n </div>\r\n </div>\r\n }\r\n @if (fullName || profile.role) {\r\n <div class=\"profile-details d-flex flex-column text-center transition-ease\">\r\n @if (fullName) {\r\n <strong class=\"text-uppercase name\">{{fullName || ''}}</strong>\r\n }\r\n @if (profile.role) {\r\n <small class=\"text-uppercase role\">{{profile.role}}</small>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n <hr />\r\n </div>\r\n }\r\n\r\n <div class=\"sidebar-menu\" [ngClass]=\"{'pt-2': !profile}\">\r\n <ul class=\"sidebar-items nav nav-pills flex-column mx-2\" [ngClass]=\"itemsStyleClass\">\r\n @for (item of items; track item) {\r\n @if (item.isDivider) {\r\n <hr class=\"sidebar-divider\" />\r\n }\r\n @if (!item.isDivider) {\r\n @if (!isDropdown(item)) {\r\n <li class=\"nav-item d-block\">\r\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"item.routerLink\"\r\n [routerLinkActive]=\"['active']\" role=\"button\"\r\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\r\n @if (item.iconClass) {\r\n <i [ngClass]=\"item.iconClass\"></i>\r\n }\r\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\r\n @if (item.badgeLabel) {\r\n <span class=\"badge bg-info\"\r\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\r\n }\r\n </a>\r\n </li>\r\n }\r\n @if (isDropdown(item)) {\r\n <li class=\"nav-item d-block dropend\">\r\n <a class=\"nav-link d-flex align-items-center dropdown-toggle\"\r\n [ngClass]=\"{'active': item.isActive , 'toggled': item.isOpen}\" data-bs-toggle=\"dropend\"\r\n role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"\r\n (click)=\"openItem(item); item.onClick && item.onClick($event)\">\r\n @if (item.iconClass) {\r\n <i [ngClass]=\"item.iconClass\"></i>\r\n }\r\n <span class=\"link-label ms-3 me-auto\">{{item.label}}</span>\r\n @if (item.badgeLabel) {\r\n <span class=\"badge bg-info me-1\"\r\n [ngClass]=\"item.badgeStyleClass\">{{item.badgeLabel}}</span>\r\n }\r\n </a>\r\n <ul class=\"nav-sub-items nav nav-pills flex-column rounded shadow-sm mb-2 mx-2\"\r\n [ngClass]=\"{'show': item.isOpen}\">\r\n @for (subItem of item.items; track subItem) {\r\n @if (subItem.isDivider) {\r\n <hr class=\"sidebar-divider my-1\" />\r\n }\r\n @if (!subItem.isDivider) {\r\n <li class=\"nav-item d-block\">\r\n <a class=\"nav-link d-flex align-items-center\" [routerLink]=\"subItem.routerLink\"\r\n role=\"button\" [routerLinkActive]=\"['active']\"\r\n (isActiveChange)=\"this.onRouterLinkActive($event, item)\"\r\n (click)=\"subItem.onClick && subItem.onClick($event)\">\r\n @if (subItem.iconClass) {\r\n <i [ngClass]=\"subItem.iconClass\"></i>\r\n }\r\n <span class=\"link-label ms-3 me-auto\">{{subItem.label}}</span>\r\n @if (subItem.badgeLabel) {\r\n <span class=\"badge bg-info\"\r\n [ngClass]=\"subItem.badgeStyleClass\">{{subItem.badgeLabel}}</span>\r\n }\r\n </a>\r\n </li>\r\n }\r\n }\r\n </ul>\r\n </li>\r\n }\r\n }\r\n }\r\n </ul>\r\n </div>\r\n</aside>","/*\r\n * Public API Surface of ys-sidebar\r\n */\r\n\r\nexport * from './src/models';\r\nexport * from './src/services';\r\nexport * from './src/ys-sidebar/ys-sidebar.component';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -83,11 +83,11 @@ class YsToastComponent {
|
|
|
83
83
|
}
|
|
84
84
|
isTemplate(toast) { return toast.textOrTpl instanceof TemplateRef; }
|
|
85
85
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsToastComponent, deps: [{ token: ToastService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsToastComponent, isStandalone: true, selector: "ys-toast", inputs: { autohide: "autohide", placement: "placement" }, host: { styleAttribute: "z-index: 1200", classAttribute: "toast-container position-fixed p-3" }, ngImport: i0, template: "@for (toast of toastService.toasts; track toast) {\n <ngb-toast [class]=\"toast.classname\" [autohide]=\"autohide\" [header]=\"toast.header\" [delay]=\"toast.delay || 5000\"\n (hidden)=\"toastService.remove(toast);\">\n <!-- *ngIf=\"toastService.showItem\" -->\n @if (isTemplate(toast)) {\n <ng-template [ngTemplateOutlet]=\"toast.textOrTpl\"></ng-template>\n } @else {\n @if (toast.type==toastTypes.danger) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"bug\" class=\"svg-inline--fa fa-bug fa-w-16\" role=\"img\"\n width=\"24\" height=\"24\" viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z\" />\n </svg>\n }\n <!-- <svg *ngIf=\"toast.type=='danger'\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-2\" fill=\"#fff\" width=\"24\"\n height=\"24\" viewBox=\"0 0 24 24\">\n <path\n d=\"M10.872 6.831l1.695 3.904 3.654-1.561-1.79 3.426 3.333.954-3.417 1.338 2.231 4.196-4.773-2.582-2.869 2.287.413-3.004-3.792-.726 2.93-1.74-1.885-2.512 3.427.646.843-4.626zm-.786-6.831l-1.665 9.119-6.512-1.228 3.639 4.851-5.548 3.294 7.108 1.361-.834 6.076 5.742-4.577 9.438 5.104-4.288-8.064 6.834-2.677-6.661-1.907 3.25-6.22-6.98 2.982-3.523-8.114z\" />\n </svg> -->\n @if (toast.type==toastTypes.warning) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"exclamation-triangle\"\n class=\"svg-inline--fa fa-exclamation-triangle fa-w-18 ml-2\" role=\"img\" width=\"24\" height=\"24\"\n viewBox=\"0 0 576 512\">\n <path fill=\"currentColor\"\n d=\"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z\" />\n </svg>\n }\n @if (toast.type==toastTypes.info) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\"\n class=\"svg-inline--fa fa-info-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\n viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\" />\n </svg>\n }\n @if (toast.type==toastTypes.success) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"check-circle\"\n class=\"svg-inline--fa fa-check-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\n viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\" />\n </svg>\n }\n <span class=\"ms-2\">{{ toast.textOrTpl }}</span>\n }\n </ngb-toast>\n }", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: NgbToastModule }, { kind: "component", type: i2.NgbToast, selector: "ngb-toast", inputs: ["animation", "delay", "autohide", "header"], outputs: ["shown", "hidden"], exportAs: ["ngbToast"] }] });
|
|
86
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsToastComponent, isStandalone: true, selector: "ys-toast", inputs: { autohide: "autohide", placement: "placement" }, host: { styleAttribute: "z-index: 1200", classAttribute: "toast-container position-fixed p-3" }, ngImport: i0, template: "@for (toast of toastService.toasts; track toast) {\r\n <ngb-toast [class]=\"toast.classname\" [autohide]=\"autohide\" [header]=\"toast.header\" [delay]=\"toast.delay || 5000\"\r\n (hidden)=\"toastService.remove(toast);\">\r\n <!-- *ngIf=\"toastService.showItem\" -->\r\n @if (isTemplate(toast)) {\r\n <ng-template [ngTemplateOutlet]=\"toast.textOrTpl\"></ng-template>\r\n } @else {\r\n @if (toast.type==toastTypes.danger) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"bug\" class=\"svg-inline--fa fa-bug fa-w-16\" role=\"img\"\r\n width=\"24\" height=\"24\" viewBox=\"0 0 512 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z\" />\r\n </svg>\r\n }\r\n <!-- <svg *ngIf=\"toast.type=='danger'\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-2\" fill=\"#fff\" width=\"24\"\r\n height=\"24\" viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M10.872 6.831l1.695 3.904 3.654-1.561-1.79 3.426 3.333.954-3.417 1.338 2.231 4.196-4.773-2.582-2.869 2.287.413-3.004-3.792-.726 2.93-1.74-1.885-2.512 3.427.646.843-4.626zm-.786-6.831l-1.665 9.119-6.512-1.228 3.639 4.851-5.548 3.294 7.108 1.361-.834 6.076 5.742-4.577 9.438 5.104-4.288-8.064 6.834-2.677-6.661-1.907 3.25-6.22-6.98 2.982-3.523-8.114z\" />\r\n </svg> -->\r\n @if (toast.type==toastTypes.warning) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"exclamation-triangle\"\r\n class=\"svg-inline--fa fa-exclamation-triangle fa-w-18 ml-2\" role=\"img\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 576 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z\" />\r\n </svg>\r\n }\r\n @if (toast.type==toastTypes.info) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\"\r\n class=\"svg-inline--fa fa-info-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 512 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\" />\r\n </svg>\r\n }\r\n @if (toast.type==toastTypes.success) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"check-circle\"\r\n class=\"svg-inline--fa fa-check-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 512 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\" />\r\n </svg>\r\n }\r\n <span class=\"ms-2\">{{ toast.textOrTpl }}</span>\r\n }\r\n </ngb-toast>\r\n }", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: NgbToastModule }, { kind: "component", type: i2.NgbToast, selector: "ngb-toast", inputs: ["animation", "delay", "autohide", "header"], outputs: ["shown", "hidden"], exportAs: ["ngbToast"] }] });
|
|
87
87
|
}
|
|
88
88
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsToastComponent, decorators: [{
|
|
89
89
|
type: Component,
|
|
90
|
-
args: [{ selector: 'ys-toast', imports: [NgTemplateOutlet, NgbToastModule], host: { class: 'toast-container position-fixed p-3', style: 'z-index: 1200' }, template: "@for (toast of toastService.toasts; track toast) {\n <ngb-toast [class]=\"toast.classname\" [autohide]=\"autohide\" [header]=\"toast.header\" [delay]=\"toast.delay || 5000\"\n (hidden)=\"toastService.remove(toast);\">\n <!-- *ngIf=\"toastService.showItem\" -->\n @if (isTemplate(toast)) {\n <ng-template [ngTemplateOutlet]=\"toast.textOrTpl\"></ng-template>\n } @else {\n @if (toast.type==toastTypes.danger) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"bug\" class=\"svg-inline--fa fa-bug fa-w-16\" role=\"img\"\n width=\"24\" height=\"24\" viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z\" />\n </svg>\n }\n <!-- <svg *ngIf=\"toast.type=='danger'\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-2\" fill=\"#fff\" width=\"24\"\n height=\"24\" viewBox=\"0 0 24 24\">\n <path\n d=\"M10.872 6.831l1.695 3.904 3.654-1.561-1.79 3.426 3.333.954-3.417 1.338 2.231 4.196-4.773-2.582-2.869 2.287.413-3.004-3.792-.726 2.93-1.74-1.885-2.512 3.427.646.843-4.626zm-.786-6.831l-1.665 9.119-6.512-1.228 3.639 4.851-5.548 3.294 7.108 1.361-.834 6.076 5.742-4.577 9.438 5.104-4.288-8.064 6.834-2.677-6.661-1.907 3.25-6.22-6.98 2.982-3.523-8.114z\" />\n </svg> -->\n @if (toast.type==toastTypes.warning) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"exclamation-triangle\"\n class=\"svg-inline--fa fa-exclamation-triangle fa-w-18 ml-2\" role=\"img\" width=\"24\" height=\"24\"\n viewBox=\"0 0 576 512\">\n <path fill=\"currentColor\"\n d=\"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z\" />\n </svg>\n }\n @if (toast.type==toastTypes.info) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\"\n class=\"svg-inline--fa fa-info-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\n viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\" />\n </svg>\n }\n @if (toast.type==toastTypes.success) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"check-circle\"\n class=\"svg-inline--fa fa-check-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\n viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\" />\n </svg>\n }\n <span class=\"ms-2\">{{ toast.textOrTpl }}</span>\n }\n </ngb-toast>\n }" }]
|
|
90
|
+
args: [{ selector: 'ys-toast', imports: [NgTemplateOutlet, NgbToastModule], host: { class: 'toast-container position-fixed p-3', style: 'z-index: 1200' }, template: "@for (toast of toastService.toasts; track toast) {\r\n <ngb-toast [class]=\"toast.classname\" [autohide]=\"autohide\" [header]=\"toast.header\" [delay]=\"toast.delay || 5000\"\r\n (hidden)=\"toastService.remove(toast);\">\r\n <!-- *ngIf=\"toastService.showItem\" -->\r\n @if (isTemplate(toast)) {\r\n <ng-template [ngTemplateOutlet]=\"toast.textOrTpl\"></ng-template>\r\n } @else {\r\n @if (toast.type==toastTypes.danger) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"bug\" class=\"svg-inline--fa fa-bug fa-w-16\" role=\"img\"\r\n width=\"24\" height=\"24\" viewBox=\"0 0 512 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z\" />\r\n </svg>\r\n }\r\n <!-- <svg *ngIf=\"toast.type=='danger'\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-2\" fill=\"#fff\" width=\"24\"\r\n height=\"24\" viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M10.872 6.831l1.695 3.904 3.654-1.561-1.79 3.426 3.333.954-3.417 1.338 2.231 4.196-4.773-2.582-2.869 2.287.413-3.004-3.792-.726 2.93-1.74-1.885-2.512 3.427.646.843-4.626zm-.786-6.831l-1.665 9.119-6.512-1.228 3.639 4.851-5.548 3.294 7.108 1.361-.834 6.076 5.742-4.577 9.438 5.104-4.288-8.064 6.834-2.677-6.661-1.907 3.25-6.22-6.98 2.982-3.523-8.114z\" />\r\n </svg> -->\r\n @if (toast.type==toastTypes.warning) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"exclamation-triangle\"\r\n class=\"svg-inline--fa fa-exclamation-triangle fa-w-18 ml-2\" role=\"img\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 576 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z\" />\r\n </svg>\r\n }\r\n @if (toast.type==toastTypes.info) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\"\r\n class=\"svg-inline--fa fa-info-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 512 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\" />\r\n </svg>\r\n }\r\n @if (toast.type==toastTypes.success) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"check-circle\"\r\n class=\"svg-inline--fa fa-check-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 512 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\" />\r\n </svg>\r\n }\r\n <span class=\"ms-2\">{{ toast.textOrTpl }}</span>\r\n }\r\n </ngb-toast>\r\n }" }]
|
|
91
91
|
}], ctorParameters: () => [{ type: ToastService }, { type: i0.ElementRef }], propDecorators: { autohide: [{
|
|
92
92
|
type: Input
|
|
93
93
|
}], placement: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"yoozsoft-yoozsoft-ng-toast.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/toast/src/models/toast-type.ts","../../../../projects/yoozsoft/yoozsoft-ng/toast/src/services/toast.service.ts","../../../../projects/yoozsoft/yoozsoft-ng/toast/src/ys-toast/ys-toast.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/toast/src/ys-toast/ys-toast.component.html","../../../../projects/yoozsoft/yoozsoft-ng/toast/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/toast/yoozsoft-yoozsoft-ng-toast.ts"],"sourcesContent":["export enum ToastType {\r\n info,\r\n success,\r\n warning,\r\n danger\r\n}\r\n","import { Injectable, TemplateRef } from '@angular/core';\r\nimport { ToastType } from '../models';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ToastService {\r\n\r\n toasts: any[] = [];\r\n // showItem = false;\r\n\r\n show(textOrTpl: string | TemplateRef<any>, options: any = {}) {\r\n // this.showItem = true;\r\n this.toasts.push({ textOrTpl, ...options });\r\n }\r\n\r\n remove(toast: any) {\r\n // this.showItem = false;\r\n this.toasts = this.toasts.filter(t => t !== toast);\r\n }\r\n\r\n clear() {\r\n this.toasts.splice(0, this.toasts.length);\r\n }\r\n\r\n showStandard(textOrTpl: any, header?: string) {\r\n this.show(textOrTpl, { header: header });\r\n }\r\n\r\n showInfo(textOrTpl: any, header?: string) {\r\n this.show(textOrTpl, { header: header, classname: 'bg-info text-light', type: ToastType.info, delay: 10000, autohide: true });\r\n }\r\n\r\n showSuccess(textOrTpl: any, header?: string) {\r\n this.show(textOrTpl, { header: header, classname: 'bg-success text-light', type: ToastType.success, delay: 10000, autohide: true });\r\n }\r\n\r\n showWarning(textOrTpl: any, header?: string) {\r\n this.show(textOrTpl, { header: header, classname: 'bg-warning text-light', type: ToastType.warning, delay: 10000, autohide: true });\r\n }\r\n\r\n showDanger(textOrTpl: any, header?: string) {\r\n this.show(textOrTpl, { header: header, classname: 'bg-danger text-light', type: ToastType.danger, delay: 15000, autohide: true });\r\n }\r\n}\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, ElementRef, Input, OnInit, TemplateRef } from '@angular/core';\r\nimport { NgbToastModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { ToastType } from '../../../toast/src/models';\r\nimport { ToastService } from '../../../toast/src/services';\r\n\r\n@Component({\r\n selector: 'ys-toast',\r\n imports: [NgTemplateOutlet, NgbToastModule],\r\n templateUrl: './ys-toast.component.html',\r\n styleUrl: './ys-toast.component.scss',\r\n host: { class: 'toast-container position-fixed p-3', style: 'z-index: 1200' }\r\n})\r\nexport class YsToastComponent implements OnInit {\r\n\r\n @Input() autohide = true;\r\n\r\n private _placement: string[] = [];\r\n /**\r\n * Set toasts placement with style classes.\r\n * Default place is top end.\r\n */\r\n @Input() get placement(): string[] { return this._placement; }\r\n set placement(placement: string[]) {\r\n this._placement = placement;\r\n this.setPlacement(this._placement);\r\n }\r\n\r\n constructor(\r\n public toastService: ToastService,\r\n public _elementRef: ElementRef<HTMLElement>) { }\r\n\r\n ngOnInit(): void {\r\n this.setPlacement(this._placement);\r\n }\r\n\r\n get toastTypes(): any { return ToastType; }\r\n\r\n private get hostElement(): HTMLElement { return this._elementRef.nativeElement; }\r\n private setPlacement(placement: string[]): void {\r\n if (placement?.length <= 0) {\r\n this.hostElement?.classList?.add(...[\"top-0\", \"end-0\"]);\r\n return;\r\n }\r\n\r\n this.hostElement?.classList?.add(...this._placement);\r\n }\r\n\r\n isTemplate(toast: any) { return toast.textOrTpl instanceof TemplateRef; }\r\n\r\n}\r\n","@for (toast of toastService.toasts; track toast) {\n <ngb-toast [class]=\"toast.classname\" [autohide]=\"autohide\" [header]=\"toast.header\" [delay]=\"toast.delay || 5000\"\n (hidden)=\"toastService.remove(toast);\">\n <!-- *ngIf=\"toastService.showItem\" -->\n @if (isTemplate(toast)) {\n <ng-template [ngTemplateOutlet]=\"toast.textOrTpl\"></ng-template>\n } @else {\n @if (toast.type==toastTypes.danger) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"bug\" class=\"svg-inline--fa fa-bug fa-w-16\" role=\"img\"\n width=\"24\" height=\"24\" viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z\" />\n </svg>\n }\n <!-- <svg *ngIf=\"toast.type=='danger'\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-2\" fill=\"#fff\" width=\"24\"\n height=\"24\" viewBox=\"0 0 24 24\">\n <path\n d=\"M10.872 6.831l1.695 3.904 3.654-1.561-1.79 3.426 3.333.954-3.417 1.338 2.231 4.196-4.773-2.582-2.869 2.287.413-3.004-3.792-.726 2.93-1.74-1.885-2.512 3.427.646.843-4.626zm-.786-6.831l-1.665 9.119-6.512-1.228 3.639 4.851-5.548 3.294 7.108 1.361-.834 6.076 5.742-4.577 9.438 5.104-4.288-8.064 6.834-2.677-6.661-1.907 3.25-6.22-6.98 2.982-3.523-8.114z\" />\n </svg> -->\n @if (toast.type==toastTypes.warning) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"exclamation-triangle\"\n class=\"svg-inline--fa fa-exclamation-triangle fa-w-18 ml-2\" role=\"img\" width=\"24\" height=\"24\"\n viewBox=\"0 0 576 512\">\n <path fill=\"currentColor\"\n d=\"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z\" />\n </svg>\n }\n @if (toast.type==toastTypes.info) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\"\n class=\"svg-inline--fa fa-info-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\n viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\" />\n </svg>\n }\n @if (toast.type==toastTypes.success) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"check-circle\"\n class=\"svg-inline--fa fa-check-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\n viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\" />\n </svg>\n }\n <span class=\"ms-2\">{{ toast.textOrTpl }}</span>\n }\n </ngb-toast>\n }","/*\r\n * Public API Surface of ys-toast\r\n */\r\n\r\nexport * from '../toast/src/models';\r\nexport * from '../toast/src/services';\r\nexport * from './src/ys-toast/ys-toast.component';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ToastService"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"yoozsoft-yoozsoft-ng-toast.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/toast/src/models/toast-type.ts","../../../../projects/yoozsoft/yoozsoft-ng/toast/src/services/toast.service.ts","../../../../projects/yoozsoft/yoozsoft-ng/toast/src/ys-toast/ys-toast.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/toast/src/ys-toast/ys-toast.component.html","../../../../projects/yoozsoft/yoozsoft-ng/toast/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/toast/yoozsoft-yoozsoft-ng-toast.ts"],"sourcesContent":["export enum ToastType {\r\n info,\r\n success,\r\n warning,\r\n danger\r\n}\r\n","import { Injectable, TemplateRef } from '@angular/core';\r\nimport { ToastType } from '../models';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ToastService {\r\n\r\n toasts: any[] = [];\r\n // showItem = false;\r\n\r\n show(textOrTpl: string | TemplateRef<any>, options: any = {}) {\r\n // this.showItem = true;\r\n this.toasts.push({ textOrTpl, ...options });\r\n }\r\n\r\n remove(toast: any) {\r\n // this.showItem = false;\r\n this.toasts = this.toasts.filter(t => t !== toast);\r\n }\r\n\r\n clear() {\r\n this.toasts.splice(0, this.toasts.length);\r\n }\r\n\r\n showStandard(textOrTpl: any, header?: string) {\r\n this.show(textOrTpl, { header: header });\r\n }\r\n\r\n showInfo(textOrTpl: any, header?: string) {\r\n this.show(textOrTpl, { header: header, classname: 'bg-info text-light', type: ToastType.info, delay: 10000, autohide: true });\r\n }\r\n\r\n showSuccess(textOrTpl: any, header?: string) {\r\n this.show(textOrTpl, { header: header, classname: 'bg-success text-light', type: ToastType.success, delay: 10000, autohide: true });\r\n }\r\n\r\n showWarning(textOrTpl: any, header?: string) {\r\n this.show(textOrTpl, { header: header, classname: 'bg-warning text-light', type: ToastType.warning, delay: 10000, autohide: true });\r\n }\r\n\r\n showDanger(textOrTpl: any, header?: string) {\r\n this.show(textOrTpl, { header: header, classname: 'bg-danger text-light', type: ToastType.danger, delay: 15000, autohide: true });\r\n }\r\n}\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, ElementRef, Input, OnInit, TemplateRef } from '@angular/core';\r\nimport { NgbToastModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { ToastType } from '../../../toast/src/models';\r\nimport { ToastService } from '../../../toast/src/services';\r\n\r\n@Component({\r\n selector: 'ys-toast',\r\n imports: [NgTemplateOutlet, NgbToastModule],\r\n templateUrl: './ys-toast.component.html',\r\n styleUrl: './ys-toast.component.scss',\r\n host: { class: 'toast-container position-fixed p-3', style: 'z-index: 1200' }\r\n})\r\nexport class YsToastComponent implements OnInit {\r\n\r\n @Input() autohide = true;\r\n\r\n private _placement: string[] = [];\r\n /**\r\n * Set toasts placement with style classes.\r\n * Default place is top end.\r\n */\r\n @Input() get placement(): string[] { return this._placement; }\r\n set placement(placement: string[]) {\r\n this._placement = placement;\r\n this.setPlacement(this._placement);\r\n }\r\n\r\n constructor(\r\n public toastService: ToastService,\r\n public _elementRef: ElementRef<HTMLElement>) { }\r\n\r\n ngOnInit(): void {\r\n this.setPlacement(this._placement);\r\n }\r\n\r\n get toastTypes(): any { return ToastType; }\r\n\r\n private get hostElement(): HTMLElement { return this._elementRef.nativeElement; }\r\n private setPlacement(placement: string[]): void {\r\n if (placement?.length <= 0) {\r\n this.hostElement?.classList?.add(...[\"top-0\", \"end-0\"]);\r\n return;\r\n }\r\n\r\n this.hostElement?.classList?.add(...this._placement);\r\n }\r\n\r\n isTemplate(toast: any) { return toast.textOrTpl instanceof TemplateRef; }\r\n\r\n}\r\n","@for (toast of toastService.toasts; track toast) {\r\n <ngb-toast [class]=\"toast.classname\" [autohide]=\"autohide\" [header]=\"toast.header\" [delay]=\"toast.delay || 5000\"\r\n (hidden)=\"toastService.remove(toast);\">\r\n <!-- *ngIf=\"toastService.showItem\" -->\r\n @if (isTemplate(toast)) {\r\n <ng-template [ngTemplateOutlet]=\"toast.textOrTpl\"></ng-template>\r\n } @else {\r\n @if (toast.type==toastTypes.danger) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"bug\" class=\"svg-inline--fa fa-bug fa-w-16\" role=\"img\"\r\n width=\"24\" height=\"24\" viewBox=\"0 0 512 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z\" />\r\n </svg>\r\n }\r\n <!-- <svg *ngIf=\"toast.type=='danger'\" xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-2\" fill=\"#fff\" width=\"24\"\r\n height=\"24\" viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M10.872 6.831l1.695 3.904 3.654-1.561-1.79 3.426 3.333.954-3.417 1.338 2.231 4.196-4.773-2.582-2.869 2.287.413-3.004-3.792-.726 2.93-1.74-1.885-2.512 3.427.646.843-4.626zm-.786-6.831l-1.665 9.119-6.512-1.228 3.639 4.851-5.548 3.294 7.108 1.361-.834 6.076 5.742-4.577 9.438 5.104-4.288-8.064 6.834-2.677-6.661-1.907 3.25-6.22-6.98 2.982-3.523-8.114z\" />\r\n </svg> -->\r\n @if (toast.type==toastTypes.warning) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"exclamation-triangle\"\r\n class=\"svg-inline--fa fa-exclamation-triangle fa-w-18 ml-2\" role=\"img\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 576 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z\" />\r\n </svg>\r\n }\r\n @if (toast.type==toastTypes.info) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"info-circle\"\r\n class=\"svg-inline--fa fa-info-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 512 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\" />\r\n </svg>\r\n }\r\n @if (toast.type==toastTypes.success) {\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"\r\n focusable=\"false\" data-prefix=\"fas\" data-icon=\"check-circle\"\r\n class=\"svg-inline--fa fa-check-circle fa-w-16 ml-2\" role=\"img\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 512 512\">\r\n <path fill=\"currentColor\"\r\n d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\" />\r\n </svg>\r\n }\r\n <span class=\"ms-2\">{{ toast.textOrTpl }}</span>\r\n }\r\n </ngb-toast>\r\n }","/*\r\n * Public API Surface of ys-toast\r\n */\r\n\r\nexport * from '../toast/src/models';\r\nexport * from '../toast/src/services';\r\nexport * from './src/ys-toast/ys-toast.component';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ToastService"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"yoozsoft-yoozsoft-ng.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/yoozsoft-yoozsoft-ng.ts"],"sourcesContent":["/*\n * Public API Surface of yoozsoft-ng\n */\n\nexport const YOOZSOFT_YOOZSOFT_NG = \"@yoozsoft/yoozsoft-ng\";","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG;AAEI,MAAM,oBAAoB,GAAG;;ACJpC;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"yoozsoft-yoozsoft-ng.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/yoozsoft-yoozsoft-ng.ts"],"sourcesContent":["/*\r\n * Public API Surface of yoozsoft-ng\r\n */\r\n\r\nexport const YOOZSOFT_YOOZSOFT_NG = \"@yoozsoft/yoozsoft-ng\";","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG;AAEI,MAAM,oBAAoB,GAAG;;ACJpC;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yoozsoft/yoozsoft-ng",
|
|
3
|
-
"version": "5.0
|
|
3
|
+
"version": "5.1.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^20.0.0",
|
|
6
6
|
"@angular/core": "^20.0.0"
|
|
@@ -14,10 +14,11 @@
|
|
|
14
14
|
"bootstrap",
|
|
15
15
|
"ng-bootstrap",
|
|
16
16
|
"components",
|
|
17
|
-
"
|
|
17
|
+
"autocomplete",
|
|
18
18
|
"file-upload",
|
|
19
19
|
"navbar",
|
|
20
20
|
"password-strength",
|
|
21
|
+
"persian-datepicker",
|
|
21
22
|
"progress",
|
|
22
23
|
"select",
|
|
23
24
|
"sidebar",
|
|
@@ -35,14 +36,18 @@
|
|
|
35
36
|
"types": "./index.d.ts",
|
|
36
37
|
"default": "./fesm2022/yoozsoft-yoozsoft-ng.mjs"
|
|
37
38
|
},
|
|
38
|
-
"./
|
|
39
|
-
"types": "./
|
|
40
|
-
"default": "./fesm2022/yoozsoft-yoozsoft-ng-
|
|
39
|
+
"./autocomplete": {
|
|
40
|
+
"types": "./autocomplete/index.d.ts",
|
|
41
|
+
"default": "./fesm2022/yoozsoft-yoozsoft-ng-autocomplete.mjs"
|
|
41
42
|
},
|
|
42
43
|
"./datepicker": {
|
|
43
44
|
"types": "./datepicker/index.d.ts",
|
|
44
45
|
"default": "./fesm2022/yoozsoft-yoozsoft-ng-datepicker.mjs"
|
|
45
46
|
},
|
|
47
|
+
"./directives": {
|
|
48
|
+
"types": "./directives/index.d.ts",
|
|
49
|
+
"default": "./fesm2022/yoozsoft-yoozsoft-ng-directives.mjs"
|
|
50
|
+
},
|
|
46
51
|
"./file-upload": {
|
|
47
52
|
"types": "./file-upload/index.d.ts",
|
|
48
53
|
"default": "./fesm2022/yoozsoft-yoozsoft-ng-file-upload.mjs"
|
|
@@ -63,22 +68,18 @@
|
|
|
63
68
|
"types": "./overlay/index.d.ts",
|
|
64
69
|
"default": "./fesm2022/yoozsoft-yoozsoft-ng-overlay.mjs"
|
|
65
70
|
},
|
|
66
|
-
"./password-strength": {
|
|
67
|
-
"types": "./password-strength/index.d.ts",
|
|
68
|
-
"default": "./fesm2022/yoozsoft-yoozsoft-ng-password-strength.mjs"
|
|
69
|
-
},
|
|
70
71
|
"./progress": {
|
|
71
72
|
"types": "./progress/index.d.ts",
|
|
72
73
|
"default": "./fesm2022/yoozsoft-yoozsoft-ng-progress.mjs"
|
|
73
74
|
},
|
|
75
|
+
"./password-strength": {
|
|
76
|
+
"types": "./password-strength/index.d.ts",
|
|
77
|
+
"default": "./fesm2022/yoozsoft-yoozsoft-ng-password-strength.mjs"
|
|
78
|
+
},
|
|
74
79
|
"./select": {
|
|
75
80
|
"types": "./select/index.d.ts",
|
|
76
81
|
"default": "./fesm2022/yoozsoft-yoozsoft-ng-select.mjs"
|
|
77
82
|
},
|
|
78
|
-
"./tiff-viewer": {
|
|
79
|
-
"types": "./tiff-viewer/index.d.ts",
|
|
80
|
-
"default": "./fesm2022/yoozsoft-yoozsoft-ng-tiff-viewer.mjs"
|
|
81
|
-
},
|
|
82
83
|
"./sidebar": {
|
|
83
84
|
"types": "./sidebar/index.d.ts",
|
|
84
85
|
"default": "./fesm2022/yoozsoft-yoozsoft-ng-sidebar.mjs"
|
|
@@ -86,6 +87,10 @@
|
|
|
86
87
|
"./toast": {
|
|
87
88
|
"types": "./toast/index.d.ts",
|
|
88
89
|
"default": "./fesm2022/yoozsoft-yoozsoft-ng-toast.mjs"
|
|
90
|
+
},
|
|
91
|
+
"./tiff-viewer": {
|
|
92
|
+
"types": "./tiff-viewer/index.d.ts",
|
|
93
|
+
"default": "./fesm2022/yoozsoft-yoozsoft-ng-tiff-viewer.mjs"
|
|
89
94
|
}
|
|
90
95
|
}
|
|
91
96
|
}
|
package/select/index.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ declare class YsSelectComponent implements ControlValueAccessor {
|
|
|
21
21
|
/**Display clear button */
|
|
22
22
|
isClear?: boolean;
|
|
23
23
|
disabled: boolean;
|
|
24
|
-
|
|
24
|
+
selected: EventEmitter<any>;
|
|
25
25
|
onChange: any;
|
|
26
26
|
onTouched: any;
|
|
27
27
|
value?: any;
|
|
@@ -33,7 +33,7 @@ declare class YsSelectComponent implements ControlValueAccessor {
|
|
|
33
33
|
clearValue(): void;
|
|
34
34
|
isObject(item: any): boolean;
|
|
35
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<YsSelectComponent, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<YsSelectComponent, "ys-select", never, { "id": { "alias": "id"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidFeedback": { "alias": "invalidFeedback"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "validFeedback": { "alias": "validFeedback"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "isClear": { "alias": "isClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<YsSelectComponent, "ys-select", never, { "id": { "alias": "id"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidFeedback": { "alias": "invalidFeedback"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "validFeedback": { "alias": "validFeedback"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "isClear": { "alias": "isClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selected": "selected"; }, never, never, true, never>;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
export { YsSelectComponent };
|