@uploadcare/file-uploader 1.22.0 → 1.24.0-alpha.0

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

@@ -1 +0,0 @@
-{"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;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,IAAI,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;;8BAIhB;IACR,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;6BAGU,eAAe,EAAE;0BAGlB,OAAO,CAAC,GACf,CAAC,IAAI,SAAS,GAAG;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,eAAe,EAAE,UAAU,CAAC;IAC5B,SAAS,EAAE,UAAU,CAAC;CACvB,GACF,CAAC;wBAGS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI"}

package/blocks/CloudImageEditor/src/types.js

@@ -1,80 +0,0 @@
-/**
- * Mapping of loading resources per operation
- *
- * @typedef {Map<String, Map<String, boolean>>} LoadingOperations
- */
-
-/**
- * Image size
- *
- * @typedef {{ width: Number; height: Number }} ImageSize
- */
-
-/**
- * @typedef {Object} Rectangle
- * @property {Number} x
- * @property {Number} y
- * @property {Number} width
- * @property {Number} height
- */
-
-/**
- * @typedef {{
- *   enhance?: number;
- *   brightness?: number;
- *   exposure?: number;
- *   gamma?: number;
- *   contrast?: number;
- *   saturation?: number;
- *   vibrance?: number;
- *   warmth?: number;
- *   rotate?: number;
- *   mirror?: boolean;
- *   flip?: boolean;
- *   filter?: { name: string; amount: number };
- *   crop?: { dimensions: [number, number]; coords: [number, number] };
- * }} Transformations
- */
-
-/**
- * @typedef {Object} ApplyResult
- * @property {string} originalUrl
- * @property {string} cdnUrlModifiers
- * @property {string} cdnUrl
- * @property {Transformations} transformations
- */
-
-/**
- * @typedef {Object} ChangeResult
- * @property {string} originalUrl
- * @property {string} cdnUrlModifiers
- * @property {string} cdnUrl
- * @property {Transformations} transformations
- */
-
-/**
- * @typedef {{
- *   type: 'aspect-ratio';
- *   width: number;
- *   height: number;
- *   id: string;
- *   hasFreeform?: boolean;
- * }} CropAspectRatio
- */
-
-/** @typedef {CropAspectRatio[]} CropPresetList */
-
-/**
- * @typedef {Partial<{
- *   [K in Direction]: {
- *     direction: Direction;
- *     pathNode: SVGElement;
- *     interactionNode: SVGElement;
- *     groupNode: SVGElement;
- *   };
- * }>} FrameThumbs
- */
-
-/** @typedef {'' | 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw'} Direction */
-
-export {};

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

@@ -1,2 +0,0 @@
-export function viewerImageSrc(originalUrl: any, width: any, transformations: any): string;
-//# sourceMappingURL=util.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["util.js"],"names":[],"mappings":"AAIA,2FAgBC"}

package/blocks/CloudImageEditor/src/util.js

@@ -1,21 +0,0 @@
-import { PACKAGE_NAME, PACKAGE_VERSION } from '../../../env.js';
-import { createCdnUrl, createCdnUrlModifiers } from '../../../utils/cdn-utils.js';
-import { COMMON_OPERATIONS, transformationsToOperations } from './lib/transformationUtils.js';
-
-export function viewerImageSrc(originalUrl, width, transformations) {
-  const MAX_CDN_DIMENSION = 3000;
-  let dpr = window.devicePixelRatio;
-  let size = Math.min(Math.ceil(width * dpr), MAX_CDN_DIMENSION);
-  let quality = dpr >= 2 ? 'lightest' : 'normal';
-
-  return createCdnUrl(
-    originalUrl,
-    createCdnUrlModifiers(
-      COMMON_OPERATIONS,
-      transformationsToOperations(transformations),
-      `quality/${quality}`,
-      `stretch/off/-/resize/${size}x`,
-      `@clib/${PACKAGE_NAME}/${PACKAGE_VERSION}/uc-cloud-image-editor/`,
-    ),
-  );
-}

package/blocks/CloudImageEditor/src/utils/parseFilterValue.d.ts

@@ -1,11 +0,0 @@
-/**
- * Parses a string like "iothari 100" into an object { filter: "iothari", value: 100 }
- *
- * @param {string} str
- * @returns {{ filter: string; value: number } | null}
- */
-export function parseFilterValue(str: string): {
-    filter: string;
-    value: number;
-} | null;
-//# sourceMappingURL=parseFilterValue.d.ts.map

