Move PropertyFileView to TS

src/asset_manager/index.ts

@@ -87,6 +87,12 @@ const events = {
 // TODO
 type AssetProps = Record<string, any>;
 
+type OpenOptions = {
+  select?: (asset: Asset, complete: boolean) => void;
+  types?: string[];
+  accept?: string;
+};
+
 export default class AssetManager extends ItemManagerModule<AssetManagerConfig, Assets> {
   storageKey = 'assets';
   Asset = Asset;
@@ -174,7 +180,7 @@ export default class AssetManager extends ItemManagerModule<AssetManagerConfig,
    * // with your custom types (you should have assets with those types declared)
    * assetManager.open({ types: ['doc'], ... });
    */
-  open(options = {}) {
+  open(options: OpenOptions = {}) {
     const cmd = this.em.get('Commands');
     cmd.run(assetCmd, {
       types: ['image'],

src/style_manager/view/PropertyFileView.js → src/style_manager/view/PropertyFileView.ts

@@ -33,17 +33,17 @@ export default class PropertyFileView extends PropertyView {
     `;
   }
 
-  __setValueInput(value) {
+  __setValueInput(value: string) {
     const { model, el } = this;
     const valueDef = model.getDefaultValue();
-    const prvBoxEl = el.querySelector('[data-preview-box]');
-    const prvEl = el.querySelector('[data-preview]');
+    const prvBoxEl = el.querySelector('[data-preview-box]') as HTMLElement;
+    const prvEl = el.querySelector('[data-preview]') as HTMLElement;
     prvBoxEl.style.display = !value || value === valueDef ? 'none' : '';
     prvEl.style.backgroundImage = value || model.getDefaultValue();
   }
 
   openAssetManager() {
-    const am = this.em?.get('AssetManager');
+    const am = this.em?.Assets;
 
     am?.open({
       select: (asset, complete) => {