@rws-framework/client 2.13.2 → 2.13.4

package/src/components/uploader/styles/layout.scss

@@ -1,131 +1,131 @@
-@import "@rws-mixins";
-
-//vars
-$upl_secondary: var(--rws-uploader-secondary, #CCC);
-$upl_bg: var(--rws-uploader-bg, #424242);
-$upl_border: var(--rws-uploader-border, #FFF);
-
-$upl_primary: var(--rws-uploader-primary, #EE2375);
-
-$upl_text: var(--rws-uploader-text, #000);
-
-$upl_btn_text: var(--rws-uploader-btn-text, #000);
-$upl_btn_bg: var(--rws-uploader-btn-bg, #CCC);
-$upl_btn_border: var(--rws-uploader-btn-border, #000);
-
-rws-progress {
-    --accent-foreground-rest: $upl_primary;
-}
-
-//styles
-.upload_area {    
-
-    color: $upl_text;
-
-    padding: 25px;
-
-    
-    *{
-        box-sizing: border-box;
-    }
-
-    section{
-        &::after{
-            content: '';
-            display: table;
-            clear: both;
-        }
-
-        display: block;
-        contain: content;
-        box-sizing: border-box;
-        background: $upl_bg;
-        border-radius: 10px;
-        box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
-
-        .drag-and-drop {
-            @include grid-container();
-            @include grid-flex-align-items(center, center);
-            
-            border: 4px dashed $upl_border; // Adjust color as needed
-            width: 100%; // Adjust width as needed
-            height: 100%; // Adjust height as needed
-            padding: 30px;
-
-            margin-bottom: 30px;
-
-            text-align: center;
-            cursor: pointer;
-
-            .file-block {
-                border: 1px solid $upl_border;
-
-                font-size: 10px;
-                padding: 15px;
-                border-radius: 15px;
-
-                .close-btn {
-                    border: 1px solid $upl_border;
-                    padding: 5px;
-                    font-weight: bold;
-                    margin-left: 10px;
-                    border-radius: 15px;
-                }
-            }
-
-            &.hover{
-                position: relative;
-
-                &:before{
-                    content: '';
-                    background: $upl_secondary;
-                    opacity: 0.4;
-
-                    position: absolute;
-
-                    width: 100%;
-                    height: 100%;
-                }
-
-                p{
-                    font-weight: bold;
-                }
-            }        
-        }
-
-        h3{
-            padding: 0 15px;
-            color: $upl_text;
-        }
-
-        article {
-            padding: 15px;
-        }
-        
-
-        button {
-            background: $upl_btn_bg;
-            color: $upl_btn_text;
-            font-size: 14px;
-            padding: 10px;        
-            box-shadow: none;
-            border-radius: 5px;
-            border-style: solid;
-            border-color: $upl_btn_border;
-            border-width: 1px;
-
-            fill: currentcolor;
-            cursor: pointer;        
-
-            &.outline{
-                background: none;                
-            }
-
-            &.next{
-                float: right;
-                margin-right: 10px;
-                margin-bottom: 10px;
-            }            
-        }
-    }    
+@import "@rws-mixins";
+
+//vars
+$upl_secondary: var(--rws-uploader-secondary, #CCC);
+$upl_bg: var(--rws-uploader-bg, #424242);
+$upl_border: var(--rws-uploader-border, #FFF);
+
+$upl_primary: var(--rws-uploader-primary, #EE2375);
+
+$upl_text: var(--rws-uploader-text, #000);
+
+$upl_btn_text: var(--rws-uploader-btn-text, #000);
+$upl_btn_bg: var(--rws-uploader-btn-bg, #CCC);
+$upl_btn_border: var(--rws-uploader-btn-border, #000);
+
+rws-progress {
+    --accent-foreground-rest: $upl_primary;
+}
+
+//styles
+.upload_area {    
+
+    color: $upl_text;
+
+    padding: 25px;
+
+    
+    *{
+        box-sizing: border-box;
+    }
+
+    section{
+        &::after{
+            content: '';
+            display: table;
+            clear: both;
+        }
+
+        display: block;
+        contain: content;
+        box-sizing: border-box;
+        background: $upl_bg;
+        border-radius: 10px;
+        box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
+
+        .drag-and-drop {
+            @include grid-container();
+            @include grid-flex-align-items(center, center);
+            
+            border: 4px dashed $upl_border; // Adjust color as needed
+            width: 100%; // Adjust width as needed
+            height: 100%; // Adjust height as needed
+            padding: 30px;
+
+            margin-bottom: 30px;
+
+            text-align: center;
+            cursor: pointer;
+
+            .file-block {
+                border: 1px solid $upl_border;
+
+                font-size: 10px;
+                padding: 15px;
+                border-radius: 15px;
+
+                .close-btn {
+                    border: 1px solid $upl_border;
+                    padding: 5px;
+                    font-weight: bold;
+                    margin-left: 10px;
+                    border-radius: 15px;
+                }
+            }
+
+            &.hover{
+                position: relative;
+
+                &:before{
+                    content: '';
+                    background: $upl_secondary;
+                    opacity: 0.4;
+
+                    position: absolute;
+
+                    width: 100%;
+                    height: 100%;
+                }
+
+                p{
+                    font-weight: bold;
+                }
+            }        
+        }
+
+        h3{
+            padding: 0 15px;
+            color: $upl_text;
+        }
+
+        article {
+            padding: 15px;
+        }
+        
+
+        button {
+            background: $upl_btn_bg;
+            color: $upl_btn_text;
+            font-size: 14px;
+            padding: 10px;        
+            box-shadow: none;
+            border-radius: 5px;
+            border-style: solid;
+            border-color: $upl_btn_border;
+            border-width: 1px;
+
+            fill: currentcolor;
+            cursor: pointer;        
+
+            &.outline{
+                background: none;                
+            }
+
+            &.next{
+                float: right;
+                margin-right: 10px;
+                margin-bottom: 10px;
+            }            
+        }
+    }    
 }

package/src/components/uploader/template.html

@@ -1,17 +1,17 @@
-<div class="upload_area">
-    <section>
-        <h3>Upload file</h3>
-        <rws-progress :value="${x => x.uploadProgress}" min="1" max="100"></rws-progress>
-        <article>
-            <div class="drag-and-drop"> 
-                <div @click="${x => !x.chosenFile ? x.onChoose() : (() => {})()}" class="upl-background"></div>
-                ${T.when(x => !x.chosenFile, T.html`<p @click="${x => !x.chosenFile ? x.onChoose() : (() => {})()}" class="dropinfo">Drag and drop here to upload</p>`)}
-                ${T.when(x => x.chosenFile, T.html`<div class="file-block">${ x => x.chosenFile.name} <span @click="${ x => x.removeFile() }" class="close-btn">X</span></div>`)}
-            </div>
-            <div class="upl-controls">
-                <button @click="${ x => x.onChoose() }" class="outline">Choose file</button>                
-            </div>
-        </article>
-        <button @click="${ x => x.onUploadStart() }" :disabled="${ x => x.chosenFile ? false : true }" appearance="accent" class="next">Upload</button>
-    </section>
+<div class="upload_area">
+    <section>
+        <h3>Upload file</h3>
+        <rws-progress :value="${x => x.uploadProgress}" min="1" max="100"></rws-progress>
+        <article>
+            <div class="drag-and-drop"> 
+                <div @click="${x => !x.chosenFile ? x.onChoose() : (() => {})()}" class="upl-background"></div>
+                ${T.when(x => !x.chosenFile, T.html`<p @click="${x => !x.chosenFile ? x.onChoose() : (() => {})()}" class="dropinfo">Drag and drop here to upload</p>`)}
+                ${T.when(x => x.chosenFile, T.html`<div class="file-block">${ x => x.chosenFile.name} <span @click="${ x => x.removeFile() }" class="close-btn">X</span></div>`)}
+            </div>
+            <div class="upl-controls">
+                <button @click="${ x => x.onChoose() }" class="outline">Choose file</button>                
+            </div>
+        </article>
+        <button @click="${ x => x.onUploadStart() }" :disabled="${ x => x.chosenFile ? false : true }" appearance="accent" class="next">Upload</button>
+    </section>
 </div>

package/src/index.ts

@@ -1,94 +1,94 @@
-import { Transformer as HTMLTagTransformerType, Tag as HTMLTag, Attributes as HTMLAttributes } from 'sanitize-html';
-import { observable, attr } from '@microsoft/fast-element';
-import type IRWSConfig from './types/IRWSConfig';
-import type RWSNotify from './types/RWSNotify';
-import type { NotifyUiType, NotifyLogType }  from './types/RWSNotify';
-import RWSService from './services/_service';
-import ConfigService, { ConfigServiceInstance } from './services/ConfigService';
-import NotifyService, {NotifyServiceInstance} from './services/NotifyService';
-import DOMService, { DOMServiceInstance } from './services/DOMService';
-import type { DOMOutputType, TagsProcessorType } from './services/DOMService';
-import ApiService, { ApiServiceInstance } from './services/ApiService';
-import type { IBackendRoute, IHTTProute, IPrefixedHTTProutes } from './services/ApiService';
-
-import UtilsService, {UtilsServiceInstance} from './services/UtilsService';
-import ServiceWorkerService, { ServiceWorkerServiceInstance } from './services/ServiceWorkerService';
-import { sanitizedAttr } from './components/_attrs/sanitize-html';
-import { ngAttr } from './components/_attrs/angular-attr';
-import { externalObservable } from './components/_attrs/external-observable';
-import { externalAttr } from './components/_attrs/external-attr';
-import { RWSPlugin } from './plugins/_plugin';
-
-import type { DefaultRWSPluginOptionsType } from './plugins/_plugin';
-
-import type { IRWSPlugin, IStaticRWSPlugin } from './types/IRWSPlugin';
-import RWSClient, { RWSClientInstance } from './client';
-import type  { RWSPluginEntry } from './types/IRWSConfig';
-import type IRWSUser from './types/IRWSUser';
-import RWSViewComponent from './components/_component';
-import type { IAssetShowOptions } from './components/_component';
-
-import RWSContainer from './components/_container';
-
-import type { RWSDecoratorOptions } from './components/_decorator';
-
-import {  RWSIgnore, RWSInject, RWSView } from './components/_decorator';
-
-import { declareRWSComponents } from './components';
-
-export default RWSClient;
-export { 
-    RWSClient,
-    RWSClientInstance,
-
-    RWSPlugin,
-    RWSPluginEntry,
-    IRWSPlugin, IStaticRWSPlugin,
-    DefaultRWSPluginOptionsType,
-    
-    NotifyUiType,
-    NotifyLogType,
-
-    ApiServiceInstance,
-    ApiService,    
-    UtilsServiceInstance,    
-    UtilsService,    
-    DOMServiceInstance,
-    DOMService,
-    DOMOutputType,
-    NotifyServiceInstance,
-    NotifyService,
-    ConfigServiceInstance,
-    ConfigService,
-    ServiceWorkerServiceInstance,
-    ServiceWorkerService,
-
-    RWSNotify,
-    IBackendRoute as IRWSBackendRoute,
-    RWSDecoratorOptions as IRWSDecoratorOptions,
-    IHTTProute as IRWSHttpRoute,
-    IPrefixedHTTProutes as IRWSPrefixedHTTProutes,    
-    IAssetShowOptions as IRWSAssetShowOptions,
-    IRWSConfig,
-    IRWSUser,
-    TagsProcessorType,
-    HTMLTagTransformerType,
-    HTMLTag,
-    HTMLAttributes,
-         
-    RWSView,
-    sanitizedAttr,
-    RWSIgnore,
-    RWSInject,    
-    observable,
-    externalObservable,
-    externalAttr,
-    attr,
-    ngAttr,
-    
-    RWSService,
-    RWSViewComponent,       
-    declareRWSComponents,
-
-    RWSContainer
+import { Transformer as HTMLTagTransformerType, Tag as HTMLTag, Attributes as HTMLAttributes } from 'sanitize-html';
+import { observable, attr } from '@microsoft/fast-element';
+import type IRWSConfig from './types/IRWSConfig';
+import type RWSNotify from './types/RWSNotify';
+import type { NotifyUiType, NotifyLogType }  from './types/RWSNotify';
+import RWSService from './services/_service';
+import ConfigService, { ConfigServiceInstance } from './services/ConfigService';
+import NotifyService, {NotifyServiceInstance} from './services/NotifyService';
+import DOMService, { DOMServiceInstance } from './services/DOMService';
+import type { DOMOutputType, TagsProcessorType } from './services/DOMService';
+import ApiService, { ApiServiceInstance } from './services/ApiService';
+import type { IBackendRoute, IHTTProute, IPrefixedHTTProutes } from './services/ApiService';
+
+import UtilsService, {UtilsServiceInstance} from './services/UtilsService';
+import ServiceWorkerService, { ServiceWorkerServiceInstance } from './services/ServiceWorkerService';
+import { sanitizedAttr } from './components/_attrs/sanitize-html';
+import { ngAttr } from './components/_attrs/angular-attr';
+import { externalObservable } from './components/_attrs/external-observable';
+import { externalAttr } from './components/_attrs/external-attr';
+import { RWSPlugin } from './plugins/_plugin';
+
+import type { DefaultRWSPluginOptionsType } from './plugins/_plugin';
+
+import type { IRWSPlugin, IStaticRWSPlugin } from './types/IRWSPlugin';
+import RWSClient, { RWSClientInstance } from './client';
+import type  { RWSPluginEntry } from './types/IRWSConfig';
+import type IRWSUser from './types/IRWSUser';
+import RWSViewComponent from './components/_component';
+import type { IAssetShowOptions } from './components/_component';
+
+import RWSContainer from './components/_container';
+
+import type { RWSDecoratorOptions } from './components/_decorator';
+
+import {  RWSIgnore, RWSInject, RWSView } from './components/_decorator';
+
+import { declareRWSComponents } from './components';
+
+export default RWSClient;
+export { 
+    RWSClient,
+    RWSClientInstance,
+
+    RWSPlugin,
+    RWSPluginEntry,
+    IRWSPlugin, IStaticRWSPlugin,
+    DefaultRWSPluginOptionsType,
+    
+    NotifyUiType,
+    NotifyLogType,
+
+    ApiServiceInstance,
+    ApiService,    
+    UtilsServiceInstance,    
+    UtilsService,    
+    DOMServiceInstance,
+    DOMService,
+    DOMOutputType,
+    NotifyServiceInstance,
+    NotifyService,
+    ConfigServiceInstance,
+    ConfigService,
+    ServiceWorkerServiceInstance,
+    ServiceWorkerService,
+
+    RWSNotify,
+    IBackendRoute as IRWSBackendRoute,
+    RWSDecoratorOptions as IRWSDecoratorOptions,
+    IHTTProute as IRWSHttpRoute,
+    IPrefixedHTTProutes as IRWSPrefixedHTTProutes,    
+    IAssetShowOptions as IRWSAssetShowOptions,
+    IRWSConfig,
+    IRWSUser,
+    TagsProcessorType,
+    HTMLTagTransformerType,
+    HTMLTag,
+    HTMLAttributes,
+         
+    RWSView,
+    sanitizedAttr,
+    RWSIgnore,
+    RWSInject,    
+    observable,
+    externalObservable,
+    externalAttr,
+    attr,
+    ngAttr,
+    
+    RWSService,
+    RWSViewComponent,       
+    declareRWSComponents,
+
+    RWSContainer
 };

package/src/plugins/_builder.js

@@ -1,32 +1,32 @@
-const fs = require('fs');
-const chalk = require('chalk');
-
-class RWSPluginBuilder {
-    pluginInfo = {name: null};
-
-    constructor(pluginPath, buildConfigurator, baseBuildConfig){
-        this.pluginPath = pluginPath;
-        this.buildConfigurator = buildConfigurator;
-        this.baseBuildConfig = baseBuildConfig;
-
-        this.pluginInfo = JSON.parse(fs.readFileSync(this.pluginPath + '/plugin-info.json', 'utf-8'));
-    }
-
-    async onComponentsLocated(partedComponentsLocations = []){
-        return partedComponentsLocations;
-    }
-
-    async onServicesLocated(servicesLocations){        
-        return servicesLocations;
-    }
-
-    async onBuild(webpackOptions){
-        return webpackOptions;
-    }
-
-    log(msg){
-        console.log(chalk.blue('RWS Plugin'), chalk.green(this.pluginInfo.name) + ':', msg);
-    }
-}
-
+const fs = require('fs');
+const chalk = require('chalk');
+
+class RWSPluginBuilder {
+    pluginInfo = {name: null};
+
+    constructor(pluginPath, buildConfigurator, baseBuildConfig){
+        this.pluginPath = pluginPath;
+        this.buildConfigurator = buildConfigurator;
+        this.baseBuildConfig = baseBuildConfig;
+
+        this.pluginInfo = JSON.parse(fs.readFileSync(this.pluginPath + '/plugin-info.json', 'utf-8'));
+    }
+
+    async onComponentsLocated(partedComponentsLocations = []){
+        return partedComponentsLocations;
+    }
+
+    async onServicesLocated(servicesLocations){        
+        return servicesLocations;
+    }
+
+    async onBuild(webpackOptions){
+        return webpackOptions;
+    }
+
+    log(msg){
+        console.log(chalk.blue('RWS Plugin'), chalk.green(this.pluginInfo.name) + ':', msg);
+    }
+}
+
 module.exports = { RWSPluginBuilder };