@versatiledatakit/shared
Version:
Versatile Data Kit Shared library enables reusability of shared features like: NgRx Redux, Error Handlers, Utils, Generic Components, etc.
50 lines • 8.02 kB
JavaScript
/*
* Copyright 2023-2025 Broadcom
* SPDX-License-Identifier: Apache-2.0
*/
/* eslint-disable */
import { HostBinding, Input, Component } from '@angular/core';
import { trigger, transition, query, animateChild, stagger } from '@angular/animations';
import { multiply, STAGGER_DURATION } from '../animation-constants';
import * as i0 from "@angular/core";
const _c0 = [[["vdk-toast"]]];
const _c1 = ["vdk-toast"];
export class VdkToastContainerComponent {
constructor() {
this.topOffset = 0;
}
get top() {
return 60 + this.topOffset + 'px';
}
}
VdkToastContainerComponent.ɵfac = function VdkToastContainerComponent_Factory(t) { return new (t || VdkToastContainerComponent)(); };
VdkToastContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VdkToastContainerComponent, selectors: [["vdk-toast-container"]], hostVars: 2, hostBindings: function VdkToastContainerComponent_HostBindings(rf, ctx) { if (rf & 2) {
i0.ɵɵstyleProp("top", ctx.top);
} }, inputs: { topOffset: "topOffset" }, ngContentSelectors: _c1, decls: 2, vars: 1, consts: [[1, "toast-container"]], template: function VdkToastContainerComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojectionDef(_c0);
i0.ɵɵelementStart(0, "div", 0);
i0.ɵɵprojection(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵproperty("@toastContainer", undefined);
} }, styles: ["@media screen and (max-width: 990px){.medium-and-up[_ngcontent-%COMP%]{display:none!important}}@media screen and (max-width: 543px){.small-and-up[_ngcontent-%COMP%]{display:none!important}}@media screen and (min-width: 991px){.medium-and-down[_ngcontent-%COMP%]{display:none!important}}@media screen and (min-width: 767px){.small-and-down[_ngcontent-%COMP%]{display:none!important}}[_nghost-%COMP%]{display:block;z-index:1040;position:absolute;right:0;width:414px;opacity:1;margin-top:18px}@media screen and (max-width: 543px){[_nghost-%COMP%]{max-width:310px;right:-12px}}.toast-container[_ngcontent-%COMP%]{margin-right:0;display:flex;justify-content:flex-end;flex-direction:column}.toast-container[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{margin-left:0;margin-right:-12px}"], data: { animation: [
trigger('toastContainer', [
transition(':enter', [query('@launchToast', [stagger(`${multiply(STAGGER_DURATION)}ms`, animateChild())], { optional: true })]),
transition(':leave', [query('@launchToast', [animateChild()], { optional: true })])
])
] } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VdkToastContainerComponent, [{
type: Component,
args: [{ selector: 'vdk-toast-container', animations: [
trigger('toastContainer', [
transition(':enter', [query('@launchToast', [stagger(`${multiply(STAGGER_DURATION)}ms`, animateChild())], { optional: true })]),
transition(':leave', [query('@launchToast', [animateChild()], { optional: true })])
])
], template: "<!--\n ~ Copyright 2023-2025 Broadcom\n ~ SPDX-License-Identifier: Apache-2.0\n -->\n\n<div class=\"toast-container\" [@toastContainer]>\n <ng-content select=\"vdk-toast\"></ng-content>\n</div>\n", styles: ["/*!\n * Copyright 2023-2025 Broadcom\n * SPDX-License-Identifier: Apache-2.0\n */@media screen and (max-width: 990px){.medium-and-up{display:none!important}}@media screen and (max-width: 543px){.small-and-up{display:none!important}}@media screen and (min-width: 991px){.medium-and-down{display:none!important}}@media screen and (min-width: 767px){.small-and-down{display:none!important}}:host{display:block;z-index:1040;position:absolute;right:0;width:414px;opacity:1;margin-top:18px}@media screen and (max-width: 543px){:host{max-width:310px;right:-12px}}.toast-container{margin-right:0;display:flex;justify-content:flex-end;flex-direction:column}.toast-container>div{margin-left:0;margin-right:-12px}\n"] }]
}], null, { topOffset: [{
type: Input
}], top: [{
type: HostBinding,
args: ['style.top']
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2NvbW1vbnMvbmd4LWNvbXBvbmVudHMvdG9hc3QvdG9hc3QtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2NvbW1vbnMvbmd4LWNvbXBvbmVudHMvdG9hc3QvdG9hc3QtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUVILG9CQUFvQjtBQUVwQixPQUFPLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV4RixPQUFPLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFlcEUsTUFBTSxPQUFPLDBCQUEwQjtJQVh2QztRQVlhLGNBQVMsR0FBVyxDQUFDLENBQUM7S0FNbEM7SUFKRyxJQUNJLEdBQUc7UUFDSCxPQUFPLEVBQUUsR0FBRyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUN0QyxDQUFDOztvR0FOUSwwQkFBMEI7NkVBQTFCLDBCQUEwQjs7OztRQ3BCdkMsOEJBQStDO1FBQzNDLGtCQUE0QztRQUNoRCxpQkFBTTs7UUFGdUIsMkNBQWlCO296QkRhOUI7WUFDUixPQUFPLENBQUMsZ0JBQWdCLEVBQUU7Z0JBQ3RCLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUMsT0FBTyxDQUFDLEdBQUcsUUFBUSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUMvSCxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFDLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO2FBQ3RGLENBQUM7U0FDTDt1RkFFUSwwQkFBMEI7Y0FYdEMsU0FBUzsyQkFDSSxxQkFBcUIsY0FHbkI7b0JBQ1IsT0FBTyxDQUFDLGdCQUFnQixFQUFFO3dCQUN0QixVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxHQUFHLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsWUFBWSxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQzt3QkFDL0gsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztxQkFDdEYsQ0FBQztpQkFDTDtnQkFHUSxTQUFTO2tCQUFqQixLQUFLO1lBR0YsR0FBRztrQkFETixXQUFXO21CQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjMtMjAyNSBCcm9hZGNvbVxuICogU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFwYWNoZS0yLjBcbiAqL1xuXG4vKiBlc2xpbnQtZGlzYWJsZSAqL1xuXG5pbXBvcnQgeyBIb3N0QmluZGluZywgSW5wdXQsIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdHJpZ2dlciwgdHJhbnNpdGlvbiwgcXVlcnksIGFuaW1hdGVDaGlsZCwgc3RhZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5pbXBvcnQgeyBtdWx0aXBseSwgU1RBR0dFUl9EVVJBVElPTiB9IGZyb20gJy4uL2FuaW1hdGlvbi1jb25zdGFudHMnO1xuXG5pbXBvcnQgeyBWZGtUb2FzdENvbXBvbmVudCB9IGZyb20gJy4vdG9hc3QuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZGstdG9hc3QtY29udGFpbmVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9hc3QtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90b2FzdC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ3RvYXN0Q29udGFpbmVyJywgW1xuICAgICAgICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW3F1ZXJ5KCdAbGF1bmNoVG9hc3QnLCBbc3RhZ2dlcihgJHttdWx0aXBseShTVEFHR0VSX0RVUkFUSU9OKX1tc2AsIGFuaW1hdGVDaGlsZCgpKV0sIHsgb3B0aW9uYWw6IHRydWUgfSldKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtxdWVyeSgnQGxhdW5jaFRvYXN0JywgW2FuaW1hdGVDaGlsZCgpXSwgeyBvcHRpb25hbDogdHJ1ZSB9KV0pXG4gICAgICAgIF0pXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBWZGtUb2FzdENvbnRhaW5lckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdG9wT2Zmc2V0OiBudW1iZXIgPSAwO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS50b3AnKVxuICAgIGdldCB0b3AoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIDYwICsgdGhpcy50b3BPZmZzZXQgKyAncHgnO1xuICAgIH1cbn1cbiIsIjwhLS1cbiAgIH4gQ29weXJpZ2h0IDIwMjMtMjAyNSBCcm9hZGNvbVxuICAgfiBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMFxuICAtLT5cblxuPGRpdiBjbGFzcz1cInRvYXN0LWNvbnRhaW5lclwiIFtAdG9hc3RDb250YWluZXJdPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInZkay10b2FzdFwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19