package/blocks/CloudImageEditor/src/utils/parseFilterValue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"parseFilterValue.d.ts","sourceRoot":"","sources":["parseFilterValue.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,sCAHW,MAAM,GACJ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAMpD"}

package/blocks/CloudImageEditor/src/utils/parseFilterValue.js

@@ -1,11 +0,0 @@
-/**
- * Parses a string like "iothari 100" into an object { filter: "iothari", value: 100 }
- *
- * @param {string} str
- * @returns {{ filter: string; value: number } | null}
- */
-export function parseFilterValue(str) {
-  const match = str.match(/^(\w+)\s+(\d+)$/);
-  if (!match) return null;
-  return { filter: match[1], value: Number(match[2]) };
-}

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts

@@ -1,29 +0,0 @@
-/** @typedef {{ internalId: string }} ActivityParams */
-export class CloudImageEditorActivity extends UploaderBlock {
-    activityType: "cloud-image-edit";
-    /**
-     * @private
-     * @type {import('../../abstract/TypedData.js').TypedData<
-     *       import('../../abstract/uploadEntrySchema.js').uploadEntrySchema
-     *     >
-     *   | undefined}
-     */
-    private _entry;
-    /**
-     * @private
-     * @type {CloudImageEditorBlock | undefined}
-     */
-    private _instance;
-    /** @type {ActivityParams} */
-    get activityParams(): ActivityParams;
-    /** @param {CustomEvent<import('../CloudImageEditor/src/types.js').ApplyResult>} e */
-    handleApply(e: CustomEvent<import("../CloudImageEditor/src/types.js").ApplyResult>): void;
-    handleCancel(): void;
-    mountEditor(): void;
-    unmountEditor(): void;
-}
-export type ActivityParams = {
-    internalId: string;
-};
-import { UploaderBlock } from '../../abstract/UploaderBlock.js';
-//# sourceMappingURL=CloudImageEditorActivity.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CloudImageEditorActivity.d.ts","sourceRoot":"","sources":["CloudImageEditorActivity.js"],"names":[],"mappings":"AAKA,uDAAuD;AAEvD;IAEE,iCAAuD;IAEvD;;;;;;OAMG;IACH,eAAO;IAEP;;;OAGG;IACH,kBAAU;IAEV,6BAA6B;IAC7B,sBADW,cAAc,CAOxB;IAuBD,qFAAqF;IACrF,eADY,WAAW,CAAC,OAAO,kCAAkC,EAAE,WAAW,CAAC,QAY9E;IAED,qBAGC;IAED,oBA6CC;IAED,sBAIC;CACF;6BA1Ha;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE;8BAHN,iCAAiC"}

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.js

