@loftyshaky/shared 2.6.0 → 2.7.0

package/scss/shared/vars.scss

@@ -1,15 +1,15 @@
-$scrollbar_width: 17px;
 $font_main: 17px;
 $font_big: 24px;
 $font_small: 13px;
 $gap: 10px;
 $gap_small: 4px;
 $border_width: 1px;
+$border_width_thick: 2px;
 $input_height: 28px;
-$color_input_height: $input_height + ($border_width * 4) - 2;
+$input_height_with_border: 28px + ($border_width * 2);
+$icon_btn_size: 20px;
 $input_content_gap: 8px;
 $input_inner_padding: 7px;
-$input_content_gap_2: $input_content_gap - ($border_width * 2);
 $main_margin: 16px;
 $ext_name_offset: 7px;
 $main_margin_2: $main_margin * 2;
@@ -18,15 +18,4 @@ $black: #212121;
 $yellow: #fbff75;
 $light_orange: #fff7c7;
 $blue: #3892ff;
-$black_shadow:
-    rgb(0 0 0 / 30%) 0 0 30px,
-    rgb(0 0 0 / 30%) 0 4px 8px;
-$black_shadow_2: 0 20px 30px rgb(0 0 0 / 20%);
-$blue_neon_dark:
-    rgb(0 115 255 / 100%) 0 0 33px,
-    rgb(255 255 255 / 40%) 0 0 10px;
-$blue_neon_very_dark:
-    rgb(0 102 255 / 85%) 0 0 36px,
-    rgb(255 255 255 / 40%) 0 0 10px;
 $glass_color: rgb(255 255 255 / 20%);
-$glass_blur: blur(8px);

package/settings.mjs

@@ -0,0 +1 @@
+import{_ as e,b as t,g as n,h as r,v as i,y as a}from"./chunks/internal2.mjs";export{t as c_settings,a as d_developer_mode,i as d_optional_permissions,e as d_sections,r as i_optional_permissions,n as s_sections};

package/shared.mjs

