@kumori/aurora-wui-components 0.0.255-dev4067.4 → 0.0.255-dev4067.6
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/components/axebow-input/axebow-input-base.d.ts +1 -0
- package/dist/components/axebow-input/axebow-input-base.d.ts.map +1 -1
- package/dist/components/axebow-input/axebow-input.d.ts +1 -0
- package/dist/components/axebow-input/axebow-input.d.ts.map +1 -1
- package/dist/components/axebow-input/axebow-select-input.d.ts +1 -0
- package/dist/components/axebow-input/axebow-select-input.d.ts.map +1 -1
- package/dist/index.js +30 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -12,6 +12,7 @@ export declare abstract class AxebowInputBase extends LitElement {
|
|
|
12
12
|
maxlength?: number;
|
|
13
13
|
callback?: (e: Event) => void;
|
|
14
14
|
compact: boolean;
|
|
15
|
+
wrapDescription: boolean;
|
|
15
16
|
protected handleChange(e: Event): void;
|
|
16
17
|
protected renderWrapper(content: TemplateResult): TemplateResult;
|
|
17
18
|
protected renderFixedField(content: TemplateResult): TemplateResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-input-base.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,+BAA+B,CAAC;AAEvC,8BAAsB,eAAgB,SAAQ,UAAU;IACtD,MAAM,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"axebow-input-base.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,+BAA+B,CAAC;AAEvC,8BAAsB,eAAgB,SAAQ,UAAU;IACtD,MAAM,CAAC,UAAU,4BAgEf;IAE0B,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IAChB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,YAAY,SAAM;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,UAAS;IAChB,eAAe,UAAS;IAErD,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;IAO/B,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;IA2ChE,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;CAiCpE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,yDAAyD,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAA6B,MAAM,0BAA0B,CAAC;AACtF,OAAO,wBAAwB,CAAC;AAChC,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AACxH,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AAE9C;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,4BASX;IAE0B,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IAChB,QAAQ,UAAS;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,WAAW,CAAW;IACpC,OAAO,EAAE,MAAM,EAAE,CAAM;IACvB,aAAa,EAAE,YAAY,EAAE,CAAM;IACf,QAAQ,UAAS;IAChC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAC3D,YAAY,SAAM;IACjB,QAAQ,UAAS;IAClB,GAAG,SAA2B;IAC9B,GAAG,SAAK;IACR,SAAS,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,UAAS;IACrB,WAAW,SAAkB;IAC7B,gBAAgB,SAAmB;IAClC,mBAAmB,UAAQ;IAC3B,SAAS,UAAQ;IACd,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,eAAe,EAAE,eAAe,CAA6B;IAChE,OAAO,UAAS;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,UAAQ;IACpB,UAAU,SAAK;IACd,UAAU,UAAS;
|
|
1
|
+
{"version":3,"file":"axebow-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,yDAAyD,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAA6B,MAAM,0BAA0B,CAAC;AACtF,OAAO,wBAAwB,CAAC;AAChC,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AACxH,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AAE9C;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,4BASX;IAE0B,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IAChB,QAAQ,UAAS;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,WAAW,CAAW;IACpC,OAAO,EAAE,MAAM,EAAE,CAAM;IACvB,aAAa,EAAE,YAAY,EAAE,CAAM;IACf,QAAQ,UAAS;IAChC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAC3D,YAAY,SAAM;IACjB,QAAQ,UAAS;IAClB,GAAG,SAA2B;IAC9B,GAAG,SAAK;IACR,SAAS,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,UAAS;IACrB,WAAW,SAAkB;IAC7B,gBAAgB,SAAmB;IAClC,mBAAmB,UAAQ;IAC3B,SAAS,UAAQ;IACd,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,eAAe,EAAE,eAAe,CAA6B;IAChE,OAAO,UAAS;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,UAAQ;IACpB,UAAU,SAAK;IACd,UAAU,UAAS;IACnB,eAAe,UAAS;IAErD,MAAM;CAkKP"}
|
|
@@ -18,6 +18,7 @@ export declare const DEFAULT_ADD_DIALOG_LABELS: AddDialogLabels;
|
|
|
18
18
|
export declare class AxebowSelectInput extends AxebowInputBase {
|
|
19
19
|
static styles: import('lit').CSSResult[];
|
|
20
20
|
minWidth?: string;
|
|
21
|
+
fixedHeight?: string;
|
|
21
22
|
options: SelectOption[];
|
|
22
23
|
allowAddNew: boolean;
|
|
23
24
|
addNewLabel: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-select-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-select-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,2DAA2D,CAAC;AACnE,OAAO,2DAA2D,CAAC;AACnE,OAAO,2DAA2D,CAAC;AACnE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,yBAAyB,EAAE,eASvC,CAAC;AAEF,qBACa,iBAAkB,SAAQ,eAAe;IACpD,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"axebow-select-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-select-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,2DAA2D,CAAC;AACnE,OAAO,2DAA2D,CAAC;AACnE,OAAO,2DAA2D,CAAC;AACnE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,yBAAyB,EAAE,eASvC,CAAC;AAEF,qBACa,iBAAkB,SAAQ,eAAe;IACpD,MAAM,CAAC,MAAM,4BAwBX;IAE0B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC3B,WAAW,UAAS;IACrB,WAAW,SAAkB;IAC7B,gBAAgB,SAAmB;IAClC,mBAAmB,UAAQ;IAC3B,SAAS,UAAQ;IACd,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,eAAe,EAAE,eAAe,CAA6B;IAEpF,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,kBAAkB,CAAM;IAEzC,OAAO,CAAC,OAAO,EAAE,cAAc;IAsB/B,OAAO,CAAC,kBAAkB;IAqB1B,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,mBAAmB;IAO3B,MAAM;CA8DP"}
|
package/dist/index.js
CHANGED
|
@@ -1367,6 +1367,7 @@ var AxebowInputBase = class extends LitElement {
|
|
|
1367
1367
|
this.hasError = false;
|
|
1368
1368
|
this.errorMessage = "";
|
|
1369
1369
|
this.compact = false;
|
|
1370
|
+
this.wrapDescription = false;
|
|
1370
1371
|
}
|
|
1371
1372
|
static {
|
|
1372
1373
|
this.baseStyles = [
|
|
@@ -1425,6 +1426,13 @@ var AxebowInputBase = class extends LitElement {
|
|
|
1425
1426
|
.fixed-field .field-description {
|
|
1426
1427
|
margin-bottom: 0.5rem;
|
|
1427
1428
|
}
|
|
1429
|
+
.fixed-field.wrap-description .field-description {
|
|
1430
|
+
height: 2.125rem;
|
|
1431
|
+
white-space: normal;
|
|
1432
|
+
display: -webkit-box;
|
|
1433
|
+
-webkit-line-clamp: 2;
|
|
1434
|
+
-webkit-box-orient: vertical;
|
|
1435
|
+
}
|
|
1428
1436
|
`
|
|
1429
1437
|
];
|
|
1430
1438
|
}
|
|
@@ -1470,14 +1478,17 @@ var AxebowInputBase = class extends LitElement {
|
|
|
1470
1478
|
}
|
|
1471
1479
|
renderFixedField(content) {
|
|
1472
1480
|
return html`
|
|
1473
|
-
<div class="fixed-field">
|
|
1481
|
+
<div class="fixed-field ${this.wrapDescription ? "wrap-description" : ""}">
|
|
1474
1482
|
${this.label ? html`<div class="flex items-baseline gap-2 field-label">
|
|
1475
1483
|
${this.required ? html`<p class="text-(--axebow-error) text-base leading-4.25 m-0">*</p>` : ""}
|
|
1476
1484
|
<h4 class="font-semibold text-base leading-4.25 m-0 overflow-hidden text-ellipsis">
|
|
1477
1485
|
${this.label}
|
|
1478
1486
|
</h4>
|
|
1479
1487
|
</div>` : ""}
|
|
1480
|
-
${this.description ? html`<p
|
|
1488
|
+
${this.description ? html`<p
|
|
1489
|
+
class="field-description text-base leading-4.25 m-0"
|
|
1490
|
+
title="${this.wrapDescription ? "" : this.description}"
|
|
1491
|
+
>
|
|
1481
1492
|
${this.description}
|
|
1482
1493
|
</p>` : ""}
|
|
1483
1494
|
${content}
|
|
@@ -1502,6 +1513,7 @@ __decorate([property({ type: String })], AxebowInputBase.prototype, "errorMessag
|
|
|
1502
1513
|
__decorate([property({ type: Number })], AxebowInputBase.prototype, "maxlength", void 0);
|
|
1503
1514
|
__decorate([property({ attribute: false })], AxebowInputBase.prototype, "callback", void 0);
|
|
1504
1515
|
__decorate([property({ type: Boolean })], AxebowInputBase.prototype, "compact", void 0);
|
|
1516
|
+
__decorate([property({ type: Boolean })], AxebowInputBase.prototype, "wrapDescription", void 0);
|
|
1505
1517
|
//#endregion
|
|
1506
1518
|
//#region src/components/axebow-input/axebow-text-input.ts
|
|
1507
1519
|
var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
|
|
@@ -1978,6 +1990,10 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
|
|
|
1978
1990
|
:host(.axebow-fixed-min-width) .fixed-field {
|
|
1979
1991
|
min-width: var(--axebow-input-min-width) !important;
|
|
1980
1992
|
}
|
|
1993
|
+
:host(.axebow-fixed-height) sl-select::part(combobox) {
|
|
1994
|
+
height: var(--axebow-input-height) !important;
|
|
1995
|
+
box-sizing: border-box;
|
|
1996
|
+
}
|
|
1981
1997
|
`];
|
|
1982
1998
|
}
|
|
1983
1999
|
updated(changed) {
|
|
@@ -1989,6 +2005,13 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
|
|
|
1989
2005
|
this.style.removeProperty("--axebow-input-min-width");
|
|
1990
2006
|
this.classList.remove("axebow-fixed-min-width");
|
|
1991
2007
|
}
|
|
2008
|
+
if (changed.has("fixedHeight")) if (this.fixedHeight) {
|
|
2009
|
+
this.style.setProperty("--axebow-input-height", this.fixedHeight);
|
|
2010
|
+
this.classList.add("axebow-fixed-height");
|
|
2011
|
+
} else {
|
|
2012
|
+
this.style.removeProperty("--axebow-input-height");
|
|
2013
|
+
this.classList.remove("axebow-fixed-height");
|
|
2014
|
+
}
|
|
1992
2015
|
}
|
|
1993
2016
|
handleSelectChange(e) {
|
|
1994
2017
|
if (this.disabled) return;
|
|
@@ -2106,6 +2129,7 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
|
|
|
2106
2129
|
}
|
|
2107
2130
|
};
|
|
2108
2131
|
__decorate([property({ type: String })], AxebowSelectInput.prototype, "minWidth", void 0);
|
|
2132
|
+
__decorate([property({ type: String })], AxebowSelectInput.prototype, "fixedHeight", void 0);
|
|
2109
2133
|
__decorate([property({ type: Array })], AxebowSelectInput.prototype, "options", void 0);
|
|
2110
2134
|
__decorate([property({ type: Boolean })], AxebowSelectInput.prototype, "allowAddNew", void 0);
|
|
2111
2135
|
__decorate([property({ type: String })], AxebowSelectInput.prototype, "addNewLabel", void 0);
|
|
@@ -2146,6 +2170,7 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2146
2170
|
this.showStepper = true;
|
|
2147
2171
|
this.stepAmount = 1;
|
|
2148
2172
|
this.fixedField = false;
|
|
2173
|
+
this.wrapDescription = false;
|
|
2149
2174
|
}
|
|
2150
2175
|
static {
|
|
2151
2176
|
this.styles = [
|
|
@@ -2241,6 +2266,8 @@ var AxebowInput = class AxebowInput extends LitElement {
|
|
|
2241
2266
|
.onAddNew=${this.onAddNew}
|
|
2242
2267
|
.addDialogLabels=${this.addDialogLabels}
|
|
2243
2268
|
.minWidth=${this.minWidth}
|
|
2269
|
+
.fixedHeight=${this.fixedHeight}
|
|
2270
|
+
.wrapDescription=${this.wrapDescription}
|
|
2244
2271
|
></axebow-select-input>
|
|
2245
2272
|
`;
|
|
2246
2273
|
case "checkbox": return html`
|
|
@@ -2344,6 +2371,7 @@ __decorate([property({ type: String })], AxebowInput.prototype, "minWidth", void
|
|
|
2344
2371
|
__decorate([property({ type: Boolean })], AxebowInput.prototype, "showStepper", void 0);
|
|
2345
2372
|
__decorate([property({ type: Number })], AxebowInput.prototype, "stepAmount", void 0);
|
|
2346
2373
|
__decorate([property({ type: Boolean })], AxebowInput.prototype, "fixedField", void 0);
|
|
2374
|
+
__decorate([property({ type: Boolean })], AxebowInput.prototype, "wrapDescription", void 0);
|
|
2347
2375
|
AxebowInput = __decorate([customElement("axebow-input")], AxebowInput);
|
|
2348
2376
|
//#endregion
|
|
2349
2377
|
//#region src/components/axebow-dialog/axebow-dialog.ts
|