@mozaic-ds/web-components 0.7.0 → 0.9.0-beta
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/package.json +1 -1
- package/public/ClickOutside-63071e7a.js +15 -1
- package/public/ClickOutside-63071e7a.js.map +1 -1
- package/public/DataTableDefaultAction.nested-c37a5d51.js +762 -0
- package/public/DataTableDefaultAction.nested-c37a5d51.js.map +1 -0
- package/public/DataTableUtilities-313a448d.js +386 -0
- package/public/DataTableUtilities-313a448d.js.map +1 -0
- package/public/EventForward-8492ff62.js +109 -1
- package/public/EventForward-8492ff62.js.map +1 -1
- package/public/EventHandler-02058705.js +15 -1
- package/public/EventHandler-02058705.js.map +1 -1
- package/public/adeo/{DataTableDefaultAction.nested-90536fe3.js → DataTableDefaultAction.nested-ac2e3dbe.js} +2 -2
- package/public/adeo/{DataTableDefaultAction.nested-90536fe3.js.map → DataTableDefaultAction.nested-ac2e3dbe.js.map} +1 -1
- package/public/adeo/DataTableUtilities-313a448d.js +2 -0
- package/public/adeo/DataTableUtilities-313a448d.js.map +1 -0
- package/public/adeo/bundle.js +5 -0
- package/public/adeo/components/barchart/BarChart.svelte +3 -4
- package/public/adeo/components/chart/BarChart.js +1 -1
- package/public/adeo/components/chart/BarChart.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.js +1 -1
- package/public/adeo/components/datatable/DataTable.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.svelte +12 -0
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/adeo/components/datatable/data.d.ts.map +1 -1
- package/public/adeo/components/datatable/datatable.types.d.ts +9 -2
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/header/Header.js +1 -1
- package/public/adeo/components/header/Header.js.map +1 -1
- package/public/adeo/components/header/Header.svelte +2 -2
- package/public/adeo/components/kpi/Kpi.js +2 -0
- package/public/adeo/components/kpi/Kpi.js.map +1 -0
- package/public/adeo/components/kpi/Kpi.svelte +232 -0
- package/public/adeo/components/sidebar/Sidebar.js +1 -1
- package/public/adeo/components/sidebar/Sidebar.js.map +1 -1
- package/public/adeo/components/sidebar/Sidebar.svelte +1 -1
- package/public/adeo/icons-storybook.js +16 -0
- package/public/adeo/main.d.ts +1 -0
- package/public/adeo/main.d.ts.map +1 -1
- package/public/adeo/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/adeo/utilities/DataTableUtilities.ts +22 -2
- package/public/array-5b770a93.js +13 -1
- package/public/array-5b770a93.js.map +1 -1
- package/public/axis-fbc0f7b5.js +174 -1
- package/public/axis-fbc0f7b5.js.map +1 -1
- package/public/band-d7a07d2c.js +186 -1
- package/public/band-d7a07d2c.js.map +1 -1
- package/public/bricoman/{DataTableDefaultAction.nested-928e5e2d.js → DataTableDefaultAction.nested-bcc599d1.js} +2 -2
- package/public/bricoman/{DataTableDefaultAction.nested-928e5e2d.js.map → DataTableDefaultAction.nested-bcc599d1.js.map} +1 -1
- package/public/bricoman/DataTableUtilities-313a448d.js +2 -0
- package/public/bricoman/DataTableUtilities-313a448d.js.map +1 -0
- package/public/bricoman/bundle.js +5 -0
- package/public/bricoman/components/barchart/BarChart.svelte +3 -4
- package/public/bricoman/components/chart/BarChart.js +1 -1
- package/public/bricoman/components/chart/BarChart.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.js +1 -1
- package/public/bricoman/components/datatable/DataTable.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.svelte +12 -0
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/bricoman/components/datatable/data.d.ts.map +1 -1
- package/public/bricoman/components/datatable/datatable.types.d.ts +9 -2
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/header/Header.js +1 -1
- package/public/bricoman/components/header/Header.js.map +1 -1
- package/public/bricoman/components/header/Header.svelte +2 -2
- package/public/bricoman/components/kpi/Kpi.js +2 -0
- package/public/bricoman/components/kpi/Kpi.js.map +1 -0
- package/public/bricoman/components/kpi/Kpi.svelte +232 -0
- package/public/bricoman/components/sidebar/Sidebar.js +1 -1
- package/public/bricoman/components/sidebar/Sidebar.js.map +1 -1
- package/public/bricoman/components/sidebar/Sidebar.svelte +1 -1
- package/public/bricoman/icons-storybook.js +16 -0
- package/public/bricoman/main.d.ts +1 -0
- package/public/bricoman/main.d.ts.map +1 -1
- package/public/bricoman/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/bricoman/utilities/DataTableUtilities.ts +22 -2
- package/public/bundle.js +5 -0
- package/public/components/accordion/Accordion.js +365 -1
- package/public/components/accordion/Accordion.js.map +1 -1
- package/public/components/autocomplete/Autocomplete.js +1515 -1
- package/public/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/components/badge/Badge.js +155 -1
- package/public/components/badge/Badge.js.map +1 -1
- package/public/components/badge/Badge.nested.js +101 -1
- package/public/components/badge/Badge.nested.js.map +1 -1
- package/public/components/barchart/BarChart.svelte +3 -4
- package/public/components/breadcrumb/Breadcrumb.js +372 -1
- package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js +319 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/components/button/Button.js +1138 -1
- package/public/components/button/Button.js.map +1 -1
- package/public/components/card/Card.js +369 -1
- package/public/components/card/Card.js.map +1 -1
- package/public/components/chart/BarChart.js +583 -1
- package/public/components/chart/BarChart.js.map +1 -1
- package/public/components/chart/Donut.js +1189 -1
- package/public/components/chart/Donut.js.map +1 -1
- package/public/components/chart/GroupedBarChart.js +750 -1
- package/public/components/chart/GroupedBarChart.js.map +1 -1
- package/public/components/chart/LineChart.js +1731 -1
- package/public/components/chart/LineChart.js.map +1 -1
- package/public/components/chart/Radar.js +729 -1
- package/public/components/chart/Radar.js.map +1 -1
- package/public/components/chart/StackedBarChart.js +745 -1
- package/public/components/chart/StackedBarChart.js.map +1 -1
- package/public/components/checkbox/Checkbox.js +307 -1
- package/public/components/checkbox/Checkbox.js.map +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js +404 -1
- package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/components/datatable/DataTable.js +3098 -1
- package/public/components/datatable/DataTable.js.map +1 -1
- package/public/components/datatable/DataTable.svelte +12 -0
- package/public/components/datatable/DataTableDefaultAction.nested.js +4 -1
- package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js +164 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js +380 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultSelection.nested.js +424 -1
- package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +263 -1
- package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +1 -1
- package/public/components/datatable/DataTableFooter.nested.js +637 -1
- package/public/components/datatable/DataTableFooter.nested.js.map +1 -1
- package/public/components/datatable/data.d.ts.map +1 -1
- package/public/components/datatable/datatable.types.d.ts +9 -2
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/dropdown/Dropdown.js +1426 -1
- package/public/components/dropdown/Dropdown.js.map +1 -1
- package/public/components/field/Field.js +375 -1
- package/public/components/field/Field.js.map +1 -1
- package/public/components/fileuploader/FileUploader.js +603 -1
- package/public/components/fileuploader/FileUploader.js.map +1 -1
- package/public/components/fileuploader/ResultFile.nested.js +344 -1
- package/public/components/fileuploader/ResultFile.nested.js.map +1 -1
- package/public/components/flag/Flag.js +174 -1
- package/public/components/flag/Flag.js.map +1 -1
- package/public/components/header/Header.js +918 -1
- package/public/components/header/Header.js.map +1 -1
- package/public/components/header/Header.svelte +2 -2
- package/public/components/hero/Hero.js +271 -1
- package/public/components/hero/Hero.js.map +1 -1
- package/public/components/kpi/Kpi.js +405 -0
- package/public/components/kpi/Kpi.js.map +1 -0
- package/public/components/kpi/Kpi.svelte +232 -0
- package/public/components/layer/Layer.js +471 -1
- package/public/components/layer/Layer.js.map +1 -1
- package/public/components/link/Link.js +380 -1
- package/public/components/link/Link.js.map +1 -1
- package/public/components/listbox/Listbox.js +595 -1
- package/public/components/listbox/Listbox.js.map +1 -1
- package/public/components/listbox/Listbox.nested.js +629 -1
- package/public/components/listbox/Listbox.nested.js.map +1 -1
- package/public/components/loader/Loader.js +246 -1
- package/public/components/loader/Loader.js.map +1 -1
- package/public/components/loader/Loader.nested.js +176 -1
- package/public/components/loader/Loader.nested.js.map +1 -1
- package/public/components/modal/Modal.js +395 -1
- package/public/components/modal/Modal.js.map +1 -1
- package/public/components/notification/Notification.js +458 -1
- package/public/components/notification/Notification.js.map +1 -1
- package/public/components/optionbutton/OptionButton.js +316 -1
- package/public/components/optionbutton/OptionButton.js.map +1 -1
- package/public/components/overlay/Overlay.js +104 -1
- package/public/components/overlay/Overlay.js.map +1 -1
- package/public/components/overlay/OverlayLoader.js +151 -1
- package/public/components/overlay/OverlayLoader.js.map +1 -1
- package/public/components/pagination/Pagination.js +613 -1
- package/public/components/pagination/Pagination.js.map +1 -1
- package/public/components/passwordinput/PasswordInput.js +291 -1
- package/public/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/components/phonenumber/PhoneNumber.js +6894 -1
- package/public/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/components/price/Price.js +768 -1
- package/public/components/price/Price.js.map +1 -1
- package/public/components/progressbar/ProgressBar.js +278 -1
- package/public/components/progressbar/ProgressBar.js.map +1 -1
- package/public/components/quantityselector/QuantitySelector.js +397 -1
- package/public/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/components/radio/Radio.js +273 -1
- package/public/components/radio/Radio.js.map +1 -1
- package/public/components/radiogroup/RadioGroup.js +414 -1
- package/public/components/radiogroup/RadioGroup.js.map +1 -1
- package/public/components/ratings/StarsInput.js +292 -1
- package/public/components/ratings/StarsInput.js.map +1 -1
- package/public/components/ratings/StarsResult.js +246 -1
- package/public/components/ratings/StarsResult.js.map +1 -1
- package/public/components/select/Select.js +451 -1
- package/public/components/select/Select.js.map +1 -1
- package/public/components/sidebar/Sidebar.js +784 -1
- package/public/components/sidebar/Sidebar.js.map +1 -1
- package/public/components/sidebar/Sidebar.svelte +1 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js +594 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-feature.nested.js +402 -1
- package/public/components/sidebar/sidebar-feature.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-section.nested.js +394 -1
- package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js +200 -1
- package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-separator.nested.js +49 -1
- package/public/components/sidebar/sidebar-separator.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js +312 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-user.nested.js +733 -1
- package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/components/stepper/Stepper.js +371 -1
- package/public/components/stepper/Stepper.js.map +1 -1
- package/public/components/tabs/Tabs.js +615 -1
- package/public/components/tabs/Tabs.js.map +1 -1
- package/public/components/tabs/Tabs.nested.js +472 -1
- package/public/components/tabs/Tabs.nested.js.map +1 -1
- package/public/components/tag/Tag.js +665 -1
- package/public/components/tag/Tag.js.map +1 -1
- package/public/components/tag/Tag.nested.js +554 -1
- package/public/components/tag/Tag.nested.js.map +1 -1
- package/public/components/taglist/TagList.js +475 -1
- package/public/components/taglist/TagList.js.map +1 -1
- package/public/components/textarea/Textarea.js +303 -1
- package/public/components/textarea/Textarea.js.map +1 -1
- package/public/components/textinput/Textinput.js +497 -1
- package/public/components/textinput/Textinput.js.map +1 -1
- package/public/components/textinput/Textinput.nested.js +320 -1
- package/public/components/textinput/Textinput.nested.js.map +1 -1
- package/public/components/toggle/Toggle.js +278 -1
- package/public/components/toggle/Toggle.js.map +1 -1
- package/public/components/tooltip/Tooltip.js +173 -1
- package/public/components/tooltip/Tooltip.js.map +1 -1
- package/public/icons-storybook.js +16 -0
- package/public/index-c33b3772.js +873 -1
- package/public/index-c33b3772.js.map +1 -1
- package/public/linear-f46d7e9e.js +700 -1
- package/public/linear-f46d7e9e.js.map +1 -1
- package/public/main.d.ts +1 -0
- package/public/main.d.ts.map +1 -1
- package/public/path-1b5da959.js +186 -1
- package/public/path-1b5da959.js.map +1 -1
- package/public/sidebar-service-275bf9ef.js +129 -1
- package/public/sidebar-service-275bf9ef.js.map +1 -1
- package/public/symbol-b05a6e2b.js +169 -1
- package/public/symbol-b05a6e2b.js.map +1 -1
- package/public/transform-15d69d5d.js +2743 -1
- package/public/transform-15d69d5d.js.map +1 -1
- package/public/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/utilities/DataTableUtilities.ts +22 -2
- package/public/utilities/EventForward.js +136 -1
- package/public/utilities/EventForward.js.map +1 -1
- package/public/utilities/EventHandler.js +36 -1
- package/public/utilities/EventHandler.js.map +1 -1
- package/public/utilities/components/datatable/data.d.ts.map +1 -1
- package/public/utilities/components/datatable/datatable.types.d.ts +9 -2
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/main.d.ts +1 -0
- package/public/utilities/main.d.ts.map +1 -1
- package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
- package/public/utilities/stories/header/Header.stories.d.ts.map +1 -1
- package/public/utilities/stories/kpi/kpi.stories.d.ts +7 -0
- package/public/utilities/stories/kpi/kpi.stories.d.ts.map +1 -0
- package/public/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/DataTableDefaultAction.nested-483f8bb0.js +0 -2
- package/public/DataTableDefaultAction.nested-483f8bb0.js.map +0 -1
- package/public/DataTableUtilities-60220c78.js +0 -2
- package/public/DataTableUtilities-60220c78.js.map +0 -1
- package/public/adeo/DataTableUtilities-60220c78.js +0 -2
- package/public/adeo/DataTableUtilities-60220c78.js.map +0 -1
- package/public/bricoman/DataTableUtilities-60220c78.js +0 -2
- package/public/bricoman/DataTableUtilities-60220c78.js.map +0 -1
|
@@ -1,2 +1,304 @@
|
|
|
1
|
-
import{S as
|
|
1
|
+
import { S as SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, c as assign, e as element, n as noop, h as set_attributes, U as set_input_value, B as action_destroyer, l as listen, m as get_spread_update, o as detach, H as run_all, p as compute_rest_props, r as get_current_component, q as exclude_internal_props } from '../../index-c33b3772.js';
|
|
2
|
+
import { c as createEventForwarder } from '../../EventForward-8492ff62.js';
|
|
3
|
+
|
|
4
|
+
/* src/components/textarea/Textarea.svelte generated by Svelte v3.58.0 */
|
|
5
|
+
|
|
6
|
+
function create_fragment(ctx) {
|
|
7
|
+
let textarea;
|
|
8
|
+
let textarea_class_value;
|
|
9
|
+
let mounted;
|
|
10
|
+
let dispose;
|
|
11
|
+
|
|
12
|
+
let textarea_levels = [
|
|
13
|
+
{
|
|
14
|
+
class: textarea_class_value = "" + (getClasses(/*isvalid*/ ctx[4], /*isinvalid*/ ctx[5]) + " " + /*userClass*/ ctx[10])
|
|
15
|
+
},
|
|
16
|
+
{ "aria-invalid": /*isinvalid*/ ctx[5] },
|
|
17
|
+
{ name: /*name*/ ctx[1] },
|
|
18
|
+
{ id: /*name*/ ctx[1] },
|
|
19
|
+
{ placeholder: /*placeholder*/ ctx[2] },
|
|
20
|
+
{ rows: /*rows*/ ctx[3] },
|
|
21
|
+
{ disabled: /*disabled*/ ctx[6] },
|
|
22
|
+
{ minlength: /*minlength*/ ctx[7] },
|
|
23
|
+
{ maxlength: /*maxlength*/ ctx[8] },
|
|
24
|
+
{ spellcheck: "false" },
|
|
25
|
+
/*attributes*/ ctx[9]
|
|
26
|
+
];
|
|
27
|
+
|
|
28
|
+
let textarea_data = {};
|
|
29
|
+
|
|
30
|
+
for (let i = 0; i < textarea_levels.length; i += 1) {
|
|
31
|
+
textarea_data = assign(textarea_data, textarea_levels[i]);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
return {
|
|
35
|
+
c() {
|
|
36
|
+
textarea = element("textarea");
|
|
37
|
+
this.c = noop;
|
|
38
|
+
set_attributes(textarea, textarea_data);
|
|
39
|
+
},
|
|
40
|
+
m(target, anchor) {
|
|
41
|
+
insert(target, textarea, anchor);
|
|
42
|
+
if (textarea.autofocus) textarea.focus();
|
|
43
|
+
set_input_value(textarea, /*value*/ ctx[0]);
|
|
44
|
+
|
|
45
|
+
if (!mounted) {
|
|
46
|
+
dispose = [
|
|
47
|
+
action_destroyer(/*forwardEvents*/ ctx[11].call(null, textarea)),
|
|
48
|
+
listen(textarea, "input", /*textarea_input_handler*/ ctx[12])
|
|
49
|
+
];
|
|
50
|
+
|
|
51
|
+
mounted = true;
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
p(ctx, [dirty]) {
|
|
55
|
+
set_attributes(textarea, textarea_data = get_spread_update(textarea_levels, [
|
|
56
|
+
dirty & /*isvalid, isinvalid, userClass*/ 1072 && textarea_class_value !== (textarea_class_value = "" + (getClasses(/*isvalid*/ ctx[4], /*isinvalid*/ ctx[5]) + " " + /*userClass*/ ctx[10])) && { class: textarea_class_value },
|
|
57
|
+
dirty & /*isinvalid*/ 32 && { "aria-invalid": /*isinvalid*/ ctx[5] },
|
|
58
|
+
dirty & /*name*/ 2 && { name: /*name*/ ctx[1] },
|
|
59
|
+
dirty & /*name*/ 2 && { id: /*name*/ ctx[1] },
|
|
60
|
+
dirty & /*placeholder*/ 4 && { placeholder: /*placeholder*/ ctx[2] },
|
|
61
|
+
dirty & /*rows*/ 8 && { rows: /*rows*/ ctx[3] },
|
|
62
|
+
dirty & /*disabled*/ 64 && { disabled: /*disabled*/ ctx[6] },
|
|
63
|
+
dirty & /*minlength*/ 128 && { minlength: /*minlength*/ ctx[7] },
|
|
64
|
+
dirty & /*maxlength*/ 256 && { maxlength: /*maxlength*/ ctx[8] },
|
|
65
|
+
{ spellcheck: "false" },
|
|
66
|
+
dirty & /*attributes*/ 512 && /*attributes*/ ctx[9]
|
|
67
|
+
]));
|
|
68
|
+
|
|
69
|
+
if (dirty & /*value*/ 1) {
|
|
70
|
+
set_input_value(textarea, /*value*/ ctx[0]);
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
i: noop,
|
|
74
|
+
o: noop,
|
|
75
|
+
d(detaching) {
|
|
76
|
+
if (detaching) detach(textarea);
|
|
77
|
+
mounted = false;
|
|
78
|
+
run_all(dispose);
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
function getClasses(isValid, isInvalid) {
|
|
84
|
+
const classes = ['mc-textarea'];
|
|
85
|
+
|
|
86
|
+
if (isValid) {
|
|
87
|
+
classes.push('is-valid');
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
if (isInvalid) {
|
|
91
|
+
classes.push('is-invalid');
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
return classes.join(' ');
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
function instance($$self, $$props, $$invalidate) {
|
|
98
|
+
let userClass;
|
|
99
|
+
let attributes;
|
|
100
|
+
|
|
101
|
+
const omit_props_names = [
|
|
102
|
+
"name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"
|
|
103
|
+
];
|
|
104
|
+
|
|
105
|
+
let $$restProps = compute_rest_props($$props, omit_props_names);
|
|
106
|
+
let { name } = $$props;
|
|
107
|
+
let { value } = $$props;
|
|
108
|
+
let { placeholder } = $$props;
|
|
109
|
+
let { rows = 3 } = $$props;
|
|
110
|
+
let { isvalid } = $$props;
|
|
111
|
+
let { isinvalid } = $$props;
|
|
112
|
+
let { disabled = false } = $$props;
|
|
113
|
+
let { minlength } = $$props;
|
|
114
|
+
let { maxlength } = $$props;
|
|
115
|
+
const forwardEvents = createEventForwarder(get_current_component());
|
|
116
|
+
|
|
117
|
+
function textarea_input_handler() {
|
|
118
|
+
value = this.value;
|
|
119
|
+
$$invalidate(0, value);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
$$self.$$set = $$new_props => {
|
|
123
|
+
$$invalidate(14, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
|
|
124
|
+
$$invalidate(13, $$restProps = compute_rest_props($$props, omit_props_names));
|
|
125
|
+
if ('name' in $$new_props) $$invalidate(1, name = $$new_props.name);
|
|
126
|
+
if ('value' in $$new_props) $$invalidate(0, value = $$new_props.value);
|
|
127
|
+
if ('placeholder' in $$new_props) $$invalidate(2, placeholder = $$new_props.placeholder);
|
|
128
|
+
if ('rows' in $$new_props) $$invalidate(3, rows = $$new_props.rows);
|
|
129
|
+
if ('isvalid' in $$new_props) $$invalidate(4, isvalid = $$new_props.isvalid);
|
|
130
|
+
if ('isinvalid' in $$new_props) $$invalidate(5, isinvalid = $$new_props.isinvalid);
|
|
131
|
+
if ('disabled' in $$new_props) $$invalidate(6, disabled = $$new_props.disabled);
|
|
132
|
+
if ('minlength' in $$new_props) $$invalidate(7, minlength = $$new_props.minlength);
|
|
133
|
+
if ('maxlength' in $$new_props) $$invalidate(8, maxlength = $$new_props.maxlength);
|
|
134
|
+
};
|
|
135
|
+
|
|
136
|
+
$$self.$$.update = () => {
|
|
137
|
+
$$invalidate(10, userClass = $$props.class);
|
|
138
|
+
$$invalidate(9, attributes = Object.assign({}, $$restProps));
|
|
139
|
+
|
|
140
|
+
if ($$self.$$.dirty & /*attributes*/ 512) {
|
|
141
|
+
delete attributes.class;
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
|
|
145
|
+
$$props = exclude_internal_props($$props);
|
|
146
|
+
|
|
147
|
+
return [
|
|
148
|
+
value,
|
|
149
|
+
name,
|
|
150
|
+
placeholder,
|
|
151
|
+
rows,
|
|
152
|
+
isvalid,
|
|
153
|
+
isinvalid,
|
|
154
|
+
disabled,
|
|
155
|
+
minlength,
|
|
156
|
+
maxlength,
|
|
157
|
+
attributes,
|
|
158
|
+
userClass,
|
|
159
|
+
forwardEvents,
|
|
160
|
+
textarea_input_handler
|
|
161
|
+
];
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
class Textarea extends SvelteElement {
|
|
165
|
+
constructor(options) {
|
|
166
|
+
super();
|
|
167
|
+
const style = document.createElement('style');
|
|
168
|
+
style.textContent = `@charset "UTF-8";.mc-textarea{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;padding:calc(0.75rem - 0.125em - 1px) 0.75rem calc(0.75rem + 0.125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea.is-hover,.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea.is-focus,.mc-textarea:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::-webkit-input-placeholder{color:#666666}.mc-textarea::-moz-placeholder{color:#666666}.mc-textarea:-ms-input-placeholder{color:#666666}.mc-textarea::-ms-input-placeholder{color:#666666}.mc-textarea::placeholder{color:#666666}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}`;
|
|
169
|
+
this.shadowRoot.appendChild(style);
|
|
170
|
+
|
|
171
|
+
init(
|
|
172
|
+
this,
|
|
173
|
+
{
|
|
174
|
+
target: this.shadowRoot,
|
|
175
|
+
props: attribute_to_object(this.attributes),
|
|
176
|
+
customElement: true
|
|
177
|
+
},
|
|
178
|
+
instance,
|
|
179
|
+
create_fragment,
|
|
180
|
+
safe_not_equal,
|
|
181
|
+
{
|
|
182
|
+
name: 1,
|
|
183
|
+
value: 0,
|
|
184
|
+
placeholder: 2,
|
|
185
|
+
rows: 3,
|
|
186
|
+
isvalid: 4,
|
|
187
|
+
isinvalid: 5,
|
|
188
|
+
disabled: 6,
|
|
189
|
+
minlength: 7,
|
|
190
|
+
maxlength: 8
|
|
191
|
+
},
|
|
192
|
+
null
|
|
193
|
+
);
|
|
194
|
+
|
|
195
|
+
if (options) {
|
|
196
|
+
if (options.target) {
|
|
197
|
+
insert(options.target, this, options.anchor);
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
if (options.props) {
|
|
201
|
+
this.$set(options.props);
|
|
202
|
+
flush();
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
static get observedAttributes() {
|
|
208
|
+
return [
|
|
209
|
+
"name",
|
|
210
|
+
"value",
|
|
211
|
+
"placeholder",
|
|
212
|
+
"rows",
|
|
213
|
+
"isvalid",
|
|
214
|
+
"isinvalid",
|
|
215
|
+
"disabled",
|
|
216
|
+
"minlength",
|
|
217
|
+
"maxlength"
|
|
218
|
+
];
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
get name() {
|
|
222
|
+
return this.$$.ctx[1];
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
set name(name) {
|
|
226
|
+
this.$$set({ name });
|
|
227
|
+
flush();
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
get value() {
|
|
231
|
+
return this.$$.ctx[0];
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
set value(value) {
|
|
235
|
+
this.$$set({ value });
|
|
236
|
+
flush();
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
get placeholder() {
|
|
240
|
+
return this.$$.ctx[2];
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
set placeholder(placeholder) {
|
|
244
|
+
this.$$set({ placeholder });
|
|
245
|
+
flush();
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
get rows() {
|
|
249
|
+
return this.$$.ctx[3];
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
set rows(rows) {
|
|
253
|
+
this.$$set({ rows });
|
|
254
|
+
flush();
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
get isvalid() {
|
|
258
|
+
return this.$$.ctx[4];
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
set isvalid(isvalid) {
|
|
262
|
+
this.$$set({ isvalid });
|
|
263
|
+
flush();
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
get isinvalid() {
|
|
267
|
+
return this.$$.ctx[5];
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
set isinvalid(isinvalid) {
|
|
271
|
+
this.$$set({ isinvalid });
|
|
272
|
+
flush();
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
get disabled() {
|
|
276
|
+
return this.$$.ctx[6];
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
set disabled(disabled) {
|
|
280
|
+
this.$$set({ disabled });
|
|
281
|
+
flush();
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
get minlength() {
|
|
285
|
+
return this.$$.ctx[7];
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
set minlength(minlength) {
|
|
289
|
+
this.$$set({ minlength });
|
|
290
|
+
flush();
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
get maxlength() {
|
|
294
|
+
return this.$$.ctx[8];
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
set maxlength(maxlength) {
|
|
298
|
+
this.$$set({ maxlength });
|
|
299
|
+
flush();
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
export { Textarea as default };
|
|
2
304
|
//# sourceMappingURL=Textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let name: string;\n export let value: string;\n export let placeholder: string;\n export let rows = 3;\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let disabled = false;\n export let minlength: number;\n export let maxlength: number;\n\n const forwardEvents = createEventForwarder(get_current_component());\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function getClasses(isValid: boolean, isInvalid: boolean): string {\n const classes = ['mc-textarea'];\n\n if (isValid) {\n classes.push('is-valid');\n }\n\n if (isInvalid) {\n classes.push('is-invalid');\n }\n\n return classes.join(' ');\n }\n</script>\n\n<textarea\n use:forwardEvents\n bind:value\n class=\"{getClasses(isvalid, isinvalid)} {userClass}\"\n aria-invalid={isinvalid}\n {name}\n id={name}\n {placeholder}\n {rows}\n {disabled}\n {minlength}\n {maxlength}\n spellcheck=\"false\"\n {...attributes}\n/>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.textarea';\n @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":[
|
|
1
|
+
{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let name: string;\n export let value: string;\n export let placeholder: string;\n export let rows = 3;\n export let isvalid: boolean;\n export let isinvalid: boolean;\n export let disabled = false;\n export let minlength: number;\n export let maxlength: number;\n\n const forwardEvents = createEventForwarder(get_current_component());\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function getClasses(isValid: boolean, isInvalid: boolean): string {\n const classes = ['mc-textarea'];\n\n if (isValid) {\n classes.push('is-valid');\n }\n\n if (isInvalid) {\n classes.push('is-invalid');\n }\n\n return classes.join(' ');\n }\n</script>\n\n<textarea\n use:forwardEvents\n bind:value\n class=\"{getClasses(isvalid, isinvalid)} {userClass}\"\n aria-invalid={isinvalid}\n {name}\n id={name}\n {placeholder}\n {rows}\n {disabled}\n {minlength}\n {maxlength}\n spellcheck=\"false\"\n {...attributes}\n/>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.textarea';\n @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAsCU,GAAA,KAAA,EAAA,oBAAA,GAAA,EAAA,IAAA,UAAU,aAAC,GAAO,CAAE,CAAA,CAAA,gBAAA,GAAS,2BAAI,GAAS,CAAA,EAAA,CAAA,CAAA;;kCACpC,GAAS,CAAA,CAAA,CAAA,EAAA;;iBAEnB,GAAI,CAAA,CAAA,CAAA,EAAA;;;;;;;iBAOJ,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;GAbhB,MAcC,CAAA,MAAA,EAAA,QAAA,EAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAXS,IAAA,KAAA,qCAAA,IAAA,IAAA,oBAAA,MAAA,oBAAA,GAAA,EAAA,IAAA,UAAU,aAAC,GAAO,CAAE,CAAA,CAAA,gBAAA,GAAS,2BAAI,GAAS,CAAA,EAAA,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,oBAAA,EAAA;gEACpC,GAAS,CAAA,CAAA,CAAA,EAAA;;yCAEnB,GAAI,CAAA,CAAA,CAAA,EAAA;;;;;;;iDAOJ,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;SA5BL,UAAU,CAAC,OAAgB,EAAE,SAAkB,EAAA;AAChD,CAAA,MAAA,OAAO,IAAI,aAAa,CAAA,CAAA;;KAE1B,OAAO,EAAA;EACT,OAAO,CAAC,IAAI,CAAC,UAAU,CAAA,CAAA;;;KAGrB,SAAS,EAAA;EACX,OAAO,CAAC,IAAI,CAAC,YAAY,CAAA,CAAA;;;QAGpB,OAAO,CAAC,IAAI,CAAC,GAAG,CAAA,CAAA;;;;;;;;;;;;OA1Bd,IAAY,EAAA,GAAA,OAAA,CAAA;OACZ,KAAa,EAAA,GAAA,OAAA,CAAA;OACb,WAAmB,EAAA,GAAA,OAAA,CAAA;AACnB,CAAA,IAAA,EAAA,IAAI,GAAG,CAAC,EAAA,GAAA,OAAA,CAAA;OACR,OAAgB,EAAA,GAAA,OAAA,CAAA;OAChB,SAAkB,EAAA,GAAA,OAAA,CAAA;AAClB,CAAA,IAAA,EAAA,QAAQ,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;OAChB,SAAiB,EAAA,GAAA,OAAA,CAAA;OACjB,SAAiB,EAAA,GAAA,OAAA,CAAA;OAEtB,aAAa,GAAG,oBAAoB,CAAC,qBAAqB,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;AAChE,EAAG,YAAA,CAAA,EAAA,EAAA,SAAS,GAAG,OAAO,CAAC,KAAK,CAAA,CAAA;AAC5B,kBAAG,UAAU,GAAf,MAAA,CAAA,MAAA,KAAuB,WAAW,CAAA,CAAA,CAAA;;;GAC/B,OAAS,UAAU,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|