@kumori/aurora-wui-components 0.0.269-dev4119.3 → 0.0.269-dev4119.4
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.
|
@@ -15,6 +15,10 @@ export declare class AxebowButton extends LitElement {
|
|
|
15
15
|
value?: string;
|
|
16
16
|
fixedWidth?: string;
|
|
17
17
|
fixedHeight?: string;
|
|
18
|
+
paddingTop?: string;
|
|
19
|
+
paddingRight?: string;
|
|
20
|
+
paddingBottom?: string;
|
|
21
|
+
paddingLeft?: string;
|
|
18
22
|
/**
|
|
19
23
|
* 'simple' keeps each variant's own hover treatment (the default,
|
|
20
24
|
* unchanged). 'border' switches to the boxed hover look shared by
|
|
@@ -24,6 +28,7 @@ export declare class AxebowButton extends LitElement {
|
|
|
24
28
|
hoverStyle: 'simple' | 'border';
|
|
25
29
|
constructor();
|
|
26
30
|
updated(changed: Map<string, unknown>): void;
|
|
31
|
+
private _syncPaddingVar;
|
|
27
32
|
private _guardDisabledClick;
|
|
28
33
|
static styles: import('lit').CSSResult[];
|
|
29
34
|
private _handlePrefixChange;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-button.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-button/axebow-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIvD,OAAO,2DAA2D,CAAC;AAEnE,qBACa,YAAa,SAAQ,UAAU;IACC,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAa;IAEoB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC7C,OAAO,UAAS;IAChB,IAAI,UAAS;IACb,MAAM,UAAS;IACZ,QAAQ,UAAS;IACpB,OAAO,UAAS;IAChB,KAAK,UAAS;IAC9B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAEjD;;;;;OAKG;IACyB,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAY;;IAOvE,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"axebow-button.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-button/axebow-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIvD,OAAO,2DAA2D,CAAC;AAEnE,qBACa,YAAa,SAAQ,UAAU;IACC,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAa;IAEoB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC7C,OAAO,UAAS;IAChB,IAAI,UAAS;IACb,MAAM,UAAS;IACZ,QAAQ,UAAS;IACpB,OAAO,UAAS;IAChB,KAAK,UAAS;IAC9B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAEjD;;;;;OAKG;IACyB,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAY;;IAOvE,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAerC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB,CAKzB;IAEF,MAAM,CAAC,MAAM,4BA0KX;IAEF,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,mBAAmB;IAY3B,MAAM;CAyBP"}
|
package/dist/index.js
CHANGED
|
@@ -371,6 +371,16 @@ var AxebowButton = class AxebowButton extends LitElement {
|
|
|
371
371
|
else this.style.removeProperty("--axebow-button-width");
|
|
372
372
|
if (changed.has("fixedHeight")) if (this.fixedHeight) this.style.setProperty("--axebow-button-height", this.fixedHeight);
|
|
373
373
|
else this.style.removeProperty("--axebow-button-height");
|
|
374
|
+
this._syncPaddingVar(changed, "paddingTop", "--axebow-button-padding-top");
|
|
375
|
+
this._syncPaddingVar(changed, "paddingRight", "--axebow-button-padding-right");
|
|
376
|
+
this._syncPaddingVar(changed, "paddingBottom", "--axebow-button-padding-bottom");
|
|
377
|
+
this._syncPaddingVar(changed, "paddingLeft", "--axebow-button-padding-left");
|
|
378
|
+
}
|
|
379
|
+
_syncPaddingVar(changed, prop, cssVar) {
|
|
380
|
+
if (!changed.has(prop)) return;
|
|
381
|
+
const value = this[prop];
|
|
382
|
+
if (value) this.style.setProperty(cssVar, value);
|
|
383
|
+
else this.style.removeProperty(cssVar);
|
|
374
384
|
}
|
|
375
385
|
static {
|
|
376
386
|
this.styles = [unsafeCSS(tailwind_default), css`
|
|
@@ -619,6 +629,10 @@ __decorate([property({ type: String })], AxebowButton.prototype, "name", void 0)
|
|
|
619
629
|
__decorate([property({ type: String })], AxebowButton.prototype, "value", void 0);
|
|
620
630
|
__decorate([property({ type: String })], AxebowButton.prototype, "fixedWidth", void 0);
|
|
621
631
|
__decorate([property({ type: String })], AxebowButton.prototype, "fixedHeight", void 0);
|
|
632
|
+
__decorate([property({ type: String })], AxebowButton.prototype, "paddingTop", void 0);
|
|
633
|
+
__decorate([property({ type: String })], AxebowButton.prototype, "paddingRight", void 0);
|
|
634
|
+
__decorate([property({ type: String })], AxebowButton.prototype, "paddingBottom", void 0);
|
|
635
|
+
__decorate([property({ type: String })], AxebowButton.prototype, "paddingLeft", void 0);
|
|
622
636
|
__decorate([property({ type: String })], AxebowButton.prototype, "hoverStyle", void 0);
|
|
623
637
|
AxebowButton = __decorate([customElement("axebow-button")], AxebowButton);
|
|
624
638
|
//#endregion
|