coer-elements 2.0.7 → 2.0.9
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/components/lib/coer-button/coer-button.component.d.ts +1 -1
- package/components/lib/coer-modal/coer-modal.component.d.ts +1 -1
- package/fesm2022/coer-elements-components.mjs +30 -30
- package/fesm2022/coer-elements-components.mjs.map +1 -1
- package/fesm2022/coer-elements-tools.mjs +38 -32
- package/fesm2022/coer-elements-tools.mjs.map +1 -1
- package/interfaces/lib/colors.interface.d.ts +3 -4
- package/package.json +9 -9
- package/styles/angular-material.scss +1 -0
- package/styles/coer-elements.css +166 -58
- package/styles/colors.scss +1 -1
- package/tools/lib/colors.class.d.ts +4 -30
@@ -278,36 +278,42 @@ const Tools = {
|
|
278
278
|
};
|
279
279
|
|
280
280
|
class Colors {
|
281
|
-
static
|
282
|
-
|
283
|
-
|
284
|
-
|
285
|
-
|
286
|
-
|
287
|
-
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
293
|
-
|
294
|
-
|
295
|
-
|
296
|
-
|
297
|
-
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
|
302
|
-
|
303
|
-
|
304
|
-
|
305
|
-
|
306
|
-
|
307
|
-
|
308
|
-
|
309
|
-
|
310
|
-
|
281
|
+
static get fixedColors() {
|
282
|
+
return {
|
283
|
+
blue: colorsSIGNAL().fixedColors.blue,
|
284
|
+
gray: colorsSIGNAL().fixedColors.gray,
|
285
|
+
green: colorsSIGNAL().fixedColors.green,
|
286
|
+
yellow: colorsSIGNAL().fixedColors.yellow,
|
287
|
+
red: colorsSIGNAL().fixedColors.red,
|
288
|
+
smoke: colorsSIGNAL().fixedColors.smoke,
|
289
|
+
black: colorsSIGNAL().fixedColors.black,
|
290
|
+
orange: colorsSIGNAL().fixedColors.orange,
|
291
|
+
white: colorsSIGNAL().fixedColors.white,
|
292
|
+
purple: colorsSIGNAL().fixedColors.purple
|
293
|
+
};
|
294
|
+
}
|
295
|
+
static get actionColors() {
|
296
|
+
return {
|
297
|
+
primary: colorsSIGNAL().actionColors.primary,
|
298
|
+
secondary: colorsSIGNAL().actionColors.secondary,
|
299
|
+
success: colorsSIGNAL().actionColors.success,
|
300
|
+
warning: colorsSIGNAL().actionColors.warning,
|
301
|
+
danger: colorsSIGNAL().actionColors.danger,
|
302
|
+
navigation: colorsSIGNAL().actionColors.navigation,
|
303
|
+
information: colorsSIGNAL().actionColors.information
|
304
|
+
};
|
305
|
+
}
|
306
|
+
static get appColors() {
|
307
|
+
return {
|
308
|
+
breadcrumbs: colorsSIGNAL().appColors.breadcrumbs,
|
309
|
+
background: colorsSIGNAL().appColors.background,
|
310
|
+
containers: colorsSIGNAL().appColors.containers,
|
311
|
+
sidenav: colorsSIGNAL().appColors.sidenav,
|
312
|
+
sidenavText: colorsSIGNAL().appColors.sidenavText,
|
313
|
+
toolbar: colorsSIGNAL().appColors.toolbar,
|
314
|
+
toolbarText: colorsSIGNAL().appColors.toolbarText
|
315
|
+
};
|
316
|
+
}
|
311
317
|
static ToHexadecimal(r, g, b, a) {
|
312
318
|
const red = `${Number(r).toString(16).padStart(2, '0')}`;
|
313
319
|
const green = `${Number(g).toString(16).padStart(2, '0')}`;
|
@@ -550,11 +556,11 @@ class CoerAlert {
|
|
550
556
|
return icon;
|
551
557
|
}
|
552
558
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
553
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: CoerAlert, isStandalone: true, selector: "coer-alert", ngImport: i0, template: "<aside class=\"toast-container coer-alert\">\r\n <!-- Success -->\r\n <div id=\"alert-success\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-success-icon\"></i>\r\n <strong id=\"alert-success-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-success')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-success-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Error -->\r\n <div id=\"alert-error\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-error-icon\"></i>\r\n <strong id=\"alert-error-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-error')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-error-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Info -->\r\n <div id=\"alert-info\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-info-icon\"></i>\r\n <strong id=\"alert-info-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-info')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-info-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Warning -->\r\n <div id=\"alert-warning\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-warning-icon\"></i>\r\n <strong id=\"alert-warning-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-warning')\" class=\"btn-close\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-warning-message\"></pre>\r\n </div>\r\n </div>\r\n</aside>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--blue));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}aside.toast-container{position:fixed;bottom:0;right:0;padding:15px!important;z-index:2000!important}aside.toast-container i,aside.toast-container svg{display:flex;align-items:center}aside.toast-container strong{margin:0 auto 0 5px}aside.toast-container div.toast,aside.toast-container div.toast-header{border-top-left-radius:10px;border-top-right-radius:10px;color:var(--smoke)}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:auto!important;min-width:350px!important;max-width:470px!important;color:var(--smoke)}aside.toast-container div.toast-body{min-height:36px}aside.toast-container pre{font-family:Roboto,RobotoFallback,Noto Kufi Arabic,Helvetica,Arial,sans-serif;white-space:pre-wrap;font-size:medium}aside.toast-container button{margin:0 2px!important;width:10px!important;height:10px!important;box-shadow:none!important;outline:none!important;border:none!important}aside.toast-container div#alert-success div.toast-header,aside.toast-container div#alert-success div.toast-body{background-color:var(--success)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--information)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--danger)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--warning);border-color:var(--black);color:var(--black)}aside.toast-container div#alert-success:hover,aside.toast-container div#alert-info:hover,aside.toast-container div#alert-error:hover,aside.toast-container div#alert-warning:hover{transform:scale(1.01);box-shadow:2px 2px 10px #789;cursor:default}button.sweet-alert-button{width:100px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 5px!important;outline:none!important;border:none!important;box-shadow:none!important}aside.toast-container>*{border:none!important;z-index:2000!important;margin:15px 0 0!important}\n"] }); }
|
559
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: CoerAlert, isStandalone: true, selector: "coer-alert", ngImport: i0, template: "<aside class=\"toast-container coer-alert\">\r\n <!-- Success -->\r\n <div id=\"alert-success\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-success-icon\"></i>\r\n <strong id=\"alert-success-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-success')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-success-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Error -->\r\n <div id=\"alert-error\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-error-icon\"></i>\r\n <strong id=\"alert-error-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-error')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-error-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Info -->\r\n <div id=\"alert-info\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-info-icon\"></i>\r\n <strong id=\"alert-info-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-info')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-info-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Warning -->\r\n <div id=\"alert-warning\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-warning-icon\"></i>\r\n <strong id=\"alert-warning-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-warning')\" class=\"btn-close\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-warning-message\"></pre>\r\n </div>\r\n </div>\r\n</aside>", styles: ["aside.toast-container{position:fixed;bottom:0;right:0;padding:15px!important;z-index:2000!important}aside.toast-container i,aside.toast-container svg{display:flex;align-items:center}aside.toast-container strong{margin:0 auto 0 5px}aside.toast-container div.toast,aside.toast-container div.toast-header{border-top-left-radius:10px;border-top-right-radius:10px;color:var(--smoke)}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:auto!important;min-width:350px!important;max-width:470px!important;color:var(--smoke)}aside.toast-container div.toast-body{min-height:36px}aside.toast-container pre{font-family:Roboto,RobotoFallback,Noto Kufi Arabic,Helvetica,Arial,sans-serif;white-space:pre-wrap;font-size:medium}aside.toast-container button{margin:0 2px!important;width:10px!important;height:10px!important;box-shadow:none!important;outline:none!important;border:none!important}aside.toast-container div#alert-success div.toast-header,aside.toast-container div#alert-success div.toast-body{background-color:var(--success-inner)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--information-inner)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--danger-inner)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--warning-inner);border-color:var(--black);color:var(--black)}aside.toast-container div#alert-success:hover,aside.toast-container div#alert-info:hover,aside.toast-container div#alert-error:hover,aside.toast-container div#alert-warning:hover{transform:scale(1.01);box-shadow:2px 2px 10px #789;cursor:default}button.sweet-alert-button{width:100px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 5px!important;outline:none!important;border:none!important;box-shadow:none!important}aside.toast-container>*{border:none!important;z-index:2000!important;margin:15px 0 0!important}\n"] }); }
|
554
560
|
}
|
555
561
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerAlert, decorators: [{
|
556
562
|
type: Component,
|
557
|
-
args: [{ selector: 'coer-alert', standalone: true, template: "<aside class=\"toast-container coer-alert\">\r\n <!-- Success -->\r\n <div id=\"alert-success\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-success-icon\"></i>\r\n <strong id=\"alert-success-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-success')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-success-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Error -->\r\n <div id=\"alert-error\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-error-icon\"></i>\r\n <strong id=\"alert-error-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-error')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-error-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Info -->\r\n <div id=\"alert-info\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-info-icon\"></i>\r\n <strong id=\"alert-info-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-info')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-info-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Warning -->\r\n <div id=\"alert-warning\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-warning-icon\"></i>\r\n <strong id=\"alert-warning-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-warning')\" class=\"btn-close\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-warning-message\"></pre>\r\n </div>\r\n </div>\r\n</aside>", styles: [":root{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow:#ffc107;--red: #dc3545;--smoke: #f5f5f5;--black: #252525;--orange:#fd6031;--white: #ffffff;--purple:#a615bc;--primary-inner: var(--primary, var(--blue));--secondary-inner: var(--secondary, var(--gray));--success-inner: var(--success, var(--green));--warning-inner: var(--warning, var(--yellow));--danger-inner: var(--danger, var(--red));--navigation-inner: var(--navigation, var(--orange));--information-inner: var(--information, var(--blue));--breadcrumbs-inner: var(--app-breadcrumbs, var(--blue));--background-inner: var(--app-background, var(--smoke));--containers-inner: var(--app-containers, var(--white));--sidenav-inner: var(--app-sidenav, var(--black));--sidenav-text-inner: var(--app-sidenav-text, var(--smoke));--toolbar-inner: var(--app-toolbar, var(--smoke));--toolbar-text-inner: var(--app-toolbar-text, var(--black))}.text-blue{color:var(--blue)!important}.text-blue-bold{color:var(--blue)!important;font-weight:700!important}.border-blue{border-color:var(--blue)!important}.border-top-blue{border-top-color:var(--blue)!important}.border-right-blue{border-right-color:var(--blue)!important}.border-bottom-blue{border-bottom-color:var(--blue)!important}.border-left-blue{border-left-color:var(--blue)!important}.background-blue{background-color:var(--blue)!important}.background-border-blue{background-color:var(--blue)!important;border-color:var(--blue)!important}.text-gray{color:var(--gray)!important}.text-gray-bold{color:var(--gray)!important;font-weight:700!important}.border-gray{border-color:var(--gray)!important}.border-top-gray{border-top-color:var(--gray)!important}.border-right-gray{border-right-color:var(--gray)!important}.border-bottom-gray{border-bottom-color:var(--gray)!important}.border-left-gray{border-left-color:var(--gray)!important}.background-gray{background-color:var(--gray)!important}.background-border-gray{background-color:var(--gray)!important;border-color:var(--gray)!important}.text-green{color:var(--green)!important}.text-green-bold{color:var(--green)!important;font-weight:700!important}.border-green{border-color:var(--green)!important}.border-top-green{border-top-color:var(--green)!important}.border-right-green{border-right-color:var(--green)!important}.border-bottom-green{border-bottom-color:var(--green)!important}.border-left-green{border-left-color:var(--green)!important}.background-green{background-color:var(--green)!important}.background-border-green{background-color:var(--green)!important;border-color:var(--green)!important}.text-yellow{color:var(--yellow)!important}.text-yellow-bold{color:var(--yellow)!important;font-weight:700!important}.border-yellow{border-color:var(--yellow)!important}.border-top-yellow{border-top-color:var(--yellow)!important}.border-right-yellow{border-right-color:var(--yellow)!important}.border-bottom-yellow{border-bottom-color:var(--yellow)!important}.border-left-yellow{border-left-color:var(--yellow)!important}.background-yellow{background-color:var(--yellow)!important}.background-border-yellow{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.text-red{color:var(--red)!important}.text-red-bold{color:var(--red)!important;font-weight:700!important}.border-red{border-color:var(--red)!important}.border-top-red{border-top-color:var(--red)!important}.border-right-red{border-right-color:var(--red)!important}.border-bottom-red{border-bottom-color:var(--red)!important}.border-left-red{border-left-color:var(--red)!important}.background-red{background-color:var(--red)!important}.background-border-red{background-color:var(--red)!important;border-color:var(--red)!important}.text-smoke{color:var(--smoke)!important}.text-smoke-bold{color:var(--smoke)!important;font-weight:700!important}.border-smoke{border-color:var(--smoke)!important}.border-top-smoke{border-top-color:var(--smoke)!important}.border-right-smoke{border-right-color:var(--smoke)!important}.border-bottom-smoke{border-bottom-color:var(--smoke)!important}.border-left-smoke{border-left-color:var(--smoke)!important}.background-smoke{background-color:var(--smoke)!important}.background-border-smoke{background-color:var(--smoke)!important;border-color:var(--smoke)!important}.text-black{color:var(--black)!important}.text-black-bold{color:var(--black)!important;font-weight:700!important}.border-black{border-color:var(--black)!important}.border-top-black{border-top-color:var(--black)!important}.border-right-black{border-right-color:var(--black)!important}.border-bottom-black{border-bottom-color:var(--black)!important}.border-left-black{border-left-color:var(--black)!important}.background-black{background-color:var(--black)!important}.background-border-black{background-color:var(--black)!important;border-color:var(--black)!important}.text-orange{color:var(--orange)!important}.text-orange-bold{color:var(--orange)!important;font-weight:700!important}.border-orange{border-color:var(--orange)!important}.border-top-orange{border-top-color:var(--orange)!important}.border-right-orange{border-right-color:var(--orange)!important}.border-bottom-orange{border-bottom-color:var(--orange)!important}.border-left-orange{border-left-color:var(--orange)!important}.background-orange{background-color:var(--orange)!important}.background-border-orange{background-color:var(--orange)!important;border-color:var(--orange)!important}.text-white{color:var(--white)!important}.text-white-bold{color:var(--white)!important;font-weight:700!important}.border-white{border-color:var(--white)!important}.border-top-white{border-top-color:var(--white)!important}.border-right-white{border-right-color:var(--white)!important}.border-bottom-white{border-bottom-color:var(--white)!important}.border-left-white{border-left-color:var(--white)!important}.background-white{background-color:var(--white)!important}.background-border-white{background-color:var(--white)!important;border-color:var(--white)!important}.text-purple{color:var(--purple)!important}.text-purple-bold{color:var(--purple)!important;font-weight:700!important}.border-purple{border-color:var(--purple)!important}.border-top-purple{border-top-color:var(--purple)!important}.border-right-purple{border-right-color:var(--purple)!important}.border-bottom-purple{border-bottom-color:var(--purple)!important}.border-left-purple{border-left-color:var(--purple)!important}.background-purple{background-color:var(--purple)!important}.background-border-purple{background-color:var(--purple)!important;border-color:var(--purple)!important}.text-primary{color:var(--primary-inner)!important}.text-primary-bold{color:var(--primary-inner)!important;font-weight:700!important}.border-primary{border-color:var(--primary-inner)!important}.border-top-primary{border-top-color:var(--primary-inner)!important}.border-right-primary{border-right-color:var(--primary-inner)!important}.border-bottom-primary{border-bottom-color:var(--primary-inner)!important}.border-left-primary{border-left-color:var(--primary-inner)!important}.background-primary{background-color:var(--primary-inner)!important}.background-border-primary{background-color:var(--primary-inner)!important;border-color:var(--primary-inner)!important}.text-secondary{color:var(--secondary-inner)!important}.text-secondary-bold{color:var(--secondary-inner)!important;font-weight:700!important}.border-secondary{border-color:var(--secondary-inner)!important}.border-top-secondary{border-top-color:var(--secondary-inner)!important}.border-right-secondary{border-right-color:var(--secondary-inner)!important}.border-bottom-secondary{border-bottom-color:var(--secondary-inner)!important}.border-left-secondary{border-left-color:var(--secondary-inner)!important}.background-secondary{background-color:var(--secondary-inner)!important}.background-border-secondary{background-color:var(--secondary-inner)!important;border-color:var(--secondary-inner)!important}.text-success{color:var(--success-inner)!important}.text-success-bold{color:var(--success-inner)!important;font-weight:700!important}.border-success{border-color:var(--success-inner)!important}.border-top-success{border-top-color:var(--success-inner)!important}.border-right-success{border-right-color:var(--success-inner)!important}.border-bottom-success{border-bottom-color:var(--success-inner)!important}.border-left-success{border-left-color:var(--success-inner)!important}.background-success{background-color:var(--success-inner)!important}.background-border-success{background-color:var(--success-inner)!important;border-color:var(--success-inner)!important}.text-warning{color:var(--warning-inner)!important}.text-warning-bold{color:var(--warning-inner)!important;font-weight:700!important}.border-warning{border-color:var(--warning-inner)!important}.border-top-warning{border-top-color:var(--warning-inner)!important}.border-right-warning{border-right-color:var(--warning-inner)!important}.border-bottom-warning{border-bottom-color:var(--warning-inner)!important}.border-left-warning{border-left-color:var(--warning-inner)!important}.background-warning{background-color:var(--warning-inner)!important}.background-border-warning{background-color:var(--warning-inner)!important;border-color:var(--warning-inner)!important}.text-danger{color:var(--danger-inner)!important}.text-danger-bold{color:var(--danger-inner)!important;font-weight:700!important}.border-danger{border-color:var(--danger-inner)!important}.border-top-danger{border-top-color:var(--danger-inner)!important}.border-right-danger{border-right-color:var(--danger-inner)!important}.border-bottom-danger{border-bottom-color:var(--danger-inner)!important}.border-left-danger{border-left-color:var(--danger-inner)!important}.background-danger{background-color:var(--danger-inner)!important}.background-border-danger{background-color:var(--danger-inner)!important;border-color:var(--danger-inner)!important}.text-navigation{color:var(--navigation-inner)!important}.text-navigation-bold{color:var(--navigation-inner)!important;font-weight:700!important}.border-navigation{border-color:var(--navigation-inner)!important}.border-top-navigation{border-top-color:var(--navigation-inner)!important}.border-right-navigation{border-right-color:var(--navigation-inner)!important}.border-bottom-navigation{border-bottom-color:var(--navigation-inner)!important}.border-left-navigation{border-left-color:var(--navigation-inner)!important}.background-navigation{background-color:var(--navigation-inner)!important}.background-border-navigation{background-color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}.text-information{color:var(--information-inner)!important}.text-information-bold{color:var(--information-inner)!important;font-weight:700!important}.border-information{border-color:var(--information-inner)!important}.border-top-information{border-top-color:var(--information-inner)!important}.border-right-information{border-right-color:var(--information-inner)!important}.border-bottom-information{border-bottom-color:var(--information-inner)!important}.border-left-information{border-left-color:var(--information-inner)!important}.background-information{background-color:var(--information-inner)!important}.background-border-information{background-color:var(--information-inner)!important;border-color:var(--information-inner)!important}.text-breadcrumbs{color:var(--breadcrumbs-inner)!important}.text-breadcrumbs-bold{color:var(--breadcrumbs-inner)!important;font-weight:700!important}.border-breadcrumbs{border-color:var(--breadcrumbs-inner)!important}.border-top-breadcrumbs{border-top-color:var(--breadcrumbs-inner)!important}.border-right-breadcrumbs{border-right-color:var(--breadcrumbs-inner)!important}.border-bottom-breadcrumbs{border-bottom-color:var(--breadcrumbs-inner)!important}.border-left-breadcrumbs{border-left-color:var(--breadcrumbs-inner)!important}.background-breadcrumbs{background-color:var(--breadcrumbs-inner)!important}.background-border-breadcrumbs{background-color:var(--breadcrumbs-inner)!important;border-color:var(--breadcrumbs-inner)!important}.text-app-background{color:var(--background-inner)!important}.text-app-background-bold{color:var(--background-inner)!important;font-weight:700!important}.border-app-background{border-color:var(--background-inner)!important}.border-top-app-background{border-top-color:var(--background-inner)!important}.border-right-app-background{border-right-color:var(--background-inner)!important}.border-bottom-app-background{border-bottom-color:var(--background-inner)!important}.border-left-app-background{border-left-color:var(--background-inner)!important}.background-app-background{background-color:var(--background-inner)!important}.background-border-app-background{background-color:var(--background-inner)!important;border-color:var(--background-inner)!important}.text-app-container{color:var(--containers-inner)!important}.text-app-container-bold{color:var(--containers-inner)!important;font-weight:700!important}.border-app-container{border-color:var(--containers-inner)!important}.border-top-app-container{border-top-color:var(--containers-inner)!important}.border-right-app-container{border-right-color:var(--containers-inner)!important}.border-bottom-app-container{border-bottom-color:var(--containers-inner)!important}.border-left-app-container{border-left-color:var(--containers-inner)!important}.background-app-container{background-color:var(--containers-inner)!important}.background-border-app-container{background-color:var(--containers-inner)!important;border-color:var(--containers-inner)!important}.text-app-sidenav{color:var(--sidenav-inner)!important}.text-app-sidenav-bold{color:var(--sidenav-inner)!important;font-weight:700!important}.border-app-sidenav{border-color:var(--sidenav-inner)!important}.border-top-app-sidenav{border-top-color:var(--sidenav-inner)!important}.border-right-app-sidenav{border-right-color:var(--sidenav-inner)!important}.border-bottom-app-sidenav{border-bottom-color:var(--sidenav-inner)!important}.border-left-app-sidenav{border-left-color:var(--sidenav-inner)!important}.background-app-sidenav{background-color:var(--sidenav-inner)!important}.background-border-app-sidenav{background-color:var(--sidenav-inner)!important;border-color:var(--sidenav-inner)!important}.text-app-sidenav-text{color:var(--sidenav-text-inner)!important}.text-app-sidenav-text-bold{color:var(--sidenav-text-inner)!important;font-weight:700!important}.border-app-sidenav-text{border-color:var(--sidenav-text-inner)!important}.border-top-app-sidenav-text{border-top-color:var(--sidenav-text-inner)!important}.border-right-app-sidenav-text{border-right-color:var(--sidenav-text-inner)!important}.border-bottom-app-sidenav-text{border-bottom-color:var(--sidenav-text-inner)!important}.border-left-app-sidenav-text{border-left-color:var(--sidenav-text-inner)!important}.background-app-sidenav-text{background-color:var(--sidenav-text-inner)!important}.background-border-app-sidenav-text{background-color:var(--sidenav-text-inner)!important;border-color:var(--sidenav-text-inner)!important}.text-app-toolbar{color:var(--toolbar-inner)!important}.text-app-toolbar-bold{color:var(--toolbar-inner)!important;font-weight:700!important}.border-app-toolbar{border-color:var(--toolbar-inner)!important}.border-top-app-toolbar{border-top-color:var(--toolbar-inner)!important}.border-right-app-toolbar{border-right-color:var(--toolbar-inner)!important}.border-bottom-app-toolbar{border-bottom-color:var(--toolbar-inner)!important}.border-left-app-toolbar{border-left-color:var(--toolbar-inner)!important}.background-app-toolbar{background-color:var(--toolbar-inner)!important}.background-border-app-toolbar{background-color:var(--toolbar-inner)!important;border-color:var(--toolbar-inner)!important}.text-app-toolbar-text{color:var(--toolbar-text-inner)!important}.text-app-toolbar-text-bold{color:var(--toolbar-text-inner)!important;font-weight:700!important}.border-app-toolbar-text{border-color:var(--toolbar-text-inner)!important}.border-top-app-toolbar-text{border-top-color:var(--toolbar-text-inner)!important}.border-right-app-toolbar-text{border-right-color:var(--toolbar-text-inner)!important}.border-bottom-app-toolbar-text{border-bottom-color:var(--toolbar-text-inner)!important}.border-left-app-toolbar-text{border-left-color:var(--toolbar-text-inner)!important}.background-app-toolbar-text{background-color:var(--toolbar-text-inner)!important}.background-border-app-toolbar-text{background-color:var(--toolbar-text-inner)!important;border-color:var(--toolbar-text-inner)!important}.text-transparent{color:transparent!important}.text-transparent-bold{color:transparent!important;font-weight:700!important}.border-transparent{border-color:transparent!important}.border-top-transparent{border-top-color:transparent!important}.border-right-transparent{border-right-color:transparent!important}.border-bottom-transparent{border-bottom-color:transparent!important}.border-left-transparent{border-left-color:transparent!important}.background-transparent{background-color:transparent!important}.background-border-transparent{background-color:transparent!important;border-color:transparent!important}aside.toast-container{position:fixed;bottom:0;right:0;padding:15px!important;z-index:2000!important}aside.toast-container i,aside.toast-container svg{display:flex;align-items:center}aside.toast-container strong{margin:0 auto 0 5px}aside.toast-container div.toast,aside.toast-container div.toast-header{border-top-left-radius:10px;border-top-right-radius:10px;color:var(--smoke)}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:auto!important;min-width:350px!important;max-width:470px!important;color:var(--smoke)}aside.toast-container div.toast-body{min-height:36px}aside.toast-container pre{font-family:Roboto,RobotoFallback,Noto Kufi Arabic,Helvetica,Arial,sans-serif;white-space:pre-wrap;font-size:medium}aside.toast-container button{margin:0 2px!important;width:10px!important;height:10px!important;box-shadow:none!important;outline:none!important;border:none!important}aside.toast-container div#alert-success div.toast-header,aside.toast-container div#alert-success div.toast-body{background-color:var(--success)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--information)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--danger)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--warning);border-color:var(--black);color:var(--black)}aside.toast-container div#alert-success:hover,aside.toast-container div#alert-info:hover,aside.toast-container div#alert-error:hover,aside.toast-container div#alert-warning:hover{transform:scale(1.01);box-shadow:2px 2px 10px #789;cursor:default}button.sweet-alert-button{width:100px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 5px!important;outline:none!important;border:none!important;box-shadow:none!important}aside.toast-container>*{border:none!important;z-index:2000!important;margin:15px 0 0!important}\n"] }]
|
563
|
+
args: [{ selector: 'coer-alert', standalone: true, template: "<aside class=\"toast-container coer-alert\">\r\n <!-- Success -->\r\n <div id=\"alert-success\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-success-icon\"></i>\r\n <strong id=\"alert-success-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-success')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-success-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Error -->\r\n <div id=\"alert-error\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-error-icon\"></i>\r\n <strong id=\"alert-error-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-error')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-error-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Info -->\r\n <div id=\"alert-info\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-info-icon\"></i>\r\n <strong id=\"alert-info-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-info')\" class=\"btn-close btn-close-white\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-info-message\"></pre>\r\n </div>\r\n </div>\r\n\r\n\r\n <!-- Warning -->\r\n <div id=\"alert-warning\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class=\"toast\">\r\n <div class=\"toast-header\">\r\n <i id=\"alert-warning-icon\"></i>\r\n <strong id=\"alert-warning-title\"></strong>\r\n <button type=\"button\" (click)=\"Close('alert-warning')\" class=\"btn-close\"></button>\r\n </div>\r\n\r\n <div class=\"toast-body\">\r\n <pre id=\"alert-warning-message\"></pre>\r\n </div>\r\n </div>\r\n</aside>", styles: ["aside.toast-container{position:fixed;bottom:0;right:0;padding:15px!important;z-index:2000!important}aside.toast-container i,aside.toast-container svg{display:flex;align-items:center}aside.toast-container strong{margin:0 auto 0 5px}aside.toast-container div.toast,aside.toast-container div.toast-header{border-top-left-radius:10px;border-top-right-radius:10px;color:var(--smoke)}aside.toast-container div.toast,aside.toast-container div.toast-body{border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:auto!important;min-width:350px!important;max-width:470px!important;color:var(--smoke)}aside.toast-container div.toast-body{min-height:36px}aside.toast-container pre{font-family:Roboto,RobotoFallback,Noto Kufi Arabic,Helvetica,Arial,sans-serif;white-space:pre-wrap;font-size:medium}aside.toast-container button{margin:0 2px!important;width:10px!important;height:10px!important;box-shadow:none!important;outline:none!important;border:none!important}aside.toast-container div#alert-success div.toast-header,aside.toast-container div#alert-success div.toast-body{background-color:var(--success-inner)}aside.toast-container div#alert-info div.toast-header,aside.toast-container div#alert-info div.toast-body{background-color:var(--information-inner)}aside.toast-container div#alert-error div.toast-header,aside.toast-container div#alert-error div.toast-body{background-color:var(--danger-inner)}aside.toast-container div#alert-warning div.toast-header,aside.toast-container div#alert-warning div.toast-body{background-color:var(--warning-inner);border-color:var(--black);color:var(--black)}aside.toast-container div#alert-success:hover,aside.toast-container div#alert-info:hover,aside.toast-container div#alert-error:hover,aside.toast-container div#alert-warning:hover{transform:scale(1.01);box-shadow:2px 2px 10px #789;cursor:default}button.sweet-alert-button{width:100px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 5px!important;outline:none!important;border:none!important;box-shadow:none!important}aside.toast-container>*{border:none!important;z-index:2000!important;margin:15px 0 0!important}\n"] }]
|
558
564
|
}] });
|
559
565
|
|
560
566
|
class Breadcrumbs {
|