@@ -0,0 +1 @@
+import{n as e}from"./chunks/chunk.mjs";import{A as t,D as r,E as i,P as a,_ as o,a as c,f as l,g as u,h as d,i as f,j as p,k as ee,l as te,m,o as h,r as g,s as ne,x as re,y as ie}from"./chunks/internal.mjs";import{A as ae,F as _,I as v,L as y,M as b,N as S,P as C,R as oe,a as se,c as ce,d as le,f as w,i as T,j as E,k as D,l as O,m as k,n as A,o as j,p as M,r as N,s as P,t as F,u as I}from"./chunks/internal2.mjs";import{useEffect as L}from"react";var R=class{static instance;static get_instance(){return this.instance||=new this}constructor(){}get_flash_server_text=()=>err(()=>{let e=sa(`.flash_server`);if(n(e)){let t=[...e].find(e=>!!(n(e)&&n(e.textContent)&&e.textContent!==`undefined`));return n(t)&&n(t.textContent)?t.textContent:void 0}},`shr_1246`);turn_flash_server_text_into_arr=()=>err(()=>{let e=this.get_flash_server_text();if(e)return e.split(`:`)},`shr_1250`);get_flash_msg_key=()=>err(()=>{let e=this.turn_flash_server_text_into_arr();if(n(e))return e[0]},`shr_1249`);get_flash_type=()=>err(()=>{let e=this.turn_flash_server_text_into_arr();return n(e)&&n(e[1])&&e[1]!==`-`?e[1]:`neutral`},`shr_1249`);get_flash_hide_delay=()=>err(()=>{let e=this.turn_flash_server_text_into_arr();return n(e)&&n(e[2])&&e[2]!==`-`?+e[2]:5e3},`shr_1249`);show=()=>err(()=>{let e=this.get_flash_msg_key(),t=this.get_flash_type(),r=this.get_flash_hide_delay();n(e)&&show_notification({error_msg_key:e,alt_msg:e,notification_type:t,hide_delay:r})},`shr_1252`)}.get_instance(),z=E(),B=D(({children:e})=>J.page_is_crashed?(0,z.jsx)(`div`,{className:`reload_ui_btn_w`,children:(0,z.jsx)(`button`,{className:x.cls([`btn`,`reload_ui`]),type:`button`,onClick:fe.reload,children:globalThis[u.type()].msg(`reload_ui_btn_text`)})}):(0,z.jsx)(z.Fragment,{children:e})),V=e({Body:()=>B}),H=D(e=>{let{app_id:t,on_render:r}=e;return L(()=>{pe.load({app_id:t}),r()},[t,r]),(0,z.jsxs)(`div`,{className:x.cls([`main`,`error`,Q.is_highlighted_cls,Q.notification_type,Q.is_fullscreen_cls]),role:`none`,style:{display:Q.is_visible_style},onMouseDown:Q.clear_all_reset_state_timeouts,children:[(0,z.jsx)(q,{}),(0,z.jsxs)(`div`,{className:`body`,children:[(0,z.jsxs)(`div`,{className:`top_stuff`,children:[(0,z.jsxs)(`span`,{className:`ext_name_and_keep_visible_msg`,children:[(0,z.jsx)(W,{}),(0,z.jsx)(G,{})]}),Q.is_fullscreen?void 0:(0,z.jsx)(U,{})]}),(0,z.jsx)(K,{})]})]})}),U=D(()=>(0,z.jsx)(`button`,{className:`close_btn`,type:`button`,"aria-label":`Close`,onMouseDown:()=>Q.change_state({observable_key:`is_visible`,state:!1}),onClick:()=>Q.change_state({observable_key:`is_visible`,state:!1}),onKeyDown:N.simulate_click_on_enter,children:(0,z.jsx)(ae.Close,{})})),W=()=>(0,z.jsxs)(`div`,{className:`ext_name`,children:[globalThis[u.type()].msg(`name`),` `,(0,z.jsx)(M,{})]}),G=D(()=>(0,z.jsx)(`div`,{className:x.cls([`keep_visible_msg`,Z.progress_bar_is_visible_cls]),children:globalThis[u.type()].msg(`error_keep_visible_msg_text`)})),K=D(()=>(0,z.jsxs)(`div`,{className:`msg`,children:[X.basic_msg,Q.notification_type===`error`?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`button`,{type:`button`,className:x.cls([`more_info_btn`,X.more_info_btn_is_visible_cls]),onClick:()=>X.change_visibility_of_advanced_msg({is_visible:!0}),children:globalThis[u.type()].msg(`error_more_info_btn_text`)}),(0,z.jsx)(`div`,{className:X.advanced_msg_is_visible_cls,children:X.advanced_msg})]}):void 0]})),q=D(()=>(0,z.jsx)(`progress`,{className:x.cls([`progress`,Z.progress_bar_is_visible_cls]),max:Z.progress_max,value:Z.progress_val})),ue=e({Body:()=>H,CloseBtn:()=>U,ExtName:()=>W,KeepVisibleMsg:()=>G,Msg:()=>K,Progress:()=>q}),J=class{static instance;static get_instance(){return this.instance||=new this}constructor(){v(this,{page_is_crashed:y,show_reload_ui_screen:S})}page_is_crashed=!1;show_reload_ui_screen=()=>{this.page_is_crashed=!0}}.get_instance(),de=e({Visibility:()=>J}),Y=class{static instance;static get_instance(){return this.instance||=new this}constructor(){v(this,{show:S})}highlight_time=300;show=(e,t,{error_msg_key:r=``,alt_msg:i=``,notification_type:a=`error`,hide_delay:o=g.hide_delay,silent:c=!1,persistent:l=!1,exit:u=!1,is_fullscreen:d=!1,prevent_subsequent_errors:f=!1}={})=>{g.show(e,t,{error_msg_key:r,alt_msg:i,notification_type:a,hide_delay:o,silent:c,persistent:l,exit:u,is_fullscreen:d,prevent_subsequent_errors:f,show_error_state_1:this.show_error_state_1,show_error_state_2:this.show_error_state_2})};show_error_state_1=(e,{error_msg_key:t,alt_msg:r,notification_type:i,hide_delay:a,is_fullscreen:o,error_ui_is_visible:c,persistent_final:l})=>{c&&(X.basic_msg=globalThis[u.type()].msg(t)||r,Q.notification_type=i,o&&Q.change_state({observable_key:`is_fullscreen`,state:!0}),Q.change_state({observable_key:`is_visible`,state:!0}),o||Q.change_state({observable_key:`is_highlighted`,state:!0}),Q.clear_all_reset_state_timeouts(),(!e||!e.persistent)&&!l&&Q.run_reset_state_timeout({observable_key:`is_visible`,delay:a+this.highlight_time}),Q.run_reset_state_timeout({observable_key:`is_highlighted`,delay:this.highlight_time}))};show_error_state_2=(e,t,{error_msg_key:r,alt_msg:i,error_ui_is_visible:a,silent_final:o})=>{if(e&&t){a&&X.change_visibility_of_advanced_msg({is_visible:!1});let c=globalThis[u.type()].msg(`${e.error_msg||r}_error`)||i,l=c?` ${c}`:``;oe(()=>err(()=>{o||(X.basic_msg=`${globalThis[u.type()].msg(`an_error_occured_msg`)+l}`,X.advanced_msg=`${globalThis[u.type()].msg(`error_code_label`)+(e.error_code||t)}\n${globalThis[u.type()].msg(`error_type_label`)+e.name}\n${globalThis[u.type()].msg(`error_msg_label`)+e.message}`)},`shr_1195`))}};output=(e,t)=>{let r=`---------------------------`,i=`${r}\n`,a=`\n${r}`,o=`${i}Code: ${t}\nMessage: ${e.message}`,c=e.stack?`${o}\nStack: ${e.stack+a}`:o+a;console.error(c)}}.get_instance(),X=class{static instance;static get_instance(){return this.instance||=new this}constructor(){v(this,{advanced_msg_is_visible:y,basic_msg:y,advanced_msg:y,advanced_msg_is_visible_cls:_,more_info_btn_is_visible_cls:_,change_visibility_of_advanced_msg:S})}advanced_msg_is_visible=!1;basic_msg=``;advanced_msg=``;get advanced_msg_is_visible_cls(){return this.advanced_msg_is_visible?``:`none`}get more_info_btn_is_visible_cls(){return this.advanced_msg_is_visible||this.advanced_msg===``?`none`:``}change_visibility_of_advanced_msg=({is_visible:e})=>{this.advanced_msg_is_visible=e}}.get_instance(),Z=class{static instance;static get_instance(){return this.instance||=new this}constructor(){v(this,{progress_val:y,progress_bar_is_visible_cls:_,begin_progress:S,increment_progress:S,hide_progress:S})}progress_max=100;progress_val=100;timestamp_progress_begin=0;error_hide_delay=0;progress_timeout;get progress_bar_is_visible_cls(){return this.progress_val>=this.progress_max?`none`:``}begin_progress=({error_hide_delay:e})=>{this.error_hide_delay=e,this.timestamp_progress_begin=Date.now(),this.progress_val=0};increment_progress=()=>{let e=x.percentage(Date.now()-this.timestamp_progress_begin,this.error_hide_delay);this.progress_val=e};hide_progress=()=>{clearTimeout(this.progress_timeout),this.progress_val=this.progress_max};update_progress_autorun=()=>{C(()=>{this.progress_val>=this.progress_max||(this.progress_timeout=setTimeout(()=>{this.increment_progress()},10))})}}.get_instance(),Q=class{static instance;static get_instance(){return this.instance||=new this}constructor(){v(this,{is_loaded:y,is_visible:y,is_highlighted:y,is_fullscreen:y,notification_type:y,is_visible_style:_,is_highlighted_cls:_,change_state:S,run_reset_state_timeout:S})}is_loaded=!1;is_visible=!1;is_highlighted=!1;is_fullscreen=!1;notification_type=`error`;get is_visible_style(){return this.is_loaded&&this.is_visible?``:`none`}get is_highlighted_cls(){return this.is_highlighted?`is_highlighted`:``}get is_fullscreen_cls(){return this.is_fullscreen?`fullscreen`:``}is_visible_timeout;is_highlighted_timeout;change_state=({observable_key:e,state:t})=>{this[e]=t};run_reset_state_timeout=({observable_key:e,delay:t})=>{this[`${e}_timeout`]=globalThis.setTimeout(()=>{this.change_state({observable_key:e,state:!1})},t),e===`is_visible`&&Z.begin_progress({error_hide_delay:t})};clear_all_reset_state_timeouts=()=>{n(this.is_visible_timeout)&&n(this.is_highlighted_timeout)&&(clearTimeout(this.is_visible_timeout),clearTimeout(this.is_highlighted_timeout),Z.hide_progress())}}.get_instance(),fe=class{static instance;static get_instance(){return this.instance||=new this}constructor(){}reload=()=>{globalThis.location.reload()}}.get_instance(),pe=class{static instance;static get_instance(){return this.instance||=new this}constructor(){}load=({app_id:e})=>{x.css(`font_face`,document.head,`font_face_link_${e}`);let t=s(`.error_${e}`);if(n(t)){let e=n(t.shadowRoot)?t.shadowRoot:void 0;if(e){let t=x.css(`error`,e);n(t)&&x.bind(t,`load`,()=>{Q.change_state({observable_key:`is_loaded`,state:!0})})}}}}.get_instance();globalThis.show_err_ribbon=(e,t,{error_msg_key:r=``,alt_msg:i=``,notification_type:a=`error`,hide_delay:o=g.hide_delay,silent:c=!1,persistent:l=!1,exit:u=!1,is_fullscreen:d=!1,prevent_subsequent_errors:f=!1}={})=>Y.show(e,t,{error_msg_key:r,alt_msg:i,notification_type:a,silent:c,persistent:l,exit:u,hide_delay:o,is_fullscreen:d,prevent_subsequent_errors:f}),globalThis.show_flash=R.show,globalThis.show_notification=({error_msg_key:e=``,alt_msg:t=``,notification_type:r=`neutral`,hide_delay:i=g.hide_delay,persistent:a=!1,is_fullscreen:o=!1,prevent_subsequent_errors:c=!1}={})=>{$.show({error_msg_key:e,alt_msg:t,notification_type:r,hide_delay:i,persistent:a,is_fullscreen:o,prevent_subsequent_errors:c})},globalThis.show_unable_to_access_settings_error=({is_fullscreen:e=!0}={})=>{$.show_unable_to_access_settings_error({is_fullscreen:e})},globalThis.err=(e,t,{error_msg_key:r=``,alt_msg:i=``,silent:a=!1,persistent:o=!1,exit:c=!1,hide_delay:l=g.hide_delay,is_fullscreen:u=!1,prevent_subsequent_errors:d=!1}={})=>{g.print_error_code({error_code:t});try{return e()}catch(e){n(e)&&Y.show(e,t,{error_msg_key:r,alt_msg:i,silent:a,persistent:o,exit:c,hide_delay:l,is_fullscreen:u,prevent_subsequent_errors:d})}},globalThis.err_async=async(e,t,{error_msg_key:r=``,alt_msg:i=``,silent:a=!1,persistent:o=!1,exit:c=!1,hide_delay:l=g.hide_delay,is_fullscreen:u=!1,prevent_subsequent_errors:d=!1}={})=>{g.print_error_code({error_code:t});try{return await e()}catch(e){n(e)&&Y.show(e,t,{error_msg_key:r,alt_msg:i,silent:a,persistent:o,exit:c,hide_delay:l,is_fullscreen:u,prevent_subsequent_errors:d})}};var $=class{static instance;static get_instance(){return this.instance||=new this}constructor(){}show=({error_msg_key:e=``,alt_msg:t=``,notification_type:r=`neutral`,hide_delay:i=g.hide_delay,persistent:a=!1,is_fullscreen:o=!1,prevent_subsequent_errors:c=!1})=>err(()=>{show_err_ribbon(void 0,void 0,{error_msg_key:e,alt_msg:t,notification_type:r,hide_delay:i,persistent:a,is_fullscreen:o,prevent_subsequent_errors:c})},`shr_1253`);show_unable_to_access_settings_error=({is_fullscreen:e=!0}={})=>{x.prefs_are_filled()||show_notification({error_msg_key:`unable_to_access_settings_error`,notification_type:`negative`,is_fullscreen:e,prevent_subsequent_errors:!0})}}.get_instance();Z.update_progress_autorun();export{a as X,w as c_app_version,V as c_crash_handler,ue as c_error,le as c_loading_screen,I as c_offers,O as c_tr,de as d_crash_handler,b as d_data,P as d_loading_screen,j as d_offers,se as d_schema,c as i_color,f as i_data,k as init_shared,i as o_schema,ce as o_tr,F as p_tr,r as prevent_default,re as s_color,ie as s_css_vars,o as s_data,h as s_links,T as s_loading_screen,d as s_no_tr,m as s_service_worker,A as s_tab_index,l as s_theme,te as s_utils,ne as s_viewport,ee as stop_propagation,p as t,t as vars};