@@ -1,128 +0,0 @@
-// @ts-check
-import { ActivityBlock } from '../../abstract/ActivityBlock.js';
-import { UploaderBlock } from '../../abstract/UploaderBlock.js';
-import { CloudImageEditorBlock } from '../CloudImageEditor/index.js';
-
-/** @typedef {{ internalId: string }} ActivityParams */
-
-export class CloudImageEditorActivity extends UploaderBlock {
-  couldBeCtxOwner = true;
-  activityType = ActivityBlock.activities.CLOUD_IMG_EDIT;
-
-  /**
-   * @private
-   * @type {import('../../abstract/TypedData.js').TypedData<
-   *       import('../../abstract/uploadEntrySchema.js').uploadEntrySchema
-   *     >
-   *   | undefined}
-   */
-  _entry;
-
-  /**
-   * @private
-   * @type {CloudImageEditorBlock | undefined}
-   */
-  _instance;
-
-  /** @type {ActivityParams} */
-  get activityParams() {
-    const params = super.activityParams;
-    if ('internalId' in params) {
-      return params;
-    }
-    throw new Error(`Cloud Image Editor activity params not found`);
-  }
-
-  initCallback() {
-    super.initCallback();
-
-    this.registerActivity(this.activityType, {
-      onActivate: () => this.mountEditor(),
-      onDeactivate: () => this.unmountEditor(),
-    });
-
-    this.subConfigValue('cropPreset', (cropPreset) => {
-      if (this._instance && this._instance.getAttribute('crop-preset') !== cropPreset) {
-        this._instance.setAttribute('crop-preset', cropPreset);
-      }
-    });
-
-    this.subConfigValue('cloudImageEditorTabs', (tabs) => {
-      if (this._instance && this._instance.getAttribute('tabs') !== tabs) {
-        this._instance.setAttribute('tabs', tabs);
-      }
-    });
-  }
-
-  /** @param {CustomEvent<import('../CloudImageEditor/src/types.js').ApplyResult>} e */
-  handleApply(e) {
-    if (!this._entry) {
-      return;
-    }
-    let result = e.detail;
-    this._entry.setMultipleValues({
-      cdnUrl: result.cdnUrl,
-      cdnUrlModifiers: result.cdnUrlModifiers,
-    });
-    this.modalManager.close(ActivityBlock.activities.CLOUD_IMG_EDIT);
-    this.historyBack();
-  }
-
-  handleCancel() {
-    this.modalManager.close(ActivityBlock.activities.CLOUD_IMG_EDIT);
-    this.historyBack();
-  }
-
-  mountEditor() {
-    const { internalId } = this.activityParams;
-    const entry = this.uploadCollection.read(internalId);
-    if (!entry) {
-      throw new Error(`Entry with internalId "${internalId}" not found`);
-    }
-    this._entry = entry;
-    const cdnUrl = this._entry.getValue('cdnUrl');
-    if (!cdnUrl) {
-      throw new Error(`Entry with internalId "${internalId}" hasn't uploaded yet`);
-    }
-
-    const instance = new CloudImageEditorBlock();
-    const cropPreset = this.cfg.cropPreset;
-    const tabs = this.cfg.cloudImageEditorTabs;
-
-    instance.setAttribute('ctx-name', this.ctxName);
-    instance.setAttribute('cdn-url', cdnUrl);
-
-    if (cropPreset) {
-      instance.setAttribute('crop-preset', cropPreset);
-    }
-    if (tabs) {
-      instance.setAttribute('tabs', tabs);
-    }
-
-    instance.addEventListener('apply', (e) => {
-      const customEvent = /** @type {CustomEvent<import('../CloudImageEditor/src/types.js').ApplyResult>} */ (e);
-      this.handleApply(customEvent);
-      this.debugPrint(`editor event "apply"`, customEvent.detail);
-    });
-    instance.addEventListener('cancel', (e) => {
-      const customEvent = /** @type {CustomEvent<void>} */ (e);
-      this.handleCancel();
-      this.debugPrint(`editor event "cancel"`, customEvent.detail);
-    });
-    instance.addEventListener('change', (e) => {
-      const customEvent = /** @type {CustomEvent<import('../CloudImageEditor/src/types.js').ChangeResult>} */ (e);
-      this.debugPrint(`editor event "change"`, customEvent.detail);
-    });
-
-    this.innerHTML = '';
-    this.appendChild(instance);
-
-    this._instance = instance;
-  }
-
-  unmountEditor() {
-    this._instance = undefined;
-    this._entry = undefined;
-    this.innerHTML = '';
-  }
-}

package/blocks/CloudImageEditorActivity/index.css

@@ -1,13 +0,0 @@
-uc-cloud-image-editor-activity {
-  position: relative;
-  display: flex;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-color: var(--uc-background);
-}
-
-[uc-modal] > dialog:has(uc-cloud-image-editor-activity[active]) {
-  width: 100%;
-  height: 100%;
-}

package/blocks/CloudImageEditorActivity/test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=test.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["test.js"],"names":[],"mappings":""}

package/blocks/CloudImageEditorActivity/test.js

@@ -1,9 +0,0 @@
-import { ifRef } from '../../utils/ifRef.js';
-import * as blocks from '../../index.js';
-
-ifRef(() => {
-  blocks.defineComponents(blocks);
-  document.querySelector(blocks.CloudImageEditorBlock.is)?.addEventListener('apply', (e) => {
-    console.log(e);
-  });
-});

package/blocks/Config/Config.d.ts

