@loftyshaky/shared 0.0.42 → 1.0.0

package/scss/shared/focus.scss

@@ -26,7 +26,7 @@ body.keyboard .btn.text:focus,
 .keyboard .link:focus,
 .keyboard .link_btn:focus,
 .keyboard .help_btn:focus,
-.keyboard .input_item .input_w:not(.text):not(.textarea).is_in_focus_state::before,
+.keyboard .input_item .input_w:not(.text, .textarea).is_in_focus_state::before,
 .keyboard .input_item.range .input.is_in_focus_state {
     @include outline_solid_thick;
 }

package/scss/shared/mods.scss

@@ -13,7 +13,7 @@
 .hidden {
     position: fixed !important;
     visibility: hidden !important;
-    top: 99999px !important;
+    top: -99999px !important;
 }
 
 .overflow_auto {

package/scss/shared/scrollbar.scss

@@ -1,7 +1,7 @@
 $thumb_border_left: 5px solid transparent;
 $thumb_border_right: 4px solid transparent;
 
-:not(html):not(body):not(select) {
+:not(html, body, select) {
     &::-webkit-scrollbar {
         width: 17px;
     }

package/scss/shared/themes/colors/dark.scss

@@ -7,7 +7,7 @@ $htm: #8d4816;
 $qgp: #1b5a17;
 $ycp: #308af9;
 $cop: #09a700;
-$ptn: #bb141c;
-$uzf: #b938c7;
+$ptn: #b938c7;
+$uzf: #ce7209;
 $dfp: #29394d;
 $nqp: rgb(174 35 43 / 99%);

package/scss/shared/themes/colors/light.scss

@@ -2,12 +2,12 @@ $htc: white;
 $gaq: #efefef;
 $hev: #bbb;
 $lpe: $black;
-$yos: #c7e0ff;
-$htm: #ffbd8e;
-$qgp: #beffba;
+$yos: #90efff;
+$htm: #ffa96c;
+$qgp: #66ff8e;
 $ycp: #2e8cff;
 $cop: #14bf0a;
-$ptn: #d0111a;
-$uzf: #ca26dd;
+$ptn: #ca26dd;
+$uzf: #e8720c;
 $dfp: #a2d4ff;
 $nqp: rgb(255 77 85 / 99%);

package/scss/shared/themes/colors/very_dark.scss

@@ -7,7 +7,7 @@ $htm: #583013;
 $qgp: #133e10;
 $ycp: #2176de;
 $cop: #089200;
-$ptn: #b1131a;
-$uzf: #af22bf;
+$ptn: #af22bf;
+$uzf: #c96b00;
 $dfp: #0f1721;
 $nqp: rgb(120 30 34 / 99%);

package/scss/shared/themes/general/template.scss

@@ -7,7 +7,7 @@
     color: white !important;
 }
 
-:not(html):not(body):not(select) {
+:not(html, body, select) {
     &::-webkit-scrollbar-corner,
     &::-webkit-resizer {
         background-color: $hev;
@@ -191,7 +191,7 @@ hr {
     }
 
     .color_picker_w {
-        *:not(.pcr-last-color):not(.pcr-current-color) {
+        *:not(.pcr-last-color, .pcr-current-color) {
             color: $lpe !important;
         }
 
@@ -199,7 +199,7 @@ hr {
             background-color: $gaq !important;
             outline-color: $hev !important;
 
-            &:hover:not(.pcr-result):not(.active) {
+            &:hover:not(.pcr-result, .active) {
                 background-color: $qgp !important;
             }
         }

package/scss/shared/themes/general/template_focus.scss

@@ -25,18 +25,18 @@ body.keyboard .btn.text:focus,
 .keyboard .input_item .checkbox .box:focus,
 .keyboard .link:focus,
 .keyboard .link_btn:focus,
-.keyboard .input_item .input_w:not(.text):not(.textarea).is_in_focus_state::before,
+.keyboard .input_item .input_w:not(.text, .textarea).is_in_focus_state::before,
 .keyboard .input_item.range .input.is_in_focus_state,
 .keyboard .input_item .visualization_w .visualization:focus,
 .keyboard .input_item .palette_visualization_w .palette_visualization:focus {
-    outline-color: $uzf;
+    outline-color: $ptn;
 }
 
 .keyboard .input_item .pcr-palette:focus,
 .keyboard .input_item .pcr-slider:focus,
 .keyboard .input_item .pcr-picker:focus,
 .keyboard .input_item .color_picker_w input:not(.pcr-result):focus {
-    outline-color: $uzf !important;
+    outline-color: $ptn !important;
 }
 
 .input_item .pcr-result:focus {
@@ -44,9 +44,9 @@ body.keyboard .btn.text:focus,
 }
 
 .keyboard .input_item .pcr-result:focus {
-    outline-color: $uzf !important;
+    outline-color: $ptn !important;
 }
 
 .keyboard .section_btn:not(.selected):focus {
-    box-shadow: inset 0 0 0 2px $uzf, inset -2px 0 0 0 $uzf;
+    box-shadow: inset 0 0 0 2px $ptn, inset -2px 0 0 0 $ptn;
 }

package/scss/shared/transitions.scss

@@ -14,7 +14,7 @@
     transition-property: background-color;
 }
 
-.btn:not(.reload_ui):not(.link_btn) {
+.btn:not(.reload_ui, .link_btn) {
     transition: var(--transition);
     transition-property: opacity, background-color;
 }

package/settings.js

@@ -1 +1 @@
-import{aa as Body,ab as BackUp,S as Sections,_ as __awaiter,m as makeObservable,d as action}from"./chunk-main-2e2ed3a2.js";import"react";import{a as Main$2}from"./chunk-main-51a53080.js";import"react-dom";var index$6=Object.freeze({__proto__:null,Body:Body});var index$5=Object.freeze({__proto__:null,TransformItem:class{constructor(obj){this.create_property_if_it_doesnt_exist=!0,Object.assign(this,obj),this.old_key=obj.old_key,this.new_key=obj.new_key,this.new_val=obj.new_val}}}),index$4=Object.freeze({__proto__:null,BackUp:BackUp,Sections:Sections});var index$3=Object.freeze({__proto__:null,Main:class{constructor(){this.set_permission=({name:name,optional_permission_checkbox_dict:optional_permission_checkbox_dict})=>err_async((()=>__awaiter(this,void 0,void 0,(function*(){const permissions=optional_permission_checkbox_dict[name];if(yield we.permissions.contains(permissions)){(yield we.permissions.remove(permissions))&&this.set_checkbox_val({name:name,val:!1})}else{(yield we.permissions.request(permissions))&&this.set_checkbox_val({name:name,val:!0})}}))),"shr_1221"),this.set_checkbox_val=({name:name,val:val})=>err((()=>{data.ui[name]=val}),"shr_1222"),makeObservable(this,{set_checkbox_val:action})}static i(){return this.i0||(this.i0=new this)}}});var index$2=Object.freeze({__proto__:null,Main:class{constructor(){this.transform=({settings:settings,transform_items:transform_items})=>err_async((()=>__awaiter(this,void 0,void 0,(function*(){const properties_to_remove=[];return transform_items.forEach((transform_item=>err((()=>{n(transform_item.new_key)&&!n(settings[transform_item.new_key])&&(transform_item.create_property_if_it_doesnt_exist||!transform_item.create_property_if_it_doesnt_exist&&n(transform_item.old_key)&&n(settings[transform_item.old_key]))&&(n(transform_item.new_val)?settings[transform_item.new_key]=transform_item.new_val:n(transform_item.old_key)&&(settings[transform_item.new_key]=settings[transform_item.old_key])),n(transform_item.old_key)&&!properties_to_remove.includes(transform_item.old_key)&&properties_to_remove.push(transform_item.old_key)}),"shr_1227"))),properties_to_remove.forEach((property_to_remove=>err((()=>{delete settings[property_to_remove]}),"shr_1228"))),yield ext.storage_remove(properties_to_remove),settings}))),"shr_1226"),makeObservable(this,{transform:action})}static i(){return this.i0||(this.i0=new this)}}});var index$1=Object.freeze({__proto__:null,Theme:class{constructor(){this.change=({input:input,name:name,additional_theme_callback:additional_theme_callback})=>err((()=>{"options_page_theme"===input.name&&Main$2.i().set({name:name,additional_theme_callback:additional_theme_callback})}),"shr_1088")}static i(){return this.i0||(this.i0=new this)}}}),index=Object.freeze({__proto__:null});export{index$6 as c_settings,index$3 as d_optional_permissions,index$2 as d_schema,index$4 as d_settings,index as i_optional_permissions,index$5 as o_schema,index$1 as s_settings};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var main=require("./chunk-main-536b8e4c.js");require("react");var main$1=require("./chunk-main-4661c4ad.js");require("react-dom");var index$6=Object.freeze({__proto__:null,Body:main.Body$2});var index$5=Object.freeze({__proto__:null,TransformItem:class{constructor(obj){this.create_property_if_it_doesnt_exist=!0,Object.assign(this,obj),this.old_key=obj.old_key,this.new_key=obj.new_key,this.new_val=obj.new_val}}}),index$4=Object.freeze({__proto__:null,BackUp:main.BackUp,Sections:main.Sections});var index$3=Object.freeze({__proto__:null,Main:class{constructor(){this.set_permission=({name:name,optional_permission_checkbox_dict:optional_permission_checkbox_dict})=>err_async((()=>main.__awaiter(this,void 0,void 0,(function*(){const permissions=optional_permission_checkbox_dict[name];if(yield we.permissions.contains(permissions)){(yield we.permissions.remove(permissions))&&this.set_checkbox_val({name:name,val:!1})}else{(yield we.permissions.request(permissions))&&this.set_checkbox_val({name:name,val:!0})}}))),"shr_1221"),this.set_checkbox_val=({name:name,val:val})=>err((()=>{data.ui[name]=val}),"shr_1222"),main.makeObservable(this,{set_checkbox_val:main.action})}static i(){return this.i0||(this.i0=new this)}}});var index$2=Object.freeze({__proto__:null,Main:class{constructor(){this.transform=({settings:settings,transform_items:transform_items})=>err_async((()=>main.__awaiter(this,void 0,void 0,(function*(){const properties_to_remove=[];return transform_items.forEach((transform_item=>err((()=>{n(transform_item.new_key)&&!n(settings[transform_item.new_key])&&(transform_item.create_property_if_it_doesnt_exist||!transform_item.create_property_if_it_doesnt_exist&&n(transform_item.old_key)&&n(settings[transform_item.old_key]))&&(n(transform_item.new_val)?settings[transform_item.new_key]=transform_item.new_val:n(transform_item.old_key)&&(settings[transform_item.new_key]=settings[transform_item.old_key])),n(transform_item.old_key)&&!properties_to_remove.includes(transform_item.old_key)&&properties_to_remove.push(transform_item.old_key)}),"shr_1227"))),properties_to_remove.forEach((property_to_remove=>err((()=>{delete settings[property_to_remove]}),"shr_1228"))),yield ext.storage_remove(properties_to_remove),settings}))),"shr_1226"),main.makeObservable(this,{transform:main.action})}static i(){return this.i0||(this.i0=new this)}}});var index$1=Object.freeze({__proto__:null,Theme:class{constructor(){this.change=({input:input,name:name,additional_theme_callback:additional_theme_callback})=>err((()=>{"options_page_theme"===input.name&&main$1.Main$1.i().set({name:name,additional_theme_callback:additional_theme_callback})}),"shr_1088")}static i(){return this.i0||(this.i0=new this)}}}),index=Object.freeze({__proto__:null});exports.c_settings=index$6,exports.d_optional_permissions=index$3,exports.d_schema=index$2,exports.d_settings=index$4,exports.i_optional_permissions=index,exports.o_schema=index$5,exports.s_settings=index$1;

package/ts/error_modules/crash_handler/data/index.d.ts

@@ -1,2 +1 @@
-export * from "./fatal_error";
 export * from "./visibility";

package/ts/error_modules/error/components/prop_types/body.d.ts

@@ -1,3 +1,5 @@
+import { t } from "../../../../shared/internal";
 export interface Body {
     app_id: string;
+    on_render: t.CallbackVoid;
 }

package/ts/inputs/interfaces/text_btn.d.ts

@@ -2,6 +2,6 @@ import { t } from "../../shared/internal";
 export interface TextBtn {
     name: string;
     Svg: string;
-    visibility_cond?: t.CallbackVariadicVoid;
+    visibility_cond?: t.CallbackVariadicBoolean;
     event_callback: t.CallbackVariadicVoid;
 }

package/ts/shared/app.d.ts

@@ -4,6 +4,15 @@ export declare class App {
     static i(): App;
     private constructor();
     private log_error;
-    get_ext_version: () => string;
-    msg: () => string;
+    [index: string]: any;
+    private origin;
+    private package_json;
+    private messages_en_json;
+    private messages_ru_json;
+    private messages_de_json;
+    private resolve;
+    read_data_into_vars: () => Promise<string>;
+    get_app_version: () => string;
+    msg: (msg: string) => string;
+    read_env_into_global_var: () => Promise<void>;
 }

package/ts/shared/ext.d.ts

@@ -9,7 +9,7 @@ export declare class Ext {
     static i(): Ext;
     private constructor();
     private log_error;
-    get_ext_version: () => string;
+    get_app_version: () => string;
     iterate_all_tabs: (callback: t.CallbackVariadicVoid) => Promise<void>;
     msg: (msg: string) => string;
     get_active_tab: () => Promise<Tabs.Tab | undefined>;
@@ -20,8 +20,8 @@ export declare class Ext {
     send_msg_to_active_tab: (msg: t.Msg) => Promise<void>;
     send_msg_to_active_tab_resp: (msg: t.Msg) => Promise<any>;
     send_msg_to_all_tabs: (msg: t.Msg) => Promise<void>;
-    storage_get: (keys?: string | string[] | undefined) => Promise<any>;
-    storage_set: (obj: t.AnyRecord, replace?: boolean | undefined) => Promise<void>;
+    storage_get: (keys?: string | string[]) => Promise<any>;
+    storage_set: (obj: t.AnyRecord, replace?: boolean) => Promise<void>;
     storage_remove: (keys: string[]) => Promise<void>;
     inject_js_and_css_in_content_script: (js_file_paths: string[], css_file_paths: string[]) => Promise<void>;
 }

package/ts/shared/internal.d.ts

@@ -8,19 +8,21 @@ export * as t from "./t";
 export * as vars from "./vars";
 export * from "./functions";
 export * from "./init";
-export * as c_ext_version from "./ext_version/components";
+export * as c_app_version from "./app_version/components";
 export * as c_loading_screen from "./loading_screen/components";
 export * as c_tr from "./tr/components";
 export * as o_tr from "./tr/obj";
 export * as d_loading_screen from "./loading_screen/data";
 export * as d_tr from "./tr/data";
 export * as s_css_vars from "./css_vars/scripts";
+export * as s_loading_screen from "./loading_screen/scripts";
 export * as s_no_tr from "./no_tr/scripts";
 export * as s_tab_index from "./tab_index/scripts";
 export * as s_theme from "./theme/scripts";
 export * as s_title from "./title/scripts";
 export * as s_utils from "./utils/scripts";
 export * as s_viewport from "./viewport/scripts";
+export * as p_loading_screen from "./loading_screen/components/prop_types";
 export * as p_tr from "./tr/components/prop_types";
 export * as i_data from "./data/interfaces";
 export * as i_tab_index from "./tab_index/interfaces";

package/ts/shared/loading_screen/components/body.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const Body: () => JSX.Element;
+import React from 'react';
+import { p_loading_screen } from "../../internal";
+export declare const Body: React.FunctionComponent<p_loading_screen.Body>;

package/ts/shared/loading_screen/components/prop_types/body.d.ts

@@ -0,0 +1,5 @@
+import { t } from "../../../internal";
+export interface Body {
+    app_id: string;
+    on_render: t.CallbackVoid;
+}

package/ts/shared/loading_screen/components/prop_types/index.d.ts

@@ -0,0 +1 @@
+export * from "./body";

package/ts/shared/loading_screen/data/main.d.ts

@@ -6,5 +6,7 @@ export declare class Main {
     private inner_is_none;
     get inner_visibility_cls(): string;
     show: () => Promise<void>;
-    hide: () => Promise<void>;
+    hide: ({ app_id }: {
+        app_id: string;
+    }) => Promise<void>;
 }

package/ts/shared/loading_screen/scripts/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./roots";
+export * from "./tr";

package/ts/shared/loading_screen/scripts/roots.d.ts

@@ -0,0 +1,11 @@
+export declare class Roots {
+    private static i0;
+    static i(): Roots;
+    private constructor();
+    hide_roots: ({ app_id }: {
+        app_id: string;
+    }) => void;
+    show_roots: ({ app_id }: {
+        app_id: string;
+    }) => void;
+}

package/ts/shared/loading_screen/scripts/tr.d.ts

@@ -0,0 +1,8 @@
+export declare class Tr {
+    private static i0;
+    static i(): Tr;
+    private constructor();
+    private loading_screen_root_selector;
+    enable_no_tr: () => void;
+    disable_no_tr: () => void;
+}

package/ts/shared/tr/data/transition.d.ts

@@ -11,7 +11,7 @@ export declare class Transition {
         tr_end_active?: t.CallbackVoid[] | undefined;
         tr_el_ref: React.RefObject<HTMLElement>;
         called_from_component_did_update: boolean;
-    }, e?: React.TransitionEvent<Element> | undefined) => void;
+    }, e?: React.TransitionEvent) => void;
     transit: ({ transitions, name, state, }: {
         transitions: i_tr.Transitions;
         name: string;

package/ts/shared/x.d.ts

@@ -34,7 +34,7 @@ export declare class X {
     insert_item: (position: number, items: t.AnyArray, arr: t.AnyArray) => any[];
     remove_item: (i: number, arr: t.AnyArray) => void;
     bind: (els: Window | Document | t.XEls, event: string, f: t.CallbackVariadicVoid) => void;
-    css: (filename: string, parent: HTMLHeadElement | ShadowRoot | undefined, cls?: string | undefined) => HTMLLinkElement | undefined;
+    css: (filename: string, parent: HTMLHeadElement | ShadowRoot | undefined, cls?: string) => HTMLLinkElement | undefined;
     dynamic_css: (parent: HTMLHeadElement | ShadowRoot, cls: string, css: string) => HTMLStyleElement;
     get_css_val: (el: HTMLElement, key: string) => string;
     get_numeric_css_val: (el: HTMLElement, key: string) => number;