@repobit/dex-store-elements 1.7.2 → 2.0.0

package/README.md

@@ -88,7 +88,7 @@ Peer dependencies are resolved automatically by npm; no extra install command is
 ```
 
 **Store Config**
-- `trialLinks` and `overrides` come from `@repobit/dex-store` and work transparently with these elements. You pass them when creating the `Store` and render trial links via `data-store-buy-link="30 days"` (trial duration as the attribute value) or rely on overridden option fields.
+- `trialLinks` and `overrides` come from `@repobit/dex-store` and work transparently with these elements. You pass them when creating the `Store` and render them via attributes like `data-store-trial-link` or by relying on overridden option fields.
 
 Example advanced config when constructing the store:
 
@@ -105,12 +105,12 @@ const store = new Store({
   trialLinks: {
     'com.bitdefender.tsmd.v2': {
       default: {
-        '5-12' : { '30 days': 'https://trial.example.com/default/5-12' },
-        '10-12': { '30 days': 'https://trial.example.com/default/10-12' }
+        '5-12' : 'https://trial.example.com/default/5-12',
+        '10-12': 'https://trial.example.com/default/10-12'
       },
       PromoX: {
-        '5-12' : { '30 days': 'https://trial.example.com/promox/5-12' },
-        '10-12': { '30 days': 'https://trial.example.com/promox/10-12' }
+        '5-12' : 'https://trial.example.com/promox/5-12',
+        '10-12': 'https://trial.example.com/promox/10-12'
       }
     }
   },
@@ -137,8 +137,9 @@ const store = new Store({
 ```
 
 Notes
+- `data-store-trial-link` uses `trialLinks` to set the anchor `href`. If no mapping exists, the attribute is left untouched.
 - `overrides.options` merges into each option; you can update `buyLink`, `discountedPrice`, etc., or delete an entire variation with `null`.
-- Keys are resolved against the product alias returned by the provider. If you don't use id mappings, it's the id you pass in `<bd-product product-id="...">`.
+- Keys are resolved against the product id returned by the provider (after adaptor mapping). If you don’t use mappings, it’s the id you pass in `<bd-product product-id="...">`.
 
 ## Rendering model
 - Add `data-store-render` to any element you want updated by the pipeline.
@@ -169,7 +170,8 @@ Notes
   - `data-store-context-discount` tokens: `min-value`, `max-value`, `min-value-monthly`, `max-value-monthly`, `min-percentage`, `max-percentage`, `min-percentage-monthly`, `max-percentage-monthly`
 
 - Links
-  - `data-store-buy-link` sets anchor `href` and useful `data-*` attributes. Accepts an optional trial-duration value (e.g. `data-store-buy-link="30 days"`): when provided, the trial link for that duration is used if one is configured for the current variation, otherwise falls back to the regular buy link.
+  - `data-store-buy-link` sets anchor `href` and useful `data-*` attributes
+  - `data-store-trial-link` sets anchor `href` to the trial link (if configured in `@repobit/dex-store` store config)
 
 - Hide DSL
   - `data-store-hide="<boolean expression>"` with an optional `data-store-hide-type="display|opacity|visibility"`

package/dist/src/actions/action.adapter.d.ts

