@allsorter/ui-components 0.0.363 → 0.0.365

package/fesm2022/allsorter-ui-components.mjs

@@ -4496,11 +4496,11 @@ class AppToolbarComponent {
         // Implement as needed
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppToolbarComponent, deps: [{ token: i1.MatIconRegistry }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AppToolbarComponent, isStandalone: true, selector: "app-toolbar", inputs: { variant: "variant", overrideConfig: "overrideConfig", content: "content", isExtractionAnalysisActive: "isExtractionAnalysisActive", showSearch: "showSearch" }, outputs: { editEvent: "editEvent" }, ngImport: i0, template: "<div class=\"toolbar-container\">\n  <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--drag\"\n      [attr.aria-label]=\"requiredIcon.handle.title\" [attr.title]=\"requiredIcon.handle.title\"\n      (click)=\"$event.stopPropagation()\"><mat-icon svgIcon=\"move\" class=\"move-icon\"></mat-icon></button></div>\n  <div class=\"toolbar-icons\">\n    <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--edit\"\n        [attr.aria-label]=\"requiredIcon.edit.title\" [attr.title]=\"requiredIcon.edit.title\"\n        (click)=\"editSelectedSection()\"><mat-icon svgIcon=\"edit\" class=\"edit-icon\"></mat-icon></button></div>\n    <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--search\"\n        [attr.aria-label]=\"requiredIcon.search.title\" [attr.title]=\"requiredIcon.search.title\"\n        (click)=\"$event.stopPropagation(); sendMessage()\"><mat-icon svgIcon=\"search\"\n          class=\"search-icon\"></mat-icon></button></div>\n  </div>\n</div>", styles: [".toolbar-container{background-color:transparent;border-radius:8px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:background-color .2s ease}.toolbar-container:hover{background-color:#e5e9fc}.toolbar-icon{border-radius:8px;color:#6b7280;background:transparent;transition:background .2s,color .2s;cursor:pointer}.toolbar-icon:focus,.toolbar-icon:hover,.toolbar-icon.active{color:#374151}.toolbar-icon--drag,.toolbar-icon--edit,.toolbar-icon--search{border:none;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center}.toolbar-icon--drag{cursor:grab}.icon-wrapper{display:flex;width:20px;height:20px;padding:2px;justify-content:center;align-items:center;flex-shrink:0;aspect-ratio:1/1;background-color:transparent;border-radius:4px;margin:0 auto;transition:background-color .2s ease}.icon-wrapper:hover{background-color:#bbc7f6}.move-icon,.edit-icon,.search-icon{width:20px;height:20px;font-size:20px;color:#6b7280}.icon-wrapper .toolbar-icon{width:20px;height:20px;margin:0 auto}.toolbar-icons{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}.toolbar-container:hover .toolbar-icons{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .15s ease,transform .15s ease,visibility 0s}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AppToolbarComponent, isStandalone: true, selector: "app-toolbar", inputs: { variant: "variant", overrideConfig: "overrideConfig", content: "content", isExtractionAnalysisActive: "isExtractionAnalysisActive", showSearch: "showSearch" }, outputs: { editEvent: "editEvent" }, ngImport: i0, template: "<div class=\"toolbar-container\">\n  <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--drag\"\n      [attr.aria-label]=\"requiredIcon.handle.title\" [attr.title]=\"requiredIcon.handle.title\"\n      (click)=\"$event.stopPropagation()\"><mat-icon svgIcon=\"move\" class=\"move-icon\"></mat-icon></button></div>\n  <div class=\"toolbar-icons\">\n    <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--edit\"\n        [attr.aria-label]=\"requiredIcon.edit.title\" [attr.title]=\"requiredIcon.edit.title\"\n        (click)=\"editSelectedSection()\"><mat-icon svgIcon=\"edit\" class=\"edit-icon\"></mat-icon></button></div>\n    <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--search\"\n        [attr.aria-label]=\"requiredIcon.search.title\" [attr.title]=\"requiredIcon.search.title\"\n        (click)=\"$event.stopPropagation(); sendMessage()\"><mat-icon svgIcon=\"search\"\n          class=\"search-icon\"></mat-icon></button></div>\n  </div>\n</div>", styles: [".toolbar-container{background-color:transparent;border-radius:8px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:background-color .2s ease}.toolbar-container:hover{background-color:#e5e9fc}.toolbar-icon{border-radius:8px;color:#6b7280;background:transparent;transition:background .2s,color .2s;cursor:pointer}.toolbar-icon:focus,.toolbar-icon:hover,.toolbar-icon.active{color:#374151}.toolbar-icon--drag,.toolbar-icon--edit,.toolbar-icon--search{border:none;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center}.toolbar-icon--drag{cursor:grab}.icon-wrapper{display:flex;width:20px;height:20px;padding:2px;justify-content:center;align-items:center;flex-shrink:0;aspect-ratio:1/1;background-color:transparent;border-radius:4px;margin:0 auto;transition:background-color .2s ease}.icon-wrapper:hover{background-color:#bbc7f6}.move-icon,.edit-icon,.search-icon{width:20px;height:20px;font-size:20px;color:#6b7280}.icon-wrapper .toolbar-icon{width:20px;height:20px;margin:0 auto}.toolbar-icons{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}.toolbar-container:hover .toolbar-icons{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .15s ease,transform .15s ease,visibility 0s}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-toolbar', standalone: true, imports: [MatIconModule], template: "<div class=\"toolbar-container\">\n  <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--drag\"\n      [attr.aria-label]=\"requiredIcon.handle.title\" [attr.title]=\"requiredIcon.handle.title\"\n      (click)=\"$event.stopPropagation()\"><mat-icon svgIcon=\"move\" class=\"move-icon\"></mat-icon></button></div>\n  <div class=\"toolbar-icons\">\n    <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--edit\"\n        [attr.aria-label]=\"requiredIcon.edit.title\" [attr.title]=\"requiredIcon.edit.title\"\n        (click)=\"editSelectedSection()\"><mat-icon svgIcon=\"edit\" class=\"edit-icon\"></mat-icon></button></div>\n    <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--search\"\n        [attr.aria-label]=\"requiredIcon.search.title\" [attr.title]=\"requiredIcon.search.title\"\n        (click)=\"$event.stopPropagation(); sendMessage()\"><mat-icon svgIcon=\"search\"\n          class=\"search-icon\"></mat-icon></button></div>\n  </div>\n</div>", styles: [".toolbar-container{background-color:transparent;border-radius:8px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:background-color .2s ease}.toolbar-container:hover{background-color:#e5e9fc}.toolbar-icon{border-radius:8px;color:#6b7280;background:transparent;transition:background .2s,color .2s;cursor:pointer}.toolbar-icon:focus,.toolbar-icon:hover,.toolbar-icon.active{color:#374151}.toolbar-icon--drag,.toolbar-icon--edit,.toolbar-icon--search{border:none;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center}.toolbar-icon--drag{cursor:grab}.icon-wrapper{display:flex;width:20px;height:20px;padding:2px;justify-content:center;align-items:center;flex-shrink:0;aspect-ratio:1/1;background-color:transparent;border-radius:4px;margin:0 auto;transition:background-color .2s ease}.icon-wrapper:hover{background-color:#bbc7f6}.move-icon,.edit-icon,.search-icon{width:20px;height:20px;font-size:20px;color:#6b7280}.icon-wrapper .toolbar-icon{width:20px;height:20px;margin:0 auto}.toolbar-icons{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}.toolbar-container:hover .toolbar-icons{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .15s ease,transform .15s ease,visibility 0s}\n"] }]
+            args: [{ selector: 'app-toolbar', standalone: true, imports: [CommonModule, MatIconModule], template: "<div class=\"toolbar-container\">\n  <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--drag\"\n      [attr.aria-label]=\"requiredIcon.handle.title\" [attr.title]=\"requiredIcon.handle.title\"\n      (click)=\"$event.stopPropagation()\"><mat-icon svgIcon=\"move\" class=\"move-icon\"></mat-icon></button></div>\n  <div class=\"toolbar-icons\">\n    <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--edit\"\n        [attr.aria-label]=\"requiredIcon.edit.title\" [attr.title]=\"requiredIcon.edit.title\"\n        (click)=\"editSelectedSection()\"><mat-icon svgIcon=\"edit\" class=\"edit-icon\"></mat-icon></button></div>\n    <div class=\"icon-wrapper\"><button type=\"button\" class=\"toolbar-icon toolbar-icon--search\"\n        [attr.aria-label]=\"requiredIcon.search.title\" [attr.title]=\"requiredIcon.search.title\"\n        (click)=\"$event.stopPropagation(); sendMessage()\"><mat-icon svgIcon=\"search\"\n          class=\"search-icon\"></mat-icon></button></div>\n  </div>\n</div>", styles: [".toolbar-container{background-color:transparent;border-radius:8px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:background-color .2s ease}.toolbar-container:hover{background-color:#e5e9fc}.toolbar-icon{border-radius:8px;color:#6b7280;background:transparent;transition:background .2s,color .2s;cursor:pointer}.toolbar-icon:focus,.toolbar-icon:hover,.toolbar-icon.active{color:#374151}.toolbar-icon--drag,.toolbar-icon--edit,.toolbar-icon--search{border:none;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center}.toolbar-icon--drag{cursor:grab}.icon-wrapper{display:flex;width:20px;height:20px;padding:2px;justify-content:center;align-items:center;flex-shrink:0;aspect-ratio:1/1;background-color:transparent;border-radius:4px;margin:0 auto;transition:background-color .2s ease}.icon-wrapper:hover{background-color:#bbc7f6}.move-icon,.edit-icon,.search-icon{width:20px;height:20px;font-size:20px;color:#6b7280}.icon-wrapper .toolbar-icon{width:20px;height:20px;margin:0 auto}.toolbar-icons{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}.toolbar-container:hover .toolbar-icons{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .15s ease,transform .15s ease,visibility 0s}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatIconRegistry }, { type: i2.DomSanitizer }], propDecorators: { variant: [{
                 type: Input
             }], overrideConfig: [{
@@ -5016,6 +5016,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+class AppToolbarModule {
+    constructor(iconRegistry, sanitizer) {
+        this.iconRegistry = iconRegistry;
+        this.sanitizer = sanitizer;
+        const basePath = this.getBasePath();
+        this.iconRegistry.addSvgIcon('move', this.sanitizer.bypassSecurityTrustResourceUrl(`${basePath}/images/Move.svg`));
+        this.iconRegistry.addSvgIcon('edit', this.sanitizer.bypassSecurityTrustResourceUrl(`${basePath}/images/edit.svg`));
+        this.iconRegistry.addSvgIcon('search', this.sanitizer.bypassSecurityTrustResourceUrl(`${basePath}/images/search.svg`));
+    }
+    getBasePath() {
+        if (typeof document === 'undefined') {
+            return '';
+        }
+        const baseTag = document.querySelector('base');
+        if (baseTag && baseTag.getAttribute('href')) {
+            const baseHref = baseTag.getAttribute('href') || '/';
+            return baseHref.replace(/\/$/, '');
+        }
+        const pathname = window.location.pathname;
+        if (pathname.includes('/allsorter-lib/')) {
+            return '/allsorter-lib';
+        }
+        return '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppToolbarModule, deps: [{ token: i1.MatIconRegistry }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: AppToolbarModule, imports: [CommonModule, AppToolbarComponent], exports: [AppToolbarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppToolbarModule, imports: [CommonModule, AppToolbarComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppToolbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, AppToolbarComponent],
+                    exports: [AppToolbarComponent],
+                }]
+        }], ctorParameters: () => [{ type: i1.MatIconRegistry }, { type: i2.DomSanitizer }] });
+
 /*
  * Public API Surface of allsorter-lib
  */
@@ -5024,5 +5060,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActionBarWrapperComponent, AiApplyBarComponent, AlTabComponent, AllsorterLibComponent, AllsorterLibService, ButtonComponent, ButtonModule, CandidateSectionComponent, CandidateSectionModule, CheckboxComponent, CheckboxModule, CustomEditorComponent, CustomEditorDemoComponent, CustomEditorModule, DateRangeComponent, DateRangeModule, ExperienceSectionComponent, ExperienceSectionModule, FieldPlaceholderComponent, FieldPlaceholderModule, GeneralContainerComponent, GeneralContainerModule, IconButtonComponent, InputComponent, InputModule, LoaderComponent, LoaderModule, ModalComponent, NewTypographyComponent, RadioComponent, RadioModule, ResponsiveColumnsComponent, ResponsiveColumnsModule, ResponsiveLayoutComponent, ResponsiveLayoutModule, ResumeEntriesComponent, ResumeEntriesModule, ResumeHeaderComponent, ResumeHeaderModule, SharedPopupModalModule, SlideToggleComponent, SlideToggleModule, TabsComponent, TabsModule, ToggleButtonsComponent, ToggleButtonsModule, TooltipComponent, TooltipModule };
+export { ActionBarWrapperComponent, AiApplyBarComponent, AlTabComponent, AllsorterLibComponent, AllsorterLibService, AppToolbarComponent, AppToolbarModule, AppToolbarRightComponent, AppToolbarRightModule, ButtonComponent, ButtonModule, CandidateSectionComponent, CandidateSectionModule, CheckboxComponent, CheckboxModule, CustomEditorComponent, CustomEditorDemoComponent, CustomEditorModule, DateRangeComponent, DateRangeModule, ExperienceSectionComponent, ExperienceSectionModule, FieldPlaceholderComponent, FieldPlaceholderModule, GeneralContainerComponent, GeneralContainerModule, IconButtonComponent, InputComponent, InputModule, LoaderComponent, LoaderModule, ModalComponent, NewTypographyComponent, RadioComponent, RadioModule, ResponsiveColumnsComponent, ResponsiveColumnsModule, ResponsiveLayoutComponent, ResponsiveLayoutModule, ResumeEntriesComponent, ResumeEntriesModule, ResumeHeaderComponent, ResumeHeaderModule, SharedPopupModalModule, SlideToggleComponent, SlideToggleModule, TabsComponent, TabsModule, ToggleButtonsComponent, ToggleButtonsModule, TooltipComponent, TooltipModule };
 //# sourceMappingURL=allsorter-ui-components.mjs.map