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

package/abstract/UploaderPublicApi.js

@@ -1,14 +1,14 @@
 // @ts-check
 import { ActivityBlock } from './ActivityBlock.js';
 
-import { Data } from '@symbiotejs/symbiote';
+import { PubSub } from '@symbiotejs/symbiote';
 import { EventType } from '../blocks/UploadCtxProvider/EventEmitter.js';
 import { UploadSource } from '../blocks/utils/UploadSource.js';
 import { serializeCsv } from '../blocks/utils/comma-separated.js';
 import { IMAGE_ACCEPT_LIST, fileIsImage, mergeFileTypes } from '../utils/fileTypes.js';
 import { parseCdnUrl } from '../utils/parseCdnUrl.js';
-import { buildOutputCollectionState } from './buildOutputCollectionState.js';
 import { stringToArray } from '../utils/stringToArray.js';
+import { buildOutputCollectionState } from './buildOutputCollectionState.js';
 
 export class UploaderPublicApi {
   /**
@@ -176,7 +176,7 @@ export class UploaderPublicApi {
    * @returns {import('../types/exported.js').OutputFileEntry<TStatus>}
    */
   getOutputItem = (entryId) => {
-    const uploadEntryData = /** @type {import('./uploadEntrySchema.js').UploadEntry} */ (Data.getCtx(entryId).store);
+    const uploadEntryData = /** @type {import('./uploadEntrySchema.js').UploadEntry} */ (PubSub.getCtx(entryId).store);
 
     /** @type {import('@uploadcare/upload-client').UploadcareFile?} */
     const fileInfo = uploadEntryData.fileInfo;

package/abstract/ValidationManager.d.ts

@@ -1,6 +1,6 @@
 export class ValidationManager {
     /** @param {import('./UploaderBlock.js').UploaderBlock} blockInstance */
-    constructor(blockInstance: import('./UploaderBlock.js').UploaderBlock);
+    constructor(blockInstance: import("./UploaderBlock.js").UploaderBlock);
     /**
      * @private
      * @type {import('./UploaderBlock.js').UploaderBlock}
@@ -26,6 +26,6 @@ export class ValidationManager {
      */
     _addCustomTypeToValidators<T>(validators: T[]): T[];
 }
-export type FuncFileValidator = (outputEntry: import('../types').OutputFileEntry, api: import('./UploaderPublicApi.js').UploaderPublicApi) => undefined | import('../types').OutputErrorFile;
-export type FuncCollectionValidator = (collection: ReturnType<typeof import('./buildOutputCollectionState.js').buildOutputCollectionState<import('../types').OutputCollectionStatus>>, api: import('./UploaderPublicApi.js').UploaderPublicApi) => undefined | import('../types').OutputErrorCollection;
+export type FuncFileValidator = (outputEntry: import("../types").OutputFileEntry, api: import("./UploaderPublicApi.js").UploaderPublicApi) => undefined | import("../types").OutputErrorFile;
+export type FuncCollectionValidator = (collection: ReturnType<typeof import("./buildOutputCollectionState.js").buildOutputCollectionState<import("../types").OutputCollectionStatus>>, api: import("./UploaderPublicApi.js").UploaderPublicApi) => undefined | import("../types").OutputErrorCollection;
 //# sourceMappingURL=ValidationManager.d.ts.map

package/abstract/ValidationManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationManager.d.ts","sourceRoot":"","sources":["ValidationManager.js"],"names":[],"mappings":"AAkCA;IAaE,wEAAwE;IACxE,2BADY,OAAO,oBAAoB,EAAE,aAAa,EAiBrD;IA7BD;;;OAGG;IACH,uBAAe;IAEf,kCAAkC;IAClC,iBADW,iBAAiB,EAAE,CACmE;IAEjG,wCAAwC;IACxC,uBADW,uBAAuB,EAAE,CACsC;IAMxE,kEAA6D;IAe/D,mCAAmC;IACnC,yDAQC;IAED,gCAqCC;IAED;;;OAGG;IACH,mCAyBC;IAED;;;;OAIG;IACH,oDAQC;CACF;8CArJiB,OAAO,UAAU,EAAE,eAAe,OAC1C,OAAO,wBAAwB,EAAE,iBAAiB,KACpD,SAAS,GAAG,OAAO,UAAU,EAAE,eAAe;mDAKrC,WAChB,cAAoB,iCAAiC,EAAE,0BAA0B,CACjF,OAAe,UAAU,EAAE,sBAAsB,CAC1C,CACF,OACI,OAAO,wBAAwB,EAAE,iBAAiB,KACpD,SAAS,GAAG,OAAO,UAAU,EAAE,qBAAqB"}
+{"version":3,"file":"ValidationManager.d.ts","sourceRoot":"","sources":["ValidationManager.js"],"names":[],"mappings":"AAkCA;IAaE,wEAAwE;IACxE,2BADY,OAAO,oBAAoB,EAAE,aAAa,EAiBrD;IA7BD;;;OAGG;IACH,uBAAe;IAEf,kCAAkC;IAClC,iBADW,iBAAiB,EAAE,CACmE;IAEjG,wCAAwC;IACxC,uBADW,uBAAuB,EAAE,CACsC;IAMxE,kEAA6D;IAe/D,mCAAmC;IACnC,yDAQC;IAED,gCAqCC;IAED;;;OAGG;IACH,mCAyBC;IAED;;;;OAIG;IACH,2BAJa,CAAC,cACH,CAAC,EAAE,GACD,CAAC,EAAE,CAUf;CACF;gCAtJY,CACR,WAAW,EAAE,OAAO,UAAU,EAAE,eAAe,EAC/C,GAAG,EAAE,OAAO,wBAAwB,EAAE,iBAAiB,KACpD,SAAS,GAAG,OAAO,UAAU,EAAE,eAAe;sCAIzC,CACR,UAAU,EAAE,UAAU,CAC1B,cAAoB,iCAAiC,EAAE,0BAA0B,CACjF,OAAe,UAAU,EAAE,sBAAsB,CAC1C,CACF,EACD,GAAG,EAAE,OAAO,wBAAwB,EAAE,iBAAiB,KACpD,SAAS,GAAG,OAAO,UAAU,EAAE,qBAAqB"}

package/abstract/a11y.d.ts

@@ -10,11 +10,11 @@ export class A11y {
      */
     private _scopedWindow;
     /** @param {import('./Block.js').Block} scope */
-    registerBlock(scope: import('./Block.js').Block): void;
+    registerBlock(scope: import("./Block.js").Block): void;
     destroy(): void;
 }
 /**
  * MinimalWindow interface is not exported by keyux, so we import it here using tricky way.
  */
-export type MinimalWindow = Parameters<import('keyux').KeyUXModule>[0];
+export type MinimalWindow = Parameters<import("keyux").KeyUXModule>[0];
 //# sourceMappingURL=a11y.d.ts.map

package/abstract/a11y.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["a11y.js"],"names":[],"mappings":"AAqFA;IACE;;;OAGG;IACH,sBAAc;IAEd;;;OAGG;IACH,sBAAc;IAYd,gDAAgD;IAChD,qBADY,OAAO,YAAY,EAAE,KAAK,QAGrC;IAED,gBAGC;CACF;;;;4BA/GY,WAAW,OAAO,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["a11y.js"],"names":[],"mappings":"AAqFA;IACE;;;OAGG;IACH,sBAAc;IAEd;;;OAGG;IACH,sBAAc;IAYd,gDAAgD;IAChD,qBADY,OAAO,YAAY,EAAE,KAAK,QAGrC;IAED,gBAGC;CACF;;;;4BA/GY,UAAU,CAAC,OAAO,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC"}

package/abstract/bindCompatibilityFallbackProcessor.d.ts

@@ -0,0 +1,3 @@
+/** @param {DocumentFragment} fr */
+export function bindCompatibilityFallbackProcessor(fr: DocumentFragment): void;
+//# sourceMappingURL=bindCompatibilityFallbackProcessor.d.ts.map

package/abstract/bindCompatibilityFallbackProcessor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindCompatibilityFallbackProcessor.d.ts","sourceRoot":"","sources":["bindCompatibilityFallbackProcessor.js"],"names":[],"mappings":"AAMA,mCAAmC;AACnC,uDADY,gBAAgB,QAS3B"}

package/abstract/bindCompatibilityFallbackProcessor.js

@@ -0,0 +1,16 @@
+// @ts-check
+
+import { DICT } from '@symbiotejs/symbiote';
+
+const FALLBACK_BIND_ATTR = 'set';
+
+/** @param {DocumentFragment} fr */
+export function bindCompatibilityFallbackProcessor(fr) {
+  [...fr.querySelectorAll(`[${FALLBACK_BIND_ATTR}]`)].forEach((el) => {
+    const setAttrValue = el.getAttribute(FALLBACK_BIND_ATTR);
+    if (setAttrValue) {
+      el.removeAttribute(FALLBACK_BIND_ATTR);
+      el.setAttribute(DICT.BIND_ATTR, setAttrValue);
+    }
+  });
+}

package/abstract/buildOutputCollectionState.d.ts

@@ -4,5 +4,5 @@
  * @param {import('./UploaderBlock.js').UploaderBlock} uploaderBlock
  * @returns {import('../index.js').OutputCollectionState<TCollectionStatus, TGroupFlag>}
  */
-export function buildOutputCollectionState<TCollectionStatus extends import("../index.js").OutputCollectionStatus, TGroupFlag extends import("../index.js").GroupFlag = "maybe-has-group">(uploaderBlock: import('./UploaderBlock.js').UploaderBlock): import("../index.js").OutputCollectionState<TCollectionStatus, TGroupFlag>;
+export function buildOutputCollectionState<TCollectionStatus extends import("../index.js").OutputCollectionStatus, TGroupFlag extends import("../index.js").GroupFlag = "maybe-has-group">(uploaderBlock: import("./UploaderBlock.js").UploaderBlock): import("../index.js").OutputCollectionState<TCollectionStatus, TGroupFlag>;
 //# sourceMappingURL=buildOutputCollectionState.d.ts.map

package/abstract/buildOutputCollectionState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildOutputCollectionState.d.ts","sourceRoot":"","sources":["buildOutputCollectionState.js"],"names":[],"mappings":"AAiCA;;;;;GAKG;AACH,0MAHW,OAAO,oBAAoB,EAAE,aAAa,8EAmGpD"}
+{"version":3,"file":"buildOutputCollectionState.d.ts","sourceRoot":"","sources":["buildOutputCollectionState.js"],"names":[],"mappings":"AAiCA;;;;;GAKG;AACH,2CAL4D,iBAAiB,SAAhE,OAAQ,aAAa,EAAE,sBAAuB,EACX,UAAU,SAA7C,OAAQ,aAAa,EAAE,SAAU,qCACnC,OAAO,oBAAoB,EAAE,aAAa,GACxC,OAAO,aAAa,EAAE,qBAAqB,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAkGtF"}

package/abstract/defineComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defineComponents.d.ts","sourceRoot":"","sources":["defineComponents.js"],"names":[],"mappings":"AAAA,gDAAgD;AAChD;QADmB,MAAM,GAAE,GAAG;SAoB7B"}
+{"version":3,"file":"defineComponents.d.ts","sourceRoot":"","sources":["defineComponents.js"],"names":[],"mappings":"AAEA,gDAAgD;AAChD,+CADY;QAAO,MAAM,GAAE,GAAG;CAAC,QAuB9B"}

package/abstract/defineComponents.js

@@ -1,6 +1,11 @@
+const EXCLUDE_COMPONENTS = ['Symbiote', 'BaseComponent', 'UploaderBlock', 'ActivityBlock', 'Block', 'SolutionBlock'];
+
 /** @param {Object<string, any>} blockExports */
 export function defineComponents(blockExports) {
   for (let blockName in blockExports) {
+    if (EXCLUDE_COMPONENTS.includes(blockName)) {
+      continue;
+    }
     let tagName = [...blockName].reduce((name, char) => {
       if (char.toUpperCase() === char) {
         char = '-' + char.toLowerCase();

package/abstract/l10nProcessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"l10nProcessor.d.ts","sourceRoot":"","sources":["l10nProcessor.js"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wEAHW,gBAAgB,kBAyE1B"}
+{"version":3,"file":"l10nProcessor.d.ts","sourceRoot":"","sources":["l10nProcessor.js"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,8BAJ0C,CAAC,SAA9B,OAAQ,YAAY,EAAE,KAAM,MAC9B,gBAAgB,SAChB,CAAC,QAwEX"}

package/abstract/l10nProcessor.js

@@ -48,11 +48,11 @@ export function l10nProcessor(fr, fnCtx) {
         // We don't need the leading * in the key because we use the key as a local context key relative to the global state
         const nodeStateKey = localeStateKey(mappedKey).replace('*', '');
         // If the key is not present in the node context, add it
-        if (!fnCtx.nodeCtx.has(nodeStateKey)) {
-          fnCtx.nodeCtx.add(nodeStateKey, mappedKey);
+        if (!fnCtx.sharedCtx.has(nodeStateKey)) {
+          fnCtx.sharedCtx.add(nodeStateKey, mappedKey);
         }
         // Subscribe on the global l10n key change
-        const sub = fnCtx.nodeCtx.sub(nodeStateKey, () => {
+        const sub = fnCtx.sharedCtx.sub(nodeStateKey, () => {
           el[/** @type {'textContent'} */ (elProp)] = fnCtx.l10n(mappedKey);
         });
         keySubs?.add(sub);

package/abstract/loadFileUploaderFrom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loadFileUploaderFrom.d.ts","sourceRoot":"","sources":["loadFileUploaderFrom.js"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,mFAFa,qCAA8B,CA0B1C;AA/BD,iCAAkC"}
+{"version":3,"file":"loadFileUploaderFrom.d.ts","sourceRoot":"","sources":["loadFileUploaderFrom.js"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,mFAFa,OAAO,CAAC,4BAAqB,CAAC,CA0B1C;AA/BD,iCAAkC"}

package/abstract/localeRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localeRegistry.d.ts","sourceRoot":"","sources":["localeRegistry.js"],"names":[],"mappings":"AAoCO,yCAHI,MAAM,wBACN,gBAAgB,GAAG,wBAAwB,QAQrD;AAMM,oDAHI,MAAM,GACJ,QAAQ,gBAAgB,CAAC,CAcrC;+BAnDa,OAAO,MAAM,EAAE,MAAM,CAAC;uCACtB,MAAM,QAAQ,gBAAgB,CAAC"}
+{"version":3,"file":"localeRegistry.d.ts","sourceRoot":"","sources":["localeRegistry.js"],"names":[],"mappings":"AAoCO,yCAHI,MAAM,wBACN,gBAAgB,GAAG,wBAAwB,QAQrD;AAMM,oDAHI,MAAM,GACJ,OAAO,CAAC,gBAAgB,CAAC,CAcrC;+BAnDa,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;uCACtB,MAAM,OAAO,CAAC,gBAAgB,CAAC"}

package/abstract/sharedConfigKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sharedConfigKey.d.ts","sourceRoot":"","sources":["sharedConfigKey.js"],"names":[],"mappings":"AAOO,oGAA8C"}
+{"version":3,"file":"sharedConfigKey.d.ts","sourceRoot":"","sources":["sharedConfigKey.js"],"names":[],"mappings":"AAOO,gCAJ4C,CAAC,SAAvC,MAAO,OAAO,UAAU,EAAE,UAAW,OACvC,CAAC,GACC,QAAQ,CAAC,EAAE,CAE6B"}

package/abstract/uploadEntrySchema.d.ts

@@ -52,12 +52,12 @@ export type UploadEntry = {
     thumbUrl: string;
     silent: boolean;
     errors: ({
-        type: import('..').OutputFileErrorType | import('..').OutputCollectionErrorType;
+        type: import("..").OutputFileErrorType | import("..").OutputCollectionErrorType;
         message: string;
     } & Record<string, unknown>)[];
     uploadError: Error | null;
     fullPath: string | null;
-    metadata: import('@uploadcare/upload-client').Metadata | null;
+    metadata: import("@uploadcare/upload-client").Metadata | null;
     isRemoved: boolean;
 };
 import { UploadcareFile } from '@uploadcare/upload-client';

package/abstract/uploadEntrySchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uploadEntrySchema.d.ts","sourceRoot":"","sources":["uploadEntrySchema.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH;;;GAGG;AACH,gCAFU,OAAO,CAAC,EAAE;IAAE,IAAI,WAAW;IAAC,KAAK,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,UAAS;CAAE,CAAC,CAwGpE;;UApIW,IAAI;;;cAGJ,MAAM;kBACN,MAAM;oBACN,MAAM;;;;;;;cAON,cAAc;;;;YAId,CAAC;QACd,IAAQ,EAAE,OAAO,IAAI,EAAE,mBAAmB,GAAG,OAAO,IAAI,EAAE,yBAAyB,CAAC;QACpF,OAAW,EAAE,MAAM,CAAC;KACjB,GAAG,OAAO,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE;iBACnB,KAAK,GAAG,IAAI;cACZ,MAAM,GAAG,IAAI;cACb,OAAO,2BAA2B,EAAE,QAAQ,GAAG,IAAI;eACnD,OAAO;;+BA3BU,2BAA2B"}
+{"version":3,"file":"uploadEntrySchema.d.ts","sourceRoot":"","sources":["uploadEntrySchema.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH;;;GAGG;AACH,gCAFU,MAAM,CAAC,CAAC,EAAE;IAAE,IAAI,WAAW;IAAC,KAAK,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,UAAS;CAAE,CAAC,CAwGpE;;UApIW,IAAI;;;cAGJ,MAAM;kBACN,MAAM;oBACN,MAAM;;;;;;;cAON,cAAc;;;;YAId,CAAC;QACd,IAAQ,EAAE,OAAO,IAAI,EAAE,mBAAmB,GAAG,OAAO,IAAI,EAAE,yBAAyB,CAAC;QACpF,OAAW,EAAE,MAAM,CAAC;KACjB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE;iBACnB,KAAK,GAAG,IAAI;cACZ,MAAM,GAAG,IAAI;cACb,OAAO,2BAA2B,EAAE,QAAQ,GAAG,IAAI;eACnD,OAAO;;+BA3BU,2BAA2B"}

package/abstract/uploadEntrySchema.js

@@ -109,7 +109,7 @@ export const uploadEntrySchema = Object.freeze({
   },
   source: {
     type: String,
-    value: false,
+    value: null,
     nullable: true,
   },
   fullPath: {

package/blocks/CameraSource/CameraSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CameraSource.d.ts","sourceRoot":"","sources":["CameraSource.js"],"names":[],"mappings":"AAMA;IAEE,uBAA+C;IAE/C,eAAe;IACf,0BAAyB;IAEzB,WA0BE;IAbE,qBAAqB;IACrB,sCAAuC;IAc3C,eAAe;IACf,oBAKE;IAEF,eAAe;IACf,sBAME;IAEF,eAAe;IACf,iCAEE;IAEF;;;OAGG;IACH,6BA2BQ;IAER,eAAe;IACf,8BASC;IAED,eAAe;IACf,iBAuCC;IAnBC,eAAe;IACf,gBAA+C;IAC/C,eAAe;IACf,aAAyC;IASvC,eAAe;IACf,mBAAsB;IAQ1B,eAAe;IACf,qBAMC;IAED,eAAe;IACf,cAkBC;IAED,8BAgCC;CACF;;;;8BArN6B,iCAAiC"}
+{"version":3,"file":"CameraSource.d.ts","sourceRoot":"","sources":["CameraSource.js"],"names":[],"mappings":"AAOA;IAEE,uBAA+C;IAE/C,eAAe;IACf,0BAAyB;IAEzB,WA0BE;IAbE,qBAAqB;IACrB,sCAAuC;IAc3C,eAAe;IACf,oBAKE;IAEF,eAAe;IACf,sBAME;IAEF,eAAe;IACf,iCAEE;IAEF;;;OAGG;IACH,6BA2BQ;IAER,eAAe;IACf,8BASC;IAED,eAAe;IACf,iBAuCC;IAnBC,eAAe;IACf,gBAA+C;IAC/C,eAAe;IACf,aAAyC;IASvC,eAAe;IACf,mBAAsB;IAQ1B,eAAe;IACf,qBAMC;IAED,eAAe;IACf,cAkBC;IAED,8BAgCC;CACF;;;;8BApN6B,iCAAiC"}

package/blocks/CameraSource/CameraSource.js

@@ -1,8 +1,9 @@
-import { UploaderBlock } from '../../abstract/UploaderBlock.js';
+import { html } from '@symbiotejs/symbiote';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
+import { UploaderBlock } from '../../abstract/UploaderBlock.js';
+import { UploadSource } from '../utils/UploadSource.js';
 import { canUsePermissionsApi } from '../utils/abilities.js';
 import { debounce } from '../utils/debounce.js';
-import { UploadSource } from '../utils/UploadSource.js';
 
 export class CameraSource extends UploaderBlock {
   couldBeCtxOwner = true;
@@ -213,21 +214,21 @@ export class CameraSource extends UploaderBlock {
   }
 }
 
-CameraSource.template = /* HTML */ `
+CameraSource.template = html`
   <uc-activity-header>
-    <button type="button" class="uc-mini-btn" set="onclick: *historyBack">
+    <button type="button" class="uc-mini-btn" bind="onclick: *historyBack">
       <uc-icon name="back"></uc-icon>
     </button>
-    <div set="@hidden: !cameraSelectHidden">
+    <div bind="@hidden: !cameraSelectHidden">
       <uc-icon name="camera"></uc-icon>
       <span l10n="caption-camera"></span>
     </div>
     <uc-select
       class="uc-camera-select"
-      set="$.options: cameraSelectOptions; @hidden: cameraSelectHidden; onchange: onCameraSelectChange"
+      bind="options: cameraSelectOptions; @hidden: cameraSelectHidden; onchange: onCameraSelectChange"
     >
     </uc-select>
-    <button type="button" class="uc-mini-btn uc-close-btn" set="onclick: *closeModal">
+    <button type="button" class="uc-mini-btn uc-close-btn" bind="onclick: *closeModal">
       <uc-icon name="close"></uc-icon>
     </button>
   </uc-activity-header>
@@ -235,18 +236,18 @@ CameraSource.template = /* HTML */ `
     <video
       autoplay
       playsinline
-      set="srcObject: video; style.transform: videoTransformCss; @hidden: videoHidden"
+      bind="srcObject: video; style.transform: videoTransformCss; @hidden: videoHidden"
       ref="video"
     ></video>
-    <div class="uc-message-box" set="@hidden: messageHidden">
+    <div class="uc-message-box" bind="@hidden: messageHidden">
       <span l10n="l10nMessage"></span>
       <button
         type="button"
-        set="onclick: onRequestPermissions; @hidden: requestBtnHidden"
+        bind="onclick: onRequestPermissions; @hidden: requestBtnHidden"
         l10n="camera-permissions-request"
       ></button>
     </div>
-    <button type="button" class="uc-shot-btn" set="onclick: onShot; @disabled: shotBtnDisabled">
+    <button type="button" class="uc-shot-btn" bind="onclick: onShot; @disabled: shotBtnDisabled">
       <uc-icon name="camera"></uc-icon>
     </button>
   </div>

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

@@ -1 +1 @@
-{"version":3,"file":"CloudImageEditorBlock.d.ts","sourceRoot":"","sources":["CloudImageEditorBlock.js"],"names":[],"mappings":"AAmBA;IAOI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAGC;IAGH,eAAe;IACf,6BAAkE;IAElE;;;OAGG;IACH,oBAEC;IAED;;;;;OAKG;IACH,qBAeC;IAYD,6BAkDC;IAED,4BA0FC;IA9EG,iCAAwB;CA+E7B;;;;sBA1NqB,4BAA4B;yBAezB,eAAe"}
+{"version":3,"file":"CloudImageEditorBlock.d.ts","sourceRoot":"","sources":["CloudImageEditorBlock.js"],"names":[],"mappings":"AAmBA;IAOI;;;;;;;;yCATS,YAAY;kCAGtB,YAAY;;;;;;;;;;;;;;;;;;;;;8CAqCA,YACT;;MA7BD;IAGH,eAAe;IACf,6BAAkE;IAElE;;;OAGG;IACH,oBAEC;IAED;;;;;OAKG;IACH,qBAeC;IAYD,6BAkDC;IAED,4BA0FC;IA9EG,iCAAwB;CA+E7B;;;;sBA1NqB,4BAA4B;yBAezB,eAAe"}

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

@@ -34,55 +34,55 @@ export class CropFrame extends Block {
     private _createFrame;
     _frameThumbs: Partial<{
         "": {
-            direction: import('./types.js').Direction;
+            direction: import("./types.js").Direction;
             pathNode: SVGElement;
             interactionNode: SVGElement;
             groupNode: SVGElement;
         };
         n: {
-            direction: import('./types.js').Direction;
+            direction: import("./types.js").Direction;
             pathNode: SVGElement;
             interactionNode: SVGElement;
             groupNode: SVGElement;
         };
         s: {
-            direction: import('./types.js').Direction;
+            direction: import("./types.js").Direction;
             pathNode: SVGElement;
             interactionNode: SVGElement;
             groupNode: SVGElement;
         };
         e: {
-            direction: import('./types.js').Direction;
+            direction: import("./types.js").Direction;
             pathNode: SVGElement;
             interactionNode: SVGElement;
             groupNode: SVGElement;
         };
         w: {
-            direction: import('./types.js').Direction;
+            direction: import("./types.js").Direction;
             pathNode: SVGElement;
             interactionNode: SVGElement;
             groupNode: SVGElement;
         };
         ne: {
-            direction: import('./types.js').Direction;
+            direction: import("./types.js").Direction;
             pathNode: SVGElement;
             interactionNode: SVGElement;
             groupNode: SVGElement;
         };
         nw: {
-            direction: import('./types.js').Direction;
+            direction: import("./types.js").Direction;
             pathNode: SVGElement;
             interactionNode: SVGElement;
             groupNode: SVGElement;
         };
         se: {
-            direction: import('./types.js').Direction;
+            direction: import("./types.js").Direction;
             pathNode: SVGElement;
             interactionNode: SVGElement;
             groupNode: SVGElement;
         };
         sw: {
-            direction: import('./types.js').Direction;
+            direction: import("./types.js").Direction;
             pathNode: SVGElement;
             interactionNode: SVGElement;
             groupNode: SVGElement;
@@ -96,7 +96,7 @@ export class CropFrame extends Block {
      */
     private _handlePointerDown;
     _draggingThumb: {
-        direction: import('./types.js').Direction;
+        direction: import("./types.js").Direction;
         pathNode: SVGElement;
         interactionNode: SVGElement;
         groupNode: SVGElement;
@@ -126,7 +126,7 @@ export class CropFrame extends Block {
      */
     private _handleSvgPointerMove_;
     _hoverThumb: {
-        direction: import('./types.js').Direction;
+        direction: import("./types.js").Direction;
         pathNode: SVGElement;
         interactionNode: SVGElement;
         groupNode: SVGElement;

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

@@ -1 +1 @@
-{"version":3,"file":"CropFrame.d.ts","sourceRoot":"","sources":["CropFrame.js"],"names":[],"mappings":"AA2BA;IAII;;MAGC;IAED,eAAe;IACf,yBAAyD;IAEzD,eAAe;IACf,2BAA6D;IAE7D,eAAe;IACf,8BAAmE;IAGrE;;;OAGG;IACH,+BAaC;IAED,eAAe;IACf,wBAyCC;IAFC,sCAAyB;IACzB,2CAAuC;IAGzC;;;OAGG;IACH,wBAUC;IAED,eAAe;IACf,wBASC;IAED,eAAe;IACf,qBAgEC;IAED,eAAe;IACf,sBAyCC;IAED,eAAe;IACf,sBA4CC;IAED,eAAe;IACf,qBAeC;IAFC;;uBApGkB,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;mBAiGG;IAC/B,qCAA+B;IAGjC;;;;OAIG;IACH,2BAiBC;IAJC;mBA1HkB,OAAO,YAAY,EAAE,SAAS;kBAC/B,UAAU;yBACH,UAAU;mBAChB,UAAU;kBAuHD;IAC3B,sCAA6B;IAC7B,6CAA6C;IAC7C,2DAAoC;IAGtC;;;OAGG;IACH,0BAUC;IAED;;;OAGG;IACH,4BAmBC;IAED;;;;OAIG;IACH,qBAsBC;IAED;;;OAGG;IACH,+BAqBC;IAFC;mBA7NkB,OAAO,YAAY,EAAE,SAAS;kBAC/B,UAAU;yBACH,UAAU;mBAChB,UAAU;kBA0NC;IAI/B,eAAe;IACf,sBAGC;IAED,eAAe;IACf,gBAGC;IAED,+BAA+B;IAC/B,sBADY,OAAO,QAclB;IAmBG,mCAAsF;CA6B3F;;;;sBA3fqB,4BAA4B"}
+{"version":3,"file":"CropFrame.d.ts","sourceRoot":"","sources":["CropFrame.js"],"names":[],"mappings":"AA4BA;IAII;;MAGC;IAED,eAAe;IACf,yBAAyD;IAEzD,eAAe;IACf,2BAA6D;IAE7D,eAAe;IACf,8BAAmE;IAGrE;;;OAGG;IACH,+BAaC;IAED,eAAe;IACf,wBAyCC;IAFC,sCAAyB;IACzB,2CAAuC;IAGzC;;;OAGG;IACH,wBAUC;IAED,eAAe;IACf,wBASC;IAED,eAAe;IACf,qBAgEC;IAED,eAAe;IACf,sBAyCC;IAED,eAAe;IACf,sBA4CC;IAED,eAAe;IACf,qBAeC;IAFC;;uBApGkB,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;;uBAHV,OAAO,YAAY,EAAE,SAAS;sBAC/B,UAAU;6BACH,UAAU;uBAChB,UAAU;;mBAiGG;IAC/B,qCAA+B;IAGjC;;;;OAIG;IACH,2BAiBC;IAJC;mBA1HkB,OAAO,YAAY,EAAE,SAAS;kBAC/B,UAAU;yBACH,UAAU;mBAChB,UAAU;kBAuHD;IAC3B,sCAA6B;IAC7B,6CAA6C;IAC7C,2DAAoC;IAGtC;;;OAGG;IACH,0BAUC;IAED;;;OAGG;IACH,4BAmBC;IAED;;;;OAIG;IACH,qBAsBC;IAED;;;OAGG;IACH,+BAqBC;IAFC;mBA7NkB,OAAO,YAAY,EAAE,SAAS;kBAC/B,UAAU;yBACH,UAAU;mBAChB,UAAU;kBA0NC;IAI/B,eAAe;IACf,sBAGC;IAED,eAAe;IACf,gBAGC;IAED,+BAA+B;IAC/B,sBADY,OAAO,QAclB;IAmBG,mCAAsF;CA6B3F;;;;sBA3fqB,4BAA4B"}

package/blocks/CloudImageEditor/src/CropFrame.js

@@ -1,4 +1,5 @@
 // @ts-check
+import { html } from '@symbiotejs/symbiote';
 import { Block } from '../../../abstract/Block.js';
 import {
   clamp,
@@ -508,4 +509,4 @@ export class CropFrame extends Block {
   }
 }
 
-CropFrame.template = /* HTML */ ` <svg class="uc-svg" ref="svg-el" xmlns="http://www.w3.org/2000/svg"></svg> `;
+CropFrame.template = html`<svg class="uc-svg" ref="svg-el" xmlns="http://www.w3.org/2000/svg"></svg>`;

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

@@ -1 +1 @@
-{"version":3,"file":"EditorButtonControl.d.ts","sourceRoot":"","sources":["EditorButtonControl.js"],"names":[],"mappings":"AAGA;IACE,WAME;IAKA,cAAoC;IACpC,aAAkC;CAoBrC;;;;sBAnCqB,4BAA4B"}
+{"version":3,"file":"EditorButtonControl.d.ts","sourceRoot":"","sources":["EditorButtonControl.js"],"names":[],"mappings":"AAIA;IACE,WAME;IAKA,cAAoC;IACpC,aAAkC;CAoBrC;;;;sBAnCqB,4BAA4B"}

package/blocks/CloudImageEditor/src/EditorButtonControl.js

@@ -1,3 +1,4 @@
+import { html } from '@symbiotejs/symbiote';
 import { classNames } from './lib/classNames.js';
 import { Block } from '../../../abstract/Block.js';
 
@@ -36,9 +37,9 @@ export class EditorButtonControl extends Block {
   }
 }
 
-EditorButtonControl.template = /* HTML */ `
+EditorButtonControl.template = html`
   <button type="button" role="option">
-    <uc-icon set="@name: icon;"></uc-icon>
+    <uc-icon bind="@name: icon;"></uc-icon>
     <div class="uc-title" ref="title-el">{{title}}</div>
   </button>
 `;

package/blocks/CloudImageEditor/src/EditorCropButtonControl.js

@@ -30,7 +30,7 @@ export class EditorCropButtonControl extends EditorButtonControl {
       this.$['icon'] = operation;
     });
 
-    this.$['on.click'] = (e) => {
+    this.$['on.click'] = () => {
       let prev = this.$['*cropperEl'].getValue(this._operation);
       let next = nextValue(this._operation, prev);
       this.$['*cropperEl'].setValue(this._operation, next);

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

@@ -1 +1 @@
-{"version":3,"file":"EditorFilterControl.d.ts","sourceRoot":"","sources":["EditorFilterControl.js"],"names":[],"mappings":"AAOA;IAeE,sBA2BC;IAED;;;OAGG;IACH,2BAHW,yBAAyB,EAAE,YAC3B,oBAAoB,iBAuB9B;IAfG,yCAA4B;IAoC1B,+BAA0B;IAC1B,4BAAqB;IAMzB,4CAEE;IAGF,kBAA+B;CAgDlC;;;;oCA3JmC,0BAA0B"}
+{"version":3,"file":"EditorFilterControl.d.ts","sourceRoot":"","sources":["EditorFilterControl.js"],"names":[],"mappings":"AAQA;IAeE,sBA2BC;IAED;;;OAGG;IACH,2BAHW,yBAAyB,EAAE,YAC3B,oBAAoB,iBAuB9B;IAfG,yCAA4B;IAoC1B,+BAA0B;IAC1B,4BAAqB;IAMzB,4CAEE;IAGF,kBAA+B;CAgDlC;;;;oCA3JmC,0BAA0B"}

package/blocks/CloudImageEditor/src/EditorFilterControl.js

@@ -1,9 +1,10 @@
 // @ts-check
+import { html } from '@symbiotejs/symbiote';
 import { createCdnUrl, createCdnUrlModifiers } from '../../../utils/cdn-utils.js';
 import { EditorButtonControl } from './EditorButtonControl.js';
 import { FAKE_ORIGINAL_FILTER } from './EditorSlider.js';
-import { COMMON_OPERATIONS, transformationsToOperations } from './lib/transformationUtils.js';
 import { preloadImage } from './lib/preloadImage.js';
+import { COMMON_OPERATIONS, transformationsToOperations } from './lib/transformationUtils.js';
 
 export class EditorFilterControl extends EditorButtonControl {
   constructor() {
@@ -157,9 +158,9 @@ export class EditorFilterControl extends EditorButtonControl {
   }
 }
 
-EditorFilterControl.template = /* HTML */ `
+EditorFilterControl.template = html`
   <button type="button" role="option">
     <div class="uc-preview" ref="preview-el"></div>
-    <uc-icon ref="icon-el" set="@name: icon; @size: iconSize;"></uc-icon>
+    <uc-icon ref="icon-el" bind="@name: icon; @size: iconSize;"></uc-icon>
   </button>
 `;

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

@@ -5,9 +5,9 @@ export class EditorImageCropper extends Block {
         /** @type {Operations} */
         '*operations': Operations;
         /** @type {import('./types.js').Rectangle} */
-        '*imageBox': import('./types.js').Rectangle;
+        '*imageBox': import("./types.js").Rectangle;
         /** @type {import('./types.js').Rectangle} */
-        '*cropBox': import('./types.js').Rectangle;
+        '*cropBox': import("./types.js").Rectangle;
     };
     /** @private */
     private _commitDebounced;
@@ -65,7 +65,7 @@ export class EditorImageCropper extends Block {
      * @param {import('./types.js').ImageSize} imageSize
      * @param {{ fromViewer?: boolean }} options
      */
-    activate(imageSize: import('./types.js').ImageSize, { fromViewer }?: {
+    activate(imageSize: import("./types.js").ImageSize, { fromViewer }?: {
         fromViewer?: boolean;
     }): Promise<void>;
     _isActive: boolean | undefined;

package/blocks/CloudImageEditor/src/EditorImageCropper.js

@@ -1,5 +1,5 @@
 // @ts-check
-
+import { html } from '@symbiotejs/symbiote';
 import { Block } from '../../../abstract/Block.js';
 import { debounce } from '../../utils/debounce.js';
 import { throttle } from '../../utils/throttle.js';
@@ -545,7 +545,7 @@ export class EditorImageCropper extends Block {
   }
 }
 
-EditorImageCropper.template = /* HTML */ `
+EditorImageCropper.template = html`
   <canvas class="uc-canvas" ref="canvas-el"></canvas>
   <uc-crop-frame ref="frame-el"></uc-crop-frame>
 `;

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

@@ -79,7 +79,7 @@ export class EditorImageFader extends Block {
     _cancelLastImages: any;
     _container: HTMLDivElement | undefined;
     /** @param {import('./types.js').Transformations} transformations */
-    setTransformations(transformations: import('./types.js').Transformations): Promise<void>;
+    setTransformations(transformations: import("./types.js").Transformations): Promise<void>;
     _transformations: import("./types.js").Transformations | undefined;
     /**
      * @param {object} options

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

@@ -1 +1 @@
-{"version":3,"file":"EditorImageFader.d.ts","sourceRoot":"","sources":["EditorImageFader.js"],"names":[],"mappings":"AA8DA;;;;;;;GAOG;AAEH;IAII;;;OAGG;IACH,kBAAsB;IAEtB;;;OAGG;IACH,gBAAmB;IAEnB,eAAe;IACf,8BAAwE;IAK1E;;;;OAIG;IACH,4BAmBC;IAED,eAAe;IACf,eAWC;IATC,yBAQE;IAGJ;;;;;;;;OAQG;IACH,kBAUC;IAED;;;;;OAKG;IACH,2BASC;IAED;;;;;;;OAOG;IACH,gBAEC;IAED;;;;;OAKG;IACH,qBA0CC;IAED,qCAAqC;IACrC,WADY,eAAe,QAK1B;IAED;;;;OAIG;IACH,gBAgBC;IAfC,+BAA2B;IAC3B,2BAAmB;IAgBrB,eAAe;IACf,4BAKC;IAED,eAAe;IACf,mBAmCC;IAjCC,mBAAqE;IAcrE,uBAGC;IAMC,uCAA2B;IAY/B,oEAAoE;IACpE,oCADY,OAAO,YAAY,EAAE,eAAe,iBAmB/C;IAjBC,mEAAuC;IAmBzC;;;;;;OAMG;IACH;QAL2B,GAAG;QACH,SAAS;QACT,KAAK;QACJ,MAAM;sBAUjC;IADC,8CAAiC;IAGnC,eAAe;IACf,wBA4CC;IAED;;;;;;;OAOG;IACH;QAN2B,GAAG;QACF,SAAS;QACT,KAAK;QACL,MAAM;QACL,UAAU;sBAwBtC;IAnBC,yBAAe;IAGf,4BAAqB;IACrB,iCAA6B;IAS7B,mCAEC;IAMH,0CAA0C;IAC1C,sBADY;QAAE,IAAI,CAAC,UAAS;KAAE,QA4B7B;CACF;;;;;WApYa,gBAAgB;;;sBAlER,4BAA4B"}
+{"version":3,"file":"EditorImageFader.d.ts","sourceRoot":"","sources":["EditorImageFader.js"],"names":[],"mappings":"AA8DA;;;;;;;GAOG;AAEH;IAII;;;OAGG;IACH,kBAAsB;IAEtB;;;OAGG;IACH,gBAAmB;IAEnB,eAAe;IACf,8BAAwE;IAK1E;;;;OAIG;IACH,4BAmBC;IAED,eAAe;IACf,eAWC;IATC,yBAQE;IAGJ;;;;;;;;OAQG;IACH,kBAUC;IAED;;;;;OAKG;IACH,2BASC;IAED;;;;;;;OAOG;IACH,gBAEC;IAED;;;;;OAKG;IACH,qBA0CC;IAED,qCAAqC;IACrC,WADY,eAAe,QAK1B;IAED;;;;OAIG;IACH,gBAgBC;IAfC,+BAA2B;IAC3B,2BAAmB;IAgBrB,eAAe;IACf,4BAKC;IAED,eAAe;IACf,mBAmCC;IAjCC,mBAAqE;IAcrE,uBAGC;IAMC,uCAA2B;IAY/B,oEAAoE;IACpE,oCADY,OAAO,YAAY,EAAE,eAAe,iBAmB/C;IAjBC,mEAAuC;IAmBzC;;;;;;OAMG;IACH,2CALG;QAAwB,GAAG;QACH,SAAS;QACT,KAAK;QACJ,MAAM;KAAC,iBAUlC;IADC,8CAAiC;IAGnC,eAAe;IACf,wBA4CC;IAED;;;;;;;OAOG;IACH,wDANG;QAAwB,GAAG;QACF,SAAS;QACT,KAAK;QACL,MAAM;QACL,UAAU;KAAC,iBAwBvC;IAnBC,yBAAe;IAGf,4BAAqB;IACrB,iCAA6B;IAS7B,mCAEC;IAMH,0CAA0C;IAC1C,sBADY;QAAE,IAAI,CAAC,UAAS;KAAE,QA4B7B;CACF;;;;;WApYa,gBAAgB;;;sBAlER,4BAA4B"}

package/blocks/CloudImageEditor/src/EditorOperationControl.js

@@ -11,7 +11,7 @@ export class EditorOperationControl extends EditorButtonControl {
   initCallback() {
     super.initCallback();
 
-    this.$['on.click'] = (e) => {
+    this.$['on.click'] = () => {
       this.$['*sliderEl'].setOperation(this._operation);
       this.$['*showSlider'] = true;
       this.$['*currentOperation'] = this._operation;

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

@@ -1 +1 @@
-{"version":3,"file":"EditorScroller.d.ts","sourceRoot":"","sources":["EditorScroller.js"],"names":[],"mappings":"AAIA;CA0BC;;;;sBA9BqB,4BAA4B"}
+{"version":3,"file":"EditorScroller.d.ts","sourceRoot":"","sources":["EditorScroller.js"],"names":[],"mappings":"AAKA;CA0BC;;;;sBA9BqB,4BAA4B"}

package/blocks/CloudImageEditor/src/EditorScroller.js

@@ -1,3 +1,4 @@
+import { html } from '@symbiotejs/symbiote';
 import { Block } from '../../../abstract/Block.js';
 
 const X_THRESHOLD = 1;
@@ -30,4 +31,4 @@ export class EditorScroller extends Block {
   }
 }
 
-EditorScroller.template = /* HTML */ ` <slot></slot> `;
+EditorScroller.template = html` <slot></slot> `;

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

@@ -1 +1 @@
-{"version":3,"file":"EditorSlider.d.ts","sourceRoot":"","sources":["EditorSlider.js"],"names":[],"mappings":"AAQA,8CAA+C;AAE/C;IACE,WAYE;IAEF;;;OAGG;IACH,mEAgBC;IAfC,iCAA6F;IAC7F,+BAA2B;IAC3B,8BAA0B;IAC1B,2BAAqC;IACrC,4BAAqB;IAavB,eAAe;IACf,0BAuBC;IAED,cAmBC;IAED,eAEC;IAMG,kBAA+B;CAQpC;;;;sBA9GqB,4BAA4B"}
+{"version":3,"file":"EditorSlider.d.ts","sourceRoot":"","sources":["EditorSlider.js"],"names":[],"mappings":"AASA,8CAA+C;AAE/C;IACE,WAYE;IAEF;;;OAGG;IACH,mEAgBC;IAfC,iCAA6F;IAC7F,+BAA2B;IAC3B,8BAA0B;IAC1B,2BAAqC;IACrC,4BAAqB;IAavB,eAAe;IACf,0BAuBC;IAED,cAmBC;IAED,eAEC;IAMG,kBAA+B;CAQpC;;;;sBA/GqB,4BAA4B"}

package/blocks/CloudImageEditor/src/EditorSlider.js

@@ -1,4 +1,5 @@
 import { Block } from '../../../abstract/Block.js';
+import { html } from '@symbiotejs/symbiote';
 import { COLOR_OPERATIONS_CONFIG } from './toolbar-constants.js';
 
 const ControlType = {
@@ -110,9 +111,9 @@ export class EditorSlider extends Block {
   }
 }
 
-EditorSlider.template = /* HTML */ `
+EditorSlider.template = html`
   <uc-slider-ui
     ref="slider-el"
-    set="disabled: disabled; min: min; max: max; defaultValue: defaultValue; zero: zero; onInput: on.input;"
+    bind="disabled: disabled; min: min; max: max; defaultValue: defaultValue; zero: zero; onInput: on.input;"
   ></uc-slider-ui>
 `;

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

@@ -2,7 +2,7 @@ export class EditorToolbar extends Block {
     init$: {
         '*sliderEl': null;
         /** @type {import('./types.js').LoadingOperations} */
-        '*loadingOperations': import('./types.js').LoadingOperations;
+        '*loadingOperations': import("./types.js").LoadingOperations;
         '*showSlider': boolean;
         '*currentFilter': string;
         '*currentOperation': null;

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

@@ -1 +1 @@
-{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["EditorToolbar.js"],"names":[],"mappings":"AA2DA;IAII;;QAGE,qDAAqD;8BAA1C,OAAO,YAAY,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuDjD,4BAA4B;2BAAhB,UAAU;;MAWvB;IAED,eAAe;IAEf,6BAAsE;IAGxE,eAAe;IACf,uBAKC;IAED;;;OAGG;IACH,gCAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,4BAoCC;IAED;;;;OAIG;IACH,qBAyBC;IAED;;;OAGG;IACH,4BAKC;IAED,eAAe;IACf,0BAIC;IAED,eAAe;IACf,4BAWC;IALG,oBAGC;IAIL;;;OAGG;IACH,oBAEC;IAED;;MAwBM;CAiFP;;;;sBA7YqB,4BAA4B"}
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["EditorToolbar.js"],"names":[],"mappings":"AA4DA;IAII;;QAGE,qDAAqD;8BAA1C,OAAO,YAAY,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuDjD,4BAA4B;2BAAhB,UAAU;;MAWvB;IAED,eAAe;IAEf,6BAAsE;IAGxE,eAAe;IACf,uBAKC;IAED;;;OAGG;IACH,gCAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,4BAoCC;IAED;;;;OAIG;IACH,qBAyBC;IAED;;;OAGG;IACH,4BAKC;IAED,eAAe;IACf,0BAIC;IAED,eAAe;IACf,4BAWC;IALG,oBAGC;IAIL;;;OAGG;IACH,oBAEC;IAED;;MAwBM;CAiFP;;;;sBA7YqB,4BAA4B"}