@@ -0,0 +1,36 @@
+export declare class BdActionElementAdapter {
+    readonly element: HTMLElement;
+    readonly updateComplete: Promise<boolean>;
+    private readonly _listenerDisposers;
+    private _scan;
+    private _observer?;
+    private _connected;
+    /**
+     * The nearest bd node that claimed this element on connect.
+     *
+     * Retained so the disconnect can be announced directly to the owner even
+     * after the element is detached from the DOM. A bubbling event dispatched on
+     * a detached element would never reach the still-connected owner node.
+     */
+    private _owner?;
+    constructor(element: HTMLElement);
+    get isConnected(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    connect(): void;
+    disconnect(): void;
+    private _announceConnect;
+    private _announceDisconnect;
+    private _announceUpdate;
+    dispatchAction(): boolean;
+    private _connectElementBehavior;
+    private _connectInputElement;
+    private _connectSelectElement;
+    private _dispatchInputValueAction;
+    private _dispatchSelectAction;
+    private _addEventListener;
+    private _clearListeners;
+    private _connectElementObserver;
+    private _disconnectElementObserver;
+    private _refreshScan;
+}

package/dist/src/actions/action.adapter.js

@@ -0,0 +1,183 @@
+import { collectActionElementCompute, EMPTY_COMPUTE_SCAN } from '../compute/compute.scan.js';
+import { dispatchBdActionConnect, dispatchBdActionDisconnect, dispatchBdActionUpdate } from '../core/action-topology.js';
+import { dispatchBdActionRequest } from '../core/actions.js';
+import { readBdActionCommand, readInputValueCommand } from './action.attributes.js';
+const ACTION_ADAPTER_OBSERVED_ATTRIBUTES = [
+    'data-store-action',
+    'data-store-devices',
+    'data-store-set-bundle',
+    'data-store-set-campaign',
+    'data-store-set-delta',
+    'data-store-set-devices',
+    'data-store-set-id',
+    'data-store-set-max',
+    'data-store-set-min',
+    'data-store-set-subscription',
+    'data-store-set-type',
+    'data-store-set-use-as-value',
+    'data-store-subscription',
+    'max',
+    'min',
+    'type',
+    'value'
+];
+export class BdActionElementAdapter {
+    constructor(element) {
+        this.updateComplete = Promise.resolve(true);
+        this._listenerDisposers = new Set();
+        this._scan = EMPTY_COMPUTE_SCAN;
+        this._connected = false;
+        this.element = element;
+    }
+    get isConnected() {
+        return this._connected && this.element.isConnected;
+    }
+    connectedCallback() {
+        if (this._connected) {
+            return;
+        }
+        this._connected = true;
+        this._scan = collectActionElementCompute(this.element);
+        this._connectElementBehavior();
+        this._connectElementObserver();
+    }
+    disconnectedCallback() {
+        if (!this._connected) {
+            return;
+        }
+        this._connected = false;
+        this._clearListeners();
+        this._disconnectElementObserver();
+    }
+    connect() {
+        if (this._connected) {
+            return;
+        }
+        this.connectedCallback();
+        this._announceConnect();
+    }
+    disconnect() {
+        if (!this._connected) {
+            return;
+        }
+        this._announceDisconnect();
+        this.disconnectedCallback();
+    }
+    _announceConnect() {
+        dispatchBdActionConnect(this.element, this._scan, (owner) => {
+            this._owner = owner;
+        });
+    }
+    _announceDisconnect() {
+        dispatchBdActionDisconnect(this._owner ?? this.element, this.element);
+        this._owner = undefined;
+    }
+    _announceUpdate() {
+        if (!this._owner) {
+            return;
+        }
+        dispatchBdActionUpdate(this._owner, this.element, this._scan);
+    }
+    dispatchAction() {
+        const command = readBdActionCommand(this.element);
+        if (!command) {
+            return false;
+        }
+        return dispatchBdActionRequest(this.element, { command });
+    }
+    _connectElementBehavior() {
+        if (this.element instanceof HTMLInputElement) {
+            this._connectInputElement(this.element);
+            return;
+        }
+        if (this.element instanceof HTMLSelectElement) {
+            this._connectSelectElement(this.element);
+            return;
+        }
+        this._addEventListener(this.element, 'click', () => this.dispatchAction());
+    }
+    _connectInputElement(input) {
+        switch (input.type) {
+            case 'checkbox':
+            case 'radio':
+                if (input.checked) {
+                    this.dispatchAction();
+                }
+                this._addEventListener(input, 'click', () => {
+                    if (input.checked) {
+                        this.dispatchAction();
+                    }
+                });
+                break;
+            case 'number':
+            case 'text':
+                this._addEventListener(input, 'change', () => this._dispatchInputValueAction(input));
+                break;
+            default:
+                this._addEventListener(input, 'change', () => this.dispatchAction());
+                break;
+        }
+    }
+    _connectSelectElement(select) {
+        this._addEventListener(select, 'change', () => this._dispatchSelectAction(select));
+    }
+    _dispatchInputValueAction(input) {
+        const command = readInputValueCommand(input);
+        if (!command) {
+            return false;
+        }
+        return dispatchBdActionRequest(input, { command });
+    }
+    _dispatchSelectAction(select) {
+        const selected = select.selectedOptions[0];
+        const command = selected
+            ? readBdActionCommand(selected)
+            : readBdActionCommand(select);
+        if (!command ||
+            command.kind === 'update-by-delta') {
+            return false;
+        }
+        return dispatchBdActionRequest(select, { command });
+    }
+    _addEventListener(target, type, listener) {
+        target.addEventListener(type, listener);
+        this._listenerDisposers.add(() => {
+            target.removeEventListener(type, listener);
+        });
+    }
+    _clearListeners() {
+        for (const dispose of this._listenerDisposers) {
+            dispose();
+        }
+        this._listenerDisposers.clear();
+    }
+    _connectElementObserver() {
+        if (typeof MutationObserver === 'undefined') {
+            return;
+        }
+        this._observer = new MutationObserver(() => {
+            this._refreshScan();
+        });
+        this._observer.observe(this.element, {
+            attributeFilter: [...ACTION_ADAPTER_OBSERVED_ATTRIBUTES],
+            attributes: true
+        });
+    }
+    _disconnectElementObserver() {
+        this._observer?.disconnect();
+        this._observer = undefined;
+    }
+    _refreshScan() {
+        const scan = collectActionElementCompute(this.element);
+        if (sameComputeScan(this._scan, scan)) {
+            return;
+        }
+        this._scan = scan;
+        this._announceUpdate();
+    }
+}
+function sameComputeScan(a, b) {
+    return (JSON.stringify(a.staticCommands) === JSON.stringify(b.staticCommands) &&
+        JSON.stringify(a.domains) === JSON.stringify(b.domains));
+}
+//# sourceMappingURL=action.adapter.js.map

package/dist/src/actions/action.adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.adapter.js","sourceRoot":"","sources":["../../../src/actions/action.adapter.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  collectActionElementCompute,\n  EMPTY_COMPUTE_SCAN,\n  type BdComputeScan\n} from '@/compute/compute.scan.js';\nimport {\n  dispatchBdActionConnect,\n  dispatchBdActionDisconnect,\n  dispatchBdActionUpdate\n} from '@/core/action-topology.js';\nimport { dispatchBdActionRequest } from '@/core/actions.js';\nimport {\n  readBdActionCommand,\n  readInputValueCommand\n} from './action.attributes.js';\n\nconst ACTION_ADAPTER_OBSERVED_ATTRIBUTES = [\n  'data-store-action',\n  'data-store-devices',\n  'data-store-set-bundle',\n  'data-store-set-campaign',\n  'data-store-set-delta',\n  'data-store-set-devices',\n  'data-store-set-id',\n  'data-store-set-max',\n  'data-store-set-min',\n  'data-store-set-subscription',\n  'data-store-set-type',\n  'data-store-set-use-as-value',\n  'data-store-subscription',\n  'max',\n  'min',\n  'type',\n  'value'\n] as const;\n\nexport class BdActionElementAdapter {\n  readonly element       : HTMLElement;\n  readonly updateComplete: Promise<boolean> = Promise.resolve(true);\n\n  private readonly _listenerDisposers = new Set<() => void>();\n  private _scan     : BdComputeScan = EMPTY_COMPUTE_SCAN;\n  private _observer?: MutationObserver;\n  private _connected = false;\n\n  /**\n   * The nearest bd node that claimed this element on connect.\n   *\n   * Retained so the disconnect can be announced directly to the owner even\n   * after the element is detached from the DOM. A bubbling event dispatched on\n   * a detached element would never reach the still-connected owner node.\n   */\n  private _owner?: EventTarget;\n\n  constructor(\n    element: HTMLElement\n  ) {\n    this.element = element;\n  }\n\n  get isConnected(): boolean {\n    return this._connected && this.element.isConnected;\n  }\n\n  connectedCallback(): void {\n    if (this._connected) {\n      return;\n    }\n\n    this._connected = true;\n    this._scan = collectActionElementCompute(this.element);\n    this._connectElementBehavior();\n    this._connectElementObserver();\n  }\n\n  disconnectedCallback(): void {\n    if (!this._connected) {\n      return;\n    }\n\n    this._connected = false;\n    this._clearListeners();\n    this._disconnectElementObserver();\n  }\n\n  connect(): void {\n    if (this._connected) {\n      return;\n    }\n\n    this.connectedCallback();\n    this._announceConnect();\n  }\n\n  disconnect(): void {\n    if (!this._connected) {\n      return;\n    }\n\n    this._announceDisconnect();\n    this.disconnectedCallback();\n  }\n\n  private _announceConnect(): void {\n    dispatchBdActionConnect(\n      this.element,\n      this._scan,\n      (owner) => {\n        this._owner = owner;\n      }\n    );\n  }\n\n  private _announceDisconnect(): void {\n    dispatchBdActionDisconnect(\n      this._owner ?? this.element,\n      this.element\n    );\n\n    this._owner = undefined;\n  }\n\n  private _announceUpdate(): void {\n    if (!this._owner) {\n      return;\n    }\n\n    dispatchBdActionUpdate(\n      this._owner,\n      this.element,\n      this._scan\n    );\n  }\n\n  dispatchAction(): boolean {\n    const command = readBdActionCommand(this.element);\n\n    if (!command) {\n      return false;\n    }\n\n    return dispatchBdActionRequest(\n      this.element,\n      { command }\n    );\n  }\n\n  private _connectElementBehavior(): void {\n    if (this.element instanceof HTMLInputElement) {\n      this._connectInputElement(this.element);\n      return;\n    }\n\n    if (this.element instanceof HTMLSelectElement) {\n      this._connectSelectElement(this.element);\n      return;\n    }\n\n    this._addEventListener(\n      this.element,\n      'click',\n      () => this.dispatchAction()\n    );\n  }\n\n  private _connectInputElement(\n    input: HTMLInputElement\n  ): void {\n    switch (input.type) {\n      case 'checkbox':\n      case 'radio':\n        if (input.checked) {\n          this.dispatchAction();\n        }\n\n        this._addEventListener(\n          input,\n          'click',\n          () => {\n            if (input.checked) {\n              this.dispatchAction();\n            }\n          }\n        );\n        break;\n\n      case 'number':\n      case 'text':\n        this._addEventListener(\n          input,\n          'change',\n          () => this._dispatchInputValueAction(input)\n        );\n        break;\n\n      default:\n        this._addEventListener(\n          input,\n          'change',\n          () => this.dispatchAction()\n        );\n        break;\n    }\n  }\n\n  private _connectSelectElement(\n    select: HTMLSelectElement\n  ): void {\n    this._addEventListener(\n      select,\n      'change',\n      () => this._dispatchSelectAction(select)\n    );\n  }\n\n  private _dispatchInputValueAction(\n    input: HTMLInputElement\n  ): boolean {\n    const command = readInputValueCommand(input);\n\n    if (!command) {\n      return false;\n    }\n\n    return dispatchBdActionRequest(\n      input,\n      { command }\n    );\n  }\n\n  private _dispatchSelectAction(\n    select: HTMLSelectElement\n  ): boolean {\n    const selected = select.selectedOptions[0];\n    const command = selected\n      ? readBdActionCommand(selected)\n      : readBdActionCommand(select);\n\n    if (\n      !command ||\n      command.kind === 'update-by-delta'\n    ) {\n      return false;\n    }\n\n    return dispatchBdActionRequest(\n      select,\n      { command }\n    );\n  }\n\n  private _addEventListener<K extends keyof HTMLElementEventMap>(\n    target: HTMLElement,\n    type: K,\n    listener: (event: HTMLElementEventMap[K]) => void\n  ): void {\n    target.addEventListener(\n      type,\n      listener as EventListener\n    );\n\n    this._listenerDisposers.add(() => {\n      target.removeEventListener(\n        type,\n        listener as EventListener\n      );\n    });\n  }\n\n  private _clearListeners(): void {\n    for (const dispose of this._listenerDisposers) {\n      dispose();\n    }\n\n    this._listenerDisposers.clear();\n  }\n\n  private _connectElementObserver(): void {\n    if (typeof MutationObserver === 'undefined') {\n      return;\n    }\n\n    this._observer = new MutationObserver(() => {\n      this._refreshScan();\n    });\n\n    this._observer.observe(\n      this.element,\n      {\n        attributeFilter: [...ACTION_ADAPTER_OBSERVED_ATTRIBUTES],\n        attributes     : true\n      }\n    );\n  }\n\n  private _disconnectElementObserver(): void {\n    this._observer?.disconnect();\n    this._observer = undefined;\n  }\n\n  private _refreshScan(): void {\n    const scan = collectActionElementCompute(this.element);\n\n    if (sameComputeScan(\n      this._scan,\n      scan\n    )) {\n      return;\n    }\n\n    this._scan = scan;\n    this._announceUpdate();\n  }\n}\n\nfunction sameComputeScan(\n  a: BdComputeScan,\n  b: BdComputeScan\n): boolean {\n  return (\n    JSON.stringify(a.staticCommands) === JSON.stringify(b.staticCommands) &&\n    JSON.stringify(a.domains) === JSON.stringify(b.domains)\n  );\n}\n"]}

