otimus-library 0.2.95 → 0.2.96
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/fesm2022/otimus-library.mjs +224 -167
- package/fesm2022/otimus-library.mjs.map +1 -1
- package/index.d.ts +563 -5
- package/package.json +5 -7
- package/esm2022/lib/components/oc-accordion/oc-accordion.component.mjs +0 -48
- package/esm2022/lib/components/oc-accordion-item/oc-accordion-item.component.mjs +0 -35
- package/esm2022/lib/components/oc-autocomplete/oc-autocomplete.component.mjs +0 -373
- package/esm2022/lib/components/oc-badge/oc-badge.component.mjs +0 -30
- package/esm2022/lib/components/oc-button-menu/oc-button-menu.component.mjs +0 -45
- package/esm2022/lib/components/oc-checkbox/oc-checkbox.component.mjs +0 -140
- package/esm2022/lib/components/oc-chip/oc-chip.component.mjs +0 -48
- package/esm2022/lib/components/oc-date-select/data/months.json +0 -44
- package/esm2022/lib/components/oc-date-select/oc-date-select.component.mjs +0 -128
- package/esm2022/lib/components/oc-filter/oc-filter.component.mjs +0 -39
- package/esm2022/lib/components/oc-input/oc-input.component.mjs +0 -97
- package/esm2022/lib/components/oc-key-value/oc-key-value.component.mjs +0 -31
- package/esm2022/lib/components/oc-log/oc-log.component.mjs +0 -22
- package/esm2022/lib/components/oc-menu/oc-menu.component.mjs +0 -81
- package/esm2022/lib/components/oc-message/oc-message.component.mjs +0 -52
- package/esm2022/lib/components/oc-modal/oc-modal.component.mjs +0 -85
- package/esm2022/lib/components/oc-modal-footer/oc-modal-footer.component.mjs +0 -23
- package/esm2022/lib/components/oc-not-found/oc-not-found.component.mjs +0 -11
- package/esm2022/lib/components/oc-pagination/oc-pagination.component.mjs +0 -49
- package/esm2022/lib/components/oc-profile/oc-profile.component.mjs +0 -38
- package/esm2022/lib/components/oc-progress/oc-progress.component.mjs +0 -35
- package/esm2022/lib/components/oc-step/oc-step.component.mjs +0 -58
- package/esm2022/lib/components/oc-stepper/oc-stepper.component.mjs +0 -94
- package/esm2022/lib/components/oc-tab/oc-tab.component.mjs +0 -20
- package/esm2022/lib/components/oc-tabs/oc-tabs.component.mjs +0 -42
- package/esm2022/lib/components/oc-toast/oc-toast.component.mjs +0 -17
- package/esm2022/lib/components/oc-toggle/oc-toggle.component.mjs +0 -40
- package/esm2022/lib/directives/oc-tooltip/oc-tooltip.directive.mjs +0 -160
- package/esm2022/lib/interfaces/oc-autocomplete.mjs +0 -2
- package/esm2022/lib/interfaces/oc-menu.mjs +0 -2
- package/esm2022/lib/interfaces/oc-style-theme.mjs +0 -2
- package/esm2022/lib/interfaces/oc-toast.mjs +0 -2
- package/esm2022/lib/otimus-library.component.mjs +0 -19
- package/esm2022/lib/otimus-library.service.mjs +0 -14
- package/esm2022/lib/services/internationalization.service.mjs +0 -68
- package/esm2022/lib/services/oc-toast.service.mjs +0 -81
- package/esm2022/lib/services/style-theme.service.mjs +0 -21
- package/esm2022/otimus-library.mjs +0 -5
- package/esm2022/public-api.mjs +0 -34
- package/lib/components/oc-accordion/oc-accordion.component.d.ts +0 -18
- package/lib/components/oc-accordion-item/oc-accordion-item.component.d.ts +0 -12
- package/lib/components/oc-autocomplete/oc-autocomplete.component.d.ts +0 -83
- package/lib/components/oc-badge/oc-badge.component.d.ts +0 -11
- package/lib/components/oc-button-menu/oc-button-menu.component.d.ts +0 -14
- package/lib/components/oc-checkbox/oc-checkbox.component.d.ts +0 -37
- package/lib/components/oc-chip/oc-chip.component.d.ts +0 -15
- package/lib/components/oc-date-select/oc-date-select.component.d.ts +0 -26
- package/lib/components/oc-filter/oc-filter.component.d.ts +0 -17
- package/lib/components/oc-input/oc-input.component.d.ts +0 -31
- package/lib/components/oc-key-value/oc-key-value.component.d.ts +0 -16
- package/lib/components/oc-log/oc-log.component.d.ts +0 -7
- package/lib/components/oc-menu/oc-menu.component.d.ts +0 -20
- package/lib/components/oc-message/oc-message.component.d.ts +0 -17
- package/lib/components/oc-modal/oc-modal.component.d.ts +0 -30
- package/lib/components/oc-modal-footer/oc-modal-footer.component.d.ts +0 -8
- package/lib/components/oc-not-found/oc-not-found.component.d.ts +0 -5
- package/lib/components/oc-pagination/oc-pagination.component.d.ts +0 -14
- package/lib/components/oc-profile/oc-profile.component.d.ts +0 -12
- package/lib/components/oc-progress/oc-progress.component.d.ts +0 -12
- package/lib/components/oc-step/oc-step.component.d.ts +0 -24
- package/lib/components/oc-stepper/oc-stepper.component.d.ts +0 -25
- package/lib/components/oc-tab/oc-tab.component.d.ts +0 -8
- package/lib/components/oc-tabs/oc-tabs.component.d.ts +0 -18
- package/lib/components/oc-toast/oc-toast.component.d.ts +0 -8
- package/lib/components/oc-toggle/oc-toggle.component.d.ts +0 -14
- package/lib/directives/oc-tooltip/oc-tooltip.directive.d.ts +0 -24
- package/lib/interfaces/oc-autocomplete.d.ts +0 -9
- package/lib/interfaces/oc-menu.d.ts +0 -9
- package/lib/interfaces/oc-style-theme.d.ts +0 -2
- package/lib/interfaces/oc-toast.d.ts +0 -8
- package/lib/otimus-library.component.d.ts +0 -5
- package/lib/otimus-library.service.d.ts +0 -6
- package/lib/services/internationalization.service.d.ts +0 -17
- package/lib/services/oc-toast.service.d.ts +0 -14
- package/lib/services/style-theme.service.d.ts +0 -8
- package/public-api.d.ts +0 -30
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, ContentChild, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../../services/style-theme.service";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
export class OcInputComponent {
|
|
7
|
-
get computedWidth() {
|
|
8
|
-
return this.ocWidth ? this.ocWidth : null;
|
|
9
|
-
}
|
|
10
|
-
get computedMinWidth() {
|
|
11
|
-
return this.ocMinWidth || '0';
|
|
12
|
-
}
|
|
13
|
-
get computedMaxWidth() {
|
|
14
|
-
return this.ocMaxWidth || '100%';
|
|
15
|
-
}
|
|
16
|
-
constructor(el, renderer, styleThemeService) {
|
|
17
|
-
this.el = el;
|
|
18
|
-
this.renderer = renderer;
|
|
19
|
-
this.styleThemeService = styleThemeService;
|
|
20
|
-
this.ocSize = 'medium';
|
|
21
|
-
this.ocPlaceholder = '';
|
|
22
|
-
this.ocRequired = false;
|
|
23
|
-
this.ocStyle = 'otimus';
|
|
24
|
-
this.inputId = `oc-${Math.random()}`;
|
|
25
|
-
this.hasSuffix = false;
|
|
26
|
-
this.hasPrefix = false;
|
|
27
|
-
}
|
|
28
|
-
ngOnChanges(changes) {
|
|
29
|
-
if (this.ocPrefix) {
|
|
30
|
-
this.hasPrefix = true;
|
|
31
|
-
}
|
|
32
|
-
if (this.ocSuffix) {
|
|
33
|
-
this.hasSuffix = true;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
ngAfterViewInit() {
|
|
37
|
-
this.ocStyle = this.styleThemeService.getStyleTheme() || this.ocStyle;
|
|
38
|
-
const inputBox = this.el.nativeElement;
|
|
39
|
-
if (inputBox) {
|
|
40
|
-
const inputElement = inputBox.querySelector('input');
|
|
41
|
-
if (inputElement) {
|
|
42
|
-
this.renderer.setAttribute(inputElement, 'placeholder', '');
|
|
43
|
-
this.renderer.setAttribute(inputElement, 'required', this.ocRequired.toString());
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
ngAfterContentChecked() {
|
|
48
|
-
if (this.ocPrefix) {
|
|
49
|
-
this.hasPrefix = true;
|
|
50
|
-
}
|
|
51
|
-
if (this.ocSuffix) {
|
|
52
|
-
this.hasSuffix = true;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.StyleThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcInputComponent, isStandalone: true, selector: "oc-input", inputs: { ocError: "ocError", ocSize: "ocSize", ocPlaceholder: "ocPlaceholder", ocWidth: "ocWidth", ocMinWidth: "ocMinWidth", ocMaxWidth: "ocMaxWidth", ocRequired: "ocRequired", ocStyle: "ocStyle" }, host: { properties: { "style.width": "this.computedWidth", "style.min-width": "this.computedMinWidth", "style.max-width": "this.computedMaxWidth" } }, queries: [{ propertyName: "ocPrefix", first: true, predicate: ["ocPrefix"], descendants: true }, { propertyName: "ocSuffix", first: true, predicate: ["ocSuffix"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"{\n 'oc-input-box': !ocStyle || ocStyle === 'otimus',\n small: ocSize === 'small',\n large: ocSize === 'large',\n error: !!ocError,\n prefix: hasPrefix,\n suffix: hasSuffix,\n 'shui': ocStyle === 'shui',\n 'shui-input-box': ocStyle === 'shui'\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <ng-content select=\"ocPrefix\"></ng-content>\n <ng-content select=\"ocSuffix\"></ng-content>\n <label>\n <span [innerHTML]=\"ocPlaceholder\"></span>\n @if(ocRequired) {\n <span class=\"oc color error\">*</span>\n }\n </label>\n <small *ngIf=\"ocError\" class=\"error-msg\">{{ocError}}</small>\n</div>", styles: [".oc-input-box.prefix .material-symbols-outlined{position:absolute;left:0;font-size:1.5rem;-webkit-user-select:none;user-select:none}.oc-input-box.suffix .material-symbols-outlined,.oc-input-box.suffix .oc.suffix{position:absolute;right:0;font-size:1.5rem;-webkit-user-select:none;user-select:none}.oc-input-box{position:relative;margin-top:.5rem}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.oc-input-box label .oc.color.error{font-weight:700;margin-left:.2rem}.oc-input-box.prefix .material-symbols-outlined,.oc-input-box.prefix .oc.suffix{padding:.5rem .7rem}.oc-input-box.prefix input{padding-left:1.75rem}.oc-input-box.prefix label{padding:.7rem 2.5rem}.oc-input-box.suffix .material-symbols-outlined,.oc-input-box.suffix .oc.suffix{padding:.5rem .7rem}.oc-input-box.suffix input{padding-right:1.75rem}.oc-input-box.suffix label{padding:.7rem}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f8f9ff;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#7e8485;font-weight:500}.oc-input-box input:focus,.oc-input-box textarea:focus,.oc-input-box select:focus{border:1px solid #00dda3;box-shadow:0 4px 3.2px #00dda314}.oc-input-box input:not(:placeholder-shown)~label,.oc-input-box input:focus~label,.oc-input-box textarea:not(:placeholder-shown)~label,.oc-input-box textarea:focus~label,.oc-input-box select:valid~label,.oc-input-box select:focus~label{transform:translateY(-.855rem) translate(.6rem);color:#1e0832;background-color:#f8f9ff;padding:1px 7px;font-weight:500}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.oc-input-box.small input,.oc-input-box.small textarea,.oc-input-box.small select{padding:.3rem .7rem;border-radius:.5rem}.oc-input-box.small.prefix .material-symbols-outlined{padding:.35rem .7rem;font-size:1.25rem}.oc-input-box.small.prefix label{padding:.45rem 2.5rem}.oc-input-box.small.suffix .material-symbols-outlined{padding:.35rem .7rem}.oc-input-box.small.suffix label{padding:.45rem .7rem}.oc-input-box.small label{padding:.5rem .7rem}.oc-input-box.small input:focus~label,.oc-input-box.small input:not(:placeholder-shown)~label,.oc-input-box.small textarea:focus~label,.oc-input-box.small textarea:not(:placeholder-shown)~label,.oc-input-box.small select:focus~label,.oc-input-box.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;background-color:#fff;padding:1px 7px;font-weight:500}.oc-input-box.large input,.oc-input-box.large textarea,.oc-input-box.large select{padding:1rem;border-radius:1rem}.oc-input-box.large label,.oc-input-box.large.prefix .material-symbols-outlined{padding:1rem .7rem}.oc-input-box.large.prefix input{padding-left:2.5rem}.oc-input-box.large.prefix label{padding:1.1rem 2.5rem}.oc-input-box.large.suffix .material-symbols-outlined{padding:.9rem .7rem}.oc-input-box.large.suffix input{padding-right:2.5rem}.oc-input-box.large.suffix label{padding:1.1rem .7rem}.oc-input-box.large input:focus~label,.oc-input-box.large input:not(:placeholder-shown)~label,.oc-input-box.large textarea:focus~label,.oc-input-box.large textarea:not(:placeholder-shown)~label,.oc-input-box.large select:focus~label,.oc-input-box.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;background-color:#fff;padding:1px 7px;font-weight:500}.semantic-input{display:inline-block;width:100%;padding:10px 12px;font-size:14px;line-height:1.5;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 2px #22242626;transition:border-color .2s ease,box-shadow .2s ease}.semantic-input:hover{border-color:#b3b3b3}.semantic-input:focus{border-color:#85b7d9;box-shadow:0 0 0 2px #22242626;outline:none}.semantic-input:disabled{background-color:#f9f9f9;color:#b3b3b3;border-color:#ddd;cursor:not-allowed}.shui-input-box.prefix .material-symbols-outlined{position:absolute;left:0;font-size:1.5rem;-webkit-user-select:none;user-select:none}.shui-input-box.suffix .material-symbols-outlined,.shui-input-box.suffix .oc.suffix{position:absolute;right:0;font-size:1.5rem;-webkit-user-select:none;user-select:none}.shui-input-box{position:relative;margin-top:.5rem}.shui-input-box select *{background-color:#ebebeb}.shui-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#000;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.shui-input-box.prefix{z-index:5}.shui-input-box.prefix .material-symbols-outlined,.shui-input-box.prefix .oc.suffix{padding:.5rem .7rem}.shui-input-box.prefix input{padding-left:1.75rem}.shui-input-box.prefix label{padding:.7rem 2.5rem}.shui-input-box.suffix{z-index:5}.shui-input-box.suffix .material-symbols-outlined,.shui-input-box.suffix .oc.suffix{padding:.5rem .7rem}.shui-input-box.suffix input{padding-right:1.75rem}.shui-input-box.suffix label{padding:.7rem}.shui-input-box input,.shui-input-box textarea,.shui-input-box select{font-size:1rem;background-color:#ebebeb;border:none;outline:none;padding:1rem .9rem .2rem;width:100%;transition:.3s ease;color:#000;font-weight:400;height:41px;min-width:100%}.shui-input-box textarea{height:inherit;padding-top:20px}.shui-input-box input:not(:placeholder-shown)~label,.shui-input-box input:focus~label,.shui-input-box textarea:not(:placeholder-shown)~label,.shui-input-box textarea:focus~label,.shui-input-box select:valid~label,.shui-input-box select:focus~label{transform:translate(.45rem);background-color:#ebebeb;width:95%;padding:1px 7px 0;font-size:.7rem;font-weight:500}.shui-input-box input:focus~label,.shui-input-box textarea:focus~label,.shui-input-box select:valid~label,.shui-input-box select:focus~label{color:#0169b2}.shui-input-box:before{display:block;content:\"\";position:absolute;bottom:0;height:1px;width:100%;background-color:#7d7d7d;transition:.4s ease;width:0;background-color:#0169b2}.shui-input-box:focus-within:before{width:100%}.error input,.error textarea,.error select{border:1px solid #e7001d;box-shadow:0 4px 6.1px #a1000014}.error:before{width:0!important}.error small,.error label{color:#ed3a3a!important;font-weight:600}.shui-input-box.small input,.shui-input-box.small textarea,.shui-input-box.small select{max-height:36px;padding-top:1rem}.shui-input-box.small.prefix{z-index:5}.shui-input-box.small.prefix .material-symbols-outlined{padding:.35rem .7rem;font-size:1.25rem;color:#0169b2}.shui-input-box.small.prefix label{padding:.45rem 2.5rem}.shui-input-box.small.suffix{z-index:5}.shui-input-box.small.suffix .material-symbols-outlined{padding:.35rem .7rem;color:#0169b2}.shui-input-box.small.suffix label{padding:.45rem .7rem}.shui-input-box.large input,.shui-input-box.large textarea,.shui-input-box.large select{height:46px}.shui-input-box.large label{padding:1rem .7rem}.shui-input-box.large.prefix{z-index:5}.shui-input-box.large.prefix .material-symbols-outlined{padding:1rem .7rem}.shui-input-box.large.prefix input{padding-left:2.5rem}.shui-input-box.large.prefix label{padding:1.1rem 2.5rem}.shui-input-box.large.suffix{z-index:5}.shui-input-box.large.suffix .material-symbols-outlined{padding:.9rem .7rem}.shui-input-box.large.suffix input{padding-right:2.5rem}.shui-input-box.large.suffix label{padding:1.1rem .7rem}.oc.suffix,.oc.prefix,.material-symbols-outlined{z-index:5!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
57
|
-
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcInputComponent, decorators: [{
|
|
59
|
-
type: Component,
|
|
60
|
-
args: [{ selector: 'oc-input', host: {
|
|
61
|
-
'[style.width]': 'computedWidth',
|
|
62
|
-
'[style.min-width]': 'computedMinWidth',
|
|
63
|
-
'[style.max-width]': 'computedMaxWidth',
|
|
64
|
-
}, standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"{\n 'oc-input-box': !ocStyle || ocStyle === 'otimus',\n small: ocSize === 'small',\n large: ocSize === 'large',\n error: !!ocError,\n prefix: hasPrefix,\n suffix: hasSuffix,\n 'shui': ocStyle === 'shui',\n 'shui-input-box': ocStyle === 'shui'\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <ng-content select=\"ocPrefix\"></ng-content>\n <ng-content select=\"ocSuffix\"></ng-content>\n <label>\n <span [innerHTML]=\"ocPlaceholder\"></span>\n @if(ocRequired) {\n <span class=\"oc color error\">*</span>\n }\n </label>\n <small *ngIf=\"ocError\" class=\"error-msg\">{{ocError}}</small>\n</div>", styles: [".oc-input-box.prefix .material-symbols-outlined{position:absolute;left:0;font-size:1.5rem;-webkit-user-select:none;user-select:none}.oc-input-box.suffix .material-symbols-outlined,.oc-input-box.suffix .oc.suffix{position:absolute;right:0;font-size:1.5rem;-webkit-user-select:none;user-select:none}.oc-input-box{position:relative;margin-top:.5rem}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.oc-input-box label .oc.color.error{font-weight:700;margin-left:.2rem}.oc-input-box.prefix .material-symbols-outlined,.oc-input-box.prefix .oc.suffix{padding:.5rem .7rem}.oc-input-box.prefix input{padding-left:1.75rem}.oc-input-box.prefix label{padding:.7rem 2.5rem}.oc-input-box.suffix .material-symbols-outlined,.oc-input-box.suffix .oc.suffix{padding:.5rem .7rem}.oc-input-box.suffix input{padding-right:1.75rem}.oc-input-box.suffix label{padding:.7rem}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f8f9ff;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#7e8485;font-weight:500}.oc-input-box input:focus,.oc-input-box textarea:focus,.oc-input-box select:focus{border:1px solid #00dda3;box-shadow:0 4px 3.2px #00dda314}.oc-input-box input:not(:placeholder-shown)~label,.oc-input-box input:focus~label,.oc-input-box textarea:not(:placeholder-shown)~label,.oc-input-box textarea:focus~label,.oc-input-box select:valid~label,.oc-input-box select:focus~label{transform:translateY(-.855rem) translate(.6rem);color:#1e0832;background-color:#f8f9ff;padding:1px 7px;font-weight:500}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.oc-input-box.small input,.oc-input-box.small textarea,.oc-input-box.small select{padding:.3rem .7rem;border-radius:.5rem}.oc-input-box.small.prefix .material-symbols-outlined{padding:.35rem .7rem;font-size:1.25rem}.oc-input-box.small.prefix label{padding:.45rem 2.5rem}.oc-input-box.small.suffix .material-symbols-outlined{padding:.35rem .7rem}.oc-input-box.small.suffix label{padding:.45rem .7rem}.oc-input-box.small label{padding:.5rem .7rem}.oc-input-box.small input:focus~label,.oc-input-box.small input:not(:placeholder-shown)~label,.oc-input-box.small textarea:focus~label,.oc-input-box.small textarea:not(:placeholder-shown)~label,.oc-input-box.small select:focus~label,.oc-input-box.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;background-color:#fff;padding:1px 7px;font-weight:500}.oc-input-box.large input,.oc-input-box.large textarea,.oc-input-box.large select{padding:1rem;border-radius:1rem}.oc-input-box.large label,.oc-input-box.large.prefix .material-symbols-outlined{padding:1rem .7rem}.oc-input-box.large.prefix input{padding-left:2.5rem}.oc-input-box.large.prefix label{padding:1.1rem 2.5rem}.oc-input-box.large.suffix .material-symbols-outlined{padding:.9rem .7rem}.oc-input-box.large.suffix input{padding-right:2.5rem}.oc-input-box.large.suffix label{padding:1.1rem .7rem}.oc-input-box.large input:focus~label,.oc-input-box.large input:not(:placeholder-shown)~label,.oc-input-box.large textarea:focus~label,.oc-input-box.large textarea:not(:placeholder-shown)~label,.oc-input-box.large select:focus~label,.oc-input-box.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;background-color:#fff;padding:1px 7px;font-weight:500}.semantic-input{display:inline-block;width:100%;padding:10px 12px;font-size:14px;line-height:1.5;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 2px #22242626;transition:border-color .2s ease,box-shadow .2s ease}.semantic-input:hover{border-color:#b3b3b3}.semantic-input:focus{border-color:#85b7d9;box-shadow:0 0 0 2px #22242626;outline:none}.semantic-input:disabled{background-color:#f9f9f9;color:#b3b3b3;border-color:#ddd;cursor:not-allowed}.shui-input-box.prefix .material-symbols-outlined{position:absolute;left:0;font-size:1.5rem;-webkit-user-select:none;user-select:none}.shui-input-box.suffix .material-symbols-outlined,.shui-input-box.suffix .oc.suffix{position:absolute;right:0;font-size:1.5rem;-webkit-user-select:none;user-select:none}.shui-input-box{position:relative;margin-top:.5rem}.shui-input-box select *{background-color:#ebebeb}.shui-input-box label{position:absolute;left:0;top:0;padding:.5rem .7rem;font-size:.85rem;color:#000;pointer-events:none;transition:.3s ease;border-radius:.5rem;white-space:nowrap}.shui-input-box.prefix{z-index:5}.shui-input-box.prefix .material-symbols-outlined,.shui-input-box.prefix .oc.suffix{padding:.5rem .7rem}.shui-input-box.prefix input{padding-left:1.75rem}.shui-input-box.prefix label{padding:.7rem 2.5rem}.shui-input-box.suffix{z-index:5}.shui-input-box.suffix .material-symbols-outlined,.shui-input-box.suffix .oc.suffix{padding:.5rem .7rem}.shui-input-box.suffix input{padding-right:1.75rem}.shui-input-box.suffix label{padding:.7rem}.shui-input-box input,.shui-input-box textarea,.shui-input-box select{font-size:1rem;background-color:#ebebeb;border:none;outline:none;padding:1rem .9rem .2rem;width:100%;transition:.3s ease;color:#000;font-weight:400;height:41px;min-width:100%}.shui-input-box textarea{height:inherit;padding-top:20px}.shui-input-box input:not(:placeholder-shown)~label,.shui-input-box input:focus~label,.shui-input-box textarea:not(:placeholder-shown)~label,.shui-input-box textarea:focus~label,.shui-input-box select:valid~label,.shui-input-box select:focus~label{transform:translate(.45rem);background-color:#ebebeb;width:95%;padding:1px 7px 0;font-size:.7rem;font-weight:500}.shui-input-box input:focus~label,.shui-input-box textarea:focus~label,.shui-input-box select:valid~label,.shui-input-box select:focus~label{color:#0169b2}.shui-input-box:before{display:block;content:\"\";position:absolute;bottom:0;height:1px;width:100%;background-color:#7d7d7d;transition:.4s ease;width:0;background-color:#0169b2}.shui-input-box:focus-within:before{width:100%}.error input,.error textarea,.error select{border:1px solid #e7001d;box-shadow:0 4px 6.1px #a1000014}.error:before{width:0!important}.error small,.error label{color:#ed3a3a!important;font-weight:600}.shui-input-box.small input,.shui-input-box.small textarea,.shui-input-box.small select{max-height:36px;padding-top:1rem}.shui-input-box.small.prefix{z-index:5}.shui-input-box.small.prefix .material-symbols-outlined{padding:.35rem .7rem;font-size:1.25rem;color:#0169b2}.shui-input-box.small.prefix label{padding:.45rem 2.5rem}.shui-input-box.small.suffix{z-index:5}.shui-input-box.small.suffix .material-symbols-outlined{padding:.35rem .7rem;color:#0169b2}.shui-input-box.small.suffix label{padding:.45rem .7rem}.shui-input-box.large input,.shui-input-box.large textarea,.shui-input-box.large select{height:46px}.shui-input-box.large label{padding:1rem .7rem}.shui-input-box.large.prefix{z-index:5}.shui-input-box.large.prefix .material-symbols-outlined{padding:1rem .7rem}.shui-input-box.large.prefix input{padding-left:2.5rem}.shui-input-box.large.prefix label{padding:1.1rem 2.5rem}.shui-input-box.large.suffix{z-index:5}.shui-input-box.large.suffix .material-symbols-outlined{padding:.9rem .7rem}.shui-input-box.large.suffix input{padding-right:2.5rem}.shui-input-box.large.suffix label{padding:1.1rem .7rem}.oc.suffix,.oc.prefix,.material-symbols-outlined{z-index:5!important}\n"] }]
|
|
65
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.StyleThemeService }], propDecorators: { ocPrefix: [{
|
|
66
|
-
type: ContentChild,
|
|
67
|
-
args: ['ocPrefix']
|
|
68
|
-
}], ocSuffix: [{
|
|
69
|
-
type: ContentChild,
|
|
70
|
-
args: ['ocSuffix']
|
|
71
|
-
}], ocError: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], ocSize: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], ocPlaceholder: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], ocWidth: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}], ocMinWidth: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}], ocMaxWidth: [{
|
|
82
|
-
type: Input
|
|
83
|
-
}], ocRequired: [{
|
|
84
|
-
type: Input
|
|
85
|
-
}], ocStyle: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], computedWidth: [{
|
|
88
|
-
type: HostBinding,
|
|
89
|
-
args: ['style.width']
|
|
90
|
-
}], computedMinWidth: [{
|
|
91
|
-
type: HostBinding,
|
|
92
|
-
args: ['style.min-width']
|
|
93
|
-
}], computedMaxWidth: [{
|
|
94
|
-
type: HostBinding,
|
|
95
|
-
args: ['style.max-width']
|
|
96
|
-
}] } });
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3RpbXVzLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL29jLWlucHV0L29jLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1pbnB1dC9vYy1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUdMLFNBQVMsRUFDVCxZQUFZLEVBRVosV0FBVyxFQUNYLEtBQUssRUFJTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUE7Ozs7QUFpQnRCLE1BQU0sT0FBTyxnQkFBZ0I7SUFpQjNCLElBQ0ksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBO0lBQzNDLENBQUM7SUFFRCxJQUNJLGdCQUFnQjtRQUNsQixPQUFPLElBQUksQ0FBQyxVQUFVLElBQUksR0FBRyxDQUFBO0lBQy9CLENBQUM7SUFFRCxJQUNJLGdCQUFnQjtRQUNsQixPQUFPLElBQUksQ0FBQyxVQUFVLElBQUksTUFBTSxDQUFBO0lBQ2xDLENBQUM7SUFFRCxZQUNVLEVBQWMsRUFDZCxRQUFtQixFQUNuQixpQkFBb0M7UUFGcEMsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUNkLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQTlCckMsV0FBTSxHQUFrQyxRQUFRLENBQUE7UUFDaEQsa0JBQWEsR0FBVyxFQUFFLENBQUE7UUFJMUIsZUFBVSxHQUFZLEtBQUssQ0FBQTtRQUMzQixZQUFPLEdBQXFCLFFBQVEsQ0FBQTtRQUU3QyxZQUFPLEdBQVcsTUFBTSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQTtRQUN2QyxjQUFTLEdBQVksS0FBSyxDQUFBO1FBQzFCLGNBQVMsR0FBWSxLQUFLLENBQUE7SUFxQnZCLENBQUM7SUFFSixXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUE7UUFDdkIsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFBO1FBQ3ZCLENBQUM7SUFDSCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUE7UUFDckUsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUE7UUFFdEMsSUFBSSxRQUFRLEVBQUUsQ0FBQztZQUNiLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUE7WUFFcEQsSUFBSSxZQUFZLEVBQUUsQ0FBQztnQkFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxFQUFFLENBQUMsQ0FBQTtnQkFDM0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUE7WUFDbEYsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBRUQscUJBQXFCO1FBQ25CLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFBO1FBQ3ZCLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQTtRQUN2QixDQUFDO0lBQ0gsQ0FBQzsrR0FwRVUsZ0JBQWdCO21HQUFoQixnQkFBZ0IsaW5CQzlCN0IsbW9CQW9CTSwwN09ES00sWUFBWTs7NEZBS1gsZ0JBQWdCO2tCQWI1QixTQUFTOytCQUNFLFVBQVUsUUFDZDt3QkFDSixlQUFlLEVBQUUsZUFBZTt3QkFDaEMsbUJBQW1CLEVBQUUsa0JBQWtCO3dCQUN2QyxtQkFBbUIsRUFBRSxrQkFBa0I7cUJBQ3hDLGNBQ1csSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUk7dUlBR1gsUUFBUTtzQkFBakMsWUFBWTt1QkFBQyxVQUFVO2dCQUNFLFFBQVE7c0JBQWpDLFlBQVk7dUJBQUMsVUFBVTtnQkFFZixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFPRixhQUFhO3NCQURoQixXQUFXO3VCQUFDLGFBQWE7Z0JBTXRCLGdCQUFnQjtzQkFEbkIsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBTTFCLGdCQUFnQjtzQkFEbkIsV0FBVzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQge1xuICBBZnRlckNvbnRlbnRDaGVja2VkLFxuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIFJlbmRlcmVyMixcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBPY1N0eWxlVGhlbWVUeXBlIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9vYy1zdHlsZS10aGVtZSdcbmltcG9ydCB7IFN0eWxlVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc3R5bGUtdGhlbWUuc2VydmljZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2MtaW5wdXQnLFxuICBob3N0OiB7XG4gICAgJ1tzdHlsZS53aWR0aF0nOiAnY29tcHV0ZWRXaWR0aCcsXG4gICAgJ1tzdHlsZS5taW4td2lkdGhdJzogJ2NvbXB1dGVkTWluV2lkdGgnLFxuICAgICdbc3R5bGUubWF4LXdpZHRoXSc6ICdjb21wdXRlZE1heFdpZHRoJyxcbiAgfSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9vYy1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29jLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE9jSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMsIEFmdGVyQ29udGVudENoZWNrZWQge1xuICBAQ29udGVudENoaWxkKCdvY1ByZWZpeCcpIG9jUHJlZml4OiBhbnlcbiAgQENvbnRlbnRDaGlsZCgnb2NTdWZmaXgnKSBvY1N1ZmZpeDogYW55XG5cbiAgQElucHV0KCkgb2NFcnJvcj86IHN0cmluZ1xuICBASW5wdXQoKSBvY1NpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSdcbiAgQElucHV0KCkgb2NQbGFjZWhvbGRlcjogc3RyaW5nID0gJydcbiAgQElucHV0KCkgb2NXaWR0aD86IHN0cmluZ1xuICBASW5wdXQoKSBvY01pbldpZHRoPzogc3RyaW5nXG4gIEBJbnB1dCgpIG9jTWF4V2lkdGg/OiBzdHJpbmdcbiAgQElucHV0KCkgb2NSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIG9jU3R5bGU6IE9jU3R5bGVUaGVtZVR5cGUgPSAnb3RpbXVzJ1xuXG4gIGlucHV0SWQ6IHN0cmluZyA9IGBvYy0ke01hdGgucmFuZG9tKCl9YFxuICBoYXNTdWZmaXg6IGJvb2xlYW4gPSBmYWxzZVxuICBoYXNQcmVmaXg6IGJvb2xlYW4gPSBmYWxzZVxuXG4gIEBIb3N0QmluZGluZygnc3R5bGUud2lkdGgnKVxuICBnZXQgY29tcHV0ZWRXaWR0aCgpIHtcbiAgICByZXR1cm4gdGhpcy5vY1dpZHRoID8gdGhpcy5vY1dpZHRoIDogbnVsbFxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5taW4td2lkdGgnKVxuICBnZXQgY29tcHV0ZWRNaW5XaWR0aCgpIHtcbiAgICByZXR1cm4gdGhpcy5vY01pbldpZHRoIHx8ICcwJ1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5tYXgtd2lkdGgnKVxuICBnZXQgY29tcHV0ZWRNYXhXaWR0aCgpIHtcbiAgICByZXR1cm4gdGhpcy5vY01heFdpZHRoIHx8ICcxMDAlJ1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbDogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSBzdHlsZVRoZW1lU2VydmljZTogU3R5bGVUaGVtZVNlcnZpY2VcbiAgKSB7fVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5vY1ByZWZpeCkge1xuICAgICAgdGhpcy5oYXNQcmVmaXggPSB0cnVlXG4gICAgfVxuICAgIGlmICh0aGlzLm9jU3VmZml4KSB7XG4gICAgICB0aGlzLmhhc1N1ZmZpeCA9IHRydWVcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5vY1N0eWxlID0gdGhpcy5zdHlsZVRoZW1lU2VydmljZS5nZXRTdHlsZVRoZW1lKCkgfHwgdGhpcy5vY1N0eWxlXG4gICAgY29uc3QgaW5wdXRCb3ggPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnRcblxuICAgIGlmIChpbnB1dEJveCkge1xuICAgICAgY29uc3QgaW5wdXRFbGVtZW50ID0gaW5wdXRCb3gucXVlcnlTZWxlY3RvcignaW5wdXQnKVxuXG4gICAgICBpZiAoaW5wdXRFbGVtZW50KSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKGlucHV0RWxlbWVudCwgJ3BsYWNlaG9sZGVyJywgJycpXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKGlucHV0RWxlbWVudCwgJ3JlcXVpcmVkJywgdGhpcy5vY1JlcXVpcmVkLnRvU3RyaW5nKCkpXG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRDaGVja2VkKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm9jUHJlZml4KSB7XG4gICAgICB0aGlzLmhhc1ByZWZpeCA9IHRydWVcbiAgICB9XG4gICAgaWYgKHRoaXMub2NTdWZmaXgpIHtcbiAgICAgIHRoaXMuaGFzU3VmZml4ID0gdHJ1ZVxuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJ7XG4gICdvYy1pbnB1dC1ib3gnOiAgIW9jU3R5bGUgfHwgb2NTdHlsZSA9PT0gJ290aW11cycsXG4gIHNtYWxsOiBvY1NpemUgPT09ICdzbWFsbCcsXG4gIGxhcmdlOiBvY1NpemUgPT09ICdsYXJnZScsXG4gIGVycm9yOiAhIW9jRXJyb3IsXG4gIHByZWZpeDogaGFzUHJlZml4LFxuICBzdWZmaXg6IGhhc1N1ZmZpeCxcbiAgJ3NodWknOiBvY1N0eWxlID09PSAnc2h1aScsXG4gICdzaHVpLWlucHV0LWJveCc6IG9jU3R5bGUgPT09ICdzaHVpJ1xufVwiIFtpZF09XCJpbnB1dElkXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwib2NQcmVmaXhcIj48L25nLWNvbnRlbnQ+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIm9jU3VmZml4XCI+PC9uZy1jb250ZW50PlxuICA8bGFiZWw+XG4gICAgPHNwYW4gW2lubmVySFRNTF09XCJvY1BsYWNlaG9sZGVyXCI+PC9zcGFuPlxuICAgIEBpZihvY1JlcXVpcmVkKSB7XG4gICAgPHNwYW4gY2xhc3M9XCJvYyBjb2xvciBlcnJvclwiPio8L3NwYW4+XG4gICAgfVxuICA8L2xhYmVsPlxuICA8c21hbGwgKm5nSWY9XCJvY0Vycm9yXCIgY2xhc3M9XCJlcnJvci1tc2dcIj57e29jRXJyb3J9fTwvc21hbGw+XG48L2Rpdj4iXX0=
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../../services/style-theme.service";
|
|
5
|
-
import * as i2 from "@angular/platform-browser";
|
|
6
|
-
import * as i3 from "@angular/common";
|
|
7
|
-
export class OcKeyValueComponent {
|
|
8
|
-
constructor(styleThemeService, sanitizer) {
|
|
9
|
-
this.styleThemeService = styleThemeService;
|
|
10
|
-
this.sanitizer = sanitizer;
|
|
11
|
-
this.ocKey = '';
|
|
12
|
-
this.ocValue = '';
|
|
13
|
-
this.ocStyle = 'otimus';
|
|
14
|
-
}
|
|
15
|
-
ngAfterViewInit() {
|
|
16
|
-
this.ocStyle = this.styleThemeService.getStyleTheme() || this.ocStyle;
|
|
17
|
-
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcKeyValueComponent, deps: [{ token: i1.StyleThemeService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcKeyValueComponent, isStandalone: true, selector: "oc-key-value", inputs: { ocKey: "ocKey", ocValue: "ocValue", ocStyle: "ocStyle" }, ngImport: i0, template: "<div\n class=\"oc-key-value\"\n [ngClass]=\"{\n shui: ocStyle === 'shui',\n }\"\n>\n <!-- \u00CDcone -->\n <ng-content></ng-content>\n @if (ocKey) {\n <span [innerHTML]=\"ocKey + ':'\"></span>\n }\n <p [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(ocValue)\"></p>\n</div>\n", styles: [".oc-key-value{display:flex;align-items:center;gap:.1rem;font-size:1rem}.oc-key-value p{color:#7e8485;font-weight:500}.oc-key-value span{color:#5505a2;font-weight:500}.oc-key-value .material-symbols-outlined{color:#5505a2;font-size:.95rem}.shui.oc-key-value{display:flex;align-items:center;gap:.1rem;font-size:1rem}.shui.oc-key-value p{color:#7d7d7d;font-weight:500}.shui.oc-key-value span{color:#0169b2;font-weight:500}.shui.oc-key-value .material-symbols-outlined{color:#0169b2;font-size:.95rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
20
|
-
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcKeyValueComponent, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{ selector: 'oc-key-value', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"oc-key-value\"\n [ngClass]=\"{\n shui: ocStyle === 'shui',\n }\"\n>\n <!-- \u00CDcone -->\n <ng-content></ng-content>\n @if (ocKey) {\n <span [innerHTML]=\"ocKey + ':'\"></span>\n }\n <p [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(ocValue)\"></p>\n</div>\n", styles: [".oc-key-value{display:flex;align-items:center;gap:.1rem;font-size:1rem}.oc-key-value p{color:#7e8485;font-weight:500}.oc-key-value span{color:#5505a2;font-weight:500}.oc-key-value .material-symbols-outlined{color:#5505a2;font-size:.95rem}.shui.oc-key-value{display:flex;align-items:center;gap:.1rem;font-size:1rem}.shui.oc-key-value p{color:#7d7d7d;font-weight:500}.shui.oc-key-value span{color:#0169b2;font-weight:500}.shui.oc-key-value .material-symbols-outlined{color:#0169b2;font-size:.95rem}\n"] }]
|
|
24
|
-
}], ctorParameters: () => [{ type: i1.StyleThemeService }, { type: i2.DomSanitizer }], propDecorators: { ocKey: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}], ocValue: [{
|
|
27
|
-
type: Input
|
|
28
|
-
}], ocStyle: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2Mta2V5LXZhbHVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1rZXktdmFsdWUvb2Mta2V5LXZhbHVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1rZXktdmFsdWUvb2Mta2V5LXZhbHVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQWlCLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUE7Ozs7O0FBYWxGLE1BQU0sT0FBTyxtQkFBbUI7SUFDOUIsWUFDVSxpQkFBb0MsRUFDbEMsU0FBdUI7UUFEekIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNsQyxjQUFTLEdBQVQsU0FBUyxDQUFjO1FBRTFCLFVBQUssR0FBVyxFQUFFLENBQUE7UUFDbEIsWUFBTyxHQUFXLEVBQUUsQ0FBQTtRQUNwQixZQUFPLEdBQXFCLFFBQVEsQ0FBQTtJQUgxQyxDQUFDO0lBS0osZUFBZTtRQUNiLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUE7SUFDdkUsQ0FBQzsrR0FYVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiw0SUNkaEMsbVNBYUEsMmlCREpZLFlBQVk7OzRGQUtYLG1CQUFtQjtrQkFSL0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUk7aUhBTzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgT2NTdHlsZVRoZW1lVHlwZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvb2Mtc3R5bGUtdGhlbWUnXG5pbXBvcnQgeyBTdHlsZVRoZW1lU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3N0eWxlLXRoZW1lLnNlcnZpY2UnXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvYy1rZXktdmFsdWUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL29jLWtleS12YWx1ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1rZXktdmFsdWUuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBPY0tleVZhbHVlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc3R5bGVUaGVtZVNlcnZpY2U6IFN0eWxlVGhlbWVTZXJ2aWNlLFxuICAgIHByb3RlY3RlZCBzYW5pdGl6ZXI6IERvbVNhbml0aXplclxuICApIHt9XG4gIEBJbnB1dCgpIG9jS2V5OiBzdHJpbmcgPSAnJ1xuICBASW5wdXQoKSBvY1ZhbHVlOiBzdHJpbmcgPSAnJ1xuICBASW5wdXQoKSBvY1N0eWxlOiBPY1N0eWxlVGhlbWVUeXBlID0gJ290aW11cydcblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5vY1N0eWxlID0gdGhpcy5zdHlsZVRoZW1lU2VydmljZS5nZXRTdHlsZVRoZW1lKCkgfHwgdGhpcy5vY1N0eWxlXG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJvYy1rZXktdmFsdWVcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgc2h1aTogb2NTdHlsZSA9PT0gJ3NodWknLFxuICB9XCJcbj5cbiAgPCEtLSDDjWNvbmUgLS0+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgQGlmIChvY0tleSkge1xuICAgIDxzcGFuIFtpbm5lckhUTUxdPVwib2NLZXkgKyAnOidcIj48L3NwYW4+XG4gIH1cbiAgPHAgW2lubmVySFRNTF09XCJzYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwob2NWYWx1ZSlcIj48L3A+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { OcProfileComponent } from '../oc-profile/oc-profile.component';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
export class OcLogComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.ocProfilePic = '';
|
|
9
|
-
this.ocUserName = '';
|
|
10
|
-
}
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcLogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcLogComponent, isStandalone: true, selector: "oc-log", inputs: { ocProfilePic: "ocProfilePic", ocUserName: "ocUserName" }, ngImport: i0, template: "<div class=\"oc-log\">\n <div class=\"left-side\" [ngClass]=\"{\n 'has-profile': ocProfilePic || ocUserName\n }\">\n @if(ocProfilePic || ocUserName) {\n <oc-profile [ocProfilePic]=\"ocProfilePic\" [ocUserName]=\"ocUserName\">\n </oc-profile>\n } @else {\n <div class=\"dot\"></div>\n }\n </div>\n\n <div class=\"content\" [ngClass]=\"{\n 'has-profile-content': ocProfilePic || ocUserName\n }\" selector=\"[content]\">\n <ng-content></ng-content>\n </div>\n</div>", styles: [".oc-log{width:100%;margin:0;border-left:3px solid #d1d5db;position:relative;padding:4rem 0;padding-top:0;border-radius:1rem;border-bottom-left-radius:0;border-top-left-radius:0;transition:.2s ease}.oc-log:hover{background-color:#f7f7f7}.oc-log .has-profile{left:-2.1rem!important}.oc-log .left-side{position:absolute;z-index:8;left:-.6rem;top:0;height:100%;display:flex;align-items:flex-start}.oc-log .left-side .dot{width:1rem;height:1rem;border-radius:.2rem;transform:rotate(45deg);background-color:#5505a2}.content{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding-left:2rem;padding-top:1.5rem}.has-profile-content{padding-left:3rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: OcProfileComponent, selector: "oc-profile", inputs: ["ocUserName", "ocProfilePic", "ocSize"] }] }); }
|
|
13
|
-
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcLogComponent, decorators: [{
|
|
15
|
-
type: Component,
|
|
16
|
-
args: [{ selector: 'oc-log', standalone: true, imports: [CommonModule, OcProfileComponent], template: "<div class=\"oc-log\">\n <div class=\"left-side\" [ngClass]=\"{\n 'has-profile': ocProfilePic || ocUserName\n }\">\n @if(ocProfilePic || ocUserName) {\n <oc-profile [ocProfilePic]=\"ocProfilePic\" [ocUserName]=\"ocUserName\">\n </oc-profile>\n } @else {\n <div class=\"dot\"></div>\n }\n </div>\n\n <div class=\"content\" [ngClass]=\"{\n 'has-profile-content': ocProfilePic || ocUserName\n }\" selector=\"[content]\">\n <ng-content></ng-content>\n </div>\n</div>", styles: [".oc-log{width:100%;margin:0;border-left:3px solid #d1d5db;position:relative;padding:4rem 0;padding-top:0;border-radius:1rem;border-bottom-left-radius:0;border-top-left-radius:0;transition:.2s ease}.oc-log:hover{background-color:#f7f7f7}.oc-log .has-profile{left:-2.1rem!important}.oc-log .left-side{position:absolute;z-index:8;left:-.6rem;top:0;height:100%;display:flex;align-items:flex-start}.oc-log .left-side .dot{width:1rem;height:1rem;border-radius:.2rem;transform:rotate(45deg);background-color:#5505a2}.content{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding-left:2rem;padding-top:1.5rem}.has-profile-content{padding-left:3rem}\n"] }]
|
|
17
|
-
}], propDecorators: { ocProfilePic: [{
|
|
18
|
-
type: Input
|
|
19
|
-
}], ocUserName: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1sb2cvb2MtbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1sb2cvb2MtbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBUy9DLE1BQU0sT0FBTyxjQUFjO0lBUDNCO1FBUVcsaUJBQVksR0FBWSxFQUFFLENBQUE7UUFDMUIsZUFBVSxHQUFZLEVBQUUsQ0FBQTtLQUNsQzsrR0FIWSxjQUFjO21HQUFkLGNBQWMsc0lDWDNCLHVmQWlCTSxrdUJEVk0sWUFBWSw2SEFBRSxrQkFBa0I7OzRGQUkvQixjQUFjO2tCQVAxQixTQUFTOytCQUNFLFFBQVEsY0FDTixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsa0JBQWtCLENBQUM7OEJBS2xDLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9jUHJvZmlsZUNvbXBvbmVudCB9IGZyb20gJy4uL29jLXByb2ZpbGUvb2MtcHJvZmlsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2MtbG9nJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgT2NQcm9maWxlQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL29jLWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1sb2cuY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIE9jTG9nQ29tcG9uZW50IHtcbiAgQElucHV0KCkgb2NQcm9maWxlUGljPzogc3RyaW5nID0gJydcbiAgQElucHV0KCkgb2NVc2VyTmFtZT86IHN0cmluZyA9ICcnXG59XG4iLCI8ZGl2IGNsYXNzPVwib2MtbG9nXCI+XG4gIDxkaXYgY2xhc3M9XCJsZWZ0LXNpZGVcIiBbbmdDbGFzc109XCJ7XG4gICAgJ2hhcy1wcm9maWxlJzogb2NQcm9maWxlUGljIHx8IG9jVXNlck5hbWVcbiAgfVwiPlxuICAgIEBpZihvY1Byb2ZpbGVQaWMgfHwgb2NVc2VyTmFtZSkge1xuICAgICAgPG9jLXByb2ZpbGUgW29jUHJvZmlsZVBpY109XCJvY1Byb2ZpbGVQaWNcIiBbb2NVc2VyTmFtZV09XCJvY1VzZXJOYW1lXCI+XG4gICAgICA8L29jLXByb2ZpbGU+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8ZGl2IGNsYXNzPVwiZG90XCI+PC9kaXY+XG4gICAgfVxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiY29udGVudFwiIFtuZ0NsYXNzXT1cIntcbiAgICAnaGFzLXByb2ZpbGUtY29udGVudCc6IG9jUHJvZmlsZVBpYyB8fCBvY1VzZXJOYW1lXG4gIH1cIiBzZWxlY3Rvcj1cIltjb250ZW50XVwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
-
import { CdkMenuModule } from '@angular/cdk/menu';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { OcCheckboxComponent } from '../oc-checkbox/oc-checkbox.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
|
-
import * as i2 from "@angular/cdk/menu";
|
|
8
|
-
export class OcMenuComponent {
|
|
9
|
-
constructor(renderer) {
|
|
10
|
-
this.renderer = renderer;
|
|
11
|
-
this.ocChange = new EventEmitter();
|
|
12
|
-
this.ocMenu = [];
|
|
13
|
-
this.isMenuShown = false;
|
|
14
|
-
}
|
|
15
|
-
open() {
|
|
16
|
-
this.isMenuShown = true;
|
|
17
|
-
setTimeout(() => {
|
|
18
|
-
if (this.menu) {
|
|
19
|
-
const parentButton = this.findParentButton(this.menu.nativeElement);
|
|
20
|
-
if (parentButton) {
|
|
21
|
-
this.buttonId = `oc-${Math.random()}`;
|
|
22
|
-
this.renderer.setAttribute(parentButton, 'id', this.buttonId);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}, 100);
|
|
26
|
-
}
|
|
27
|
-
ngOnInit() {
|
|
28
|
-
this.closeOnClickOut();
|
|
29
|
-
}
|
|
30
|
-
findParentButton(element) {
|
|
31
|
-
let parent = element.parentElement;
|
|
32
|
-
while (parent) {
|
|
33
|
-
if (parent.tagName.toLowerCase() === 'button') {
|
|
34
|
-
return parent;
|
|
35
|
-
}
|
|
36
|
-
parent = parent.parentElement;
|
|
37
|
-
}
|
|
38
|
-
return null;
|
|
39
|
-
}
|
|
40
|
-
closeOnClickOut() {
|
|
41
|
-
this.renderer.listen('window', 'click', (e) => {
|
|
42
|
-
const isCheckbox = Array.from(e.target.classList).includes('cbx');
|
|
43
|
-
if (isCheckbox)
|
|
44
|
-
return;
|
|
45
|
-
else if (!this.menu)
|
|
46
|
-
return;
|
|
47
|
-
if (this.buttonId && e.target.id !== this.buttonId) {
|
|
48
|
-
this.isMenuShown = false;
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
changeCheckbox(name, checked) {
|
|
54
|
-
let foundItem;
|
|
55
|
-
this.ocMenu.forEach(item => {
|
|
56
|
-
if (item.name === name && typeof checked === 'boolean') {
|
|
57
|
-
item.checked = checked;
|
|
58
|
-
foundItem = item;
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
this.ocChange.emit(foundItem);
|
|
62
|
-
return foundItem;
|
|
63
|
-
}
|
|
64
|
-
typeof(key) {
|
|
65
|
-
return typeof key;
|
|
66
|
-
}
|
|
67
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcMenuComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
68
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcMenuComponent, isStandalone: true, selector: "oc-menu", inputs: { ocMenu: "ocMenu" }, outputs: { ocChange: "ocChange" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["ocMenuEl"], descendants: true }], ngImport: i0, template: "<div class=\"oc-menu\" *ngIf=\"isMenuShown\" cdkMenu #ocMenuEl>\n <ul>\n @for(option of ocMenu; track $index) {\n <li\n [ngClass]=\"{\n 'checkbox-option cbx': typeof(option.checked) === 'boolean'\n }\"\n >\n @if(typeof(option.checked) === 'boolean'){\n <div class=\"checkbox-opt cbx\">\n <oc-checkbox (ocChange)=\"changeCheckbox(option.name, $event)\" [ocChecked]=\"option.checked!\" class=\"cbx\" ocSize=\"tiny\" [ocLabel]=\"option.name\" ocBorderColor=\"gray\"/>\n </div>\n }\n @if(option.icon) {\n <span class=\"material-symbols-outlined\">\n {{option.icon}}\n </span>\n } \n @if(option.callback){\n <button (click)=\"option.callback()\">{{option.name}}</button>\n }\n @if(option.url){\n <a [href]=\"option.url\" [target]=\"option.targetBlank ? '_blank' : ''\">{{option.name}}</a>\n }\n @if (!option.callback && !option.url && typeof(option.checked) !== 'boolean') {\n <span>{{option.name}}</span>\n }\n </li>\n }\n </ul>\n</div>\n", styles: ["*{box-sizing:border-box}.oc-menu{display:flex;flex-direction:column;border-radius:0 8px 8px;background-color:#f8f9ff;border:2px solid #ffffff;position:absolute;z-index:1000;max-height:800px;box-shadow:0 4px 8.7px #00000021;animation:showUp .15s ease}.oc-menu ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.oc-menu ul li{text-align:left;text-decoration:none;width:100%;max-height:30px;display:flex;align-items:center;gap:.2rem;white-space:nowrap}.oc-menu ul li .checkbox-opt{min-width:1.3rem}.oc-menu ul li a,.oc-menu ul li button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-menu ul li a,.oc-menu ul li button,.oc-menu ul li span,.oc-menu ul li .checkbox-opt{color:#8f9596;text-decoration:none;font-size:1rem;font-weight:400;text-align:left;padding:0;margin:0;border:none;padding:.6rem;background-color:transparent;width:100%;height:100%;cursor:pointer}.oc-menu ul li .material-symbols-outlined{width:.3rem;font-size:1.1rem;pointer-events:none}.oc-menu ul li:hover{background-color:#fff}@keyframes showUp{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: CdkMenuModule }, { kind: "directive", type: i2.CdkMenu, selector: "[cdkMenu]", outputs: ["closed"], exportAs: ["cdkMenu"] }, { kind: "component", type: OcCheckboxComponent, selector: "oc-checkbox", inputs: ["ocChecked", "ocSize", "ocLabel", "ocName", "ocColor", "ocBorderColor", "ocStyle", "formControl", "ocTabIndex", "disableDoubleClickCheck", "ocDisabled"], outputs: ["ocChange", "ocCheckedChange", "ocDoubleClick"] }] }); }
|
|
69
|
-
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcMenuComponent, decorators: [{
|
|
71
|
-
type: Component,
|
|
72
|
-
args: [{ selector: 'oc-menu', standalone: true, imports: [CommonModule, CdkMenuModule, OcCheckboxComponent], template: "<div class=\"oc-menu\" *ngIf=\"isMenuShown\" cdkMenu #ocMenuEl>\n <ul>\n @for(option of ocMenu; track $index) {\n <li\n [ngClass]=\"{\n 'checkbox-option cbx': typeof(option.checked) === 'boolean'\n }\"\n >\n @if(typeof(option.checked) === 'boolean'){\n <div class=\"checkbox-opt cbx\">\n <oc-checkbox (ocChange)=\"changeCheckbox(option.name, $event)\" [ocChecked]=\"option.checked!\" class=\"cbx\" ocSize=\"tiny\" [ocLabel]=\"option.name\" ocBorderColor=\"gray\"/>\n </div>\n }\n @if(option.icon) {\n <span class=\"material-symbols-outlined\">\n {{option.icon}}\n </span>\n } \n @if(option.callback){\n <button (click)=\"option.callback()\">{{option.name}}</button>\n }\n @if(option.url){\n <a [href]=\"option.url\" [target]=\"option.targetBlank ? '_blank' : ''\">{{option.name}}</a>\n }\n @if (!option.callback && !option.url && typeof(option.checked) !== 'boolean') {\n <span>{{option.name}}</span>\n }\n </li>\n }\n </ul>\n</div>\n", styles: ["*{box-sizing:border-box}.oc-menu{display:flex;flex-direction:column;border-radius:0 8px 8px;background-color:#f8f9ff;border:2px solid #ffffff;position:absolute;z-index:1000;max-height:800px;box-shadow:0 4px 8.7px #00000021;animation:showUp .15s ease}.oc-menu ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.oc-menu ul li{text-align:left;text-decoration:none;width:100%;max-height:30px;display:flex;align-items:center;gap:.2rem;white-space:nowrap}.oc-menu ul li .checkbox-opt{min-width:1.3rem}.oc-menu ul li a,.oc-menu ul li button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-menu ul li a,.oc-menu ul li button,.oc-menu ul li span,.oc-menu ul li .checkbox-opt{color:#8f9596;text-decoration:none;font-size:1rem;font-weight:400;text-align:left;padding:0;margin:0;border:none;padding:.6rem;background-color:transparent;width:100%;height:100%;cursor:pointer}.oc-menu ul li .material-symbols-outlined{width:.3rem;font-size:1.1rem;pointer-events:none}.oc-menu ul li:hover{background-color:#fff}@keyframes showUp{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}\n"] }]
|
|
73
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { menu: [{
|
|
74
|
-
type: ViewChild,
|
|
75
|
-
args: ['ocMenuEl']
|
|
76
|
-
}], ocChange: [{
|
|
77
|
-
type: Output
|
|
78
|
-
}], ocMenu: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}] } });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtbWVudS9vYy1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1tZW51L29jLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFHLFNBQVMsRUFBWSxZQUFZLEVBQUMsS0FBSyxFQUFVLE1BQU0sRUFBYSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0csT0FBTyxFQUFHLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7OztBQVMzRSxNQUFNLE9BQU8sZUFBZTtJQUMxQixZQUFvQixRQUFtQjtRQUFuQixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBRzdCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFBO1FBQzlCLFdBQU0sR0FBaUIsRUFBRSxDQUFBO1FBQ2xDLGdCQUFXLEdBQVksS0FBSyxDQUFBO0lBTGMsQ0FBQztJQVEzQyxJQUFJO1FBQ0YsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUE7UUFFdkIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUcsSUFBSSxDQUFDLElBQUksRUFBQyxDQUFDO2dCQUNaLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUNwRSxJQUFJLFlBQVksRUFBRSxDQUFDO29CQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUE7b0JBQ3JDLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUNoRSxDQUFDO1lBQ0gsQ0FBQztRQUNILENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQTtJQUNULENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFBO0lBQ3hCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxPQUFvQjtRQUNuQyxJQUFJLE1BQU0sR0FBRyxPQUFPLENBQUMsYUFBYSxDQUFDO1FBQ25DLE9BQU8sTUFBTSxFQUFFLENBQUM7WUFDZCxJQUFJLE1BQU0sQ0FBQyxPQUFPLENBQUMsV0FBVyxFQUFFLEtBQUssUUFBUSxFQUFFLENBQUM7Z0JBQzlDLE9BQU8sTUFBMkIsQ0FBQztZQUNyQyxDQUFDO1lBQ0QsTUFBTSxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUM7UUFDaEMsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFDLENBQUMsQ0FBSyxFQUFDLEVBQUU7WUFFOUMsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUVqRSxJQUFHLFVBQVU7Z0JBQUUsT0FBTTtpQkFDaEIsSUFBRyxDQUFDLElBQUksQ0FBQyxJQUFJO2dCQUFFLE9BQU07WUFFMUIsSUFBRyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztnQkFDbEQsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUE7Z0JBQ3hCLE9BQU07WUFDUixDQUFDO1FBRUgsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsY0FBYyxDQUFDLElBQVksRUFBRSxPQUFnQjtRQUMzQyxJQUFJLFNBQVMsQ0FBQTtRQUNiLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ3pCLElBQUcsSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLElBQUksT0FBTyxPQUFPLEtBQUssU0FBUyxFQUFFLENBQUM7Z0JBQ3RELElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFBO2dCQUV0QixTQUFTLEdBQUcsSUFBSSxDQUFBO1lBQ2xCLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQTtRQUNGLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1FBQzdCLE9BQU8sU0FBUyxDQUFBO0lBQ2xCLENBQUM7SUFFRCxNQUFNLENBQUMsR0FBUTtRQUNiLE9BQU8sT0FBTyxHQUFHLENBQUE7SUFDbkIsQ0FBQzsrR0FyRVUsZUFBZTttR0FBZixlQUFlLHNPQ2I1Qiw4bUNBK0JBLGlxQ0R0QlksWUFBWSxnT0FBRSxhQUFhLDJJQUFFLG1CQUFtQjs7NEZBSS9DLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsU0FBUyxjQUNQLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsbUJBQW1CLENBQUM7OEVBT3BDLElBQUk7c0JBQTFCLFNBQVM7dUJBQUMsVUFBVTtnQkFDWCxRQUFRO3NCQUFqQixNQUFNO2dCQUNFLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7ICBDb21wb25lbnQsRWxlbWVudFJlZixFdmVudEVtaXR0ZXIsSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBSZW5kZXJlcjIsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgIENka01lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvbWVudSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgT2NNZW51VHlwZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvb2MtbWVudSc7XG5pbXBvcnQgeyBPY0NoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi4vb2MtY2hlY2tib3gvb2MtY2hlY2tib3guY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2MtbWVudScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIENka01lbnVNb2R1bGUsIE9jQ2hlY2tib3hDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vb2MtbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29jLW1lbnUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBPY01lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG5cbiAgQFZpZXdDaGlsZCgnb2NNZW51RWwnKSBtZW51ITogRWxlbWVudFJlZjtcbiAgQE91dHB1dCgpIG9jQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpXG4gIEBJbnB1dCgpIG9jTWVudTogT2NNZW51VHlwZVtdID0gW11cbiAgaXNNZW51U2hvd246IGJvb2xlYW4gPSBmYWxzZVxuICBidXR0b25JZD86c3RyaW5nXG5cbiAgb3BlbigpIHtcbiAgICB0aGlzLmlzTWVudVNob3duID0gdHJ1ZVxuXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBpZih0aGlzLm1lbnUpe1xuICAgICAgICBjb25zdCBwYXJlbnRCdXR0b24gPSB0aGlzLmZpbmRQYXJlbnRCdXR0b24odGhpcy5tZW51Lm5hdGl2ZUVsZW1lbnQpO1xuICAgICAgICBpZiAocGFyZW50QnV0dG9uKSB7XG4gICAgICAgICAgdGhpcy5idXR0b25JZCA9IGBvYy0ke01hdGgucmFuZG9tKCl9YFxuICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKHBhcmVudEJ1dHRvbiwgJ2lkJywgdGhpcy5idXR0b25JZCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9LCAxMDApXG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNsb3NlT25DbGlja091dCgpXG4gIH1cblxuICBmaW5kUGFyZW50QnV0dG9uKGVsZW1lbnQ6IEhUTUxFbGVtZW50KTogSFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsIHtcbiAgICBsZXQgcGFyZW50ID0gZWxlbWVudC5wYXJlbnRFbGVtZW50O1xuICAgIHdoaWxlIChwYXJlbnQpIHtcbiAgICAgIGlmIChwYXJlbnQudGFnTmFtZS50b0xvd2VyQ2FzZSgpID09PSAnYnV0dG9uJykge1xuICAgICAgICByZXR1cm4gcGFyZW50IGFzIEhUTUxCdXR0b25FbGVtZW50O1xuICAgICAgfVxuICAgICAgcGFyZW50ID0gcGFyZW50LnBhcmVudEVsZW1lbnQ7XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xuICB9XG4gIFxuICBjbG9zZU9uQ2xpY2tPdXQoKSB7XG4gICAgdGhpcy5yZW5kZXJlci5saXN0ZW4oJ3dpbmRvdycsICdjbGljaycsKGU6YW55KT0+e1xuXG4gICAgICBjb25zdCBpc0NoZWNrYm94ID0gQXJyYXkuZnJvbShlLnRhcmdldC5jbGFzc0xpc3QpLmluY2x1ZGVzKCdjYngnKVxuXG4gICAgICBpZihpc0NoZWNrYm94KSByZXR1cm5cbiAgICAgIGVsc2UgaWYoIXRoaXMubWVudSkgcmV0dXJuXG5cbiAgICAgIGlmKHRoaXMuYnV0dG9uSWQgJiYgZS50YXJnZXQuaWQgIT09IHRoaXMuYnV0dG9uSWQpIHtcbiAgICAgICAgdGhpcy5pc01lbnVTaG93biA9IGZhbHNlXG4gICAgICAgIHJldHVyblxuICAgICAgfVxuICAgICAgXG4gICAgfSlcbiAgfVxuXG4gIGNoYW5nZUNoZWNrYm94KG5hbWU6IHN0cmluZywgY2hlY2tlZDogYm9vbGVhbikge1xuICAgIGxldCBmb3VuZEl0ZW1cbiAgICB0aGlzLm9jTWVudS5mb3JFYWNoKGl0ZW0gPT4ge1xuICAgICAgaWYoaXRlbS5uYW1lID09PSBuYW1lICYmIHR5cGVvZiBjaGVja2VkID09PSAnYm9vbGVhbicpIHtcbiAgICAgICAgaXRlbS5jaGVja2VkID0gY2hlY2tlZFxuXG4gICAgICAgIGZvdW5kSXRlbSA9IGl0ZW1cbiAgICAgIH1cbiAgICB9KVxuICAgIHRoaXMub2NDaGFuZ2UuZW1pdChmb3VuZEl0ZW0pXG4gICAgcmV0dXJuIGZvdW5kSXRlbVxuICB9XG5cbiAgdHlwZW9mKGtleTogYW55KSB7XG4gICAgcmV0dXJuIHR5cGVvZiBrZXlcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm9jLW1lbnVcIiAqbmdJZj1cImlzTWVudVNob3duXCIgY2RrTWVudSAjb2NNZW51RWw+XG4gIDx1bD5cbiAgICBAZm9yKG9wdGlvbiBvZiBvY01lbnU7IHRyYWNrICRpbmRleCkge1xuICAgICAgPGxpXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAnY2hlY2tib3gtb3B0aW9uIGNieCc6IHR5cGVvZihvcHRpb24uY2hlY2tlZCkgPT09ICdib29sZWFuJ1xuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgQGlmKHR5cGVvZihvcHRpb24uY2hlY2tlZCkgPT09ICdib29sZWFuJyl7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNoZWNrYm94LW9wdCBjYnhcIj5cbiAgICAgICAgICAgIDxvYy1jaGVja2JveCAob2NDaGFuZ2UpPVwiY2hhbmdlQ2hlY2tib3gob3B0aW9uLm5hbWUsICRldmVudClcIiBbb2NDaGVja2VkXT1cIm9wdGlvbi5jaGVja2VkIVwiIGNsYXNzPVwiY2J4XCIgb2NTaXplPVwidGlueVwiIFtvY0xhYmVsXT1cIm9wdGlvbi5uYW1lXCIgb2NCb3JkZXJDb2xvcj1cImdyYXlcIi8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgICAgQGlmKG9wdGlvbi5pY29uKSB7XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI+XG4gICAgICAgICAgICB7e29wdGlvbi5pY29ufX1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIH0gIFxuICAgICAgICBAaWYob3B0aW9uLmNhbGxiYWNrKXtcbiAgICAgICAgICA8YnV0dG9uIChjbGljayk9XCJvcHRpb24uY2FsbGJhY2soKVwiPnt7b3B0aW9uLm5hbWV9fTwvYnV0dG9uPlxuICAgICAgICB9XG4gICAgICAgIEBpZihvcHRpb24udXJsKXtcbiAgICAgICAgICA8YSBbaHJlZl09XCJvcHRpb24udXJsXCIgW3RhcmdldF09XCJvcHRpb24udGFyZ2V0QmxhbmsgPyAnX2JsYW5rJyA6ICcnXCI+e3tvcHRpb24ubmFtZX19PC9hPlxuICAgICAgICB9XG4gICAgICAgIEBpZiAoIW9wdGlvbi5jYWxsYmFjayAmJiAhb3B0aW9uLnVybCAmJiB0eXBlb2Yob3B0aW9uLmNoZWNrZWQpICE9PSAnYm9vbGVhbicpIHtcbiAgICAgICAgICA8c3Bhbj57e29wdGlvbi5uYW1lfX08L3NwYW4+XG4gICAgICAgIH1cbiAgICA8L2xpPlxuICB9XG4gIDwvdWw+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class OcMessageComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.isOpen = false;
|
|
8
|
-
this.ocColor = 'default';
|
|
9
|
-
this.ocClosable = false;
|
|
10
|
-
this.ocIcon = '';
|
|
11
|
-
this._ocTitle = '';
|
|
12
|
-
this.ocOnClose = new EventEmitter();
|
|
13
|
-
this.ocOnOpen = new EventEmitter();
|
|
14
|
-
}
|
|
15
|
-
set ocTitle(value) {
|
|
16
|
-
this._ocTitle = value.trim();
|
|
17
|
-
}
|
|
18
|
-
get ocTitle() {
|
|
19
|
-
return this._ocTitle;
|
|
20
|
-
}
|
|
21
|
-
open() {
|
|
22
|
-
this.isOpen = true;
|
|
23
|
-
this.ocOnOpen.emit(this.isOpen);
|
|
24
|
-
}
|
|
25
|
-
close() {
|
|
26
|
-
this.isOpen = false;
|
|
27
|
-
this.ocOnClose.emit(this.isOpen);
|
|
28
|
-
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcMessageComponent, isStandalone: true, selector: "oc-message", inputs: { isOpen: "isOpen", ocColor: "ocColor", ocClosable: "ocClosable", ocIcon: "ocIcon", ocTitle: "ocTitle" }, outputs: { ocOnClose: "ocOnClose", ocOnOpen: "ocOnOpen" }, ngImport: i0, template: "@if (!ocClosable || isOpen) {\n<div class=\"oc-message-bg\" [ngClass]=\"'oc-' + ocColor\">\n <div class=\"oc-icon\" [ngClass]=\"'oc-' + ocColor\">\n @if (ocIcon) {\n <span class=\"material-symbols-outlined\">{{ ocIcon }}</span>\n } @else {\n <span>\n <ng-content select=\"[ocIcon]\"></ng-content>\n </span>\n }\n </div>\n <div class=\"oc-main-content\">\n <div class=\"oc-message-header\">\n @if (ocTitle) {\n <h3>{{ ocTitle }}</h3>\n } @else {\n <ng-content select=\"[ocHeader]\"></ng-content>\n }\n @if (ocClosable) {\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" ocTooltip content=\"Fechar\" ocSide=\"bottom\">\n close\n </span>\n </button>\n }\n </div>\n <div class=\"oc-message-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n}", styles: [".oc-message-bg{padding:1rem;border-radius:1rem;display:flex;gap:.7rem}.oc-message-bg .oc-message-header{display:flex;justify-content:space-between;margin:0 0 1rem}.oc-message-bg .oc-message-header h3{margin:0}.oc-message-bg .oc-icon{border:none}.oc-message-bg .oc-icon .material-symbols-outlined{font-size:2rem}.oc-message-bg .oc-icon ::ng-deep [ocIcon]{font-size:2rem}.oc-icon.oc-default{color:#353535}.oc-default{background-color:#f7f7f7;border:2px solid #d1d5db;color:#8f9596}.oc-red{background-color:#ffcaca;border:2px solid #ed3a3a;color:#ed3a3a}.oc-red .oc-close-btn span{color:#8f9596}.oc-green{background-color:#ccfbe6;border:2px solid #00dda3;color:#00dda3}.oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;-webkit-user-select:none;user-select:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer}.oc-close-btn span{transition:.15s ease}.oc-close-btn:hover span{color:#8f9596}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
31
|
-
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcMessageComponent, decorators: [{
|
|
33
|
-
type: Component,
|
|
34
|
-
args: [{ selector: 'oc-message', standalone: true, imports: [
|
|
35
|
-
CommonModule
|
|
36
|
-
], template: "@if (!ocClosable || isOpen) {\n<div class=\"oc-message-bg\" [ngClass]=\"'oc-' + ocColor\">\n <div class=\"oc-icon\" [ngClass]=\"'oc-' + ocColor\">\n @if (ocIcon) {\n <span class=\"material-symbols-outlined\">{{ ocIcon }}</span>\n } @else {\n <span>\n <ng-content select=\"[ocIcon]\"></ng-content>\n </span>\n }\n </div>\n <div class=\"oc-main-content\">\n <div class=\"oc-message-header\">\n @if (ocTitle) {\n <h3>{{ ocTitle }}</h3>\n } @else {\n <ng-content select=\"[ocHeader]\"></ng-content>\n }\n @if (ocClosable) {\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-symbols-outlined md-18\" ocTooltip content=\"Fechar\" ocSide=\"bottom\">\n close\n </span>\n </button>\n }\n </div>\n <div class=\"oc-message-content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n}", styles: [".oc-message-bg{padding:1rem;border-radius:1rem;display:flex;gap:.7rem}.oc-message-bg .oc-message-header{display:flex;justify-content:space-between;margin:0 0 1rem}.oc-message-bg .oc-message-header h3{margin:0}.oc-message-bg .oc-icon{border:none}.oc-message-bg .oc-icon .material-symbols-outlined{font-size:2rem}.oc-message-bg .oc-icon ::ng-deep [ocIcon]{font-size:2rem}.oc-icon.oc-default{color:#353535}.oc-default{background-color:#f7f7f7;border:2px solid #d1d5db;color:#8f9596}.oc-red{background-color:#ffcaca;border:2px solid #ed3a3a;color:#ed3a3a}.oc-red .oc-close-btn span{color:#8f9596}.oc-green{background-color:#ccfbe6;border:2px solid #00dda3;color:#00dda3}.oc-close-btn{margin:0;margin-right:.5rem;padding:0;border:none;-webkit-user-select:none;user-select:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer}.oc-close-btn span{transition:.15s ease}.oc-close-btn:hover span{color:#8f9596}\n"] }]
|
|
37
|
-
}], propDecorators: { isOpen: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}], ocColor: [{
|
|
40
|
-
type: Input
|
|
41
|
-
}], ocClosable: [{
|
|
42
|
-
type: Input
|
|
43
|
-
}], ocIcon: [{
|
|
44
|
-
type: Input
|
|
45
|
-
}], ocTitle: [{
|
|
46
|
-
type: Input
|
|
47
|
-
}], ocOnClose: [{
|
|
48
|
-
type: Output
|
|
49
|
-
}], ocOnOpen: [{
|
|
50
|
-
type: Output
|
|
51
|
-
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtbWVzc2FnZS9vYy1tZXNzYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1tZXNzYWdlL29jLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVd2RSxNQUFNLE9BQU8sa0JBQWtCO0lBVC9CO1FBVVcsV0FBTSxHQUFZLEtBQUssQ0FBQTtRQUN2QixZQUFPLEdBQWdDLFNBQVMsQ0FBQTtRQUNoRCxlQUFVLEdBQVksS0FBSyxDQUFBO1FBQzNCLFdBQU0sR0FBVyxFQUFFLENBQUE7UUFFcEIsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQVNwQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQTtRQUNuQyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQTtLQVc3QztJQXBCQyxJQUNJLE9BQU8sQ0FBQyxLQUFhO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFDRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUtELElBQUk7UUFDRixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQTtRQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDakMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQTtRQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDbEMsQ0FBQzsrR0ExQlUsa0JBQWtCO21HQUFsQixrQkFBa0IsbVBDWi9CLDA1QkErQkMsc2dDRHhCRyxZQUFZOzs0RkFLSCxrQkFBa0I7a0JBVDlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUDt3QkFDUCxZQUFZO3FCQUNiOzhCQUtRLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBSUYsT0FBTztzQkFEVixLQUFLO2dCQVFJLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvYy1tZXNzYWdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vb2MtbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1tZXNzYWdlLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBPY01lc3NhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBpc09wZW46IGJvb2xlYW4gPSBmYWxzZVxuICBASW5wdXQoKSBvY0NvbG9yOiAnZGVmYXVsdCcgfCAnZ3JlZW4nIHwgJ3JlZCcgPSAnZGVmYXVsdCdcbiAgQElucHV0KCkgb2NDbG9zYWJsZTogYm9vbGVhbiA9IGZhbHNlXG4gIEBJbnB1dCgpIG9jSWNvbjogc3RyaW5nID0gJycgXG5cbiAgcHJpdmF0ZSBfb2NUaXRsZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpXG4gIHNldCBvY1RpdGxlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9vY1RpdGxlID0gdmFsdWUudHJpbSgpO1xuICB9XG4gIGdldCBvY1RpdGxlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX29jVGl0bGU7XG4gIH1cblxuICBAT3V0cHV0KCkgb2NPbkNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcbiAgQE91dHB1dCgpIG9jT25PcGVuID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcblxuICBvcGVuKCkge1xuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZVxuICAgIHRoaXMub2NPbk9wZW4uZW1pdCh0aGlzLmlzT3BlbilcbiAgfVxuXG4gIGNsb3NlKCkge1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2VcbiAgICB0aGlzLm9jT25DbG9zZS5lbWl0KHRoaXMuaXNPcGVuKVxuICB9XG59XG4iLCJAaWYgKCFvY0Nsb3NhYmxlIHx8IGlzT3Blbikge1xuPGRpdiBjbGFzcz1cIm9jLW1lc3NhZ2UtYmdcIiBbbmdDbGFzc109XCInb2MtJyArIG9jQ29sb3JcIj5cbiAgPGRpdiBjbGFzcz1cIm9jLWljb25cIiBbbmdDbGFzc109XCInb2MtJyArIG9jQ29sb3JcIj5cbiAgICBAaWYgKG9jSWNvbikge1xuICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPnt7IG9jSWNvbiB9fTwvc3Bhbj5cbiAgICB9IEBlbHNlIHtcbiAgICA8c3Bhbj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltvY0ljb25dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvc3Bhbj5cbiAgICB9XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwib2MtbWFpbi1jb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cIm9jLW1lc3NhZ2UtaGVhZGVyXCI+XG4gICAgICBAaWYgKG9jVGl0bGUpIHtcbiAgICAgIDxoMz57eyBvY1RpdGxlIH19PC9oMz5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW29jSGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgIH1cbiAgICAgIEBpZiAob2NDbG9zYWJsZSkge1xuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiY2xvc2UoKVwiIGNsYXNzPVwib2MtY2xvc2UtYnRuXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBtZC0xOFwiIG9jVG9vbHRpcCBjb250ZW50PVwiRmVjaGFyXCIgb2NTaWRlPVwiYm90dG9tXCI+XG4gICAgICAgICAgY2xvc2VcbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9idXR0b24+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm9jLW1lc3NhZ2UtY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxufSJdfQ==
|