@brndts/brndts-ads 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.css +45 -29
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +5644 -5368
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +5213 -4936
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,3 +1,32 @@
1
+ /* src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.scss */
2
+ .BRNDTS_default_content {
3
+ display: flex;
4
+ justify-content: center;
5
+ align-items: center;
6
+ background:
7
+ linear-gradient(
8
+ 135deg,
9
+ #26e293,
10
+ #024ab6);
11
+ }
12
+ .BRNDTS_default_content .box {
13
+ height: 90%;
14
+ display: flex;
15
+ align-items: center;
16
+ justify-content: center;
17
+ flex: 1;
18
+ margin: 8px;
19
+ border: 3px solid whitesmoke;
20
+ border-radius: 5px;
21
+ padding: 8px;
22
+ }
23
+ .BRNDTS_default_content .icon {
24
+ flex: 1;
25
+ }
26
+ .BRNDTS_default_content .icon svg {
27
+ max-height: 45px;
28
+ }
29
+
1
30
  /* src/Ads/Regions/Region.scss */
2
31
  [data-debug=true] .BRNDTS_R {
3
32
  outline: 1px solid red;
@@ -145,35 +174,6 @@
145
174
  border-radius: 5px;
146
175
  }
147
176
 
148
- /* src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.scss */
149
- .BRNDTS_default_content {
150
- display: flex;
151
- justify-content: center;
152
- align-items: center;
153
- background:
154
- linear-gradient(
155
- 135deg,
156
- #26e293,
157
- #024ab6);
158
- }
159
- .BRNDTS_default_content .box {
160
- height: 90%;
161
- display: flex;
162
- align-items: center;
163
- justify-content: center;
164
- flex: 1;
165
- margin: 8px;
166
- border: 3px solid whitesmoke;
167
- border-radius: 5px;
168
- padding: 8px;
169
- }
170
- .BRNDTS_default_content .icon {
171
- flex: 1;
172
- }
173
- .BRNDTS_default_content .icon svg {
174
- max-height: 45px;
175
- }
176
-
177
177
  /* src/Ads/Ads.scss */
178
178
  [data-debug=true] #BRNDTS_ARW {
179
179
  outline: 1px solid green;
@@ -305,6 +305,22 @@
305
305
  #BRNDTS[data-brndts_control=brndts_fs] video::-webkit-media-controls-fullscreen-button {
306
306
  display: none;
307
307
  }
308
+ #BRNDTS[data-fullscreen_fb=true] {
309
+ position: fixed;
310
+ bottom: 0;
311
+ left: 0;
312
+ right: 0;
313
+ top: 0;
314
+ z-index: 10000000;
315
+ background: #000;
316
+ border-radius: 0 !important;
317
+ height: 100%;
318
+ margin: 0;
319
+ width: 100%;
320
+ }
321
+ #BRNDTS[data-fullscreen_fb=true] video {
322
+ height: 100%;
323
+ }
308
324
 
309
325
  /* src/main.scss */