package/shared_clean.mjs

@@ -0,0 +1 @@
+import{A as e,C as t,D as n,E as r,M as i,O as a,P as o,_ as s,a as c,f as l,h as u,i as d,j as f,k as p,l as m,m as h,n as g,o as _,s as v,t as y,u as b,w as x,x as S,y as C}from"./chunks/internal.mjs";export{o as X,i as d_data,g as d_error,x as d_schema,c as i_color,d as i_data,y as i_error,r as o_schema,n as prevent_default,a as run_in_action_placeholder,t as s_announcement,S as s_color,C as s_css_vars,s as s_data,_ as s_links,u as s_no_tr,h as s_service_worker,l as s_theme,b as s_title,m as s_utils,v as s_viewport,p as stop_propagation,f as t,e as vars};

package/{ts → src/ts}/announcement/components/body.d.ts

@@ -1,2 +1 @@
-import React from 'react';
 export declare const Body: React.FunctionComponent;

package/src/ts/announcement/components/index.d.ts

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

package/src/ts/announcement.d.ts

@@ -0,0 +1 @@
+export { c_announcement } from './announcement/internal';

package/src/ts/app.d.ts

@@ -0,0 +1 @@
+export { App } from './shared_clean/app';

package/src/ts/custom.d.ts

@@ -0,0 +1,68 @@
+// oxlint-disable typescript/consistent-type-imports
+
+declare const self: Window;
+declare const document: Document;
+declare const location: Location;
+declare const crypto: Crypto;
+declare var x: typeof import('./shared_clean/x').X;
+declare var ext: typeof import('./shared_clean/ext').Ext;
+declare var app: typeof import('webextension-polyfill').App;
+declare var we: import('webextension-polyfill').Browser;
+declare var env: import('./shared_clean/t').Env;
+declare var l: CallableFunction;
+declare var data: import('./shared_clean/t').Any;
+declare var n: <T1>(val: T1 | undefined | null) => val is T1;
+declare var nn: <T1>(val: T1 | null) => val is T1;
+declare var rs: <T1>(variable: T1) => string;
+declare var rn: <T1>(variable: T1) => number;
+declare var rb: <T1>(variable: T1) => boolean;
+declare var rnb: <T1>(variable: T1) => number;
+declare var ru: <T1>(variable: T1) => import('./shared_clean/t').Any;
+declare var s: <T1>(selector: string) => T1 | undefined;
+declare var sa: <T1 extends HTMLElement>(selector: string) => NodeListOf<T1> | undefined;
+declare var sb: <T1>(
+    base_el: import('./shared_clean/t').BaseEl,
+    selector: string,
+) => T1 | undefined;
+declare var sab: <T1 extends HTMLElement>(
+    base_el: import('./shared_clean/t').BaseEl,
+    selector: string,
+) => NodeListOf<T1> | undefined;
+declare var is_ext: boolean;
+declare var we: import('./shared_clean/t').AnyRecord;
+declare var page: string;
+declare var is_node: boolean;
+declare var misplaced_dependency: import('./shared_clean/t').CallbackVariadicVoid;
+declare var show_err_ribbon: (
+    error_obj: import('./error_modules_clean/error/interfaces/error_obj').ErrorObj | undefined,
+    error_code: string | undefined,
+    obj?: import('./error_modules_clean/error/interfaces/show_error').ShowError,
+) => void;
+declare var show_flash: () => void;
+declare var show_notification: (
+    obj?: import('./error_modules_clean/error/interfaces/show_error').ShowError,
+) => void;
+declare var show_unable_to_access_settings_error: (
+    obj?: import('./error_modules_clean/error/interfaces/show_unable_to_access_settings_error').ShowUnableToAccessSettingsError,
+) => void;
+declare var err: <T1>(
+    f: () => T1,
+    error_code: string,
+    obj?: import('./error_modules_clean/error/interfaces/show_error').ShowError,
+) => T1;
+declare var err_async: <T1>(
+    f: () => Promise<T1>,
+    error_code: string,
+    obj?: import('./error_modules_clean/error/interfaces/show_error').ShowError,
+) => Promise<T1>;
+declare var throw_err: (msg: string) => void;
+declare var throw_err_obj: (error_obj: Error) => void;
+declare var err_obj: (msg: string) => Error;
+
+declare module '*.svg' {
+    const content: import('./shared_clean/t').Any;
+    export default content;
+}
+
+declare module 'svg-inline-react';
+declare module '@simonwep/pickr';