package/dist/src/actions/action.attributes.d.ts

@@ -0,0 +1,15 @@
+import type { BdActionCommand } from '../core/actions.js';
+export declare const DATA_ACTION_NODE: "[data-store-action]";
+export declare const DATA_EVENT_ID_ATTR = "data-store-event-id";
+/**
+ * Reads the optional `data-store-event-id` attribute from an element.
+ *
+ * The value pairs with the `ignore-events` attribute on `bd-*` provider
+ * elements, so a node can opt out of reacting to events whose source
+ * element carries this id. Returns `undefined` when the attribute is
+ * absent.
+ */
+export declare function readEventId(element: HTMLElement): string | undefined;
+export declare function isActionElement(element: HTMLElement): boolean;
+export declare function readBdActionCommand(element: HTMLElement): BdActionCommand | undefined;
+export declare function readInputValueCommand(input: HTMLInputElement): BdActionCommand | undefined;

package/dist/src/actions/action.attributes.js

@@ -0,0 +1,137 @@
+export const DATA_ACTION_NODE = '[data-store-action]';
+export const DATA_EVENT_ID_ATTR = 'data-store-event-id';
+/**
+ * Reads the optional `data-store-event-id` attribute from an element.
+ *
+ * The value pairs with the `ignore-events` attribute on `bd-*` provider
+ * elements, so a node can opt out of reacting to events whose source
+ * element carries this id. Returns `undefined` when the attribute is
+ * absent.
+ */
+export function readEventId(element) {
+    const value = element.dataset.storeEventId;
+    if (value === undefined || value === '') {
+        return undefined;
+    }
+    return value;
+}
+export function isActionElement(element) {
+    return element.matches(DATA_ACTION_NODE);
+}
+export function readBdActionCommand(element) {
+    const dataset = element.dataset;
+    if ('storeSetType' in dataset) {
+        const update = readUpdateByDelta(element);
+        if (!update) {
+            return undefined;
+        }
+        return {
+            kind: 'update-by-delta',
+            update
+        };
+    }
+    if (!isActionElement(element) &&
+        !hasSetActionData(dataset)) {
+        return undefined;
+    }
+    return {
+        kind: 'set-action',
+        action: readSetAction(element)
+    };
+}
+export function readInputValueCommand(input) {
+    const command = readBdActionCommand(input);
+    if (command?.kind !== 'update-by-delta') {
+        return command;
+    }
+    const delta = toOptionalNumber(input.value);
+    if (delta === undefined) {
+        return undefined;
+    }
+    return {
+        kind: 'update-by-delta',
+        update: {
+            ...command.update,
+            delta,
+            min: toOptionalNumber(input.min) ?? command.update.min,
+            max: toOptionalNumber(input.max) ?? command.update.max,
+            useAsValue: true
+        }
+    };
+}
+function readUpdateByDelta(element) {
+    const dataset = element.dataset;
+    const type = dataset.storeSetType;
+    if (type !== 'devices' &&
+        type !== 'subscription') {
+        return undefined;
+    }
+    const delta = readDelta(dataset.storeSetDelta);
+    if (delta === undefined) {
+        return undefined;
+    }
+    return {
+        type,
+        delta,
+        min: toOptionalNumber(dataset.storeSetMin),
+        max: toOptionalNumber(dataset.storeSetMax),
+        useAsValue: readBooleanAttribute(dataset, 'storeSetUseAsValue'),
+        eventId: readEventId(element)
+    };
+}
+function readSetAction(element) {
+    const dataset = element.dataset;
+    return {
+        id: dataset.storeSetId,
+        campaign: dataset.storeSetCampaign,
+        bundle: readBooleanAttribute(dataset, 'storeSetBundle'),
+        devices: toOptionDimension(dataset.storeSetDevices),
+        subscription: toOptionDimension(dataset.storeSetSubscription),
+        eventId: readEventId(element)
+    };
+}
+function hasSetActionData(dataset) {
+    return ('storeSetId' in dataset ||
+        'storeSetCampaign' in dataset ||
+        'storeSetBundle' in dataset ||
+        'storeSetDevices' in dataset ||
+        'storeSetSubscription' in dataset);
+}
+function readDelta(value) {
+    if (value === 'next' ||
+        value === 'prev') {
+        return value;
+    }
+    return toOptionalNumber(value);
+}
+function readBooleanAttribute(dataset, key) {
+    if (!(key in dataset)) {
+        return false;
+    }
+    const value = dataset[key];
+    return value === '' || value === 'true';
+}
+function toOptionalNumber(value) {
+    if (value === undefined) {
+        return undefined;
+    }
+    const trimmed = value.trim();
+    if (!trimmed) {
+        return undefined;
+    }
+    const parsed = Number(trimmed);
+    return Number.isNaN(parsed)
+        ? undefined
+        : parsed;
+}
+function toOptionDimension(value) {
+    const parsed = toOptionalNumber(value);
+    if (parsed === undefined ||
+        !Number.isFinite(parsed) ||
+        parsed < 0 ||
+        !Number.isInteger(parsed)) {
+        return undefined;
+    }
+    return parsed;
+}
+//# sourceMappingURL=action.attributes.js.map

