simpo-component-library 0.3.9 → 0.4.0
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/delete-hover-element/delete-hover-element.component.mjs +2 -2
- package/fesm2022/simpo-component-library.mjs +1 -1
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/package.json +1 -1
- package/simpo-component-library-0.4.0.tgz +0 -0
- package/simpo-component-library-0.3.9.tgz +0 -0
|
@@ -15,7 +15,7 @@ export class DeleteHoverElementComponent {
|
|
|
15
15
|
// this._eventService.editSection.emit({index: this.index})
|
|
16
16
|
}
|
|
17
17
|
deleteSection() {
|
|
18
|
-
this._eventService.delete.emit({ index: this.
|
|
18
|
+
this._eventService.delete.emit({ index: this.data });
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: DeleteHoverElementComponent, deps: [{ token: i1.EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
21
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: DeleteHoverElementComponent, isStandalone: true, selector: "simpo-delete-hover-element", inputs: { index: "index", data: "data" }, outputs: { edit: "edit" }, ngImport: i0, template: "<mat-dialog-content class=\"mat-typography\">\n <section class=\"hover-tab\">\n <div class=\"tabs-section\">\n <div class=\"edit-tab\">\n <button (click)=\"editSection()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_1076_52409)\">\n <path\n d=\"M2 11.4997V13.9997H4.5L11.8733 6.62638L9.37333 4.12638L2 11.4997ZM13.8067 4.69305C14.0667 4.43305 14.0667 4.01305 13.8067 3.75305L12.2467 2.19305C11.9867 1.93305 11.5667 1.93305 11.3067 2.19305L10.0867 3.41305L12.5867 5.91305L13.8067 4.69305Z\"\n fill=\"#0267c1\" />\n </g>\n <defs>\n <clipPath id=\"clip0_1076_52409\">\n <rect width=\"18\" height=\"18\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n <span class=\"edit-text\">\n Edit\n </span>\n </button>\n </div>\n <div class=\"vr-line\"></div>\n <div class=\"remainin-sections\" *ngIf=\"data.sectionType != 'footer' && data.sectionType != 'header'\">\n <button class=\"up-arrow\" (click)=\"deleteSection()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"#434443\" viewBox=\"0 0 18 18\" width=\"18\" height=\"18\"\n class=\"icon w-5 h-5\" aria-hidden=\"true\">\n <path fill-rule=\"evenodd\"\n d=\"M9 2c-.37877 0-.72503.214-.89443.55279L7.38197 4H4c-.55228 0-1 .44772-1 1s.44772 1 1 1v10c0 1.1046.89543 2 2 2h8c1.1046 0 2-.8954 2-2V6c.5523 0 1-.44772 1-1s-.4477-1-1-1h-3.382l-.7236-1.44721C11.725 2.214 11.3788 2 11 2H9ZM7 8c0-.55228.44772-1 1-1s1 .44772 1 1v6c0 .5523-.44772 1-1 1s-1-.4477-1-1V8Zm5-1c-.5523 0-1 .44772-1 1v6c0 .5523.4477 1 1 1s1-.4477 1-1V8c0-.55228-.4477-1-1-1Z\"\n clip-rule=\"evenodd\"></path>\n </svg>\n </button>\n </div>\n </div>\n </section>\n</mat-dialog-content>\n", styles: [".hover-tab{display:flex;justify-content:flex-end;align-items:center;position:absolute;right:5px;top:20px;height:auto}.edit-tab{display:flex;align-items:center;justify-content:center}.edit-tab button{border:none;outline:none;cursor:pointer;background-color:transparent;padding:0;display:flex;justify-content:center;align-items:center}.edit-text{font-size:14px;color:#0267c1;font-weight:500;position:relative;left:4px}.vr-line{border-left:1px solid #e8e8e8;height:25px;margin-left:14px}.tabs-section{width:auto;padding:15px 10px;box-shadow:#63636333 0 2px 8px;border-radius:6px;display:flex;align-items:center;height:46px;background-color:#fff;z-index:1001}.remainin-sections{display:flex;justify-content:center;align-items:center;position:relative;right:6px}.remainin-sections :is(.copy,.up-arrow){border:none;outline:none;cursor:pointer;background-color:transparent;padding:0}.remainin-sections :is(.copy:hover,.up-arrow:hover) svg{fill:#0267c1}.up-arrow{margin-left:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImpor
|
|
|
30
30
|
}], edit: [{
|
|
31
31
|
type: Output
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVsZXRlLWhvdmVyLWVsZW1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9jb21wb25lbnRzL2RlbGV0ZS1ob3Zlci1lbGVtZW50L2RlbGV0ZS1ob3Zlci1lbGVtZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvY29tcG9uZW50cy9kZWxldGUtaG92ZXItZWxlbWVudC9kZWxldGUtaG92ZXItZWxlbWVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFMUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7OztBQVMvQyxNQUFNLE9BQU8sMkJBQTJCO0lBQ3RDLFlBQ1UsYUFBNkI7UUFBN0Isa0JBQWEsR0FBYixhQUFhLENBQWdCO1FBSzdCLFNBQUksR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUpsRSxDQUFDO0lBTUgsV0FBVztRQUVULDJEQUEyRDtJQUM3RCxDQUFDO0lBQ0QsYUFBYTtRQUNYLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFDLENBQUMsQ0FBQztJQUNyRCxDQUFDOzhHQWZVLDJCQUEyQjtrR0FBM0IsMkJBQTJCLDJKQ2J4QyxtckVBb0NBLHVnQ0QzQlksYUFBYSw4QkFBQyxlQUFlLDBKQUFFLFlBQVk7OzJGQUkxQywyQkFBMkI7a0JBUHZDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUCxDQUFDLGFBQWEsRUFBQyxlQUFlLEVBQUUsWUFBWSxDQUFDO2tGQVM3QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLElBQUk7c0JBQWIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdEljb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0RGlhbG9nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgRXZlbnRzU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2V2ZW50cy5zZXJ2aWNlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NpbXBvLWRlbGV0ZS1ob3Zlci1lbGVtZW50JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGUsTWF0RGlhbG9nTW9kdWxlLCBDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vZGVsZXRlLWhvdmVyLWVsZW1lbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZGVsZXRlLWhvdmVyLWVsZW1lbnQuY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgRGVsZXRlSG92ZXJFbGVtZW50Q29tcG9uZW50ICB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2V2ZW50U2VydmljZSA6IEV2ZW50c1NlcnZpY2VcbiAgKXt9XG5cbiAgQElucHV0KCkgaW5kZXg6IGFueTtcbiAgQElucHV0KCkgZGF0YSA6IGFueTtcbiAgQE91dHB1dCgpIGVkaXQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBlZGl0U2VjdGlvbigpXG4gIHtcbiAgICAvLyB0aGlzLl9ldmVudFNlcnZpY2UuZWRpdFNlY3Rpb24uZW1pdCh7aW5kZXg6IHRoaXMuaW5kZXh9KVxuICB9XG4gIGRlbGV0ZVNlY3Rpb24oKXtcbiAgICB0aGlzLl9ldmVudFNlcnZpY2UuZGVsZXRlLmVtaXQoe2luZGV4OiB0aGlzLmRhdGF9KTtcbiAgfVxufVxuIiwiPG1hdC1kaWFsb2ctY29udGVudCBjbGFzcz1cIm1hdC10eXBvZ3JhcGh5XCI+XG4gIDxzZWN0aW9uIGNsYXNzPVwiaG92ZXItdGFiXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwidGFicy1zZWN0aW9uXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJlZGl0LXRhYlwiPlxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiZWRpdFNlY3Rpb24oKVwiPlxuICAgICAgICAgICAgICAgIDxzdmcgd2lkdGg9XCIxOFwiIGhlaWdodD1cIjE4XCIgdmlld0JveD1cIjAgMCAxNiAxNlwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZyBjbGlwLXBhdGg9XCJ1cmwoI2NsaXAwXzEwNzZfNTI0MDkpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9XCJNMiAxMS40OTk3VjEzLjk5OTdINC41TDExLjg3MzMgNi42MjYzOEw5LjM3MzMzIDQuMTI2MzhMMiAxMS40OTk3Wk0xMy44MDY3IDQuNjkzMDVDMTQuMDY2NyA0LjQzMzA1IDE0LjA2NjcgNC4wMTMwNSAxMy44MDY3IDMuNzUzMDVMMTIuMjQ2NyAyLjE5MzA1QzExLjk4NjcgMS45MzMwNSAxMS41NjY3IDEuOTMzMDUgMTEuMzA2NyAyLjE5MzA1TDEwLjA4NjcgMy40MTMwNUwxMi41ODY3IDUuOTEzMDVMMTMuODA2NyA0LjY5MzA1WlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD1cIiMwMjY3YzFcIiAvPlxuICAgICAgICAgICAgICAgICAgICA8L2c+XG4gICAgICAgICAgICAgICAgICAgIDxkZWZzPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGNsaXBQYXRoIGlkPVwiY2xpcDBfMTA3Nl81MjQwOVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IHdpZHRoPVwiMThcIiBoZWlnaHQ9XCIxOFwiIGZpbGw9XCJ3aGl0ZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2NsaXBQYXRoPlxuICAgICAgICAgICAgICAgICAgICA8L2RlZnM+XG4gICAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlZGl0LXRleHRcIj5cbiAgICAgICAgICAgICAgICAgICAgRWRpdFxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZyLWxpbmVcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVtYWluaW4tc2VjdGlvbnNcIiAgKm5nSWY9XCJkYXRhLnNlY3Rpb25UeXBlICE9ICdmb290ZXInICYmIGRhdGEuc2VjdGlvblR5cGUgIT0gJ2hlYWRlcidcIj5cbiAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInVwLWFycm93XCIgKGNsaWNrKT1cImRlbGV0ZVNlY3Rpb24oKVwiPlxuICAgICAgICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgZmlsbD1cIiM0MzQ0NDNcIiB2aWV3Qm94PVwiMCAwIDE4IDE4XCIgd2lkdGg9XCIxOFwiIGhlaWdodD1cIjE4XCJcbiAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImljb24gdy01IGgtNVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTkgMmMtLjM3ODc3IDAtLjcyNTAzLjIxNC0uODk0NDMuNTUyNzlMNy4zODE5NyA0SDRjLS41NTIyOCAwLTEgLjQ0NzcyLTEgMXMuNDQ3NzIgMSAxIDF2MTBjMCAxLjEwNDYuODk1NDMgMiAyIDJoOGMxLjEwNDYgMCAyLS44OTU0IDItMlY2Yy41NTIzIDAgMS0uNDQ3NzIgMS0xcy0uNDQ3Ny0xLTEtMWgtMy4zODJsLS43MjM2LTEuNDQ3MjFDMTEuNzI1IDIuMjE0IDExLjM3ODggMiAxMSAySDlaTTcgOGMwLS41NTIyOC40NDc3Mi0xIDEtMXMxIC40NDc3MiAxIDF2NmMwIC41NTIzLS40NDc3MiAxLTEgMXMtMS0uNDQ3Ny0xLTFWOFptNS0xYy0uNTUyMyAwLTEgLjQ0NzcyLTEgMXY2YzAgLjU1MjMuNDQ3NyAxIDEgMXMxLS40NDc3IDEtMVY4YzAtLjU1MjI4LS40NDc3LTEtMS0xWlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNsaXAtcnVsZT1cImV2ZW5vZGRcIj48L3BhdGg+XG4gICAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuPC9tYXQtZGlhbG9nLWNvbnRlbnQ+XG4iXX0=
|
|
@@ -814,7 +814,7 @@ class DeleteHoverElementComponent {
|
|
|
814
814
|
// this._eventService.editSection.emit({index: this.index})
|
|
815
815
|
}
|
|
816
816
|
deleteSection() {
|
|
817
|
-
this._eventService.delete.emit({ index: this.
|
|
817
|
+
this._eventService.delete.emit({ index: this.data });
|
|
818
818
|
}
|
|
819
819
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: DeleteHoverElementComponent, deps: [{ token: EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
820
820
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", type: DeleteHoverElementComponent, isStandalone: true, selector: "simpo-delete-hover-element", inputs: { index: "index", data: "data" }, outputs: { edit: "edit" }, ngImport: i0, template: "<mat-dialog-content class=\"mat-typography\">\n <section class=\"hover-tab\">\n <div class=\"tabs-section\">\n <div class=\"edit-tab\">\n <button (click)=\"editSection()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_1076_52409)\">\n <path\n d=\"M2 11.4997V13.9997H4.5L11.8733 6.62638L9.37333 4.12638L2 11.4997ZM13.8067 4.69305C14.0667 4.43305 14.0667 4.01305 13.8067 3.75305L12.2467 2.19305C11.9867 1.93305 11.5667 1.93305 11.3067 2.19305L10.0867 3.41305L12.5867 5.91305L13.8067 4.69305Z\"\n fill=\"#0267c1\" />\n </g>\n <defs>\n <clipPath id=\"clip0_1076_52409\">\n <rect width=\"18\" height=\"18\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n <span class=\"edit-text\">\n Edit\n </span>\n </button>\n </div>\n <div class=\"vr-line\"></div>\n <div class=\"remainin-sections\" *ngIf=\"data.sectionType != 'footer' && data.sectionType != 'header'\">\n <button class=\"up-arrow\" (click)=\"deleteSection()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"#434443\" viewBox=\"0 0 18 18\" width=\"18\" height=\"18\"\n class=\"icon w-5 h-5\" aria-hidden=\"true\">\n <path fill-rule=\"evenodd\"\n d=\"M9 2c-.37877 0-.72503.214-.89443.55279L7.38197 4H4c-.55228 0-1 .44772-1 1s.44772 1 1 1v10c0 1.1046.89543 2 2 2h8c1.1046 0 2-.8954 2-2V6c.5523 0 1-.44772 1-1s-.4477-1-1-1h-3.382l-.7236-1.44721C11.725 2.214 11.3788 2 11 2H9ZM7 8c0-.55228.44772-1 1-1s1 .44772 1 1v6c0 .5523-.44772 1-1 1s-1-.4477-1-1V8Zm5-1c-.5523 0-1 .44772-1 1v6c0 .5523.4477 1 1 1s1-.4477 1-1V8c0-.55228-.4477-1-1-1Z\"\n clip-rule=\"evenodd\"></path>\n </svg>\n </button>\n </div>\n </div>\n </section>\n</mat-dialog-content>\n", styles: [".hover-tab{display:flex;justify-content:flex-end;align-items:center;position:absolute;right:5px;top:20px;height:auto}.edit-tab{display:flex;align-items:center;justify-content:center}.edit-tab button{border:none;outline:none;cursor:pointer;background-color:transparent;padding:0;display:flex;justify-content:center;align-items:center}.edit-text{font-size:14px;color:#0267c1;font-weight:500;position:relative;left:4px}.vr-line{border-left:1px solid #e8e8e8;height:25px;margin-left:14px}.tabs-section{width:auto;padding:15px 10px;box-shadow:#63636333 0 2px 8px;border-radius:6px;display:flex;align-items:center;height:46px;background-color:#fff;z-index:1001}.remainin-sections{display:flex;justify-content:center;align-items:center;position:relative;right:6px}.remainin-sections :is(.copy,.up-arrow){border:none;outline:none;cursor:pointer;background-color:transparent;padding:0}.remainin-sections :is(.copy:hover,.up-arrow:hover) svg{fill:#0267c1}.up-arrow{margin-left:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|