package/{ts → src/ts}/dependencies/components/body.d.ts

@@ -1,2 +1 @@
-import React from 'react';
 export declare const Body: React.FunctionComponent;

package/src/ts/dependencies/components/index.d.ts

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

package/src/ts/dependencies/scripts/index.d.ts

@@ -0,0 +1 @@
+export * from './dependencies';

package/src/ts/dependencies.d.ts

@@ -0,0 +1 @@
+export { c_dependencies } from './dependencies/internal';

package/src/ts/error_modules/crash_handler/components/body.d.ts

@@ -0,0 +1,5 @@
+import { p_crash_handler } from '../../internal';
+declare const Body: (({ children }: p_crash_handler.Body) => import("react").JSX.Element) & {
+    displayName: string;
+};
+export { Body };

package/src/ts/error_modules/crash_handler/components/index.d.ts

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

package/{ts → src/ts}/error_modules/crash_handler/components/prop_types/body.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 export interface Body {
     children: JSX.Element;
 }

package/src/ts/error_modules/crash_handler/components/prop_types/index.d.ts

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

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

@@ -0,0 +1 @@
+export * from './visibility';

package/src/ts/error_modules/crash_handler/scripts/index.d.ts

@@ -0,0 +1 @@
+export * from './page';

package/src/ts/error_modules/css/scripts/index.d.ts

