@mozaic-ds/web-components 0.14.0 → 0.15.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/package.json +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 +11 -0
- package/public/adeo/components/datatable/data.d.ts.map +1 -1
- package/public/adeo/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-action.nested.js.map +1 -1
- package/public/adeo/components/datatable/datatable-default-action.nested.svelte +6 -3
- package/public/adeo/components/datatable/datatable-default-selection-label.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-selection-label.nested.js.map +1 -1
- package/public/adeo/components/datatable/datatable-default-selection-label.nested.svelte +7 -1
- package/public/adeo/components/datatable/datatable.types.d.ts +4 -0
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/stepperbar/StepperBar.js +1 -1
- package/public/adeo/components/stepperbar/StepperBar.js.map +1 -1
- package/public/adeo/components/stepperbar/StepperBar.svelte +9 -0
- package/public/adeo/components/textarea/Textarea.js +1 -1
- package/public/adeo/components/textarea/Textarea.js.map +1 -1
- package/public/adeo/components/textarea/Textarea.svelte +15 -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 +11 -0
- package/public/bricoman/components/datatable/data.d.ts.map +1 -1
- package/public/bricoman/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-action.nested.js.map +1 -1
- package/public/bricoman/components/datatable/datatable-default-action.nested.svelte +6 -3
- package/public/bricoman/components/datatable/datatable-default-selection-label.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-selection-label.nested.js.map +1 -1
- package/public/bricoman/components/datatable/datatable-default-selection-label.nested.svelte +7 -1
- package/public/bricoman/components/datatable/datatable.types.d.ts +4 -0
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/stepperbar/StepperBar.js +1 -1
- package/public/bricoman/components/stepperbar/StepperBar.js.map +1 -1
- package/public/bricoman/components/stepperbar/StepperBar.svelte +9 -0
- package/public/bricoman/components/textarea/Textarea.js +1 -1
- package/public/bricoman/components/textarea/Textarea.js.map +1 -1
- package/public/bricoman/components/textarea/Textarea.svelte +15 -1
- package/public/components/datatable/DataTable.js +1 -1
- package/public/components/datatable/DataTable.js.map +1 -1
- package/public/components/datatable/DataTable.svelte +11 -0
- package/public/components/datatable/data.d.ts.map +1 -1
- package/public/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/components/datatable/datatable-default-action.nested.js.map +1 -1
- package/public/components/datatable/datatable-default-action.nested.svelte +6 -3
- package/public/components/datatable/datatable-default-selection-label.nested.js +1 -1
- package/public/components/datatable/datatable-default-selection-label.nested.js.map +1 -1
- package/public/components/datatable/datatable-default-selection-label.nested.svelte +7 -1
- package/public/components/datatable/datatable.types.d.ts +4 -0
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/stepperbar/StepperBar.js +1 -1
- package/public/components/stepperbar/StepperBar.js.map +1 -1
- package/public/components/stepperbar/StepperBar.svelte +9 -0
- package/public/components/textarea/Textarea.js +1 -1
- package/public/components/textarea/Textarea.js.map +1 -1
- package/public/components/textarea/Textarea.svelte +15 -1
- package/public/utilities/components/datatable/data.d.ts.map +1 -1
- package/public/utilities/components/datatable/datatable.types.d.ts +4 -0
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/stories/stepperbar/StepperBar.stories.d.ts +1 -0
- package/public/utilities/stories/stepperbar/StepperBar.stories.d.ts.map +1 -1
- package/public/utilities/stories/textarea/Textarea.stories.d.ts.map +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{E as e,i as t,s as l,F as s,e as n,g as c,b as o,n as d,o as a,t as i,d as r,j as u,k as m,P as p}from"../../index-9ffad6d0.js";function b(e){s(e,"svelte-o9e44d",".mc-datatable__topbar-selection.svelte-o9e44d.svelte-o9e44d{margin-left:1rem}.center-selection-label.svelte-o9e44d.svelte-o9e44d{text-align:center}.center-selection-label.svelte-o9e44d span.svelte-o9e44d{line-height:2;display:inline-block;vertical-align:middle}")}function f(e){let t;function l(e,t){return e[1]?.allSelected?S:v}let s=l(e),d=s(e);return{c(){t=n("div"),d.c(),c(t,"class","center-selection-label svelte-o9e44d")},m(e,l){o(e,t,l),d.m(t,null)},p(e,n){s===(s=l(e))&&d?d.p(e,n):(d.d(1),d=s(e),d&&(d.c(),d.m(t,null)))},d(e){e&&a(t),d.d()}}}function v(e){let t,l,s,d,p,b=e[1]?.idsSelected.length+"",f=(e[1]?.selectedLabel||"selected")+"";return{c(){t=n("span"),l=n("b"),s=i(b),d=r(),p=i(f),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s),u(l,d),u(l,p)},p(e,t){2&t&&b!==(b=e[1]?.idsSelected.length+"")&&m(s,b),2&t&&f!==(f=(e[1]?.selectedLabel||"selected")+"")&&m(p,f)},d(e){e&&a(t)}}}function S(e){let t;function l(e,t){return e[1]?.excludedIdsFromSelection.length>0?g:h}let s=l(e),n=s(e);return{c(){n.c(),t=p()},m(e,l){n.m(e,l),o(e,t,l)},p(e,c){s===(s=l(e))&&n?n.p(e,c):(n.d(1),n=s(e),n&&(n.c(),n.m(t.parentNode,t)))},d(e){n.d(e),e&&a(t)}}}function h(e){let t,l,s,d=e[1]?.totalItems+" selected";return{c(){t=n("span"),l=n("b"),s=i(d),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s)},p(e,t){2&t&&d!==(d=e[1]?.totalItems+" selected")&&m(s,d)},d(e){e&&a(t)}}}function g(e){let t,l,s,d,p,b=e[1]?.totalItems-e[1]?.excludedIdsFromSelection.length+"",f=(e[1]?.selectedLabel||"selected")+"";return{c(){t=n("span"),l=n("b"),s=i(b),d=r(),p=i(f),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s),u(l,d),u(l,p)},p(e,t){2&t&&b!==(b=e[1]?.totalItems-e[1]?.excludedIdsFromSelection.length+"")&&m(s,b),2&t&&f!==(f=(e[1]?.selectedLabel||"selected")+"")&&m(p,f)},d(e){e&&a(t)}}}function x(e){let t,l=e[0]&&e[2]&&null!=e[1]&&f(e);return{c(){t=n("div"),l&&l.c(),c(t,"class","mc-datatable__topbar-selection svelte-o9e44d")},m(e,s){o(e,t,s),l&&l.m(t,null)},p(e,[s]){e[0]&&e[2]&&null!=e[1]?l?l.p(e,s):(l=f(e),l.c(),l.m(t,null)):l&&(l.d(1),l=null)},i:d,o:d,d(e){e&&a(t),l&&l.d()}}}function I(e,t,l){let{itemsSelection:s}=t,{selectionParams:n}=t,{showSelectionCount:c}=t;return e.$$set=e=>{"itemsSelection"in e&&l(0,s=e.itemsSelection),"selectionParams"in e&&l(1,n=e.selectionParams),"showSelectionCount"in e&&l(2,c=e.showSelectionCount)},[s,n,c]}class
|
|
1
|
+
import{E as e,i as t,s as l,F as s,e as n,g as c,b as o,n as d,o as a,t as i,d as r,j as u,k as m,P as p}from"../../index-9ffad6d0.js";function b(e){s(e,"svelte-o9e44d",".mc-datatable__topbar-selection.svelte-o9e44d.svelte-o9e44d{margin-left:1rem}.center-selection-label.svelte-o9e44d.svelte-o9e44d{text-align:center}.center-selection-label.svelte-o9e44d span.svelte-o9e44d{line-height:2;display:inline-block;vertical-align:middle}")}function f(e){let t;function l(e,t){return e[1]?.allSelected?S:v}let s=l(e),d=s(e);return{c(){t=n("div"),d.c(),c(t,"class","center-selection-label svelte-o9e44d")},m(e,l){o(e,t,l),d.m(t,null)},p(e,n){s===(s=l(e))&&d?d.p(e,n):(d.d(1),d=s(e),d&&(d.c(),d.m(t,null)))},d(e){e&&a(t),d.d()}}}function v(e){let t,l,s,d,p,b=e[1]?.idsSelected.length+"",f=(e[1]?.selectedLabel||"selected")+"";return{c(){t=n("span"),l=n("b"),s=i(b),d=r(),p=i(f),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s),u(l,d),u(l,p)},p(e,t){2&t&&b!==(b=e[1]?.idsSelected.length+"")&&m(s,b),2&t&&f!==(f=(e[1]?.selectedLabel||"selected")+"")&&m(p,f)},d(e){e&&a(t)}}}function S(e){let t;function l(e,t){return e[1]?.excludedIdsFromSelection.length>0?g:h}let s=l(e),n=s(e);return{c(){n.c(),t=p()},m(e,l){n.m(e,l),o(e,t,l)},p(e,c){s===(s=l(e))&&n?n.p(e,c):(n.d(1),n=s(e),n&&(n.c(),n.m(t.parentNode,t)))},d(e){n.d(e),e&&a(t)}}}function h(e){let t,l,s,d=(e[1]?.totalItems+" "+e[1]?.selectedLabel||"selected")+"";return{c(){t=n("span"),l=n("b"),s=i(d),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s)},p(e,t){2&t&&d!==(d=(e[1]?.totalItems+" "+e[1]?.selectedLabel||"selected")+"")&&m(s,d)},d(e){e&&a(t)}}}function g(e){let t,l,s,d,p,b=e[1]?.totalItems-e[1]?.excludedIdsFromSelection.length+"",f=(e[1]?.selectedLabel||"selected")+"";return{c(){t=n("span"),l=n("b"),s=i(b),d=r(),p=i(f),c(t,"class","svelte-o9e44d")},m(e,n){o(e,t,n),u(t,l),u(l,s),u(l,d),u(l,p)},p(e,t){2&t&&b!==(b=e[1]?.totalItems-e[1]?.excludedIdsFromSelection.length+"")&&m(s,b),2&t&&f!==(f=(e[1]?.selectedLabel||"selected")+"")&&m(p,f)},d(e){e&&a(t)}}}function x(e){let t,l=e[0]&&e[2]&&null!=e[1]&&f(e);return{c(){t=n("div"),l&&l.c(),c(t,"class","mc-datatable__topbar-selection svelte-o9e44d")},m(e,s){o(e,t,s),l&&l.m(t,null)},p(e,[s]){e[0]&&e[2]&&null!=e[1]?l?l.p(e,s):(l=f(e),l.c(),l.m(t,null)):l&&(l.d(1),l=null)},i:d,o:d,d(e){e&&a(t),l&&l.d()}}}function I(e,t,l){let{itemsSelection:s}=t,{selectionParams:n}=t,{showSelectionCount:c}=t;return e.$$set=e=>{"itemsSelection"in e&&l(0,s=e.itemsSelection),"selectionParams"in e&&l(1,n=e.selectionParams),"showSelectionCount"in e&&l(2,c=e.showSelectionCount)},[s,n,c]}class L extends e{constructor(e){super(),t(this,e,I,x,l,{itemsSelection:0,selectionParams:1,showSelectionCount:2},b)}}export{L as default};
|
|
2
2
|
//# sourceMappingURL=datatable-default-selection-label.nested.js.map
|
package/public/bricoman/components/datatable/datatable-default-selection-label.nested.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datatable-default-selection-label.nested.js","sources":["../../../../src/components/datatable/datatable-default-selection-label.nested.svelte"],"sourcesContent":["<script lang=\"ts\">\n import type { SelectionParams } from './datatable.types';\n\n export let itemsSelection: boolean;\n export let selectionParams: SelectionParams | undefined;\n export let showSelectionCount: boolean;\n</script>\n\n<div class=\"mc-datatable__topbar-selection\">\n {#if itemsSelection && showSelectionCount && selectionParams != null}\n <div class=\"center-selection-label\">\n {#if selectionParams?.allSelected}\n {#if selectionParams?.excludedIdsFromSelection.length > 0}\n <span\n ><b\n >{selectionParams?.totalItems -\n selectionParams?.excludedIdsFromSelection.length}\n {selectionParams?.selectedLabel || 'selected'}</b\n >\n </span>\n {:else}\n <span><b>{selectionParams?.totalItems
|
|
1
|
+
{"version":3,"file":"datatable-default-selection-label.nested.js","sources":["../../../../src/components/datatable/datatable-default-selection-label.nested.svelte"],"sourcesContent":["<script lang=\"ts\">\n import type { SelectionParams } from './datatable.types';\n\n export let itemsSelection: boolean;\n export let selectionParams: SelectionParams | undefined;\n export let showSelectionCount: boolean;\n</script>\n\n<div class=\"mc-datatable__topbar-selection\">\n {#if itemsSelection && showSelectionCount && selectionParams != null}\n <div class=\"center-selection-label\">\n {#if selectionParams?.allSelected}\n {#if selectionParams?.excludedIdsFromSelection.length > 0}\n <span\n ><b\n >{selectionParams?.totalItems -\n selectionParams?.excludedIdsFromSelection.length}\n {selectionParams?.selectedLabel || 'selected'}</b\n >\n </span>\n {:else}\n <span\n ><b\n >{selectionParams?.totalItems +\n ' ' +\n selectionParams?.selectedLabel || 'selected'}</b\n >\n </span>\n {/if}\n {:else}\n <span\n ><b\n >{selectionParams?.idsSelected.length}\n {selectionParams?.selectedLabel || 'selected'}</b\n >\n </span>\n {/if}\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n .mc-datatable__topbar-selection {\n margin-left: 1rem;\n }\n\n .center-selection-label {\n text-align: center;\n }\n\n .center-selection-label span {\n line-height: 2;\n display: inline-block;\n vertical-align: middle;\n }\n</style>\n"],"names":["ctx","allSelected","create_if_block_1","insert","target","div","anchor","idsSelected","length","selectedLabel","span","append","b","set_data","t0","t0_value","t2","t2_value","excludedIdsFromSelection","create_if_block_2","totalItems","t","t_value","dirty","if_block","create_if_block","itemsSelection","$$props","selectionParams","showSelectionCount"],"mappings":"sdAWW,OAAAA,MAAiBC,YAAWC,8GADnCC,EA2BKC,EAAAC,EAAAC,2IALKN,EAAe,IAAEO,YAAYC,OAAM,MACpCR,EAAe,IAAES,eAAiB,YAAU,4FAHjDN,EAKMC,EAAAM,EAAAJ,GAJHK,EAGDD,EAAAE,4CAFIZ,EAAe,IAAEO,YAAYC,OAAM,KAAAK,EAAAC,EAAAC,gBACpCf,EAAe,IAAES,eAAiB,YAAU,KAAAI,EAAAG,EAAAC,uDArB5C,OAAAjB,EAAiB,IAAAkB,yBAAyBV,OAAS,EAACW,yMAWjDnB,EAAe,IAAEoB,WACjB,IACApB,EAAe,IAAES,eAAiB,YAAU,+EAJlDN,EAMMC,EAAAM,EAAAJ,GALHK,EAIDD,EAAAE,+BAHIZ,EAAe,IAAEoB,WACjB,IACApB,EAAe,IAAES,eAAiB,YAAU,KAAAI,EAAAQ,EAAAC,+CAV5CP,EAAAf,MAAiBoB,WACjBpB,EAAiB,IAAAkB,yBAAyBV,OAAM,MACjDR,EAAe,IAAES,eAAiB,YAAU,4FAJjDN,EAMMC,EAAAM,EAAAJ,GALHK,EAIDD,EAAAE,gCAHI,EAAAW,GAAAR,KAAAA,EAAAf,MAAiBoB,WACjBpB,EAAiB,IAAAkB,yBAAyBV,OAAM,KAAAK,EAAAC,EAAAC,gBACjDf,EAAe,IAAES,eAAiB,YAAU,KAAAI,EAAAG,EAAAC,uCARpDO,EAAAxB,EAAkB,IAAAA,EAAsB,IAAmB,MAAnBA,MAAuByB,EAAAzB,sGADtEG,EA+BKC,EAAAC,EAAAC,4BA9BEN,EAAkB,IAAAA,EAAsB,IAAmB,MAAnBA,oIANlC0B,GAAuBC,mBACvBC,GAA4CD,sBAC5CE,GAA2BF"}
|
package/public/bricoman/components/datatable/datatable-default-selection-label.nested.svelte
CHANGED
|
@@ -19,7 +19,13 @@
|
|
|
19
19
|
>
|
|
20
20
|
</span>
|
|
21
21
|
{:else}
|
|
22
|
-
<span
|
|
22
|
+
<span
|
|
23
|
+
><b
|
|
24
|
+
>{selectionParams?.totalItems +
|
|
25
|
+
' ' +
|
|
26
|
+
selectionParams?.selectedLabel || 'selected'}</b
|
|
27
|
+
>
|
|
28
|
+
</span>
|
|
23
29
|
{/if}
|
|
24
30
|
{:else}
|
|
25
31
|
<span
|
|
@@ -38,6 +38,9 @@ export type TableOptions = {
|
|
|
38
38
|
hideDownloadButton?: boolean;
|
|
39
39
|
filterLabel?: string;
|
|
40
40
|
fixCheckbox?: boolean;
|
|
41
|
+
layerBodyTitleSettingsLabel: string;
|
|
42
|
+
layerColumnTitleSettingsLabel: string;
|
|
43
|
+
layerTitleSettingsLabel: string;
|
|
41
44
|
};
|
|
42
45
|
export type TableBodyDatas = {
|
|
43
46
|
headDatas: HeadData[];
|
|
@@ -52,6 +55,7 @@ export type HeadData = {
|
|
|
52
55
|
textAlign?: string;
|
|
53
56
|
fixedColumn?: boolean;
|
|
54
57
|
hideColumn?: boolean;
|
|
58
|
+
width?: string;
|
|
55
59
|
};
|
|
56
60
|
export type BodyData = {
|
|
57
61
|
id: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datatable.types.d.ts","sourceRoot":"","sources":["../../../../src/components/datatable/datatable.types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"datatable.types.d.ts","sourceRoot":"","sources":["../../../../src/components/datatable/datatable.types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B,EAAE,MAAM,CAAC;IACpC,6BAA6B,EAAE,MAAM,CAAC;IACtC,uBAAuB,EAAE,MAAM,CAAC;CACjC,CAAC;AAGF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAGF,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,qBAAqB,GACrB,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,WAAW,GACX,QAAQ,CAAC;AACb,MAAM,MAAM,KAAK,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AACjD,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,IAAI,GACJ,WAAW,GACX,MAAM,GACN,UAAU,GACV,UAAU,GACV,MAAM,GACN,UAAU,GACV,SAAS,GACT,MAAM,EAAE,CAAC;AACb,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC/D,CAAC;AACF,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,cAAc,EAAE,CAAC;AAC1C,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,MAAM,GAAG;IACnB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,MAAM,MAAM,UAAU,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,aAAa,CAAA;CAAE,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAGlD,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AACF,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,aAAa,EAAE,OAAO,CAAC;CACxB;AAGD,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a
|
|
1
|
+
import{S as e,i as t,a,b as i,f as r,s as n,e as l,t as d,d as o,n as c,g as s,v as b,j as m,l as p,k as u,o as f,M as x,q as h,r as g}from"../../index-9ffad6d0.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function $(e){let t,a,r,n;return{c(){t=l("button"),a=d(e[1]),s(t,"class","mc-button mc-button--s mc-button--bordered-neutral"),t.disabled=e[6],s(t,"aria-label",e[1]),s(t,"type","button"),s(t,"id","prevlabel")},m(l,d){i(l,t,d),m(t,a),r||(n=p(t,"click",e[11]),r=!0)},p(e,i){2&i&&u(a,e[1]),64&i&&(t.disabled=e[6]),2&i&&s(t,"aria-label",e[1])},d(e){e&&f(t),r=!1,n()}}}function v(e){let t;return{c(){t=d(e[3])},m(e,a){i(e,t,a)},p(e,a){8&a&&u(t,e[3])},d(e){e&&f(t)}}}function k(e){let t;return{c(){t=d(e[2])},m(e,a){i(e,t,a)},p(e,a){4&a&&u(t,e[2])},d(e){e&&f(t)}}}function y(e){let t,a,r,n,h,g,w,y,z,j=e[4]>0&&$(e);function _(e,t){return e[4]<e[8]?k:e[4]>=e[8]?v:void 0}let E=_(e),C=E&&E(e);return{c(){t=l("div"),a=l("button"),r=d(e[0]),n=o(),h=l("div"),j&&j.c(),g=o(),w=l("button"),C&&C.c(),this.c=c,s(a,"class","mc-button mc-button--s mc-button--bordered-danger"),a.disabled=e[5],s(a,"aria-label",e[0]),s(a,"type","button"),s(a,"id","cancelbutton"),s(w,"class","mc-button mc-button--s mc-stepper-bar__next"),s(w,"aria-label",e[2]),s(w,"type","button"),s(w,"id","nextlabel"),w.disabled=e[7],s(h,"class","mc-stepper-bar__actions"),s(t,"class","ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"),b(t,"mc-bottom-bar--fixed",e[9])},m(l,d){i(l,t,d),m(t,a),m(a,r),m(t,n),m(t,h),j&&j.m(h,null),m(h,g),m(h,w),C&&C.m(w,null),y||(z=[p(a,"click",e[10]),p(w,"click",e[12])],y=!0)},p(e,[i]){1&i&&u(r,e[0]),32&i&&(a.disabled=e[5]),1&i&&s(a,"aria-label",e[0]),e[4]>0?j?j.p(e,i):(j=$(e),j.c(),j.m(h,g)):j&&(j.d(1),j=null),E===(E=_(e))&&C?C.p(e,i):(C&&C.d(1),C=E&&E(e),C&&(C.c(),C.m(w,null))),4&i&&s(w,"aria-label",e[2]),128&i&&(w.disabled=e[7]),512&i&&b(t,"mc-bottom-bar--fixed",e[9])},i:c,o:c,d(e){e&&f(t),j&&j.d(),C&&C.d(),y=!1,x(z)}}}function z(e,t,a){let i,r,n,l,d,o,{fixed:c}=t,{cancellabel:s}=t,{prevlabel:b}=t,{nextlabel:m}=t,{validatelabel:p}=t,{currentstep:u}=t,{stepsnb:f}=t,{disablednext:x}=t,{disabledprev:$}=t,{disabledcancel:v}=t,k=new w(h(),g());return e.$$set=e=>{"fixed"in e&&a(13,c=e.fixed),"cancellabel"in e&&a(0,s=e.cancellabel),"prevlabel"in e&&a(1,b=e.prevlabel),"nextlabel"in e&&a(2,m=e.nextlabel),"validatelabel"in e&&a(3,p=e.validatelabel),"currentstep"in e&&a(14,u=e.currentstep),"stepsnb"in e&&a(15,f=e.stepsnb),"disablednext"in e&&a(16,x=e.disablednext),"disabledprev"in e&&a(17,$=e.disabledprev),"disabledcancel"in e&&a(18,v=e.disabledcancel)},e.$$.update=()=>{8192&e.$$.dirty&&a(9,i=!!c||void 0),16384&e.$$.dirty&&a(4,r=u||0),32768&e.$$.dirty&&a(8,n=f||0),65536&e.$$.dirty&&a(7,l=!!x||void 0),131072&e.$$.dirty&&a(6,d=!!$||void 0),262144&e.$$.dirty&&a(5,o=!!v||void 0)},[s,b,m,p,r,o,d,l,n,i,function(e){k.dispatch("cancel",e)},function(){r-1>=0&&(a(4,r--,r),k.dispatch("previous-step",r))},function(){a(4,r++,r),k.dispatch("next-step",r)},c,u,f,x,$,v]}class j extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-stepper-bar{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-stepper-bar__actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#120949;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#161cb6;color:#ffffff}.mc-button:active{background-color:#161cb6}.mc-button:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button: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-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},z,y,n,{fixed:13,cancellabel:0,prevlabel:1,nextlabel:2,validatelabel:3,currentstep:14,stepsnb:15,disablednext:16,disabledprev:17,disabledcancel:18},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["fixed","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","disablednext","disabledprev","disabledcancel"]}get fixed(){return this.$$.ctx[13]}set fixed(e){this.$$set({fixed:e}),r()}get cancellabel(){return this.$$.ctx[0]}set cancellabel(e){this.$$set({cancellabel:e}),r()}get prevlabel(){return this.$$.ctx[1]}set prevlabel(e){this.$$set({prevlabel:e}),r()}get nextlabel(){return this.$$.ctx[2]}set nextlabel(e){this.$$set({nextlabel:e}),r()}get validatelabel(){return this.$$.ctx[3]}set validatelabel(e){this.$$set({validatelabel:e}),r()}get currentstep(){return this.$$.ctx[14]}set currentstep(e){this.$$set({currentstep:e}),r()}get stepsnb(){return this.$$.ctx[15]}set stepsnb(e){this.$$set({stepsnb:e}),r()}get disablednext(){return this.$$.ctx[16]}set disablednext(e){this.$$set({disablednext:e}),r()}get disabledprev(){return this.$$.ctx[17]}set disabledprev(e){this.$$set({disabledprev:e}),r()}get disabledcancel(){return this.$$.ctx[18]}set disabledcancel(e){this.$$set({disabledcancel:e}),r()}}export{j as default};
|
|
2
2
|
//# sourceMappingURL=StepperBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepperBar.js","sources":["../../../../src/components/stepperbar/StepperBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let fixed: boolean;\n export let cancellabel: string;\n export let prevlabel: string;\n export let nextlabel: string;\n export let validatelabel: string;\n export let currentstep: number;\n export let stepsnb: number;\n\n $: isFixed = fixed ? true : undefined;\n $: currentStep = currentstep ? currentstep : 0;\n $: stepsNb = stepsnb ? stepsnb : 0;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function handleCancel(e: Event): void {\n eventHandler.dispatch('cancel', e);\n }\n\n function handlePrev(): void {\n if (currentStep - 1 >= 0) {\n currentStep--;\n eventHandler.dispatch('previous-step', currentStep);\n }\n }\n\n function handleNext(): void {\n currentStep++;\n eventHandler.dispatch('next-step', currentStep);\n }\n</script>\n\n<div\n class=\"ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar\"\n class:mc-bottom-bar--fixed={isFixed}\n>\n <button\n class=\"mc-button mc-button--s mc-button--bordered-danger\"\n aria-label={cancellabel}\n type=\"button\"\n id=\"cancelbutton\"\n on:click={handleCancel}\n >\n {cancellabel}\n </button>\n\n <div class=\"mc-stepper-bar__actions\">\n {#if currentStep > 0}\n <button\n class=\"mc-button mc-button--s mc-button--bordered-neutral\"\n aria-label={prevlabel}\n type=\"button\"\n id=\"prevlabel\"\n on:click={handlePrev}\n >\n {prevlabel}\n </button>\n {/if}\n\n <button\n class=\"mc-button mc-button--s mc-stepper-bar__next\"\n aria-label={nextlabel}\n type=\"button\"\n id=\"nextlabel\"\n on:click={handleNext}\n >\n {#if currentStep < stepsNb}\n {nextlabel}\n {:else if currentStep >= stepsNb}\n {validatelabel}\n {/if}\n </button>\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/layouts/_l.container';\n @import '@mozaic-ds/styles/components/_c.bottom-bar';\n @import '@mozaic-ds/styles/components/_c.stepper-bar';\n @import '@mozaic-ds/styles/components/_c.button';\n</style>\n"],"names":["ctx","insert","target","button","anchor","if_block0","create_if_block_2","create_if_block","create_if_block_1","div1","append","button0","div0","button1","fixed","$$props","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","eventHandler","EventHandler","get_current_component","createEventDispatcher","isFixed","undefined","currentStep","stepsNb","e","dispatch"],"mappings":"
|
|
1
|
+
{"version":3,"file":"StepperBar.js","sources":["../../../../src/components/stepperbar/StepperBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let fixed: boolean;\n export let cancellabel: string;\n export let prevlabel: string;\n export let nextlabel: string;\n export let validatelabel: string;\n export let currentstep: number;\n export let stepsnb: number;\n export let disablednext: boolean;\n export let disabledprev: boolean;\n export let disabledcancel: boolean;\n\n $: isFixed = fixed ? true : undefined;\n $: currentStep = currentstep ? currentstep : 0;\n $: stepsNb = stepsnb ? stepsnb : 0;\n $: isNextDisabled = disablednext ? true : undefined;\n $: isPrevDisabled = disabledprev ? true : undefined;\n $: isCancelDisabled = disabledcancel ? true : undefined;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function handleCancel(e: Event): void {\n eventHandler.dispatch('cancel', e);\n }\n\n function handlePrev(): void {\n if (currentStep - 1 >= 0) {\n currentStep--;\n eventHandler.dispatch('previous-step', currentStep);\n }\n }\n\n function handleNext(): void {\n currentStep++;\n eventHandler.dispatch('next-step', currentStep);\n }\n</script>\n\n<div\n class=\"ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar\"\n class:mc-bottom-bar--fixed={isFixed}\n>\n <button\n class=\"mc-button mc-button--s mc-button--bordered-danger\"\n disabled={isCancelDisabled}\n aria-label={cancellabel}\n type=\"button\"\n id=\"cancelbutton\"\n on:click={handleCancel}\n >\n {cancellabel}\n </button>\n\n <div class=\"mc-stepper-bar__actions\">\n {#if currentStep > 0}\n <button\n class=\"mc-button mc-button--s mc-button--bordered-neutral\"\n disabled={isPrevDisabled}\n aria-label={prevlabel}\n type=\"button\"\n id=\"prevlabel\"\n on:click={handlePrev}\n >\n {prevlabel}\n </button>\n {/if}\n\n <button\n class=\"mc-button mc-button--s mc-stepper-bar__next\"\n aria-label={nextlabel}\n type=\"button\"\n id=\"nextlabel\"\n disabled={isNextDisabled}\n on:click={handleNext}\n >\n {#if currentStep < stepsNb}\n {nextlabel}\n {:else if currentStep >= stepsNb}\n {validatelabel}\n {/if}\n </button>\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/layouts/_l.container';\n @import '@mozaic-ds/styles/components/_c.bottom-bar';\n @import '@mozaic-ds/styles/components/_c.stepper-bar';\n @import '@mozaic-ds/styles/components/_c.button';\n</style>\n"],"names":["ctx","insert","target","button","anchor","if_block0","create_if_block_2","create_if_block","create_if_block_1","div1","append","button0","div0","button1","fixed","$$props","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","disablednext","disabledprev","disabledcancel","eventHandler","EventHandler","get_current_component","createEventDispatcher","isFixed","undefined","currentStep","stepsNb","isNextDisabled","isPrevDisabled","isCancelDisabled","e","dispatch"],"mappings":"+QA0ESA,EAAS,iFANAA,EAAc,oBACZA,EAAS,uDAHvBC,EASQC,EAAAC,EAAAC,4BAHIJ,EAAU,4BAEnBA,EAAS,sBANAA,EAAc,0BACZA,EAAS,gEAoBpBA,EAAa,sCAAbA,EAAa,uDAFbA,EAAS,sCAATA,EAAS,wDAtBTK,EAAAL,KAAc,GAACM,EAAAN,mBAqBb,OAAAA,KAAcA,EAAO,GAAAO,EAEhBP,MAAeA,EAAO,GAAAQ,OAAtB,+DA3BXR,EAAW,gJANFA,EAAgB,oBACdA,EAAW,8HAwBTA,EAAS,0DAGXA,EAAc,kJAhCAA,EAAO,YAFrCC,EA4CKC,EAAAO,EAAAL,GAxCHM,EASQD,EAAAE,iBAERD,EA4BKD,EAAAG,yBAdHF,EAaQE,EAAAC,qCAhCEb,EAAY,iBAyBVA,EAAU,+BAvBrBA,EAAW,sBANFA,EAAgB,0BACdA,EAAW,IASlBA,KAAc,oJAeLA,EAAS,uBAGXA,EAAc,sCAhCAA,EAAO,iGA1CxBc,GAAcC,eACdC,GAAmBD,aACnBE,GAAiBF,aACjBG,GAAiBH,iBACjBI,GAAqBJ,eACrBK,GAAmBL,WACnBM,GAAeN,gBACfO,GAAqBP,gBACrBQ,GAAqBR,kBACrBS,GAAuBT,EAS9BU,EAAmB,IAAAC,EACrBC,IACAC,ucATCC,IAAUf,QAAegB,yBACzBC,EAAcX,GAA4B,yBAC1CY,EAAUX,GAAoB,yBAC9BY,IAAiBX,QAAsBQ,0BACvCI,IAAiBX,QAAsBO,0BACvCK,IAAmBX,QAAwBM,yBAOrC,SAAaM,GACpBX,EAAaY,SAAS,SAAUD,eAI5BL,EAAc,GAAK,QACrBA,IAAWA,GACXN,EAAaY,SAAS,gBAAiBN,oBAKzCA,IAAWA,GACXN,EAAaY,SAAS,YAAaN"}
|
|
@@ -14,10 +14,16 @@
|
|
|
14
14
|
export let validatelabel: string;
|
|
15
15
|
export let currentstep: number;
|
|
16
16
|
export let stepsnb: number;
|
|
17
|
+
export let disablednext: boolean;
|
|
18
|
+
export let disabledprev: boolean;
|
|
19
|
+
export let disabledcancel: boolean;
|
|
17
20
|
|
|
18
21
|
$: isFixed = fixed ? true : undefined;
|
|
19
22
|
$: currentStep = currentstep ? currentstep : 0;
|
|
20
23
|
$: stepsNb = stepsnb ? stepsnb : 0;
|
|
24
|
+
$: isNextDisabled = disablednext ? true : undefined;
|
|
25
|
+
$: isPrevDisabled = disabledprev ? true : undefined;
|
|
26
|
+
$: isCancelDisabled = disabledcancel ? true : undefined;
|
|
21
27
|
|
|
22
28
|
let eventHandler = new EventHandler(
|
|
23
29
|
get_current_component(),
|
|
@@ -47,6 +53,7 @@
|
|
|
47
53
|
>
|
|
48
54
|
<button
|
|
49
55
|
class="mc-button mc-button--s mc-button--bordered-danger"
|
|
56
|
+
disabled={isCancelDisabled}
|
|
50
57
|
aria-label={cancellabel}
|
|
51
58
|
type="button"
|
|
52
59
|
id="cancelbutton"
|
|
@@ -59,6 +66,7 @@
|
|
|
59
66
|
{#if currentStep > 0}
|
|
60
67
|
<button
|
|
61
68
|
class="mc-button mc-button--s mc-button--bordered-neutral"
|
|
69
|
+
disabled={isPrevDisabled}
|
|
62
70
|
aria-label={prevlabel}
|
|
63
71
|
type="button"
|
|
64
72
|
id="prevlabel"
|
|
@@ -73,6 +81,7 @@
|
|
|
73
81
|
aria-label={nextlabel}
|
|
74
82
|
type="button"
|
|
75
83
|
id="nextlabel"
|
|
84
|
+
disabled={isNextDisabled}
|
|
76
85
|
on:click={handleNext}
|
|
77
86
|
>
|
|
78
87
|
{#if currentStep < stepsNb}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a,b as i,f as n,s,c as r,e as l,n as o,h as d,U as c,K as m,l as h,m as p,o as
|
|
1
|
+
import{S as e,i as t,a,b as i,f as n,s,c as r,e as l,n as o,h as d,U as c,K as m,l as h,m as p,o as u,M as f,p as g,q as b,r as x,u as v}from"../../index-9ffad6d0.js";import{c as $}from"../../EventForward-24fc0272.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function _(e){let t,a,n,s,g=[{class:a=k(e[4],e[5])+" "+e[10]},{"aria-invalid":e[5]},{name:e[1]},{id:e[1]},{placeholder:e[2]},{rows:e[3]},{disabled:e[6]},{minlength:e[7]},{maxlength:e[8]},{spellcheck:"false"},e[9]],b={};for(let e=0;e<g.length;e+=1)b=r(b,g[e]);return{c(){t=l("textarea"),this.c=o,d(t,b)},m(a,r){i(a,t,r),t.autofocus&&t.focus(),c(t,e[0]),n||(s=[m(e[11].call(null,t)),h(t,"input",e[13]),h(t,"input",e[12])],n=!0)},p(e,[i]){d(t,b=p(g,[1072&i&&a!==(a=k(e[4],e[5])+" "+e[10])&&{class:a},32&i&&{"aria-invalid":e[5]},2&i&&{name:e[1]},2&i&&{id:e[1]},4&i&&{placeholder:e[2]},8&i&&{rows:e[3]},64&i&&{disabled:e[6]},128&i&&{minlength:e[7]},256&i&&{maxlength:e[8]},{spellcheck:"false"},512&i&&e[9]])),1&i&&c(t,e[0])},i:o,o:o,d(e){e&&u(t),n=!1,f(s)}}}function k(e,t){const a=["mc-textarea"];return e&&a.push("is-valid"),t&&a.push("is-invalid"),a.join(" ")}function y(e,t,a){let i,n;const s=["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"];let l=g(t,s),{name:o}=t,{value:d}=t,{placeholder:c}=t,{rows:m=3}=t,{isvalid:h}=t,{isinvalid:p}=t,{disabled:u=!1}=t,{minlength:f}=t,{maxlength:_}=t;const k=$(b());let y=new w(b(),x());return e.$$set=e=>{a(16,t=r(r({},t),v(e))),a(15,l=g(t,s)),"name"in e&&a(1,o=e.name),"value"in e&&a(0,d=e.value),"placeholder"in e&&a(2,c=e.placeholder),"rows"in e&&a(3,m=e.rows),"isvalid"in e&&a(4,h=e.isvalid),"isinvalid"in e&&a(5,p=e.isinvalid),"disabled"in e&&a(6,u=e.disabled),"minlength"in e&&a(7,f=e.minlength),"maxlength"in e&&a(8,_=e.maxlength)},e.$$.update=()=>{a(10,i=t.class),a(9,n=Object.assign({},l)),512&e.$$.dirty&&delete n.class},t=v(t),[d,o,c,m,h,p,u,f,_,n,i,k,function(e){let t=e.target.value;y.dispatch("on-input",t)},function(){d=this.value,a(0,d)}]}class z extends e{constructor(e){super();const r=document.createElement("style");r.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 #808080;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:#808080}.mc-textarea::-moz-placeholder{color:#808080}.mc-textarea:-ms-input-placeholder{color:#808080}.mc-textarea::-ms-input-placeholder{color:#808080}.mc-textarea::placeholder{color:#808080}.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,.mc-field__element--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}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},y,_,s,{name:1,value:0,placeholder:2,rows:3,isvalid:4,isinvalid:5,disabled:6,minlength:7,maxlength:8},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),n()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),n()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),n()}get rows(){return this.$$.ctx[3]}set rows(e){this.$$set({rows:e}),n()}get isvalid(){return this.$$.ctx[4]}set isvalid(e){this.$$set({isvalid:e}),n()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(e){this.$$set({isinvalid:e}),n()}get disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),n()}get minlength(){return this.$$.ctx[7]}set minlength(e){this.$$set({minlength:e}),n()}get maxlength(){return this.$$.ctx[8]}set maxlength(e){this.$$set({maxlength:e}),n()}}export{z as default};
|
|
2
2
|
//# 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 {
|
|
1
|
+
{"version":3,"file":"Textarea.js","sources":["../../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n createEventDispatcher,\n get_current_component,\n } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n import { EventHandler } from '../../utilities/EventHandler';\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 let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\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\n function onInput(e: Event) {\n let value = (e.target as HTMLInputElement).value;\n eventHandler.dispatch('on-input', value);\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 on:input={onInput}\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":["class","textarea_class_value","getClasses","ctx","insert","target","textarea","anchor","dirty","isValid","isInvalid","classes","push","join","name","$$props","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","createEventDispatcher","$$invalidate","userClass","attributes","Object","assign","$$restProps","e","dispatch"],"mappings":"2SAmDUA,MAAAC,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,qBACpCA,EAAS,oBAEnBA,EAAI,0GAOJA,EAAU,oGAbhBC,EAeCC,EAAAC,EAAAC,gGADWJ,EAAO,iCAXT,KAAAK,GAAAP,KAAAA,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,MAAA,CAAAH,MAAAC,yBACpCE,EAAS,8BAEnBA,EAAI,+IAOJA,EAAU,gEAjCLD,EAAWO,EAAkBC,GAC9B,MAAAC,GAAW,sBAEbF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGRD,EAAQE,KAAK,yJA9BXC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,KAAAA,EAAO,GAACH,WACRI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,aAChBO,GAAiBP,aACjBQ,GAAiBR,QAEtBS,EAAgBC,EAAqBC,KACvC,IAAAC,EAAmB,IAAAC,EACrBF,IACAG,uXAECC,EAAA,GAAAC,EAAYhB,EAAQf,WACpBgC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWhC,uCAgBZ,SAAQoC,GACX,IAAApB,EAASoB,EAAE/B,OAA4BW,MAC3CW,EAAaU,SAAS,WAAYrB"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
<svelte:options tag={null} />
|
|
2
2
|
|
|
3
3
|
<script lang="ts">
|
|
4
|
-
import {
|
|
4
|
+
import {
|
|
5
|
+
createEventDispatcher,
|
|
6
|
+
get_current_component,
|
|
7
|
+
} from 'svelte/internal';
|
|
5
8
|
import { createEventForwarder } from '../../utilities/EventForward';
|
|
9
|
+
import { EventHandler } from '../../utilities/EventHandler';
|
|
6
10
|
export let name: string;
|
|
7
11
|
export let value: string;
|
|
8
12
|
export let placeholder: string;
|
|
@@ -14,6 +18,10 @@
|
|
|
14
18
|
export let maxlength: number;
|
|
15
19
|
|
|
16
20
|
const forwardEvents = createEventForwarder(get_current_component());
|
|
21
|
+
let eventHandler = new EventHandler(
|
|
22
|
+
get_current_component(),
|
|
23
|
+
createEventDispatcher(),
|
|
24
|
+
);
|
|
17
25
|
$: userClass = $$props.class;
|
|
18
26
|
$: attributes = { ...$$restProps };
|
|
19
27
|
$: delete attributes.class;
|
|
@@ -31,6 +39,11 @@
|
|
|
31
39
|
|
|
32
40
|
return classes.join(' ');
|
|
33
41
|
}
|
|
42
|
+
|
|
43
|
+
function onInput(e: Event) {
|
|
44
|
+
let value = (e.target as HTMLInputElement).value;
|
|
45
|
+
eventHandler.dispatch('on-input', value);
|
|
46
|
+
}
|
|
34
47
|
</script>
|
|
35
48
|
|
|
36
49
|
<textarea
|
|
@@ -47,6 +60,7 @@
|
|
|
47
60
|
{maxlength}
|
|
48
61
|
spellcheck="false"
|
|
49
62
|
{...attributes}
|
|
63
|
+
on:input={onInput}
|
|
50
64
|
/>
|
|
51
65
|
|
|
52
66
|
<style lang="scss">
|