310
326
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Ads/Regions/Region.scss","../src/Ads/Regions/Plugins/Animation/RegionAnimationPlugin.scss","../src/Ads/Regions/Plugins/Border/RegionBorderPlugin.scss","../src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.scss","../src/Ads/Ads.scss","../src/UI/Controls/Controls.scss","../src/UI/Controls/Components/Buttons/ControlBarButton.scss","../src/UI/Controls/Components/TopBar/ControlTopBar.scss","../src/UI/Controls/Components/BottomBar/ControlBottomBar.scss","../src/UI/Interface.scss"],"sourcesContent":["[data-debug=\"true\"] {\n .BRNDTS_R {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n\n.BRNDTS_R {\n position: absolute;\n pointer-events: all;\n\n .BRNDTS_RB {\n position: relative;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n\n .BRNDTS_RB_SLIDE_IN {\n animation: slide_in_from_right 1s forwards;\n }\n\n .BRNDTS_RB_SLIDE_OUT {\n animation: slide_out_to_left 1s ease-in-out;\n }\n }\n\n .BRNDTS_RM {\n display: none;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n","@keyframes slide-in-rtl {\n 0% {\n opacity: 0;\n transform: translate(100%, 0);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ltr {\n 0% {\n opacity: 1;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 0;\n transform: translate(100%, 0);\n }\n}\n\n@keyframes slide-in-btt {\n 0% {\n opacity: 0;\n transform: translate(0, 100%);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ttb {\n 0% {\n opacity: 1;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 0;\n transform: translate(0, 100%);\n }\n}\n\n@keyframes slide-in-ttb {\n 0% {\n opacity: 0;\n transform: translate(0, -100%);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-btt {\n 0% {\n opacity: 1;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 0;\n transform: translate(0, -100%);\n }\n}\n\n.ANIMATE {\n animation-duration: 0.5s;\n animation-delay: 0.5s;\n animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);\n animation-fill-mode: backwards;\n\n &.SLIDE_IN_TOP_RIGHT {\n animation-delay: 0s;\n animation-name: slide-in-rtl;\n }\n &.SLIDE_OUT_TOP_RIGHT {\n animation-fill-mode: forwards;\n animation-name: slide-out-ltr;\n }\n &.SLIDE_IN_BOTTOM_RIGHT {\n animation-delay: 0s;\n animation-name: slide-in-btt;\n }\n &.SLIDE_OUT_BOTTOM_RIGHT {\n animation-fill-mode: forwards;\n animation-name: slide-out-ttb;\n }\n &.SLIDE_IN_TOP_CENTER {\n animation-delay: 0s;\n animation-name: slide-in-ttb;\n }\n &.SLIDE_OUT_TOP_CENTER {\n animation-fill-mode: forwards;\n animation-name: slide-out-btt;\n }\n}\n",".BRNDTS_R_B {\n border-width: 2px;\n border-style: solid;\n //border-image: linear-gradient(to top, #26e29483 0%, #024ab67a 100%) 1;\n border-image: linear-gradient(135deg, #26e29483, #024ab67a) 1;\n box-shadow: 0px 4px 4px rgba(30, 30, 30, 0.25);\n border-radius: 5px;\n}\n",".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(135deg, #26e293, #024ab6);\n\n .box {\n height: 90%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n margin: 8px;\n border: 3px solid whitesmoke;\n border-radius: 5px;\n padding: 8px;\n }\n\n .icon {\n flex: 1;\n\n svg {\n max-height: 45px;\n }\n }\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n","#BRNDTS_CTL {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n",".BRNDTS_BTN {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n pointer-events: all;\n color: whitesmoke;\n\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n\n &:hover {\n background-color: transparent;\n border: 0;\n outline: none;\n box-shadow: none;\n border-color: transparent;\n }\n}\n\n.BRNDTS_BTN_FS_TOP {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.BRNDTS_BTN_FS_BOT {\n width: 40px;\n}\n","#BRNDTS_CTLTB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n height: 60px;\n width: 100%;\n pointer-events: none;\n padding-top: 0px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n","#BRNDTS_CTLBB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n height: 43px;\n width: 100%;\n pointer-events: none;\n padding-top: 3px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.scss","../src/Ads/Regions/Region.scss","../src/Ads/Regions/Plugins/Animation/RegionAnimationPlugin.scss","../src/Ads/Regions/Plugins/Border/RegionBorderPlugin.scss","../src/Ads/Ads.scss","../src/UI/Controls/Controls.scss","../src/UI/Controls/Components/Buttons/ControlBarButton.scss","../src/UI/Controls/Components/TopBar/ControlTopBar.scss","../src/UI/Controls/Components/BottomBar/ControlBottomBar.scss","../src/UI/Interface.scss"],"sourcesContent":[".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(135deg, #26e293, #024ab6);\n\n .box {\n height: 90%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n margin: 8px;\n border: 3px solid whitesmoke;\n border-radius: 5px;\n padding: 8px;\n }\n\n .icon {\n flex: 1;\n\n svg {\n max-height: 45px;\n }\n }\n}\n","[data-debug=\"true\"] {\n .BRNDTS_R {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n\n.BRNDTS_R {\n position: absolute;\n pointer-events: all;\n\n .BRNDTS_RB {\n position: relative;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n\n .BRNDTS_RB_SLIDE_IN {\n animation: slide_in_from_right 1s forwards;\n }\n\n .BRNDTS_RB_SLIDE_OUT {\n animation: slide_out_to_left 1s ease-in-out;\n }\n }\n\n .BRNDTS_RM {\n display: none;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n","@keyframes slide-in-rtl {\n 0% {\n opacity: 0;\n transform: translate(100%, 0);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ltr {\n 0% {\n opacity: 1;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 0;\n transform: translate(100%, 0);\n }\n}\n\n@keyframes slide-in-btt {\n 0% {\n opacity: 0;\n transform: translate(0, 100%);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ttb {\n 0% {\n opacity: 1;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 0;\n transform: translate(0, 100%);\n }\n}\n\n@keyframes slide-in-ttb {\n 0% {\n opacity: 0;\n transform: translate(0, -100%);\n }\n 100% {\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-btt {\n 0% {\n opacity: 1;\n transform: translate(0, 0);\n }\n 100% {\n opacity: 0;\n transform: translate(0, -100%);\n }\n}\n\n.ANIMATE {\n animation-duration: 0.5s;\n animation-delay: 0.5s;\n animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);\n animation-fill-mode: backwards;\n\n &.SLIDE_IN_TOP_RIGHT {\n animation-delay: 0s;\n animation-name: slide-in-rtl;\n }\n &.SLIDE_OUT_TOP_RIGHT {\n animation-fill-mode: forwards;\n animation-name: slide-out-ltr;\n }\n &.SLIDE_IN_BOTTOM_RIGHT {\n animation-delay: 0s;\n animation-name: slide-in-btt;\n }\n &.SLIDE_OUT_BOTTOM_RIGHT {\n animation-fill-mode: forwards;\n animation-name: slide-out-ttb;\n }\n &.SLIDE_IN_TOP_CENTER {\n animation-delay: 0s;\n animation-name: slide-in-ttb;\n }\n &.SLIDE_OUT_TOP_CENTER {\n animation-fill-mode: forwards;\n animation-name: slide-out-btt;\n }\n}\n",".BRNDTS_R_B {\n border-width: 2px;\n border-style: solid;\n //border-image: linear-gradient(to top, #26e29483 0%, #024ab67a 100%) 1;\n border-image: linear-gradient(135deg, #26e29483, #024ab67a) 1;\n box-shadow: 0px 4px 4px rgba(30, 30, 30, 0.25);\n border-radius: 5px;\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n","#BRNDTS_CTL {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n",".BRNDTS_BTN {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n pointer-events: all;\n color: whitesmoke;\n\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n\n &:hover {\n background-color: transparent;\n border: 0;\n outline: none;\n box-shadow: none;\n border-color: transparent;\n }\n}\n\n.BRNDTS_BTN_FS_TOP {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.BRNDTS_BTN_FS_BOT {\n width: 40px;\n}\n","#BRNDTS_CTLTB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n height: 60px;\n width: 100%;\n pointer-events: none;\n padding-top: 0px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n","#BRNDTS_CTLBB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n height: 43px;\n width: 100%;\n pointer-events: none;\n padding-top: 3px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n\n &[data-fullscreen_fb=\"true\"] {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n z-index: 10000000;\n background: #000;\n border-radius: 0 !important;\n height: 100%;\n margin: 0;\n width: 100%;\n\n video {\n height: 100%;\n }\n }\n}\n"],"mappings":";AAAA,CAAA;AACE,WAAA;AACA,mBAAA;AACA,eAAA;AACA;IAAA;MAAA,MAAA;MAAA,OAAA;MAAA;;AAEA,CANF,uBAME,CAAA;AACE,UAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA,IAAA,MAAA;AACA,iBAAA;AACA,WAAA;;AAGF,CAlBF,uBAkBE,CAAA;AACE,QAAA;;AAEA,CArBJ,uBAqBI,CAHF,KAGE;AACE,cAAA;;;;ACrBJ,CAAA,iBAAA,CAAA;AACE,WAAA,IAAA,MAAA;AACA,cAAA,EAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AACA,CAAA,iBAAA,CAHF,QAGE;AACE,WAAA;AACA,WAAA,KAAA;AACA,YAAA;AACA,UAAA;AACA,aAAA;AACA,OAAA;AACA,QAAA;AACA,oBAAA;AACA,WAAA,IAAA;AACA,iBAAA;;AAKN,CAlBE;AAmBA,YAAA;AACA,kBAAA;;AAEA,CAtBA,SAsBA,CAAA;AACE,YAAA;;AAGA,CA1BF,SA0BE,CAJF,UAIE,CAAA;AACE,aAAA,oBAAA,GAAA;;AAGF,CA9BF,SA8BE,CARF,UAQE,CAAA;AACE,aAAA,kBAAA,GAAA;;AAIJ,CAnCA,SAmCA,CAAA;AACE,WAAA;AAEA,kBAAA;;AAKF,CAAA,aAAA,CAAA;AACE,YAAA;AACA,SAAA;AACA,UAAA;AACA,aAAA,UAAA,IAAA,EAAA;AACA,iBAAA;;;;ACjDJ,WAAA;AACE;AACE,aAAA;AACA,eAAA,UAAA,IAAA,EAAA;;AAEF;AACE,aAAA;AACA,eAAA,UAAA,CAAA,EAAA;;;AAIJ,WAAA;AACE;AACE,aAAA;AACA,eAAA,UAAA,CAAA,EAAA;;AAEF;AACE,aAAA;AACA,eAAA,UAAA,IAAA,EAAA;;;AAIJ,WAAA;AACE;AACE,aAAA;AACA,eAAA,UAAA,CAAA,EAAA;;AAEF;AACE,aAAA;AACA,eAAA,UAAA,CAAA,EAAA;;;AAIJ,WAAA;AACE;AACE,aAAA;AACA,eAAA,UAAA,CAAA,EAAA;;AAEF;AACE,aAAA;AACA,eAAA,UAAA,CAAA,EAAA;;;AAIJ,WAAA;AACE;AACE,aAAA;AACA,eAAA,UAAA,CAAA,EAAA;;AAEF;AACE,aAAA;AACA,eAAA,UAAA,CAAA,EAAA;;;AAIJ,WAAA;AACE;AACE,aAAA;AACA,eAAA,UAAA,CAAA,EAAA;;AAEF;AACE,aAAA;AACA,eAAA,UAAA,CAAA,EAAA;;;AAIJ,CAAA;AACE,sBAAA;AACA,mBAAA;AACA,6BAAA,aAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA;AACA,uBAAA;;AAEA,CANF,OAME,CAAA;AACE,mBAAA;AACA,kBAAA;;AAEF,CAVF,OAUE,CAAA;AACE,uBAAA;AACA,kBAAA;;AAEF,CAdF,OAcE,CAAA;AACE,mBAAA;AACA,kBAAA;;AAEF,CAlBF,OAkBE,CAAA;AACE,uBAAA;AACA,kBAAA;;AAEF,CAtBF,OAsBE,CAAA;AACE,mBAAA;AACA,kBAAA;;AAEF,CA1BF,OA0BE,CAAA;AACE,uBAAA;AACA,kBAAA;;;;AC9FJ,CAAA;AACE,gBAAA;AACA,gBAAA;AAEA;IAAA;MAAA,MAAA;MAAA,KAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,aAAA;MAAA,KAAA,CAAA,EAAA,EAAA,EAAA,GAAA,EAAA,eAAA;AACA,cAAA,IAAA,IAAA,IAAA,KAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AACA,iBAAA;;;;ACLA,CAAA,iBAAA,CAAA;AACE,WAAA,IAAA,MAAA;AACA,cAAA,EAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AACA,CAAA,iBAAA,CAHF,UAGE;AACE,WAAA;AACA,WAAA,KAAA;AACA,YAAA;AACA,UAAA;AACA,aAAA;AACA,OAAA;AACA,QAAA;AACA,oBAAA;AACA,WAAA,IAAA;AACA,iBAAA;;AAIJ,CAAA,iBAAA,CAAA;AACE,WAAA,IAAA,MAAA;AACA,cAAA,EAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AACA,CAAA,iBAAA,CAHF,SAGE;AACE,WAAA;AACA,WAAA,KAAA;AACA,YAAA;AACA,UAAA;AACA,aAAA;AACA,OAAA;AACA,QAAA;AACA,oBAAA;AACA,WAAA,IAAA;AACA,iBAAA;;;;AC/BN,CAAA;AACE,YAAA;AACA,OAAA;AACA,QAAA;AACA,SAAA;AACA,UAAA;AACA,kBAAA;;;;ACNF,CAAA;AACE,UAAA;AACA,WAAA;AACA,cAAA;AACA,oBAAA;AACA,kBAAA;AACA,SAAA;;AAEA,CARF,UAQE,CAAA;AACE,oBAAA;;AAGF,CAZF,UAYE;AACE,oBAAA;AACA,UAAA;AACA,WAAA;AACA,cAAA;AACA,gBAAA;;AAIJ,CAAA;AACE,gBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,SAAA;;;;AC3BF,CAAA;AACE,WAAA;AACA,mBAAA;AACA,YAAA;AACA,OAAA;AACA,UAAA;AACA,SAAA;AACA,kBAAA;AACA,eAAA;AACA,kBAAA;AACA,gBAAA;AACA,iBAAA;;AAIA,CAAA,iBAAA,CAfF;AAgBI,WAAA,IAAA,MAAA;AACA,cAAA,EAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AACA,CAAA,iBAAA,CAlBJ,YAkBI;AACE,WAAA;AACA,WAAA,KAAA;AACA,YAAA;AACA,UAAA;AACA,aAAA;AACA,OAAA;AACA,QAAA;AACA,oBAAA;AACA,WAAA,IAAA;AACA,iBAAA;AACA,SAAA;;;;AC7BN,CAAA;AACE,WAAA;AACA,mBAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,SAAA;AACA,kBAAA;AACA,eAAA;AACA,kBAAA;AACA,gBAAA;AACA,iBAAA;;;;ACXF,CAAA;AACE,YAAA;AACA,eAAA;AACA,UAAA;AACA,aAAA;AACA,YAAA;AACA,SAAA;AACA,kBAAA;;AAGE,CAVJ,MAUI,CAAA,+BAAA,KAAA;AACE,WAAA;;AAIJ,CAfF,MAeE,CAAA;AACE,YAAA;AACA,UAAA;AACA,QAAA;AACA,SAAA;AACA,OAAA;AACA,WAAA;AACA,cAAA;AACA,iBAAA;AACA,UAAA;AACA,UAAA;AACA,SAAA;;AAEA,CA5BJ,MA4BI,CAAA,yBAAA;AACE,UAAA;;","names":[]}