package/dist/src/actions/action.attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.attributes.js","sourceRoot":"","sources":["../../../src/actions/action.attributes.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  Action,\n  BdActionCommand,\n  UpdateByDelta\n} from '@/core/actions.js';\n\nexport const DATA_ACTION_NODE = '[data-store-action]' as const;\nexport const DATA_EVENT_ID_ATTR = 'data-store-event-id';\n\n/**\n * Reads the optional `data-store-event-id` attribute from an element.\n *\n * The value pairs with the `ignore-events` attribute on `bd-*` provider\n * elements, so a node can opt out of reacting to events whose source\n * element carries this id. Returns `undefined` when the attribute is\n * absent.\n */\nexport function readEventId(\n  element: HTMLElement\n): string | undefined {\n  const value = element.dataset.storeEventId;\n\n  if (value === undefined || value === '') {\n    return undefined;\n  }\n\n  return value;\n}\n\nexport function isActionElement(\n  element: HTMLElement\n): boolean {\n  return element.matches(DATA_ACTION_NODE);\n}\n\nexport function readBdActionCommand(\n  element: HTMLElement\n): BdActionCommand | undefined {\n  const dataset = element.dataset;\n\n  if ('storeSetType' in dataset) {\n    const update = readUpdateByDelta(element);\n\n    if (!update) {\n      return undefined;\n    }\n\n    return {\n      kind: 'update-by-delta',\n      update\n    };\n  }\n\n  if (\n    !isActionElement(element) &&\n    !hasSetActionData(dataset)\n  ) {\n    return undefined;\n  }\n\n  return {\n    kind  : 'set-action',\n    action: readSetAction(element)\n  };\n}\n\nexport function readInputValueCommand(\n  input: HTMLInputElement\n): BdActionCommand | undefined {\n  const command = readBdActionCommand(input);\n\n  if (command?.kind !== 'update-by-delta') {\n    return command;\n  }\n\n  const delta = toOptionalNumber(input.value);\n\n  if (delta === undefined) {\n    return undefined;\n  }\n\n  return {\n    kind  : 'update-by-delta',\n    update: {\n      ...command.update,\n      delta,\n      min       : toOptionalNumber(input.min) ?? command.update.min,\n      max       : toOptionalNumber(input.max) ?? command.update.max,\n      useAsValue: true\n    }\n  };\n}\n\nfunction readUpdateByDelta(\n  element: HTMLElement\n): UpdateByDelta | undefined {\n  const dataset = element.dataset;\n  const type = dataset.storeSetType;\n\n  if (\n    type !== 'devices' &&\n    type !== 'subscription'\n  ) {\n    return undefined;\n  }\n\n  const delta = readDelta(dataset.storeSetDelta);\n\n  if (delta === undefined) {\n    return undefined;\n  }\n\n  return {\n    type,\n    delta,\n    min       : toOptionalNumber(dataset.storeSetMin),\n    max       : toOptionalNumber(dataset.storeSetMax),\n    useAsValue: readBooleanAttribute(\n      dataset,\n      'storeSetUseAsValue'\n    ),\n    eventId: readEventId(element)\n  };\n}\n\nfunction readSetAction(\n  element: HTMLElement\n): Action {\n  const dataset = element.dataset;\n\n  return {\n    id      : dataset.storeSetId,\n    campaign: dataset.storeSetCampaign,\n    bundle  : readBooleanAttribute(\n      dataset,\n      'storeSetBundle'\n    ),\n    devices     : toOptionDimension(dataset.storeSetDevices),\n    subscription: toOptionDimension(dataset.storeSetSubscription),\n    eventId     : readEventId(element)\n  };\n}\n\nfunction hasSetActionData(\n  dataset: DOMStringMap\n): boolean {\n  return (\n    'storeSetId' in dataset ||\n    'storeSetCampaign' in dataset ||\n    'storeSetBundle' in dataset ||\n    'storeSetDevices' in dataset ||\n    'storeSetSubscription' in dataset\n  );\n}\n\nfunction readDelta(\n  value: string | undefined\n): UpdateByDelta['delta'] | undefined {\n  if (\n    value === 'next' ||\n    value === 'prev'\n  ) {\n    return value;\n  }\n\n  return toOptionalNumber(value);\n}\n\nfunction readBooleanAttribute(\n  dataset: DOMStringMap,\n  key: string\n): boolean {\n  if (!(key in dataset)) {\n    return false;\n  }\n\n  const value = dataset[key];\n\n  return value === '' || value === 'true';\n}\n\nfunction toOptionalNumber(\n  value: string | undefined\n): number | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n\n  const trimmed = value.trim();\n\n  if (!trimmed) {\n    return undefined;\n  }\n\n  const parsed = Number(trimmed);\n\n  return Number.isNaN(parsed)\n    ? undefined\n    : parsed;\n}\n\nfunction toOptionDimension(\n  value: string | undefined\n): number | undefined {\n  const parsed = toOptionalNumber(value);\n\n  if (\n    parsed === undefined ||\n    !Number.isFinite(parsed) ||\n    parsed < 0 ||\n    !Number.isInteger(parsed)\n  ) {\n    return undefined;\n  }\n\n  return parsed;\n}\n"]}

