@one-payments/web-components 1.1.32 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +593 -469
- package/dist/one-payment.d.ts +63 -1
- package/dist/one-payment.d.ts.map +1 -1
- package/dist/one-payment.js +315 -145
- package/dist/one-payment.js.map +1 -1
- package/docs/appearance-prop-implementation-plan.md +457 -0
- package/package.json +3 -3
package/dist/one-payment.d.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* @element one-payment
|
|
4
4
|
*/
|
|
5
5
|
import { LitElement } from 'lit';
|
|
6
|
-
import type { Adapters, SDKConfig, State, PaymentMethodId } from '@one-payments/core';
|
|
6
|
+
import type { Adapters, SDKConfig, State, PaymentMethodId, AppearanceOptions } from '@one-payments/core';
|
|
7
7
|
/**
|
|
8
8
|
* Custom events emitted by this component
|
|
9
9
|
*/
|
|
@@ -329,6 +329,37 @@ export declare class OnePayment extends LitElement {
|
|
|
329
329
|
* @public
|
|
330
330
|
*/
|
|
331
331
|
maxWidth?: string;
|
|
332
|
+
/**
|
|
333
|
+
* Appearance customization options for theming and styling
|
|
334
|
+
*
|
|
335
|
+
* Allows customization of:
|
|
336
|
+
* - `theme`: 'light' (default), 'dark', or 'auto' (follows system preference)
|
|
337
|
+
* - `variables`: CSS custom property overrides for colors, fonts, spacing
|
|
338
|
+
*
|
|
339
|
+
* @example
|
|
340
|
+
* ```html
|
|
341
|
+
* <!-- Dark theme -->
|
|
342
|
+
* <one-payment
|
|
343
|
+
* .appearance=${{ theme: 'dark' }}
|
|
344
|
+
* ></one-payment>
|
|
345
|
+
*
|
|
346
|
+
* <!-- Custom brand colors -->
|
|
347
|
+
* <one-payment
|
|
348
|
+
* .appearance=${{
|
|
349
|
+
* theme: 'light',
|
|
350
|
+
* variables: {
|
|
351
|
+
* colorPrimary: '#6366f1',
|
|
352
|
+
* borderRadius: '12px'
|
|
353
|
+
* }
|
|
354
|
+
* }}
|
|
355
|
+
* ></one-payment>
|
|
356
|
+
* ```
|
|
357
|
+
*
|
|
358
|
+
* @optional
|
|
359
|
+
* @type {AppearanceOptions}
|
|
360
|
+
* @public
|
|
361
|
+
*/
|
|
362
|
+
appearance?: AppearanceOptions;
|
|
332
363
|
private currentState;
|
|
333
364
|
private selectedMethod;
|
|
334
365
|
private cardFormData;
|
|
@@ -359,6 +390,37 @@ export declare class OnePayment extends LitElement {
|
|
|
359
390
|
* the element is already in the DOM.
|
|
360
391
|
*/
|
|
361
392
|
private hasAllRequiredProps;
|
|
393
|
+
/**
|
|
394
|
+
* Map of appearance variable names to CSS custom property names
|
|
395
|
+
*/
|
|
396
|
+
private readonly cssVariableMap;
|
|
397
|
+
/**
|
|
398
|
+
* Media query listener for auto theme
|
|
399
|
+
*/
|
|
400
|
+
private themeMediaQuery;
|
|
401
|
+
private themeMediaQueryHandler;
|
|
402
|
+
/**
|
|
403
|
+
* Apply appearance settings to the component
|
|
404
|
+
*
|
|
405
|
+
* This method:
|
|
406
|
+
* 1. Sets the data-theme attribute based on theme option
|
|
407
|
+
* 2. Applies CSS custom properties from variables
|
|
408
|
+
*
|
|
409
|
+
* @private
|
|
410
|
+
*/
|
|
411
|
+
private applyAppearance;
|
|
412
|
+
/**
|
|
413
|
+
* Apply CSS custom properties from variables object
|
|
414
|
+
*/
|
|
415
|
+
private applyCssVariables;
|
|
416
|
+
/**
|
|
417
|
+
* Setup listener for system theme changes (for theme: 'auto')
|
|
418
|
+
*/
|
|
419
|
+
private setupThemeMediaQueryListener;
|
|
420
|
+
/**
|
|
421
|
+
* Clean up theme media query listener
|
|
422
|
+
*/
|
|
423
|
+
private cleanupThemeMediaQueryListener;
|
|
362
424
|
static styles: import("lit").CSSResult;
|
|
363
425
|
connectedCallback(): void;
|
|
364
426
|
firstUpdated(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"one-payment.d.ts","sourceRoot":"","sources":["../src/one-payment.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,eAAe,
|
|
1
|
+
{"version":3,"file":"one-payment.d.ts","sourceRoot":"","sources":["../src/one-payment.ts"],"names":[],"mappings":"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"}
|