@@ -0,0 +1 @@
+export * from './css';

package/{ts → src/ts}/error_modules/error/components/body.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_error } from '../../internal';
 export declare const Body: React.FunctionComponent<p_error.Body>;

package/{ts → src/ts}/error_modules/error/components/close_btn.d.ts

@@ -1,2 +1 @@
-import React from 'react';
 export declare const CloseBtn: React.FunctionComponent;

package/{ts → src/ts}/error_modules/error/components/ext_name.d.ts

@@ -1,2 +1 @@
-import React from 'react';
 export declare const ExtName: React.FunctionComponent;

package/src/ts/error_modules/error/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './body';
+export * from './close_btn';
+export * from './ext_name';
+export * from './keep_visible_msg';
+export * from './msg';
+export * from './progress';

package/{ts → src/ts}/error_modules/error/components/keep_visible_msg.d.ts

@@ -1,2 +1 @@
-import React from 'react';
 export declare const KeepVisibleMsg: React.FunctionComponent;

package/{ts → src/ts}/error_modules/error/components/msg.d.ts

@@ -1,2 +1 @@
-import React from 'react';
 export declare const Msg: React.FunctionComponent;

package/{ts → src/ts}/error_modules/error/components/progress.d.ts

@@ -1,2 +1 @@
-import React from 'react';
 export declare const Progress: React.FunctionComponent;