@@ -1,60 +0,0 @@
-/**
- * Config keys that can't be passed as attribute (because they are object or function)
- *
- * @type {[
- *   'metadata',
- *   'localeDefinitionOverride',
- *   'secureUploadsSignatureResolver',
- *   'secureDeliveryProxyUrlResolver',
- *   'iconHrefResolver',
- *   'fileValidators',
- *   'collectionValidators',
- *   'mediaRecorderOptions',
- * ]}
- */
-export const complexConfigKeys: ["metadata", "localeDefinitionOverride", "secureUploadsSignatureResolver", "secureDeliveryProxyUrlResolver", "iconHrefResolver", "fileValidators", "collectionValidators", "mediaRecorderOptions"];
-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 {
-    /**
-     * @private
-     * @param {keyof import('../../types').ConfigType} key
-     * @param {unknown} value
-     */
-    private _flushValueToAttribute;
-    /**
-     * @private
-     * @param {keyof import('../../types').ConfigType} key
-     * @param {unknown} value
-     */
-    private _flushValueToState;
-    /**
-     * @private
-     * @param {keyof import('../../types').ConfigType} key
-     * @param {unknown} value
-     */
-    private _setValue;
-    /**
-     * @private
-     * @param {keyof import('../../types').ConfigType} key
-     */
-    private _getValue;
-    /**
-     * @param {string} key
-     * @param {unknown} previousValue
-     * @param {unknown} nextValue
-     */
-    _assertSameValueDifferentReference(key: string, previousValue: unknown, nextValue: unknown): void;
-    /**
-     * @param {keyof typeof attrStateMapping} name
-     * @param {string} oldVal
-     * @param {string} newVal
-     */
-    attributeChangedCallback(name: keyof typeof attrStateMapping, oldVal: string, newVal: string): void;
-}
-import { Block } from '../../abstract/Block.js';
-/** Mapping of attribute names to state */
-declare const attrStateMapping: Record<keyof import("../../types").ConfigAttributesType, string>;
-export {};
-//# sourceMappingURL=Config.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["Config.js"],"names":[],"mappings":"AAcA;;;;;;;;;;;;;GAaG;AACH,gCAXU,CACT,UAAc,EACd,0BAA8B,EAC9B,gCAAoC,EACpC,gCAAoC,EACpC,kBAAsB,EACtB,gBAAoB,EACpB,sBAA0B,EAC1B,sBAA0B,CACvB,CAWF;qBA8NY,OAAO,2BAA2B,EAAE,UAAU,CAAC,OAAO,WAAW,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC;AAAlH,6HAA6H;AAG7H,qBAAiC,MAAM,CAA4C;AApMnF;IAkBE;;;;OAIG;IACH,+BAYC;IAED;;;;OAIG;IACH,2BAQC;IAED;;;;OAIG;IACH,kBAwBC;IAED;;;OAGG;IACH,kBAIC;IAED;;;;OAIG;IACH,wCAJW,MAAM,iBACN,OAAO,aACP,OAAO,QAoBjB;IAgDD;;;;OAIG;IACH,+BAJW,MAAM,OAAO,gBAAgB,UAC7B,MAAM,UACN,MAAM,QAahB;CACF;sBAtPqB,yBAAyB;AAwD/C,0CAA0C;AAC1C,gCAAoC,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,oBAAoB,EAAE,MAAM,CAAC,CAGjG"}

package/blocks/Config/Config.js

