@rededor/site-front-end-lib 20.0.39 → 20.1.0-alpha.0

package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-alert.mjs

@@ -1,90 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, input, output, computed, Component } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
-import { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';
-import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
-
-class CuraAlertComponent {
-    constructor() {
-        this.curaApi = inject(CuraApiService);
-        /**
-         * Alert type: info (default) | success | warning | error
-         */
-        this.type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : []));
-        /**
-         * Floating state. Boolean.
-         */
-        this.floating = input(false, ...(ngDevMode ? [{ debugName: "floating" }] : []));
-        /**
-         * Alert label/title
-         */
-        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-        /**
-         * Closeable state. Boolean.
-         */
-        this.closeable = input(true, ...(ngDevMode ? [{ debugName: "closeable" }] : []));
-        /**
-         * Custom icon name
-         */
-        this.icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
-        /**
-         * Close event emitter
-         */
-        this.close = output();
-        this.alertStyles = computed(() => {
-            if (!this.curaApi)
-                return {};
-            const colors = [
-                { name: '--color-lighter', theme: `${this.type()}-lighter` },
-                { name: '--neutral-black', theme: 'neutral-black' },
-                { name: '--color-light', theme: `${this.type()}-light` },
-                { name: '--color-base', theme: `${this.type()}-base` },
-            ];
-            const styles = {};
-            styles['--base-spacing'] = this.curaApi.theme.spacing.getSpacing();
-            colors.forEach((color) => {
-                styles[color.name] = this.curaApi.theme.colors.getColor(color.theme);
-            });
-            return styles;
-        }, ...(ngDevMode ? [{ debugName: "alertStyles" }] : []));
-        this.containerClasses = computed(() => {
-            const classes = [];
-            if (this.floating())
-                classes.push('floating');
-            return classes.join(' ');
-        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
-        this.iconName = computed(() => {
-            const iconMapping = {
-                info: 'infoCircle',
-                success: 'checkCircle',
-                warning: 'alertCircle',
-                error: 'alertTriangle',
-            };
-            return this.icon() || iconMapping[this.type()];
-        }, ...(ngDevMode ? [{ debugName: "iconName" }] : []));
-    }
-    handleClose() {
-        this.close.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraAlertComponent, isStandalone: true, selector: "cura-alert", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, floating: { classPropertyName: "floating", publicName: "floating", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, host: { attributes: { "role": "alert", "aria-live": "polite", "aria-atomic": "true" }, properties: { "attr.aria-label": "label()" } }, ngImport: i0, template: "<div [class]=\"'conteiner ' + containerClasses()\" [ngStyle]=\"alertStyles()\">\r\n  <cura-icon [name]=\"iconName()\" class=\"icon-left\" [size]=\"16\" [color]=\"type() + '-dark'\"> </cura-icon>\r\n\r\n  <div class=\"content\">\r\n    @if (label()) {\r\n      <cura-heading class=\"title\" size=\"xsmall\" color=\"neutral-black\" weight=\"bold\" marginBlock=\"1px 0\">\r\n        {{ label() }}\r\n      </cura-heading>\r\n    }\r\n\r\n    <cura-paragraph class=\"text\" [color]=\"type() + '-darker'\" size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\r\n      <ng-content></ng-content>\r\n    </cura-paragraph>\r\n\r\n    <ng-content select=\"[slot=actions]\"></ng-content>\r\n  </div>\r\n\r\n  @if (closeable()) {\r\n    <cura-icon name=\"close\" [size]=\"16\" color=\"error-dark\" class=\"icon-right\" (click)=\"handleClose()\"> </cura-icon>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 3px);gap:calc(var(--cura-spacing-base) * 3px);flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0 4px 8px #26262629}:host .content{flex:1;flex-direction:column;display:flex;gap:calc(var(--cura-spacing-base) * 1px)}:host .icon-right{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraAlertComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cura-alert', imports: [CommonModule, CuraIconComponent, CuraHeadingComponent, CuraParagraphComponent], host: {
-                        role: 'alert',
-                        'aria-live': 'polite',
-                        'aria-atomic': 'true',
-                        '[attr.aria-label]': 'label()',
-                    }, template: "<div [class]=\"'conteiner ' + containerClasses()\" [ngStyle]=\"alertStyles()\">\r\n  <cura-icon [name]=\"iconName()\" class=\"icon-left\" [size]=\"16\" [color]=\"type() + '-dark'\"> </cura-icon>\r\n\r\n  <div class=\"content\">\r\n    @if (label()) {\r\n      <cura-heading class=\"title\" size=\"xsmall\" color=\"neutral-black\" weight=\"bold\" marginBlock=\"1px 0\">\r\n        {{ label() }}\r\n      </cura-heading>\r\n    }\r\n\r\n    <cura-paragraph class=\"text\" [color]=\"type() + '-darker'\" size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\r\n      <ng-content></ng-content>\r\n    </cura-paragraph>\r\n\r\n    <ng-content select=\"[slot=actions]\"></ng-content>\r\n  </div>\r\n\r\n  @if (closeable()) {\r\n    <cura-icon name=\"close\" [size]=\"16\" color=\"error-dark\" class=\"icon-right\" (click)=\"handleClose()\"> </cura-icon>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 3px);gap:calc(var(--cura-spacing-base) * 3px);flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0 4px 8px #26262629}:host .content{flex:1;flex-direction:column;display:flex;gap:calc(var(--cura-spacing-base) * 1px)}:host .icon-right{cursor:pointer}\n"] }]
-        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], floating: [{ type: i0.Input, args: [{ isSignal: true, alias: "floating", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], close: [{ type: i0.Output, args: ["close"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CuraAlertComponent };
-//# sourceMappingURL=rededor-site-front-end-lib-cura-feedback-cura-alert.mjs.map

package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-alert.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"rededor-site-front-end-lib-cura-feedback-cura-alert.mjs","sources":["../../../projects/site-front-end-lib/cura/feedback/cura-alert/cura-alert.component.ts","../../../projects/site-front-end-lib/cura/feedback/cura-alert/cura-alert.component.html","../../../projects/site-front-end-lib/cura/feedback/cura-alert/rededor-site-front-end-lib-cura-feedback-cura-alert.ts"],"sourcesContent":["import { Component, input, output, inject, computed } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\r\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\r\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\r\nimport { AlertType } from './cura-alert.definitions';\r\n\r\n@Component({\r\n  selector: 'cura-alert',\r\n  imports: [CommonModule, CuraIconComponent, CuraHeadingComponent, CuraParagraphComponent],\r\n  templateUrl: './cura-alert.component.html',\r\n  styleUrls: ['./cura-alert.component.scss'],\r\n  host: {\r\n    role: 'alert',\r\n    'aria-live': 'polite',\r\n    'aria-atomic': 'true',\r\n    '[attr.aria-label]': 'label()',\r\n  },\r\n})\r\nexport class CuraAlertComponent {\r\n  private curaApi: CuraApiService = inject(CuraApiService);\r\n\r\n  /**\r\n   * Alert type: info (default) | success | warning | error\r\n   */\r\n  type = input<AlertType>('info');\r\n\r\n  /**\r\n   * Floating state. Boolean.\r\n   */\r\n  floating = input<boolean>(false);\r\n\r\n  /**\r\n   * Alert label/title\r\n   */\r\n  label = input<string>('');\r\n\r\n  /**\r\n   * Closeable state. Boolean.\r\n   */\r\n  closeable = input<boolean>(true);\r\n\r\n  /**\r\n   * Custom icon name\r\n   */\r\n  icon = input<string>('');\r\n\r\n  /**\r\n   * Close event emitter\r\n   */\r\n  close = output<void>();\r\n\r\n  alertStyles = computed(() => {\r\n    if (!this.curaApi) return {};\r\n\r\n    const colors = [\r\n      { name: '--color-lighter', theme: `${this.type()}-lighter` },\r\n      { name: '--neutral-black', theme: 'neutral-black' },\r\n      { name: '--color-light', theme: `${this.type()}-light` },\r\n      { name: '--color-base', theme: `${this.type()}-base` },\r\n    ];\r\n\r\n    const styles: { [key: string]: string } = {};\r\n\r\n    styles['--base-spacing'] = this.curaApi.theme.spacing.getSpacing();\r\n\r\n    colors.forEach((color) => {\r\n      styles[color.name] = this.curaApi.theme.colors.getColor(color.theme);\r\n    });\r\n\r\n    return styles;\r\n  });\r\n\r\n  containerClasses = computed(() => {\r\n    const classes = [];\r\n    if (this.floating()) classes.push('floating');\r\n    return classes.join(' ');\r\n  });\r\n\r\n  iconName = computed(() => {\r\n    const iconMapping: { [key in AlertType]: string } = {\r\n      info: 'infoCircle',\r\n      success: 'checkCircle',\r\n      warning: 'alertCircle',\r\n      error: 'alertTriangle',\r\n    };\r\n    return this.icon() || iconMapping[this.type()];\r\n  });\r\n\r\n  handleClose(): void {\r\n    this.close.emit();\r\n  }\r\n}\r\n","<div [class]=\"'conteiner ' + containerClasses()\" [ngStyle]=\"alertStyles()\">\r\n  <cura-icon [name]=\"iconName()\" class=\"icon-left\" [size]=\"16\" [color]=\"type() + '-dark'\"> </cura-icon>\r\n\r\n  <div class=\"content\">\r\n    @if (label()) {\r\n      <cura-heading class=\"title\" size=\"xsmall\" color=\"neutral-black\" weight=\"bold\" marginBlock=\"1px 0\">\r\n        {{ label() }}\r\n      </cura-heading>\r\n    }\r\n\r\n    <cura-paragraph class=\"text\" [color]=\"type() + '-darker'\" size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\r\n      <ng-content></ng-content>\r\n    </cura-paragraph>\r\n\r\n    <ng-content select=\"[slot=actions]\"></ng-content>\r\n  </div>\r\n\r\n  @if (closeable()) {\r\n    <cura-icon name=\"close\" [size]=\"16\" color=\"error-dark\" class=\"icon-right\" (click)=\"handleClose()\"> </cura-icon>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs

@@ -1,105 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, model, input, output, computed, Component } from '@angular/core';
-import { isPlatformBrowser } from '@angular/common';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
-import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
-
-class CuraModalComponent {
-    constructor() {
-        this.curaApi = inject(CuraApiService);
-        this.platformId = inject(PLATFORM_ID);
-        /**
-         * Property open to control modal visibility
-         */
-        this.open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
-        /**
-         * Property background to control modal backdrop color
-         */
-        this.background = input('light', ...(ngDevMode ? [{ debugName: "background" }] : []));
-        /**
-         * Property top to control modal top position
-         */
-        this.top = input(0, ...(ngDevMode ? [{ debugName: "top" }] : []));
-        /**
-         * Property bottom to control modal bottom position
-         */
-        this.bottom = input(0, ...(ngDevMode ? [{ debugName: "bottom" }] : []));
-        /**
-         * Property left to control modal left position
-         */
-        this.left = input(0, ...(ngDevMode ? [{ debugName: "left" }] : []));
-        /**
-         * Property right to control modal right position
-         */
-        this.right = input(0, ...(ngDevMode ? [{ debugName: "right" }] : []));
-        /**
-         * Defines the label for the close button when the modal is viewed on mobile
-         */
-        this.mobileCloseLabel = input('Fechar', ...(ngDevMode ? [{ debugName: "mobileCloseLabel" }] : []));
-        /**
-         * Property zindex to control the z-index value of the component
-         */
-        this.zindex = input('100', ...(ngDevMode ? [{ debugName: "zindex" }] : []));
-        /**
-         * Event close to handle modal close
-         */
-        this.modalClose = output();
-        // Computed styles
-        this.styles = computed(() => {
-            const backgroundTheme = {
-                dark: this.curaApi?.theme?.colors?.getColor('neutral-black', 0.4) || 'rgba(0, 0, 0, 0.4)',
-                light: this.curaApi?.theme?.colors?.getColor('primary-darker', 0.8) || 'rgba(0, 0, 0, 0.8)',
-            };
-            return {
-                '--background-color': backgroundTheme[this.background()],
-                '--top-offset': `${this.top()}px`,
-                '--bottom-offset': `${this.bottom()}px`,
-                '--left-offset': `${this.left()}px`,
-                '--right-offset': `${this.right()}px`,
-                '--neutral-purewhite': this.curaApi?.theme?.colors?.getColor('neutral-purewhite') || '#ffffff',
-                '--neutral-light': this.curaApi?.theme?.colors?.getColor('neutral-light') || '#f5f5f5',
-                '--base-spacing': this.curaApi?.theme?.spacing?.getSpacing() || '16px',
-            };
-        }, ...(ngDevMode ? [{ debugName: "styles" }] : []));
-        this.handleCloseOnEsc = (evt) => {
-            if (evt.key !== 'Escape' || !this.open()) {
-                return;
-            }
-            this.open.set(false);
-            this.modalClose.emit();
-        };
-        // Handle close method
-        this.handleClose = () => {
-            this.modalClose.emit();
-            this.open.set(false);
-        };
-    }
-    ngOnInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            window.addEventListener('keydown', this.handleCloseOnEsc);
-        }
-    }
-    ngOnDestroy() {
-        if (isPlatformBrowser(this.platformId)) {
-            window.removeEventListener('keydown', this.handleCloseOnEsc);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraModalComponent, isStandalone: true, selector: "cura-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, top: { classPropertyName: "top", publicName: "top", isSignal: true, isRequired: false, transformFunction: null }, bottom: { classPropertyName: "bottom", publicName: "bottom", isSignal: true, isRequired: false, transformFunction: null }, left: { classPropertyName: "left", publicName: "left", isSignal: true, isRequired: false, transformFunction: null }, right: { classPropertyName: "right", publicName: "right", isSignal: true, isRequired: false, transformFunction: null }, mobileCloseLabel: { classPropertyName: "mobileCloseLabel", publicName: "mobileCloseLabel", isSignal: true, isRequired: false, transformFunction: null }, zindex: { classPropertyName: "zindex", publicName: "zindex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", modalClose: "modalClose" }, host: { attributes: { "role": "dialog", "aria-modal": "true" }, properties: { "style.--zIndex": "zindex()" } }, ngImport: i0, template: "<div class=\"modal container\" [class.open]=\"open()\" [style]=\"styles()\">\r\n  <div class=\"modal backdrop\" [class.open]=\"open()\" (click)=\"handleClose()\"></div>\r\n\r\n  <div class=\"wrapper\">\r\n    <!-- Desktop close button -->\r\n    <button class=\"close desktop\" type=\"button\" (click)=\"handleClose()\">\r\n      <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"> </cura-icon>\r\n    </button>\r\n\r\n    <ng-content></ng-content>\r\n\r\n    <!-- Mobile close button -->\r\n    <button class=\"close mobile\" type=\"button\" (click)=\"handleClose()\">\r\n      <cura-icon name=\"close\" color=\"error-dark\" [size]=\"16\"> </cura-icon>\r\n      <cura-paragraph color=\"error-dark\" size=\"small\" marginBlock=\"0\">\r\n        {{ mobileCloseLabel() }}\r\n      </cura-paragraph>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}.modal{position:fixed;height:100%;width:100%;top:var(--top-offset);bottom:var(--bottom-offset);left:var(--left-offset);right:var(--right-offset);z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:var(--zIndex)}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn .3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.backdrop{background-color:var(--background-color);z-index:calc(var(--zIndex) - 10);animation:fadeIn .3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-light);border-radius:4px;max-width:600px;min-width:200px;padding:0 8px 8px;z-index:var(--zIndex);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;transform:scale(.95);transition:transform .3s ease-out,opacity .3s ease,visibility .3s ease}.wrapper ::ng-deep>*:not(button){max-height:80vh;overflow:auto;padding-right:12px}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:8px;background:none;border:none;cursor:pointer;display:flex;align-items:center}.close.mobile{display:none}.close.desktop{display:flex}@media (max-width: 768px){.wrapper{position:fixed;bottom:0;width:80%;padding-top:8px;padding-bottom:0;border-radius:4px 4px 0 0;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:8px;padding:8px 0;justify-content:center;width:100%}.close.mobile{display:flex;gap:4px}.close.desktop{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}\n"], dependencies: [{ kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cura-modal', imports: [CuraIconComponent, CuraParagraphComponent], host: {
-                        role: 'dialog',
-                        'aria-modal': 'true',
-                        '[style.--zIndex]': 'zindex()',
-                    }, template: "<div class=\"modal container\" [class.open]=\"open()\" [style]=\"styles()\">\r\n  <div class=\"modal backdrop\" [class.open]=\"open()\" (click)=\"handleClose()\"></div>\r\n\r\n  <div class=\"wrapper\">\r\n    <!-- Desktop close button -->\r\n    <button class=\"close desktop\" type=\"button\" (click)=\"handleClose()\">\r\n      <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"> </cura-icon>\r\n    </button>\r\n\r\n    <ng-content></ng-content>\r\n\r\n    <!-- Mobile close button -->\r\n    <button class=\"close mobile\" type=\"button\" (click)=\"handleClose()\">\r\n      <cura-icon name=\"close\" color=\"error-dark\" [size]=\"16\"> </cura-icon>\r\n      <cura-paragraph color=\"error-dark\" size=\"small\" marginBlock=\"0\">\r\n        {{ mobileCloseLabel() }}\r\n      </cura-paragraph>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}.modal{position:fixed;height:100%;width:100%;top:var(--top-offset);bottom:var(--bottom-offset);left:var(--left-offset);right:var(--right-offset);z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:var(--zIndex)}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn .3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.backdrop{background-color:var(--background-color);z-index:calc(var(--zIndex) - 10);animation:fadeIn .3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-light);border-radius:4px;max-width:600px;min-width:200px;padding:0 8px 8px;z-index:var(--zIndex);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;transform:scale(.95);transition:transform .3s ease-out,opacity .3s ease,visibility .3s ease}.wrapper ::ng-deep>*:not(button){max-height:80vh;overflow:auto;padding-right:12px}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:8px;background:none;border:none;cursor:pointer;display:flex;align-items:center}.close.mobile{display:none}.close.desktop{display:flex}@media (max-width: 768px){.wrapper{position:fixed;bottom:0;width:80%;padding-top:8px;padding-bottom:0;border-radius:4px 4px 0 0;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:8px;padding:8px 0;justify-content:center;width:100%}.close.mobile{display:flex;gap:4px}.close.desktop{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}\n"] }]
-        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], top: [{ type: i0.Input, args: [{ isSignal: true, alias: "top", required: false }] }], bottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "bottom", required: false }] }], left: [{ type: i0.Input, args: [{ isSignal: true, alias: "left", required: false }] }], right: [{ type: i0.Input, args: [{ isSignal: true, alias: "right", required: false }] }], mobileCloseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileCloseLabel", required: false }] }], zindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zindex", required: false }] }], modalClose: [{ type: i0.Output, args: ["modalClose"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CuraModalComponent };
-//# sourceMappingURL=rededor-site-front-end-lib-cura-feedback-cura-modal.mjs.map

package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"rededor-site-front-end-lib-cura-feedback-cura-modal.mjs","sources":["../../../projects/site-front-end-lib/cura/feedback/cura-modal/cura-modal.component.ts","../../../projects/site-front-end-lib/cura/feedback/cura-modal/cura-modal.component.html","../../../projects/site-front-end-lib/cura/feedback/cura-modal/rededor-site-front-end-lib-cura-feedback-cura-modal.ts"],"sourcesContent":["import { Component, input, output, computed, inject, model, OnInit, OnDestroy, PLATFORM_ID } from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\r\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\r\nimport { ModalBackground } from './cura-modal.definitions';\r\n\r\n@Component({\r\n  selector: 'cura-modal',\r\n  imports: [CuraIconComponent, CuraParagraphComponent],\r\n  templateUrl: './cura-modal.component.html',\r\n  styleUrls: ['./cura-modal.component.scss'],\r\n  host: {\r\n    role: 'dialog',\r\n    'aria-modal': 'true',\r\n    '[style.--zIndex]': 'zindex()',\r\n  },\r\n})\r\nexport class CuraModalComponent implements OnInit, OnDestroy {\r\n  private curaApi = inject(CuraApiService);\r\n  private platformId = inject(PLATFORM_ID);\r\n\r\n  /**\r\n   * Property open to control modal visibility\r\n   */\r\n  open = model<boolean>(false);\r\n\r\n  /**\r\n   * Property background to control modal backdrop color\r\n   */\r\n  background = input<ModalBackground>('light');\r\n\r\n  /**\r\n   * Property top to control modal top position\r\n   */\r\n  top = input<number>(0);\r\n\r\n  /**\r\n   * Property bottom to control modal bottom position\r\n   */\r\n  bottom = input<number>(0);\r\n\r\n  /**\r\n   * Property left to control modal left position\r\n   */\r\n  left = input<number>(0);\r\n\r\n  /**\r\n   * Property right to control modal right position\r\n   */\r\n  right = input<number>(0);\r\n\r\n  /**\r\n   * Defines the label for the close button when the modal is viewed on mobile\r\n   */\r\n  mobileCloseLabel = input<string>('Fechar');\r\n\r\n  /**\r\n   * Property zindex to control the z-index value of the component\r\n   */\r\n  zindex = input<string>('100');\r\n\r\n  /**\r\n   * Event close to handle modal close\r\n   */\r\n  modalClose = output<void>();\r\n\r\n  // Computed styles\r\n  styles = computed(() => {\r\n    const backgroundTheme = {\r\n      dark: this.curaApi?.theme?.colors?.getColor('neutral-black', 0.4) || 'rgba(0, 0, 0, 0.4)',\r\n      light: this.curaApi?.theme?.colors?.getColor('primary-darker', 0.8) || 'rgba(0, 0, 0, 0.8)',\r\n    };\r\n\r\n    return {\r\n      '--background-color': backgroundTheme[this.background()],\r\n      '--top-offset': `${this.top()}px`,\r\n      '--bottom-offset': `${this.bottom()}px`,\r\n      '--left-offset': `${this.left()}px`,\r\n      '--right-offset': `${this.right()}px`,\r\n      '--neutral-purewhite': this.curaApi?.theme?.colors?.getColor('neutral-purewhite') || '#ffffff',\r\n      '--neutral-light': this.curaApi?.theme?.colors?.getColor('neutral-light') || '#f5f5f5',\r\n      '--base-spacing': this.curaApi?.theme?.spacing?.getSpacing() || '16px',\r\n    };\r\n  });\r\n\r\n  ngOnInit(): void {\r\n    if (isPlatformBrowser(this.platformId)) {\r\n      window.addEventListener('keydown', this.handleCloseOnEsc);\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    if (isPlatformBrowser(this.platformId)) {\r\n      window.removeEventListener('keydown', this.handleCloseOnEsc);\r\n    }\r\n  }\r\n\r\n  handleCloseOnEsc = (evt: KeyboardEvent): void => {\r\n    if (evt.key !== 'Escape' || !this.open()) {\r\n      return;\r\n    }\r\n    this.open.set(false);\r\n    this.modalClose.emit();\r\n  };\r\n\r\n  // Handle close method\r\n  handleClose = (): void => {\r\n    this.modalClose.emit();\r\n    this.open.set(false);\r\n  };\r\n}\r\n","<div class=\"modal container\" [class.open]=\"open()\" [style]=\"styles()\">\r\n  <div class=\"modal backdrop\" [class.open]=\"open()\" (click)=\"handleClose()\"></div>\r\n\r\n  <div class=\"wrapper\">\r\n    <!-- Desktop close button -->\r\n    <button class=\"close desktop\" type=\"button\" (click)=\"handleClose()\">\r\n      <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"> </cura-icon>\r\n    </button>\r\n\r\n    <ng-content></ng-content>\r\n\r\n    <!-- Mobile close button -->\r\n    <button class=\"close mobile\" type=\"button\" (click)=\"handleClose()\">\r\n      <cura-icon name=\"close\" color=\"error-dark\" [size]=\"16\"> </cura-icon>\r\n      <cura-paragraph color=\"error-dark\" size=\"small\" marginBlock=\"0\">\r\n        {{ mobileCloseLabel() }}\r\n      </cura-paragraph>\r\n    </button>\r\n  </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs

@@ -1,198 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, input, output, signal, computed, effect, Component } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
-import { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';
-import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
-import { CuraLoaderBarComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-bar';
-
-class CuraToastComponent {
-    constructor() {
-        this.curaApi = inject(CuraApiService);
-        this.elementRef = inject(ElementRef);
-        /**
-         * Toast type: info (default) | success | warning | error
-         */
-        this.type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : []));
-        /**
-         * Toast position on screen
-         */
-        this.position = input('top-right', ...(ngDevMode ? [{ debugName: "position" }] : []));
-        /**
-         * Custom icon name
-         */
-        this.icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
-        /**
-         * Toast label/title
-         */
-        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-        /**
-         * Show close button. Default: true
-         */
-        this.closeButton = input(true, ...(ngDevMode ? [{ debugName: "closeButton" }] : []));
-        /**
-         * Show loader bar. Default: true
-         */
-        this.loader = input(true, ...(ngDevMode ? [{ debugName: "loader" }] : []));
-        /**
-         * Auto close delay in milliseconds. Default: 10000ms (10s)
-         */
-        this.autoCloseDelay = input(10000, ...(ngDevMode ? [{ debugName: "autoCloseDelay" }] : []));
-        /**
-         * Close event emitter
-         */
-        this.toastClosed = output();
-        /**
-         * Progress state for loader animation
-         */
-        this.progress = signal(0, ...(ngDevMode ? [{ debugName: "progress" }] : []));
-        /**
-         * Active state for animation
-         */
-        this.isActive = signal(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
-        this.toastStyles = computed(() => {
-            if (!this.curaApi)
-                return {};
-            const colors = [
-                { name: '--neutral-purewhite', theme: 'neutral-purewhite' },
-                { name: '--neutral-base', theme: 'neutral-base', opacity: 0.2 },
-                { name: '--primary-base', theme: 'primary-base' },
-                { name: '--color-base', theme: `${this.type()}-base` },
-            ];
-            const styles = {};
-            colors.forEach((color) => {
-                if (color.opacity !== undefined) {
-                    styles[color.name] = this.curaApi.theme.colors.getColor(color.theme, color.opacity);
-                }
-                else {
-                    styles[color.name] = this.curaApi.theme.colors.getColor(color.theme);
-                }
-            });
-            return styles;
-        }, ...(ngDevMode ? [{ debugName: "toastStyles" }] : []));
-        this.containerClasses = computed(() => {
-            const [firstPosition, secondPosition] = this.position().split('-');
-            const classes = {
-                container: true,
-            };
-            if (firstPosition)
-                classes[firstPosition] = true;
-            if (secondPosition)
-                classes[secondPosition] = true;
-            if (this.loader())
-                classes['loader'] = true;
-            if (this.isActive())
-                classes['active'] = true;
-            return classes;
-        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
-        this.iconName = computed(() => {
-            const iconMapping = {
-                info: 'infoCircle',
-                success: 'checkCircle',
-                warning: 'alertCircle',
-                error: 'alertTriangle',
-            };
-            return this.icon() || iconMapping[this.type()];
-        }, ...(ngDevMode ? [{ debugName: "iconName" }] : []));
-        // Watch for type and position changes to update styles
-        effect(() => {
-            this.type();
-            this.position();
-        });
-    }
-    ngOnInit() {
-        // Activate animation after a small delay to ensure DOM is ready
-        setTimeout(() => {
-            this.openContainer();
-            this.startAnimation();
-        }, 10);
-    }
-    ngOnDestroy() {
-        if (this.intervalId) {
-            clearInterval(this.intervalId);
-        }
-    }
-    /**
-     * Opens the toast container with animation
-     */
-    openContainer() {
-        this.isActive.set(true);
-    }
-    /**
-     * Closes the toast container with animation
-     */
-    closeContainer() {
-        this.isActive.set(false);
-        setTimeout(() => {
-            this.toastClosed.emit();
-            // Remove element from DOM
-            const element = this.elementRef.nativeElement;
-            if (element && element.parentNode) {
-                element.parentNode.removeChild(element);
-            }
-        }, 500);
-    }
-    /**
-     * Public method to close toast
-     */
-    close() {
-        this.closeContainer();
-    }
-    /**
-     * Handle close button click
-     */
-    handleClose() {
-        this.closeContainer();
-    }
-    /**
-     * Starts the auto-close animation
-     */
-    startAnimation() {
-        const delay = this.autoCloseDelay();
-        if (!delay)
-            return;
-        if (this.loader()) {
-            this.progress.set(0);
-            this.intervalId = setInterval(() => {
-                const currentProgress = this.progress();
-                if (currentProgress >= 100) {
-                    if (this.intervalId) {
-                        clearInterval(this.intervalId);
-                    }
-                    this.closeContainer();
-                }
-                else {
-                    this.progress.set(currentProgress + 1);
-                }
-            }, delay / 100);
-        }
-        else {
-            this.intervalId = setInterval(() => {
-                if (this.intervalId) {
-                    clearInterval(this.intervalId);
-                }
-                this.closeContainer();
-            }, delay);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraToastComponent, isStandalone: true, selector: "cura-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null }, loader: { classPropertyName: "loader", publicName: "loader", isSignal: true, isRequired: false, transformFunction: null }, autoCloseDelay: { classPropertyName: "autoCloseDelay", publicName: "autoCloseDelay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toastClosed: "toastClosed" }, host: { attributes: { "role": "alert", "aria-live": "polite", "aria-atomic": "true" }, properties: { "attr.aria-label": "label()" } }, ngImport: i0, template: "<div [ngClass]=\"containerClasses()\" [ngStyle]=\"toastStyles()\">\r\n  <cura-icon class=\"default-icon\" [name]=\"iconName()\" [size]=\"16\" [color]=\"type() + '-dark'\"></cura-icon>\r\n\r\n  <div class=\"content\">\r\n    <cura-heading [level]=\"4\" size=\"xsmall\" [color]=\"type() + '-dark'\" weight=\"bold\" marginBlock=\"0\">\r\n      {{ label() }}\r\n    </cura-heading>\r\n\r\n    <cura-paragraph [color]=\"type() + '-darker'\" size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\r\n      <ng-content></ng-content>\r\n    </cura-paragraph>\r\n\r\n    <ng-content select=\"[slot=actions]\"></ng-content>\r\n  </div>\r\n\r\n  @if (closeButton()) {\r\n    <cura-icon class=\"close-icon\" name=\"close\" [size]=\"16\" color=\"error-dark\" (click)=\"handleClose()\"></cura-icon>\r\n  }\r\n\r\n  @if (loader() && autoCloseDelay()) {\r\n    <cura-loader-bar [color]=\"type() + '-base'\" [progress]=\"progress()\"></cura-loader-bar>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box}:host .container{position:fixed;z-index:99999;display:flex;box-sizing:border-box;min-width:320px;height:fit-content;padding:16px;border:1px solid var(--color-base);border-radius:12px;background-color:var(--neutral-purewhite);overflow:hidden;box-shadow:0 8px 16px 0 var(--neutral-black-shadow-4, rgba(38, 38, 38, .12))}:host .container.loader{padding:16px 16px 20px}:host .container.top{top:24px}:host .container.top.center{top:-100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease-in-out,top .5s ease-in-out}:host .container.top.center.active{top:24px;opacity:1}:host .container.bottom{bottom:24px}:host .container.bottom.center{bottom:-100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease-in-out,bottom .5s ease-in-out}:host .container.bottom.center.active{bottom:24px;opacity:1}:host .container.left{left:-100%;opacity:0;transition:opacity .5s ease-in-out,left .5s ease-in-out}@media (max-width: 768px){:host .container.left{right:unset;left:50%;transform:translate(-50%)}}:host .container.left.active{left:24px;opacity:1}:host .container.right{right:-100%;opacity:0;transition:opacity .5s ease-in-out,right .5s ease-in-out}@media (max-width: 768px){:host .container.right{right:unset;left:50%;transform:translate(-50%)}}:host .container.right.active{right:24px;opacity:1}:host .container .content{flex:1 1 0;display:flex;flex-direction:column;gap:4px}:host .container .default-icon{margin-right:12px}:host .container .close-icon{margin-left:12px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraLoaderBarComponent, selector: "cura-loader-bar", inputs: ["color", "progress"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraToastComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cura-toast', imports: [CommonModule, CuraIconComponent, CuraHeadingComponent, CuraParagraphComponent, CuraLoaderBarComponent], host: {
-                        role: 'alert',
-                        'aria-live': 'polite',
-                        'aria-atomic': 'true',
-                        '[attr.aria-label]': 'label()',
-                    }, template: "<div [ngClass]=\"containerClasses()\" [ngStyle]=\"toastStyles()\">\r\n  <cura-icon class=\"default-icon\" [name]=\"iconName()\" [size]=\"16\" [color]=\"type() + '-dark'\"></cura-icon>\r\n\r\n  <div class=\"content\">\r\n    <cura-heading [level]=\"4\" size=\"xsmall\" [color]=\"type() + '-dark'\" weight=\"bold\" marginBlock=\"0\">\r\n      {{ label() }}\r\n    </cura-heading>\r\n\r\n    <cura-paragraph [color]=\"type() + '-darker'\" size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\r\n      <ng-content></ng-content>\r\n    </cura-paragraph>\r\n\r\n    <ng-content select=\"[slot=actions]\"></ng-content>\r\n  </div>\r\n\r\n  @if (closeButton()) {\r\n    <cura-icon class=\"close-icon\" name=\"close\" [size]=\"16\" color=\"error-dark\" (click)=\"handleClose()\"></cura-icon>\r\n  }\r\n\r\n  @if (loader() && autoCloseDelay()) {\r\n    <cura-loader-bar [color]=\"type() + '-base'\" [progress]=\"progress()\"></cura-loader-bar>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box}:host .container{position:fixed;z-index:99999;display:flex;box-sizing:border-box;min-width:320px;height:fit-content;padding:16px;border:1px solid var(--color-base);border-radius:12px;background-color:var(--neutral-purewhite);overflow:hidden;box-shadow:0 8px 16px 0 var(--neutral-black-shadow-4, rgba(38, 38, 38, .12))}:host .container.loader{padding:16px 16px 20px}:host .container.top{top:24px}:host .container.top.center{top:-100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease-in-out,top .5s ease-in-out}:host .container.top.center.active{top:24px;opacity:1}:host .container.bottom{bottom:24px}:host .container.bottom.center{bottom:-100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease-in-out,bottom .5s ease-in-out}:host .container.bottom.center.active{bottom:24px;opacity:1}:host .container.left{left:-100%;opacity:0;transition:opacity .5s ease-in-out,left .5s ease-in-out}@media (max-width: 768px){:host .container.left{right:unset;left:50%;transform:translate(-50%)}}:host .container.left.active{left:24px;opacity:1}:host .container.right{right:-100%;opacity:0;transition:opacity .5s ease-in-out,right .5s ease-in-out}@media (max-width: 768px){:host .container.right{right:unset;left:50%;transform:translate(-50%)}}:host .container.right.active{right:24px;opacity:1}:host .container .content{flex:1 1 0;display:flex;flex-direction:column;gap:4px}:host .container .default-icon{margin-right:12px}:host .container .close-icon{margin-left:12px;cursor:pointer}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], closeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButton", required: false }] }], loader: [{ type: i0.Input, args: [{ isSignal: true, alias: "loader", required: false }] }], autoCloseDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoCloseDelay", required: false }] }], toastClosed: [{ type: i0.Output, args: ["toastClosed"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CuraToastComponent };
-//# sourceMappingURL=rededor-site-front-end-lib-cura-feedback-cura-toast.mjs.map

package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"rededor-site-front-end-lib-cura-feedback-cura-toast.mjs","sources":["../../../projects/site-front-end-lib/cura/feedback/cura-toast/cura-toast.component.ts","../../../projects/site-front-end-lib/cura/feedback/cura-toast/cura-toast.component.html","../../../projects/site-front-end-lib/cura/feedback/cura-toast/rededor-site-front-end-lib-cura-feedback-cura-toast.ts"],"sourcesContent":["import { Component, input, output, inject, computed, signal, OnInit, OnDestroy, ElementRef, effect } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\r\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\r\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\r\nimport { CuraLoaderBarComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-bar';\r\nimport { ToastType, ToastPosition } from './cura-toast.definitions';\r\n\r\n@Component({\r\n  selector: 'cura-toast',\r\n  imports: [CommonModule, CuraIconComponent, CuraHeadingComponent, CuraParagraphComponent, CuraLoaderBarComponent],\r\n  templateUrl: './cura-toast.component.html',\r\n  styleUrls: ['./cura-toast.component.scss'],\r\n  host: {\r\n    role: 'alert',\r\n    'aria-live': 'polite',\r\n    'aria-atomic': 'true',\r\n    '[attr.aria-label]': 'label()',\r\n  },\r\n})\r\nexport class CuraToastComponent implements OnInit, OnDestroy {\r\n  private curaApi: CuraApiService = inject(CuraApiService);\r\n  private elementRef = inject(ElementRef);\r\n  private intervalId?: ReturnType<typeof setInterval>;\r\n\r\n  /**\r\n   * Toast type: info (default) | success | warning | error\r\n   */\r\n  type = input<ToastType>('info');\r\n\r\n  /**\r\n   * Toast position on screen\r\n   */\r\n  position = input<ToastPosition>('top-right');\r\n\r\n  /**\r\n   * Custom icon name\r\n   */\r\n  icon = input<string>('');\r\n\r\n  /**\r\n   * Toast label/title\r\n   */\r\n  label = input<string>('');\r\n\r\n  /**\r\n   * Show close button. Default: true\r\n   */\r\n  closeButton = input<boolean>(true);\r\n\r\n  /**\r\n   * Show loader bar. Default: true\r\n   */\r\n  loader = input<boolean>(true);\r\n\r\n  /**\r\n   * Auto close delay in milliseconds. Default: 10000ms (10s)\r\n   */\r\n  autoCloseDelay = input<number>(10000);\r\n\r\n  /**\r\n   * Close event emitter\r\n   */\r\n  toastClosed = output<void>();\r\n\r\n  /**\r\n   * Progress state for loader animation\r\n   */\r\n  progress = signal<number>(0);\r\n\r\n  /**\r\n   * Active state for animation\r\n   */\r\n  isActive = signal<boolean>(false);\r\n\r\n  constructor() {\r\n    // Watch for type and position changes to update styles\r\n    effect(() => {\r\n      this.type();\r\n      this.position();\r\n    });\r\n  }\r\n\r\n  toastStyles = computed(() => {\r\n    if (!this.curaApi) return {};\r\n\r\n    const colors = [\r\n      { name: '--neutral-purewhite', theme: 'neutral-purewhite' },\r\n      { name: '--neutral-base', theme: 'neutral-base', opacity: 0.2 },\r\n      { name: '--primary-base', theme: 'primary-base' },\r\n      { name: '--color-base', theme: `${this.type()}-base` },\r\n    ];\r\n\r\n    const styles: { [key: string]: string } = {};\r\n\r\n    colors.forEach((color) => {\r\n      if (color.opacity !== undefined) {\r\n        styles[color.name] = this.curaApi.theme.colors.getColor(color.theme, color.opacity);\r\n      } else {\r\n        styles[color.name] = this.curaApi.theme.colors.getColor(color.theme);\r\n      }\r\n    });\r\n\r\n    return styles;\r\n  });\r\n\r\n  containerClasses = computed(() => {\r\n    const [firstPosition, secondPosition] = this.position().split('-');\r\n    const classes: { [key: string]: boolean } = {\r\n      container: true,\r\n    };\r\n\r\n    if (firstPosition) classes[firstPosition] = true;\r\n    if (secondPosition) classes[secondPosition] = true;\r\n    if (this.loader()) classes['loader'] = true;\r\n    if (this.isActive()) classes['active'] = true;\r\n\r\n    return classes;\r\n  });\r\n\r\n  iconName = computed(() => {\r\n    const iconMapping: { [key in ToastType]: string } = {\r\n      info: 'infoCircle',\r\n      success: 'checkCircle',\r\n      warning: 'alertCircle',\r\n      error: 'alertTriangle',\r\n    };\r\n    return this.icon() || iconMapping[this.type()];\r\n  });\r\n\r\n  ngOnInit(): void {\r\n    // Activate animation after a small delay to ensure DOM is ready\r\n    setTimeout(() => {\r\n      this.openContainer();\r\n      this.startAnimation();\r\n    }, 10);\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    if (this.intervalId) {\r\n      clearInterval(this.intervalId);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Opens the toast container with animation\r\n   */\r\n  openContainer(): void {\r\n    this.isActive.set(true);\r\n  }\r\n\r\n  /**\r\n   * Closes the toast container with animation\r\n   */\r\n  closeContainer(): void {\r\n    this.isActive.set(false);\r\n\r\n    setTimeout(() => {\r\n      this.toastClosed.emit();\r\n      // Remove element from DOM\r\n      const element = this.elementRef.nativeElement;\r\n      if (element && element.parentNode) {\r\n        element.parentNode.removeChild(element);\r\n      }\r\n    }, 500);\r\n  }\r\n\r\n  /**\r\n   * Public method to close toast\r\n   */\r\n  close(): void {\r\n    this.closeContainer();\r\n  }\r\n\r\n  /**\r\n   * Handle close button click\r\n   */\r\n  handleClose(): void {\r\n    this.closeContainer();\r\n  }\r\n\r\n  /**\r\n   * Starts the auto-close animation\r\n   */\r\n  private startAnimation(): void {\r\n    const delay = this.autoCloseDelay();\r\n\r\n    if (!delay) return;\r\n\r\n    if (this.loader()) {\r\n      this.progress.set(0);\r\n      this.intervalId = setInterval(() => {\r\n        const currentProgress = this.progress();\r\n        if (currentProgress >= 100) {\r\n          if (this.intervalId) {\r\n            clearInterval(this.intervalId);\r\n          }\r\n          this.closeContainer();\r\n        } else {\r\n          this.progress.set(currentProgress + 1);\r\n        }\r\n      }, delay / 100);\r\n    } else {\r\n      this.intervalId = setInterval(() => {\r\n        if (this.intervalId) {\r\n          clearInterval(this.intervalId);\r\n        }\r\n        this.closeContainer();\r\n      }, delay);\r\n    }\r\n  }\r\n}\r\n","<div [ngClass]=\"containerClasses()\" [ngStyle]=\"toastStyles()\">\r\n  <cura-icon class=\"default-icon\" [name]=\"iconName()\" [size]=\"16\" [color]=\"type() + '-dark'\"></cura-icon>\r\n\r\n  <div class=\"content\">\r\n    <cura-heading [level]=\"4\" size=\"xsmall\" [color]=\"type() + '-dark'\" weight=\"bold\" marginBlock=\"0\">\r\n      {{ label() }}\r\n    </cura-heading>\r\n\r\n    <cura-paragraph [color]=\"type() + '-darker'\" size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\r\n      <ng-content></ng-content>\r\n    </cura-paragraph>\r\n\r\n    <ng-content select=\"[slot=actions]\"></ng-content>\r\n  </div>\r\n\r\n  @if (closeButton()) {\r\n    <cura-icon class=\"close-icon\" name=\"close\" [size]=\"16\" color=\"error-dark\" (click)=\"handleClose()\"></cura-icon>\r\n  }\r\n\r\n  @if (loader() && autoCloseDelay()) {\r\n    <cura-loader-bar [color]=\"type() + '-base'\" [progress]=\"progress()\"></cura-loader-bar>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}