@loftyshaky/shared 0.0.41 → 0.0.44

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/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,7 +25,7 @@ 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 {

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};
+import{aa as Body,ab as BackUp,S as Sections,_ as __awaiter,m as makeObservable,d as action}from"./chunk-main-30216ab6.js";import"react";import{a as Main$2}from"./chunk-main-70539558.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};

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

@@ -5,5 +5,6 @@ export declare class App {
     private constructor();
     private log_error;
     get_ext_version: () => string;
-    msg: () => string;
+    msg: (msg: string) => string;
+    read_env_into_global_var: () => void;
 }

package/ts/shared/ext.d.ts

@@ -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

@@ -21,6 +21,7 @@ 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,4 @@
+import { t } from "../../../internal";
+export interface Body {
+    on_render: t.CallbackVoid;
+}

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

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

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;