package/src/ts/error_modules/error/components/prop_types/index.d.ts

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

package/src/ts/error_modules/error/data/index.d.ts

@@ -0,0 +1,4 @@
+export * from './error';
+export * from './msg';
+export * from './progress';
+export * from './state';

package/src/ts/error_modules/error/scripts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './flash';
+export * from './globals';
+export * from './notification';

package/{ts → src/ts}/error_modules/error/scripts/notification.d.ts

@@ -4,7 +4,7 @@ declare class Class {
     static get_instance(): Class;
     private constructor();
     show: ({ error_msg_key, alt_msg, notification_type, hide_delay, persistent, is_fullscreen, prevent_subsequent_errors, }: i_error.ShowError) => void;
-    show_unable_to_access_settings_error: ({ is_fullscreen, }?: i_error.ShowUnableToAccessSettingsError) => Promise<void>;
+    show_unable_to_access_settings_error: ({ is_fullscreen, }?: i_error.ShowUnableToAccessSettingsError) => void;
 }
 export declare const Notification: Class;
 export {};

package/{ts → src/ts}/error_modules/internal.d.ts

@@ -1,6 +1,3 @@
-import '../shared/internal';
-import '../error_modules_clean/error/scripts';
-import './error/scripts';
 export * as c_crash_handler from './crash_handler/components';
 export * as c_error from './error/components';
 export * as d_crash_handler from './crash_handler/data';

package/{ts → src/ts}/error_modules_clean/error/data/error.d.ts

@@ -1,11 +1,20 @@
 import { i_error } from '../../internal';
+import { t } from '../../../shared_clean/internal';
 declare class Class {
     private static instance;
     static get_instance(): Class;
     hide_delay: number;
     private prevent_subsequent_errors;
+    detect_infinite_loops: boolean;
     show: (error_obj: i_error.ErrorObj | undefined, error_code: string | undefined, { error_msg_key, alt_msg, notification_type, hide_delay, silent, persistent, exit, is_fullscreen, prevent_subsequent_errors, show_error_state_1, show_error_state_2, }?: i_error.ShowError) => void;
     output: (error_obj: i_error.ErrorObj, error_code: string) => void;
+    print_error_code: ({ error_code, loop, }: {
+        error_code: string;
+        loop?: boolean;
+    }) => void;
+    set_detect_infinite_loops_val: ({ settings, }?: {
+        settings?: t.AnyRecord;
+    }) => void;
 }
 export declare const Error: Class;
 export {};

package/src/ts/error_modules_clean/error/data/index.d.ts

@@ -0,0 +1 @@
+export * from './error';

package/src/ts/error_modules_clean/error/interfaces/index.d.ts

@@ -0,0 +1,11 @@
+export * from './error_obj';
+export * from './error';
+export * from './notification_type';
+export * from './observable_keys';
+export * from './show_error_state_1_f';
+export * from './show_error_state_1';
+export * from './show_error_state_2_f';
+export * from './show_error_state_2';
+export * from './show_error';
+export * from './show_unable_to_access_settings_error';
+export * from './timeout_observable_keys';

package/src/ts/error_modules_clean/error/scripts/index.d.ts

@@ -0,0 +1 @@
+export * from './globals';

package/{ts → src/ts}/error_modules_clean/internal.d.ts

@@ -1,4 +1,2 @@
-import '../shared_clean/internal';
-import './error/scripts';
 export * as d_error from './error/data';
 export * as i_error from './error/interfaces';

package/src/ts/ext.d.ts

@@ -0,0 +1 @@
+export { Ext } from './shared_clean/ext';

package/{ts → src/ts}/inputs/color/components/body.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_color } from '../../internal';
 export declare const Body: React.FunctionComponent<p_color.Body>;

package/{ts → src/ts}/inputs/color/components/color_picker.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_color } from '../../internal';
 export declare const ColorPicker: React.FunctionComponent<p_color.ColorPicker>;

