@rolatech/angular-instructor - npm Package Compare versions

Comparing version 20.2.8-beta.6 to 20.2.8-beta.7

fesm2022/rolatech-angular-instructor.mjs

@@ -74,6 +74,6 @@ import * as i0 from '@angular/core';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InstructorLocationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: InstructorLocationComponent, isStandalone: true, selector: "rolatech-instructor-location", inputs: { isUploading: { classPropertyName: "isUploading", publicName: "isUploading", isSignal: true, isRequired: false, transformFunction: null }, classroom: { classPropertyName: "classroom", publicName: "classroom", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, selectMedia: { classPropertyName: "selectMedia", publicName: "selectMedia", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { upload: "upload", delete: "delete", save: "save", deleteMedia: "deleteMedia", mediaItemClick: "mediaItemClick" }, usesInheritance: true, ngImport: i0, template: "<div class=\"mb-8\">\n  <div class=\"flex flex-col pt-6\">\n    <div class=\"flex flex-col\">\n      <!-- base -->\n      <div class=\"flex flex-col\">\n        <rolatech-title title=\"\u57FA\u672C\u4FE1\u606F\"></rolatech-title>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Name </mat-label>\n          <input matInput [(ngModel)]=\"classroom().name\" name=\"name\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Contact </mat-label>\n          <input matInput [(ngModel)]=\"classroom().contact\" name=\"contact\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Phone </mat-label>\n          <input matInput [(ngModel)]=\"classroom().phone\" name=\"phone\" required />\n        </mat-form-field>\n      </div>\n      <!-- location -->\n      <div class=\"flex flex-col\">\n        <div class=\"py-3 flex justify-between\">\n          <rolatech-title title=\"\u57FA\u672C\u4FE1\u606F\"></rolatech-title>\n\n          <button mat-stroked-button (click)=\"selectLocation()\" i18n>Location select</button>\n        </div>\n        <div class=\"flex flex-row gap-3\">\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n> Province </mat-label>\n            <input matInput [(ngModel)]=\"classroom().province\" name=\"province\" required disabled />\n          </mat-form-field>\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n> City </mat-label>\n            <input matInput [(ngModel)]=\"classroom().city\" name=\"city\" required disabled />\n          </mat-form-field>\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n> County </mat-label>\n            <input matInput [(ngModel)]=\"classroom().county\" name=\"county\" required disabled />\n          </mat-form-field>\n        </div>\n        <!-- <mat-form-field appearance=\"fill\">\n        <mat-label i18n> Street </mat-label>\n        <input\n          matInput\n          [(ngModel)]=\"classroom().town\"\n          name=\"town\"\n          required\n          readonly\n          />\n      </mat-form-field> -->\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> <Address></Address> </mat-label>\n          <input matInput [(ngModel)]=\"classroom().address\" name=\"address\" />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Detail </mat-label>\n          <textarea\n            matInput\n            [(ngModel)]=\"classroom().detail\"\n            name=\"detail\"\n            cdkTextareaAutosize\n            cdkAutosizeMinRows=\"3\"\n            required\n          ></textarea>\n        </mat-form-field>\n      </div>\n    </div>\n    <div>\n      <div class=\"py-3\">\n        <rolatech-title title=\"Basic info\"></rolatech-title>\n        <div class=\"text-sm font-thin text-gray-500\" i18n>Limit 5MB per image</div>\n      </div>\n      <!-- media -->\n      <div>\n        <rolatech-media-list (upload)=\"onUploadMedia($event)\" [isUploading]=\"isUploading()\">\n          @for (item of classroom().media; track item; let i = $index) {\n            <rolatech-media-list-item\n              [media]=\"item\"\n              (mediaItemClick)=\"onMediaItemClick(i, item)\"\n              (deleteMedia)=\"onDeleteMedia(classroom().id, item)\"\n            ></rolatech-media-list-item>\n          }\n        </rolatech-media-list>\n      </div>\n    </div>\n  </div>\n</div>\n@if (actions()) {\n  <div class=\"flex flex-row justify-end p-4\">\n    <button mat-button (click)=\"onDelete(classroom())\" i18n>Delete</button>\n    <button mat-flat-button (click)=\"onSave(classroom())\" i18n>Save</button>\n  </div>\n}\n", styles: [".media-list{flex-wrap:wrap;box-sizing:border-box}.progress-bar{display:block;min-height:6px;width:100%}.media-list-item{cursor:pointer;position:relative;box-sizing:border-box;padding:2px}.tile-media{height:80px;width:80px;object-fit:contain;cursor:pointer;border:1px solid grey;padding:6px;position:relative;box-sizing:border-box}.add-button{cursor:pointer;position:relative;box-sizing:border-box;padding:2px}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i3.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "component", type: MediaListComponent, selector: "rolatech-media-list", inputs: ["isUploading", "media", "showAdd"], outputs: ["mediaItemClick", "upload"] }, { kind: "component", type: MediaListItemComponent, selector: "rolatech-media-list-item", inputs: ["media", "uploadProgress", "uploading"], outputs: ["mediaItemClick", "deleteMedia"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: TitleComponent, selector: "rolatech-title", inputs: ["title", "subtitle", "large"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InstructorLocationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: InstructorLocationComponent, isStandalone: true, selector: "rolatech-instructor-location", inputs: { isUploading: { classPropertyName: "isUploading", publicName: "isUploading", isSignal: true, isRequired: false, transformFunction: null }, classroom: { classPropertyName: "classroom", publicName: "classroom", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, selectMedia: { classPropertyName: "selectMedia", publicName: "selectMedia", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { upload: "upload", delete: "delete", save: "save", deleteMedia: "deleteMedia", mediaItemClick: "mediaItemClick" }, usesInheritance: true, ngImport: i0, template: "<div class=\"mb-8\">\n  <div class=\"flex flex-col pt-6\">\n    <div class=\"flex flex-col\">\n      <!-- base -->\n      <div class=\"flex flex-col\">\n        <rolatech-title title=\"\u57FA\u672C\u4FE1\u606F\"></rolatech-title>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Name </mat-label>\n          <input matInput [(ngModel)]=\"classroom().name\" name=\"name\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Contact </mat-label>\n          <input matInput [(ngModel)]=\"classroom().contact\" name=\"contact\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Phone </mat-label>\n          <input matInput [(ngModel)]=\"classroom().phone\" name=\"phone\" required />\n        </mat-form-field>\n      </div>\n      <!-- location -->\n      <div class=\"flex flex-col\">\n        <div class=\"py-3 flex justify-between\">\n          <rolatech-title title=\"\u57FA\u672C\u4FE1\u606F\"></rolatech-title>\n\n          <button mat-stroked-button (click)=\"selectLocation()\" i18n>Location select</button>\n        </div>\n        <div class=\"flex flex-row gap-3\">\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n> Province </mat-label>\n            <input matInput [(ngModel)]=\"classroom().province\" name=\"province\" required disabled />\n          </mat-form-field>\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n> City </mat-label>\n            <input matInput [(ngModel)]=\"classroom().city\" name=\"city\" required disabled />\n          </mat-form-field>\n          <mat-form-field appearance=\"fill\">\n            <mat-label i18n> County </mat-label>\n            <input matInput [(ngModel)]=\"classroom().county\" name=\"county\" required disabled />\n          </mat-form-field>\n        </div>\n        <!-- <mat-form-field appearance=\"fill\">\n        <mat-label i18n> Street </mat-label>\n        <input\n          matInput\n          [(ngModel)]=\"classroom().town\"\n          name=\"town\"\n          required\n          readonly\n          />\n      </mat-form-field> -->\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> <Address></Address> </mat-label>\n          <input matInput [(ngModel)]=\"classroom().address\" name=\"address\" />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label i18n> Detail </mat-label>\n          <textarea\n            matInput\n            [(ngModel)]=\"classroom().detail\"\n            name=\"detail\"\n            cdkTextareaAutosize\n            cdkAutosizeMinRows=\"3\"\n            required\n          ></textarea>\n        </mat-form-field>\n      </div>\n    </div>\n    <div>\n      <div class=\"py-3\">\n        <rolatech-title title=\"Basic info\"></rolatech-title>\n        <div class=\"text-sm font-thin text-gray-500\" i18n>Limit 5MB per image</div>\n      </div>\n      <!-- media -->\n      <div>\n        <rolatech-media-list (upload)=\"onUploadMedia($event)\" [isUploading]=\"isUploading()\">\n          @for (item of classroom().media; track item; let i = $index) {\n            <rolatech-media-list-item\n              [media]=\"item\"\n              (mediaItemClick)=\"onMediaItemClick(i, item)\"\n              (deleteMedia)=\"onDeleteMedia(classroom().id, item)\"\n            ></rolatech-media-list-item>\n          }\n        </rolatech-media-list>\n      </div>\n    </div>\n  </div>\n</div>\n@if (actions()) {\n  <div class=\"flex flex-row justify-end p-4\">\n    <button mat-button (click)=\"onDelete(classroom())\" i18n>Delete</button>\n    <button mat-flat-button (click)=\"onSave(classroom())\" i18n>Save</button>\n  </div>\n}\n", styles: [".media-list{flex-wrap:wrap;box-sizing:border-box}.progress-bar{display:block;min-height:6px;width:100%}.media-list-item{cursor:pointer;position:relative;box-sizing:border-box;padding:2px}.tile-media{height:80px;width:80px;object-fit:contain;cursor:pointer;border:1px solid grey;padding:6px;position:relative;box-sizing:border-box}.add-button{cursor:pointer;position:relative;box-sizing:border-box;padding:2px}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i3.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "component", type: MediaListComponent, selector: "rolatech-media-list", inputs: ["isUploading", "media", "showAdd"], outputs: ["mediaItemClick", "upload"] }, { kind: "component", type: MediaListItemComponent, selector: "rolatech-media-list-item", inputs: ["media", "uploadProgress", "uploading"], outputs: ["mediaItemClick", "deleteMedia"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: TitleComponent, selector: "rolatech-title", inputs: ["title", "subtitle", "large"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InstructorLocationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InstructorLocationComponent, decorators: [{
             type: Component,
@@ -103,6 +103,6 @@ args: [{ selector: 'rolatech-instructor-location', imports: [
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InstructorInfoComponent, deps: [{ token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: InstructorInfoComponent, isStandalone: true, selector: "rolatech-instructor-info", ngImport: i0, template: "<p>instructor-info works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InstructorInfoComponent, deps: [{ token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: InstructorInfoComponent, isStandalone: true, selector: "rolatech-instructor-info", ngImport: i0, template: "<p>instructor-info works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InstructorInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InstructorInfoComponent, decorators: [{
             type: Component,
@@ -109,0 +109,0 @@ args: [{ selector: 'rolatech-instructor-info', imports: [CommonModule], template: "<p>instructor-info works!</p>\n" }]

package.json

 {
   "name": "@rolatech/angular-instructor",
-  "version": "20.2.8-beta.6",
+  "version": "20.2.8-beta.7",
   "private": false,
@@ -5,0 +5,0 @@ "peerDependencies": {

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No metric changes

No dependency changes