npm - @tilde-nlp/ngx-common - Versions diffs - 6.1.75 → 6.1.76 - Mend

@tilde-nlp/ngx-common 6.1.75 → 6.1.76

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.

Files changed (4) hide show

package/esm2022/lib/terminology/components/terminology-panel/terminology-collection-list/terminology-collection-card/terminology-collection-card.component.mjs CHANGED Viewed

@@ -251,11 +251,11 @@ export class TerminologyCollectionCardComponent {
             i0.ɵɵtemplate(0, TerminologyCollectionCardComponent_ng_container_0_Template, 20, 17, "ng-container", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.collection);
-        } }, dependencies: [i2.NgForOf, i2.NgIf, i3.DefaultLayoutDirective, i3.DefaultLayoutGapDirective, i3.DefaultLayoutAlignDirective, i3.DefaultFlexDirective, i4.MatButton, i4.MatIconAnchor, i5.MatIcon, i6.MatProgressSpinner, i7.MatRadioButton, i8.MatTooltip, i2.UpperCasePipe, i9.TranslatePipe, i10.DateAgoPipe], styles: [".collection-languages[_ngcontent-%COMP%]{display:flex;gap:2px}.collection-languages[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}"] }); }
+        } }, dependencies: [i2.NgForOf, i2.NgIf, i3.DefaultLayoutDirective, i3.DefaultLayoutGapDirective, i3.DefaultLayoutAlignDirective, i3.DefaultFlexDirective, i4.MatButton, i4.MatIconAnchor, i5.MatIcon, i6.MatProgressSpinner, i7.MatRadioButton, i8.MatTooltip, i2.UpperCasePipe, i9.TranslatePipe, i10.DateAgoPipe], styles: [".collection-languages[_ngcontent-%COMP%]{display:flex;gap:2px}.collection-languages[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionCardComponent, [{
         type: Component,
-        args: [{ selector: 'lib-terminology-collection-card', template: "<ng-container *ngIf=\"collection\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n    <mat-radio-button\r\n      fxFlex\r\n      fxLayoutAlign=\"center center\"\r\n      [class.mat-mdc-radio-checked]=\"collection.default || collection === selected\"\r\n      [disabled]=\"isSelectionDisabled\"\r\n      [matTooltip]=\"collection.termTooltipKey ? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n      (click)=\"selectGlossary(collection)\"\r\n    >\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n        <div class=\"collection-label\">\r\n          <span *ngIf=\"!collection.termTooltipKey\" class=\"text-m-semi-bold\" [matTooltip]=\"collection.name ?? ''\">\r\n            {{ collection.name }}\r\n          </span>\r\n\r\n          <span *ngIf=\"collection.termTooltipKey\" class=\"text-m-semi-bold\">\r\n            {{ collection.name }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.default\" class=\"default-badge\" >{{ localizationKey + \"DEFAULT\" | translate }}</span>\r\n      </div>\r\n\r\n      <div class=\"collection-languages\">\r\n        <ng-container *ngIf=\"collection.termCollection; else currentDirection\">\r\n          <span *ngFor=\"let lang of collection.termCollection.languages\">{{lang.id}}</span>\r\n        </ng-container>\r\n\r\n        <ng-template #currentDirection>\r\n          <span>{{sourceLanguageCode}}</span>\r\n          <span>{{targetLanguageCode}}</span>\r\n        </ng-template>\r\n      </div>\r\n  \r\n      <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"TERMS_IN_USE\" | translate : { termCount: collection.termCount } }}\r\n      </span>\r\n      <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n      </span>\r\n  \r\n      <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n        <div *ngIf=\"collection.mtStatus && collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n          <span color=\"accent\" class=\"material-icons collection-list-error\"> error </span>\r\n  \r\n          <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n            {{ localizationKey + \"ERRORS.\" + (collection.mtCollection?.subStatus | uppercase) | translate }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n          <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n          <span>\r\n            {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n          </span>\r\n        </span>\r\n  \r\n        <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection); $event.stopPropagation()\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n          <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n            <mat-icon class=\"pt-1\">sync</mat-icon>\r\n            {{ localizationKey + \"SYNC\" | translate }}\r\n          </span>\r\n        </button>\r\n      </div>\r\n    </mat-radio-button>\r\n\r\n    <ng-container *ngIf=\"hasEditPermissions\">\r\n      <a\r\n        class=\"collection-list-edit\"\r\n        mat-icon-button\r\n        target=\"_blank\"\r\n        [matTooltip]=\"tooltipLocalizationKey + 'EDIT' | translate\"\r\n        [attr.href]=\"getEditLink(collection)\"\r\n        *ngIf=\"collection.termCollection\"\r\n      >\r\n        <mat-icon class=\"material-icons material-icons-outlined\">edit</mat-icon>\r\n      </a>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n", styles: [".collection-languages{display:flex;gap:2px}.collection-languages span{border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}\n"] }]
+        args: [{ selector: 'lib-terminology-collection-card', template: "<ng-container *ngIf=\"collection\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n    <mat-radio-button\r\n      fxFlex\r\n      fxLayoutAlign=\"center center\"\r\n      [class.mat-mdc-radio-checked]=\"collection.default || collection === selected\"\r\n      [disabled]=\"isSelectionDisabled\"\r\n      [matTooltip]=\"collection.termTooltipKey ? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n      (click)=\"selectGlossary(collection)\"\r\n    >\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n        <div class=\"collection-label\">\r\n          <span *ngIf=\"!collection.termTooltipKey\" class=\"text-m-semi-bold\" [matTooltip]=\"collection.name ?? ''\">\r\n            {{ collection.name }}\r\n          </span>\r\n\r\n          <span *ngIf=\"collection.termTooltipKey\" class=\"text-m-semi-bold\">\r\n            {{ collection.name }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.default\" class=\"default-badge\" >{{ localizationKey + \"DEFAULT\" | translate }}</span>\r\n      </div>\r\n\r\n      <div class=\"collection-languages\">\r\n        <ng-container *ngIf=\"collection.termCollection; else currentDirection\">\r\n          <span *ngFor=\"let lang of collection.termCollection.languages\">{{lang.id}}</span>\r\n        </ng-container>\r\n\r\n        <ng-template #currentDirection>\r\n          <span>{{sourceLanguageCode}}</span>\r\n          <span>{{targetLanguageCode}}</span>\r\n        </ng-template>\r\n      </div>\r\n  \r\n      <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"TERMS_IN_USE\" | translate : { termCount: collection.termCount } }}\r\n      </span>\r\n      <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n      </span>\r\n  \r\n      <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n        <div *ngIf=\"collection.mtStatus && collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n          <span color=\"accent\" class=\"material-icons collection-list-error\"> error </span>\r\n  \r\n          <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n            {{ localizationKey + \"ERRORS.\" + (collection.mtCollection?.subStatus | uppercase) | translate }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n          <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n          <span>\r\n            {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n          </span>\r\n        </span>\r\n  \r\n        <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection); $event.stopPropagation()\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n          <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n            <mat-icon class=\"pt-1\">sync</mat-icon>\r\n            {{ localizationKey + \"SYNC\" | translate }}\r\n          </span>\r\n        </button>\r\n      </div>\r\n    </mat-radio-button>\r\n\r\n    <ng-container *ngIf=\"hasEditPermissions\">\r\n      <a\r\n        class=\"collection-list-edit\"\r\n        mat-icon-button\r\n        target=\"_blank\"\r\n        [matTooltip]=\"tooltipLocalizationKey + 'EDIT' | translate\"\r\n        [attr.href]=\"getEditLink(collection)\"\r\n        *ngIf=\"collection.termCollection\"\r\n      >\r\n        <mat-icon class=\"material-icons material-icons-outlined\">edit</mat-icon>\r\n      </a>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n", styles: [".collection-languages{display:flex;gap:2px}.collection-languages span{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}\n"] }]
     }], () => [{ type: i1.TerminologyService }, { type: i1.TerminologyCollectionService }], { collection: [{
             type: Input
         }], selected: [{

package/fesm2022/tilde-nlp-ngx-common.mjs CHANGED Viewed

@@ -5752,11 +5752,11 @@ class TerminologyCollectionCardComponent {
             i0.ɵɵtemplate(0, TerminologyCollectionCardComponent_ng_container_0_Template, 20, 17, "ng-container", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.collection);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i2$1.MatButton, i2$1.MatIconAnchor, i1.MatIcon, i2$5.MatProgressSpinner, i5$2.MatRadioButton, i2$2.MatTooltip, i1$2.UpperCasePipe, i1$1.TranslatePipe, DateAgoPipe], styles: [".collection-languages[_ngcontent-%COMP%]{display:flex;gap:2px}.collection-languages[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}"] }); }