package/{ts → src/ts}/inputs/color/components/fill_shadow.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_color } from '../../internal';
 export declare const FillShadow: React.FunctionComponent<p_color.FillShadow>;

package/src/ts/inputs/color/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './body';
+export * from './color_picker';
+export * from './fill_shadow';
+export * from './visualization';

package/src/ts/inputs/color/components/prop_types/color_picker.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+import { i_color, o_color } from '../../../internal';
+export interface ColorPicker {
+    input: o_color.Color;
+    i: i_color.I;
+    visualization_ref: RefObject<HTMLButtonElement | null>;
+}

package/src/ts/inputs/color/components/prop_types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './body';
+export * from './color_picker';
+export * from './fill_shadow';
+export * from './visualization';

package/{ts → src/ts}/inputs/color/components/prop_types/visualization.d.ts

@@ -1,4 +1,4 @@
-import { o_color, i_color } from '../../../internal';
+import { i_color, o_color } from '../../../internal';
 export interface Visualization {
     input: o_color.Color;
     i: i_color.I;

package/{ts → src/ts}/inputs/color/components/visualization.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_color } from '../../internal';
 export declare const Visualization: React.FunctionComponent<p_color.Visualization>;

package/{ts → src/ts}/inputs/color/data/color.d.ts

@@ -1,6 +1,6 @@
 import { MouseEvent } from 'react';