package/dist/src/actions/action.registry.d.ts

@@ -0,0 +1,4 @@
+import { BdActionElementAdapter } from './action.adapter.js';
+export type BdActionRegistryCleanup = () => void;
+export declare function getActionElementAdapter(element: HTMLElement): BdActionElementAdapter | undefined;
+export declare function registerActionNodes(root: HTMLElement | ShadowRoot): BdActionRegistryCleanup;

package/dist/src/actions/action.registry.js

@@ -0,0 +1,119 @@
+import { BdActionElementAdapter } from './action.adapter.js';
+import { DATA_ACTION_NODE, isActionElement } from './action.attributes.js';
+const SHADOW_HOST_SELECTOR = '[shadow], [data-bd-watch-shadow]';
+const ACTION_ADAPTERS = new WeakMap();
+export function getActionElementAdapter(element) {
+    return ACTION_ADAPTERS.get(element);
+}
+export function registerActionNodes(root) {
+    const observed = new WeakSet();
+    const observers = new WeakMap();
+    const activeObservers = new Set();
+    const activeAdapters = new Set();
+    const connectActionElement = (element) => {
+        let adapter = ACTION_ADAPTERS.get(element);
+        if (!adapter) {
+            adapter = new BdActionElementAdapter(element);
+            ACTION_ADAPTERS.set(element, adapter);
+        }
+        activeAdapters.add(adapter);
+        adapter.connect();
+    };
+    const disconnectActionElement = (element) => {
+        const adapter = ACTION_ADAPTERS.get(element);
+        if (!adapter) {
+            return;
+        }
+        adapter.disconnect();
+        activeAdapters.delete(adapter);
+    };
+    const disconnectObserver = (node) => {
+        observed.delete(node);
+        const observer = observers.get(node);
+        if (!observer) {
+            return;
+        }
+        observer.disconnect();
+        observers.delete(node);
+        activeObservers.delete(observer);
+    };
+    const forEachActionElement = (searchRoot, callback) => {
+        if (searchRoot instanceof HTMLElement &&
+            isActionElement(searchRoot)) {
+            callback(searchRoot);
+        }
+        searchRoot
+            .querySelectorAll(DATA_ACTION_NODE)
+            .forEach(callback);
+    };
+    const forEachShadowRoot = (searchRoot, callback) => {
+        if (searchRoot instanceof HTMLElement &&
+            matchesShadowHost(searchRoot)) {
+            callback(searchRoot.shadowRoot);
+        }
+        searchRoot
+            .querySelectorAll(SHADOW_HOST_SELECTOR)
+            .forEach((host) => {
+            if (host.shadowRoot) {
+                callback(host.shadowRoot);
+            }
+        });
+    };
+    const cleanupShadowTree = (shadowRoot) => {
+        forEachActionElement(shadowRoot, disconnectActionElement);
+        forEachShadowRoot(shadowRoot, cleanupShadowTree);
+        disconnectObserver(shadowRoot);
+    };
+    const handleAdded = (node) => {
+        forEachActionElement(node, connectActionElement);
+        forEachShadowRoot(node, watch);
+    };
+    const handleRemoved = (node) => {
+        forEachActionElement(node, disconnectActionElement);
+        forEachShadowRoot(node, cleanupShadowTree);
+    };
+    const watch = (node) => {
+        if (observed.has(node)) {
+            return;
+        }
+        observed.add(node);
+        forEachActionElement(node, connectActionElement);
+        forEachShadowRoot(node, watch);
+        const observer = new MutationObserver((mutations) => {
+            for (const mutation of mutations) {
+                for (const added of mutation.addedNodes) {
+                    if (added instanceof HTMLElement) {
+                        handleAdded(added);
+                    }
+                }
+                for (const removed of mutation.removedNodes) {
+                    if (removed instanceof HTMLElement) {
+                        handleRemoved(removed);
+                    }
+                }
+            }
+        });
+        observer.observe(node, {
+            childList: true,
+            subtree: true
+        });
+        observers.set(node, observer);
+        activeObservers.add(observer);
+    };
+    watch(root);
+    return () => {
+        for (const observer of activeObservers) {
+            observer.disconnect();
+        }
+        activeObservers.clear();
+        for (const adapter of activeAdapters) {
+            adapter.disconnect();
+        }
+        activeAdapters.clear();
+    };
+}
+function matchesShadowHost(element) {
+    return Boolean(element.shadowRoot &&
+        element.matches(SHADOW_HOST_SELECTOR));
+}
+//# sourceMappingURL=action.registry.js.map

