@litigiovirtual/ius-design-components 1.0.173 → 1.0.175
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/esm2022/lib/input-textfield/input-textfield.component.mjs +3 -3
- package/esm2022/lib/toolbar/toolbar.component.mjs +6 -3
- package/fesm2022/litigiovirtual-ius-design-components.mjs +7 -4
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/toolbar/toolbar.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -2620,11 +2620,11 @@ class InputTextfieldComponent {
|
|
|
2620
2620
|
event.preventDefault();
|
|
2621
2621
|
}
|
|
2622
2622
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextfieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2623
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTextfieldComponent, isStandalone: true, selector: "ius-input-textfield", inputs: { textInput: "textInput", required: "required", disabled: "disabled", isEnableClearText: "isEnableClearText", showHelpText: "showHelpText", labelSuperior: "labelSuperior", labelInferior: "labelInferior", labelInput: "labelInput", iconInput: "iconInput", inputType: "inputType", maxlenght: "maxlenght", initialText: "initialText" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onEnterKey: "onEnterKey" }, ngImport: i0, template: "<div class=\"container-general\">\r\n @if (labelSuperior) {\r\n <div\r\n class=\"container-label-sup\"\r\n [ngClass]=\"{\r\n disabled: disabled\r\n }\"\r\n >\r\n @if(!disabled && required){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"\">{{ labelSuperior }}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div\r\n class=\"container-textfield\"\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\"\r\n >\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input\r\n [type]=\"inputType\"\r\n [(ngModel)]=\"textInput\"\r\n [placeholder]=\"labelInput\"\r\n [disabled]=\"disabled\"\r\n [maxlength]=\"maxlenght ?? null\"\r\n (input)=\"onInput()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n (keypress)=\"onKeyPress($event)\"\r\n (keydown)=\"onKeyDown($event)\"\r\n (drop)=\"onDropBlock($event)\"\r\n (dragover)=\"onDragOverBlock($event)\"\r\n />\r\n @if (!disabled && textInput && isEnableClearText) {\r\n <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n <ius-icon-md\r\n iconName=\"icon-cancel\"\r\n class=\"icon-color-cancel\"\r\n ></ius-icon-md>\r\n </button>\r\n }\r\n </div>\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\">{{ labelInferior }}</span>\r\n } @if (labelInferior && !isFocused && isAlertText) {\r\n <span\r\n class=\"label-inf\"\r\n [ngClass]=\"{\r\n alert: !isFocused && isAlertText && !disabled\r\n }\"\r\n >{{ labelInferior }}</span\r\n >\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;transition:all .2s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
2623
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTextfieldComponent, isStandalone: true, selector: "ius-input-textfield", inputs: { textInput: "textInput", required: "required", disabled: "disabled", isEnableClearText: "isEnableClearText", showHelpText: "showHelpText", labelSuperior: "labelSuperior", labelInferior: "labelInferior", labelInput: "labelInput", iconInput: "iconInput", inputType: "inputType", maxlenght: "maxlenght", initialText: "initialText" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onEnterKey: "onEnterKey" }, ngImport: i0, template: "<div class=\"container-general\">\r\n @if (labelSuperior) {\r\n <div\r\n class=\"container-label-sup\"\r\n [ngClass]=\"{\r\n disabled: disabled\r\n }\"\r\n >\r\n @if(!disabled && required){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"\">{{ labelSuperior }}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div\r\n class=\"container-textfield\"\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\"\r\n >\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input\r\n [type]=\"inputType\"\r\n [(ngModel)]=\"textInput\"\r\n [placeholder]=\"labelInput\"\r\n [disabled]=\"disabled\"\r\n [autocomplete]=\"inputType\"\r\n [name]=\"inputType\"\r\n [maxlength]=\"maxlenght ?? null\"\r\n (input)=\"onInput()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n (keypress)=\"onKeyPress($event)\"\r\n (keydown)=\"onKeyDown($event)\"\r\n (drop)=\"onDropBlock($event)\"\r\n (dragover)=\"onDragOverBlock($event)\"\r\n />\r\n @if (!disabled && textInput && isEnableClearText) {\r\n <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n <ius-icon-md\r\n iconName=\"icon-cancel\"\r\n class=\"icon-color-cancel\"\r\n ></ius-icon-md>\r\n </button>\r\n }\r\n </div>\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\">{{ labelInferior }}</span>\r\n } @if (labelInferior && !isFocused && isAlertText) {\r\n <span\r\n class=\"label-inf\"\r\n [ngClass]=\"{\r\n alert: !isFocused && isAlertText && !disabled\r\n }\"\r\n >{{ labelInferior }}</span\r\n >\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;transition:all .2s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
2624
2624
|
}
|
|
2625
2625
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextfieldComponent, decorators: [{
|
|
2626
2626
|
type: Component,
|
|
2627
|
-
args: [{ selector: 'ius-input-textfield', standalone: true, imports: [IconMdComponent, FormsModule, CommonModule], template: "<div class=\"container-general\">\r\n @if (labelSuperior) {\r\n <div\r\n class=\"container-label-sup\"\r\n [ngClass]=\"{\r\n disabled: disabled\r\n }\"\r\n >\r\n @if(!disabled && required){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"\">{{ labelSuperior }}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div\r\n class=\"container-textfield\"\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\"\r\n >\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input\r\n [type]=\"inputType\"\r\n [(ngModel)]=\"textInput\"\r\n [placeholder]=\"labelInput\"\r\n [disabled]=\"disabled\"\r\n [maxlength]=\"maxlenght ?? null\"\r\n (input)=\"onInput()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n (keypress)=\"onKeyPress($event)\"\r\n (keydown)=\"onKeyDown($event)\"\r\n (drop)=\"onDropBlock($event)\"\r\n (dragover)=\"onDragOverBlock($event)\"\r\n />\r\n @if (!disabled && textInput && isEnableClearText) {\r\n <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n <ius-icon-md\r\n iconName=\"icon-cancel\"\r\n class=\"icon-color-cancel\"\r\n ></ius-icon-md>\r\n </button>\r\n }\r\n </div>\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\">{{ labelInferior }}</span>\r\n } @if (labelInferior && !isFocused && isAlertText) {\r\n <span\r\n class=\"label-inf\"\r\n [ngClass]=\"{\r\n alert: !isFocused && isAlertText && !disabled\r\n }\"\r\n >{{ labelInferior }}</span\r\n >\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;transition:all .2s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
|
|
2627
|
+
args: [{ selector: 'ius-input-textfield', standalone: true, imports: [IconMdComponent, FormsModule, CommonModule], template: "<div class=\"container-general\">\r\n @if (labelSuperior) {\r\n <div\r\n class=\"container-label-sup\"\r\n [ngClass]=\"{\r\n disabled: disabled\r\n }\"\r\n >\r\n @if(!disabled && required){\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span class=\"\">{{ labelSuperior }}</span>\r\n @if(!disabled && showHelpText){\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n <div\r\n class=\"container-textfield\"\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: !isFocused && isAlertText && !disabled\r\n }\"\r\n >\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input\r\n [type]=\"inputType\"\r\n [(ngModel)]=\"textInput\"\r\n [placeholder]=\"labelInput\"\r\n [disabled]=\"disabled\"\r\n [autocomplete]=\"inputType\"\r\n [name]=\"inputType\"\r\n [maxlength]=\"maxlenght ?? null\"\r\n (input)=\"onInput()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n (keypress)=\"onKeyPress($event)\"\r\n (keydown)=\"onKeyDown($event)\"\r\n (drop)=\"onDropBlock($event)\"\r\n (dragover)=\"onDragOverBlock($event)\"\r\n />\r\n @if (!disabled && textInput && isEnableClearText) {\r\n <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n <ius-icon-md\r\n iconName=\"icon-cancel\"\r\n class=\"icon-color-cancel\"\r\n ></ius-icon-md>\r\n </button>\r\n }\r\n </div>\r\n @if (labelInferior && isFocused) {\r\n <span class=\"label-inf\">{{ labelInferior }}</span>\r\n } @if (labelInferior && !isFocused && isAlertText) {\r\n <span\r\n class=\"label-inf\"\r\n [ngClass]=\"{\r\n alert: !isFocused && isAlertText && !disabled\r\n }\"\r\n >{{ labelInferior }}</span\r\n >\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;transition:all .2s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
|
|
2628
2628
|
}], propDecorators: { textInput: [{
|
|
2629
2629
|
type: Input
|
|
2630
2630
|
}], required: [{
|
|
@@ -3673,6 +3673,7 @@ class ToolbarComponent {
|
|
|
3673
3673
|
this.sanitizer = sanitizer;
|
|
3674
3674
|
this.accountsList = [];
|
|
3675
3675
|
this.pagina = '';
|
|
3676
|
+
this.notificationsCount = 0;
|
|
3676
3677
|
this.clickBuild = new EventEmitter();
|
|
3677
3678
|
this.clickSupport = new EventEmitter();
|
|
3678
3679
|
this.clickHelp = new EventEmitter();
|
|
@@ -3913,11 +3914,11 @@ class ToolbarComponent {
|
|
|
3913
3914
|
this.clickAgregarAccount.emit($event);
|
|
3914
3915
|
}
|
|
3915
3916
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3916
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3917
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ToolbarComponent, isStandalone: true, selector: "ius-toolbar", inputs: { object: "object", detailSubscripcion: "detailSubscripcion", detailsConsumo: "detailsConsumo", accountsList: "accountsList", pagina: "pagina", notificationsCount: "notificationsCount" }, outputs: { clickBuild: "clickBuild", clickSupport: "clickSupport", clickHelp: "clickHelp", clickNotifications: "clickNotifications", clickUsuariosRoles: "clickUsuariosRoles", clickConfiguracion: "clickConfiguracion", clickPagos: "clickPagos", clickSubsServicios: "clickSubsServicios", clickCambiarCuenta: "clickCambiarCuenta", clickCerrarSesion: "clickCerrarSesion", clickPerfilPreferencias: "clickPerfilPreferencias", clickReferir: "clickReferir", clickServicioVigilancia: "clickServicioVigilancia", clickServicioCorreo: "clickServicioCorreo", clickServicioLocalizador: "clickServicioLocalizador", clickServicioFirma: "clickServicioFirma", clickServicioCRM: "clickServicioCRM", clickAccountSelected: "clickAccountSelected", clickAccountPredeterminada: "clickAccountPredeterminada", clickEditAccount: "clickEditAccount", clickUnlinkAccount: "clickUnlinkAccount", clickAgregarAccount: "clickAgregarAccount" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "buttonsAccion", first: true, predicate: ["buttonsAccion"], descendants: true }], ngImport: i0, template: "<div class=\"tlb\">\r\n <div class=\"logo-page\">\r\n <div class=\"logo-lt\">\r\n <img [src]=\"object.logoLt\" alt=\"logo\" />\r\n </div>\r\n <div class=\"page\">{{ pagina }}</div>\r\n </div>\r\n <div class=\"btns\">\r\n <div class=\"tools\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-build\"\r\n (buttonClicked)=\"onClickBuild()\"\r\n ></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-support-agent\"\r\n (buttonClicked)=\"onClickSupport()\"\r\n ></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-help\"\r\n (buttonClicked)=\"onClickHelp()\"\r\n ></ius-button-circle-tertiary>\r\n <div class=\"notification-wrapper\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-notifications\"\r\n (buttonClicked)=\"onClickNotifications()\"\r\n ></ius-button-circle-tertiary>\r\n @if (notificationsCount > 0) {\r\n <span class=\"notification-badge\">{{ notificationsCount }}</span>\r\n }\r\n </div>\r\n <div class=\"relative\" #buttonsAccion>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-apps\"\r\n (buttonClicked)=\"toggleShowMore()\"\r\n >\r\n </ius-button-circle-tertiary>\r\n\r\n <div class=\"more-box\" [class.active]=\"showButtonsAccion\">\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLitigio\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioVigilancia()\"\r\n ></span\r\n >Vigilancia\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCorreo\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCorreo()\"\r\n ></span\r\n >Correo\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLocalizador\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioLocalizador()\"\r\n ></span\r\n >Localizador\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgFirma\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioFirma()\"\r\n ></span\r\n >Firma\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCrm\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCRM()\"\r\n ></span\r\n >CRM\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-dropdown-user-menu\r\n [nameUser]=\"object.nombreUsuario\"\r\n class=\"dropdown\"\r\n [avatar]=\"object.avatarUsuario || 'assets/images/Avatar.png'\"\r\n [logo]=\"object.logoCompany || 'assets/images/Logo.png'\"\r\n >\r\n <ius-toolbar-user-menu\r\n [object]=\"object\"\r\n [detailSubscripcion]=\"detailSubscripcion\"\r\n [detailsConsumo]=\"detailsConsumo\"\r\n [accountsList]=\"accountsList\"\r\n (clickUsuariosRoles)=\"onClickUsuariosRoles()\"\r\n (clickConfiguracion)=\"onClickConfiguracion()\"\r\n (clickPagos)=\"onClickPagos()\"\r\n (clickSubsServicios)=\"onClickSubsServicios()\"\r\n (clickCambiarCuenta)=\"onClickCambiarCuenta()\"\r\n (clickCerrarSesion)=\"onClickCerrarSesion()\"\r\n (clickPerfilPreferencias)=\"onClickPerfilPreferencias()\"\r\n (clickReferir)=\"onClickReferir()\"\r\n (clickAgregarAccount)=\"onClickAgregarAccount($event)\"\r\n (clickAccountSelected)=\"onClickAccountSelected($event)\"\r\n (clickAccountPredeterminada)=\"onClickAccountPredeterminada($event)\"\r\n (clickEditAccount)=\"onClickEditAccount($event)\"\r\n (clickDesvincularAccount)=\"onClickUnlinkAccount($event)\"\r\n ></ius-toolbar-user-menu>\r\n </ius-dropdown-user-menu>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.tlb{position:relative;height:48px;display:flex;padding:8px 12px 8px 24px;align-items:center;border-bottom:1px solid #eaeaea;background:#fff}.logo-page{display:flex;align-items:center;gap:12px;flex:1 0 0;align-self:stretch}.logo-lt{width:212.876px;height:38px;aspect-ratio:212.88/38}.page{color:#595959;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:400;line-height:22px}.btns{display:flex;align-items:center;gap:24px}.tools{display:flex;align-items:center;gap:4px}.relative{position:relative}.notification-wrapper{position:relative;display:inline-flex}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:100px;background:#db2e2a;border:1px solid #ffffff;color:#fff;font-family:Roboto,sans-serif;font-size:10px;font-weight:500;line-height:14px;display:flex;align-items:center;justify-content:center;z-index:1}.more-box{position:absolute;top:48px;right:0;padding:12px;gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:100;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}.more-box .item-btn{display:flex;width:90px;height:100px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center;cursor:pointer;transition:transform .2s ease;border-radius:8px;border:none;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.more-box .item-btn:hover{transform:translateY(-2px);background:#f6f8fa}.icon-btn{width:64px;height:64px}\n"], dependencies: [{ kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: DropdownUserMenuComponent, selector: "ius-dropdown-user-menu", inputs: ["isActive", "nameUser", "logo", "avatar", "disabled"], outputs: ["buttonClicked"] }, { kind: "component", type: ToolbarUserMenuComponent, selector: "ius-toolbar-user-menu", inputs: ["object", "detailSubscripcion", "detailsConsumo", "accountsList"], outputs: ["clickPerfilPreferencias", "clickUsuariosRoles", "clickConfiguracion", "clickPagos", "clickSubsServicios", "clickCambiarCuenta", "clickCerrarSesion", "clickReferir", "clickAccountSelected", "clickAccountPredeterminada", "clickEditAccount", "clickDesvincularAccount", "clickAgregarAccount"] }] }); }
|
|
3917
3918
|
}
|
|
3918
3919
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, decorators: [{
|
|
3919
3920
|
type: Component,
|
|
3920
|
-
args: [{ selector: 'ius-toolbar', standalone: true, imports: [ButtonCircleTertiaryComponent, DropdownUserMenuComponent, ToolbarUserMenuComponent], template: "<div class=\"tlb\">\r\n
|
|
3921
|
+
args: [{ selector: 'ius-toolbar', standalone: true, imports: [ButtonCircleTertiaryComponent, DropdownUserMenuComponent, ToolbarUserMenuComponent], template: "<div class=\"tlb\">\r\n <div class=\"logo-page\">\r\n <div class=\"logo-lt\">\r\n <img [src]=\"object.logoLt\" alt=\"logo\" />\r\n </div>\r\n <div class=\"page\">{{ pagina }}</div>\r\n </div>\r\n <div class=\"btns\">\r\n <div class=\"tools\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-build\"\r\n (buttonClicked)=\"onClickBuild()\"\r\n ></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-support-agent\"\r\n (buttonClicked)=\"onClickSupport()\"\r\n ></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-help\"\r\n (buttonClicked)=\"onClickHelp()\"\r\n ></ius-button-circle-tertiary>\r\n <div class=\"notification-wrapper\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-notifications\"\r\n (buttonClicked)=\"onClickNotifications()\"\r\n ></ius-button-circle-tertiary>\r\n @if (notificationsCount > 0) {\r\n <span class=\"notification-badge\">{{ notificationsCount }}</span>\r\n }\r\n </div>\r\n <div class=\"relative\" #buttonsAccion>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-apps\"\r\n (buttonClicked)=\"toggleShowMore()\"\r\n >\r\n </ius-button-circle-tertiary>\r\n\r\n <div class=\"more-box\" [class.active]=\"showButtonsAccion\">\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLitigio\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioVigilancia()\"\r\n ></span\r\n >Vigilancia\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCorreo\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCorreo()\"\r\n ></span\r\n >Correo\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLocalizador\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioLocalizador()\"\r\n ></span\r\n >Localizador\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgFirma\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioFirma()\"\r\n ></span\r\n >Firma\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCrm\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCRM()\"\r\n ></span\r\n >CRM\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-dropdown-user-menu\r\n [nameUser]=\"object.nombreUsuario\"\r\n class=\"dropdown\"\r\n [avatar]=\"object.avatarUsuario || 'assets/images/Avatar.png'\"\r\n [logo]=\"object.logoCompany || 'assets/images/Logo.png'\"\r\n >\r\n <ius-toolbar-user-menu\r\n [object]=\"object\"\r\n [detailSubscripcion]=\"detailSubscripcion\"\r\n [detailsConsumo]=\"detailsConsumo\"\r\n [accountsList]=\"accountsList\"\r\n (clickUsuariosRoles)=\"onClickUsuariosRoles()\"\r\n (clickConfiguracion)=\"onClickConfiguracion()\"\r\n (clickPagos)=\"onClickPagos()\"\r\n (clickSubsServicios)=\"onClickSubsServicios()\"\r\n (clickCambiarCuenta)=\"onClickCambiarCuenta()\"\r\n (clickCerrarSesion)=\"onClickCerrarSesion()\"\r\n (clickPerfilPreferencias)=\"onClickPerfilPreferencias()\"\r\n (clickReferir)=\"onClickReferir()\"\r\n (clickAgregarAccount)=\"onClickAgregarAccount($event)\"\r\n (clickAccountSelected)=\"onClickAccountSelected($event)\"\r\n (clickAccountPredeterminada)=\"onClickAccountPredeterminada($event)\"\r\n (clickEditAccount)=\"onClickEditAccount($event)\"\r\n (clickDesvincularAccount)=\"onClickUnlinkAccount($event)\"\r\n ></ius-toolbar-user-menu>\r\n </ius-dropdown-user-menu>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.tlb{position:relative;height:48px;display:flex;padding:8px 12px 8px 24px;align-items:center;border-bottom:1px solid #eaeaea;background:#fff}.logo-page{display:flex;align-items:center;gap:12px;flex:1 0 0;align-self:stretch}.logo-lt{width:212.876px;height:38px;aspect-ratio:212.88/38}.page{color:#595959;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:400;line-height:22px}.btns{display:flex;align-items:center;gap:24px}.tools{display:flex;align-items:center;gap:4px}.relative{position:relative}.notification-wrapper{position:relative;display:inline-flex}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:100px;background:#db2e2a;border:1px solid #ffffff;color:#fff;font-family:Roboto,sans-serif;font-size:10px;font-weight:500;line-height:14px;display:flex;align-items:center;justify-content:center;z-index:1}.more-box{position:absolute;top:48px;right:0;padding:12px;gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:100;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}.more-box .item-btn{display:flex;width:90px;height:100px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center;cursor:pointer;transition:transform .2s ease;border-radius:8px;border:none;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.more-box .item-btn:hover{transform:translateY(-2px);background:#f6f8fa}.icon-btn{width:64px;height:64px}\n"] }]
|
|
3921
3922
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { object: [{
|
|
3922
3923
|
type: Input,
|
|
3923
3924
|
args: [{ required: true }]
|
|
@@ -3929,6 +3930,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3929
3930
|
type: Input
|
|
3930
3931
|
}], pagina: [{
|
|
3931
3932
|
type: Input
|
|
3933
|
+
}], notificationsCount: [{
|
|
3934
|
+
type: Input
|
|
3932
3935
|
}], clickBuild: [{
|
|
3933
3936
|
type: Output
|
|
3934
3937
|
}], clickSupport: [{
|