otimus-library 0.0.17 → 0.0.18
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/components/oc-input/oc-input.component.mjs +6 -4
- package/esm2022/lib/components/oc-modal/oc-modal.component.mjs +10 -3
- package/esm2022/lib/directives/oc-tooltip/oc-tooltip.directive.mjs +10 -6
- package/fesm2022/otimus-library.mjs +23 -10
- package/fesm2022/otimus-library.mjs.map +1 -1
- package/lib/directives/oc-tooltip/oc-tooltip.directive.d.ts +1 -1
- package/package.json +1 -1
|
@@ -10,17 +10,19 @@ export class OcInputComponent {
|
|
|
10
10
|
}
|
|
11
11
|
ngAfterViewInit() {
|
|
12
12
|
const inputBox = document.getElementById(this.inputId);
|
|
13
|
+
console.log('inputBox = ', inputBox);
|
|
13
14
|
if (inputBox) {
|
|
14
15
|
const inputElement = inputBox.children[0];
|
|
15
|
-
|
|
16
|
+
console.log('inputElement:', inputElement);
|
|
17
|
+
inputElement.placeholder = ' ';
|
|
16
18
|
}
|
|
17
19
|
}
|
|
18
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcInputComponent, isStandalone: true, selector: "oc-input", inputs: { error: "error", size: "size", placeholder: "placeholder" }, ngImport: i0, template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;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(-.82rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcInputComponent, isStandalone: true, selector: "oc-input", inputs: { error: "error", size: "size", placeholder: "placeholder" }, ngImport: i0, template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n", styles: [".oc-input-box{position:relative}.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}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;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(-.82rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
20
22
|
}
|
|
21
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, decorators: [{
|
|
22
24
|
type: Component,
|
|
23
|
-
args: [{ selector: 'oc-input', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;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(-.82rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\n"] }]
|
|
25
|
+
args: [{ selector: 'oc-input', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n", styles: [".oc-input-box{position:relative}.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}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;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(-.82rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\n"] }]
|
|
24
26
|
}], propDecorators: { error: [{
|
|
25
27
|
type: Input
|
|
26
28
|
}], size: [{
|
|
@@ -28,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
28
30
|
}], placeholder: [{
|
|
29
31
|
type: Input
|
|
30
32
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3RpbXVzLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL29jLWlucHV0L29jLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1pbnB1dC9vYy1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQXFCLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVbkcsTUFBTSxPQUFPLGdCQUFnQjtJQVI3QjtRQVVXLFNBQUksR0FBa0MsUUFBUSxDQUFBO1FBQzlDLGdCQUFXLEdBQVcsRUFBRSxDQUFBO1FBQ2pDLFlBQU8sR0FBVyxNQUFNLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFBO0tBWXhDO0lBVkMsZUFBZTtRQUNiLE1BQU0sUUFBUSxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFBO1FBRXRELE9BQU8sQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLFFBQVEsQ0FBQyxDQUFBO1FBQ3BDLElBQUcsUUFBUSxFQUFFO1lBQ1gsTUFBTSxZQUFZLEdBQUcsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQVEsQ0FBQTtZQUM5QyxPQUFPLENBQUMsR0FBRyxDQUFDLGVBQWUsRUFBRSxZQUFZLENBQUMsQ0FBQTtZQUMxQyxZQUFZLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztTQUNuQztJQUNILENBQUM7OEdBZlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsMElDWDdCLHVTQVlBLGlnRUROWSxZQUFZOzsyRkFLWCxnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25Jbml0LCBSZW5kZXJlcjIsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29jLWlucHV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9vYy1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1pbnB1dC5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgT2NJbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGVycm9yPzogc3RyaW5nXG4gIEBJbnB1dCgpIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSdcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnXG4gIGlucHV0SWQ6IHN0cmluZyA9IGBvYy0ke01hdGgucmFuZG9tKCl9YFxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBjb25zdCBpbnB1dEJveCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuaW5wdXRJZClcblxuICAgIGNvbnNvbGUubG9nKCdpbnB1dEJveCA9ICcsIGlucHV0Qm94KVxuICAgIGlmKGlucHV0Qm94KSB7XG4gICAgICBjb25zdCBpbnB1dEVsZW1lbnQgPSBpbnB1dEJveC5jaGlsZHJlblswXSBhcyBhbnlcbiAgICAgICAgY29uc29sZS5sb2coJ2lucHV0RWxlbWVudDonLCBpbnB1dEVsZW1lbnQpXG4gICAgICAgIGlucHV0RWxlbWVudC5wbGFjZWhvbGRlciA9ICcgICc7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwib2MtaW5wdXQtYm94XCIgW25nQ2xhc3NdPVwie1xuICAnc21hbGwnOiBzaXplID09PSAnc21hbGwnLFxuICAnbGFyZ2UnOiBzaXplID09PSAnbGFyZ2UnLFxuICBlcnJvcjogISFlcnJvclxufVwiIFtpZF09XCJpbnB1dElkXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPGxhYmVsPnt7cGxhY2Vob2xkZXJ9fTwvbGFiZWw+XG4gIDxzbWFsbFxuICAgICpuZ0lmPVwiZXJyb3JcIlxuICAgIGNsYXNzPVwiZXJyb3ItbXNnXCJcbiAgPnt7ZXJyb3J9fTwvc21hbGw+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -8,6 +8,13 @@ export class OcModalComponent {
|
|
|
8
8
|
this.size = 'medium';
|
|
9
9
|
this.isOpen = false;
|
|
10
10
|
}
|
|
11
|
+
// hasTitleContent: boolean = false
|
|
12
|
+
// @ContentChild('titleContent', { read: ElementRef })
|
|
13
|
+
// titleContent!: ElementRef;
|
|
14
|
+
// ngAfterContentInit() {
|
|
15
|
+
// this.hasTitleContent = !!this.titleContent.nativeElement.innerHTML.trim();
|
|
16
|
+
// console.log(this.hasTitleContent)
|
|
17
|
+
// }
|
|
11
18
|
open() {
|
|
12
19
|
this.isOpen = true;
|
|
13
20
|
}
|
|
@@ -15,14 +22,14 @@ export class OcModalComponent {
|
|
|
15
22
|
this.isOpen = false;
|
|
16
23
|
}
|
|
17
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { title: "title", size: "size" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { title: "title", size: "size" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"title.trim().length > 0\">{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;margin-bottom:2rem;max-height:80vh;overflow-y:auto;overflow-x:hidden}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header button{margin:0;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header button:hover{background-color:#f7f7f7}.small{width:400px}.medium{width:600px}.large{width:800px}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}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"] }] }); }
|
|
19
26
|
}
|
|
20
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, decorators: [{
|
|
21
28
|
type: Component,
|
|
22
|
-
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100
|
|
29
|
+
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"title.trim().length > 0\">{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;margin-bottom:2rem;max-height:80vh;overflow-y:auto;overflow-x:hidden}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header button{margin:0;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header button:hover{background-color:#f7f7f7}.small{width:400px}.medium{width:600px}.large{width:800px}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}\n"] }]
|
|
23
30
|
}], propDecorators: { title: [{
|
|
24
31
|
type: Input
|
|
25
32
|
}], size: [{
|
|
26
33
|
type: Input
|
|
27
34
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb3RpbXVzLWxpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL29jLW1vZGFsL29jLW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1tb2RhbC9vYy1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBNEIsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTM0UsTUFBTSxPQUFPLGdCQUFnQjtJQVA3QjtRQVFXLFVBQUssR0FBVyxFQUFFLENBQUE7UUFDbEIsU0FBSSxHQUFnQyxRQUFRLENBQUE7UUFFckQsV0FBTSxHQUFZLEtBQUssQ0FBQTtLQWlCeEI7SUFoQkMsbUNBQW1DO0lBRW5DLHNEQUFzRDtJQUN0RCw2QkFBNkI7SUFFN0IseUJBQXlCO0lBQ3pCLCtFQUErRTtJQUMvRSxzQ0FBc0M7SUFDdEMsSUFBSTtJQUVKLElBQUk7UUFDRixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQTtJQUNwQixDQUFDO0lBQ0QsS0FBSztRQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFBO0lBQ3JCLENBQUM7OEdBcEJVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLDhHQ1Y3QiwwbkJBZU0seXJJRFRNLFlBQVk7OzJGQUlYLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUtkLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEVsZW1lbnRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29jLW1vZGFsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9vYy1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9vYy1tb2RhbC5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgT2NNb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJ1xuICBASW5wdXQoKSBzaXplOiAnc21hbGwnIHwgJ21lZGl1bScgfCdsYXJnZScgPSAnbWVkaXVtJ1xuXG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlXG4gIC8vIGhhc1RpdGxlQ29udGVudDogYm9vbGVhbiA9IGZhbHNlXG5cbiAgLy8gQENvbnRlbnRDaGlsZCgndGl0bGVDb250ZW50JywgeyByZWFkOiBFbGVtZW50UmVmIH0pXG4gIC8vIHRpdGxlQ29udGVudCE6IEVsZW1lbnRSZWY7XG5cbiAgLy8gbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAvLyAgIHRoaXMuaGFzVGl0bGVDb250ZW50ID0gISF0aGlzLnRpdGxlQ29udGVudC5uYXRpdmVFbGVtZW50LmlubmVySFRNTC50cmltKCk7XG4gIC8vICAgY29uc29sZS5sb2codGhpcy5oYXNUaXRsZUNvbnRlbnQpXG4gIC8vIH1cblxuICBvcGVuKCkge1xuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZVxuICB9XG4gIGNsb3NlKCkge1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2VcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm9jLW1vZGFsLWJnXCIgKm5nSWY9XCJpc09wZW5cIj5cbiAgPGRpdiBjbGFzcz1cIm9jLW1vZGFsXCIgW25nQ2xhc3NdPVwie2xhcmdlOiBzaXplID09PSAnbGFyZ2UnLCBtZWRpdW06IHNpemUgPT09ICdtZWRpdW0nLCBzbWFsbDogc2l6ZSA9PT0gJ3NtYWxsJ31cIj5cbiAgICA8aGVhZGVyIGNsYXNzPVwib2MtbW9kYWwtaGVhZGVyXCI+XG4gICAgICA8aDMgKm5nSWY9XCJ0aXRsZS50cmltKCkubGVuZ3RoID4gMFwiPnt7dGl0bGV9fTwvaDM+XG4gICAgICA8YnV0dG9uIChjbGljayk9XCJjbG9zZSgpXCIgY2xhc3M9XCJvYy1jbG9zZS1idG5cIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZCBtZC0xOFwiPmNsb3NlPC9zcGFuPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9oZWFkZXI+XG4gICAgPGRpdiBjbGFzcz1cIm9jLW1vZGFsLWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8Zm9vdGVyIGNsYXNzPVwib2MtbW9kYWwtZm9vdGVyXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZm9vdGVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Zvb3Rlcj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -14,6 +14,7 @@ export class OcTooltipDirective {
|
|
|
14
14
|
const tooltip = this.renderer.createElement('div');
|
|
15
15
|
const text = this.renderer.createText(this.content);
|
|
16
16
|
this.renderer.appendChild(tooltip, text);
|
|
17
|
+
this.renderer.setStyle(tooltip, 'margin', '0');
|
|
17
18
|
this.renderer.addClass(tooltip, 'oc-tooltip');
|
|
18
19
|
this.renderer.setStyle(tooltip, 'position', 'absolute');
|
|
19
20
|
this.renderer.setStyle(tooltip, 'padding', '0.4rem 0.8rem');
|
|
@@ -24,16 +25,19 @@ export class OcTooltipDirective {
|
|
|
24
25
|
this.renderer.setStyle(tooltip, 'background-color', '#F8F9FF');
|
|
25
26
|
this.renderer.setStyle(tooltip, 'border-radius', '1rem');
|
|
26
27
|
this.renderer.setStyle(tooltip, 'box-shadow', '0px 3px 6.5px 0px rgba(0, 0, 0, 0.20)');
|
|
27
|
-
|
|
28
|
+
this.renderer.setStyle(tooltip, 'transition', '0.1s ease');
|
|
28
29
|
const width = this.elRef.nativeElement.offsetWidth;
|
|
30
|
+
const height = this.elRef.nativeElement.offsetHeight;
|
|
31
|
+
this.renderer.setStyle(tooltip, 'transform', `translateY(${height - 20}px)`);
|
|
32
|
+
console.log(width, height);
|
|
29
33
|
if (this.side === 'right') {
|
|
30
|
-
this.renderer.setStyle(tooltip, 'transform', `translateX(${width}px) translateY(
|
|
34
|
+
this.renderer.setStyle(tooltip, 'transform', `translateX(${width + 20}px) translateY(-50%)`);
|
|
31
35
|
}
|
|
32
36
|
else if (this.side === 'left') {
|
|
33
|
-
this.renderer.setStyle(tooltip, 'transform', `translateX(
|
|
37
|
+
this.renderer.setStyle(tooltip, 'transform', `translateX(-${width + 20}px) translateY(-50%)`);
|
|
34
38
|
}
|
|
35
|
-
else if (this.side === '
|
|
36
|
-
this.renderer.setStyle(tooltip, 'transform', `translateY(
|
|
39
|
+
else if (this.side === 'upon') {
|
|
40
|
+
this.renderer.setStyle(tooltip, 'transform', `translateY(-${height + 30}px)`);
|
|
37
41
|
}
|
|
38
42
|
this.created = true;
|
|
39
43
|
return tooltip;
|
|
@@ -69,4 +73,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
69
73
|
type: HostListener,
|
|
70
74
|
args: ['mouseout']
|
|
71
75
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtdG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2RpcmVjdGl2ZXMvb2MtdG9vbHRpcC9vYy10b29sdGlwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7O0FBTXRGLE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsWUFBb0IsS0FBaUIsRUFBVSxRQUFtQjtRQUE5QyxVQUFLLEdBQUwsS0FBSyxDQUFZO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUV6RCxZQUFPLEdBQVcsRUFBRSxDQUFBO1FBQ3BCLFNBQUksR0FBeUMsUUFBUSxDQUFBO1FBRTlELFlBQU8sR0FBVyxLQUFLLENBQUE7SUFMK0MsQ0FBQztJQU92RSxhQUFhO1FBQ1gsSUFBRyxJQUFJLENBQUMsT0FBTztZQUFFLE9BQU07UUFFdkIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDbEQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFBO1FBRW5ELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsQ0FBQTtRQUN4QyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLEdBQUcsQ0FBQyxDQUFBO1FBQzlDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUMsQ0FBQTtRQUM3QyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsQ0FBQyxDQUFB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QkFBa0I7OzJGQUFsQixrQkFBa0I7a0JBSjlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjt1R0FJVSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQTRDTixXQUFXO3NCQURWLFlBQVk7dUJBQUMsV0FBVztnQkFPekIsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbb2NUb29sdGlwXScsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgT2NUb29sdGlwRGlyZWN0aXZlIHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7IH1cblxuICBASW5wdXQoKSBjb250ZW50OiBzdHJpbmcgPSAnJ1xuICBASW5wdXQoKSBzaWRlOiAnYm90dG9tJyB8ICd1cG9uJyB8ICdsZWZ0JyB8ICdyaWdodCcgPSAnYm90dG9tJ1xuXG4gIGNyZWF0ZWQ6Ym9vbGVhbiA9IGZhbHNlXG5cbiAgY3JlYXRlVG9vbFRpcCgpIHtcbiAgICBpZih0aGlzLmNyZWF0ZWQpIHJldHVyblxuXG4gICAgY29uc3QgdG9vbHRpcCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnZGl2JylcbiAgICBjb25zdCB0ZXh0ID0gdGhpcy5yZW5kZXJlci5jcmVhdGVUZXh0KHRoaXMuY29udGVudClcblxuICAgIHRoaXMucmVuZGVyZXIuYXBwZW5kQ2hpbGQodG9vbHRpcCwgdGV4dClcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRvb2x0aXAsICdtYXJnaW4nLCAnMCcpXG4gICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0b29sdGlwLCAnb2MtdG9vbHRpcCcpXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwLCAncG9zaXRpb24nLCAnYWJzb2x1dGUnKVxuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcCwgJ3BhZGRpbmcnLCAnMC40cmVtIDAuOHJlbScpXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwLCAnZm9udC1zaXplJywgJzAuOXJlbScpXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwLCAnZm9udC13ZWlnaHQnLCAnNjAwJylcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRvb2x0aXAsICdjb2xvcicsICcjN0U4NDg1JylcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRvb2x0aXAsICdib3JkZXInLCAnMXB4IHNvbGlkICNGRkZGRkYnKVxuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcCwgJ2JhY2tncm91bmQtY29sb3InLCAnI0Y4RjlGRicpXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwLCAnYm9yZGVyLXJhZGl1cycsJzFyZW0nKVxuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcCwgJ2JveC1zaGFkb3cnLCAnMHB4IDNweCA2LjVweCAwcHggcmdiYSgwLCAwLCAwLCAwLjIwKScpXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwLCAndHJhbnNpdGlvbicsICcwLjFzIGVhc2UnKVxuICAgIFxuICAgIGNvbnN0IHdpZHRoID0gdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xuICAgIGNvbnN0IGhlaWdodCA9IHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XG4gICAgXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0b29sdGlwLCAndHJhbnNmb3JtJywgYHRyYW5zbGF0ZVkoJHtoZWlnaHQgLSAyMH1weClgKVxuICAgIGNvbnNvbGUubG9nKHdpZHRoLCBoZWlnaHQpXG5cblxuICAgIGlmICh0aGlzLnNpZGUgPT09ICdyaWdodCcpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcCwgJ3RyYW5zZm9ybScsIGB0cmFuc2xhdGVYKCR7d2lkdGggKyAyMH1weCkgdHJhbnNsYXRlWSgtNTAlKWApO1xuICAgIH0gZWxzZSBpZiAodGhpcy5zaWRlID09PSAnbGVmdCcpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodG9vbHRpcCwgJ3RyYW5zZm9ybScsIGB0cmFuc2xhdGVYKC0ke3dpZHRoICsgMjB9cHgpIHRyYW5zbGF0ZVkoLTUwJSlgKTtcbiAgICB9IGVsc2UgaWYgKHRoaXMuc2lkZSA9PT0gJ3Vwb24nKSB7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRvb2x0aXAsICd0cmFuc2Zvcm0nLCBgdHJhbnNsYXRlWSgtJHtoZWlnaHQgICsgMzB9cHgpYCk7XG4gICAgfVxuXG4gICAgdGhpcy5jcmVhdGVkID0gdHJ1ZVxuICAgIHJldHVybiB0b29sdGlwXG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdtb3VzZW92ZXInKVxuICBvbk1vdXNlT3ZlcigpIHtcbiAgICAgIGNvbnN0IHRvb2x0aXAgPSB0aGlzLmNyZWF0ZVRvb2xUaXAoKVxuICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZCh0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQsIHRvb2x0aXApXG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdtb3VzZW91dCcpXG4gIG9uTW91c2VPdXQoKSB7XG4gICAgY29uc3QgdG9vbHRpcCA9IHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCcub2MtdG9vbHRpcCcpXG4gICAgaWYodG9vbHRpcCl7XG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNoaWxkKHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudCwgdG9vbHRpcClcbiAgICAgIHRoaXMuY3JlYXRlZCA9IGZhbHNlXG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -121,6 +121,7 @@ class OcTooltipDirective {
|
|
|
121
121
|
const tooltip = this.renderer.createElement('div');
|
|
122
122
|
const text = this.renderer.createText(this.content);
|
|
123
123
|
this.renderer.appendChild(tooltip, text);
|
|
124
|
+
this.renderer.setStyle(tooltip, 'margin', '0');
|
|
124
125
|
this.renderer.addClass(tooltip, 'oc-tooltip');
|
|
125
126
|
this.renderer.setStyle(tooltip, 'position', 'absolute');
|
|
126
127
|
this.renderer.setStyle(tooltip, 'padding', '0.4rem 0.8rem');
|
|
@@ -131,16 +132,19 @@ class OcTooltipDirective {
|
|
|
131
132
|
this.renderer.setStyle(tooltip, 'background-color', '#F8F9FF');
|
|
132
133
|
this.renderer.setStyle(tooltip, 'border-radius', '1rem');
|
|
133
134
|
this.renderer.setStyle(tooltip, 'box-shadow', '0px 3px 6.5px 0px rgba(0, 0, 0, 0.20)');
|
|
134
|
-
|
|
135
|
+
this.renderer.setStyle(tooltip, 'transition', '0.1s ease');
|
|
135
136
|
const width = this.elRef.nativeElement.offsetWidth;
|
|
137
|
+
const height = this.elRef.nativeElement.offsetHeight;
|
|
138
|
+
this.renderer.setStyle(tooltip, 'transform', `translateY(${height - 20}px)`);
|
|
139
|
+
console.log(width, height);
|
|
136
140
|
if (this.side === 'right') {
|
|
137
|
-
this.renderer.setStyle(tooltip, 'transform', `translateX(${width}px) translateY(
|
|
141
|
+
this.renderer.setStyle(tooltip, 'transform', `translateX(${width + 20}px) translateY(-50%)`);
|
|
138
142
|
}
|
|
139
143
|
else if (this.side === 'left') {
|
|
140
|
-
this.renderer.setStyle(tooltip, 'transform', `translateX(
|
|
144
|
+
this.renderer.setStyle(tooltip, 'transform', `translateX(-${width + 20}px) translateY(-50%)`);
|
|
141
145
|
}
|
|
142
|
-
else if (this.side === '
|
|
143
|
-
this.renderer.setStyle(tooltip, 'transform', `translateY(
|
|
146
|
+
else if (this.side === 'upon') {
|
|
147
|
+
this.renderer.setStyle(tooltip, 'transform', `translateY(-${height + 30}px)`);
|
|
144
148
|
}
|
|
145
149
|
this.created = true;
|
|
146
150
|
return tooltip;
|
|
@@ -185,17 +189,19 @@ class OcInputComponent {
|
|
|
185
189
|
}
|
|
186
190
|
ngAfterViewInit() {
|
|
187
191
|
const inputBox = document.getElementById(this.inputId);
|
|
192
|
+
console.log('inputBox = ', inputBox);
|
|
188
193
|
if (inputBox) {
|
|
189
194
|
const inputElement = inputBox.children[0];
|
|
190
|
-
|
|
195
|
+
console.log('inputElement:', inputElement);
|
|
196
|
+
inputElement.placeholder = ' ';
|
|
191
197
|
}
|
|
192
198
|
}
|
|
193
199
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
194
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcInputComponent, isStandalone: true, selector: "oc-input", inputs: { error: "error", size: "size", placeholder: "placeholder" }, ngImport: i0, template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;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(-.82rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
200
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcInputComponent, isStandalone: true, selector: "oc-input", inputs: { error: "error", size: "size", placeholder: "placeholder" }, ngImport: i0, template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n", styles: [".oc-input-box{position:relative}.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}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;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(-.82rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
195
201
|
}
|
|
196
202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcInputComponent, decorators: [{
|
|
197
203
|
type: Component,
|
|
198
|
-
args: [{ selector: 'oc-input', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n", styles: [".oc-input-box{position:relative}.oc-input-box select *{background-color:#f8f9ff}.oc-input-box label{position:absolute;left:0;top:0;padding:.5rem;font-size:.85rem;color:#8f9596;pointer-events:none;transition:.3s ease;border-radius:.5rem}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;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(-.82rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\n"] }]
|
|
204
|
+
args: [{ selector: 'oc-input', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n", styles: [".oc-input-box{position:relative}.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}.oc-input-box input,.oc-input-box textarea,.oc-input-box select{font-size:1rem;border-radius:.7rem;background-color:#f7f7f7;border:1px solid #d1d5db;outline:none;padding:.6rem .9rem;width:100%;transition:.3s ease;color:#1e0832;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(-.82rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#f8f9ff;padding:2px 10px}.error input,.error textarea,.error select{border:1px solid #ed3a3a;box-shadow:0 4px 6.1px #a1000014}.error small,.error label{color:#ed3a3a!important;font-weight:600}.small input,.small textarea,.small select{padding:.3rem .7rem;border-radius:.5rem}.small label{padding:.5rem .7rem}.small input:focus~label,.small input:not(:placeholder-shown)~label,.small textarea:focus~label,.small textarea:not(:placeholder-shown)~label,.small select:focus~label,.small select:valid~label{transform:translateY(-.99rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}.large input,.large textarea,.large select{padding:1rem;border-radius:1rem}.large label{padding:1rem .7rem}.large input:focus~label,.large input:not(:placeholder-shown)~label,.large textarea:focus~label,.large textarea:not(:placeholder-shown)~label,.large select:focus~label,.large select:valid~label{transform:translateY(-.77rem) translate(.6rem);color:#7e8485;font-weight:600;background-color:#fff;padding:2px 10px}\n"] }]
|
|
199
205
|
}], propDecorators: { error: [{
|
|
200
206
|
type: Input
|
|
201
207
|
}], size: [{
|
|
@@ -210,6 +216,13 @@ class OcModalComponent {
|
|
|
210
216
|
this.size = 'medium';
|
|
211
217
|
this.isOpen = false;
|
|
212
218
|
}
|
|
219
|
+
// hasTitleContent: boolean = false
|
|
220
|
+
// @ContentChild('titleContent', { read: ElementRef })
|
|
221
|
+
// titleContent!: ElementRef;
|
|
222
|
+
// ngAfterContentInit() {
|
|
223
|
+
// this.hasTitleContent = !!this.titleContent.nativeElement.innerHTML.trim();
|
|
224
|
+
// console.log(this.hasTitleContent)
|
|
225
|
+
// }
|
|
213
226
|
open() {
|
|
214
227
|
this.isOpen = true;
|
|
215
228
|
}
|
|
@@ -217,11 +230,11 @@ class OcModalComponent {
|
|
|
217
230
|
this.isOpen = false;
|
|
218
231
|
}
|
|
219
232
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
220
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { title: "title", size: "size" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100
|
|
233
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: OcModalComponent, isStandalone: true, selector: "oc-modal", inputs: { title: "title", size: "size" }, ngImport: i0, template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"title.trim().length > 0\">{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;margin-bottom:2rem;max-height:80vh;overflow-y:auto;overflow-x:hidden}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header button{margin:0;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header button:hover{background-color:#f7f7f7}.small{width:400px}.medium{width:600px}.large{width:800px}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}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"] }] }); }
|
|
221
234
|
}
|
|
222
235
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: OcModalComponent, decorators: [{
|
|
223
236
|
type: Component,
|
|
224
|
-
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100
|
|
237
|
+
args: [{ selector: 'oc-modal', standalone: true, imports: [CommonModule], template: "<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"title.trim().length > 0\">{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/iconfont/MaterialIcons-Regular.eot);src:local(\"Material Icons\"),local(\"MaterialIcons-Regular\"),url(/assets/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"),url(/assets/iconfont/MaterialIcons-Regular.woff) format(\"woff\"),url(/assets/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local(\"Material Icons Outlined\"),local(\"MaterialIcons-Outlined\"),url(/assets/iconfont/MaterialIcons-Outlined.woff2) format(\"woff2\")}.material-icons,.material-icons-outlined{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}.material-icons-outlined{font-family:Material Icons Outlined}.oc.button{height:3rem;padding:0 2rem;background-color:#d1d5db;color:#353535;border-radius:.5rem;border:none;font-weight:500;font-size:1rem;transition:.15s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.oc.button.align-left{padding-left:1rem}.oc.button.align-right{padding-right:1rem}.oc.button:hover{filter:brightness(.95)}.oc.button:active{transform:translateY(1.5px)}.oc.button.no-bg{color:#8f9596;background-color:transparent}.oc.button.no-bg:hover{background-color:#f8f9ff}.oc.button.error{background-color:#ed3a3a;color:#f8f9ff}.oc.button.p-1{background-color:#5505a2;color:#f8f9ff}.oc.button.p-2{background-color:#1e0832;color:#f8f9ff}.oc.button.p-3{background-color:#7737b5;color:#f8f9ff}.oc.button.p-4{background-color:#9969c7;color:#f8f9ff}.oc.button.g-1{background-color:#00dda3;color:#1e0832}.oc.button.g-2{background-color:#1ae0ac;color:#1e0832}.oc.button.g-3{background-color:#33e4b5;color:#1e0832}.oc.button.g-4{background-color:#94ffe3;color:#1e0832}.oc.button.gray-1{background-color:#d1d5db;color:#353535}.oc.button.gray-2{background-color:#8f9596;color:#f8f9ff}.oc.button.gray-3{background-color:#7e8485;color:#f8f9ff}.oc.button.gray-4{background-color:#353535;color:#f8f9ff}.oc.button.small{height:2.5rem!important}.oc.button.large{height:3.5rem!important}.oc.button.icon{height:3rem;width:3rem;padding:0}.oc.button.icon.small{width:2.5rem!important;padding:0}.oc.button.icon.large{width:3.5rem!important;padding:0}.oc.button.outlined{background-color:transparent;border:2px solid}.oc.button.outlined.p-1{color:#5505a2}.oc.button.outlined.p-2{color:#1e0832}.oc.button.outlined.p-3{color:#7737b5}.oc.button.outlined.p-4{color:#9969c7}.oc.button.outlined.g-1{color:#00dda3}.oc.button.outlined.g-2{color:#1ae0ac}.oc.button.outlined.g-3{color:#33e4b5}.oc.button.outlined.g-4{color:#94ffe3}.oc.button.outlined.gray-1{color:#8f9596}.oc.button.outlined.gray-2{color:#7e8485}.oc.button.outlined.gray-3{color:#353535}*{box-sizing:border-box}.oc-modal-bg{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20}.oc-modal{animation:show-up-modal .3s ease;width:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#f8f9ff;border-radius:1rem}.oc-modal-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.oc-modal-content{margin:0;padding:0;margin-bottom:2rem;max-height:80vh;overflow-y:auto;overflow-x:hidden}.oc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;position:sticky;top:0;width:100%}.oc-modal-header h3{margin:0;padding:0;margin-bottom:2rem;font-size:1.5rem;color:#353535}.oc-modal-header button{margin:0;padding:0;border:none;background-color:transparent;color:#d1d5db;width:15px;height:15px;border-radius:50%;transition:.15s ease;cursor:pointer;position:absolute;top:0;right:0}.oc-modal-header button:hover{background-color:#f7f7f7}.small{width:400px}.medium{width:600px}.large{width:800px}@keyframes show-up-modal{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}\n"] }]
|
|
225
238
|
}], propDecorators: { title: [{
|
|
226
239
|
type: Input
|
|
227
240
|
}], size: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"otimus-library.mjs","sources":["../../../projects/otimus-library/src/lib/otimus-library.service.ts","../../../projects/otimus-library/src/lib/otimus-library.component.ts","../../../projects/otimus-library/src/lib/components/oc-table/oc-table.component.ts","../../../projects/otimus-library/src/lib/components/oc-table/oc-table.component.html","../../../projects/otimus-library/src/lib/components/oc-badge/oc-badge.component.ts","../../../projects/otimus-library/src/lib/components/oc-badge/oc-badge.component.html","../../../projects/otimus-library/src/lib/components/oc-filter/oc-filter.component.ts","../../../projects/otimus-library/src/lib/components/oc-filter/oc-filter.component.html","../../../projects/otimus-library/src/lib/directives/oc-tooltip/oc-tooltip.directive.ts","../../../projects/otimus-library/src/lib/components/oc-input/oc-input.component.ts","../../../projects/otimus-library/src/lib/components/oc-input/oc-input.component.html","../../../projects/otimus-library/src/lib/components/oc-modal/oc-modal.component.ts","../../../projects/otimus-library/src/lib/components/oc-modal/oc-modal.component.html","../../../projects/otimus-library/src/lib/components/oc-key-value/oc-key-value.component.ts","../../../projects/otimus-library/src/lib/components/oc-key-value/oc-key-value.component.html","../../../projects/otimus-library/src/public-api.ts","../../../projects/otimus-library/src/otimus-library.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class OtimusLibraryService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-otimus-library',\n standalone: true,\n imports: [],\n template: `\n <p>\n otimus-library works!\n </p>\n `,\n styles: ``\n})\nexport class OtimusLibraryComponent {\n\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {CdkTableModule} from '@angular/cdk/table'\n\n\n@Component({\n selector: 'oc-table',\n standalone: true,\n imports: [CommonModule, CdkTableModule],\n templateUrl: './oc-table.component.html',\n styleUrls: ['./oc-table.component.scss']\n})\nexport class OcTableComponent implements OnInit {\n\n @Input() columns: string[] = []\n @Input() dataSource: any[] = []\n keys: string[] = []\n\n ngOnInit(): void {\n if(!this.dataSource.length) return\n\n this.keys = Object.keys(this.dataSource[0])\n }\n}\n","<table cdk-table [dataSource]=\"dataSource\">\n\n <ng-container *ngFor=\"let column of columns; let i = index\" [cdkColumnDef]=\"column\">\n <th cdk-header-cell *cdkHeaderCellDef> {{column}} </th>\n <td cdk-cell *cdkCellDef=\"let row\"> {{row[keys[i]]}} </td>\n </ng-container>\n\n <tr cdk-header-row *cdkHeaderRowDef=\"columns\"></tr>\n <tr cdk-row *cdkRowDef=\"let row; columns: columns\"></tr>\n</table>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'oc-badge',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-badge.component.html',\n styleUrl: './oc-badge.component.scss'\n})\nexport class OcBadgeComponent implements OnInit {\n @Input() size: 'small' | 'medium' | 'large' = 'small'\n @Input() color: 'notification' | 'brand-g' | 'brand-p' | 'success' | 'warning' = 'notification'\n @Input() waved: boolean = false\n\n classList: string[] = []\n\n ngOnInit(): void {\n this.classList.push(this.size, this.color)\n if(this.waved) this.classList.push('waved')\n }\n}\n","<div>\n <div class=\"oc-badge\" [ngClass]=\"classList\">\n <ng-content>\n \n </ng-content>\n </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { OcBadgeComponent } from '../oc-badge/oc-badge.component';\n\n@Component({\n selector: 'oc-filter',\n standalone: true,\n imports: [CommonModule, OcBadgeComponent],\n templateUrl: './oc-filter.component.html',\n styleUrl: './oc-filter.component.scss'\n})\nexport class OcFilterComponent {\n isOpen: boolean = false\n @Input() text: string = 'Filtros'\n @Input() active: number = 0\n @Input() side: 'left' | 'right' = 'left'\n\n toggleOpen() {\n this.isOpen = !this.isOpen\n }\n}\n","<div class=\"oc-filter-row\" [ngClass]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n","import { Directive, ElementRef, HostListener, Input, Renderer2 } from '@angular/core';\n\n@Directive({\n selector: '[ocTooltip]',\n standalone: true\n})\nexport class OcTooltipDirective {\n constructor(private elRef: ElementRef, private renderer: Renderer2) { }\n\n @Input() content: string = ''\n @Input() side: 'bottom' | 'uppon' | 'left' | 'right' = 'bottom'\n\n created:boolean = false\n\n createToolTip() {\n if(this.created) return\n\n const tooltip = this.renderer.createElement('div')\n const text = this.renderer.createText(this.content)\n\n this.renderer.appendChild(tooltip, text)\n this.renderer.addClass(tooltip, 'oc-tooltip')\n this.renderer.setStyle(tooltip, 'position', 'absolute')\n this.renderer.setStyle(tooltip, 'padding', '0.4rem 0.8rem')\n this.renderer.setStyle(tooltip, 'font-size', '0.9rem')\n this.renderer.setStyle(tooltip, 'font-weight', '600')\n this.renderer.setStyle(tooltip, 'color', '#7E8485')\n this.renderer.setStyle(tooltip, 'border', '1px solid #FFFFFF')\n this.renderer.setStyle(tooltip, 'background-color', '#F8F9FF')\n this.renderer.setStyle(tooltip, 'border-radius','1rem')\n this.renderer.setStyle(tooltip, 'box-shadow', '0px 3px 6.5px 0px rgba(0, 0, 0, 0.20)')\n \n const height = this.elRef.nativeElement.offsetHeight;\n const width = this.elRef.nativeElement.offsetWidth;\n\n if(this.side === 'right') {\n this.renderer.setStyle(tooltip, 'transform', `translateX(${width}px) translateY(${-height * 1.3}px)`)\n } else if(this.side === 'left') {\n this.renderer.setStyle(tooltip, 'transform', `translateX(${-width * 2.1}px) translateY(${-height * 1.3}px)`)\n } else if(this.side === 'uppon') {\n this.renderer.setStyle(tooltip, 'transform', `translateY(${-height * 2.5}px)`)\n }\n\n this.created = true\n return tooltip\n }\n\n @HostListener('mouseover')\n onMouseOver() {\n const tooltip = this.createToolTip()\n this.renderer.appendChild(this.elRef.nativeElement, tooltip)\n }\n\n @HostListener('mouseout')\n onMouseOut() {\n\n const tooltip = this.elRef.nativeElement.querySelector('.oc-tooltip')\n if(tooltip){\n this.renderer.removeChild(this.elRef.nativeElement, tooltip)\n this.created = false\n }\n\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, ElementRef, Input, OnInit, Renderer2, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'oc-input',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-input.component.html',\n styleUrl: './oc-input.component.scss',\n encapsulation: ViewEncapsulation.None\n})\nexport class OcInputComponent {\n @Input() error?: string\n @Input() size?: 'small' | 'medium' | 'large' = 'medium'\n @Input() placeholder: string = ''\n inputId: string = `oc-${Math.random()}`\n\n ngAfterViewInit() {\n const inputBox = document.getElementById(this.inputId)\n\n if(inputBox) {\n const inputElement = inputBox.children[0] as any\n\n inputElement.placeholder = '';\n }\n }\n}\n","<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'oc-modal',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-modal.component.html',\n styleUrl: './oc-modal.component.scss'\n})\nexport class OcModalComponent {\n @Input() title: string = ''\n @Input() size: 'small' | 'medium' |'large' = 'medium'\n\n isOpen: boolean = false\n\n open() {\n this.isOpen = true\n }\n close() {\n this.isOpen = false\n }\n}\n","<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3>{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>","import { Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'oc-key-value',\n standalone: true,\n imports: [],\n templateUrl: './oc-key-value.component.html',\n styleUrl: './oc-key-value.component.scss',\n encapsulation: ViewEncapsulation.None\n})\nexport class OcKeyValueComponent {\n @Input() key: string = ''\n @Input() value: string = ''\n}\n","<div class=\"oc-key-value\">\n <!-- Ícone -->\n <ng-content></ng-content>\n <p>\n @if (key) {\n <span>{{key}}:</span>\n }\n {{value}}\n </p>\n</div>","\n/*\n* Public API Surface of otimus-library\n*/\n\nexport * from './lib/otimus-library.service'\nexport * from './lib/otimus-library.component'\nexport * from './lib/components/oc-table/oc-table.component'\nexport * from './lib/components/oc-badge/oc-badge.component'\nexport * from './lib/components/oc-filter/oc-filter.component'\nexport * from './lib/directives/oc-tooltip/oc-tooltip.directive'\nexport * from './lib/components/oc-input/oc-input.component'\nexport * from './lib/components/oc-modal/oc-modal.component'\nexport * from './lib/components/oc-key-value/oc-key-value.component'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"otimus-library.mjs","sources":["../../../projects/otimus-library/src/lib/otimus-library.service.ts","../../../projects/otimus-library/src/lib/otimus-library.component.ts","../../../projects/otimus-library/src/lib/components/oc-table/oc-table.component.ts","../../../projects/otimus-library/src/lib/components/oc-table/oc-table.component.html","../../../projects/otimus-library/src/lib/components/oc-badge/oc-badge.component.ts","../../../projects/otimus-library/src/lib/components/oc-badge/oc-badge.component.html","../../../projects/otimus-library/src/lib/components/oc-filter/oc-filter.component.ts","../../../projects/otimus-library/src/lib/components/oc-filter/oc-filter.component.html","../../../projects/otimus-library/src/lib/directives/oc-tooltip/oc-tooltip.directive.ts","../../../projects/otimus-library/src/lib/components/oc-input/oc-input.component.ts","../../../projects/otimus-library/src/lib/components/oc-input/oc-input.component.html","../../../projects/otimus-library/src/lib/components/oc-modal/oc-modal.component.ts","../../../projects/otimus-library/src/lib/components/oc-modal/oc-modal.component.html","../../../projects/otimus-library/src/lib/components/oc-key-value/oc-key-value.component.ts","../../../projects/otimus-library/src/lib/components/oc-key-value/oc-key-value.component.html","../../../projects/otimus-library/src/public-api.ts","../../../projects/otimus-library/src/otimus-library.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class OtimusLibraryService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-otimus-library',\n standalone: true,\n imports: [],\n template: `\n <p>\n otimus-library works!\n </p>\n `,\n styles: ``\n})\nexport class OtimusLibraryComponent {\n\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {CdkTableModule} from '@angular/cdk/table'\n\n\n@Component({\n selector: 'oc-table',\n standalone: true,\n imports: [CommonModule, CdkTableModule],\n templateUrl: './oc-table.component.html',\n styleUrls: ['./oc-table.component.scss']\n})\nexport class OcTableComponent implements OnInit {\n\n @Input() columns: string[] = []\n @Input() dataSource: any[] = []\n keys: string[] = []\n\n ngOnInit(): void {\n if(!this.dataSource.length) return\n\n this.keys = Object.keys(this.dataSource[0])\n }\n}\n","<table cdk-table [dataSource]=\"dataSource\">\n\n <ng-container *ngFor=\"let column of columns; let i = index\" [cdkColumnDef]=\"column\">\n <th cdk-header-cell *cdkHeaderCellDef> {{column}} </th>\n <td cdk-cell *cdkCellDef=\"let row\"> {{row[keys[i]]}} </td>\n </ng-container>\n\n <tr cdk-header-row *cdkHeaderRowDef=\"columns\"></tr>\n <tr cdk-row *cdkRowDef=\"let row; columns: columns\"></tr>\n</table>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'oc-badge',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-badge.component.html',\n styleUrl: './oc-badge.component.scss'\n})\nexport class OcBadgeComponent implements OnInit {\n @Input() size: 'small' | 'medium' | 'large' = 'small'\n @Input() color: 'notification' | 'brand-g' | 'brand-p' | 'success' | 'warning' = 'notification'\n @Input() waved: boolean = false\n\n classList: string[] = []\n\n ngOnInit(): void {\n this.classList.push(this.size, this.color)\n if(this.waved) this.classList.push('waved')\n }\n}\n","<div>\n <div class=\"oc-badge\" [ngClass]=\"classList\">\n <ng-content>\n \n </ng-content>\n </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { OcBadgeComponent } from '../oc-badge/oc-badge.component';\n\n@Component({\n selector: 'oc-filter',\n standalone: true,\n imports: [CommonModule, OcBadgeComponent],\n templateUrl: './oc-filter.component.html',\n styleUrl: './oc-filter.component.scss'\n})\nexport class OcFilterComponent {\n isOpen: boolean = false\n @Input() text: string = 'Filtros'\n @Input() active: number = 0\n @Input() side: 'left' | 'right' = 'left'\n\n toggleOpen() {\n this.isOpen = !this.isOpen\n }\n}\n","<div class=\"oc-filter-row\" [ngClass]=\"{\n reverse: side === 'right'\n}\">\n <button class=\"oc-filter-btn\" (click)=\"toggleOpen()\">\n <span class=\"material-icons-outlined md-18\">filter_list</span>\n {{text}}\n <div class=\"badge\">\n <oc-badge *ngIf=\"active > 0\" size=\"small\" color=\"success\" [waved]=\"true\">{{active}}</oc-badge>\n </div>\n </button>\n \n <div class=\"filter-row-content\">\n <ng-content select=\"[row]\"></ng-content>\n </div>\n \n</div>\n<div *ngIf=\"isOpen\" class=\"oc-filter-content\">\n <ng-content select=\"[body]\">\n </ng-content>\n</div>\n","import { Directive, ElementRef, HostListener, Input, Renderer2 } from '@angular/core';\n\n@Directive({\n selector: '[ocTooltip]',\n standalone: true\n})\nexport class OcTooltipDirective {\n constructor(private elRef: ElementRef, private renderer: Renderer2) { }\n\n @Input() content: string = ''\n @Input() side: 'bottom' | 'upon' | 'left' | 'right' = 'bottom'\n\n created:boolean = false\n\n createToolTip() {\n if(this.created) return\n\n const tooltip = this.renderer.createElement('div')\n const text = this.renderer.createText(this.content)\n\n this.renderer.appendChild(tooltip, text)\n this.renderer.setStyle(tooltip, 'margin', '0')\n this.renderer.addClass(tooltip, 'oc-tooltip')\n this.renderer.setStyle(tooltip, 'position', 'absolute')\n this.renderer.setStyle(tooltip, 'padding', '0.4rem 0.8rem')\n this.renderer.setStyle(tooltip, 'font-size', '0.9rem')\n this.renderer.setStyle(tooltip, 'font-weight', '600')\n this.renderer.setStyle(tooltip, 'color', '#7E8485')\n this.renderer.setStyle(tooltip, 'border', '1px solid #FFFFFF')\n this.renderer.setStyle(tooltip, 'background-color', '#F8F9FF')\n this.renderer.setStyle(tooltip, 'border-radius','1rem')\n this.renderer.setStyle(tooltip, 'box-shadow', '0px 3px 6.5px 0px rgba(0, 0, 0, 0.20)')\n this.renderer.setStyle(tooltip, 'transition', '0.1s ease')\n \n const width = this.elRef.nativeElement.offsetWidth;\n const height = this.elRef.nativeElement.offsetHeight;\n \n this.renderer.setStyle(tooltip, 'transform', `translateY(${height - 20}px)`)\n console.log(width, height)\n\n\n if (this.side === 'right') {\n this.renderer.setStyle(tooltip, 'transform', `translateX(${width + 20}px) translateY(-50%)`);\n } else if (this.side === 'left') {\n this.renderer.setStyle(tooltip, 'transform', `translateX(-${width + 20}px) translateY(-50%)`);\n } else if (this.side === 'upon') {\n this.renderer.setStyle(tooltip, 'transform', `translateY(-${height + 30}px)`);\n }\n\n this.created = true\n return tooltip\n }\n\n @HostListener('mouseover')\n onMouseOver() {\n const tooltip = this.createToolTip()\n this.renderer.appendChild(this.elRef.nativeElement, tooltip)\n }\n\n @HostListener('mouseout')\n onMouseOut() {\n const tooltip = this.elRef.nativeElement.querySelector('.oc-tooltip')\n if(tooltip){\n this.renderer.removeChild(this.elRef.nativeElement, tooltip)\n this.created = false\n }\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, ElementRef, Input, OnInit, Renderer2, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'oc-input',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-input.component.html',\n styleUrl: './oc-input.component.scss',\n encapsulation: ViewEncapsulation.None\n})\nexport class OcInputComponent {\n @Input() error?: string\n @Input() size?: 'small' | 'medium' | 'large' = 'medium'\n @Input() placeholder: string = ''\n inputId: string = `oc-${Math.random()}`\n\n ngAfterViewInit() {\n const inputBox = document.getElementById(this.inputId)\n\n console.log('inputBox = ', inputBox)\n if(inputBox) {\n const inputElement = inputBox.children[0] as any\n console.log('inputElement:', inputElement)\n inputElement.placeholder = ' ';\n }\n }\n}\n","<div class=\"oc-input-box\" [ngClass]=\"{\n 'small': size === 'small',\n 'large': size === 'large',\n error: !!error\n}\" [id]=\"inputId\">\n <ng-content></ng-content>\n <label>{{placeholder}}</label>\n <small\n *ngIf=\"error\"\n class=\"error-msg\"\n >{{error}}</small>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, ContentChild, ElementRef, Input } from '@angular/core';\n\n@Component({\n selector: 'oc-modal',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './oc-modal.component.html',\n styleUrl: './oc-modal.component.scss'\n})\nexport class OcModalComponent {\n @Input() title: string = ''\n @Input() size: 'small' | 'medium' |'large' = 'medium'\n\n isOpen: boolean = false\n // hasTitleContent: boolean = false\n\n // @ContentChild('titleContent', { read: ElementRef })\n // titleContent!: ElementRef;\n\n // ngAfterContentInit() {\n // this.hasTitleContent = !!this.titleContent.nativeElement.innerHTML.trim();\n // console.log(this.hasTitleContent)\n // }\n\n open() {\n this.isOpen = true\n }\n close() {\n this.isOpen = false\n }\n}\n","<div class=\"oc-modal-bg\" *ngIf=\"isOpen\">\n <div class=\"oc-modal\" [ngClass]=\"{large: size === 'large', medium: size === 'medium', small: size === 'small'}\">\n <header class=\"oc-modal-header\">\n <h3 *ngIf=\"title.trim().length > 0\">{{title}}</h3>\n <button (click)=\"close()\" class=\"oc-close-btn\">\n <span class=\"material-icons-outlined md-18\">close</span>\n </button>\n </header>\n <div class=\"oc-modal-content\">\n <ng-content></ng-content>\n </div>\n <footer class=\"oc-modal-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n </footer>\n </div>\n</div>","import { Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'oc-key-value',\n standalone: true,\n imports: [],\n templateUrl: './oc-key-value.component.html',\n styleUrl: './oc-key-value.component.scss',\n encapsulation: ViewEncapsulation.None\n})\nexport class OcKeyValueComponent {\n @Input() key: string = ''\n @Input() value: string = ''\n}\n","<div class=\"oc-key-value\">\n <!-- Ícone -->\n <ng-content></ng-content>\n <p>\n @if (key) {\n <span>{{key}}:</span>\n }\n {{value}}\n </p>\n</div>","\n/*\n* Public API Surface of otimus-library\n*/\n\nexport * from './lib/otimus-library.service'\nexport * from './lib/otimus-library.component'\nexport * from './lib/components/oc-table/oc-table.component'\nexport * from './lib/components/oc-badge/oc-badge.component'\nexport * from './lib/components/oc-filter/oc-filter.component'\nexport * from './lib/directives/oc-tooltip/oc-tooltip.directive'\nexport * from './lib/components/oc-input/oc-input.component'\nexport * from './lib/components/oc-modal/oc-modal.component'\nexport * from './lib/components/oc-key-value/oc-key-value.component'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAKa,oBAAoB,CAAA;AAE/B,IAAA,WAAA,GAAA,GAAiB;8GAFN,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,cAFnB,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAEP,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;MCSY,sBAAsB,CAAA;8GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAPvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAXlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAClB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,EAAE,EACD,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,CAAA;;;MCEU,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QASW,IAAO,CAAA,OAAA,GAAa,EAAE,CAAA;QACtB,IAAU,CAAA,UAAA,GAAU,EAAE,CAAA;QAC/B,IAAI,CAAA,IAAA,GAAa,EAAE,CAAA;AAOpB,KAAA;IALC,QAAQ,GAAA;AACN,QAAA,IAAG,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM;YAAE,OAAM;AAElC,QAAA,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;KAC5C;8GAVU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,ECZ7B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,oaAUA,EDFY,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,2JAAE,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,cAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,uBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAI3B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,cACR,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,cAAc,CAAC,EAAA,QAAA,EAAA,oaAAA,EAAA,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,CAAA;8BAM9B,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;;;MELK,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QAQW,IAAI,CAAA,IAAA,GAAiC,OAAO,CAAA;QAC5C,IAAK,CAAA,KAAA,GAAmE,cAAc,CAAA;QACtF,IAAK,CAAA,KAAA,GAAY,KAAK,CAAA;QAE/B,IAAS,CAAA,SAAA,GAAa,EAAE,CAAA;AAMzB,KAAA;IAJC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;QAC1C,IAAG,IAAI,CAAC,KAAK;AAAE,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC5C;8GAVU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV7B,wHAOA,EAAA,MAAA,EAAA,CAAA,mkCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EACR,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,wHAAA,EAAA,MAAA,EAAA,CAAA,mkCAAA,CAAA,EAAA,CAAA;8BAKd,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEFK,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QAQE,IAAM,CAAA,MAAA,GAAY,KAAK,CAAA;QACd,IAAI,CAAA,IAAA,GAAW,SAAS,CAAA;QACxB,IAAM,CAAA,MAAA,GAAW,CAAC,CAAA;QAClB,IAAI,CAAA,IAAA,GAAqB,MAAM,CAAA;AAKzC,KAAA;IAHC,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAA;KAC3B;8GARU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,ECX9B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,mmBAoBA,EDbY,MAAA,EAAA,CAAA,2uHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,iOAAE,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAI7B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,cACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,mmBAAA,EAAA,MAAA,EAAA,CAAA,2uHAAA,CAAA,EAAA,CAAA;8BAMhC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;METK,kBAAkB,CAAA;IAC7B,WAAoB,CAAA,KAAiB,EAAU,QAAmB,EAAA;QAA9C,IAAK,CAAA,KAAA,GAAL,KAAK,CAAY;QAAU,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QAEzD,IAAO,CAAA,OAAA,GAAW,EAAE,CAAA;QACpB,IAAI,CAAA,IAAA,GAAyC,QAAQ,CAAA;QAE9D,IAAO,CAAA,OAAA,GAAW,KAAK,CAAA;KALgD;IAOvE,aAAa,GAAA;QACX,IAAG,IAAI,CAAC,OAAO;YAAE,OAAM;QAEvB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AAClD,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAEnD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;QACxC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAA;QAC9C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;QAC7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;QACvD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,CAAA;QAC3D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAA;QACtD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,CAAC,CAAA;QACrD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;QACnD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,EAAE,mBAAmB,CAAC,CAAA;QAC9D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,kBAAkB,EAAE,SAAS,CAAC,CAAA;QAC9D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,eAAe,EAAC,MAAM,CAAC,CAAA;QACvD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,uCAAuC,CAAC,CAAA;QACtF,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,CAAA;QAE1D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;QACnD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;AAErD,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,cAAc,MAAM,GAAG,EAAE,CAAA,GAAA,CAAK,CAAC,CAAA;AAC5E,QAAA,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AAG1B,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,cAAc,KAAK,GAAG,EAAE,CAAA,oBAAA,CAAsB,CAAC,CAAC;AAC9F,SAAA;AAAM,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;AAC/B,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,eAAe,KAAK,GAAG,EAAE,CAAA,oBAAA,CAAsB,CAAC,CAAC;AAC/F,SAAA;AAAM,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;AAC/B,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,eAAe,MAAM,GAAI,EAAE,CAAA,GAAA,CAAK,CAAC,CAAC;AAChF,SAAA;AAED,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;AACnB,QAAA,OAAO,OAAO,CAAA;KACf;IAGD,WAAW,GAAA;AACP,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE,CAAA;AACpC,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;KAC/D;IAGD,UAAU,GAAA;AACR,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;AACrE,QAAA,IAAG,OAAO,EAAC;AACT,YAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;AAC5D,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;AACrB,SAAA;KACF;8GA5DU,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,WAAA,EAAA,eAAA,EAAA,UAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;uGAIU,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBA4CN,WAAW,EAAA,CAAA;sBADV,YAAY;uBAAC,WAAW,CAAA;gBAOzB,UAAU,EAAA,CAAA;sBADT,YAAY;uBAAC,UAAU,CAAA;;;MChDb,gBAAgB,CAAA;AAR7B,IAAA,WAAA,GAAA;QAUW,IAAI,CAAA,IAAA,GAAkC,QAAQ,CAAA;QAC9C,IAAW,CAAA,WAAA,GAAW,EAAE,CAAA;AACjC,QAAA,IAAA,CAAA,OAAO,GAAW,CAAM,GAAA,EAAA,IAAI,CAAC,MAAM,EAAE,EAAE,CAAA;AAYxC,KAAA;IAVC,eAAe,GAAA;QACb,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AAEtD,QAAA,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AACpC,QAAA,IAAG,QAAQ,EAAE;YACX,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAQ,CAAA;AAC9C,YAAA,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,YAAY,CAAC,CAAA;AAC1C,YAAA,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC;AACnC,SAAA;KACF;8GAfU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX7B,uSAYA,EAAA,MAAA,EAAA,CAAA,08DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDNY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAKX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;+BACE,UAAU,EAAA,UAAA,EACR,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,aAAA,EAGR,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,uSAAA,EAAA,MAAA,EAAA,CAAA,08DAAA,CAAA,EAAA,CAAA;8BAG5B,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;MEJK,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QAQW,IAAK,CAAA,KAAA,GAAW,EAAE,CAAA;QAClB,IAAI,CAAA,IAAA,GAAgC,QAAQ,CAAA;QAErD,IAAM,CAAA,MAAA,GAAY,KAAK,CAAA;AAiBxB,KAAA;;;;;;;;IANC,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;KACnB;IACD,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;KACpB;8GApBU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV7B,0nBAeM,EAAA,MAAA,EAAA,CAAA,koIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDTM,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EACR,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,0nBAAA,EAAA,MAAA,EAAA,CAAA,koIAAA,CAAA,EAAA,CAAA;8BAKd,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;MEFK,mBAAmB,CAAA;AARhC,IAAA,WAAA,GAAA;QASW,IAAG,CAAA,GAAA,GAAW,EAAE,CAAA;QAChB,IAAK,CAAA,KAAA,GAAW,EAAE,CAAA;AAC5B,KAAA;8GAHY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,gHCVhC,6KASM,EAAA,MAAA,EAAA,CAAA,iOAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDCO,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,cACZ,IAAI,EAAA,OAAA,EACP,EAAE,EAGI,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,6KAAA,EAAA,MAAA,EAAA,CAAA,iOAAA,CAAA,EAAA,CAAA;8BAG5B,GAAG,EAAA,CAAA;sBAAX,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;AEXR;;AAEE;;ACHF;;AAEG;;;;"}
|
|
@@ -5,7 +5,7 @@ export declare class OcTooltipDirective {
|
|
|
5
5
|
private renderer;
|
|
6
6
|
constructor(elRef: ElementRef, renderer: Renderer2);
|
|
7
7
|
content: string;
|
|
8
|
-
side: 'bottom' | '
|
|
8
|
+
side: 'bottom' | 'upon' | 'left' | 'right';
|
|
9
9
|
created: boolean;
|
|
10
10
|
createToolTip(): any;
|
|
11
11
|
onMouseOver(): void;
|