package/dist/src/actions/action.registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.registry.js","sourceRoot":"","sources":["../../../src/actions/action.registry.ts"],"names":[],"mappings":"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","sourcesContent":["import { BdActionElementAdapter } from './action.adapter.js';\nimport {\n  DATA_ACTION_NODE,\n  isActionElement\n} from './action.attributes.js';\n\nconst SHADOW_HOST_SELECTOR = '[shadow], [data-bd-watch-shadow]';\n\nconst ACTION_ADAPTERS = new WeakMap<HTMLElement, BdActionElementAdapter>();\n\nexport type BdActionRegistryCleanup = () => void;\n\nexport function getActionElementAdapter(\n  element: HTMLElement\n): BdActionElementAdapter | undefined {\n  return ACTION_ADAPTERS.get(element);\n}\n\nexport function registerActionNodes(\n  root: HTMLElement | ShadowRoot\n): BdActionRegistryCleanup {\n  const observed = new WeakSet<Node>();\n  const observers = new WeakMap<Node, MutationObserver>();\n  const activeObservers = new Set<MutationObserver>();\n  const activeAdapters = new Set<BdActionElementAdapter>();\n\n  const connectActionElement = (element: HTMLElement): void => {\n    let adapter = ACTION_ADAPTERS.get(element);\n\n    if (!adapter) {\n      adapter = new BdActionElementAdapter(element);\n      ACTION_ADAPTERS.set(\n        element,\n        adapter\n      );\n    }\n\n    activeAdapters.add(adapter);\n    adapter.connect();\n  };\n\n  const disconnectActionElement = (element: HTMLElement): void => {\n    const adapter = ACTION_ADAPTERS.get(element);\n\n    if (!adapter) {\n      return;\n    }\n\n    adapter.disconnect();\n    activeAdapters.delete(adapter);\n  };\n\n  const disconnectObserver = (node: Node): void => {\n    observed.delete(node);\n\n    const observer = observers.get(node);\n\n    if (!observer) {\n      return;\n    }\n\n    observer.disconnect();\n    observers.delete(node);\n    activeObservers.delete(observer);\n  };\n\n  const forEachActionElement = (\n    searchRoot: HTMLElement | ShadowRoot,\n    callback: (element: HTMLElement) => void\n  ): void => {\n    if (\n      searchRoot instanceof HTMLElement &&\n      isActionElement(searchRoot)\n    ) {\n      callback(searchRoot);\n    }\n\n    searchRoot\n      .querySelectorAll<HTMLElement>(DATA_ACTION_NODE)\n      .forEach(callback);\n  };\n\n  const forEachShadowRoot = (\n    searchRoot: HTMLElement | ShadowRoot,\n    callback: (shadowRoot: ShadowRoot) => void\n  ): void => {\n    if (\n      searchRoot instanceof HTMLElement &&\n      matchesShadowHost(searchRoot)\n    ) {\n      callback(searchRoot.shadowRoot);\n    }\n\n    searchRoot\n      .querySelectorAll<HTMLElement>(SHADOW_HOST_SELECTOR)\n      .forEach((host) => {\n        if (host.shadowRoot) {\n          callback(host.shadowRoot);\n        }\n      });\n  };\n\n  const cleanupShadowTree = (shadowRoot: ShadowRoot): void => {\n    forEachActionElement(\n      shadowRoot,\n      disconnectActionElement\n    );\n\n    forEachShadowRoot(\n      shadowRoot,\n      cleanupShadowTree\n    );\n\n    disconnectObserver(shadowRoot);\n  };\n\n  const handleAdded = (node: HTMLElement): void => {\n    forEachActionElement(\n      node,\n      connectActionElement\n    );\n\n    forEachShadowRoot(\n      node,\n      watch\n    );\n  };\n\n  const handleRemoved = (node: HTMLElement): void => {\n    forEachActionElement(\n      node,\n      disconnectActionElement\n    );\n\n    forEachShadowRoot(\n      node,\n      cleanupShadowTree\n    );\n  };\n\n  const watch = (node: HTMLElement | ShadowRoot): void => {\n    if (observed.has(node)) {\n      return;\n    }\n\n    observed.add(node);\n\n    forEachActionElement(\n      node,\n      connectActionElement\n    );\n\n    forEachShadowRoot(\n      node,\n      watch\n    );\n\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        for (const added of mutation.addedNodes) {\n          if (added instanceof HTMLElement) {\n            handleAdded(added);\n          }\n        }\n\n        for (const removed of mutation.removedNodes) {\n          if (removed instanceof HTMLElement) {\n            handleRemoved(removed);\n          }\n        }\n      }\n    });\n\n    observer.observe(\n      node,\n      {\n        childList: true,\n        subtree  : true\n      }\n    );\n\n    observers.set(\n      node,\n      observer\n    );\n\n    activeObservers.add(observer);\n  };\n\n  watch(root);\n\n  return () => {\n    for (const observer of activeObservers) {\n      observer.disconnect();\n    }\n\n    activeObservers.clear();\n\n    for (const adapter of activeAdapters) {\n      adapter.disconnect();\n    }\n\n    activeAdapters.clear();\n  };\n}\n\nfunction matchesShadowHost(\n  element: HTMLElement\n): element is HTMLElement & { shadowRoot: ShadowRoot } {\n  return Boolean(\n    element.shadowRoot &&\n    element.matches(SHADOW_HOST_SELECTOR)\n  );\n}\n"]}

package/dist/src/actions/index.d.ts

@@ -1,2 +1,3 @@
-declare const registerActionNodes: (root: HTMLElement | ShadowRoot) => () => void;
-export { registerActionNodes };
+export * from './action.adapter.js';
+export * from './action.attributes.js';
+export * from './action.registry.js';