@loftyshaky/shared 1.4.0 → 1.6.0

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@loftyshaky/shared",
     "description": "-",
-    "version": "1.4.0",
+    "version": "1.6.0",
     "author": "loftyshaky",
     "license": "MIT",
     "repository": {
@@ -11,4 +11,4 @@
     "scripts": {
         "pub": "npm publish --access public"
     }
-}
+}

package/scss/dependencies/body.scss

@@ -0,0 +1,3 @@
+.header {
+    margin-bottom: 0;
+}

package/scss/dependencies/hr.scss

@@ -0,0 +1,3 @@
+hr {
+    margin-top: 0;
+}

package/scss/dependencies/index.scss

@@ -0,0 +1,5 @@
+@import '../announcement/index';
+@import 'body';
+@import 'hr';
+@import 'links';
+@import 'main';

package/scss/dependencies/links.scss

@@ -0,0 +1,3 @@
+.link {
+    display: unset;
+}

package/scss/dependencies/main.scss

@@ -0,0 +1,3 @@
+.main {
+    max-width: 600px;
+}

package/scss/settings/sections.scss

@@ -1,3 +1,10 @@
+.sections_and_offers {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
 .sections {
     flex-grow: 1;
     height: 100%;
@@ -8,6 +15,21 @@
     margin: $main_margin;
 }
 
+.offers {
+    @include border_top;
+
+    order: 1;
+
+    .offers_inner {
+        margin: $main_margin;
+        margin-top: $gap;
+    }
+
+    + .sections .section {
+        margin-bottom: $gap;
+    }
+}
+
 .subsection {
     .name {
         margin: 0;

package/scss/settings/transitions.scss

@@ -1,7 +1,6 @@
+.section,
 .section_inner,
-.input_item,
-.input_w,
-.help, {
+.help {
     transition: var(--transition);
     transition-property: opacity;
 }

package/scss/shared/checkboxes.scss

@@ -1,5 +1,5 @@
-$box_size: 20px;
-$checkmark_size: 16px;
+$box_size: 22px;
+$checkmark_size: 18px;
 
 .input_item {
     &.checkbox {

package/scss/shared/close_btn.scss

@@ -1,5 +1,5 @@
 .close_btn {
-    @include btn();
+    @include btn;
 
     margin-top: $ext_name_offset;
     margin-right: $ext_name_offset;

package/scss/shared/embed/error.scss

@@ -74,8 +74,8 @@ button {
     }
 
     .more_info_btn {
-        @include btn();
-        @include outline_solid();
+        @include btn;
+        @include outline_solid;
 
         outline-color: white;
         background-color: transparent;

package/scss/shared/embed/font_face.scss

@@ -1,5 +1,4 @@
 @font-face {
     font-family: 'u6Pgzb39sNF';
-    src: url('../../../fonts/noto_sans.woff2')
-        format('woff2');
+    src: url('../../../fonts/NotoSans-Regular.ttf') format('truetype');
 }

package/scss/shared/index.scss

@@ -31,3 +31,4 @@
 @import 'textareas';
 @import 'transitions';
 @import 'upload_box';
+@import 'offers';

package/scss/shared/inputs.scss

@@ -49,12 +49,17 @@ input[type='file'] {
     .input {
         @include input_basic;
 
+        width: inherit;
         opacity: 1; // needed to keep default color when element is is_enabled
         height: $input_height;
         padding: 0 $input_inner_padding 0 $input_inner_padding;
         flex-grow: 1;
         border-radius: 0;
         box-sizing: border-box;
+
+        &.text {
+            line-height: $input_height;
+        }
     }
 
     .input_w_and_help_btn {
@@ -65,7 +70,6 @@ input[type='file'] {
     .input_w {
         position: relative;
         display: flex;
-        flex-shrink: 0;
         box-sizing: border-box;
 
         &.text,

package/scss/shared/inset_border.scss

@@ -7,10 +7,7 @@
         content: '';
         position: absolute;
         pointer-events: none;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
+        inset: 0;
         z-index: 1;
     }
 }

package/scss/shared/links.scss

@@ -5,6 +5,10 @@
     padding: 0;
     cursor: pointer;
 
+    &.offer {
+        display: unset;
+    }
+
     &.svg {
         svg {
             display: block;

package/scss/shared/mixins.scss

@@ -1,5 +1,11 @@
 $border_width_thick: 2px;
 
+@mixin hidden {
+    position: fixed !important;
+    visibility: hidden !important;
+    top: -99999px !important;
+}
+
 @mixin full_dims {
     width: 100%;
     height: 100%;
@@ -32,7 +38,8 @@ $border_width_thick: 2px;
     transform: translate(-50%, -50%);
 }
 
-@mixin center_horizontal_variable_width { // max-width should be set
+@mixin center_horizontal_variable_width {
+    // max-width should be set
     left: calc(-50vw + 50%);
     right: calc(-50vw + 50%);
     margin-left: auto;
@@ -58,7 +65,9 @@ $border_width_thick: 2px;
     outline: none;
 }
 
-$box_shadow_for_mixin: rgb(0 0 0 / 30%) 0 0 2px, rgb(0 0 0 / 30%) 0 4px 8px;
+$box_shadow_for_mixin:
+    rgb(0 0 0 / 30%) 0 0 2px,
+    rgb(0 0 0 / 30%) 0 4px 8px;
 
 @mixin box_shadow {
     box-shadow: $box_shadow_for_mixin;
@@ -111,11 +120,6 @@ $box_shadow_for_mixin: rgb(0 0 0 / 30%) 0 0 2px, rgb(0 0 0 / 30%) 0 4px 8px;
     border: $border_width solid $blue;
 }
 
-@mixin border_bottom {
-    border-bottom-width: $border_width;
-    border-bottom-style: solid;
-}
-
 @mixin outline_solid {
     outline-width: $border_width;
     outline-style: solid;

package/scss/shared/mods.scss

@@ -11,9 +11,7 @@
 }
 
 .hidden {
-    position: fixed !important;
-    visibility: hidden !important;
-    top: -99999px !important;
+    @include hidden;
 }
 
 .visibility_hidden {

package/scss/shared/offers.scss

@@ -0,0 +1,37 @@
+.offers {
+    overflow: auto;
+    flex-shrink: 0;
+
+    .top_bar {
+        display: flex;
+        justify-content: end;
+        margin-bottom: $gap;
+
+        .visible {
+            position: absolute;
+        }
+
+        .shadow {
+            visibility: hidden;
+        }
+    }
+
+    .offer {
+        img {
+            @include border;
+
+            display: block;
+            margin-right: $main_margin;
+        }
+
+        p {
+            margin: 0;
+
+            + a {
+                margin-top: $gap_small;
+                display: block;
+                width: fit-content;
+            }
+        }
+    }
+}

package/scss/shared/selects.scss

@@ -6,9 +6,15 @@ $separator_offset: 7px;
     -webkit-appearance: none;
     /* stylelint-disable-next-line property-no-vendor-prefix */
     -moz-appearance: none;
-    background-position: calc(100% - 16px) $arrow_offset, calc(100% - 10px) $arrow_offset,
+    background-position:
+        calc(100% - 16px) $arrow_offset,
+        calc(100% - 10px) $arrow_offset,
         calc(100% - 33px) $separator_offset;
-    background-size: 6px 6px, 6px 6px, 1px 14px;
+    background-size:
+        6px 6px,
+        6px 6px,
+        1px 14px;
     background-repeat: no-repeat;
     padding-right: 44px;
+    line-height: $input_height; /* Fix text being cut from the bottom of selects. */
 }

package/scss/shared/themes/colors/aqua.scss

@@ -1,10 +1,14 @@
 $theme_color_jqv: rgb(255 255 255 / 0.1%);
-
 $htc: white;
 $tbn: $glass_color;
 $gaq: #efefef;
 /* stylelint-disable-next-line max-line-length */
-$gqb: linear-gradient(45deg, rgb(39 61 213) 0%, rgb(225 5 34 / 0%) 70%) repeat scroll 0% 0%, linear-gradient(135deg, rgb(12 255 7) 10%, rgb(49 5 209 / 0%) 80%) repeat scroll 0% 0%, linear-gradient(190deg, rgb(135 23 255) 10%, rgb(10 219 216 / 0%) 80%) repeat scroll 0% 0%, rgb(0 0 0 / 0%) linear-gradient(315deg, rgb(51 205 196) 100%, rgb(9 245 5 / 0%) 70%) repeat scroll 0% 0%;
+$gqb:
+    linear-gradient(45deg, rgb(39 61 213) 0%, rgb(225 5 34 / 0%) 70%) repeat scroll 0% 0%,
+    linear-gradient(135deg, rgb(12 255 7) 10%, rgb(49 5 209 / 0%) 80%) repeat scroll 0% 0%,
+    linear-gradient(190deg, rgb(135 23 255) 10%, rgb(10 219 216 / 0%) 80%) repeat scroll 0% 0%,
+    rgb(0 0 0 / 0%) linear-gradient(315deg, rgb(51 205 196) 100%, rgb(9 245 5 / 0%) 70%) repeat
+        scroll 0% 0%;
 $hfb: transparent;
 $gvb: rgb(255 255 255 / 36%);
 $npw: rgb(255 255 255 / 20%);
@@ -23,16 +27,21 @@ $nep: #90efff;
 $htm: #ffa96c;
 $qgp: #28dd57;
 $hyv: #66ff8e;
-$ycp: #0014ff;
+$ycp: #000da1;
 $iub: #2e8cff;
-$cop: #be1;
+$cop: #303f00;
 $yun: #14bf0a;
-$ptn: #ae00ff;
+$ptn: #62008f;
 $dwk: #d046e9;
-$uzf: #ff8f1f;
+$uzf: #572b00;
 $hap: #f17442;
 $rqb: #e7121c;
+$thm: #6f0005;
 $suc: #d0111a;
+$pxd: #0014ff;
+$ksu: #be1;
+$upd: #ae00ff;
+$fpw: #ff8f1f;
 $dfp: #0cbea4;
 $nqp: rgb(57 124 249 / 99%);
 $hgb: rgb(255 77 85 / 99%);

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

@@ -10,7 +10,6 @@ $theme_color_bvc: #b938c7;
 $theme_color_wnc: #ce7209;
 $theme_color_yhn: #bb141c;
 $theme_color_gsl: rgb(174 35 43 / 99%);
-
 $htc: $theme_color_ynq;
 $tbn: $theme_color_ynq;
 $gaq: $theme_color_ytb;
@@ -42,7 +41,12 @@ $dwk: $theme_color_bvc;
 $uzf: $theme_color_wnc;
 $hap: $theme_color_wnc;
 $rqb: $theme_color_yhn;
+$thm: $theme_color_yhn;
 $suc: $theme_color_yhn;
+$pxd: $theme_color_kxn;
+$ksu: $theme_color_tjn;
+$upd: $theme_color_bvc;
+$fpw: $theme_color_wnc;
 $dfp: #29394d;
 $nqp: $theme_color_gsl;
 $hgb: $theme_color_gsl;

package/scss/shared/themes/colors/lavender.scss

@@ -1,10 +1,18 @@
 $theme_color_jqv: rgb(255 255 255 / 0.1%);
-
+$theme_color_udj: #19f4ff;
+$theme_color_kvo: #4bff1f;
+$theme_color_ftp: #fbff12;
+$theme_color_oyq: #ff8400;
 $htc: white;
 $tbn: $glass_color;
 $gaq: #efefef;
 /* stylelint-disable-next-line max-line-length */
-$gqb: linear-gradient(45deg, rgb(52 15 189) 0%, rgb(225 5 34 / 0%) 70%) repeat scroll 0% 0%, linear-gradient(135deg, rgb(241 22 168) 10%, rgb(49 5 209 / 0%) 80%) repeat scroll 0% 0%, linear-gradient(190deg, rgb(26 211 208) 10%, rgb(10 219 216 / 0%) 80%) repeat scroll 0% 0%, rgb(0 0 0 / 0%) linear-gradient(315deg, rgb(163 34 203) 100%, rgb(9 245 5 / 0%) 70%) repeat scroll 0% 0%;
+$gqb:
+    linear-gradient(45deg, rgb(52 15 189) 0%, rgb(225 5 34 / 0%) 70%) repeat scroll 0% 0%,
+    linear-gradient(135deg, rgb(241 22 168) 10%, rgb(49 5 209 / 0%) 80%) repeat scroll 0% 0%,
+    linear-gradient(190deg, rgb(26 211 208) 10%, rgb(10 219 216 / 0%) 80%) repeat scroll 0% 0%,
+    rgb(0 0 0 / 0%) linear-gradient(315deg, rgb(163 34 203) 100%, rgb(9 245 5 / 0%) 70%) repeat
+        scroll 0% 0%;
 $hfb: transparent;
 $gvb: rgb(255 255 255 / 36%);
 $npw: rgb(255 255 255 / 20%);
@@ -23,16 +31,21 @@ $nep: #90efff;
 $htm: #ffa96c;
 $qgp: #3ea559;
 $hyv: #66ff8e;
-$ycp: #19f4ff;
+$ycp: $theme_color_udj;
 $iub: #2e8cff;
-$cop: #4bff1f;
+$cop: $theme_color_kvo;
 $yun: #14bf0a;
-$ptn: #20f;
+$ptn: $theme_color_ftp;
 $dwk: #d046e9;
-$uzf: #fbff12;
+$uzf: $theme_color_oyq;
 $hap: #f17442;
 $rqb: #ff471a;
+$thm: #ffa993;
 $suc: #d0111a;
+$pxd: $theme_color_udj;
+$ksu: $theme_color_kvo;
+$upd: $theme_color_ftp;
+$fpw: $theme_color_oyq;
 $dfp: #842fa9;
 $nqp: rgb(244 96 62 / 99%);
 $hgb: rgb(255 77 85 / 99%);

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

@@ -10,7 +10,6 @@ $theme_color_bvc: #d046e9;
 $theme_color_wnc: #f17442;
 $theme_color_yhn: #d0111a;
 $theme_color_gsl: rgb(255 77 85 / 99%);
-
 $htc: $theme_color_ynq;
 $tbn: $theme_color_ynq;
 $gaq: $theme_color_ytb;
@@ -42,7 +41,12 @@ $dwk: $theme_color_bvc;
 $uzf: $theme_color_wnc;
 $hap: $theme_color_wnc;
 $rqb: $theme_color_yhn;
+$thm: $theme_color_yhn;
 $suc: $theme_color_yhn;
+$pxd: $theme_color_kxn;
+$ksu: $theme_color_tjn;
+$upd: $theme_color_bvc;
+$fpw: $theme_color_wnc;
 $dfp: #a2d4ff;
 $nqp: $theme_color_gsl;
 $hgb: $theme_color_gsl;

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

@@ -10,7 +10,6 @@ $theme_color_bvc: #af22bf;
 $theme_color_wnc: #c96b00;
 $theme_color_yhn: #b1131a;
 $theme_color_gsl: rgb(120 30 34 / 99%);
-
 $htc: $theme_color_ynq;
 $tbn: $theme_color_ynq;
 $gaq: $theme_color_ytb;
@@ -42,7 +41,12 @@ $dwk: $theme_color_bvc;
 $uzf: $theme_color_wnc;
 $hap: $theme_color_wnc;
 $rqb: $theme_color_yhn;
+$thm: $theme_color_yhn;
 $suc: $theme_color_yhn;
+$pxd: $theme_color_kxn;
+$ksu: $theme_color_tjn;
+$upd: $theme_color_bvc;
+$fpw: $theme_color_wnc;
 $dfp: #0f1721;
 $nqp: $theme_color_gsl;
 $hgb: $theme_color_gsl;

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

@@ -37,11 +37,11 @@
 }
 
 .link {
-    @include link_colors_standard();
+    @include link_colors_standard;
 }
 
 .link_btn {
-    @include link_colors_standard();
+    @include link_colors_standard;
 }
 
 textarea {
@@ -110,6 +110,10 @@ hr {
     background-color: $hyn;
 }
 
+.dependencies hr {
+    background-color: $lpe;
+}
+
 .btn_options {
     background-color: $npw;
     border-color: $hyn;
@@ -125,14 +129,18 @@ hr {
     }
 }
 
-.sections {
+.sections_and_offers {
     background-color: $tbn;
 
-    .section_name {
+    .offers {
         border-color: $hyn;
     }
 }
 
+.sections .section_name {
+    border-color: $hyn;
+}
+
 .section_btns {
     background-color: $gvb;
 
@@ -140,11 +148,11 @@ hr {
         background-color: $hfb;
 
         &.selected::before {
-            background-color: $ycp;
+            background-color: $pxd;
         }
 
         &:not(.selected):hover::before {
-            background-color: $cop;
+            background-color: $ksu;
         }
     }
 }
@@ -239,11 +247,13 @@ hr {
             &.loading {
                 background-color: transparent;
                 /* stylelint-disable-next-line function-parentheses-newline-inside */
-                background-image: repeating-linear-gradient(-45deg,
-                $npw,
-                $npw 14px,
-                $qgp 14px,
-                $qgp 28px);  /* stylelint-disable-line function-parentheses-newline-inside */
+                background-image: repeating-linear-gradient(
+                    -45deg,
+                    $npw,
+                    $npw 14px,
+                    $qgp 14px,
+                    $qgp 28px
+                ); /* stylelint-disable-line function-parentheses-newline-inside */
             }
         }
     }
@@ -284,8 +294,12 @@ hr {
     }
 }
 
+.offer img {
+    border-color: $hyn;
+}
+
 .input_error {
-    color: $rqb;
+    color: $thm;
 }
 
 .ext_version {

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

@@ -3,7 +3,7 @@
 .input_item {
     .input_w {
         &.is_in_focus_state:not(.select)::before {
-            outline-color: $cop;
+            outline-color: $ksu;
         }
 
         &.is_in_warn_state:not(.select)::before,
@@ -13,7 +13,7 @@
     }
 
     .visualization_w.opened .visualization {
-        outline-color: $ycp;
+        outline-color: $pxd;
     }
 
     .palette_visualization_w.opened .palette_visualization,
@@ -33,7 +33,7 @@ body.keyboard .btn.text:focus,
 .keyboard .input_item.range .input.is_in_focus_state,
 .keyboard .input_item .visualization_w .visualization:focus,
 .keyboard .btn_options .btn_option:focus {
-    outline-color: $ptn;
+    outline-color: $upd;
 }
 
 .keyboard .input_item.color .btn.text:focus {
@@ -60,5 +60,7 @@ body.keyboard .btn.text:focus,
 }
 
 .keyboard .section_btn:not(.selected):focus {
-    box-shadow: inset 0 0 0 2px $ptn, inset -2px 0 0 0 $ptn;
+    box-shadow:
+        inset 0 0 0 2px $upd,
+        inset -2px 0 0 0 $upd;
 }

package/scss/shared/transitions.scss

@@ -1,11 +1,14 @@
 /* stylelint-disable selector-class-pattern */
 
 .loading_screen,
+.input_item,
+.input_w,
 .checkbox .box svg,
 .color_picker_w,
 .palette_w,
 .color_help_w,
-.btn_options {
+.btn_options,
+.offers {
     transition: var(--transition);
     transition-property: opacity;
 }
@@ -16,7 +19,7 @@
     transition-property: background-color;
 }
 
-.btn:not(.reload_ui, .link_btn), {
+.btn:not(.reload_ui, .link_btn) {
     transition: var(--transition);
     transition-property: opacity, background-color;
 }

package/scss/shared/upload_box.scss

@@ -1,9 +1,7 @@
 $upload_box_text_z_index: 2;
 $upload_box_loading_animation_size: 40px;
-
 $backgrond_margin: 2px;
 $backgrond_dim_offset: 2px * 2;
-
 $status_msg_offset: 5px;
 
 .input_item {
@@ -64,7 +62,8 @@ $status_msg_offset: 5px;
 
             &.loading {
                 animation: move 450ms linear infinite;
-                background-size: $upload_box_loading_animation_size $upload_box_loading_animation_size;
+                background-size: $upload_box_loading_animation_size
+                    $upload_box_loading_animation_size;
             }
         }
     }

package/scss/shared/vars.scss

@@ -1,3 +1,4 @@
+$scrollbar_width: 17px;
 $font_main: 17px;
 $font_big: 24px;
 $font_small: 13px;
@@ -17,9 +18,15 @@ $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:
+    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;
+$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.d.ts

@@ -1,2 +1,2 @@
-import "./ts/shared/internal";
-export { c_settings, d_settings, d_optional_permissions, s_settings, i_optional_permissions, } from "./ts/settings/internal";
+import './ts/shared/internal';
+export { c_settings, d_settings, d_developer_mode, d_optional_permissions, s_settings, i_optional_permissions, } from './ts/settings/internal';

package/settings.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var main=require("./chunk-main-dffc29ad.js");require("react");var main$1=require("./chunk-main-ddb4af78.js");require("react-dom");var index$4=Object.freeze({__proto__:null,Body:main.Body$2}),index$3=Object.freeze({__proto__:null,BackUp:main.BackUp,Sections:main.Sections});var index$2=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$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$4,exports.d_optional_permissions=index$2,exports.d_settings=index$3,exports.i_optional_permissions=index,exports.s_settings=index$1;
+/**
+ * Copyright 2024
+ */
+
+"use strict";var main=require("./chunk-main.js");require("react");var main$1=require("./chunk-main3.js");require("react-dom");var index$5=Object.freeze({__proto__:null,Body:main.Body$2}),index$4=Object.freeze({__proto__:null,BackUp:main.BackUp,Sections:main.Sections}),index$3=Object.freeze({__proto__:null,Main:main.Main$5});var index$2=Object.freeze({__proto__:null,Main:class{static i(){return this.i0||(this.i0=new this)}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})}}});var index$1=Object.freeze({__proto__:null,Theme:class{static i(){return this.i0||(this.i0=new this)}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")}}}),index=Object.freeze({__proto__:null});exports.c_settings=index$5,exports.d_developer_mode=index$3,exports.d_optional_permissions=index$2,exports.d_settings=index$4,exports.i_optional_permissions=index,exports.s_settings=index$1;

package/ts/announcement/components/body.d.ts

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