-import { t, i_color as i_color_shared_clean } from '../../../shared_clean/internal';
-import { o_color, i_color } from '../../internal';
+import { i_color, o_color } from '../../internal';
+import { i_color as i_color_shared_clean, t } from '../../../shared_clean/internal';
 declare class Class {
     private static instance;
     static get_instance(): Class;

package/src/ts/inputs/color/data/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color';
+export * from './visibility';

package/{ts → src/ts}/inputs/color/data/visibility.d.ts

@@ -1,5 +1,5 @@
-import { MouseEvent, FocusEvent, KeyboardEvent } from 'react';
-import { o_color, i_color } from '../../internal';
+import { FocusEvent, KeyboardEvent, MouseEvent } from 'react';
+import { i_color, o_color } from '../../internal';
 declare class Class {
     private static instance;
     static get_instance(): Class;

package/{ts → src/ts}/inputs/color/interfaces/color_picker_state.d.ts

@@ -1,5 +1,5 @@
 import { i_color } from '../../internal';
-type Keys = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 29 | 29;
+type Keys = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 29;
 export interface ColorPickerState extends Record<Keys, i_color.ColorPickerStateOne> {
     main: i_color.ColorPickerStateOne;
 }

package/src/ts/inputs/color/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from './color_picker_state_one';
+export * from './color_picker_state';
+export * from './i';

package/{ts → src/ts}/inputs/color/obj/color.d.ts

@@ -1,7 +1,7 @@
+import { i_color, o_inputs } from '../../internal';
 import { t } from '../../../shared_clean/internal';
-import { o_inputs, i_color } from '../../internal';
 export declare class Color extends o_inputs.InputBase {
-    type?: "color" | undefined;
+    type?: "color";
     include_visualization?: boolean;
     include_palette_label?: boolean;
     palette_is_visible?: boolean;
@@ -18,21 +18,21 @@ export declare class Color extends o_inputs.InputBase {
     restore_default_palette_callback: t.CallbackVariadicVoid;
     hide_color_help_callback: t.CallbackVoid;
     constructor(obj: Color);
-    is_palette_color?: (({ i }: {
+    is_palette_color?: ({ i }: {
         i: i_color.I;
-    }) => boolean) | undefined;
-    visualization_cls?: (({ i }: {
+    }) => boolean;
+    visualization_cls?: ({ i }: {
         i: i_color.I;
-    }) => string) | undefined;
-    palette_visualization_cls?: (({ i }: {
+    }) => string;
+    palette_visualization_cls?: ({ i }: {
         i: i_color.I;
-    }) => string) | undefined;
-    inset_border_cls?: (({ i }: {
+    }) => string;
+    inset_border_cls?: ({ i }: {
         i: i_color.I;
-    }) => string) | undefined;
-    el_to_show_type?: (({ i }: {
+    }) => string;
+    el_to_show_type?: ({ i }: {
         i: i_color.I;
-    }) => string) | undefined;
+    }) => string;
     color_picker_is_visible?: ((this: Color, { i }: {
         i: i_color.I;
     }) => boolean) | undefined;

package/src/ts/inputs/color/obj/index.d.ts

@@ -0,0 +1 @@
+export * from './color';

package/{ts → src/ts}/inputs/color/scripts/color_picker.d.ts

@@ -1,5 +1,5 @@
+import { i_color, o_color } from '../../internal';
 import { t } from '../../../shared_clean/internal';
-import { o_color, i_color } from '../../internal';
 declare class Class {
     private static instance;
     static get_instance(): Class;
@@ -10,7 +10,7 @@ declare class Class {
         i: i_color.I;
         color_picker: HTMLSpanElement;
         visualization: HTMLButtonElement;
-    }) => t.AnyRecord;
+    }) => Promise<t.AnyRecord>;
     update: ({ pickr, color_picker, input, i, }: {
         pickr: t.AnyRecord;
         color_picker: HTMLSpanElement;

package/src/ts/inputs/color/scripts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color_picker';
+export * from './position';

package/{ts → src/ts}/inputs/components/btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Btn: React.FunctionComponent<p_inputs.Btn>;

package/{ts → src/ts}/inputs/components/checkbox.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Checkbox: React.FunctionComponent<p_inputs.Checkbox>;

package/{ts → src/ts}/inputs/components/file.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const File: React.FunctionComponent<p_inputs.File>;

package/{ts → src/ts}/inputs/components/form.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Form: React.FunctionComponent<p_inputs.Form>;

package/{ts → src/ts}/inputs/components/group.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Group: React.FunctionComponent<p_inputs.Group>;

package/{ts → src/ts}/inputs/components/help.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Help: React.FunctionComponent<p_inputs.Help>;

package/{ts → src/ts}/inputs/components/help_btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const HelpBtn: React.FunctionComponent<p_inputs.HelpBtn>;

package/{ts → src/ts}/inputs/components/hr.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Hr: React.FunctionComponent<p_inputs.Hr>;

package/{ts → src/ts}/inputs/components/icon_btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const IconBtn: React.FunctionComponent<p_inputs.IconBtn>;

package/src/ts/inputs/components/index.d.ts

@@ -0,0 +1,27 @@
+export * from './btn';
+export * from './checkbox';
+export * from './file';
+export * from './help_btn';
+export * from './help';
+export * from './hr';
+export * from './icon_btn';
+export * from './input_error';
+export * from './input_item';
+export * from './label_in_input_item';
+export * from './label';
+export * from './link_btn';
+export * from './link_icon_btn';
+export * from './link';
+export * from './range';
+export * from './section_btn';
+export * from './section_content';
+export * from './section';
+export * from './select';
+export * from './form';
+export * from './group';
+export * from './side_btn';
+export * from './side_btns';
+export * from './text_btn';
+export * from './text';
+export * from './textarea';
+export * from './upload_box';

package/{ts → src/ts}/inputs/components/input_error.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const InputError: React.FunctionComponent<p_inputs.InputError>;

package/{ts → src/ts}/inputs/components/input_item.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const InputItem: React.FunctionComponent<p_inputs.InputItem>;

package/{ts → src/ts}/inputs/components/label.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Label: React.FunctionComponent<p_inputs.Label>;

package/{ts → src/ts}/inputs/components/label_in_input_item.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const LabelInInputItem: React.FunctionComponent<p_inputs.LabelInInputItem>;

package/{ts → src/ts}/inputs/components/link.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const Link: React.FunctionComponent<p_inputs.Link>;

package/{ts → src/ts}/inputs/components/link_btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const LinkBtn: React.FunctionComponent<p_inputs.LinkBtn>;

package/{ts → src/ts}/inputs/components/link_icon_btn.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { p_inputs } from '../internal';
 export declare const LinkIconBtn: React.FunctionComponent<p_inputs.LinkIconBtn>;

package/{ts → src/ts}/inputs/components/prop_types/checkbox.d.ts

@@ -1,5 +1,6 @@
 import { o_inputs } from '../../internal';
 export interface Checkbox {
     input: o_inputs.Checkbox;
+    id?: string;
     calculate_width: boolean;
 }

package/{ts → src/ts}/inputs/components/prop_types/form.d.ts

@@ -1,4 +1,4 @@
-import { o_inputs, i_inputs } from '../../internal';
+import { i_inputs, o_inputs } from '../../internal';
 export interface Form {
     input: o_inputs.Form;
     inputs?: i_inputs.Inputs;

package/{ts → src/ts}/inputs/components/prop_types/group.d.ts

@@ -1,5 +1,6 @@
-import { o_inputs, i_inputs } from '../../internal';
+import { i_inputs, o_inputs } from '../../internal';
 export interface Group {
     input: o_inputs.Group;
     inputs?: i_inputs.Inputs;
+    calculate_width: boolean;
 }

package/{ts → src/ts}/inputs/components/prop_types/help.d.ts

@@ -1,4 +1,4 @@
-import { o_inputs, i_inputs } from '../../internal';
+import { i_inputs, o_inputs } from '../../internal';
 export interface Help {
     section_or_input: o_inputs.Section | i_inputs.Input;
 }