+        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i2$1.MatButton, i2$1.MatIconAnchor, i1.MatIcon, i2$5.MatProgressSpinner, i5$2.MatRadioButton, i2$2.MatTooltip, i1$2.UpperCasePipe, i1$1.TranslatePipe, DateAgoPipe], styles: [".collection-languages[_ngcontent-%COMP%]{display:flex;gap:2px}.collection-languages[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionCardComponent, [{
         type: Component,
-        args: [{ selector: 'lib-terminology-collection-card', template: "<ng-container *ngIf=\"collection\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n    <mat-radio-button\r\n      fxFlex\r\n      fxLayoutAlign=\"center center\"\r\n      [class.mat-mdc-radio-checked]=\"collection.default || collection === selected\"\r\n      [disabled]=\"isSelectionDisabled\"\r\n      [matTooltip]=\"collection.termTooltipKey ? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n      (click)=\"selectGlossary(collection)\"\r\n    >\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n        <div class=\"collection-label\">\r\n          <span *ngIf=\"!collection.termTooltipKey\" class=\"text-m-semi-bold\" [matTooltip]=\"collection.name ?? ''\">\r\n            {{ collection.name }}\r\n          </span>\r\n\r\n          <span *ngIf=\"collection.termTooltipKey\" class=\"text-m-semi-bold\">\r\n            {{ collection.name }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.default\" class=\"default-badge\" >{{ localizationKey + \"DEFAULT\" | translate }}</span>\r\n      </div>\r\n\r\n      <div class=\"collection-languages\">\r\n        <ng-container *ngIf=\"collection.termCollection; else currentDirection\">\r\n          <span *ngFor=\"let lang of collection.termCollection.languages\">{{lang.id}}</span>\r\n        </ng-container>\r\n\r\n        <ng-template #currentDirection>\r\n          <span>{{sourceLanguageCode}}</span>\r\n          <span>{{targetLanguageCode}}</span>\r\n        </ng-template>\r\n      </div>\r\n  \r\n      <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"TERMS_IN_USE\" | translate : { termCount: collection.termCount } }}\r\n      </span>\r\n      <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n      </span>\r\n  \r\n      <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n        <div *ngIf=\"collection.mtStatus && collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n          <span color=\"accent\" class=\"material-icons collection-list-error\"> error </span>\r\n  \r\n          <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n            {{ localizationKey + \"ERRORS.\" + (collection.mtCollection?.subStatus | uppercase) | translate }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n          <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n          <span>\r\n            {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n          </span>\r\n        </span>\r\n  \r\n        <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection); $event.stopPropagation()\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n          <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n            <mat-icon class=\"pt-1\">sync</mat-icon>\r\n            {{ localizationKey + \"SYNC\" | translate }}\r\n          </span>\r\n        </button>\r\n      </div>\r\n    </mat-radio-button>\r\n\r\n    <ng-container *ngIf=\"hasEditPermissions\">\r\n      <a\r\n        class=\"collection-list-edit\"\r\n        mat-icon-button\r\n        target=\"_blank\"\r\n        [matTooltip]=\"tooltipLocalizationKey + 'EDIT' | translate\"\r\n        [attr.href]=\"getEditLink(collection)\"\r\n        *ngIf=\"collection.termCollection\"\r\n      >\r\n        <mat-icon class=\"material-icons material-icons-outlined\">edit</mat-icon>\r\n      </a>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n", styles: [".collection-languages{display:flex;gap:2px}.collection-languages span{border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}\n"] }]
+        args: [{ selector: 'lib-terminology-collection-card', template: "<ng-container *ngIf=\"collection\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n    <mat-radio-button\r\n      fxFlex\r\n      fxLayoutAlign=\"center center\"\r\n      [class.mat-mdc-radio-checked]=\"collection.default || collection === selected\"\r\n      [disabled]=\"isSelectionDisabled\"\r\n      [matTooltip]=\"collection.termTooltipKey ? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n      (click)=\"selectGlossary(collection)\"\r\n    >\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n        <div class=\"collection-label\">\r\n          <span *ngIf=\"!collection.termTooltipKey\" class=\"text-m-semi-bold\" [matTooltip]=\"collection.name ?? ''\">\r\n            {{ collection.name }}\r\n          </span>\r\n\r\n          <span *ngIf=\"collection.termTooltipKey\" class=\"text-m-semi-bold\">\r\n            {{ collection.name }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.default\" class=\"default-badge\" >{{ localizationKey + \"DEFAULT\" | translate }}</span>\r\n      </div>\r\n\r\n      <div class=\"collection-languages\">\r\n        <ng-container *ngIf=\"collection.termCollection; else currentDirection\">\r\n          <span *ngFor=\"let lang of collection.termCollection.languages\">{{lang.id}}</span>\r\n        </ng-container>\r\n\r\n        <ng-template #currentDirection>\r\n          <span>{{sourceLanguageCode}}</span>\r\n          <span>{{targetLanguageCode}}</span>\r\n        </ng-template>\r\n      </div>\r\n  \r\n      <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"TERMS_IN_USE\" | translate : { termCount: collection.termCount } }}\r\n      </span>\r\n      <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n      </span>\r\n  \r\n      <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n        <div *ngIf=\"collection.mtStatus && collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n          <span color=\"accent\" class=\"material-icons collection-list-error\"> error </span>\r\n  \r\n          <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n            {{ localizationKey + \"ERRORS.\" + (collection.mtCollection?.subStatus | uppercase) | translate }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n          <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n          <span>\r\n            {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n          </span>\r\n        </span>\r\n  \r\n        <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection); $event.stopPropagation()\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n          <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n            <mat-icon class=\"pt-1\">sync</mat-icon>\r\n            {{ localizationKey + \"SYNC\" | translate }}\r\n          </span>\r\n        </button>\r\n      </div>\r\n    </mat-radio-button>\r\n\r\n    <ng-container *ngIf=\"hasEditPermissions\">\r\n      <a\r\n        class=\"collection-list-edit\"\r\n        mat-icon-button\r\n        target=\"_blank\"\r\n        [matTooltip]=\"tooltipLocalizationKey + 'EDIT' | translate\"\r\n        [attr.href]=\"getEditLink(collection)\"\r\n        *ngIf=\"collection.termCollection\"\r\n      >\r\n        <mat-icon class=\"material-icons material-icons-outlined\">edit</mat-icon>\r\n      </a>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n", styles: [".collection-languages{display:flex;gap:2px}.collection-languages span{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}\n"] }]
     }], () => [{ type: TerminologyService }, { type: TerminologyCollectionService }], { collection: [{
             type: Input
         }], selected: [{