@@ -1,263 +0,0 @@
-// @ts-check
-import { Block } from '../../abstract/Block.js';
-import { initialConfig } from './initialConfig.js';
-import { sharedConfigKey } from '../../abstract/sharedConfigKey.js';
-import { toKebabCase } from '../../utils/toKebabCase.js';
-import { normalizeConfigValue } from './normalizeConfigValue.js';
-import { runAssertions } from './assertions.js';
-import { runSideEffects } from './side-effects.js';
-
-const allConfigKeys = /** @type {(keyof import('../../types').ConfigType)[]} */ ([
-  // "debug" option should go first to be able to print debug messages from the very beginning
-  ...new Set(['debug', ...Object.keys(initialConfig)]),
-]);
-
-/**
- * Config keys that can't be passed as attribute (because they are object or function)
- *
- * @type {[
- *   'metadata',
- *   'localeDefinitionOverride',
- *   'secureUploadsSignatureResolver',
- *   'secureDeliveryProxyUrlResolver',
- *   'iconHrefResolver',
- *   'fileValidators',
- *   'collectionValidators',
- *   'mediaRecorderOptions',
- * ]}
- */
-export const complexConfigKeys = [
-  'metadata',
-  'localeDefinitionOverride',
-  'secureUploadsSignatureResolver',
-  'secureDeliveryProxyUrlResolver',
-  'iconHrefResolver',
-  'fileValidators',
-  'collectionValidators',
-  'mediaRecorderOptions',
-];
-
-/** @type {(key: keyof import('../../types').ConfigType) => key is keyof import('../../types').ConfigComplexType} */
-const isComplexKey = (key) => complexConfigKeys.includes(key);
-
-/** Config keys that can be passed as attribute */
-const plainConfigKeys = /** @type {(keyof import('../../types').ConfigPlainType)[]} */ (
-  allConfigKeys.filter((key) => !isComplexKey(key))
-);
-
-/**
- * Mapping of attribute names to config keys Kebab-case and lowercase are supported. lowercase could be used by
- * frameworks like vue and react.
- */
-const attrKeyMapping =
-  /** @type {Record<keyof import('../../types').ConfigAttributesType, keyof import('../../types').ConfigPlainType>} */ ({
-    ...Object.fromEntries(plainConfigKeys.map((key) => [toKebabCase(key), key])),
-    ...Object.fromEntries(plainConfigKeys.map((key) => [key.toLowerCase(), key])),
-  });
-
-/** Mapping of attribute names to state */
-const attrStateMapping = /** @type {Record<keyof import('../../types').ConfigAttributesType, string>} */ ({
-  ...Object.fromEntries(plainConfigKeys.map((key) => [toKebabCase(key), sharedConfigKey(key)])),
-  ...Object.fromEntries(plainConfigKeys.map((key) => [key.toLowerCase(), sharedConfigKey(key)])),
-});
-
-/** @param {string} key */
-const getLocalPropName = (key) => '__' + key;
-
-class ConfigClass extends Block {
-  requireCtxName = true;
-
-  constructor() {
-    super();
-
-    /** @type {Block['init$'] & import('../../types').ConfigType} */
-    this.init$ = {
-      ...this.init$,
-      ...Object.fromEntries(
-        Object.entries(initialConfig).map(([key, value]) => [
-          sharedConfigKey(/** @type {keyof import('../../types').ConfigType} */ (key)),
-          value,
-        ]),
-      ),
-    };
-  }
-
-  /**
-   * @private
-   * @param {keyof import('../../types').ConfigType} key
-   * @param {unknown} value
-   */
-  _flushValueToAttribute(key, value) {
-    if (plainConfigKeys.includes(key)) {
-      // Flush the value to the DOM attributes
-      const attrs = [...new Set([toKebabCase(key), key.toLowerCase()])];
-      for (const attr of attrs) {
-        if (typeof value === 'undefined' || value === null) {
-          this.removeAttribute(attr);
-        } else if (this.getAttribute(attr) !== value.toString()) {
-          this.setAttribute(attr, value.toString());
-        }
-      }
-    }
-  }
-
-  /**
-   * @private
-   * @param {keyof import('../../types').ConfigType} key
-   * @param {unknown} value
-   */
-  _flushValueToState(key, value) {
-    if (this.$[sharedConfigKey(key)] !== value) {
-      if (typeof value === 'undefined' || value === null) {
-        this.$[sharedConfigKey(key)] = initialConfig[key];
-      } else {
-        this.$[sharedConfigKey(key)] = value;
-      }
-    }
-  }
-
-  /**
-   * @private
-   * @param {keyof import('../../types').ConfigType} key
-   * @param {unknown} value
-   */
-  _setValue(key, value) {
-    const anyThis = /** @type {typeof this & any} */ (this);
-
-    const normalizedValue = normalizeConfigValue(key, value);
-
-    const localPropName = getLocalPropName(key);
-    if (anyThis[localPropName] === normalizedValue) return;
-
-    this._assertSameValueDifferentReference(key, anyThis[localPropName], normalizedValue);
-
-    anyThis[localPropName] = normalizedValue;
-
-    // Flush the value to the state
-    this._flushValueToAttribute(key, normalizedValue);
-    this._flushValueToState(key, normalizedValue);
-
-    this.debugPrint(`[uc-config] "${key}"`, normalizedValue);
-
-    runAssertions(this.cfg);
-    runSideEffects({
-      key,
-      setValue: this._setValue.bind(this),
-      getValue: this._getValue.bind(this),
-    });
-  }
-
-  /**
-   * @private
-   * @param {keyof import('../../types').ConfigType} key
-   */
-  _getValue(key) {
-    const anyThis = /** @type {typeof this & any} */ (this);
-    const localPropName = getLocalPropName(key);
-    return anyThis[localPropName] ?? this.$[sharedConfigKey(key)];
-  }
-
-  /**
-   * @param {string} key
-   * @param {unknown} previousValue
-   * @param {unknown} nextValue
-   */
-  _assertSameValueDifferentReference(key, previousValue, nextValue) {
-    if (this.cfg.debug) {
-      if (
-        nextValue !== previousValue &&
-        typeof nextValue === 'object' &&
-        typeof previousValue === 'object' &&
-        JSON.stringify(nextValue) === JSON.stringify(previousValue)
-      ) {
-        console.warn(
-          `[uc-config] Option "${key}" value is the same as the previous one but the reference is different`,
-        );
-        console.warn(
-          `[uc-config] You should avoid changing the reference of the object to prevent unnecessary calculations`,
-        );
-        console.warn(`[uc-config] "${key}" previous value:`, previousValue);
-        console.warn(`[uc-config] "${key}" new value:`, nextValue);
-      }
-    }
-  }
-
-  initCallback() {
-    super.initCallback();
-    const anyThis = /** @type {typeof this & any} */ (this);
-
-    // Subscribe to the state changes and update the local properties and attributes.
-    // Initial callback call is disabled to prevent the initial value to be set here.
-    // Initial value will be set below, skipping the default values.
-    for (const key of plainConfigKeys) {
-      this.sub(
-        sharedConfigKey(key),
-        (value) => {
-          this._setValue(key, value);
-        },
-        false,
-      );
-    }
-
-    for (const key of allConfigKeys) {
-      // Flush the initial value to the state.
-      // Initial value is taken from the DOM property if it was set before the element was initialized.
-      // If no DOM property was set, the initial value is taken from the initialConfig.
-      const initialValue = anyThis[key] ?? this.$[sharedConfigKey(key)];
-      if (initialValue !== initialConfig[key]) {
-        this._setValue(key, initialValue);
-      }
-
-      // Define DOM property setters and getters
-      // They will be used in the userland directly or by the frameworks
-      Object.defineProperty(this, key, {
-        /** @param {unknown} value */
-        set: (value) => {
-          this._setValue(key, value);
-        },
-        get: () => {
-          return this._getValue(key);
-        },
-      });
-
-      runSideEffects({
-        key,
-        setValue: this._setValue.bind(this),
-        getValue: this._getValue.bind(this),
-      });
-    }
-  }
-
-  /**
-   * @param {keyof typeof attrStateMapping} name
-   * @param {string} oldVal
-   * @param {string} newVal
-   */
-  attributeChangedCallback(name, oldVal, newVal) {
-    if (oldVal === newVal) return;
-
-    const anyThis = /** @type {typeof this & any} */ (this);
-    const key = attrKeyMapping[name];
-    // attributeChangedCallback could be called before the initCallback
-    // so we set the DOM property instead of calling this._setValue.
-    // If the block was initialized, the value will be handled by the setter.
-    // If the block was not initialized, the value will be set to the DOM property
-    // and handled on initialization.
-    anyThis[key] = newVal;
-  }
-}
-
-ConfigClass.bindAttributes(attrStateMapping);
-
-/**
- * Define empty DOM properties for all config keys on the Custom Element class prototype to make them checkable using
- * `key in element` syntax. This is required for the frameworks DOM property bindings to work.
- */
-for (const key of allConfigKeys) {
-  /** @type {any} */ (ConfigClass.prototype)[key] = undefined;
-}
-
-/** @typedef {import('../../utils/mixinClass.js').MixinClass<typeof ConfigClass, import('../../types').ConfigType>} Config */
-
-// This is workaround for jsdoc that allows us to export extended class type along with the class itself
-export const Config = /** @type {Config} */ (/** @type {unknown} */ (ConfigClass));

package/blocks/Config/assertions.d.ts

@@ -1,5 +0,0 @@
-/** Runs on every config change and warns about potential issues. */
-export const runAssertions: ((cfg: import("../../types").ConfigType) => void) & {
-    cancel: () => void;
-};
-//# sourceMappingURL=assertions.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"assertions.d.ts","sourceRoot":"","sources":["assertions.js"],"names":[],"mappings":"AAyBA,oEAAoE;AACpE,mCACc,OAAO,aAAa,EAAE,UAAU;;EAS5C"}