@uploadcare/file-uploader 1.2.0 → 1.3.0-alpha.1

package/blocks/CloudImageEditor/src/EditorToolbar.js

@@ -1,4 +1,5 @@
 // @ts-check
+import { html } from '@symbiotejs/symbiote';
 import { debounce } from '../../utils/debounce.js';
 import { Block } from '../../../abstract/Block.js';
 import { EditorCropButtonControl } from './EditorCropButtonControl.js';
@@ -21,14 +22,14 @@ function renderTabToggle(id) {
   return /* HTML */ `
     <uc-presence-toggle
       class="uc-tab-toggle"
-      set="visible: presence.tabToggle.${id}; styles: presence.tabToggleStyles;"
+      bind="visible: presence.tabToggle.${id}; styles: presence.tabToggleStyles;"
     >
       <uc-btn-ui
         theme="tab"
         ref="tab-toggle-${id}"
         data-id="${id}"
         icon="${id}"
-        set="onclick: on.clickTab; aria-role:tab_role; aria-controls:tab_${id}"
+        bind="onclick: on.clickTab; aria-role:tab_role; aria-controls:tab_${id}"
       >
       </uc-btn-ui>
     </uc-presence-toggle>
@@ -37,11 +38,11 @@ function renderTabToggle(id) {
 
 /** @param {String} id */
 function renderTabContent(id) {
-  return /* HTML */ `
+  return html`
     <uc-presence-toggle
       id="tab_${id}"
       class="uc-tab-content"
-      set="visible: presence.tabContent.${id}; styles: presence.tabContentStyles"
+      bind="visible: presence.tabContent.${id}; styles: presence.tabContentStyles"
     >
       <uc-editor-scroller hidden-scrollbar>
         <div class="uc-controls-list_align">
@@ -334,7 +335,7 @@ export class EditorToolbar extends Block {
     this.sub('*editorTransformations', (editorTransformations) => {
       let appliedFilter = editorTransformations?.filter?.name;
       if (this.$['*currentFilter'] !== appliedFilter) {
-        this.$['*currentFilter'] = appliedFilter;
+        this.$['*currentFilter'] = appliedFilter ?? null;
       }
     });
 
@@ -399,8 +400,8 @@ export class EditorToolbar extends Block {
   }
 }
 
-EditorToolbar.template = /* HTML */ `
-  <uc-line-loader-ui set="active: showLoader"></uc-line-loader-ui>
+EditorToolbar.template = html`
+  <uc-line-loader-ui bind="active: showLoader"></uc-line-loader-ui>
   <div class="uc-info-tooltip_container">
     <div class="uc-info-tooltip_wrapper">
       <div ref="tooltip-el" class="uc-info-tooltip uc-info-tooltip_hidden">{{*operationTooltip}}</div>
@@ -410,31 +411,31 @@ EditorToolbar.template = /* HTML */ `
     <uc-presence-toggle
       role="tablist"
       class="uc-sub-toolbar"
-      set="visible: presence.mainToolbar; styles: presence.subTopToolbarStyles"
+      bind="visible: presence.mainToolbar; styles: presence.subTopToolbarStyles"
     >
       <div class="uc-tab-content-row">${ALL_TABS.map(renderTabContent).join('')}</div>
       <div class="uc-controls-row">
         <uc-presence-toggle
           class="uc-tab-toggles"
-          set="visible: presence.tabToggles; styles: presence.tabTogglesStyles"
+          bind="visible: presence.tabToggles; styles: presence.tabTogglesStyles"
         >
           <div ref="tabs-indicator" class="uc-tab-toggles_indicator"></div>
           ${ALL_TABS.map(renderTabToggle).join('')}
         </uc-presence-toggle>
-        <uc-btn-ui style="order: -1" theme="secondary-icon" icon="closeMax" set="onclick: on.cancel"> </uc-btn-ui>
-        <uc-btn-ui theme="primary-icon" icon="done" set="onclick: on.apply"> </uc-btn-ui>
+        <uc-btn-ui style="order: -1" theme="secondary-icon" icon="closeMax" bind="onclick: on.cancel"> </uc-btn-ui>
+        <uc-btn-ui theme="primary-icon" icon="done" bind="onclick: on.apply"> </uc-btn-ui>
       </div>
     </uc-presence-toggle>
     <uc-presence-toggle
       class="uc-sub-toolbar"
-      set="visible: presence.subToolbar; styles: presence.subBottomToolbarStyles"
+      bind="visible: presence.subToolbar; styles: presence.subBottomToolbarStyles"
     >
       <div class="uc-slider">
         <uc-editor-slider ref="slider-el"></uc-editor-slider>
       </div>
       <div class="uc-controls-row">
-        <uc-btn-ui theme="secondary" set="onclick: on.cancelSlider;" l10n="@text:cancel"> </uc-btn-ui>
-        <uc-btn-ui theme="primary" set="onclick: on.applySlider;" l10n="@text:apply"> </uc-btn-ui>
+        <uc-btn-ui theme="secondary" bind="onclick: on.cancelSlider;" l10n="@text:cancel"> </uc-btn-ui>
+        <uc-btn-ui theme="primary" bind="onclick: on.applySlider;" l10n="@text:apply"> </uc-btn-ui>
       </div>
     </uc-presence-toggle>
   </div>

package/blocks/CloudImageEditor/src/crop-utils.d.ts

@@ -18,7 +18,7 @@ export function createSvgNode(name: string, attrs?: {
  * @param {import('./types.js').Direction} direction
  * @param {number} sizeMultiplier
  */
-export function cornerPath(rect: import('./types.js').Rectangle, direction: import('./types.js').Direction, sizeMultiplier: number): {
+export function cornerPath(rect: import("./types.js").Rectangle, direction: import("./types.js").Direction, sizeMultiplier: number): {
     d: string;
     center: number[];
 };
@@ -27,12 +27,12 @@ export function cornerPath(rect: import('./types.js').Rectangle, direction: impo
  * @param {Extract<import('./types.js').Direction, 'n' | 's' | 'w' | 'e'>} direction
  * @param {number} sizeMultiplier
  */
-export function sidePath(rect: import('./types.js').Rectangle, direction: Extract<import('./types.js').Direction, 'n' | 's' | 'w' | 'e'>, sizeMultiplier: number): {
+export function sidePath(rect: import("./types.js").Rectangle, direction: Extract<import("./types.js").Direction, "n" | "s" | "w" | "e">, sizeMultiplier: number): {
     d: string;
     center: number[];
 };
 /** @param {import('./types.js').Direction} direction */
-export function thumbCursor(direction: import('./types.js').Direction): "move" | "ew-resize" | "ns-resize" | "nwse-resize" | "nesw-resize";
+export function thumbCursor(direction: import("./types.js").Direction): "move" | "ew-resize" | "ns-resize" | "nwse-resize" | "nesw-resize";
 /**
  * @param {{
  *   rect: import('./types.js').Rectangle;
@@ -41,9 +41,9 @@ export function thumbCursor(direction: import('./types.js').Direction): "move" |
  * }} options
  */
 export function moveRect({ rect, delta: [dx, dy], imageBox }: {
-    rect: import('./types.js').Rectangle;
+    rect: import("./types.js").Rectangle;
     delta: [number, number];
-    imageBox: import('./types.js').Rectangle;
+    imageBox: import("./types.js").Rectangle;
 }): {
     x: number;
     y: number;
@@ -54,7 +54,7 @@ export function moveRect({ rect, delta: [dx, dy], imageBox }: {
  * @param {import('./types.js').Rectangle} rect1
  * @param {import('./types.js').Rectangle} rect2
  */
-export function constraintRect(rect1: import('./types.js').Rectangle, rect2: import('./types.js').Rectangle): {
+export function constraintRect(rect1: import("./types.js").Rectangle, rect2: import("./types.js").Rectangle): {
     x: number;
     y: number;
     width: number;
@@ -70,33 +70,33 @@ export function constraintRect(rect1: import('./types.js').Rectangle, rect2: imp
  * }} options
  */
 export function resizeRect({ direction, ...rest }: {
-    rect: import('./types.js').Rectangle;
+    rect: import("./types.js").Rectangle;
     delta: [number, number];
-    direction: import('./types.js').Direction;
+    direction: import("./types.js").Direction;
     aspectRatio?: number;
-    imageBox: import('./types.js').Rectangle;
+    imageBox: import("./types.js").Rectangle;
 }): import("./types.js").Rectangle;
 /**
  * @param {import('./types.js').Rectangle} rect
  * @param {[Number, Number]} point
  */
-export function rectContainsPoint(rect: import('./types.js').Rectangle, [x, y]: [number, number]): boolean;
+export function rectContainsPoint(rect: import("./types.js").Rectangle, [x, y]: [number, number]): boolean;
 /**
  * @param {import('./types.js').Rectangle} rect1
  * @param {import('./types.js').Rectangle} rect2
  */
-export function isRectInsideRect(rect1: import('./types.js').Rectangle, rect2: import('./types.js').Rectangle): boolean;
+export function isRectInsideRect(rect1: import("./types.js").Rectangle, rect2: import("./types.js").Rectangle): boolean;
 /**
  * @param {import('./types.js').Rectangle} rect
  * @param {number} aspectRatio
  */
-export function isRectMatchesAspectRatio(rect: import('./types.js').Rectangle, aspectRatio: number): boolean;
+export function isRectMatchesAspectRatio(rect: import("./types.js").Rectangle, aspectRatio: number): boolean;
 /**
  * @param {import('./types.js').ImageSize} imageSize
  * @param {Number} angle
  * @returns {import('./types.js').ImageSize}
  */
-export function rotateSize({ width, height }: import('./types.js').ImageSize, angle: number): import('./types.js').ImageSize;
+export function rotateSize({ width, height }: import("./types.js").ImageSize, angle: number): import("./types.js").ImageSize;
 /**
  * @param {number} width
  * @param {number} height
@@ -112,7 +112,7 @@ export function calculateMaxCenteredCropFrame(width: number, height: number, asp
  * @param {import('./types.js').Rectangle} rect
  * @returns {import('./types.js').Rectangle}
  */
-export function roundRect(rect: import('./types.js').Rectangle): import('./types.js').Rectangle;
+export function roundRect(rect: import("./types.js").Rectangle): import("./types.js").Rectangle;
 /**
  * @param {Number} value
  * @param {Number} min

package/blocks/CloudImageEditor/src/crop-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crop-utils.d.ts","sourceRoot":"","sources":["crop-utils.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,sCAHW,UAAU;;SAKpB;AAED;;;;GAIG;AACH;;IAFa,UAAU,CAMtB;AAED;;;;GAIG;AACH,iCAJW,OAAO,YAAY,EAAE,SAAS,aAC9B,OAAO,YAAY,EAAE,SAAS,kBAC9B,MAAM;;;EA2BhB;AAED;;;;GAIG;AACH,+BAJW,OAAO,YAAY,EAAE,SAAS,aAC9B,QAAQ,OAAO,YAAY,EAAE,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,kBAC9D,MAAM;;;EA0BhB;AAED,wDAAwD;AACxD,uCADY,OAAO,YAAY,EAAE,SAAS,sEAezC;AAED;;;;;;GAMG;AACH,8DANW;IACV,IAAQ,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC;IACzC,KAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAY,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC;CAC1C;;;;;EAWH;AAED;;;GAGG;AACH,sCAHW,OAAO,YAAY,EAAE,SAAS,SAC9B,OAAO,YAAY,EAAE,SAAS;;;;;EAqBxC;AA8cD;;;;;;;;GAQG;AACH,mDARW;IACV,IAAQ,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC;IACzC,KAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAa,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC;IAC9C,WAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAY,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC;CAC1C,kCAuBH;AAED;;;GAGG;AACH,wCAHW,OAAO,YAAY,EAAE,SAAS,UAC9B,gBAAgB,WAI1B;AAED;;;GAGG;AACH,wCAHW,OAAO,YAAY,EAAE,SAAS,SAC9B,OAAO,YAAY,EAAE,SAAS,WASxC;AAED;;;GAGG;AACH,+CAHW,OAAO,YAAY,EAAE,SAAS,eAC9B,MAAM,WAKhB;AAED;;;;GAIG;AACH,8CAJW,OAAO,YAAY,EAAE,SAAS,kBAE5B,OAAO,YAAY,EAAE,SAAS,CAK1C;AAED;;;;GAIG;AACH,qDAJW,MAAM,UACN,MAAM,eACN,MAAM;;;;;EAyBhB;AAED;;;GAGG;AACH,gCAHW,OAAO,YAAY,EAAE,SAAS,GAC5B,OAAO,YAAY,EAAE,SAAS,CAS1C;AAED;;;;;GAKG;AACH,uEAEC"}
+{"version":3,"file":"crop-utils.d.ts","sourceRoot":"","sources":["crop-utils.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,sCAHW,UAAU,SACV;IAAE,CAAC,GAAG,QAAQ,GAAG,eAAe,CAAA;CAAE,QAI5C;AAED;;;;GAIG;AACH,oDAHW;IAAE,CAAC,GAAG,QAAQ,GAAG,eAAe,CAAA;CAAE,GAChC,UAAU,CAMtB;AAED;;;;GAIG;AACH,iCAJW,OAAO,YAAY,EAAE,SAAS,aAC9B,OAAO,YAAY,EAAE,SAAS,kBAC9B,MAAM;;;EA2BhB;AAED;;;;GAIG;AACH,+BAJW,OAAO,YAAY,EAAE,SAAS,aAC9B,OAAO,CAAC,OAAO,YAAY,EAAE,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,kBAC9D,MAAM;;;EA0BhB;AAED,wDAAwD;AACxD,uCADY,OAAO,YAAY,EAAE,SAAS,sEAezC;AAED;;;;;;GAMG;AACH,8DANW;IACV,IAAQ,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC;IACzC,KAAS,EAAE,gBAAgB,CAAC;IAC5B,QAAY,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC;CAC1C;;;;;EAWH;AAED;;;GAGG;AACH,sCAHW,OAAO,YAAY,EAAE,SAAS,SAC9B,OAAO,YAAY,EAAE,SAAS;;;;;EAqBxC;AA8cD;;;;;;;;GAQG;AACH,mDARW;IACV,IAAQ,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC;IACzC,KAAS,EAAE,gBAAgB,CAAC;IAC5B,SAAa,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC;IAC9C,WAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAY,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC;CAC1C,kCAuBH;AAED;;;GAGG;AACH,wCAHW,OAAO,YAAY,EAAE,SAAS,UAC9B,gBAAgB,WAI1B;AAED;;;GAGG;AACH,wCAHW,OAAO,YAAY,EAAE,SAAS,SAC9B,OAAO,YAAY,EAAE,SAAS,WASxC;AAED;;;GAGG;AACH,+CAHW,OAAO,YAAY,EAAE,SAAS,eAC9B,MAAM,WAKhB;AAED;;;;GAIG;AACH,8CAJW,OAAO,YAAY,EAAE,SAAS,kBAE5B,OAAO,YAAY,EAAE,SAAS,CAK1C;AAED;;;;GAIG;AACH,qDAJW,MAAM,UACN,MAAM,eACN,MAAM;;;;;EAyBhB;AAED;;;GAGG;AACH,gCAHW,OAAO,YAAY,EAAE,SAAS,GAC5B,OAAO,YAAY,EAAE,SAAS,CAS1C;AAED;;;;;GAKG;AACH,uEAEC"}

package/blocks/CloudImageEditor/src/css/common.css

@@ -375,7 +375,7 @@ uc-editor-operation-control > button {
   height: var(--size-icon);
 }
 
-uc-editor-filter-control > uc-icon.uc-original-icon > svg {
+uc-editor-filter-control uc-icon.uc-original-icon > svg {
   width: 100%;
   height: 100%;
 }
@@ -448,7 +448,7 @@ uc-editor-filter-control > button .uc-preview {
   transition: var(--transition-duration-3);
 }
 
-uc-editor-filter-control > .uc-original-icon {
+uc-editor-filter-control .uc-original-icon {
   color: var(--color-effect);
   opacity: 0.3;
 }

package/blocks/CloudImageEditor/src/elements/button/BtnUi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BtnUi.d.ts","sourceRoot":"","sources":["BtnUi.js"],"names":[],"mappings":"AAGA;IAII,uBAA0B;IAC1B,qBAAwB;IACxB,qBAAwB;IAExB;;;;;;;MAQC;IAWH,mBAOC;IAkCD,sBAQC;CACF;;;;sBAhFqB,kCAAkC"}
+{"version":3,"file":"BtnUi.d.ts","sourceRoot":"","sources":["BtnUi.js"],"names":[],"mappings":"AAIA;IAII,uBAA0B;IAC1B,qBAAwB;IACxB,qBAAwB;IAExB;;;;;;;MAQC;IAWH,mBAOC;IAkCD,sBAQC;CACF;;;;sBAhFqB,kCAAkC"}

package/blocks/CloudImageEditor/src/elements/button/BtnUi.js

@@ -1,3 +1,4 @@
+import { html } from '@symbiotejs/symbiote';
 import { Block } from '../../../../../abstract/Block.js';
 import { classNames } from '../../lib/classNames.js';
 
@@ -52,7 +53,7 @@ export class BtnUi extends Block {
       }
     });
 
-    this.sub('text', (txt) => {
+    this.sub('text', () => {
       this._iconSingle = false;
     });
 
@@ -79,12 +80,11 @@ export class BtnUi extends Block {
     }
   }
 }
-
 BtnUi.bindAttributes({ text: 'text', icon: 'icon', reverse: 'reverse', theme: 'theme' });
 
-BtnUi.template = /* HTML */ `
-  <button type="button" set="@role:aria-role; @aria-controls: aria-controls">
-    <uc-icon set="className: iconCss; @name: icon; @hidden: !icon"></uc-icon>
+BtnUi.template = html`
+  <button type="button" bind="@role:aria-role; @aria-controls: aria-controls">
+    <uc-icon bind="className: iconCss; @name: icon; @hidden: !icon"></uc-icon>
     <div class="uc-text">{{text}}</div>
   </button>
 `;

package/blocks/CloudImageEditor/src/elements/line-loader/LineLoaderUi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineLoaderUi.d.ts","sourceRoot":"","sources":["LineLoaderUi.js"],"names":[],"mappings":"AAEA;IAII,iBAAoB;IAEpB,sCAMC;IAgBH,eAUC;IAED,cAEC;CACF;;;;sBA7CqB,kCAAkC"}
+{"version":3,"file":"LineLoaderUi.d.ts","sourceRoot":"","sources":["LineLoaderUi.js"],"names":[],"mappings":"AAGA;IAII,iBAAoB;IAEpB,sCAMC;IAgBH,eAUC;IAED,cAEC;CACF;;;;sBA7CqB,kCAAkC"}

package/blocks/CloudImageEditor/src/elements/line-loader/LineLoaderUi.js

@@ -1,3 +1,4 @@
+import { html } from '@symbiotejs/symbiote';
 import { Block } from '../../../../../abstract/Block.js';
 
 export class LineLoaderUi extends Block {
@@ -45,7 +46,7 @@ export class LineLoaderUi extends Block {
   }
 }
 
-LineLoaderUi.template = /* HTML */ `
+LineLoaderUi.template = html`
   <div class="uc-inner">
     <div class="uc-line" ref="line-el"></div>
   </div>

package/blocks/CloudImageEditor/src/elements/presence-toggle/PresenceToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PresenceToggle.d.ts","sourceRoot":"","sources":["PresenceToggle.js"],"names":[],"mappings":"AAiBA;IAII,kBAAqB;IACrB,kCAA0C;IAC1C,iCAAwC;IACxC,8BAAiC;IAqBnC,uBAQC;CAgBF;;;;;;;;;sBApEqB,kCAAkC"}
+{"version":3,"file":"PresenceToggle.d.ts","sourceRoot":"","sources":["PresenceToggle.js"],"names":[],"mappings":"AAkBA;IAII,kBAAqB;IACrB,kCAA0C;IAC1C,iCAAwC;IACxC,8BAAiC;IAqBnC,uBAQC;CAgBF;;;;;;;;;sBArEqB,kCAAkC"}

package/blocks/CloudImageEditor/src/elements/presence-toggle/PresenceToggle.js

@@ -1,5 +1,6 @@
-import { applyClassNames } from '../../lib/classNames.js';
+import { html } from '@symbiotejs/symbiote';
 import { Block } from '../../../../../abstract/Block.js';
+import { applyClassNames } from '../../lib/classNames.js';
 
 /**
  * @typedef {Object} Style
@@ -68,4 +69,4 @@ export class PresenceToggle extends Block {
     }, 0);
   }
 }
-PresenceToggle.template = /* HTML */ `<slot></slot> `;
+PresenceToggle.template = html` <slot></slot> `;

package/blocks/CloudImageEditor/src/elements/slider/SliderUi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderUi.d.ts","sourceRoot":"","sources":["SliderUi.js"],"names":[],"mappings":"AAEA;IACE,WAiBE;IA6BE,WAAiB;IAenB,sCAIE;IAGF,+BAAgG;IAyBlG,+BAWC;IAED,iCAgBC;IAED,qBAmCC;IALC,uCAA2B;IAI3B,iBAAwB;CAM3B;;;;sBAvKqB,kCAAkC"}
+{"version":3,"file":"SliderUi.d.ts","sourceRoot":"","sources":["SliderUi.js"],"names":[],"mappings":"AAGA;IACE,WAiBE;IA6BE,WAAiB;IAenB,sCAIE;IAGF,+BAAgG;IAyBlG,+BAWC;IAED,iCAgBC;IAED,qBAmCC;IALC,uCAA2B;IAI3B,iBAAwB;CAM3B;;;;sBAvKqB,kCAAkC"}

package/blocks/CloudImageEditor/src/elements/slider/SliderUi.js

@@ -1,3 +1,4 @@
+import { html } from '@symbiotejs/symbiote';
 import { Block } from '../../../../../abstract/Block.js';
 
 export class SliderUi extends Block {
@@ -166,13 +167,13 @@ export class SliderUi extends Block {
     this._observer?.disconnect();
   }
 }
-SliderUi.template = /* HTML */ `
+SliderUi.template = html`
   <div class="uc-steps" ref="steps-el"></div>
   <div ref="thumb-el" class="uc-thumb"></div>
   <input
     class="uc-input"
     type="range"
     ref="input-el"
-    set="oninput: on.sliderInput; onchange: on.sliderChange; @min: min; @max: max; @value: defaultValue;"
+    bind="oninput: on.sliderInput; onchange: on.sliderChange; @min: min; @max: max; @value: defaultValue;"
   />
 `;

package/blocks/CloudImageEditor/src/lib/parseCropPreset.d.ts

@@ -1,2 +1,2 @@
-export function parseCropPreset(cropPreset: import('../../../../types/exported.d.ts').ConfigType['cropPreset']): import("../types.js").CropAspectRatio[] | undefined;
+export function parseCropPreset(cropPreset: import("../../../../types/exported.d.ts").ConfigType["cropPreset"]): import("../types.js").CropAspectRatio[] | undefined;
 //# sourceMappingURL=parseCropPreset.d.ts.map

package/blocks/CloudImageEditor/src/lib/transformationUtils.d.ts

@@ -2,13 +2,13 @@
  * @param {import('../types').Transformations} transformations
  * @returns {string}
  */
-export function transformationsToOperations(transformations: import('../types').Transformations): string;
+export function transformationsToOperations(transformations: import("../types").Transformations): string;
 /**
  * @param {string[]} operations
  * @returns {import('../types.js').Transformations}
  */
-export function operationsToTransformations(operations: string[]): import('../types.js').Transformations;
+export function operationsToTransformations(operations: string[]): import("../types.js").Transformations;
 /** @type {Record<keyof import('../types').Transformations, unknown>} */
-export const OPERATIONS_DEFAULTS: Record<keyof import('../types').Transformations, unknown>;
+export const OPERATIONS_DEFAULTS: Record<keyof import("../types").Transformations, unknown>;
 export const COMMON_OPERATIONS: string;
 //# sourceMappingURL=transformationUtils.d.ts.map

package/blocks/CloudImageEditor/src/lib/transformationUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformationUtils.d.ts","sourceRoot":"","sources":["transformationUtils.js"],"names":[],"mappings":"AAsEA;;;GAGG;AACH,6DAHW,OAAO,UAAU,EAAE,eAAe,GAChC,MAAM,CAalB;AAoDD;;;GAGG;AACH,wDAHW,MAAM,EAAE,GACN,OAAO,aAAa,EAAE,eAAe,CA2BjD;AAlKD,wEAAwE;AACxE,kCADW,OAAO,MAAM,OAAO,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,CAejE;AAoEH,uCAAqF"}
+{"version":3,"file":"transformationUtils.d.ts","sourceRoot":"","sources":["transformationUtils.js"],"names":[],"mappings":"AAsEA;;;GAGG;AACH,6DAHW,OAAO,UAAU,EAAE,eAAe,GAChC,MAAM,CAalB;AAoDD;;;GAGG;AACH,wDAHW,MAAM,EAAE,GACN,OAAO,aAAa,EAAE,eAAe,CA2BjD;AAlKD,wEAAwE;AACxE,kCADW,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,CAejE;AAoEH,uCAAqF"}

package/blocks/CloudImageEditor/src/state.d.ts

@@ -1,5 +1,5 @@
 /** @param {import('./CloudImageEditorBlock.js').CloudImageEditorBlock} fnCtx */
-export function initState(fnCtx: import('./CloudImageEditorBlock.js').CloudImageEditorBlock): {
+export function initState(fnCtx: import("./CloudImageEditorBlock.js").CloudImageEditorBlock): {
     '*originalUrl': null;
     '*faderEl': null;
     '*cropperEl': null;
@@ -8,9 +8,9 @@ export function initState(fnCtx: import('./CloudImageEditorBlock.js').CloudImage
     '*networkProblems': boolean;
     '*imageSize': null;
     /** @type {import('./types.js').Transformations} */
-    '*editorTransformations': import('./types.js').Transformations;
+    '*editorTransformations': import("./types.js").Transformations;
     /** @type {import('./types.js').CropPresetList} */
-    '*cropPresetList': import('./types.js').CropPresetList;
+    '*cropPresetList': import("./types.js").CropPresetList;
     '*tabList': ("crop" | "tuning" | "filters")[];
     '*tabId': "crop";
     entry: null;
@@ -32,7 +32,7 @@ export function initState(fnCtx: import('./CloudImageEditorBlock.js').CloudImage
     'presence.viewerToolbar': boolean;
     '*on.retryNetwork': () => void;
     /** @param {import('./types.js').Transformations} transformations */
-    '*on.apply': (transformations: import('./types.js').Transformations) => void;
+    '*on.apply': (transformations: import("./types.js").Transformations) => void;
     '*on.cancel': () => void;
 };
 //# sourceMappingURL=state.d.ts.map

package/blocks/CloudImageEditor/src/template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["template.js"],"names":[],"mappings":"AAGA,8BAgCE"}
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["template.js"],"names":[],"mappings":"AAIA,8BAgCE"}

package/blocks/CloudImageEditor/src/template.js

@@ -1,10 +1,11 @@
+import { html } from '@symbiotejs/symbiote';
 import { TRANSPARENT_PIXEL_SRC } from '../../../utils/transparentPixelSrc.js';
 import svgIconsSprite from './svg-sprite.js';
 
-export const TEMPLATE = /* HTML */ `
+export const TEMPLATE = html`
   ${svgIconsSprite}
   <div class="uc-wrapper uc-wrapper_desktop">
-    <uc-presence-toggle class="uc-network_problems_splash" set="visible: presence.networkProblems;">
+    <uc-presence-toggle class="uc-network_problems_splash" bind="visible: presence.networkProblems;">
       <div class="uc-network_problems_content">
         <div class="uc-network_problems_icon">
           <uc-icon name="sad"></uc-icon>
@@ -12,7 +13,7 @@ export const TEMPLATE = /* HTML */ `
         <div class="uc-network_problems_text">Network error</div>
       </div>
       <div class="uc-network_problems_footer">
-        <uc-btn-ui theme="primary" text="Retry" set="onclick: *on.retryNetwork"></uc-btn-ui>
+        <uc-btn-ui theme="primary" text="Retry" bind="onclick: *on.retryNetwork"></uc-btn-ui>
       </div>
     </uc-presence-toggle>
     <div class="uc-viewport">
@@ -27,7 +28,7 @@ export const TEMPLATE = /* HTML */ `
       <div class="uc-info_pan">{{msg}}</div>
     </div>
     <div class="uc-toolbar">
-      <uc-line-loader-ui set="active: showLoader"></uc-line-loader-ui>
+      <uc-line-loader-ui bind="active: showLoader"></uc-line-loader-ui>
       <div class="uc-toolbar_content uc-toolbar_content__editor">
         <uc-editor-toolbar></uc-editor-toolbar>
       </div>

package/blocks/CloudImageEditor/src/types.d.ts

@@ -49,10 +49,10 @@ export type ChangeResult = {
     transformations: Transformations;
 };
 export type CropAspectRatio = {
-    type: 'aspect-ratio';
+    type: "aspect-ratio";
     width: number;
     height: number;
 };
 export type CropPresetList = CropAspectRatio[];
-export type Direction = '' | 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
+export type Direction = "" | "n" | "s" | "e" | "w" | "ne" | "nw" | "se" | "sw";
 //# sourceMappingURL=types.d.ts.map

package/blocks/CloudImageEditor/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.js"],"names":[],"mappings":";;;gCAGa,YAAY,YAAY,OAAO,CAAC,CAAC;;;;wBAMjC;IAAE,KAAK,SAAS;IAAC,MAAM,SAAQ;CAAE;;;;;;;8BAYjC;IACZ,OAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAU,CAAC,EAAE;QAAE,MAAM,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,IAAQ,CAAC,EAAE;QAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CACnE;;iBAKU,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;;iBAKf,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;8BAGf;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;6BAEvD,eAAe,EAAE;wBAEjB,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.js"],"names":[],"mappings":";;;gCAGa,GAAG,SAAS,GAAG,SAAS,OAAO,CAAC,CAAC;;;;wBAMjC;IAAE,KAAK,SAAS;IAAC,MAAM,SAAQ;CAAE;;;;;;;8BAYjC;IACZ,OAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,IAAQ,CAAC,EAAE;QAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CACnE;;iBAKU,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;;iBAKf,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;8BAGf;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;6BAEvD,eAAe,EAAE;wBAEjB,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI"}

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts

@@ -6,8 +6,8 @@ export class CloudImageEditorActivity extends UploaderBlock {
         '*uploadList': never[];
         '*focusedEntry': null;
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': any[];
-        '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null;
+        '*collectionErrors': import("../../index.js").OutputErrorCollection[];
+        '*collectionState': import("../../index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
@@ -19,7 +19,7 @@ export class CloudImageEditorActivity extends UploaderBlock {
     };
     entry: import("../../abstract/TypedData.js").TypedData | undefined;
     /** @param {CustomEvent<import('../CloudImageEditor/src/types.js').ApplyResult>} e */
-    handleApply(e: CustomEvent<import('../CloudImageEditor/src/types.js').ApplyResult>): void;
+    handleApply(e: CustomEvent<import("../CloudImageEditor/src/types.js").ApplyResult>): void;
     handleCancel(): void;
     mountEditor(): void;
     _mounted: boolean | undefined;

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloudImageEditorActivity.d.ts","sourceRoot":"","sources":["CloudImageEditorActivity.js"],"names":[],"mappings":"AAKA;IAEE,iCAAuD;IAKrD;;;;;;;;;;;;;;;;MAGC;IAeC,mEAAkB;IAsBtB,qFAAqF;IACrF,eADY,YAAY,OAAO,kCAAkC,EAAE,WAAW,CAAC,QAW9E;IAED,qBAEC;IAED,oBAqCC;IAJC,8BAAoB;IAEpB,eAAe;IACf,kBAAyB;IAG3B,sBAGC;CACF;8BA9G6B,iCAAiC"}
+{"version":3,"file":"CloudImageEditorActivity.d.ts","sourceRoot":"","sources":["CloudImageEditorActivity.js"],"names":[],"mappings":"AAMA;IAEE,iCAAuD;IAKrD;;;;;;oCAW2B,gBAAU;mCAGoB,gBAAU;6BAIjE,2BAEF;;wCAOA,wCAAsB;;;;;;MAxBrB;IAeC,mEAAkB;IAsBtB,qFAAqF;IACrF,eADY,WAAW,CAAC,OAAO,kCAAkC,EAAE,WAAW,CAAC,QAW9E;IAED,qBAEC;IAED,oBAqCC;IAJC,8BAAoB;IAEpB,eAAe;IACf,kBAAyB;IAG3B,sBAGC;CACF;8BA9G6B,iCAAiC"}

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.js

@@ -1,4 +1,5 @@
 // @ts-check
+import { DICT } from '@symbiotejs/symbiote';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { CloudImageEditorBlock } from '../CloudImageEditor/index.js';
@@ -73,7 +74,7 @@ export class CloudImageEditorActivity extends UploaderBlock {
     const cropPreset = this.cfg.cropPreset;
     const tabs = this.cfg.cloudImageEditorTabs;
 
-    instance.setAttribute('ctx-name', this.ctxName);
+    instance.setAttribute(DICT.CTX_NAME_ATTR, this.ctxName);
     instance.setAttribute('cdn-url', cdnUrl);
 
     if (cropPreset) {

package/blocks/Config/Config.d.ts

@@ -11,16 +11,8 @@
  *   'collectionValidators',
  * ]}
  */
-export const complexConfigKeys: [
-    'metadata',
-    'localeDefinitionOverride',
-    'secureUploadsSignatureResolver',
-    'secureDeliveryProxyUrlResolver',
-    'iconHrefResolver',
-    'fileValidators',
-    'collectionValidators'
-];
-export type Config = import('../../utils/mixinClass.js').MixinClass<typeof ConfigClass, import('../../types').ConfigType>;
+export const complexConfigKeys: ["metadata", "localeDefinitionOverride", "secureUploadsSignatureResolver", "secureDeliveryProxyUrlResolver", "iconHrefResolver", "fileValidators", "collectionValidators"];
+export type Config = import("../../utils/mixinClass.js").MixinClass<typeof ConfigClass, import("../../types").ConfigType>;
 /** @typedef {import('../../utils/mixinClass.js').MixinClass<typeof ConfigClass, import('../../types').ConfigType>} Config */
 export const Config: Config;
 declare class ConfigClass extends Block {
@@ -62,6 +54,6 @@ declare class ConfigClass extends Block {
 }
 import { Block } from '../../abstract/Block.js';
 /** Mapping of attribute names to state */
-declare const attrStateMapping: Record<"multiple" | "pubkey" | "accept" | "store" | "debug" | "secure-expire" | "crop-preset" | "multiple-min" | "multiple-max" | "confirm-upload" | "img-only" | "external-sources-preferred-types" | "camera-mirror" | "camera-capture" | "source-list" | "max-local-file-size-bytes" | "thumb-size" | "show-empty-list" | "use-local-image-editor" | "use-cloud-image-editor" | "cloud-image-editor-tabs" | "remove-copyright" | "image-shrink" | "modal-scroll-lock" | "modal-backdrop-strokes" | "source-list-wrap" | "remote-tab-session-key" | "cdn-cname" | "base-url" | "social-base-url" | "secure-signature" | "secure-delivery-proxy" | "retry-throttled-request-max-times" | "multipart-min-file-size" | "multipart-chunk-size" | "max-concurrent-requests" | "multipart-max-concurrent-requests" | "multipart-max-attempts" | "check-for-url-duplicates" | "save-url-for-recurrent-uploads" | "group-output" | "user-agent-integration" | "locale-name" | "secure-uploads-expire-threshold" | "secureexpire" | "croppreset" | "multiplemin" | "multiplemax" | "confirmupload" | "imgonly" | "externalsourcespreferredtypes" | "cameramirror" | "cameracapture" | "sourcelist" | "maxlocalfilesizebytes" | "thumbsize" | "showemptylist" | "uselocalimageeditor" | "usecloudimageeditor" | "cloudimageeditortabs" | "removecopyright" | "imageshrink" | "modalscrolllock" | "modalbackdropstrokes" | "sourcelistwrap" | "remotetabsessionkey" | "cdncname" | "baseurl" | "socialbaseurl" | "securesignature" | "securedeliveryproxy" | "retrythrottledrequestmaxtimes" | "multipartminfilesize" | "multipartchunksize" | "maxconcurrentrequests" | "multipartmaxconcurrentrequests" | "multipartmaxattempts" | "checkforurlduplicates" | "saveurlforrecurrentuploads" | "groupoutput" | "useragentintegration" | "localename" | "secureuploadsexpirethreshold", string>;
+declare const attrStateMapping: Record<keyof import("../../types").ConfigAttributesType, string>;
 export {};
 //# sourceMappingURL=Config.d.ts.map

package/blocks/Config/Config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["Config.js"],"names":[],"mappings":"AAYA;;;;;;;;;;;;GAYG;AACH,gCAVU;IACT,UAAc;IACd,0BAA8B;IAC9B,gCAAoC;IACpC,gCAAoC;IACpC,kBAAsB;IACtB,gBAAoB;IACpB,sBAA0B;CACvB,CAUF;qBAiNY,OAAO,2BAA2B,EAAE,UAAU,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC;AAAlH,6HAA6H;AAG7H,4BAAmF;AAvLnF;IAkBE;;;;OAIG;IACH,+BAYC;IAED;;;;OAIG;IACH,2BAQC;IAED;;;;OAIG;IACH,kBAiBC;IAED;;;OAGG;IACH,kBAIC;IAED;;;;OAIG;IACH,wCAJW,MAAM,iBACN,OAAO,aACP,OAAO,QAoBjB;IA0CD;;;;OAIG;IACH,+BAJW,MAAM,uBAAuB,UAC7B,MAAM,UACN,MAAM,QAahB;CACF;sBArOqB,yBAAyB;AAoD/C,0CAA0C;AAC1C,qzDAGG"}
+{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["Config.js"],"names":[],"mappings":"AAYA;;;;;;;;;;;;GAYG;AACH,gCAVU,CACT,UAAc,EACd,0BAA8B,EAC9B,gCAAoC,EACpC,gCAAoC,EACpC,kBAAsB,EACtB,gBAAoB,EACpB,sBAA0B,CACvB,CAUF;qBAiNY,OAAO,2BAA2B,EAAE,UAAU,CAAC,OAAO,WAAW,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC;AAAlH,6HAA6H;AAG7H,qBAAiC,MAAM,CAA4C;AAvLnF;IAkBE;;;;OAIG;IACH,+BAYC;IAED;;;;OAIG;IACH,2BAQC;IAED;;;;OAIG;IACH,kBAiBC;IAED;;;OAGG;IACH,kBAIC;IAED;;;;OAIG;IACH,wCAJW,MAAM,iBACN,OAAO,aACP,OAAO,QAoBjB;IA0CD;;;;OAIG;IACH,+BAJW,MAAM,OAAO,gBAAgB,UAC7B,MAAM,UACN,MAAM,QAahB;CACF;sBArOqB,yBAAyB;AAoD/C,0CAA0C;AAC1C,gCAAoC,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,oBAAoB,EAAE,MAAM,CAAC,CAGjG"}

package/blocks/Config/initialConfig.d.ts

@@ -2,5 +2,5 @@ export const DEFAULT_CDN_CNAME: "https://ucarecdn.com";
 export const DEFAULT_BASE_URL: "https://upload.uploadcare.com";
 export const DEFAULT_SOCIAL_BASE_URL: "https://social.uploadcare.com";
 /** @type {import('../../types/exported').ConfigType} */
-export const initialConfig: import('../../types/exported').ConfigType;
+export const initialConfig: import("../../types/exported").ConfigType;
 //# sourceMappingURL=initialConfig.d.ts.map

package/blocks/Config/normalizeConfigValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AAeO,iCADK,OAAO,WAWlB;AA4IM,sGAHI,OAAO,mDAcjB"}
+{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AAeO,iCADK,OAAO,WAWlB;AA4IM,qCAL+C,CAAC,SAA1C,MAAO,OAAO,aAAa,EAAE,UAAW,OAC1C,CAAC,SACD,OAAO,GACL,OAAO,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAa3D"}

package/blocks/Copyright/Copyright.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Copyright.d.ts","sourceRoot":"","sources":["Copyright.js"],"names":[],"mappings":"AAEA;CAqBC;sBAvBqB,yBAAyB"}
+{"version":3,"file":"Copyright.d.ts","sourceRoot":"","sources":["Copyright.js"],"names":[],"mappings":"AAGA;CAqBC;sBAvBqB,yBAAyB"}

package/blocks/Copyright/Copyright.js

@@ -1,3 +1,4 @@
+import { html } from '@symbiotejs/symbiote';
 import { Block } from '../../abstract/Block.js';
 
 export class Copyright extends Block {
@@ -13,7 +14,7 @@ export class Copyright extends Block {
     );
   }
 
-  static template = /* HTML */ `
+  static template = html`
     <a
       href="https://uploadcare.com/?utm_source=copyright&utm_medium=referral&utm_campaign=v4"
       target="_blank noopener"

package/blocks/DropArea/DropArea.d.ts

@@ -12,8 +12,8 @@ export class DropArea extends UploaderBlock {
         '*uploadList': never[];
         '*focusedEntry': null;
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': any[];
-        '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null;
+        '*collectionErrors': import("../../index.js").OutputErrorCollection[];
+        '*collectionState': import("../../index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;

package/blocks/DropArea/DropArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropArea.d.ts","sourceRoot":"","sources":["DropArea.js"],"names":[],"mappings":"AAaA;IAKI;;;;;;;;;;;;;;;;;;;;;;;MAUC;IAGH,oBAgBC;IAgDC,eAAe;IACf,yBA2BE;IAIA,yDAWE;IA6BF;;;OAGG;IACH,uBASC;IAOL;;;;;OAKG;IACH,sBAeC;IAED,eAAe;IACf,0BAcC;CAqBF;;;;8BAlP6B,iCAAiC"}
+{"version":3,"file":"DropArea.d.ts","sourceRoot":"","sources":["DropArea.js"],"names":[],"mappings":"AAaA;IAKI;;;;;;;;;;;;;oCAAA,gBAAS;mCAGA,gBACb;6BAGO,2BACI;;wCASM,wCAA0B;;;;;;MAPtC;IAGH,oBAgBC;IAgDC,eAAe;IACf,yBA2BE;IAIA,yDAWE;IA6BF;;;OAGG;IACH,uBASC;IAOL;;;;;OAKG;IACH,sBAeC;IAED,eAAe;IACf,0BAcC;CAqBF;;;;8BAlP6B,iCAAiC"}

package/blocks/DropArea/DropArea.js

@@ -1,6 +1,6 @@
 // @ts-check
 
-import { Data } from '@symbiotejs/symbiote';
+import { PubSub, html } from '@symbiotejs/symbiote';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { stringToArray } from '../../utils/stringToArray.js';
@@ -233,7 +233,7 @@ export class DropArea extends UploaderBlock {
     if (registry) {
       registry.delete(this);
       if (registry.size === 0) {
-        Data.deleteCtx(GLOBAL_CTX_NAME);
+        PubSub.deleteCtx(GLOBAL_CTX_NAME);
       }
     }
 
@@ -246,11 +246,11 @@ export class DropArea extends UploaderBlock {
   }
 }
 
-DropArea.template = /* HTML */ `
+DropArea.template = html`
   <slot>
     <div data-default-slot hidden></div>
-    <div ref="content-wrapper" class="uc-content-wrapper" set="@hidden: !isVisible">
-      <div class="uc-icon-container" set="@hidden: !withIcon">
+    <div ref="content-wrapper" class="uc-content-wrapper" bind="@hidden: !isVisible">
+      <div class="uc-icon-container" bind="@hidden: !withIcon">
         <uc-icon name="default"></uc-icon>
         <uc-icon name="arrow-down"></uc-icon>
       </div>

package/blocks/DropArea/addDropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"addDropzone.d.ts","sourceRoot":"","sources":["addDropzone.js"],"names":[],"mappings":"AA0BA;;;;;;GAMG;AACH;IAL6B,OAAO,EAAzB,WAAW;IACI,QAAQ;IACR,OAAO;IACF,YAAY,EAAhC,aAAa;eAyGvB"}
+{"version":3,"file":"addDropzone.d.ts","sourceRoot":"","sources":["addDropzone.js"],"names":[],"mappings":"AA0BA;;;;;;GAMG;AACH,kCALG;IAA0B,OAAO,EAAzB,WAAW;IACI,QAAQ;IACR,OAAO;IACF,YAAY,EAAhC,aAAa;CACvB,cAwGA"}