@haloduck/ui 2.0.12 → 2.0.13

package/fesm2022/haloduck-ui.mjs

@@ -3015,6 +3015,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 type: Output
             }] } });
 
+class TagViewerComponent {
+    label;
+    tags = [];
+    // Accept input as `value` for consistency with tag-input
+    set value(tags) {
+        if (Array.isArray(tags)) {
+            this.tags = tags
+                .map((t) => (t ?? '').trim())
+                .filter((t) => t.length > 0);
+        }
+        else {
+            this.tags = [];
+        }
+    }
+    ngAfterViewInit() {
+        // hide label if no projected content
+        if (this.label && this.label.nativeElement) {
+            const hasContent = this.label.nativeElement.textContent?.trim();
+            if (!hasContent) {
+                this.label.nativeElement.style.display = 'none';
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TagViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: TagViewerComponent, isStandalone: true, selector: "haloduck-tag-viewer", inputs: { value: "value" }, providers: [provideTranslocoScope('haloduck')], viewQueries: [{ propertyName: "label", first: true, predicate: ["label"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  <label #label class=\"block text-sm/6 font-medium text-light-on-control dark:text-dark-on-control text-left\">\n    <ng-content></ng-content>\n  </label>\n\n  <div class=\"block w-full rounded-md px-2 py-1.5 text-base text-light-on-control dark:text-dark-on-control sm:text-sm/6\">\n    <div class=\"flex flex-wrap items-center gap-2\">\n      <ng-container *ngFor=\"let tag of tags\">\n        <span class=\"inline-flex items-center gap-1 rounded-md bg-light-secondary dark:bg-dark-secondary text-light-on-secondary dark:text-dark-on-secondary px-2 py-0.5 text-xs\">\n          {{ tag }}\n        </span>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TagViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'haloduck-tag-viewer', imports: [CommonModule], providers: [provideTranslocoScope('haloduck')], template: "<div class=\"flex flex-col gap-2\">\n  <label #label class=\"block text-sm/6 font-medium text-light-on-control dark:text-dark-on-control text-left\">\n    <ng-content></ng-content>\n  </label>\n\n  <div class=\"block w-full rounded-md px-2 py-1.5 text-base text-light-on-control dark:text-dark-on-control sm:text-sm/6\">\n    <div class=\"flex flex-wrap items-center gap-2\">\n      <ng-container *ngFor=\"let tag of tags\">\n        <span class=\"inline-flex items-center gap-1 rounded-md bg-light-secondary dark:bg-dark-secondary text-light-on-secondary dark:text-dark-on-secondary px-2 py-0.5 text-xs\">\n          {{ tag }}\n        </span>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { label: [{
+                type: ViewChild,
+                args: ['label']
+            }], value: [{
+                type: Input
+            }] } });
+
 class BreadcrumbService {
     router;
     coreService = inject(CoreService);
@@ -3127,5 +3163,5 @@ const provideHaloduckTransloco = () => provideTranslocoScope({
  * Generated bundle index. Do not edit.
  */
 
-export { AuthenticateComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, ConfirmDialogService, CopyButtonComponent, DatePickerComponent, DateRangeComponent, DialogService, DrawCanvasComponent, ERROR_NOT_ACCEPTABLE_FILE_TYPE, ERROR_OVER_COUNT, ERROR_OVER_SIZE, ERROR_UPLOAD, FileUploaderComponent, FlipComponent, ImageUploaderComponent, ImageViewerComponent, InputComponent, LanguageSelectorComponent, MapToAddressComponent, NotificationComponent, NotificationService, PictureNameComponent, SelectComponent, SelectDropdownComponent, SideMenuComponent, SideMenuItemComponent, StlViewerComponent, TableComponent, TabsComponent, TagInputComponent, ToggleComponent, dateToString, provideHaloduckTransloco };
+export { AuthenticateComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, ConfirmDialogService, CopyButtonComponent, DatePickerComponent, DateRangeComponent, DialogService, DrawCanvasComponent, ERROR_NOT_ACCEPTABLE_FILE_TYPE, ERROR_OVER_COUNT, ERROR_OVER_SIZE, ERROR_UPLOAD, FileUploaderComponent, FlipComponent, ImageUploaderComponent, ImageViewerComponent, InputComponent, LanguageSelectorComponent, MapToAddressComponent, NotificationComponent, NotificationService, PictureNameComponent, SelectComponent, SelectDropdownComponent, SideMenuComponent, SideMenuItemComponent, StlViewerComponent, TableComponent, TabsComponent, TagInputComponent, TagViewerComponent, ToggleComponent, dateToString, provideHaloduckTransloco };
 //# sourceMappingURL=haloduck-ui.mjs.map