@ds-autonomie/web-components 1.16.2 → 1.18.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/CHANGELOG.md +40 -0
- package/dist/chunks/{chunk.VC3XT47N.js → chunk.26R2GJ3D.js} +24 -46
- package/dist/chunks/{chunk.RG342A22.js → chunk.2GIZK5OL.js} +5 -5
- package/dist/chunks/{chunk.MXDA7QXL.js → chunk.33YIN2OK.js} +12 -9
- package/dist/chunks/{chunk.GYJZ3E7K.js → chunk.3RD6XYCZ.js} +1 -1
- package/dist/chunks/{chunk.JHPIOVRD.js → chunk.3RQ3AMTB.js} +4 -4
- package/dist/chunks/{chunk.VJRDVQTS.js → chunk.4EOWX2QT.js} +1 -1
- package/dist/chunks/{chunk.CZFGLE3Y.js → chunk.4FP4K3F5.js} +20 -0
- package/dist/chunks/chunk.4IGA5VLC.js +308 -0
- package/dist/chunks/{chunk.3UNYRJRK.js → chunk.4IXJVHZ5.js} +1 -1
- package/dist/chunks/{chunk.V7MYOBN4.js → chunk.4L7EJLR4.js} +5 -5
- package/dist/chunks/{chunk.2UZSRWJ7.js → chunk.4QUJBAX3.js} +5 -0
- package/dist/chunks/{chunk.5MXBL3PY.js → chunk.4WWQYBFA.js} +1 -1
- package/dist/chunks/{chunk.E475BLMD.js → chunk.63LGJMTZ.js} +1 -1
- package/dist/chunks/{chunk.45B5UA3U.js → chunk.64JQY57B.js} +1 -1
- package/dist/chunks/{chunk.NXQ42SSB.js → chunk.67S77FO4.js} +145 -313
- package/dist/chunks/{chunk.IDAQJSVV.js → chunk.6GVM3YU4.js} +16 -2
- package/dist/chunks/chunk.6K3AQESH.js +31 -0
- package/dist/chunks/{chunk.Z5LJXDHJ.js → chunk.7PFNOFBI.js} +23 -12
- package/dist/chunks/{chunk.MZF7MK5G.js → chunk.7UPFI4HE.js} +1 -0
- package/dist/chunks/{chunk.7J3HDP6J.js → chunk.AC3HBDLB.js} +1 -1
- package/dist/chunks/{chunk.ORNTGXRO.js → chunk.ARYKCY32.js} +1 -0
- package/dist/chunks/{chunk.KKAOTWJY.js → chunk.ATFH7NZ3.js} +23 -1
- package/dist/chunks/{chunk.7KF6Z37I.js → chunk.ATHRVCEP.js} +1 -1
- package/dist/chunks/{chunk.A2AK34DU.js → chunk.B5XEZJD7.js} +1 -1
- package/dist/chunks/{chunk.KOW5OFDN.js → chunk.BAASBQN5.js} +85 -27
- package/dist/chunks/{chunk.BROIFXIH.js → chunk.BCJMEP6L.js} +1 -1
- package/dist/chunks/chunk.BFVPPAWG.js +277 -0
- package/dist/chunks/{chunk.4DRKFRDB.js → chunk.BNPEW3RO.js} +4 -10
- package/dist/chunks/{chunk.V5J2RAQ5.js → chunk.CFISAFUN.js} +90 -1
- package/dist/chunks/chunk.CFUNT7FK.js +96 -0
- package/dist/chunks/{chunk.OXM5EF3F.js → chunk.CZIWWDCG.js} +7 -18
- package/dist/chunks/{chunk.WHTNMZZS.js → chunk.DLMZ2MN2.js} +4 -4
- package/dist/chunks/{chunk.N2H4K44W.js → chunk.ENMMYFHE.js} +1 -1
- package/dist/chunks/chunk.EWT3XVAN.js +319 -0
- package/dist/chunks/{chunk.6L4HRCFK.js → chunk.EWVN3OFD.js} +1 -1
- package/dist/chunks/{chunk.PNTPO2DN.js → chunk.EY6DBOBY.js} +21 -11
- package/dist/chunks/chunk.FWFLQD5T.js +49 -0
- package/dist/chunks/chunk.FXAGFSAU.js +68 -0
- package/dist/chunks/{chunk.SIPW72IF.js → chunk.FZBZ5HAZ.js} +3 -3
- package/dist/chunks/{chunk.ZYY6O4PU.js → chunk.G2ETLWQZ.js} +5 -16
- package/dist/chunks/{chunk.BAU3732X.js → chunk.G2PBKGYI.js} +3 -2
- package/dist/chunks/{chunk.6L6CZSQX.js → chunk.G3MRVMJ4.js} +2 -16
- package/dist/chunks/chunk.GBE3NP7T.js +36 -0
- package/dist/chunks/{chunk.IQTKA4UT.js → chunk.GCPXZXYD.js} +1 -1
- package/dist/chunks/chunk.H3OIUOL7.js +55 -0
- package/dist/chunks/{chunk.CKBRIIGV.js → chunk.HF2BKQ7K.js} +7 -5
- package/dist/chunks/chunk.HF7GESMZ.js +15 -0
- package/dist/chunks/{chunk.43EIYNTL.js → chunk.HSLR5GY4.js} +9 -3
- package/dist/chunks/{chunk.5MB36CJO.js → chunk.IMRGO6QP.js} +1 -1
- package/dist/chunks/{chunk.JXWCUSV3.js → chunk.ISIFJ4EB.js} +1 -1
- package/dist/chunks/{chunk.O2OMAMMI.js → chunk.IWQVNYM3.js} +1 -1
- package/dist/chunks/{chunk.LFYUJOPU.js → chunk.JH5GMUO7.js} +7 -8
- package/dist/chunks/{chunk.A3RCXT25.js → chunk.JKSDPLU3.js} +1 -1
- package/dist/chunks/{chunk.2PA4QKLT.js → chunk.KKJF6BYU.js} +1 -0
- package/dist/chunks/{chunk.VDOVUA55.js → chunk.KOTPR264.js} +1 -0
- package/dist/chunks/{chunk.4EFJ2NV3.js → chunk.KSF45YRN.js} +7 -2
- package/dist/chunks/{chunk.BHQ3BNQA.js → chunk.L2L37MWZ.js} +10 -12
- package/dist/chunks/{chunk.2P44D5YL.js → chunk.L5DEEGJU.js} +10 -1
- package/dist/chunks/{chunk.Z74FEBJS.js → chunk.L6I3R7R4.js} +1 -1
- package/dist/chunks/{chunk.D433F3FV.js → chunk.LDRVRUQG.js} +1 -0
- package/dist/chunks/{chunk.ZLGBX4RI.js → chunk.LQ42ZLXI.js} +1 -1
- package/dist/chunks/{chunk.VXQMFXV5.js → chunk.M7QP6END.js} +20 -2
- package/dist/chunks/{chunk.WPYZYOD5.js → chunk.MFWGK7WB.js} +1 -1
- package/dist/chunks/{chunk.RBXTMFL6.js → chunk.MNWP6APB.js} +1 -1
- package/dist/chunks/{chunk.H2JSXKGD.js → chunk.MPZ56XQK.js} +4 -0
- package/dist/chunks/{chunk.MUGCPHYQ.js → chunk.MSCG6J3T.js} +4 -4
- package/dist/chunks/chunk.MVFQ3IXQ.js +179 -0
- package/dist/chunks/{chunk.ZWVWEQGL.js → chunk.NDQ5XCHJ.js} +5 -0
- package/dist/chunks/{chunk.GZMFP7UN.js → chunk.O5STCK5X.js} +8 -4
- package/dist/chunks/{chunk.3YSH35MM.js → chunk.O7DWCXXH.js} +1 -1
- package/dist/chunks/{chunk.7DHGAM7P.js → chunk.PC2VIFJW.js} +2 -2
- package/dist/chunks/{chunk.RYD4BVIA.js → chunk.PSAB4UIG.js} +1 -1
- package/dist/chunks/{chunk.GE2PTQVM.js → chunk.PT4W6K27.js} +8 -3
- package/dist/chunks/{chunk.CWHNW2T5.js → chunk.QGNUX2KV.js} +38 -28
- package/dist/chunks/{chunk.EAP74BQL.js → chunk.QVJYJURQ.js} +32 -35
- package/dist/chunks/{chunk.VO6MIHUM.js → chunk.RFQ2Y5SK.js} +2 -0
- package/dist/chunks/{chunk.QR4Z7SWH.js → chunk.RJCFCZY3.js} +1 -1
- package/dist/chunks/{chunk.BQ7R6MC6.js → chunk.RSX6EFCX.js} +23 -1
- package/dist/chunks/{chunk.JR77AUQ7.js → chunk.SH26MYV3.js} +1 -1
- package/dist/chunks/{chunk.TRKYAEYS.js → chunk.SRYBWTPD.js} +143 -240
- package/dist/chunks/{chunk.4V4L6Q7P.js → chunk.TEHCPESC.js} +1 -1
- package/dist/chunks/{chunk.AMIXGL74.js → chunk.TOZLN2DN.js} +20 -3
- package/dist/chunks/chunk.TSW2ZSHN.js +63 -0
- package/dist/chunks/{chunk.IJMNSKEV.js → chunk.TVVACMGN.js} +1 -6
- package/dist/chunks/{chunk.EMJZLQCL.js → chunk.UVGAHM33.js} +2 -1
- package/dist/chunks/{chunk.YG7TOAY3.js → chunk.V5E77HVI.js} +4 -4
- package/dist/chunks/{chunk.SUCVNPSQ.js → chunk.VNMJ2D4A.js} +31 -4
- package/dist/chunks/{chunk.R6572W75.js → chunk.WMZ6HMZN.js} +10 -7
- package/dist/chunks/{chunk.RTEOTFLP.js → chunk.WQVKSBYD.js} +11 -0
- package/dist/chunks/{chunk.QDXCYEAZ.js → chunk.WSP5BYQP.js} +7 -7
- package/dist/chunks/{chunk.XD5JM6WF.js → chunk.WYUQG5BJ.js} +20 -0
- package/dist/chunks/{chunk.N43R5DJN.js → chunk.YU57HFSC.js} +1 -1
- package/dist/chunks/chunk.YVJBJSTS.js +595 -0
- package/dist/chunks/{chunk.WAROYP2H.js → chunk.YXVKJQFH.js} +1 -1
- package/dist/chunks/{chunk.RCSAV4XJ.js → chunk.ZV7TVP6P.js} +1 -1
- package/dist/components/accordion/accordion.js +6 -6
- package/dist/components/accordion/accordion.styles.js +1 -1
- package/dist/components/alert/alert.d.ts +2 -0
- package/dist/components/alert/alert.js +5 -5
- package/dist/components/anchor-tag/anchor-tag.js +2 -2
- package/dist/components/anchor-tag/anchor-tag.styles.js +1 -1
- package/dist/components/avatar/avatar.js +4 -4
- package/dist/components/breadcrumb/breadcrumb.js +5 -5
- package/dist/components/breadcrumb-item/breadcrumb-item.js +2 -2
- package/dist/components/button/button.js +6 -6
- package/dist/components/calendar/calendar.d.ts +1 -1
- package/dist/components/calendar/calendar.js +3 -3
- package/dist/components/calendar/calendar.styles.js +1 -1
- package/dist/components/callout/callout.d.ts +23 -0
- package/dist/components/callout/callout.js +75 -0
- package/dist/components/callout/callout.styles.d.ts +2 -0
- package/dist/components/callout/callout.styles.js +8 -0
- package/dist/components/card/card.d.ts +1 -1
- package/dist/components/card/card.js +2 -2
- package/dist/components/card/card.styles.js +1 -1
- package/dist/components/checkbox/checkbox.js +4 -4
- package/dist/components/checkbox-button/checkbox-button.d.ts +2 -0
- package/dist/components/checkbox-button/checkbox-button.js +5 -5
- package/dist/components/checkbox-button/checkbox-button.styles.js +1 -1
- package/dist/components/checkbox-group/checkbox-group.d.ts +3 -1
- package/dist/components/checkbox-group/checkbox-group.js +2 -2
- package/dist/components/combobox/combobox.d.ts +1 -0
- package/dist/components/combobox/combobox.js +10 -10
- package/dist/components/combobox/combobox.styles.js +1 -1
- package/dist/components/dialog/dialog.d.ts +2 -1
- package/dist/components/dialog/dialog.js +6 -6
- package/dist/components/dialog/dialog.styles.js +1 -1
- package/dist/components/download-card/download-card.js +3 -3
- package/dist/components/download-link/download-link.js +5 -5
- package/dist/components/download-link/download-link.styles.js +1 -1
- package/dist/components/drawer/drawer.d.ts +4 -0
- package/dist/components/drawer/drawer.js +6 -6
- package/dist/components/drawer/drawer.styles.js +1 -1
- package/dist/components/dropdown/dropdown.js +2 -2
- package/dist/components/error-message-panel/error-message-panel.js +2 -2
- package/dist/components/filter/filter-base/filter-base.d.ts +49 -0
- package/dist/components/filter/filter-base/filter-base.js +13 -0
- package/dist/components/filter/filter-base/filter-base.styles.d.ts +2 -0
- package/dist/components/filter/filter-base/filter-base.styles.js +8 -0
- package/dist/components/filter/filter-button/filter-button.d.ts +1 -0
- package/dist/components/filter/filter-button/filter-button.js +6 -6
- package/dist/components/filter/filter-button/filter-button.styles.js +1 -1
- package/dist/components/filter/filter-counter/filter-counter.d.ts +5 -42
- package/dist/components/filter/filter-counter/filter-counter.js +7 -5
- package/dist/components/filter/filter-counter/filter-counter.styles.js +2 -1
- package/dist/components/filter/filter-date/filter-date.d.ts +7 -0
- package/dist/components/filter/filter-date/filter-date.js +15 -12
- package/dist/components/filter/filter-date/filter-date.styles.js +1 -1
- package/dist/components/filter/filter-range/filter-range.d.ts +7 -39
- package/dist/components/filter/filter-range/filter-range.js +19 -14
- package/dist/components/filter/filter-range/filter-range.styles.js +2 -1
- package/dist/components/filter/filter-select/filter-select.d.ts +7 -40
- package/dist/components/filter/filter-select/filter-select.js +26 -10
- package/dist/components/filter/filter-select/filter-select.styles.js +2 -2
- package/dist/components/footer/footer.js +3 -3
- package/dist/components/footer-sitemap-item/footer-sitemap-item.js +2 -2
- package/dist/components/footer-sitemap-item/footer-sitemap-item.styles.js +1 -1
- package/dist/components/format-bytes/format-bytes.js +2 -2
- package/dist/components/format-date/format-date.js +2 -2
- package/dist/components/format-number/format-number.js +2 -2
- package/dist/components/header/header.js +3 -3
- package/dist/components/header/header.styles.js +1 -1
- package/dist/components/header-search/header-search.d.ts +2 -0
- package/dist/components/header-search/header-search.js +2 -2
- package/dist/components/icon/icon.js +3 -3
- package/dist/components/icon/library.js +2 -2
- package/dist/components/icon-button/icon-button.js +3 -3
- package/dist/components/input/input.d.ts +8 -18
- package/dist/components/input/input.js +11 -8
- package/dist/components/input/input.styles.js +1 -1
- package/dist/components/input-date/input-date.d.ts +157 -0
- package/dist/components/input-date/input-date.js +35 -0
- package/dist/components/input-date/input-date.styles.d.ts +2 -0
- package/dist/components/input-date/input-date.styles.js +10 -0
- package/dist/components/input-mask/input-mask.d.ts +2 -0
- package/dist/components/input-mask/input-mask.js +3 -3
- package/dist/components/input-mask/input-mask.styles.js +1 -1
- package/dist/components/input-phone/input-phone.d.ts +4 -2
- package/dist/components/input-phone/input-phone.js +17 -17
- package/dist/components/input-phone/input-phone.styles.js +1 -1
- package/dist/components/menu-accordion/menu-accordion.d.ts +2 -0
- package/dist/components/menu-accordion/menu-accordion.js +5 -5
- package/dist/components/menu-item/menu-item.js +3 -3
- package/dist/components/navbar/navbar-link/navbar-link.js +3 -3
- package/dist/components/navbar/navbar-menu/navbar-menu.d.ts +2 -0
- package/dist/components/navbar/navbar-menu/navbar-menu.js +5 -5
- package/dist/components/option/option.js +6 -6
- package/dist/components/option/option.styles.js +1 -1
- package/dist/components/pagination/pagination.js +13 -10
- package/dist/components/popup/popup.d.ts +8 -0
- package/dist/components/popup/popup.js +2 -2
- package/dist/components/popup/popup.styles.js +1 -1
- package/dist/components/progress-bar/progress-bar.js +2 -2
- package/dist/components/radio/radio.js +3 -3
- package/dist/components/radio-button/radio-button.d.ts +2 -0
- package/dist/components/radio-button/radio-button.js +2 -2
- package/dist/components/radio-button/radio-button.styles.js +1 -1
- package/dist/components/range-slider/range-slider.js +2 -2
- package/dist/components/range-slider/range-slider.styles.js +1 -1
- package/dist/components/relative-time/relative-time.js +2 -2
- package/dist/components/select/select.d.ts +1 -0
- package/dist/components/select/select.js +9 -9
- package/dist/components/select/select.styles.js +1 -1
- package/dist/components/spinner/spinner.js +2 -2
- package/dist/components/split-panel/split-panel.d.ts +66 -0
- package/dist/components/split-panel/split-panel.js +21 -0
- package/dist/components/split-panel/split-panel.styles.d.ts +2 -0
- package/dist/components/split-panel/split-panel.styles.js +7 -0
- package/dist/components/step/step.js +6 -6
- package/dist/components/tab/tab.js +2 -2
- package/dist/components/tab-group/tab-group.js +2 -2
- package/dist/components/table/table-action/table-action.js +2 -2
- package/dist/components/table/table-caption/table-caption.js +2 -2
- package/dist/components/table/table-header-row/table-header-row.js +3 -3
- package/dist/components/table/table-row/table-row.js +2 -2
- package/dist/components/table-container/table-container.js +2 -2
- package/dist/components/table-container/table-container.styles.js +1 -1
- package/dist/components/table-of-contents/table-of-contents.d.ts +2 -0
- package/dist/components/table-of-contents/table-of-contents.js +2 -2
- package/dist/components/table-of-contents/table-of-contents.styles.js +1 -1
- package/dist/components/tag/tag.js +5 -5
- package/dist/components/tooltip/tooltip.d.ts +1 -1
- package/dist/components/tooltip/tooltip.js +5 -5
- package/dist/components/tooltip/tooltip.styles.js +1 -1
- package/dist/components/tree/tree.js +10 -9
- package/dist/components/tree-item/tree-item.js +7 -7
- package/dist/custom-elements.json +8830 -6464
- package/dist/design-system.d.ts +1 -0
- package/dist/design-system.js +170 -159
- package/dist/internal/test.d.ts +11 -0
- package/dist/internal/test.js +19 -0
- package/dist/themes/dsa-wc-theme.css +52 -13
- package/dist/themes/dsa-wc-theme.min.css +1 -1
- package/dist/themes/dsa-wc-theme.styles.js +52 -15
- package/dist/translations/en-gb.js +1 -1
- package/dist/translations/en.js +1 -1
- package/dist/translations/fr.js +1 -1
- package/dist/utilities/date.d.ts +2 -0
- package/dist/utilities/date.js +9 -0
- package/dist/utilities/icon-library.js +2 -2
- package/dist/utilities/localize.d.ts +1 -2
- package/dist/utilities/localize.js +1 -1
- package/dist/utilities/storybook.d.ts +3 -2
- package/dist/utilities/storybook.js +62 -21
- package/dist/vscode.html-custom-data.json +302 -67
- package/dist/web-types.json +1783 -574
- package/package.json +4 -3
- package/dist/chunks/chunk.5BCAEDG4.js +0 -382
- package/dist/chunks/chunk.FZODQJBF.js +0 -99
- package/dist/chunks/chunk.PAF4S7OV.js +0 -484
- package/dist/chunks/chunk.YOLAIUYX.js +0 -95
- package/dist/chunks/{chunk.O2PIWM25.js → chunk.D34QDO4H.js} +3 -3
|
@@ -0,0 +1,595 @@
|
|
|
1
|
+
import {
|
|
2
|
+
getOverridenIconDetails,
|
|
3
|
+
isPrefixIconOverriden
|
|
4
|
+
} from "./chunk.KBT2EKLF.js";
|
|
5
|
+
import {
|
|
6
|
+
input_styles_default
|
|
7
|
+
} from "./chunk.26R2GJ3D.js";
|
|
8
|
+
import {
|
|
9
|
+
defaultValue
|
|
10
|
+
} from "./chunk.CMJ2SRTL.js";
|
|
11
|
+
import {
|
|
12
|
+
FormControlController
|
|
13
|
+
} from "./chunk.KIFBWPW5.js";
|
|
14
|
+
import {
|
|
15
|
+
HasSlotController
|
|
16
|
+
} from "./chunk.YIY5RM53.js";
|
|
17
|
+
import {
|
|
18
|
+
LocalizeController
|
|
19
|
+
} from "./chunk.G3MRVMJ4.js";
|
|
20
|
+
import {
|
|
21
|
+
watch
|
|
22
|
+
} from "./chunk.6IH66JBY.js";
|
|
23
|
+
import {
|
|
24
|
+
ifDefinedAndNotEmpty
|
|
25
|
+
} from "./chunk.ZQJVCRB2.js";
|
|
26
|
+
import {
|
|
27
|
+
ShoelaceElement
|
|
28
|
+
} from "./chunk.YCXTCVAZ.js";
|
|
29
|
+
import {
|
|
30
|
+
__decorateClass
|
|
31
|
+
} from "./chunk.6M63UXML.js";
|
|
32
|
+
|
|
33
|
+
// src/components/input/input.ts
|
|
34
|
+
import { html } from "lit";
|
|
35
|
+
import { customElement, property, query, state } from "lit/decorators.js";
|
|
36
|
+
import { classMap } from "lit/directives/class-map.js";
|
|
37
|
+
import { ifDefined } from "lit/directives/if-defined.js";
|
|
38
|
+
import { live } from "lit/directives/live.js";
|
|
39
|
+
var DSAInput = class extends ShoelaceElement {
|
|
40
|
+
constructor() {
|
|
41
|
+
super(...arguments);
|
|
42
|
+
this.formControlController = new FormControlController(this, {
|
|
43
|
+
assumeInteractionOn: ["dsa-blur", "dsa-input"]
|
|
44
|
+
});
|
|
45
|
+
this.hasSlotController = new HasSlotController(
|
|
46
|
+
this,
|
|
47
|
+
"help-text",
|
|
48
|
+
"label"
|
|
49
|
+
);
|
|
50
|
+
this.localize = new LocalizeController(this);
|
|
51
|
+
this.hasFocus = false;
|
|
52
|
+
this.title = "";
|
|
53
|
+
this.type = "text";
|
|
54
|
+
this.name = "";
|
|
55
|
+
this.value = "";
|
|
56
|
+
this.defaultValue = "";
|
|
57
|
+
this.size = "medium";
|
|
58
|
+
this.variant = "base";
|
|
59
|
+
this.label = "";
|
|
60
|
+
this.helpText = "";
|
|
61
|
+
this.clearable = false;
|
|
62
|
+
this.disabled = false;
|
|
63
|
+
this.placeholder = "";
|
|
64
|
+
this.readonly = false;
|
|
65
|
+
this.passwordVisible = false;
|
|
66
|
+
this.error = false;
|
|
67
|
+
this.errorMessage = "";
|
|
68
|
+
this.form = "";
|
|
69
|
+
this.required = false;
|
|
70
|
+
this.counter = false;
|
|
71
|
+
this.spellcheck = true;
|
|
72
|
+
}
|
|
73
|
+
/** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */
|
|
74
|
+
get valueAsDate() {
|
|
75
|
+
var _a, _b;
|
|
76
|
+
return (_b = (_a = this.input) == null ? void 0 : _a.valueAsDate) != null ? _b : null;
|
|
77
|
+
}
|
|
78
|
+
set valueAsDate(newValue) {
|
|
79
|
+
const input = document.createElement("input");
|
|
80
|
+
input.type = "date";
|
|
81
|
+
input.valueAsDate = newValue;
|
|
82
|
+
this.value = input.value;
|
|
83
|
+
}
|
|
84
|
+
/** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
|
|
85
|
+
get valueAsNumber() {
|
|
86
|
+
var _a, _b;
|
|
87
|
+
return (_b = (_a = this.standardInput) == null ? void 0 : _a.valueAsNumber) != null ? _b : parseFloat(this.value);
|
|
88
|
+
}
|
|
89
|
+
set valueAsNumber(newValue) {
|
|
90
|
+
const input = document.createElement("input");
|
|
91
|
+
input.type = "number";
|
|
92
|
+
input.valueAsNumber = newValue;
|
|
93
|
+
this.value = input.value;
|
|
94
|
+
}
|
|
95
|
+
/** Gets the validity state object */
|
|
96
|
+
get validity() {
|
|
97
|
+
return this.input.validity;
|
|
98
|
+
}
|
|
99
|
+
/** Gets the validation message */
|
|
100
|
+
get validationMessage() {
|
|
101
|
+
return this.input.validationMessage;
|
|
102
|
+
}
|
|
103
|
+
async firstUpdated() {
|
|
104
|
+
await this.updateComplete;
|
|
105
|
+
if (this.type === "date") {
|
|
106
|
+
this.input = this.dateInput;
|
|
107
|
+
} else {
|
|
108
|
+
this.input = this.standardInput;
|
|
109
|
+
}
|
|
110
|
+
this.formControlController.updateValidity();
|
|
111
|
+
}
|
|
112
|
+
handleBlur(event) {
|
|
113
|
+
if (this.type === "date") {
|
|
114
|
+
event.stopPropagation();
|
|
115
|
+
}
|
|
116
|
+
this.hasFocus = false;
|
|
117
|
+
this.emit("dsa-blur");
|
|
118
|
+
}
|
|
119
|
+
handleChange(event) {
|
|
120
|
+
if (this.type === "date") {
|
|
121
|
+
event.stopPropagation();
|
|
122
|
+
}
|
|
123
|
+
this.value = this.input.value;
|
|
124
|
+
this.emit("dsa-change");
|
|
125
|
+
}
|
|
126
|
+
handleClearClick(event) {
|
|
127
|
+
this.value = "";
|
|
128
|
+
this.emit("dsa-clear");
|
|
129
|
+
this.emit("dsa-input");
|
|
130
|
+
this.emit("dsa-change");
|
|
131
|
+
this.input.focus();
|
|
132
|
+
event.stopPropagation();
|
|
133
|
+
}
|
|
134
|
+
handleFocus(event) {
|
|
135
|
+
if (this.type === "date") {
|
|
136
|
+
event.stopPropagation();
|
|
137
|
+
}
|
|
138
|
+
this.hasFocus = true;
|
|
139
|
+
this.emit("dsa-focus");
|
|
140
|
+
}
|
|
141
|
+
handleInput(event) {
|
|
142
|
+
if (this.type === "date") {
|
|
143
|
+
event.stopPropagation();
|
|
144
|
+
}
|
|
145
|
+
this.value = this.input.value;
|
|
146
|
+
this.formControlController.updateValidity();
|
|
147
|
+
this.emit("dsa-input");
|
|
148
|
+
}
|
|
149
|
+
handleInvalid(event) {
|
|
150
|
+
this.formControlController.setValidity(false);
|
|
151
|
+
this.formControlController.emitInvalidEvent(event);
|
|
152
|
+
}
|
|
153
|
+
handleKeyDown(event) {
|
|
154
|
+
const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
|
|
155
|
+
if (event.key === "Enter" && !hasModifier) {
|
|
156
|
+
setTimeout(() => {
|
|
157
|
+
if (!event.defaultPrevented && !event.isComposing) {
|
|
158
|
+
this.formControlController.submit();
|
|
159
|
+
}
|
|
160
|
+
});
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
handlePasswordToggle() {
|
|
164
|
+
this.passwordVisible = !this.passwordVisible;
|
|
165
|
+
}
|
|
166
|
+
getDescriptionIds() {
|
|
167
|
+
let ids = ["help-text"];
|
|
168
|
+
if (this.maxlength && this.counter) {
|
|
169
|
+
ids = [...ids, "counter"];
|
|
170
|
+
}
|
|
171
|
+
if (this.error) {
|
|
172
|
+
ids = ["error-text", ...ids];
|
|
173
|
+
}
|
|
174
|
+
return ids.join(" ");
|
|
175
|
+
}
|
|
176
|
+
handleDisabledChange() {
|
|
177
|
+
this.formControlController.setValidity(this.disabled);
|
|
178
|
+
}
|
|
179
|
+
handleStepChange() {
|
|
180
|
+
this.standardInput.step = String(this.step);
|
|
181
|
+
this.formControlController.updateValidity();
|
|
182
|
+
}
|
|
183
|
+
async handleValueChange() {
|
|
184
|
+
await this.updateComplete;
|
|
185
|
+
this.formControlController.updateValidity();
|
|
186
|
+
}
|
|
187
|
+
/** Sets focus on the input. */
|
|
188
|
+
focus(options) {
|
|
189
|
+
this.input.focus(options);
|
|
190
|
+
}
|
|
191
|
+
/** Removes focus from the input. */
|
|
192
|
+
blur() {
|
|
193
|
+
this.input.blur();
|
|
194
|
+
}
|
|
195
|
+
/** Selects all the text in the input. */
|
|
196
|
+
select() {
|
|
197
|
+
this.input.select();
|
|
198
|
+
}
|
|
199
|
+
/** Sets the start and end positions of the text selection (0-based). */
|
|
200
|
+
setSelectionRange(selectionStart, selectionEnd, selectionDirection = "none") {
|
|
201
|
+
this.input.setSelectionRange(
|
|
202
|
+
selectionStart,
|
|
203
|
+
selectionEnd,
|
|
204
|
+
selectionDirection
|
|
205
|
+
);
|
|
206
|
+
}
|
|
207
|
+
/** Replaces a range of text with a new string. */
|
|
208
|
+
setRangeText(replacement, start, end, selectMode) {
|
|
209
|
+
this.input.setRangeText(replacement, start, end, selectMode);
|
|
210
|
+
if (this.value !== this.input.value) {
|
|
211
|
+
this.value = this.input.value;
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
/** Displays the browser picker for an input element (only works if the browser supports it for the input type). */
|
|
215
|
+
showTimePicker() {
|
|
216
|
+
if ("showPicker" in HTMLInputElement.prototype) {
|
|
217
|
+
this.standardInput.showPicker();
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
/** Displays the dsa-calendar picker for an input element. */
|
|
221
|
+
async showDatepicker() {
|
|
222
|
+
await this.dateInput.showDatepicker();
|
|
223
|
+
}
|
|
224
|
+
/** Hides dsa-calendar. */
|
|
225
|
+
async hideDatepicker() {
|
|
226
|
+
await this.dateInput.hideDatepicker();
|
|
227
|
+
}
|
|
228
|
+
/** Increments the value of a numeric input type by the value of the step attribute. */
|
|
229
|
+
stepUp() {
|
|
230
|
+
this.standardInput.stepUp();
|
|
231
|
+
if (this.value !== this.standardInput.value) {
|
|
232
|
+
this.value = this.standardInput.value;
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
/** Decrements the value of a numeric input type by the value of the step attribute. */
|
|
236
|
+
stepDown() {
|
|
237
|
+
this.standardInput.stepDown();
|
|
238
|
+
if (this.value !== this.standardInput.value) {
|
|
239
|
+
this.value = this.standardInput.value;
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
/** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
|
|
243
|
+
checkValidity() {
|
|
244
|
+
return this.input.checkValidity();
|
|
245
|
+
}
|
|
246
|
+
/** Gets the associated form, if one exists. */
|
|
247
|
+
getForm() {
|
|
248
|
+
return this.formControlController.getForm();
|
|
249
|
+
}
|
|
250
|
+
/** Checks for validity and shows the browser's validation message if the control is invalid. */
|
|
251
|
+
reportValidity() {
|
|
252
|
+
return this.input.reportValidity();
|
|
253
|
+
}
|
|
254
|
+
/** Sets a custom validation message. Pass an empty string to restore validity. */
|
|
255
|
+
setCustomValidity(message) {
|
|
256
|
+
this.input.setCustomValidity(message);
|
|
257
|
+
this.formControlController.updateValidity();
|
|
258
|
+
}
|
|
259
|
+
render() {
|
|
260
|
+
const hasLabelSlot = this.hasSlotController.test("label");
|
|
261
|
+
const hasHelpTextSlot = this.hasSlotController.test("help-text");
|
|
262
|
+
const overridenPrefixIcon = isPrefixIconOverriden(this.type) ? getOverridenIconDetails(this.type) : void 0;
|
|
263
|
+
const hasPrefixIcon = overridenPrefixIcon !== void 0 || this.hasSlotController.test("prefix");
|
|
264
|
+
const hasSuffixIcon = this.hasSlotController.test("suffix");
|
|
265
|
+
const hasLabel = this.label ? true : !!hasLabelSlot;
|
|
266
|
+
const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
|
|
267
|
+
const hasClearIcon = this.clearable && !this.disabled && !this.readonly && (typeof this.value === "number" || this.value.length > 0);
|
|
268
|
+
const hasHideIcon = this.type === "password" && !this.disabled;
|
|
269
|
+
const counterText = this.maxlength && this.counter ? `${this.value.length}/${this.maxlength}` : void 0;
|
|
270
|
+
if (this.type === "date") {
|
|
271
|
+
return html`
|
|
272
|
+
<dsa-input-date
|
|
273
|
+
name=${ifDefined(this.name)}
|
|
274
|
+
title=${ifDefined(this.title)}
|
|
275
|
+
value=${this.value}
|
|
276
|
+
size=${ifDefined(this.size)}
|
|
277
|
+
variant=${ifDefined(this.variant)}
|
|
278
|
+
label=${ifDefined(this.label)}
|
|
279
|
+
helpText=${ifDefined(this.helpText)}
|
|
280
|
+
?clearable=${this.clearable}
|
|
281
|
+
?disabled=${this.disabled}
|
|
282
|
+
lang=${ifDefined(this.lang)}
|
|
283
|
+
placeholder=${ifDefined(this.placeholder)}
|
|
284
|
+
?readonly=${this.readonly}
|
|
285
|
+
?error=${this.error}
|
|
286
|
+
errorMessage=${ifDefined(this.errorMessage)}
|
|
287
|
+
form=${ifDefined(this.form)}
|
|
288
|
+
?required=${this.required}
|
|
289
|
+
pattern=${ifDefined(this.pattern)}
|
|
290
|
+
min=${ifDefined(this.min)}
|
|
291
|
+
max=${ifDefined(this.max)}
|
|
292
|
+
calendar-start-date=${ifDefined(this.calendarStartDate)}
|
|
293
|
+
autocomplete=${ifDefined(this.autocomplete)}
|
|
294
|
+
?autofocus=${this.autofocus}
|
|
295
|
+
enterkeyhint=${ifDefined(this.enterkeyhint)}
|
|
296
|
+
inputmode=${ifDefined(this.inputmode)}
|
|
297
|
+
@dsa-change=${this.handleChange}
|
|
298
|
+
@dsa-input=${this.handleInput}
|
|
299
|
+
@dsa-focus=${this.handleFocus}
|
|
300
|
+
@dsa-blur=${this.handleBlur}
|
|
301
|
+
></dsa-input-date>
|
|
302
|
+
`;
|
|
303
|
+
}
|
|
304
|
+
return html`
|
|
305
|
+
<div
|
|
306
|
+
part="form-control"
|
|
307
|
+
class=${classMap({
|
|
308
|
+
"form-control": true,
|
|
309
|
+
"form-control--error": this.error,
|
|
310
|
+
"form-control--small": this.size === "small",
|
|
311
|
+
"form-control--medium": this.size === "medium",
|
|
312
|
+
"form-control--large": this.size === "large",
|
|
313
|
+
"form-control--has-label": hasLabel,
|
|
314
|
+
"form-control--has-help-text": hasHelpText,
|
|
315
|
+
"form-control--has-prefix-icon": hasPrefixIcon,
|
|
316
|
+
"form-control--has-hide-icon": hasHideIcon,
|
|
317
|
+
"form-control--has-clear-icon": hasClearIcon,
|
|
318
|
+
"form-control--has-counter": counterText !== void 0
|
|
319
|
+
})}
|
|
320
|
+
>
|
|
321
|
+
<label
|
|
322
|
+
part="form-control-label"
|
|
323
|
+
class='form-control__label'
|
|
324
|
+
for="input"
|
|
325
|
+
aria-hidden=${hasLabel ? "false" : "true"}
|
|
326
|
+
>
|
|
327
|
+
${this.required ? html`<span class="form-control__label-required">*</span>` : ""}
|
|
328
|
+
<slot name="label">${this.label}</slot>
|
|
329
|
+
</label>
|
|
330
|
+
<slot name="tooltip" class="form-control__tooltip"></slot>
|
|
331
|
+
|
|
332
|
+
<div part="form-control-input" class="form-control-input form-control__field">
|
|
333
|
+
<div
|
|
334
|
+
part="base"
|
|
335
|
+
class=${classMap({
|
|
336
|
+
input: true,
|
|
337
|
+
// Sizes
|
|
338
|
+
"input--small": this.size === "small",
|
|
339
|
+
"input--medium": this.size === "medium",
|
|
340
|
+
"input--large": this.size === "large",
|
|
341
|
+
// States
|
|
342
|
+
"input--error": this.error,
|
|
343
|
+
"input--on-layer": this.variant === "layer",
|
|
344
|
+
"input--on-base": this.variant === "base",
|
|
345
|
+
"input--disabled": this.disabled,
|
|
346
|
+
"input--readonly": this.readonly,
|
|
347
|
+
"input--focused": this.hasFocus,
|
|
348
|
+
"input--empty": !this.value
|
|
349
|
+
})}
|
|
350
|
+
>
|
|
351
|
+
${overridenPrefixIcon ? html`<dsa-icon
|
|
352
|
+
name=${overridenPrefixIcon.iconName}
|
|
353
|
+
class="input__prefix"
|
|
354
|
+
></dsa-icon>` : html` <slot
|
|
355
|
+
name="prefix"
|
|
356
|
+
part="prefix"
|
|
357
|
+
class="input__prefix"
|
|
358
|
+
></slot>`}
|
|
359
|
+
|
|
360
|
+
<input
|
|
361
|
+
part="input"
|
|
362
|
+
id="input"
|
|
363
|
+
class="input__control"
|
|
364
|
+
type=${this.type === "password" && this.passwordVisible ? "text" : this.type}
|
|
365
|
+
title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
|
|
366
|
+
name=${ifDefinedAndNotEmpty(this.name)}
|
|
367
|
+
?disabled=${this.disabled}
|
|
368
|
+
?readonly=${this.readonly}
|
|
369
|
+
?required=${this.required}
|
|
370
|
+
placeholder=${ifDefined(this.placeholder)}
|
|
371
|
+
minlength=${ifDefined(this.minlength)}
|
|
372
|
+
maxlength=${ifDefined(this.maxlength)}
|
|
373
|
+
min=${ifDefined(this.min)}
|
|
374
|
+
max=${ifDefined(this.max)}
|
|
375
|
+
step=${ifDefined(this.step)}
|
|
376
|
+
.value=${live(this.value)}
|
|
377
|
+
autocapitalize=${ifDefined(this.autocapitalize)}
|
|
378
|
+
autocomplete=${ifDefined(this.autocomplete)}
|
|
379
|
+
autocorrect=${ifDefined(this.autocorrect)}
|
|
380
|
+
?autofocus=${this.autofocus}
|
|
381
|
+
spellcheck=${this.spellcheck}
|
|
382
|
+
pattern=${ifDefined(this.pattern)}
|
|
383
|
+
enterkeyhint=${ifDefined(this.enterkeyhint)}
|
|
384
|
+
inputmode=${ifDefined(this.inputmode)}
|
|
385
|
+
aria-label=${ifDefinedAndNotEmpty(
|
|
386
|
+
hasLabel ? void 0 : this.title
|
|
387
|
+
)}
|
|
388
|
+
aria-describedby=${this.getDescriptionIds()}
|
|
389
|
+
aria-invalid=${ifDefined(this.error ? "true" : void 0)}
|
|
390
|
+
@change=${this.handleChange}
|
|
391
|
+
@input=${this.handleInput}
|
|
392
|
+
@invalid=${this.handleInvalid}
|
|
393
|
+
@keydown=${this.handleKeyDown}
|
|
394
|
+
@focus=${this.handleFocus}
|
|
395
|
+
@blur=${this.handleBlur}
|
|
396
|
+
/>
|
|
397
|
+
|
|
398
|
+
${hasSuffixIcon ? html`<slot name="suffix" class="input__suffix"></slot>` : ""}
|
|
399
|
+
${hasClearIcon ? html`
|
|
400
|
+
<dsa-icon-button
|
|
401
|
+
part="clear-button"
|
|
402
|
+
class="input__action-button"
|
|
403
|
+
name="clear"
|
|
404
|
+
label=${this.localize.term("clearEntry")}
|
|
405
|
+
@click=${this.handleClearClick}
|
|
406
|
+
></dsa-icon-button>
|
|
407
|
+
` : ""}
|
|
408
|
+
${hasHideIcon ? html`<dsa-icon-button
|
|
409
|
+
part="password-toggle-button"
|
|
410
|
+
class="input__action-button"
|
|
411
|
+
label=${this.localize.term(
|
|
412
|
+
this.passwordVisible ? "hidePassword" : "showPassword"
|
|
413
|
+
)}
|
|
414
|
+
name=${this.passwordVisible ? "visibility_off" : "visibility"}
|
|
415
|
+
@click=${this.handlePasswordToggle}
|
|
416
|
+
></dsa-icon-button>` : ""}
|
|
417
|
+
${this.type === "time" ? html`
|
|
418
|
+
<dsa-icon-button
|
|
419
|
+
part="picker-button"
|
|
420
|
+
class="input__action-button"
|
|
421
|
+
name="schedule"
|
|
422
|
+
label=${this.localize.term("selectATime")}
|
|
423
|
+
@click=${this.showTimePicker}
|
|
424
|
+
></dsa-icon-button>
|
|
425
|
+
` : ""}
|
|
426
|
+
</div>
|
|
427
|
+
</div>
|
|
428
|
+
|
|
429
|
+
<slot
|
|
430
|
+
name="help-text"
|
|
431
|
+
part="form-control-help-text"
|
|
432
|
+
id="help-text"
|
|
433
|
+
class="form-control__help-text"
|
|
434
|
+
aria-hidden=${hasHelpText ? "false" : "true"}
|
|
435
|
+
>
|
|
436
|
+
${this.helpText}
|
|
437
|
+
</slot>
|
|
438
|
+
|
|
439
|
+
${counterText !== void 0 ? html`<span
|
|
440
|
+
id="counter"
|
|
441
|
+
class=${classMap({
|
|
442
|
+
"form-control__counter": true,
|
|
443
|
+
"form-control__counter--animated": this.value.length === this.maxlength
|
|
444
|
+
})}
|
|
445
|
+
>${counterText}</span
|
|
446
|
+
>` : ""}
|
|
447
|
+
|
|
448
|
+
${this.error && !this.disabled && this.errorMessage !== "" ? html`<dsa-error-text
|
|
449
|
+
id="error-text"
|
|
450
|
+
class="form-control__error-text"
|
|
451
|
+
>${this.errorMessage}</dsa-error-text
|
|
452
|
+
>` : ""}
|
|
453
|
+
</div>
|
|
454
|
+
</div>
|
|
455
|
+
`;
|
|
456
|
+
}
|
|
457
|
+
};
|
|
458
|
+
DSAInput.styles = input_styles_default;
|
|
459
|
+
__decorateClass([
|
|
460
|
+
query("input")
|
|
461
|
+
], DSAInput.prototype, "standardInput", 2);
|
|
462
|
+
__decorateClass([
|
|
463
|
+
query("dsa-input-date")
|
|
464
|
+
], DSAInput.prototype, "dateInput", 2);
|
|
465
|
+
__decorateClass([
|
|
466
|
+
state()
|
|
467
|
+
], DSAInput.prototype, "input", 2);
|
|
468
|
+
__decorateClass([
|
|
469
|
+
state()
|
|
470
|
+
], DSAInput.prototype, "hasFocus", 2);
|
|
471
|
+
__decorateClass([
|
|
472
|
+
property()
|
|
473
|
+
], DSAInput.prototype, "title", 2);
|
|
474
|
+
__decorateClass([
|
|
475
|
+
property({ reflect: true })
|
|
476
|
+
], DSAInput.prototype, "type", 2);
|
|
477
|
+
__decorateClass([
|
|
478
|
+
property()
|
|
479
|
+
], DSAInput.prototype, "name", 2);
|
|
480
|
+
__decorateClass([
|
|
481
|
+
property()
|
|
482
|
+
], DSAInput.prototype, "value", 2);
|
|
483
|
+
__decorateClass([
|
|
484
|
+
defaultValue()
|
|
485
|
+
], DSAInput.prototype, "defaultValue", 2);
|
|
486
|
+
__decorateClass([
|
|
487
|
+
property({ reflect: true })
|
|
488
|
+
], DSAInput.prototype, "size", 2);
|
|
489
|
+
__decorateClass([
|
|
490
|
+
property({ reflect: true })
|
|
491
|
+
], DSAInput.prototype, "variant", 2);
|
|
492
|
+
__decorateClass([
|
|
493
|
+
property()
|
|
494
|
+
], DSAInput.prototype, "label", 2);
|
|
495
|
+
__decorateClass([
|
|
496
|
+
property({ attribute: "help-text" })
|
|
497
|
+
], DSAInput.prototype, "helpText", 2);
|
|
498
|
+
__decorateClass([
|
|
499
|
+
property({ type: Boolean })
|
|
500
|
+
], DSAInput.prototype, "clearable", 2);
|
|
501
|
+
__decorateClass([
|
|
502
|
+
property({ type: Boolean, reflect: true })
|
|
503
|
+
], DSAInput.prototype, "disabled", 2);
|
|
504
|
+
__decorateClass([
|
|
505
|
+
property()
|
|
506
|
+
], DSAInput.prototype, "lang", 2);
|
|
507
|
+
__decorateClass([
|
|
508
|
+
property()
|
|
509
|
+
], DSAInput.prototype, "placeholder", 2);
|
|
510
|
+
__decorateClass([
|
|
511
|
+
property({ type: Boolean, reflect: true })
|
|
512
|
+
], DSAInput.prototype, "readonly", 2);
|
|
513
|
+
__decorateClass([
|
|
514
|
+
property({ attribute: "password-visible", type: Boolean })
|
|
515
|
+
], DSAInput.prototype, "passwordVisible", 2);
|
|
516
|
+
__decorateClass([
|
|
517
|
+
property({ type: Boolean })
|
|
518
|
+
], DSAInput.prototype, "error", 2);
|
|
519
|
+
__decorateClass([
|
|
520
|
+
property({ attribute: "error-message" })
|
|
521
|
+
], DSAInput.prototype, "errorMessage", 2);
|
|
522
|
+
__decorateClass([
|
|
523
|
+
property({ reflect: true })
|
|
524
|
+
], DSAInput.prototype, "form", 2);
|
|
525
|
+
__decorateClass([
|
|
526
|
+
property({ type: Boolean, reflect: true })
|
|
527
|
+
], DSAInput.prototype, "required", 2);
|
|
528
|
+
__decorateClass([
|
|
529
|
+
property()
|
|
530
|
+
], DSAInput.prototype, "pattern", 2);
|
|
531
|
+
__decorateClass([
|
|
532
|
+
property({ type: Number })
|
|
533
|
+
], DSAInput.prototype, "minlength", 2);
|
|
534
|
+
__decorateClass([
|
|
535
|
+
property({ type: Number })
|
|
536
|
+
], DSAInput.prototype, "maxlength", 2);
|
|
537
|
+
__decorateClass([
|
|
538
|
+
property({ type: Boolean })
|
|
539
|
+
], DSAInput.prototype, "counter", 2);
|
|
540
|
+
__decorateClass([
|
|
541
|
+
property()
|
|
542
|
+
], DSAInput.prototype, "min", 2);
|
|
543
|
+
__decorateClass([
|
|
544
|
+
property()
|
|
545
|
+
], DSAInput.prototype, "max", 2);
|
|
546
|
+
__decorateClass([
|
|
547
|
+
property({ attribute: "calendar-start-date" })
|
|
548
|
+
], DSAInput.prototype, "calendarStartDate", 2);
|
|
549
|
+
__decorateClass([
|
|
550
|
+
property()
|
|
551
|
+
], DSAInput.prototype, "step", 2);
|
|
552
|
+
__decorateClass([
|
|
553
|
+
property()
|
|
554
|
+
], DSAInput.prototype, "autocapitalize", 2);
|
|
555
|
+
__decorateClass([
|
|
556
|
+
property()
|
|
557
|
+
], DSAInput.prototype, "autocorrect", 2);
|
|
558
|
+
__decorateClass([
|
|
559
|
+
property()
|
|
560
|
+
], DSAInput.prototype, "autocomplete", 2);
|
|
561
|
+
__decorateClass([
|
|
562
|
+
property({ type: Boolean })
|
|
563
|
+
], DSAInput.prototype, "autofocus", 2);
|
|
564
|
+
__decorateClass([
|
|
565
|
+
property()
|
|
566
|
+
], DSAInput.prototype, "enterkeyhint", 2);
|
|
567
|
+
__decorateClass([
|
|
568
|
+
property({
|
|
569
|
+
type: Boolean,
|
|
570
|
+
converter: {
|
|
571
|
+
// Allow "true|false" attribute values but keep the property boolean
|
|
572
|
+
fromAttribute: (value) => !value || value === "false" ? false : true,
|
|
573
|
+
toAttribute: (value) => value ? "true" : "false"
|
|
574
|
+
}
|
|
575
|
+
})
|
|
576
|
+
], DSAInput.prototype, "spellcheck", 2);
|
|
577
|
+
__decorateClass([
|
|
578
|
+
property()
|
|
579
|
+
], DSAInput.prototype, "inputmode", 2);
|
|
580
|
+
__decorateClass([
|
|
581
|
+
watch("disabled", { waitUntilFirstUpdate: true })
|
|
582
|
+
], DSAInput.prototype, "handleDisabledChange", 1);
|
|
583
|
+
__decorateClass([
|
|
584
|
+
watch("step", { waitUntilFirstUpdate: true })
|
|
585
|
+
], DSAInput.prototype, "handleStepChange", 1);
|
|
586
|
+
__decorateClass([
|
|
587
|
+
watch("value", { waitUntilFirstUpdate: true })
|
|
588
|
+
], DSAInput.prototype, "handleValueChange", 1);
|
|
589
|
+
DSAInput = __decorateClass([
|
|
590
|
+
customElement("dsa-input")
|
|
591
|
+
], DSAInput);
|
|
592
|
+
|
|
593
|
+
export {
|
|
594
|
+
DSAInput
|
|
595
|
+
};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import {
|
|
2
2
|
DSAAccordion
|
|
3
|
-
} from "../../chunks/chunk.
|
|
4
|
-
import "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.PC2VIFJW.js";
|
|
4
|
+
import "../../chunks/chunk.KOTPR264.js";
|
|
5
5
|
import "../../chunks/chunk.B4BZKR24.js";
|
|
6
6
|
import "../../chunks/chunk.2FK6USFR.js";
|
|
7
7
|
import "../../chunks/chunk.V7RJROLH.js";
|
|
8
|
-
import "../../chunks/chunk.
|
|
9
|
-
import "../../chunks/chunk.
|
|
8
|
+
import "../../chunks/chunk.G3MRVMJ4.js";
|
|
9
|
+
import "../../chunks/chunk.4L7EJLR4.js";
|
|
10
|
+
import "../../chunks/chunk.D34QDO4H.js";
|
|
11
|
+
import "../../chunks/chunk.RB6TMBWW.js";
|
|
10
12
|
import "../../chunks/chunk.23TOS4ZE.js";
|
|
11
13
|
import "../../chunks/chunk.XNEONNEJ.js";
|
|
12
14
|
import "../../chunks/chunk.LMJPQPQT.js";
|
|
13
|
-
import "../../chunks/chunk.O2PIWM25.js";
|
|
14
15
|
import "../../chunks/chunk.RDGMZ5XB.js";
|
|
15
|
-
import "../../chunks/chunk.RB6TMBWW.js";
|
|
16
16
|
import "../../chunks/chunk.6IH66JBY.js";
|
|
17
17
|
import "../../chunks/chunk.FDYFSRSX.js";
|
|
18
18
|
import "../../chunks/chunk.YCXTCVAZ.js";
|
|
@@ -29,6 +29,8 @@ export default class DSAAlert extends ShoelaceElement {
|
|
|
29
29
|
open: boolean;
|
|
30
30
|
/** Enables a close button that allows the user to dismiss the alert. */
|
|
31
31
|
closable: boolean;
|
|
32
|
+
/** Optional aria-level of the alert header */
|
|
33
|
+
headerLevel: 1 | 2 | 3 | 4 | 5 | 6;
|
|
32
34
|
/** The alert's theme variant. */
|
|
33
35
|
variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger';
|
|
34
36
|
/**
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import {
|
|
2
2
|
DSAAlert
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.6GVM3YU4.js";
|
|
4
4
|
import "../../chunks/chunk.IEBTPGUT.js";
|
|
5
5
|
import "../../chunks/chunk.4Z3LVWYW.js";
|
|
6
6
|
import "../../chunks/chunk.B4BZKR24.js";
|
|
7
7
|
import "../../chunks/chunk.2FK6USFR.js";
|
|
8
8
|
import "../../chunks/chunk.V7RJROLH.js";
|
|
9
|
-
import "../../chunks/chunk.
|
|
10
|
-
import "../../chunks/chunk.
|
|
9
|
+
import "../../chunks/chunk.G3MRVMJ4.js";
|
|
10
|
+
import "../../chunks/chunk.4L7EJLR4.js";
|
|
11
|
+
import "../../chunks/chunk.D34QDO4H.js";
|
|
12
|
+
import "../../chunks/chunk.RB6TMBWW.js";
|
|
11
13
|
import "../../chunks/chunk.23TOS4ZE.js";
|
|
12
14
|
import "../../chunks/chunk.XNEONNEJ.js";
|
|
13
15
|
import "../../chunks/chunk.LMJPQPQT.js";
|
|
14
|
-
import "../../chunks/chunk.O2PIWM25.js";
|
|
15
16
|
import "../../chunks/chunk.RDGMZ5XB.js";
|
|
16
|
-
import "../../chunks/chunk.RB6TMBWW.js";
|
|
17
17
|
import "../../chunks/chunk.6IH66JBY.js";
|
|
18
18
|
import "../../chunks/chunk.FDYFSRSX.js";
|
|
19
19
|
import "../../chunks/chunk.INLQD4SQ.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
DSAAnchorTag
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.ZV7TVP6P.js";
|
|
4
4
|
import "../../chunks/chunk.ZQJVCRB2.js";
|
|
5
5
|
import "../../chunks/chunk.YCXTCVAZ.js";
|
|
6
|
-
import "../../chunks/chunk.
|
|
6
|
+
import "../../chunks/chunk.MPZ56XQK.js";
|
|
7
7
|
import "../../chunks/chunk.TUVJKY7S.js";
|
|
8
8
|
import "../../chunks/chunk.6M63UXML.js";
|
|
9
9
|
export {
|