@mozaic-ds/web-components 1.7.0 → 1.8.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/dist/Condition20.js +1 -1
- package/dist/attributes.js +1 -1
- package/dist/attributes.js.map +1 -1
- package/dist/branches.js +1 -1
- package/dist/branches.js.map +1 -1
- package/dist/components/accordionlist/AccordionList.js +2 -2
- package/dist/components/accordionlistItem/AccordionListItem.js +1 -1
- package/dist/components/actionbottombar/ActionBottomBar.js +2 -2
- package/dist/components/actionlistbox/ActionListbox.js +2 -2
- package/dist/components/actionlistbox/ActionListbox.js.map +1 -1
- package/dist/components/actionlistboxitem/ActionListboxItem.js +2 -2
- package/dist/components/avatar/Avatar.js +2 -2
- package/dist/components/breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/builtinmenu/BuiltInMenu.js +2 -2
- package/dist/components/builtinmenuitem/BuiltInMenuItem.js +2 -2
- package/dist/components/button/Button.js +1 -1
- package/dist/components/callout/Callout.js +1 -1
- package/dist/components/carousel/Carousel.js +1 -1
- package/dist/components/checkbox/Checkbox.js +2 -2
- package/dist/components/checkboxgroup/CheckboxGroup.js +1 -1
- package/dist/components/checklistmenu/CheckListMenu.js +1 -1
- package/dist/components/circularprogressbar/CircularProgressbar.js +1 -1
- package/dist/components/combobox/Combobox.js +2 -2
- package/dist/components/combobox/Combobox.js.map +1 -1
- package/dist/components/combobox/Combobox.svelte +8 -2
- package/dist/components/combobox/Combobox.svelte.d.ts +7 -2
- package/dist/components/combobox/Combobox.svelte.d.ts.map +1 -1
- package/dist/components/combobox/README.md +1 -1
- package/dist/components/container/Container.js +2 -2
- package/dist/components/datepicker/Datepicker.js +2 -2
- package/dist/components/divider/Divider.js +2 -2
- package/dist/components/drawer/Drawer.js +2 -2
- package/dist/components/field/Field.js +2 -2
- package/dist/components/fileuploader/FileUploader.js +2 -2
- package/dist/components/fileuploader/FileUploader.js.map +1 -1
- package/dist/components/fileuploader/FileUploader.svelte +3 -0
- package/dist/components/fileuploader/FileUploader.svelte.d.ts +1 -0
- package/dist/components/fileuploader/FileUploader.svelte.d.ts.map +1 -1
- package/dist/components/fileuploaderitem/FileUploaderItem.js +2 -2
- package/dist/components/flag/Flag.js +2 -2
- package/dist/components/iconbutton/IconButton.js +1 -1
- package/dist/components/kpiitem/KpiItem.js +2 -2
- package/dist/components/linearprogressbarbuffer/LinearProgressbarBuffer.js +2 -2
- package/dist/components/linearprogressbarpercentage/LinearProgressbarPercentage.js +2 -2
- package/dist/components/link/Link.js +1 -1
- package/dist/components/loader/Loader.js +1 -1
- package/dist/components/loadingoverlay/LoadingOverlay.js +2 -2
- package/dist/components/modal/Modal.js +1 -1
- package/dist/components/numberbadge/NumberBadge.js +2 -2
- package/dist/components/optionlistbox/OptionListbox.js +2 -2
- package/dist/components/overlay/Overlay.js +2 -2
- package/dist/components/pageheader/PageHeader.js +2 -2
- package/dist/components/passwordinput/PasswordInput.js +2 -2
- package/dist/components/phonenumber/PhoneNumber.js +1 -1
- package/dist/components/pincode/Pincode.js +2 -2
- package/dist/components/pincode/Pincode.js.map +1 -1
- package/dist/components/pincode/Pincode.svelte +3 -2
- package/dist/components/pincode/Pincode.svelte.d.ts +2 -1
- package/dist/components/pincode/Pincode.svelte.d.ts.map +1 -1
- package/dist/components/pincode/README.md +1 -1
- package/dist/components/popover/Popover.js +2 -2
- package/dist/components/quantityselector/QuantitySelector.js +2 -2
- package/dist/components/radio/Radio.js +2 -2
- package/dist/components/radiogroup/RadioGroup.js +3 -3
- package/dist/components/radiogroup/RadioGroup.js.map +1 -1
- package/dist/components/radiogroup/RadioGroup.svelte +3 -2
- package/dist/components/radiogroup/RadioGroup.svelte.d.ts +1 -0
- package/dist/components/radiogroup/RadioGroup.svelte.d.ts.map +1 -1
- package/dist/components/segmentedcontrol/SegmentedControl.js +2 -2
- package/dist/components/select/Select.js +2 -2
- package/dist/components/sidebar/Sidebar.js +2 -2
- package/dist/components/sidebarfooter/SidebarFooter.js +2 -2
- package/dist/components/sidebarheader/SidebarHeader.js +2 -2
- package/dist/components/sidebarnavitem/SidebarNavItem.js +2 -2
- package/dist/components/sidebarshortcutitem/SidebarShortcutItem.js +2 -2
- package/dist/components/sidebarshortcuts/SidebarShortcuts.js +1 -1
- package/dist/components/starrating/StarRating.js +2 -2
- package/dist/components/statusbadge/StatusBadge.js +2 -2
- package/dist/components/statusdot/StatusDot.js +2 -2
- package/dist/components/statusmessage/StatusMessage.js +2 -2
- package/dist/components/statusnotification/StatusNotification.js +2 -2
- package/dist/components/stepperbottombar/StepperBottomBar.js +1 -1
- package/dist/components/steppercompact/StepperCompact.js +2 -2
- package/dist/components/stepperinline/StepperInline.js +1 -1
- package/dist/components/stepperstacked/StepperStacked.js +1 -1
- package/dist/components/tab/Tab.js +1 -1
- package/dist/components/tabs/Tabs.js +2 -2
- package/dist/components/tag/Tag.js +1 -1
- package/dist/components/textarea/README.md +1 -1
- package/dist/components/textarea/Textarea.js +2 -2
- package/dist/components/textarea/Textarea.js.map +1 -1
- package/dist/components/textarea/Textarea.svelte +1 -1
- package/dist/components/textarea/Textarea.svelte.d.ts +1 -1
- package/dist/components/textarea/Textarea.svelte.d.ts.map +1 -1
- package/dist/components/textinput/Textinput.js +2 -2
- package/dist/components/tile/Tile.js +2 -2
- package/dist/components/tileexpandable/TileExpandable.js +2 -2
- package/dist/components/tileexpandable/TileExpandable.js.map +1 -1
- package/dist/components/tileselectable/TileSelectable.js +2 -2
- package/dist/components/toaster/Toaster.js +2 -2
- package/dist/components/toggle/Toggle.js +2 -2
- package/dist/components/togglegroup/ToggleGroup.js +3 -3
- package/dist/components/togglegroup/ToggleGroup.js.map +1 -1
- package/dist/components/togglegroup/ToggleGroup.svelte +3 -2
- package/dist/components/togglegroup/ToggleGroup.svelte.d.ts +1 -0
- package/dist/components/togglegroup/ToggleGroup.svelte.d.ts.map +1 -1
- package/dist/components/tooltip/Tooltip.js +2 -2
- package/dist/custom-element.js +3 -3
- package/dist/custom-element.js.map +1 -1
- package/dist/each.js +1 -1
- package/dist/if.js +1 -1
- package/dist/index-client.js +1 -1
- package/dist/input.js +1 -1
- package/dist/input.js.map +1 -1
- package/dist/svelte-component.js +1 -1
- package/dist/svelte-element.js +1 -1
- package/dist/svelte-element.js.map +1 -1
- package/dist/this.js +1 -1
- package/dist/this.js.map +1 -1
- package/package.json +5 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as I,e as J,a as K,p as n,s as v,b as d,d as M,f as s,
|
|
1
|
+
import{c as I,e as J,a as K,p as n,s as v,b as d,d as M,f as s,l as N,h as b,m as a,t as O,j as P,n as Q,r as u}from"../../custom-element.js";import{i as g}from"../../if.js";import{s as h}from"../../slot.js";import{a as R}from"../../attributes.js";import{b as T}from"../../this.js";import{L as U}from"../loader/Loader.js";import"../../branches.js";var V=s('<span class="mc-button__icon svelte-ozghz9"><!></span>'),W=s('<span class="mc-button__icon svelte-ozghz9" style="position: absolute; visibility: visible;"><!></span>'),X=s('<span class="mc-button__icon svelte-ozghz9"><!></span>'),Y=s("<span><!></span>"),Z=s('<span class="mc-button__icon svelte-ozghz9"><!></span>'),$=s("<button><!> <!> <!> <!> <!></button>");const oo={hash:"svelte-ozghz9",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/.mc-button.svelte-ozghz9 {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-ozghz9:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-ozghz9:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-ozghz9 {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-150, 1rem);}.mc-button.svelte-ozghz9 {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-ozghz9 {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-ozghz9 {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-ozghz9:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-button--s.svelte-ozghz9 {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, 0.25rem);}.mc-button--s.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-100, 0.875rem);}.mc-button--s.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {width:1.25rem;height:1.25rem;}.mc-button--s.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9):only-child {width:1.25rem;height:1.25rem;}.mc-button--m.svelte-ozghz9 {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button--m.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-150, 1rem);}.mc-button--m.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {width:1.5rem;height:1.5rem;}.mc-button--m.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9):only-child {width:1.5rem;height:1.5rem;}.mc-button--l.svelte-ozghz9 {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, 0.25rem);}.mc-button--l.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9) {font-size:var(--font-size-200, 1.125rem);}.mc-button--l.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {width:2rem;height:2rem;}.mc-button--l.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9):only-child {width:2rem;height:2rem;}.mc-button--icon-only.svelte-ozghz9 {padding:0.25rem;}.mc-button--outlined.svelte-ozghz9 {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.svelte-ozghz9:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-ozghz9:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.svelte-ozghz9 {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.svelte-ozghz9:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-ozghz9:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--accent.svelte-ozghz9 {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-ozghz9:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-ozghz9:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--danger.svelte-ozghz9 {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-ozghz9:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-ozghz9:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--inverse.svelte-ozghz9 {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff);}.mc-button--inverse.svelte-ozghz9:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-ozghz9:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--icon-button.svelte-ozghz9 {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-ozghz9 {pointer-events:none;}.mc-button--loading.svelte-ozghz9 .mc-button__label:where(.svelte-ozghz9),
|
|
4
4
|
.mc-button--loading.svelte-ozghz9 .mc-button__icon:where(.svelte-ozghz9) {visibility:hidden;}.mc-button--outlined.mc-button--standard.svelte-ozghz9 {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.mc-button--standard.svelte-ozghz9:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-ozghz9:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--accent.svelte-ozghz9 {color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff);}.mc-button--outlined.mc-button--accent.svelte-ozghz9:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-ozghz9:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--danger.svelte-ozghz9 {color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff);}.mc-button--outlined.mc-button--danger.svelte-ozghz9:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-ozghz9:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--inverse.svelte-ozghz9 {color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--outlined.mc-button--inverse.svelte-ozghz9:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-ozghz9:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--standard.svelte-ozghz9 {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--standard.svelte-ozghz9:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-ozghz9:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--accent.svelte-ozghz9 {color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--accent.svelte-ozghz9:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-ozghz9:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--danger.svelte-ozghz9 {color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--danger.svelte-ozghz9:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-ozghz9:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--inverse.svelte-ozghz9 {color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--inverse.svelte-ozghz9:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-ozghz9:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-ozghz9:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.hidden.svelte-ozghz9 {visibility:hidden;}`};function to(y,e){J(e,!0),K(y,oo);let m=n(e,"appearance",7,"standard"),z=n(e,"size",7,"m"),f=n(e,"type",7,"button"),k=n(e,"ghost",7),p=n(e,"outlined",7),_=n(e,"disabled",7),l=n(e,"isloading",7),c=n(e,"iconposition",7),C=N(e,["$$slots","$$events","$$legacy","$$host","appearance","size","type","ghost","outlined","disabled","isloading","iconposition"]),w;function D(){w.focus()}var E={focus:D,get appearance(){return m()},set appearance(o="standard"){m(o),a()},get size(){return z()},set size(o="m"){z(o),a()},get type(){return f()},set type(o="button"){f(o),a()},get ghost(){return k()},set ghost(o){k(o),a()},get outlined(){return p()},set outlined(o){p(o),a()},get disabled(){return _()},set disabled(o){_(o),a()},get isloading(){return l()},set isloading(o){l(o),a()},get iconposition(){return c()},set iconposition(o){c(o),a()}},i=$();R(i,()=>({class:["mc-button",`mc-button--${z()}`,`mc-button--${m()}`,k()&&"mc-button--ghost",p()&&"mc-button--outlined",l()&&"mc-button--loading",c()==="only"&&"mc-button--icon-only"],disabled:_(),type:f(),...C}),void 0,void 0,void 0,"svelte-ozghz9");var x=b(i);{var S=o=>{var t=V(),r=b(t);h(r,e,"icon",{},null),u(t),d(o,t)};g(x,o=>{c()==="left"&&!l()&&o(S)})}var B=v(x,2);{var q=o=>{var t=W(),r=b(t);U(r,{style:"color: currentColor",size:"s"}),u(t),d(o,t)};g(B,o=>{l()&&o(q)})}var j=v(B,2);{var A=o=>{var t=X(),r=b(t);h(r,e,"icon",{},null),u(t),d(o,t)};g(j,o=>{c()==="only"&&o(A)})}var L=v(j,2);{var F=o=>{var t=Y(),r=b(t);h(r,e,"default",{},null),u(t),O(()=>P(t,1,Q(["mc-button__label",l()&&"hidden"]),"svelte-ozghz9")),d(o,t)};g(L,o=>{c()!=="only"&&o(F)})}var G=v(L,2);{var H=o=>{var t=Z(),r=b(t);h(r,e,"icon",{},null),u(t),d(o,t)};g(G,o=>{c()==="right"&&o(H)})}return u(i),T(i,o=>w=o,()=>w),d(y,i),M(E)}customElements.define("m-button",I(to,{disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},outlined:{attribute:"outlined",reflect:!0,type:"Boolean"},ghost:{attribute:"ghost",reflect:!0,type:"Boolean"},isloading:{attribute:"isloading",reflect:!0,type:"Boolean"},appearance:{},size:{},type:{},iconposition:{}},["icon","default"],["focus"],{mode:"open"}));export{to as B};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as D,e as E,a as S,p as d,s as r,t as j,b as q,d as A,f as B,
|
|
1
|
+
import{c as D,e as E,a as S,p as d,s as r,t as j,k as h,b as q,d as A,f as B,l as F,h as t,m,r as l}from"../../custom-element.js";import{s as u}from"../../slot.js";import{a as G}from"../../attributes.js";var H=B('<section><div class="mc-callout__icon svelte-1pnlv3f"><!></div> <div class="mc-callout__content svelte-1pnlv3f"><h2 class="mc-callout__title svelte-1pnlv3f"> </h2> <p class="mc-callout__message svelte-1pnlv3f"> </p> <!> <div class="mc-callout__footer svelte-1pnlv3f"><!></div></div></section>');const I={hash:"svelte-1pnlv3f",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/.mc-callout.svelte-1pnlv3f {border-radius:var(--border-radius-m, 0.5rem);background:var(--callout-color-background-standard, #eff1f6);display:flex;flex-flow:row wrap;align-items:flex-start;position:relative;box-sizing:border-box;color:var(--callout-color-text, #000000);}.mc-callout__icon.svelte-1pnlv3f {width:2rem;height:2rem;margin:0.75rem;color:currentcolor;}.mc-callout__content.svelte-1pnlv3f {flex:1 1 0;padding:0.75rem 1rem 0.75rem 0;}.mc-callout__title.svelte-1pnlv3f, .mc-callout__message.svelte-1pnlv3f {line-height:var(--line-height-s, 1.3);margin-block:0;}.mc-callout__title.svelte-1pnlv3f {font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-150, 1rem);margin-block-end:0.25rem;}.mc-callout__message.svelte-1pnlv3f {font-size:var(--font-size-100, 0.875rem);}.mc-callout__footer.svelte-1pnlv3f {align-items:flex-start;display:flex;flex-flow:row wrap;gap:0.5rem;margin-top:0.75rem;margin-bottom:0.5rem;}.mc-callout--standard.svelte-1pnlv3f {background:var(--callout-color-background-standard, #eff1f6);}.mc-callout--accent.svelte-1pnlv3f {background:var(--callout-color-background-accent, #ebf5de);}.mc-callout--tips.svelte-1pnlv3f {background:var(--callout-color-background-tips, #ffebaf);}.mc-callout--inverse.svelte-1pnlv3f {background:var(--callout-color-background-inverse, #ffffff);}.mc-callout__footer.svelte-1pnlv3f:empty {display:none;}`};function J(p,e){E(e,!0),S(p,I);let s=d(e,"title",7),c=d(e,"description",7),n=d(e,"appearance",7,"standard"),x=F(e,["$$slots","$$events","$$legacy","$$host","title","description","appearance"]);var k={get title(){return s()},set title(a){s(a),m()},get description(){return c()},set description(a){c(a),m()},get appearance(){return n()},set appearance(a="standard"){n(a),m()}},o=H();G(o,()=>({class:["mc-callout",`mc-callout--${n()}`],role:"status",...x}),void 0,void 0,void 0,"svelte-1pnlv3f");var i=t(o),w=t(i);u(w,e,"icon",{},null),l(i);var _=r(i,2),v=t(_),y=t(v,!0);l(v);var f=r(v,2),z=t(f,!0);l(f);var g=r(f,2);u(g,e,"default",{},null);var b=r(g,2),C=t(b);return u(C,e,"footer",{},null),l(b),l(_),l(o),j(()=>{h(y,s()),h(z,c())}),q(p,o),A(k)}customElements.define("m-callout",D(J,{title:{},description:{},appearance:{}},["icon","default","footer"],[],{mode:"open"}));
|
|
4
4
|
//# sourceMappingURL=Callout.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as D,e as G,a as N,p as z,B as R,s as g,i as t,b as T,d as V,f as H,
|
|
1
|
+
import{c as D,e as G,a as N,p as z,B as R,s as g,i as t,b as T,d as V,f as H,l as J,h as a,w as j,m as y,v as K,r as n,q as M}from"../../custom-element.js";import{s as A}from"../../slot.js";import{a as Q}from"../../attributes.js";import{b as U}from"../../this.js";import{I as B}from"../iconbutton/IconButton.js";import{G as W,F as X}from"../../Condition20.js";import"../../if.js";import"../../branches.js";import"../loader/Loader.js";var Y=H('<div><div class="mc-carousel__header svelte-10qqjzd"><div class="mc-carousel__headings svelte-10qqjzd"><!></div> <div class="mc-carousel__controls svelte-10qqjzd"><!> <!></div></div> <div class="mc-carousel__content svelte-10qqjzd"><!></div></div>');const Z={hash:"svelte-10qqjzd",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/.mt-title.svelte-10qqjzd {font-weight:var(--font-accent, 600);}.mt-title--l.svelte-10qqjzd {font-size:var(--font-title-l, 1.75rem);line-height:calc(var(--font-title-l, 1.75rem) * var(--line-height-s, 1.3));}.mt-title--m.svelte-10qqjzd {font-size:var(--font-title-m, 1.5rem);line-height:calc(var(--font-title-m, 1.5rem) * var(--line-height-s, 1.3));}.mt-title--s.svelte-10qqjzd {font-size:var(--font-title-s, 1.125rem);line-height:calc(var(--font-title-s, 1.125rem) * var(--line-height-s, 1.3));}.mc-carousel.svelte-10qqjzd {display:flex;flex-direction:column;row-gap:1rem;}.mc-carousel__header.svelte-10qqjzd {display:flex;align-items:flex-start;}.mc-carousel__headings.svelte-10qqjzd {display:flex;flex-direction:column;row-gap:0.25rem;flex:1;align-items:flex-start;color:var(--color-text-primary, #000000);}.mc-carousel__controls.svelte-10qqjzd {display:flex;column-gap:0.5rem;margin:0.25rem 0.25rem 0 0;}.mc-carousel__content.svelte-10qqjzd {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;}.mc-carousel__content.svelte-10qqjzd > :where(.svelte-10qqjzd) {scroll-snap-align:start;}::slotted(*) {scroll-snap-align:start;}::slotted(.mc-carousel__title) {margin:0;}::slotted(.mc-carousel__sub-title) {margin:0;}`};function ee(p,s){G(s,!0),N(p,Z);let d=z(s,"previousButtonAriaLabel",7,"previous"),u=z(s,"nextButtonAriaLabel",7,"next"),L=J(s,["$$slots","$$events","$$legacy","$$host","previousButtonAriaLabel","nextButtonAriaLabel"]),r=K(0),l=null,v=null;const w={behavior:"smooth",block:"nearest",inline:"center"};function o(){if(!l)return[];const e=l.querySelector("slot");return e?e.assignedElements({flatten:!0}):[]}function q(e){o()[e]?.scrollIntoView(w)}function C(){t(r)>0&&q(t(r)-1)}function $(){const e=o();t(r)<e.length-1&&q(t(r)+1)}R(()=>{if(l)return v=new IntersectionObserver(e=>{const i=e.find(_=>_.isIntersecting);if(i){const _=o();M(r,_.findIndex(S=>S===i.target),!0)}},{root:l,threshold:.9}),o().forEach(e=>v.observe(e)),()=>v?.disconnect()});const I=j(()=>t(r)===0),k=j(()=>t(r)===o().length-1);var E={get previousButtonAriaLabel(){return d()},set previousButtonAriaLabel(e="previous"){d(e),y()},get nextButtonAriaLabel(){return u()},set nextButtonAriaLabel(e="next"){u(e),y()}},c=Y();Q(c,()=>({class:"mc-carousel",role:"group","aria-roledescription":"carousel","aria-labelledby":"mc-carousel__title",...L}),void 0,void 0,void 0,"svelte-10qqjzd");var m=a(c),f=a(m),P=a(f);A(P,s,"header",{},null),n(f);var b=g(f,2),x=a(b);B(x,{size:"s",outlined:!0,onclick:C,get disabled(){return t(I)},get"aria-label"(){return d()},$$slots:{icon:(e,i)=>{W(e,{slot:"icon"})}}});var F=g(x,2);B(F,{size:"s",outlined:!0,onclick:$,get disabled(){return t(k)},get"aria-label"(){return u()},$$slots:{icon:(e,i)=>{X(e,{slot:"icon"})}}}),n(b),n(m);var h=g(m,2),O=a(h);return A(O,s,"default",{},null),n(h),U(h,e=>l=e,()=>l),n(c),T(p,c),V(E)}customElements.define("m-carousel",D(ee,{previousButtonAriaLabel:{},nextButtonAriaLabel:{}},["header","default"],[],{mode:"open"}));
|
|
4
4
|
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as y,e as M,a as Z,p as i,s as B,t as g,b,d as
|
|
1
|
+
import{c as y,e as M,a as Z,p as i,s as B,t as g,j as q,n as H,b,d as L,f as p,l as V,h as u,m as r,r as _,k as j}from"../../custom-element.js";import{i as D}from"../../if.js";import{a as F,s as S}from"../../attributes.js";import{a as A}from"../../input.js";import{c as G}from"../../custom-element-forward-events.js";import"../../branches.js";var I=p('<label class="mc-checkbox__label svelte-zknfk3"> </label>'),J=p("<div><input/> <!></div>");const K={hash:"svelte-zknfk3",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
/* stylelint-disable string-no-newline */.mc-checkbox.svelte-zknfk3 {align-items:center;display:flex;gap:0.5rem;padding:0.375rem;}.mc-checkbox--indented.svelte-zknfk3 {margin-left:1.75rem;}.mc-checkbox__label.svelte-zknfk3 {font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-text-default, #000000);cursor:pointer;}.mc-checkbox__input.svelte-zknfk3 {appearance:none;margin:0;cursor:pointer;flex-shrink:0;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-m, 0.125rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;height:1.25rem;width:1.25rem;position:relative;}.mc-checkbox__input.svelte-zknfk3::after {content:"";position:absolute;inset:0;background-color:var(--forms-color-icon-inverse, #ffffff);opacity:0;transform:scale(0.6);transition:0.15s ease;}.mc-checkbox__input.svelte-zknfk3:hover {border-color:var(--forms-color-border-hover, #4d4d4d);}.mc-checkbox__input.svelte-zknfk3:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-checkbox__input.svelte-zknfk3:checked::after {opacity:1;transform:scale(1);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-checkbox__input.svelte-zknfk3:indeterminate::after {opacity:1;transform:scale(1);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-checkbox__input.svelte-zknfk3:checked, .mc-checkbox__input.svelte-zknfk3:indeterminate {background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center;}.mc-checkbox__input.svelte-zknfk3:checked, .mc-checkbox__input.svelte-zknfk3:indeterminate, .mc-checkbox__input.svelte-zknfk3:disabled {border-color:transparent;}.mc-checkbox__input.svelte-zknfk3:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;}.mc-checkbox__input.svelte-zknfk3:disabled:checked::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-checkbox__input.svelte-zknfk3:disabled:indeterminate::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-checkbox__input.svelte-zknfk3:disabled + .mc-checkbox__label:where(.svelte-zknfk3) {color:var(--forms-color-text-disabled, #737373);cursor:not-allowed;}.mc-checkbox__input.svelte-zknfk3:not(:disabled):checked:hover, .mc-checkbox__input.svelte-zknfk3:not(:disabled):indeterminate:hover {background-color:var(--forms-color-background-checked-hover, #006902);}.mc-checkbox__input.is-invalid.svelte-zknfk3:not(:checked, :indeterminate) {border-color:var(--forms-color-border-invalid, #ea302d);}.mc-checkbox__input.is-invalid.svelte-zknfk3:not(:checked, :indeterminate):hover {border-color:var(--forms-color-border-invalid-hover, #c61112);}
|
|
@@ -6,5 +6,5 @@ import{c as y,e as M,a as Z,p as i,s as B,t as g,b,d as q,f as p,n as H,h as u,m
|
|
|
6
6
|
/* stylelint-enable string-no-newline */
|
|
7
7
|
/* stylelint-disable string-no-newline */.mc-field__label.svelte-zknfk3, .mc-field__legend.svelte-zknfk3 {font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000);}.mc-field__legend.svelte-zknfk3 {padding-inline:0;}.mc-field__requirement.svelte-zknfk3, .mc-field__help.svelte-zknfk3 {font-size:var(--font-size-50, 0.75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666);}.mc-field__help.svelte-zknfk3 {display:block;margin-top:0.125rem;}.mc-field__content.svelte-zknfk3 {margin-top:0.5rem;}.mc-field__validation-message.svelte-zknfk3 {font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:0.25rem;margin-top:0.25rem;}.mc-field__validation-message.is-valid.svelte-zknfk3::before, .mc-field__validation-message.is-invalid.svelte-zknfk3::before {content:"";height:1.25rem;width:1.25rem;}.mc-field__validation-message.is-valid.svelte-zknfk3 {color:var(--field-color-validation-valid, #117f03);}.mc-field__validation-message.is-valid.svelte-zknfk3::before {background-color:var(--field-color-validation-valid, #117f03);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-field__validation-message.is-invalid.svelte-zknfk3 {color:var(--field-color-validation-invalid, #c61112);}.mc-field__validation-message.is-invalid.svelte-zknfk3::before {background-color:var(--field-color-validation-invalid, #c61112);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-field__validation-message.is-loading.svelte-zknfk3 {color:var(--field-color-validation-loading, #666666);}.mc-field--group.svelte-zknfk3 {border-width:0;margin-inline:0;padding:0;}
|
|
8
8
|
|
|
9
|
-
/* stylelint-enable string-no-newline */`};function N(h,t){M(t,!0),Z(h,K);let a=i(t,"id",7),c=i(t,"name",7),n=i(t,"label",7),s=i(t,"checked",15,!1),m=i(t,"indeterminate",7),v=i(t,"disabled",7),o=i(t,"isinvalid",7),f=i(t,"indented",7),w=
|
|
9
|
+
/* stylelint-enable string-no-newline */`};function N(h,t){M(t,!0),Z(h,K);let a=i(t,"id",7),c=i(t,"name",7),n=i(t,"label",7),s=i(t,"checked",15,!1),m=i(t,"indeterminate",7),v=i(t,"disabled",7),o=i(t,"isinvalid",7),f=i(t,"indented",7),w=V(t,["$$slots","$$events","$$legacy","$$host","id","name","label","checked","indeterminate","disabled","isinvalid","indented"]);var x={get id(){return a()},set id(e){a(e),r()},get name(){return c()},set name(e){c(e),r()},get label(){return n()},set label(e){n(e),r()},get checked(){return s()},set checked(e=!1){s(e),r()},get indeterminate(){return m()},set indeterminate(e){m(e),r()},get disabled(){return v()},set disabled(e){v(e),r()},get isinvalid(){return o()},set isinvalid(e){o(e),r()},get indented(){return f()},set indented(e){f(e),r()}},l=J(),k=u(l);F(k,()=>({id:a(),type:"checkbox",class:["mc-checkbox__input",o()&&"is-invalid"],"aria-invalid":o(),name:c(),disabled:v(),indeterminate:m(),...w}),void 0,void 0,void 0,"svelte-zknfk3",!0);var z=B(k,2);{var E=e=>{var d=I(),C=u(d,!0);_(d),g(()=>{S(d,"for",a()),j(C,n())}),b(e,d)};D(z,e=>{n()&&e(E)})}return _(l),g(()=>q(l,1,H(["mc-checkbox",f()&&"mc-checkbox--indented"]),"svelte-zknfk3")),A(k,s),b(h,l),L(x)}customElements.define("m-checkbox",y(N,{checked:{attribute:"checked",reflect:!0,type:"Boolean"},indeterminate:{attribute:"indeterminate",reflect:!0,type:"Boolean"},isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},indented:{attribute:"indented",reflect:!0,type:"Boolean"},id:{},name:{},label:{}},[],[],{mode:"open"},G));export{N as C};
|
|
10
10
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as q,e as H,a as L,p as l,g as V,b as u,d as j,f as p,
|
|
1
|
+
import{c as q,e as H,a as L,p as l,g as V,b as u,d as j,f as p,l as A,m as o,h as x,s as D,i as t,r as _,t as E,j as F,n as G,k as S}from"../../custom-element.js";import{i as I}from"../../if.js";import{e as J}from"../../each.js";import{a as K,r as N,s as v}from"../../attributes.js";import{b as O}from"../../input.js";import{c as P}from"../../custom-element-forward-events.js";import"../../branches.js";var Q=p('<label class="mc-checkbox__label svelte-11asba7"> </label>'),R=p('<div class="mc-checkbox mc-field__item svelte-11asba7"><input type="checkbox"/> <!></div>'),T=p("<div></div>");const U={hash:"svelte-11asba7",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
/* stylelint-disable string-no-newline */.mc-checkbox.svelte-11asba7 {align-items:center;display:flex;gap:0.5rem;padding:0.375rem;}.mc-checkbox--indented.svelte-11asba7 {margin-left:1.75rem;}.mc-checkbox__label.svelte-11asba7 {font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-text-default, #000000);cursor:pointer;}.mc-checkbox__input.svelte-11asba7 {appearance:none;margin:0;cursor:pointer;flex-shrink:0;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-m, 0.125rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;height:1.25rem;width:1.25rem;position:relative;}.mc-checkbox__input.svelte-11asba7::after {content:"";position:absolute;inset:0;background-color:var(--forms-color-icon-inverse, #ffffff);opacity:0;transform:scale(0.6);transition:0.15s ease;}.mc-checkbox__input.svelte-11asba7:hover {border-color:var(--forms-color-border-hover, #4d4d4d);}.mc-checkbox__input.svelte-11asba7:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-checkbox__input.svelte-11asba7:checked::after {opacity:1;transform:scale(1);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-checkbox__input.svelte-11asba7:indeterminate::after {opacity:1;transform:scale(1);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-checkbox__input.svelte-11asba7:checked, .mc-checkbox__input.svelte-11asba7:indeterminate {background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center;}.mc-checkbox__input.svelte-11asba7:checked, .mc-checkbox__input.svelte-11asba7:indeterminate, .mc-checkbox__input.svelte-11asba7:disabled {border-color:transparent;}.mc-checkbox__input.svelte-11asba7:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;}.mc-checkbox__input.svelte-11asba7:disabled:checked::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-checkbox__input.svelte-11asba7:disabled:indeterminate::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-checkbox__input.svelte-11asba7:disabled + .mc-checkbox__label:where(.svelte-11asba7) {color:var(--forms-color-text-disabled, #737373);cursor:not-allowed;}.mc-checkbox__input.svelte-11asba7:not(:disabled):checked:hover, .mc-checkbox__input.svelte-11asba7:not(:disabled):indeterminate:hover {background-color:var(--forms-color-background-checked-hover, #006902);}.mc-checkbox__input.is-invalid.svelte-11asba7:not(:checked, :indeterminate) {border-color:var(--forms-color-border-invalid, #ea302d);}.mc-checkbox__input.is-invalid.svelte-11asba7:not(:checked, :indeterminate):hover {border-color:var(--forms-color-border-invalid-hover, #c61112);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{o as j,c as B,e as D,a as E,p as f,t,b as p,d as F,f as v,m as h,i as o,h as g,r as b,u as L,w as M,j as N,
|
|
1
|
+
import{o as j,c as B,e as D,a as E,p as f,t,b as p,d as F,f as v,m as h,i as o,h as g,r as b,u as L,w as M,j as N,n as S}from"../../custom-element.js";import{i as q}from"../../if.js";import{e as A,i as G}from"../../each.js";import{g as s}from"../../attributes.js";import{i as H}from"../../Condition20.js";import"../builtinmenu/BuiltInMenu.js";import"../builtinmenuitem/BuiltInMenuItem.js";import"../../branches.js";import"../../slot.js";import"../../svelte-element.js";var I=v('<span slot="icon"><!></span>'),J=v("<m-built-in-menu-item><!></m-built-in-menu-item>",2),K=v("<m-built-in-menu></m-built-in-menu>",2);const O={hash:"svelte-1k60ooz",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/.mc-check-list-menu__icon.svelte-1k60ooz {fill:var(--built-in-menu-color-text-default, #404040);}.mc-check-list-menu__icon--selected.svelte-1k60ooz {fill:var(--built-in-menu-color-text-selected, #006902);}`};function P(k,a){D(a,!0),E(k,O);let i=f(a,"selected",15),m=f(a,"items",7),u=f(a,"outlined",7);var y={get selected(){return i()},set selected(l){i(l),h()},get items(){return m()},set items(l){m(l),h()},get outlined(){return u()},set outlined(l){u(l),h()}},n=K();return t(()=>s(n,"selected",i())),t(()=>s(n,"outlined",u())),A(n,21,m,G,(l,r,d)=>{const z=M(()=>o(r).href?"a":"button");var e=J();s(e,"slot","item"),t(()=>s(e,"label",o(r).label)),t(()=>s(e,"href",o(r).href)),t(()=>s(e,"target",o(r).target)),t(()=>s(e,"selected",i()===d)),t(()=>s(e,"role",o(z)==="button"?"menuitem":void 0));var x=g(e);{var C=_=>{var c=I(),w=g(c);H(w,{}),b(c),t(()=>N(c,1,S({"mc-check-list-menu__icon":!0,"mc-check-list-menu__icon--selected":i()===d}),"svelte-1k60ooz")),p(_,c)};q(x,_=>{o(r).checked&&_(C)})}b(e),L("click",e,()=>i(d)),p(l,e)}),b(n),p(k,n),F(y)}j(["click"]);customElements.define("m-check-list-menu",B(P,{selected:{attribute:"selected",reflect:!0,type:"Number"},outlined:{attribute:"outlined",reflect:!0,type:"Boolean"},items:{}},[],[],{mode:"open"}));
|
|
4
4
|
//# sourceMappingURL=CheckListMenu.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as S,e as W,a as q,p as l,s as z,h as a,b as m,d as A,f as g,
|
|
1
|
+
import{c as S,e as W,a as q,p as l,s as z,h as a,b as m,d as A,f as g,l as F,m as i,t as f,k as h,r as t,aW as G}from"../../custom-element.js";import{i as w}from"../../if.js";import{a as H}from"../../attributes.js";import"../../branches.js";var I=g('<div class="mc-circular-progressbar__percentage svelte-oy9ecz"><p class="mc-circular-progressbar__value svelte-oy9ecz"> </p> <p class="mc-circular-progressbar__unit svelte-oy9ecz">%</p></div>'),J=g('<p class="mc-circular-progressbar__text svelte-oy9ecz"> </p>'),K=g('<div class="mc-circular-progressbar__content svelte-oy9ecz"><p class="mc-circular-progressbar__number svelte-oy9ecz"> </p> <!></div>'),N=g('<div><svg class="mc-circular-progressbar__line svelte-oy9ecz" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 100 100"><circle class="mc-circular-progressbar__track svelte-oy9ecz" cx="50" cy="50" r="46"></circle><circle class="mc-circular-progressbar__indicator svelte-oy9ecz" cx="50" cy="50" r="46"></circle></svg> <!> <!></div>');const O={hash:"svelte-oy9ecz",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/.mc-circular-progressbar.svelte-oy9ecz {--progress-value: 40;font-family:var(--font-family, LeroyMerlin), sans-serif;color:var(--progressbar-color-text, #000000);position:relative;display:inline-block;width:9rem;height:9rem;border-radius:50%;}.mc-circular-progressbar__line.svelte-oy9ecz {transform:rotate(270deg);}.mc-circular-progressbar__track.svelte-oy9ecz, .mc-circular-progressbar__indicator.svelte-oy9ecz {stroke-width:calc(8 / (144 / 100));fill:none;stroke-linecap:round;}.mc-circular-progressbar__track.svelte-oy9ecz {stroke:var(--progressbar-color-background, #c9d0de);}.mc-circular-progressbar__indicator.svelte-oy9ecz {stroke:var(--progressbar-color-indicator, #464e63);stroke-dasharray:289.1428571429;stroke-dashoffset:calc((100 - var(--progress-value)) / 100 * 289.1428571429);transition:stroke-dashoffset 0.3s ease;}.mc-circular-progressbar__content.svelte-oy9ecz {display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%, -50%);}.mc-circular-progressbar__number.svelte-oy9ecz, .mc-circular-progressbar__text.svelte-oy9ecz {white-space:nowrap;text-align:center;line-height:var(--line-height-s, 1.3);margin:0;color:var(--progressbar-color-text, #000000);}.mc-circular-progressbar__number.svelte-oy9ecz {font-size:var(--font-size-300, 1.5rem);}.mc-circular-progressbar__text.svelte-oy9ecz {font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);}.mc-circular-progressbar__percentage.svelte-oy9ecz {display:flex;justify-content:center;align-items:center;position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%, -50%);}.mc-circular-progressbar__value.svelte-oy9ecz, .mc-circular-progressbar__unit.svelte-oy9ecz {font-weight:var(--font-weight-semi-bold, 600);line-height:var(--line-height-s, 1.3);color:var(--progressbar-color-text, #000000);}.mc-circular-progressbar__value.svelte-oy9ecz {font-size:var(--font-size-600, 2.5rem);}.mc-circular-progressbar__unit.svelte-oy9ecz {font-size:var(--font-size-300, 1.5rem);}.mc-circular-progressbar--m.svelte-oy9ecz .mc-circular-progressbar__content:where(.svelte-oy9ecz), .mc-circular-progressbar--s.svelte-oy9ecz .mc-circular-progressbar__content:where(.svelte-oy9ecz) {display:none;}.mc-circular-progressbar--m.svelte-oy9ecz .mc-circular-progressbar__percentage:where(.svelte-oy9ecz), .mc-circular-progressbar--s.svelte-oy9ecz .mc-circular-progressbar__percentage:where(.svelte-oy9ecz) {display:none;}.mc-circular-progressbar--m.svelte-oy9ecz::after, .mc-circular-progressbar--s.svelte-oy9ecz::after {display:none;}.mc-circular-progressbar--m.svelte-oy9ecz .mc-circular-progressbar__track:where(.svelte-oy9ecz),
|
|
4
4
|
.mc-circular-progressbar--m.svelte-oy9ecz .mc-circular-progressbar__indicator:where(.svelte-oy9ecz) {stroke-width:calc(4 / (48 / 100));}.mc-circular-progressbar--m.svelte-oy9ecz {width:3rem;height:3rem;}.mc-circular-progressbar--s.svelte-oy9ecz .mc-circular-progressbar__track:where(.svelte-oy9ecz),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{o as ue,c as ve,e as we,a as fe,p as t,i as a,s as _,y as pe,x as he,b as y,q as k,t as $,
|
|
1
|
+
import{o as ue,c as ve,e as we,a as fe,p as t,i as a,s as _,y as pe,x as he,b as y,q as k,t as $,j as xe,n as ge,k as ee,u as oe,d as _e,f as N,v as z,w as J,h as s,m as r,r as i}from"../../custom-element.js";import{a as ye}from"../../index-client.js";import{i as te}from"../../if.js";import{s as ke}from"../../slot.js";import{a as ze,s as Ce}from"../../attributes.js";import{b as M}from"../../this.js";import{O as Be}from"../optionlistbox/OptionListbox.js";import{c as Ee,e as Le}from"../../Condition20.js";import"../../branches.js";import"../../each.js";import"../../svelte-component.js";import"../button/Button.js";import"../loader/Loader.js";import"../textinput/Textinput.js";import"../../input.js";import"../../custom-element-forward-events.js";var Pe=N('<span class="mc-combobox__counter svelte-aew1wn"> </span>'),Se=N('<button type="button" class="mc-combobox__clear svelte-aew1wn" aria-label="Clear value"><!></button>'),De=N('<div><div class="mc-combobox__input svelte-aew1wn"><button> </button> <!> <!> <button type="button" class="mc-combobox__icon svelte-aew1wn" aria-label="Expand options list"><!></button></div> <div class="mc-combobox__listbox svelte-aew1wn"><!></div></div>');const Oe={hash:"svelte-aew1wn",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/.mc-combobox.svelte-aew1wn {position:relative;width:18.75rem;}.mc-combobox__input.svelte-aew1wn {transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, 0.0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;display:flex;align-items:center;gap:0.5rem;box-sizing:border-box;}.mc-combobox__input.svelte-aew1wn:focus-within {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-combobox__input.svelte-aew1wn:hover:not(:focus-within) {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-hover, #4d4d4d);}.mc-combobox__input.svelte-aew1wn:has(.mc-combobox__control:where(.svelte-aew1wn):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-combobox__input.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn) {text-align:left;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);background-color:transparent;border:none;padding-left:0.75rem;padding-right:0;flex-grow:1;height:3rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.mc-combobox__input.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn):focus-within {outline:none;}.mc-combobox__icon.svelte-aew1wn {border:none;display:flex;align-items:center;cursor:pointer;padding-right:0.75rem;background:none;color:var(--forms-color-icon-interactive, #000000);fill:currentcolor;}.mc-combobox__clear.svelte-aew1wn {padding:0;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--forms-color-icon-clear, #666666);fill:currentcolor;}.mc-combobox__counter.svelte-aew1wn {height:1.5rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0 0.5rem;border-radius:var(--border-radius-l, 1rem);background-color:var(--forms-color-selection-counter-background, #464e63);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, 0.75rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-selection-counter-text, #ffffff);}.mc-combobox__listbox.svelte-aew1wn {position:absolute;left:0;top:calc(100% + 0.25rem);visibility:hidden;opacity:0;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));border:var(--border-width-s, 0.0625rem) solid var(--color-border-primary, #cccccc);border-radius:var(--border-radius-m, 0.5rem);width:100%;z-index:10;background-color:var(--color-background-primary, #ffffff);pointer-events:all;}.mc-combobox--open.svelte-aew1wn .mc-combobox__listbox:where(.svelte-aew1wn) {visibility:visible;opacity:1;}.mc-combobox--s.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn) {height:2rem;font-size:var(--font-size-100, 0.875rem);padding-left:0.5rem;}.mc-combobox--s.svelte-aew1wn .mc-combobox__icon:where(.svelte-aew1wn) {padding-right:0.5rem;}.mc-combobox--s.svelte-aew1wn .mc-combobox__clear:where(.svelte-aew1wn) {width:1.25rem;height:1.25rem;}.mc-combobox--invalid.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn) {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-combobox--invalid.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn):hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-combobox--disabled.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-combobox--disabled.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn) {color:var(--forms-color-text-disabled, #737373);}.mc-combobox--disabled.svelte-aew1wn .mc-combobox__icon:where(.svelte-aew1wn) {color:var(--forms-color-icon-disabled, #737373);}.mc-combobox--readonly.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn) {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}`};function je(Q,o){we(o,!0),fe(Q,Oe);let n=t(o,"value",15),b=t(o,"multiple",7),C=t(o,"size",7,"m"),v=t(o,"disabled",7),B=t(o,"readonly",7),E=t(o,"invalid",7),L=t(o,"clearable",7),w=t(o,"search",7),P=t(o,"actions",7),S=t(o,"checkablesections",7),f=t(o,"placeholder",7,"Select an option"),D=t(o,"counterlabel",7,"99 selected"),O=t(o,"searchplaceholder",7,"Find an option..."),j=t(o,"selectlabel",7,"Select all"),F=t(o,"clearlabel",7,"Clear"),p=t(o,"options",7),I=t(o,"onopen",7);const A=crypto.randomUUID();let h,x=z(null),U=z(null),q,c=z(!1),K=z(-1);const re=J(()=>a(K)>=0?`option-${A}-${a(K)}`:void 0),ae=J(()=>Array.isArray(n())?n().length?n().join(", "):f():p().find(e=>e.value===n())?.label||f()),le=J(()=>b()?!!n().length:!!n());function V(e){const l=e.composedPath?e.composedPath():[];!l.includes(h)&&!l.includes(a(U))&&G()}function R(){k(c,!0),W(),document.addEventListener("click",V)}function G(){k(c,!1),W(),document.removeEventListener("click",V)}function T(){return a(c)?G():R()}function W(){I()?.(a(c)),h.dispatchEvent(new CustomEvent("update:open",{bubbles:!0,composed:!0}))}ye(()=>{document.removeEventListener("click",V)});var ne={get value(){return n()},set value(e){n(e),r()},get multiple(){return b()},set multiple(e){b(e),r()},get size(){return C()},set size(e="m"){C(e),r()},get disabled(){return v()},set disabled(e){v(e),r()},get readonly(){return B()},set readonly(e){B(e),r()},get invalid(){return E()},set invalid(e){E(e),r()},get clearable(){return L()},set clearable(e){L(e),r()},get search(){return w()},set search(e){w(e),r()},get actions(){return P()},set actions(e){P(e),r()},get checkablesections(){return S()},set checkablesections(e){S(e),r()},get placeholder(){return f()},set placeholder(e="Select an option"){f(e),r()},get counterlabel(){return D()},set counterlabel(e="99 selected"){D(e),r()},get searchplaceholder(){return O()},set searchplaceholder(e="Find an option..."){O(e),r()},get selectlabel(){return j()},set selectlabel(e="Select all"){j(e),r()},get clearlabel(){return F()},set clearlabel(e="Clear"){F(e),r()},get options(){return p()},set options(e){p(e),r()},get onopen(){return I()},set onopen(e){I(e),r()}},m=De(),H=s(m),u=s(H);ze(u,()=>({"aria-expanded":a(c),"aria-haspopup":"listbox","aria-controls":`listbox-${A}`,disabled:v(),class:"mc-combobox__control","aria-label":"Combobox input",onclick:T,...w()?{}:{role:"combobox","aria-activedescendant":a(re),onkeydown:a(x)?.handleKeydown}}),void 0,void 0,void 0,"svelte-aew1wn");var ce=s(u,!0);i(u),M(u,e=>q=e,()=>q);var X=_(u,2);{var se=e=>{var l=Pe(),d=s(l,!0);i(l),$(()=>
|
|
3
|
+
*/.mc-combobox.svelte-aew1wn {position:relative;width:18.75rem;}.mc-combobox__input.svelte-aew1wn {transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, 0.0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;display:flex;align-items:center;gap:0.5rem;box-sizing:border-box;}.mc-combobox__input.svelte-aew1wn:focus-within {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-combobox__input.svelte-aew1wn:hover:not(:focus-within) {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-hover, #4d4d4d);}.mc-combobox__input.svelte-aew1wn:has(.mc-combobox__control:where(.svelte-aew1wn):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-combobox__input.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn) {text-align:left;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);background-color:transparent;border:none;padding-left:0.75rem;padding-right:0;flex-grow:1;height:3rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.mc-combobox__input.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn):focus-within {outline:none;}.mc-combobox__icon.svelte-aew1wn {border:none;display:flex;align-items:center;cursor:pointer;padding-right:0.75rem;background:none;color:var(--forms-color-icon-interactive, #000000);fill:currentcolor;}.mc-combobox__clear.svelte-aew1wn {padding:0;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--forms-color-icon-clear, #666666);fill:currentcolor;}.mc-combobox__counter.svelte-aew1wn {height:1.5rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0 0.5rem;border-radius:var(--border-radius-l, 1rem);background-color:var(--forms-color-selection-counter-background, #464e63);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, 0.75rem);line-height:var(--line-height-s, 1.3);color:var(--forms-color-selection-counter-text, #ffffff);}.mc-combobox__listbox.svelte-aew1wn {position:absolute;left:0;top:calc(100% + 0.25rem);visibility:hidden;opacity:0;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));border:var(--border-width-s, 0.0625rem) solid var(--color-border-primary, #cccccc);border-radius:var(--border-radius-m, 0.5rem);width:100%;z-index:10;background-color:var(--color-background-primary, #ffffff);pointer-events:all;}.mc-combobox--open.svelte-aew1wn .mc-combobox__listbox:where(.svelte-aew1wn) {visibility:visible;opacity:1;}.mc-combobox--s.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn) {height:2rem;font-size:var(--font-size-100, 0.875rem);padding-left:0.5rem;}.mc-combobox--s.svelte-aew1wn .mc-combobox__icon:where(.svelte-aew1wn) {padding-right:0.5rem;}.mc-combobox--s.svelte-aew1wn .mc-combobox__clear:where(.svelte-aew1wn) {width:1.25rem;height:1.25rem;}.mc-combobox--invalid.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn) {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-combobox--invalid.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn):hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-combobox--disabled.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-combobox--disabled.svelte-aew1wn .mc-combobox__control:where(.svelte-aew1wn) {color:var(--forms-color-text-disabled, #737373);}.mc-combobox--disabled.svelte-aew1wn .mc-combobox__icon:where(.svelte-aew1wn) {color:var(--forms-color-icon-disabled, #737373);}.mc-combobox--readonly.svelte-aew1wn .mc-combobox__input:where(.svelte-aew1wn) {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}`};function je(Q,o){we(o,!0),fe(Q,Oe);let n=t(o,"value",15),b=t(o,"multiple",7),C=t(o,"size",7,"m"),v=t(o,"disabled",7),B=t(o,"readonly",7),E=t(o,"invalid",7),L=t(o,"clearable",7),w=t(o,"search",7),P=t(o,"actions",7),S=t(o,"checkablesections",7),f=t(o,"placeholder",7,"Select an option"),D=t(o,"counterlabel",7,"99 selected"),O=t(o,"searchplaceholder",7,"Find an option..."),j=t(o,"selectlabel",7,"Select all"),F=t(o,"clearlabel",7,"Clear"),p=t(o,"options",7),I=t(o,"onopen",7);const A=crypto.randomUUID();let h,x=z(null),U=z(null),q,c=z(!1),K=z(-1);const re=J(()=>a(K)>=0?`option-${A}-${a(K)}`:void 0),ae=J(()=>Array.isArray(n())?n().length?n().join(", "):f():p().find(e=>e.value===n())?.label||f()),le=J(()=>b()?!!n().length:!!n());function V(e){const l=e.composedPath?e.composedPath():[];!l.includes(h)&&!l.includes(a(U))&&G()}function R(){k(c,!0),W(),document.addEventListener("click",V)}function G(){k(c,!1),W(),document.removeEventListener("click",V)}function T(){return a(c)?G():R()}function W(){I()?.(a(c)),h.dispatchEvent(new CustomEvent("update:open",{bubbles:!0,composed:!0}))}ye(()=>{document.removeEventListener("click",V)});var ne={get value(){return n()},set value(e){n(e),r()},get multiple(){return b()},set multiple(e){b(e),r()},get size(){return C()},set size(e="m"){C(e),r()},get disabled(){return v()},set disabled(e){v(e),r()},get readonly(){return B()},set readonly(e){B(e),r()},get invalid(){return E()},set invalid(e){E(e),r()},get clearable(){return L()},set clearable(e){L(e),r()},get search(){return w()},set search(e){w(e),r()},get actions(){return P()},set actions(e){P(e),r()},get checkablesections(){return S()},set checkablesections(e){S(e),r()},get placeholder(){return f()},set placeholder(e="Select an option"){f(e),r()},get counterlabel(){return D()},set counterlabel(e="99 selected"){D(e),r()},get searchplaceholder(){return O()},set searchplaceholder(e="Find an option..."){O(e),r()},get selectlabel(){return j()},set selectlabel(e="Select all"){j(e),r()},get clearlabel(){return F()},set clearlabel(e="Clear"){F(e),r()},get options(){return p()},set options(e){p(e),r()},get onopen(){return I()},set onopen(e){I(e),r()}},m=De(),H=s(m),u=s(H);ze(u,()=>({"aria-expanded":a(c),"aria-haspopup":"listbox","aria-controls":`listbox-${A}`,disabled:v(),class:"mc-combobox__control","aria-label":"Combobox input",onclick:T,...w()?{}:{role:"combobox","aria-activedescendant":a(re),onkeydown:a(x)?.handleKeydown}}),void 0,void 0,void 0,"svelte-aew1wn");var ce=s(u,!0);i(u),M(u,e=>q=e,()=>q);var X=_(u,2);{var se=e=>{var l=Pe(),d=s(l,!0);i(l),$(()=>ee(d,D())),y(e,l)};te(X,e=>{b()&&e(se)})}var Y=_(X,2);{var ie=e=>{var l=Se(),d=s(l);Le(d,{}),i(l),oe("click",l,()=>a(x)?.clearSelection()),y(e,l)};te(Y,e=>{L()&&a(le)&&e(ie)})}var g=_(Y,2);Ce(g,"tabindex",-1);var be=s(g);Ee(be,{}),i(g),i(H);var Z=_(H,2),de=s(Z);return M(Be(de,{get id(){return A},get open(){return a(c)},get multiple(){return b()},get search(){return w()},get actions(){return P()},get checkablesections(){return S()},get searchplaceholder(){return O()},get selectlabel(){return j()},get clearlabel(){return F()},get options(){return p()},activeindex:a(K),onopen:R,onclose:()=>{G(),q?.focus()},get element(){return a(U)},set element(e){k(U,e,!0)},get value(){return n()},set value(e){n(e)},$$slots:{optionPrefix:(e,l)=>{var d=pe(),me=he(d);ke(me,o,"optionPrefix",{},null),y(e,d)}}}),e=>k(x,e,!0),()=>a(x)),i(Z),i(m),M(m,e=>h=e,()=>h),$(()=>{xe(m,1,ge({"mc-combobox":!0,"mc-combobox--open":a(c),"mc-combobox--multiple":b(),"mc-combobox--invalid":E(),"mc-combobox--s":C()==="s","mc-combobox--disabled":v(),"mc-combobox--readonly":B()}),"svelte-aew1wn"),ee(ce,a(ae))}),oe("click",g,T),y(Q,m),_e(ne)}ue(["click"]);customElements.define("m-combobox",ve(je,{multiple:{attribute:"multiple",reflect:!0,type:"Boolean"},compact:{attribute:"compact",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},invalid:{attribute:"invalid",reflect:!0,type:"Boolean"},clearable:{attribute:"clearable",reflect:!0,type:"Boolean"},search:{attribute:"search",reflect:!0,type:"Boolean"},actions:{attribute:"actions",reflect:!0,type:"Boolean"},checkablesections:{attribute:"checkablesections",reflect:!0,type:"Boolean"},value:{},size:{},placeholder:{},counterlabel:{},searchplaceholder:{},selectlabel:{},clearlabel:{},options:{},onopen:{}},["optionPrefix"],[],{mode:"open"}));
|
|
4
4
|
//# sourceMappingURL=Combobox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sources":["../../../src/components/combobox/Combobox.svelte"],"sourcesContent":["<svelte:options\n customElement={{\n tag: 'm-combobox',\n props: {\n multiple: { reflect: true, type: 'Boolean', attribute: 'multiple' },\n compact: { reflect: true, type: 'Boolean', attribute: 'compact' },\n disabled: { reflect: true, type: 'Boolean', attribute: 'disabled' },\n readonly: { reflect: true, type: 'Boolean', attribute: 'readonly' },\n invalid: { reflect: true, type: 'Boolean', attribute: 'invalid' },\n clearable: { reflect: true, type: 'Boolean', attribute: 'clearable' },\n search: { reflect: true, type: 'Boolean', attribute: 'search' },\n actions: { reflect: true, type: 'Boolean', attribute: 'actions' },\n checkablesections: { reflect: true, type: 'Boolean', attribute: 'checkablesections' },\n },\n }}\n/>\n\n<script lang=\"ts\">\n import { onDestroy } from 'svelte';\n import OptionListbox, { type ListboxOption } from '../optionlistbox/OptionListbox.svelte';\n import { ChevronDown24, CrossCircleFilled24 } from '@mozaic-ds/icons-svelte';\n\n /**\n * A combobox is an input field that allows users to select an option from a dropdown list or enter a custom value. It combines the functionality of a text input and a dropdown menu, providing flexibility and ease of use in forms and user interfaces.\n * @slot optionPrefix - Use this slot to add a prefix to options.\n * @event update:open {CustomEvent<boolean>} - Emitted when the listbox is opened or closed.\n */\n interface Props {\n /**\n * The current selected value(s) of the combobox.\n */\n value: string | number | null | (string | number)[];\n /**\n * Enable multiple value mode.\n */\n multiple?: boolean;\n /**\n * Size of the combobox: small ('s') or medium ('m').\n */\n size?: 's' | 'm';\n /**\n * Disable the combobox input.\n */\n disabled?: boolean;\n /**\n * Make the combobox read-only.\n */\n readonly?: boolean;\n /**\n * Mark the combobox as invalid.\n */\n invalid?: boolean;\n /**\n * Show a clear value button.\n */\n clearable?: boolean;\n /**\n * Enable the search input inside the listbox.\n */\n search?: boolean;\n /**\n * Show select all / clear buttons when multiple.\n */\n actions?: boolean;\n /**\n * Enable checkable section headers in the listbox.\n */\n checkablesections?: boolean;\n /**\n * Placeholder text when no value is selected.\n */\n placeholder?: string;\n /**\n * Label for the selected items counter.\n */\n counterlabel?: string;\n /**\n * Placeholder text for the search input.\n */\n searchplaceholder?: string;\n /**\n * Label for the \"Select all\" button.\n */\n selectlabel?: string;\n /**\n * Label for the \"Clear value\" button.\n */\n clearlabel?: string;\n /**\n * Array of options to display in the listbox.\n */\n options: Array<ListboxOption>;\n /**\n * Callback to trigger when the listbox is opened or closed.\n */\n onopen?: (value: boolean) => void;\n }\n\n let {\n value = $bindable(),\n multiple,\n size = 'm',\n disabled,\n readonly,\n invalid,\n clearable,\n search,\n actions,\n checkablesections,\n placeholder = 'Select an option',\n counterlabel = '99 selected',\n searchplaceholder = 'Find an option...',\n selectlabel = 'Select all',\n clearlabel = 'Clear',\n options,\n onopen,\n }: Props = $props();\n\n const id = crypto.randomUUID();\n\n let combobox: HTMLElement;\n let listbox: InstanceType<typeof OptionListbox> | null = $state(null);\n let listboxEl: HTMLElement | null | undefined = $state(null);\n let comboboxControl: HTMLElement;\n\n let isOpen = $state(false);\n\n let activeIndex = $state(-1);\n\n const activeDescendantId = $derived.by(() => {\n return activeIndex >= 0 ? `option-${id}-${activeIndex}` : undefined;\n });\n\n const selectionLabel = $derived.by(() => {\n if (Array.isArray(value)) {\n if (!value.length) return placeholder;\n return (value as (string | number)[]).join(', ');\n }\n\n return options.find((option) => option.value === value)?.label || placeholder;\n });\n\n const hasValue = $derived.by(() =>\n multiple ? !!(value as (string | number)[]).length : !!value,\n );\n\n function handleClickOutside(event: MouseEvent) {\n const path = event.composedPath ? event.composedPath() : [];\n if (!path.includes(combobox) && !path.includes(listboxEl!)) {\n close();\n }\n }\n\n function open() {\n isOpen = true;\n handleOpen();\n document.addEventListener('click', handleClickOutside);\n }\n\n function close() {\n isOpen = false;\n handleOpen();\n document.removeEventListener('click', handleClickOutside);\n }\n\n function toggleListbox() {\n return isOpen ? close() : open();\n }\n\n function handleOpen() {\n onopen?.(isOpen);\n\n combobox.dispatchEvent(new CustomEvent('update:open', { bubbles: true, composed: true }));\n }\n\n onDestroy(() => {\n document.removeEventListener('click', handleClickOutside);\n });\n</script>\n\n<div\n bind:this={combobox}\n class={{\n 'mc-combobox': true,\n 'mc-combobox--open': isOpen,\n 'mc-combobox--multiple': multiple,\n 'mc-combobox--invalid': invalid,\n 'mc-combobox--s': size === 's',\n 'mc-combobox--disabled': disabled,\n 'mc-combobox--readonly': readonly,\n }}\n>\n <div class=\"mc-combobox__input\">\n <button\n bind:this={comboboxControl}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n aria-controls={`listbox-${id}`}\n {disabled}\n class=\"mc-combobox__control\"\n aria-label=\"Combobox input\"\n onclick={toggleListbox}\n {...search\n ? {}\n : {\n role: 'combobox',\n 'aria-activedescendant': activeDescendantId,\n onkeydown: listbox?.handleKeydown,\n }}\n >\n {selectionLabel}\n </button>\n {#if multiple}\n <span class=\"mc-combobox__counter\">\n {counterlabel}\n </span>\n {/if}\n\n {#if clearable && hasValue}\n <button\n type=\"button\"\n class=\"mc-combobox__clear\"\n aria-label=\"Clear value\"\n onclick={() => listbox?.clearSelection()}\n >\n <CrossCircleFilled24 />\n </button>\n {/if}\n\n <button\n type=\"button\"\n tabindex={-1}\n class=\"mc-combobox__icon\"\n aria-label=\"Expand options list\"\n onclick={toggleListbox}\n >\n <ChevronDown24 />\n </button>\n </div>\n\n <div class=\"mc-combobox__listbox\">\n <OptionListbox\n bind:this={listbox}\n bind:element={listboxEl}\n bind:value\n {id}\n open={isOpen}\n {multiple}\n {search}\n {actions}\n {checkablesections}\n {searchplaceholder}\n {selectlabel}\n {clearlabel}\n {options}\n activeindex={activeIndex}\n onopen={open}\n onclose={() => {\n close();\n comboboxControl?.focus();\n }}\n >\n <slot name=\"optionPrefix\" slot=\"optionPrefix\" />\n </OptionListbox>\n </div>\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/combobox';\n</style>\n"],"names":["value","$.prop","$$props","multiple","size","disabled","readonly","invalid","clearable","search","actions","checkablesections","placeholder","counterlabel","searchplaceholder","selectlabel","clearlabel","options","onopen","id","combobox","listbox","$.state","listboxEl","comboboxControl","isOpen","activeIndex","activeDescendantId","$.derived","$.get","selectionLabel","option","hasValue","handleClickOutside","event","path","close","open","$.set","handleOpen","toggleListbox","onDestroy","div","root","div_1","$.child","button","text","$.reset","$$value","node","$.sibling","span","root_1","$$render","consequent","button_1","root_2","node_2","CrossCircleFilled24","$.append","$$anchor","consequent_1","button_2","node_1","$.set_attribute","node_3","ChevronDown24","div_2","OptionListbox","node_4","$.delegated"],"mappings":";;+sJAiBA,uBAkFIA,EAAKC,EAAAC,EAAA,QAAA,EAAA,EACLC,EAAQF,EAAAC,EAAA,WAAA,CAAA,EACRE,eAAO,GAAG,EACVC,EAAQJ,EAAAC,EAAA,WAAA,CAAA,EACRI,EAAQL,EAAAC,EAAA,WAAA,CAAA,EACRK,EAAON,EAAAC,EAAA,UAAA,CAAA,EACPM,EAASP,EAAAC,EAAA,YAAA,CAAA,EACTO,EAAMR,EAAAC,EAAA,SAAA,CAAA,EACNQ,EAAOT,EAAAC,EAAA,UAAA,CAAA,EACPS,EAAiBV,EAAAC,EAAA,oBAAA,CAAA,EACjBU,sBAAc,kBAAkB,EAChCC,uBAAe,aAAa,EAC5BC,4BAAoB,mBAAmB,EACvCC,sBAAc,YAAY,EAC1BC,qBAAa,OAAO,EACpBC,EAAOhB,EAAAC,EAAA,UAAA,CAAA,EACPgB,EAAMjB,EAAAC,EAAA,SAAA,CAAA,QAGFiB,EAAK,OAAO,WAAU,MAExBC,EACAC,EAAqDC,EAAO,IAAI,EAChEC,EAA4CD,EAAO,IAAI,EACvDE,EAEAC,EAASH,EAAO,EAAK,EAErBI,EAAcJ,EAAM,EAAG,EAErB,MAAAK,GAAkBC,EAAA,IACfC,EAAAH,CAAW,GAAI,EAAC,UAAaP,CAAE,IAAAU,EAAIH,CAAW,IAAK,MAC3D,EAEKI,GAAcF,EAAA,IACd,MAAM,QAAQ5B,EAAK,CAAA,EAChBA,EAAK,EAAC,OACHA,EAAK,EAAyB,KAAK,IAAI,EADrBY,EAAW,EAIhCK,EAAO,EAAC,KAAMc,GAAWA,EAAO,QAAU/B,EAAK,CAAA,GAAG,OAASY,EAAW,CAC9E,EAEKoB,SACJ7B,IAAQ,CAAA,CAAMH,EAAK,EAAyB,SAAWA,GAAK,WAGrDiC,EAAmBC,EAAmB,CACvC,MAAAC,EAAOD,EAAM,aAAeA,EAAM,aAAY,EAAA,CAAA,GAC/CC,EAAK,SAASf,CAAQ,GAAA,CAAMe,EAAK,SAAQN,EAACN,CAAS,CAAA,GACtDa,EAAK,CAET,CAES,SAAAC,GAAO,CACdC,EAAAb,EAAS,EAAI,EACbc,EAAU,EACV,SAAS,iBAAiB,QAASN,CAAkB,CACvD,CAES,SAAAG,GAAQ,CACfE,EAAAb,EAAS,EAAK,EACdc,EAAU,EACV,SAAS,oBAAoB,QAASN,CAAkB,CAC1D,CAES,SAAAO,GAAgB,UAChBf,CAAM,EAAGW,EAAK,EAAKC,EAAI,CAChC,CAES,SAAAE,GAAa,CACpBrB,EAAM,MAAGO,CAAM,CAAA,EAEfL,EAAS,cAAa,IAAK,YAAY,cAAa,CAAI,QAAS,GAAM,SAAU,EAAI,CAAA,CAAA,CACvF,CAEAqB,GAAS,IAAO,CACd,SAAS,oBAAoB,QAASR,CAAkB,CAC1D,CAAC,gJA5EQ,IAAG,0bAQI,mBAAkB,6DACjB,cAAa,uEACR,oBAAmB,2DACzB,aAAY,yDACb,QAAO,gHAmEvBS,EAAAC,GAAA,EAYEC,EAAGC,EAZLH,CAAA,EAaII,EAAAD,EADFD,CAAG,KACDE,0BAEgBrB,CAAM,uDAEKN,CAAE,YAC3Bd,EAAQ,qEAGAmC,EACL,GAAA/B,EAAA,MAGE,KAAM,WACN,0BAAyBkB,EAAkB,EAC3C,UAASE,EAAER,CAAO,GAAE,uDAd3B,IAAA0B,GAAAF,EAAAC,EAAA,EAAA,EAAAE,EAAAF,CAAA,IAAAA,EAAAG,GACYzB,QAAAA,CAAe,EAD3B,IAAA0B,EAAAC,EAAAL,EAAA,CAAA,kBAoBEM,EAAIC,GAAA,MAAJD,EAAI,EAAA,IAAJA,CAAI,aACFvC,EAAY,CAAA,CAAA,MADduC,CAAI,YADFjD,EAAQ,GAAAmD,EAAAC,EAAA,6BAOV,IAAAC,EAAAC,GAAA,EAAAC,EAAAb,EAAAW,CAAA,EAMEG,GAAmBD,EAAA,EAAA,EANrBV,EAAAQ,CAAA,aAAAA,EAAA,IAAA3B,EAIgBR,CAAO,GAAE,gBAAc,EAJvCuC,EAAAC,EAAAL,CAAA,YADEhD,EAAS,KAAIwB,EAAQ,GAAAsB,EAAAQ,EAAA,IAWzB,IAAAC,EAAAZ,EAAAa,EAAA,CAAA,EAAAC,GAAAF,EAAA,WAAA,EAEa,EAFb,IAAAG,GAAArB,EAAAkB,CAAA,EAOEI,GAAaD,GAAA,EAAA,EAPflB,EAAAe,CAAA,IArCFnB,CAAG,EAgDH,IAAAwB,IAhDAxB,EAAG,CAAA,OAgDHwB,CAAG,WACDC,GAAAC,GAAA,iBAIEnD,uBACKM,CAAM,yBACXtB,EAAQ,uBACRM,EAAM,wBACNC,EAAO,kCACPC,EAAiB,kCACjBG,EAAiB,4BACjBC,EAAW,2BACXC,EAAU,wBACVC,EAAO,iBACKS,CAAW,SAChBW,EACO,QAAA,IAAA,CACbD,EAAK,EACLZ,GAAiB,MAAK,CACxB,MAjBA,SAAY,UAAED,CAAS,OAAvB,QAAY0B,EAAA,GAAE1B,EAAS0B,EAAA,EAAA,OACvB,OAAK,iBAAL,MAAKA,EAAA,yGAFM5B,EAAO4B,EAAA,EAAA,QAAP5B,CAAO,KAFrB+C,CAAG,EA5DLpB,EAAAN,CAAA,IAAAA,EAAAO,GACY7B,QAAAA,CAAQ,YADpBsB,QAGG,cAAe,GACf,sBAAqBjB,CAAM,EAC3B,wBAAyBtB,EAAQ,EACjC,uBAAwBI,EAAO,EAC/B,iBAAkBH,EAAI,IAAK,IAC3B,wBAAyBC,EAAQ,EACjC,wBAAyBC,EAAQ,6BAqB9BwB,EAAc,CAAA,IAmBhByC,GAAA,QAAAR,EAKUvB,CAAa,EAtD3BoB,EAAAC,EAAAnB,CAAA,QAFO"}
|
|
1
|
+
{"version":3,"file":"Combobox.js","sources":["../../../src/components/combobox/Combobox.svelte"],"sourcesContent":["<svelte:options\n customElement={{\n tag: 'm-combobox',\n props: {\n multiple: { reflect: true, type: 'Boolean', attribute: 'multiple' },\n compact: { reflect: true, type: 'Boolean', attribute: 'compact' },\n disabled: { reflect: true, type: 'Boolean', attribute: 'disabled' },\n readonly: { reflect: true, type: 'Boolean', attribute: 'readonly' },\n invalid: { reflect: true, type: 'Boolean', attribute: 'invalid' },\n clearable: { reflect: true, type: 'Boolean', attribute: 'clearable' },\n search: { reflect: true, type: 'Boolean', attribute: 'search' },\n actions: { reflect: true, type: 'Boolean', attribute: 'actions' },\n checkablesections: { reflect: true, type: 'Boolean', attribute: 'checkablesections' },\n },\n }}\n/>\n\n<script lang=\"ts\">\n import { onDestroy } from 'svelte';\n import OptionListbox from '../optionlistbox/OptionListbox.svelte';\n import { ChevronDown24, CrossCircleFilled24 } from '@mozaic-ds/icons-svelte';\n\n /**\n * A combobox is an input field that allows users to select an option from a dropdown list or enter a custom value. It combines the functionality of a text input and a dropdown menu, providing flexibility and ease of use in forms and user interfaces.\n * @slot optionPrefix - Use this slot to add a prefix to options.\n * @event update:open {CustomEvent<boolean>} - Emitted when the listbox is opened or closed.\n */\n interface Props {\n /**\n * The current selected value(s) of the combobox.\n */\n value: string | number | null | (string | number)[];\n /**\n * Enable multiple value mode.\n */\n multiple?: boolean;\n /**\n * Size of the combobox: small ('s') or medium ('m').\n */\n size?: 's' | 'm';\n /**\n * Disable the combobox input.\n */\n disabled?: boolean;\n /**\n * Make the combobox read-only.\n */\n readonly?: boolean;\n /**\n * Mark the combobox as invalid.\n */\n invalid?: boolean;\n /**\n * Show a clear value button.\n */\n clearable?: boolean;\n /**\n * Enable the search input inside the listbox.\n */\n search?: boolean;\n /**\n * Show select all / clear buttons when multiple.\n */\n actions?: boolean;\n /**\n * Enable checkable section headers in the listbox.\n */\n checkablesections?: boolean;\n /**\n * Placeholder text when no value is selected.\n */\n placeholder?: string;\n /**\n * Label for the selected items counter.\n */\n counterlabel?: string;\n /**\n * Placeholder text for the search input.\n */\n searchplaceholder?: string;\n /**\n * Label for the \"Select all\" button.\n */\n selectlabel?: string;\n /**\n * Label for the \"Clear value\" button.\n */\n clearlabel?: string;\n /**\n * Array of options to display in the listbox.\n */\n options: Array<{\n label: string;\n content?: string;\n value?: string | number;\n disabled?: boolean;\n type?: 'option' | 'section';\n }>;\n /**\n * Callback to trigger when the listbox is opened or closed.\n */\n onopen?: (value: boolean) => void;\n }\n\n let {\n value = $bindable(),\n multiple,\n size = 'm',\n disabled,\n readonly,\n invalid,\n clearable,\n search,\n actions,\n checkablesections,\n placeholder = 'Select an option',\n counterlabel = '99 selected',\n searchplaceholder = 'Find an option...',\n selectlabel = 'Select all',\n clearlabel = 'Clear',\n options,\n onopen,\n }: Props = $props();\n\n const id = crypto.randomUUID();\n\n let combobox: HTMLElement;\n let listbox: InstanceType<typeof OptionListbox> | null = $state(null);\n let listboxEl: HTMLElement | null | undefined = $state(null);\n let comboboxControl: HTMLElement;\n\n let isOpen = $state(false);\n\n let activeIndex = $state(-1);\n\n const activeDescendantId = $derived.by(() => {\n return activeIndex >= 0 ? `option-${id}-${activeIndex}` : undefined;\n });\n\n const selectionLabel = $derived.by(() => {\n if (Array.isArray(value)) {\n if (!value.length) return placeholder;\n return (value as (string | number)[]).join(', ');\n }\n\n return options.find((option) => option.value === value)?.label || placeholder;\n });\n\n const hasValue = $derived.by(() =>\n multiple ? !!(value as (string | number)[]).length : !!value,\n );\n\n function handleClickOutside(event: MouseEvent) {\n const path = event.composedPath ? event.composedPath() : [];\n if (!path.includes(combobox) && !path.includes(listboxEl!)) {\n close();\n }\n }\n\n function open() {\n isOpen = true;\n handleOpen();\n document.addEventListener('click', handleClickOutside);\n }\n\n function close() {\n isOpen = false;\n handleOpen();\n document.removeEventListener('click', handleClickOutside);\n }\n\n function toggleListbox() {\n return isOpen ? close() : open();\n }\n\n function handleOpen() {\n onopen?.(isOpen);\n\n combobox.dispatchEvent(new CustomEvent('update:open', { bubbles: true, composed: true }));\n }\n\n onDestroy(() => {\n document.removeEventListener('click', handleClickOutside);\n });\n</script>\n\n<div\n bind:this={combobox}\n class={{\n 'mc-combobox': true,\n 'mc-combobox--open': isOpen,\n 'mc-combobox--multiple': multiple,\n 'mc-combobox--invalid': invalid,\n 'mc-combobox--s': size === 's',\n 'mc-combobox--disabled': disabled,\n 'mc-combobox--readonly': readonly,\n }}\n>\n <div class=\"mc-combobox__input\">\n <button\n bind:this={comboboxControl}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n aria-controls={`listbox-${id}`}\n {disabled}\n class=\"mc-combobox__control\"\n aria-label=\"Combobox input\"\n onclick={toggleListbox}\n {...search\n ? {}\n : {\n role: 'combobox',\n 'aria-activedescendant': activeDescendantId,\n onkeydown: listbox?.handleKeydown,\n }}\n >\n {selectionLabel}\n </button>\n {#if multiple}\n <span class=\"mc-combobox__counter\">\n {counterlabel}\n </span>\n {/if}\n\n {#if clearable && hasValue}\n <button\n type=\"button\"\n class=\"mc-combobox__clear\"\n aria-label=\"Clear value\"\n onclick={() => listbox?.clearSelection()}\n >\n <CrossCircleFilled24 />\n </button>\n {/if}\n\n <button\n type=\"button\"\n tabindex={-1}\n class=\"mc-combobox__icon\"\n aria-label=\"Expand options list\"\n onclick={toggleListbox}\n >\n <ChevronDown24 />\n </button>\n </div>\n\n <div class=\"mc-combobox__listbox\">\n <OptionListbox\n bind:this={listbox}\n bind:element={listboxEl}\n bind:value\n {id}\n open={isOpen}\n {multiple}\n {search}\n {actions}\n {checkablesections}\n {searchplaceholder}\n {selectlabel}\n {clearlabel}\n {options}\n activeindex={activeIndex}\n onopen={open}\n onclose={() => {\n close();\n comboboxControl?.focus();\n }}\n >\n <slot name=\"optionPrefix\" slot=\"optionPrefix\" />\n </OptionListbox>\n </div>\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/combobox';\n</style>\n"],"names":["value","$.prop","$$props","multiple","size","disabled","readonly","invalid","clearable","search","actions","checkablesections","placeholder","counterlabel","searchplaceholder","selectlabel","clearlabel","options","onopen","id","combobox","listbox","$.state","listboxEl","comboboxControl","isOpen","activeIndex","activeDescendantId","$.derived","$.get","selectionLabel","option","hasValue","handleClickOutside","event","path","close","open","$.set","handleOpen","toggleListbox","onDestroy","div","root","div_1","$.child","button","text","$.reset","$$value","node","$.sibling","span","root_1","$$render","consequent","button_1","root_2","node_2","CrossCircleFilled24","$.append","$$anchor","consequent_1","button_2","node_1","$.set_attribute","node_3","ChevronDown24","div_2","OptionListbox","node_4","$.delegated"],"mappings":";;+sJAiBA,uBAwFIA,EAAKC,EAAAC,EAAA,QAAA,EAAA,EACLC,EAAQF,EAAAC,EAAA,WAAA,CAAA,EACRE,eAAO,GAAG,EACVC,EAAQJ,EAAAC,EAAA,WAAA,CAAA,EACRI,EAAQL,EAAAC,EAAA,WAAA,CAAA,EACRK,EAAON,EAAAC,EAAA,UAAA,CAAA,EACPM,EAASP,EAAAC,EAAA,YAAA,CAAA,EACTO,EAAMR,EAAAC,EAAA,SAAA,CAAA,EACNQ,EAAOT,EAAAC,EAAA,UAAA,CAAA,EACPS,EAAiBV,EAAAC,EAAA,oBAAA,CAAA,EACjBU,sBAAc,kBAAkB,EAChCC,uBAAe,aAAa,EAC5BC,4BAAoB,mBAAmB,EACvCC,sBAAc,YAAY,EAC1BC,qBAAa,OAAO,EACpBC,EAAOhB,EAAAC,EAAA,UAAA,CAAA,EACPgB,EAAMjB,EAAAC,EAAA,SAAA,CAAA,QAGFiB,EAAK,OAAO,WAAU,MAExBC,EACAC,EAAqDC,EAAO,IAAI,EAChEC,EAA4CD,EAAO,IAAI,EACvDE,EAEAC,EAASH,EAAO,EAAK,EAErBI,EAAcJ,EAAM,EAAG,EAErB,MAAAK,GAAkBC,EAAA,IACfC,EAAAH,CAAW,GAAI,EAAC,UAAaP,CAAE,IAAAU,EAAIH,CAAW,IAAK,MAC3D,EAEKI,GAAcF,EAAA,IACd,MAAM,QAAQ5B,EAAK,CAAA,EAChBA,EAAK,EAAC,OACHA,EAAK,EAAyB,KAAK,IAAI,EADrBY,EAAW,EAIhCK,EAAO,EAAC,KAAMc,GAAWA,EAAO,QAAU/B,EAAK,CAAA,GAAG,OAASY,EAAW,CAC9E,EAEKoB,SACJ7B,IAAQ,CAAA,CAAMH,EAAK,EAAyB,SAAWA,GAAK,WAGrDiC,EAAmBC,EAAmB,CACvC,MAAAC,EAAOD,EAAM,aAAeA,EAAM,aAAY,EAAA,CAAA,GAC/CC,EAAK,SAASf,CAAQ,GAAA,CAAMe,EAAK,SAAQN,EAACN,CAAS,CAAA,GACtDa,EAAK,CAET,CAES,SAAAC,GAAO,CACdC,EAAAb,EAAS,EAAI,EACbc,EAAU,EACV,SAAS,iBAAiB,QAASN,CAAkB,CACvD,CAES,SAAAG,GAAQ,CACfE,EAAAb,EAAS,EAAK,EACdc,EAAU,EACV,SAAS,oBAAoB,QAASN,CAAkB,CAC1D,CAES,SAAAO,GAAgB,UAChBf,CAAM,EAAGW,EAAK,EAAKC,EAAI,CAChC,CAES,SAAAE,GAAa,CACpBrB,EAAM,MAAGO,CAAM,CAAA,EAEfL,EAAS,cAAa,IAAK,YAAY,cAAa,CAAI,QAAS,GAAM,SAAU,EAAI,CAAA,CAAA,CACvF,CAEAqB,GAAS,IAAO,CACd,SAAS,oBAAoB,QAASR,CAAkB,CAC1D,CAAC,gJA5EQ,IAAG,0bAQI,mBAAkB,6DACjB,cAAa,uEACR,oBAAmB,2DACzB,aAAY,yDACb,QAAO,gHAmEvBS,EAAAC,GAAA,EAYEC,EAAGC,EAZLH,CAAA,EAaII,EAAAD,EADFD,CAAG,KACDE,0BAEgBrB,CAAM,uDAEKN,CAAE,YAC3Bd,EAAQ,qEAGAmC,EACL,GAAA/B,EAAA,MAGE,KAAM,WACN,0BAAyBkB,EAAkB,EAC3C,UAASE,EAAER,CAAO,GAAE,uDAd3B,IAAA0B,GAAAF,EAAAC,EAAA,EAAA,EAAAE,EAAAF,CAAA,IAAAA,EAAAG,GACYzB,QAAAA,CAAe,EAD3B,IAAA0B,EAAAC,EAAAL,EAAA,CAAA,kBAoBEM,EAAIC,GAAA,MAAJD,EAAI,EAAA,IAAJA,CAAI,aACFvC,EAAY,CAAA,CAAA,MADduC,CAAI,YADFjD,EAAQ,GAAAmD,EAAAC,EAAA,6BAOV,IAAAC,EAAAC,GAAA,EAAAC,EAAAb,EAAAW,CAAA,EAMEG,GAAmBD,EAAA,EAAA,EANrBV,EAAAQ,CAAA,aAAAA,EAAA,IAAA3B,EAIgBR,CAAO,GAAE,gBAAc,EAJvCuC,EAAAC,EAAAL,CAAA,YADEhD,EAAS,KAAIwB,EAAQ,GAAAsB,EAAAQ,EAAA,IAWzB,IAAAC,EAAAZ,EAAAa,EAAA,CAAA,EAAAC,GAAAF,EAAA,WAAA,EAEa,EAFb,IAAAG,GAAArB,EAAAkB,CAAA,EAOEI,GAAaD,GAAA,EAAA,EAPflB,EAAAe,CAAA,IArCFnB,CAAG,EAgDH,IAAAwB,IAhDAxB,EAAG,CAAA,OAgDHwB,CAAG,WACDC,GAAAC,GAAA,iBAIEnD,uBACKM,CAAM,yBACXtB,EAAQ,uBACRM,EAAM,wBACNC,EAAO,kCACPC,EAAiB,kCACjBG,EAAiB,4BACjBC,EAAW,2BACXC,EAAU,wBACVC,EAAO,iBACKS,CAAW,SAChBW,EACO,QAAA,IAAA,CACbD,EAAK,EACLZ,GAAiB,MAAK,CACxB,MAjBA,SAAY,UAAED,CAAS,OAAvB,QAAY0B,EAAA,GAAE1B,EAAS0B,EAAA,EAAA,OACvB,OAAK,iBAAL,MAAKA,EAAA,yGAFM5B,EAAO4B,EAAA,EAAA,QAAP5B,CAAO,KAFrB+C,CAAG,EA5DLpB,EAAAN,CAAA,IAAAA,EAAAO,GACY7B,QAAAA,CAAQ,YADpBsB,QAGG,cAAe,GACf,sBAAqBjB,CAAM,EAC3B,wBAAyBtB,EAAQ,EACjC,uBAAwBI,EAAO,EAC/B,iBAAkBH,EAAI,IAAK,IAC3B,wBAAyBC,EAAQ,EACjC,wBAAyBC,EAAQ,6BAqB9BwB,EAAc,CAAA,IAmBhByC,GAAA,QAAAR,EAKUvB,CAAa,EAtD3BoB,EAAAC,EAAAnB,CAAA,QAFO"}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
<script lang="ts">
|
|
19
19
|
import { onDestroy } from 'svelte';
|
|
20
|
-
import OptionListbox
|
|
20
|
+
import OptionListbox from '../optionlistbox/OptionListbox.svelte';
|
|
21
21
|
import { ChevronDown24, CrossCircleFilled24 } from '@mozaic-ds/icons-svelte';
|
|
22
22
|
|
|
23
23
|
/**
|
|
@@ -89,7 +89,13 @@
|
|
|
89
89
|
/**
|
|
90
90
|
* Array of options to display in the listbox.
|
|
91
91
|
*/
|
|
92
|
-
options: Array<
|
|
92
|
+
options: Array<{
|
|
93
|
+
label: string;
|
|
94
|
+
content?: string;
|
|
95
|
+
value?: string | number;
|
|
96
|
+
disabled?: boolean;
|
|
97
|
+
type?: 'option' | 'section';
|
|
98
|
+
}>;
|
|
93
99
|
/**
|
|
94
100
|
* Callback to trigger when the listbox is opened or closed.
|
|
95
101
|
*/
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { type ListboxOption } from '../optionlistbox/OptionListbox.svelte';
|
|
2
1
|
/**
|
|
3
2
|
* A combobox is an input field that allows users to select an option from a dropdown list or enter a custom value. It combines the functionality of a text input and a dropdown menu, providing flexibility and ease of use in forms and user interfaces.
|
|
4
3
|
* @slot optionPrefix - Use this slot to add a prefix to options.
|
|
@@ -68,7 +67,13 @@ interface Props {
|
|
|
68
67
|
/**
|
|
69
68
|
* Array of options to display in the listbox.
|
|
70
69
|
*/
|
|
71
|
-
options: Array<
|
|
70
|
+
options: Array<{
|
|
71
|
+
label: string;
|
|
72
|
+
content?: string;
|
|
73
|
+
value?: string | number;
|
|
74
|
+
disabled?: boolean;
|
|
75
|
+
type?: 'option' | 'section';
|
|
76
|
+
}>;
|
|
72
77
|
/**
|
|
73
78
|
* Callback to trigger when the listbox is opened or closed.
|
|
74
79
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.svelte.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Combobox.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.svelte.ts"],"names":[],"mappings":"AAQE;;;;GAIG;AACH,UAAU,KAAK;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACpD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC7B,CAAC,CAAC;IACH;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC;AA0JH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAUD,QAAA,MAAM,QAAQ;;;;;;eAAqF,CAAC;AAClF,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}
|
|
@@ -21,7 +21,7 @@ A combobox is an input field that allows users to select an option from a dropdo
|
|
|
21
21
|
| `searchplaceholder` | Placeholder text for the search input. | `string` | `Find an option...` |
|
|
22
22
|
| `selectlabel` | Label for the "Select all" button. | `string` | `Select all` |
|
|
23
23
|
| `clearlabel` | Label for the "Clear value" button. | `string` | `Clear` |
|
|
24
|
-
| `options*` | Array of options to display in the listbox. | `Array<
|
|
24
|
+
| `options*` | Array of options to display in the listbox. | `Array<{ label: string; content?: string; value?: string` `number; disabled?: boolean; type?: 'option'` `'section'; }>` | |
|
|
25
25
|
| `onopen` | Callback to trigger when the listbox is opened or closed. | `(value: boolean) => void` | |
|
|
26
26
|
|
|
27
27
|
## Slots
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as o,e as s,a as r,p as m,t as c,
|
|
1
|
+
import{c as o,e as s,a as r,p as m,t as c,j as p,n as u,b as f,d as h,f as v,h as x,m as b,r as y}from"../../custom-element.js";import{s as w}from"../../slot.js";var g=v("<div><!></div>");const _={hash:"svelte-1oy286b",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/.ml-container.svelte-1oy286b {padding-inline:1rem;width:100%;box-sizing:border-box;margin-inline:auto;}
|
|
4
4
|
@media (width >= 680px) {.ml-container.svelte-1oy286b {padding-inline:1.5rem;}
|
|
@@ -10,5 +10,5 @@ import{c as o,e as s,a as r,p as m,t as c,b as p,d as u,f,h,m as v,r as x,j as b
|
|
|
10
10
|
@media (width >= 1920px) {.ml-container.svelte-1oy286b {max-width:1480px;}
|
|
11
11
|
}.ml-container--fluid.svelte-1oy286b {max-width:none;}
|
|
12
12
|
@media (width >= 1024px) {.ml-container--fluid.svelte-1oy286b {padding-inline:2.5rem;}
|
|
13
|
-
}`};function j(i,t){s(t,!0),r(i,_);let n=m(t,"fluid",7);var a={get fluid(){return n()},set fluid(d){n(d),
|
|
13
|
+
}`};function j(i,t){s(t,!0),r(i,_);let n=m(t,"fluid",7);var a={get fluid(){return n()},set fluid(d){n(d),b()}},e=g(),l=x(e);return w(l,t,"default",{},null),y(e),c(()=>p(e,1,u(["ml-container",n()&&"ml-container--fluid"]),"svelte-1oy286b")),f(i,e),h(a)}customElements.define("m-container",o(j,{fluid:{attribute:"fluid",reflect:!0,type:"Boolean"}},["default"],[],{mode:"open"}));
|
|
14
14
|
//# sourceMappingURL=Container.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{o as Z,c as D,e as F,a as L,p as r,s as j,t as V,b as k,d as
|
|
1
|
+
import{o as Z,c as D,e as F,a as L,p as r,s as j,t as V,j as N,n as S,b as k,d as Y,f as H,l as q,h as n,m as o,r as c,k as A,u as G}from"../../custom-element.js";import{i as I}from"../../if.js";import{a as J}from"../../attributes.js";import{c as K}from"../../input.js";import{c as O}from"../../custom-element-forward-events.js";import{e as P}from"../../Condition20.js";import"../../branches.js";var Q=H('<div class="mc-datepicker__controls-options mc-controls-options svelte-xj4ivh"><button type="button" class="mc-controls-options__button svelte-xj4ivh"><!> <span class="mc-controls-options__label svelte-xj4ivh"> </span></button></div>'),R=H("<div><input/> <!></div>");const T={hash:"svelte-xj4ivh",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
/* stylelint-disable string-no-newline */.mc-text-input.svelte-xj4ivh {transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, 0.0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:0.5rem;box-sizing:border-box;}.mc-text-input__control.svelte-xj4ivh {background-color:transparent;border-width:0;font-family:inherit;outline:none;}.mc-text-input__control.svelte-xj4ivh {padding:0.75rem 0.6875rem;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);flex-grow:1;}.mc-text-input__control.svelte-xj4ivh::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-text-input__addon.svelte-xj4ivh {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);}.mc-text-input__icon.svelte-xj4ivh {fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0;}.mc-text-input.svelte-xj4ivh:focus-within {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-text-input.svelte-xj4ivh:hover:not(:focus-within) {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-hover, #4d4d4d);}.mc-text-input.svelte-xj4ivh:has(input:where(.svelte-xj4ivh):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-text-input.svelte-xj4ivh:has(input[readonly]:where(.svelte-xj4ivh)) {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-text-input.svelte-xj4ivh:has(.mc-text-input__icon:where(.svelte-xj4ivh)), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) {padding-inline-start:0.6875rem;}.mc-text-input.svelte-xj4ivh:has(.mc-text-input__icon:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh) {padding-inline-start:0;}.mc-text-input.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) {padding-inline-end:0.6875rem;}.mc-text-input.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh) {padding-inline-end:0;}.mc-text-input--s.svelte-xj4ivh {height:2rem;}.mc-text-input--s.svelte-xj4ivh .mc-text-input__control:where(.svelte-xj4ivh) {padding:0.375rem 0.6875rem;font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);}.mc-text-input--s.svelte-xj4ivh:has(.mc-text-input__icon:where(.svelte-xj4ivh)) {padding-inline-start:0.4375rem;}.mc-text-input--s.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)) {padding-inline-end:0.4375rem;}.mc-text-input.is-invalid.svelte-xj4ivh {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-text-input.is-invalid.svelte-xj4ivh:hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-text-input.svelte-xj4ivh :where(.svelte-xj4ivh) {box-sizing:border-box;}
|
|
5
5
|
|
|
6
|
-
/* stylelint-enable string-no-newline */.mc-datepicker.svelte-xj4ivh {border-radius:var(--border-radius-s, 0.25rem);position:relative;}.mc-datepicker__control.svelte-xj4ivh {font-family:var(--font-family, LeroyMerlin), sans-serif;background-repeat:no-repeat;background-position:right 0.75rem center;display:block;padding:0 0.75rem;}.mc-datepicker__control.svelte-xj4ivh::-webkit-calendar-picker-indicator {padding-right:1rem;opacity:0;transform:scale(2);}.mc-datepicker__control.svelte-xj4ivh::-moz-calendar-picker-indicator {padding-right:1rem;opacity:0;transform:scale(2);}.mc-datepicker__control.svelte-xj4ivh::after {content:"";pointer-events:none;position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker__control.is-invalid.svelte-xj4ivh {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-datepicker__control.is-invalid.svelte-xj4ivh:hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-datepicker__control.svelte-xj4ivh:disabled {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker__control.svelte-xj4ivh:disabled::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-datepicker__control.svelte-xj4ivh:disabled:hover:not(:focus-within) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)) {padding-inline-end:0;}.mc-datepicker.svelte-xj4ivh:has(input:where(.svelte-xj4ivh):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:all;cursor:not-allowed;}.mc-datepicker.svelte-xj4ivh:has(input:where(.svelte-xj4ivh):disabled):hover {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker--s.svelte-xj4ivh .mc-datepicker__control:where(.svelte-xj4ivh) {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker--s.svelte-xj4ivh .mc-datepicker__control:where(.svelte-xj4ivh):disabled {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker__controls-options.svelte-xj4ivh {position:absolute;right:2.75rem;top:0.75rem;}.mc-controls-options.svelte-xj4ivh {align-items:center;display:inline-flex;justify-content:center;gap:0.5rem;}.mc-controls-options__button.svelte-xj4ivh {background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;border-radius:var(--border-radius-full, 100%);}.mc-controls-options__button.svelte-xj4ivh:hover .mc-controls-options__icon:where(.svelte-xj4ivh) {fill:var(--forms-color-icon-clear-hover, #4d4d4d);}.mc-controls-options__button.svelte-xj4ivh:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-controls-options__icon.svelte-xj4ivh {fill:var(--forms-color-icon-clear, #666666);color:var(--forms-color-icon-clear, #666666);}.mc-controls-options__button.svelte-xj4ivh, .mc-controls-options__icon.svelte-xj4ivh {height:1.5rem;width:1.5rem;}.mc-controls-options__label.svelte-xj4ivh {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-controls-options__unit.svelte-xj4ivh {font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);}`};function U(g,t){F(t,!0),L(g,T);let v=r(t,"id",7),d=r(t,"name",7),i=r(t,"value",15),a=r(t,"isinvalid",7),h=r(t,"disabled",7),l=r(t,"size",7,"m"),m=r(t,"readonly",7),u=r(t,"isclearable",7),p=r(t,"clearlabel",7,"clear content"),y=S(t,["$$slots","$$events","$$legacy","$$host","id","name","value","isinvalid","disabled","size","readonly","isclearable","clearlabel"]);const z=()=>i("");var E={get id(){return v()},set id(e){v(e),o()},get name(){return d()},set name(e){d(e),o()},get value(){return i()},set value(e){i(e),o()},get isinvalid(){return a()},set isinvalid(e){a(e),o()},get disabled(){return h()},set disabled(e){h(e),o()},get size(){return l()},set size(e="m"){l(e),o()},get readonly(){return m()},set readonly(e){m(e),o()},get isclearable(){return u()},set isclearable(e){u(e),o()},get clearlabel(){return p()},set clearlabel(e="clear content"){p(e),o()}},s=R(),x=n(s);J(x,()=>({class:"mc-datepicker__control mc-text-input__control",type:"date",id:v(),name:d(),disabled:h(),readonly:m(),"aria-invalid":a(),...y}),void 0,void 0,void 0,"svelte-xj4ivh",!0);var C=j(x,2);{var M=e=>{var b=Q(),f=n(b),w=n(f);P(w,{className:"mc-controls-options__icon"});var _=j(w,2),B=n(_,!0);c(_),c(f),c(b),V(()=>Y(B,p())),q("click",f,z),k(e,b)};I(C,e=>{u()&&i()&&e(M)})}return c(s),V(()=>A(s,1,G(["mc-datepicker mc-text-input",`mc-text-input--${l()}`,`mc-datepicker--${l()}`,a()&&"is-invalid"]),"svelte-xj4ivh")),K(x,i),k(g,s),N(E)}Z(["click"]);customElements.define("m-datepicker",D(U,{isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},isclearable:{attribute:"isclearable",reflect:!0,type:"Boolean"},id:{},name:{},value:{},size:{},clearlabel:{}},[],[],{mode:"open"},O));
|
|
6
|
+
/* stylelint-enable string-no-newline */.mc-datepicker.svelte-xj4ivh {border-radius:var(--border-radius-s, 0.25rem);position:relative;}.mc-datepicker__control.svelte-xj4ivh {font-family:var(--font-family, LeroyMerlin), sans-serif;background-repeat:no-repeat;background-position:right 0.75rem center;display:block;padding:0 0.75rem;}.mc-datepicker__control.svelte-xj4ivh::-webkit-calendar-picker-indicator {padding-right:1rem;opacity:0;transform:scale(2);}.mc-datepicker__control.svelte-xj4ivh::-moz-calendar-picker-indicator {padding-right:1rem;opacity:0;transform:scale(2);}.mc-datepicker__control.svelte-xj4ivh::after {content:"";pointer-events:none;position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker__control.is-invalid.svelte-xj4ivh {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-datepicker__control.is-invalid.svelte-xj4ivh:hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-datepicker__control.svelte-xj4ivh:disabled {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker__control.svelte-xj4ivh:disabled::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-datepicker__control.svelte-xj4ivh:disabled:hover:not(:focus-within) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)) {padding-inline-end:0;}.mc-datepicker.svelte-xj4ivh:has(input:where(.svelte-xj4ivh):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:all;cursor:not-allowed;}.mc-datepicker.svelte-xj4ivh:has(input:where(.svelte-xj4ivh):disabled):hover {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker--s.svelte-xj4ivh .mc-datepicker__control:where(.svelte-xj4ivh) {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker--s.svelte-xj4ivh .mc-datepicker__control:where(.svelte-xj4ivh):disabled {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker__controls-options.svelte-xj4ivh {position:absolute;right:2.75rem;top:0.75rem;}.mc-controls-options.svelte-xj4ivh {align-items:center;display:inline-flex;justify-content:center;gap:0.5rem;}.mc-controls-options__button.svelte-xj4ivh {background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;border-radius:var(--border-radius-full, 100%);}.mc-controls-options__button.svelte-xj4ivh:hover .mc-controls-options__icon:where(.svelte-xj4ivh) {fill:var(--forms-color-icon-clear-hover, #4d4d4d);}.mc-controls-options__button.svelte-xj4ivh:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-controls-options__icon.svelte-xj4ivh {fill:var(--forms-color-icon-clear, #666666);color:var(--forms-color-icon-clear, #666666);}.mc-controls-options__button.svelte-xj4ivh, .mc-controls-options__icon.svelte-xj4ivh {height:1.5rem;width:1.5rem;}.mc-controls-options__label.svelte-xj4ivh {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-controls-options__unit.svelte-xj4ivh {font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);}`};function U(g,t){F(t,!0),L(g,T);let v=r(t,"id",7),d=r(t,"name",7),i=r(t,"value",15),a=r(t,"isinvalid",7),h=r(t,"disabled",7),l=r(t,"size",7,"m"),m=r(t,"readonly",7),u=r(t,"isclearable",7),p=r(t,"clearlabel",7,"clear content"),y=q(t,["$$slots","$$events","$$legacy","$$host","id","name","value","isinvalid","disabled","size","readonly","isclearable","clearlabel"]);const z=()=>i("");var E={get id(){return v()},set id(e){v(e),o()},get name(){return d()},set name(e){d(e),o()},get value(){return i()},set value(e){i(e),o()},get isinvalid(){return a()},set isinvalid(e){a(e),o()},get disabled(){return h()},set disabled(e){h(e),o()},get size(){return l()},set size(e="m"){l(e),o()},get readonly(){return m()},set readonly(e){m(e),o()},get isclearable(){return u()},set isclearable(e){u(e),o()},get clearlabel(){return p()},set clearlabel(e="clear content"){p(e),o()}},s=R(),x=n(s);J(x,()=>({class:"mc-datepicker__control mc-text-input__control",type:"date",id:v(),name:d(),disabled:h(),readonly:m(),"aria-invalid":a(),...y}),void 0,void 0,void 0,"svelte-xj4ivh",!0);var C=j(x,2);{var M=e=>{var b=Q(),f=n(b),w=n(f);P(w,{className:"mc-controls-options__icon"});var _=j(w,2),B=n(_,!0);c(_),c(f),c(b),V(()=>A(B,p())),G("click",f,z),k(e,b)};I(C,e=>{u()&&i()&&e(M)})}return c(s),V(()=>N(s,1,S(["mc-datepicker mc-text-input",`mc-text-input--${l()}`,`mc-datepicker--${l()}`,a()&&"is-invalid"]),"svelte-xj4ivh")),K(x,i),k(g,s),Y(E)}Z(["click"]);customElements.define("m-datepicker",D(U,{isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},isclearable:{attribute:"isclearable",reflect:!0,type:"Boolean"},id:{},name:{},value:{},size:{},clearlabel:{}},[],[],{mode:"open"},O));
|
|
7
7
|
//# sourceMappingURL=Datepicker.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as f,e as h,a as p,p as o,s as u,t as g,
|
|
1
|
+
import{c as f,e as h,a as p,p as o,s as u,t as g,j as y,n as z,b,d as k,f as _,l as x,h as D,m as d,r as $}from"../../custom-element.js";import{s as w}from"../../slot.js";import{a as j}from"../../attributes.js";var E=_("<div><div></div> <!></div>");const S={hash:"svelte-a5fs23",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/.mc-divider.svelte-a5fs23 {position:relative;}.mc-divider-horizontal.svelte-a5fs23 {background:var(--divider-color-primary, #cccccc);height:0.0625rem;}.mc-divider-horizontal--secondary.svelte-a5fs23 {background:var(--divider-color-secondary, #999999);}.mc-divider-horizontal--tertiary.svelte-a5fs23 {background:var(--divider-color-tertiary, #333333);}.mc-divider-horizontal--inverse.svelte-a5fs23 {background:var(--divider-color-inverse, #ffffff);}.mc-divider-horizontal--m.svelte-a5fs23 {height:0.25rem;}.mc-divider-horizontal--l.svelte-a5fs23 {height:0.5rem;}.mc-divider-vertical.svelte-a5fs23 {background:var(--divider-color-primary, #cccccc);width:0.0625rem;}.mc-divider-vertical--secondary.svelte-a5fs23 {background:var(--divider-color-secondary, #999999);}.mc-divider-vertical--tertiary.svelte-a5fs23 {background:var(--divider-color-tertiary, #333333);}.mc-divider-vertical--inverse.svelte-a5fs23 {background:var(--divider-color-inverse, #ffffff);}.mc-divider-vertical--m.svelte-a5fs23 {height:0.25rem;}.mc-divider-vertical--l.svelte-a5fs23 {height:0.5rem;}.mc-divider-vertical.svelte-a5fs23 {content:"";display:block;height:100%;position:absolute;top:50%;transform:translateY(-50%);}`};function Y(c,e){h(e,!0),p(c,S);let a=o(e,"orientation",7,"horizontal"),t=o(e,"appearance",7,"primary"),s=o(e,"size",7,"s"),n=
|
|
3
|
+
*/.mc-divider.svelte-a5fs23 {position:relative;}.mc-divider-horizontal.svelte-a5fs23 {background:var(--divider-color-primary, #cccccc);height:0.0625rem;}.mc-divider-horizontal--secondary.svelte-a5fs23 {background:var(--divider-color-secondary, #999999);}.mc-divider-horizontal--tertiary.svelte-a5fs23 {background:var(--divider-color-tertiary, #333333);}.mc-divider-horizontal--inverse.svelte-a5fs23 {background:var(--divider-color-inverse, #ffffff);}.mc-divider-horizontal--m.svelte-a5fs23 {height:0.25rem;}.mc-divider-horizontal--l.svelte-a5fs23 {height:0.5rem;}.mc-divider-vertical.svelte-a5fs23 {background:var(--divider-color-primary, #cccccc);width:0.0625rem;}.mc-divider-vertical--secondary.svelte-a5fs23 {background:var(--divider-color-secondary, #999999);}.mc-divider-vertical--tertiary.svelte-a5fs23 {background:var(--divider-color-tertiary, #333333);}.mc-divider-vertical--inverse.svelte-a5fs23 {background:var(--divider-color-inverse, #ffffff);}.mc-divider-vertical--m.svelte-a5fs23 {height:0.25rem;}.mc-divider-vertical--l.svelte-a5fs23 {height:0.5rem;}.mc-divider-vertical.svelte-a5fs23 {content:"";display:block;height:100%;position:absolute;top:50%;transform:translateY(-50%);}`};function Y(c,e){h(e,!0),p(c,S);let a=o(e,"orientation",7,"horizontal"),t=o(e,"appearance",7,"primary"),s=o(e,"size",7,"s"),n=x(e,["$$slots","$$events","$$legacy","$$host","orientation","appearance","size"]);var l={get orientation(){return a()},set orientation(r="horizontal"){a(r),d()},get appearance(){return t()},set appearance(r="primary"){t(r),d()},get size(){return s()},set size(r="s"){s(r),d()}},i=E();j(i,()=>({class:"mc-divider",...n}),void 0,void 0,void 0,"svelte-a5fs23");var v=D(i),m=u(v,2);return w(m,e,"default",{},null),$(i),g(()=>y(v,1,z([`mc-divider-${a()}`,`mc-divider-horizontal--${t()}`,`mc-divider-horizontal--${s()}`]),"svelte-a5fs23")),b(c,i),k(l)}customElements.define("m-divider",f(Y,{orientation:{},appearance:{},size:{}},["default"],[],{mode:"open"}));export{Y as D};
|
|
4
4
|
//# sourceMappingURL=Divider.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{o as X,c as Y,e as Z,a as $,p as a,B as oo,
|
|
1
|
+
import{o as X,c as Y,e as Z,a as $,p as a,B as oo,aK as to,s as l,t as D,k as q,u as K,b as B,d as eo,f as z,l as ro,h as r,m as c,r as d}from"../../custom-element.js";import{i as S}from"../../if.js";import{s as F}from"../../slot.js";import{a as no}from"../../attributes.js";import{b as G}from"../../this.js";import{q as ao,A as co}from"../../Condition20.js";import{O as lo}from"../overlay/Overlay.js";import"../../branches.js";var so=z('<button class="mc-drawer__back mc-button mc-button--icon-button mc-button--ghost svelte-1d2fooj" aria-label="Back"><!></button>'),bo=z('<h2 class="mc-drawer__content__title svelte-1d2fooj"> </h2>'),uo=z('<div><div class="mc-drawer__dialog svelte-1d2fooj" role="document"><div class="mc-drawer__header svelte-1d2fooj"><!> <h2 class="mc-drawer__title svelte-1d2fooj" id="drawerTitle" tabindex="-1"> </h2> <button class="mc-drawer__close mc-button mc-button--icon-button mc-button--ghost svelte-1d2fooj" aria-label="Close"><!></button></div> <div class="mc-drawer__body svelte-1d2fooj"><div class="mc-drawer__content svelte-1d2fooj"><!> <!></div></div> <div class="mc-drawer__footer svelte-1d2fooj"><!></div></div> <!></div>');const io={hash:"svelte-1d2fooj",code:`/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/.mc-drawer.svelte-1d2fooj {box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;display:flex;overflow:hidden;padding:0.5rem;justify-content:flex-end;z-index:var(--drawer-z-index, 5);}
|
|
4
4
|
@media (width >= 680px) {.mc-drawer.svelte-1d2fooj {padding:1rem;}
|
|
@@ -10,5 +10,5 @@ import{o as X,c as Y,e as Z,a as $,p as a,B as oo,aL as to,s as l,t as D,u as q,
|
|
|
10
10
|
@media (width >= 680px) {.mc-drawer__content.svelte-1d2fooj {padding:1.5rem;}
|
|
11
11
|
}.mc-drawer__content__title.svelte-1d2fooj {font-size:var(--font-title-m, 1.5rem);margin:0 0 0.5rem;}.mc-drawer__footer.svelte-1d2fooj {display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-top:var(--border-width-s, 0.0625rem) solid var(--divider-color-primary, #cccccc);}
|
|
12
12
|
@media (width >= 680px) {.mc-drawer__footer.svelte-1d2fooj {justify-content:center;flex-direction:row;}
|
|
13
|
-
}.mc-drawer-open.svelte-1d2fooj {overflow:hidden;}.mc-drawer.is-open.svelte-1d2fooj .mc-drawer__dialog:where(.svelte-1d2fooj) {pointer-events:all;transform:translate3d(0, 0, 0);transition:visibility 0s linear 0s, transform 0.4s;visibility:visible;}.mc-button.svelte-1d2fooj {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-1d2fooj:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-1d2fooj:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-1d2fooj {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-1d2fooj {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-1d2fooj {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-1d2fooj {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-1d2fooj:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-button--s.svelte-1d2fooj {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, 0.25rem);}.mc-button--m.svelte-1d2fooj {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button--l.svelte-1d2fooj {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, 0.25rem);}.mc-button--icon-only.svelte-1d2fooj {padding:0.25rem;}.mc-button--outlined.svelte-1d2fooj {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.svelte-1d2fooj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-1d2fooj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.svelte-1d2fooj {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.svelte-1d2fooj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-1d2fooj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--accent.svelte-1d2fooj {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-1d2fooj:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--danger.svelte-1d2fooj {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-1d2fooj:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--inverse.svelte-1d2fooj {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff);}.mc-button--inverse.svelte-1d2fooj:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--icon-button.svelte-1d2fooj {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-1d2fooj {pointer-events:none;}.mc-button--outlined.mc-button--standard.svelte-1d2fooj {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.mc-button--standard.svelte-1d2fooj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-1d2fooj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--accent.svelte-1d2fooj {color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff);}.mc-button--outlined.mc-button--accent.svelte-1d2fooj:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--danger.svelte-1d2fooj {color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff);}.mc-button--outlined.mc-button--danger.svelte-1d2fooj:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj {color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--standard.svelte-1d2fooj {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--standard.svelte-1d2fooj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-1d2fooj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--accent.svelte-1d2fooj {color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--accent.svelte-1d2fooj:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--danger.svelte-1d2fooj {color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--danger.svelte-1d2fooj:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj {color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}`};function vo(T,t){Z(t,!0),$(T,io);let e=a(t,"open",7),v=a(t,"position",7),f=a(t,"extended",7),m=a(t,"back",7),g=a(t,"title",7),b=a(t,"contentTitle",7),h=a(t,"onUpdateOpen",7),k=a(t,"onBack",7),H=ro(t,["$$slots","$$events","$$legacy","$$host","open","position","extended","back","title","contentTitle","onUpdateOpen","onBack"]),u,j;oo(()=>{e()&&(async()=>(await to(),j?.focus()))()});const O=()=>{e(!1),h()?.(e());const o=new CustomEvent("update:open",{detail:e(),bubbles:!0,composed:!0});u.dispatchEvent(o)},I=()=>{k()?.();const o=new CustomEvent("back",{bubbles:!0,composed:!0});u.dispatchEvent(o)};var J={get open(){return e()},set open(o){e(o),c()},get position(){return v()},set position(o){v(o),c()},get extended(){return f()},set extended(o){f(o),c()},get back(){return m()},set back(o){m(o),c()},get title(){return g()},set title(o){g(o),c()},get contentTitle(){return b()},set contentTitle(o){b(o),c()},get onUpdateOpen(){return h()},set onUpdateOpen(o){h(o),c()},get onBack(){return k()},set onBack(o){k(o),c()}},s=uo(),K=o=>o.key==="Escape"&&O();no(s,()=>({class:["mc-drawer",`mc-drawer--${v()}`,e()&&"is-open",f()&&"mc-drawer--extend"],role:"dialog","aria-labelledby":"drawerTitle","aria-modal":e()?"true":"false","aria-hidden":!e(),onkeydown:K,...H}),void 0,void 0,void 0,"svelte-1d2fooj");var w=r(s),p=r(w),E=r(p);{var M=o=>{var n=so(),y=r(n);co(y,{}),d(n),q("click",n,I),B(o,n)};S(E,o=>{m()&&o(M)})}var i=l(E,2),N=r(i,!0);d(i),G(i,o=>j=o,()=>j);var _=l(i,2),P=r(_);ao(P,{}),d(_),d(p);var x=l(p,2),C=r(x),U=r(C);{var Q=o=>{var n=bo(),y=r(n,!0);d(n),D(()=>L(y,b())),B(o,n)};S(U,o=>{b()&&o(Q)})}var R=l(U,2);F(R,t,"default",{},null),d(C),d(x);var A=l(x,2),V=r(A);F(V,t,"footer",{},null),d(A),d(w);var W=l(w,2);return lo(W,{get isvisible(){return e()},dialoglabel:"drawerTitle"}),d(s),G(s,o=>u=o,()=>u),D(()=>L(N,g())),q("click",_,O),B(T,s),eo(J)}X(["click"]);customElements.define("m-drawer",Y(vo,{open:{attribute:"open",reflect:!0,type:"Boolean"},extended:{attribute:"extended",reflect:!0,type:"Boolean"},back:{attribute:"back",reflect:!0,type:"Boolean"},position:{},title:{},contentTitle:{},onUpdateOpen:{},onBack:{}},["default","footer"],[],{mode:"open"}));
|
|
13
|
+
}.mc-drawer-open.svelte-1d2fooj {overflow:hidden;}.mc-drawer.is-open.svelte-1d2fooj .mc-drawer__dialog:where(.svelte-1d2fooj) {pointer-events:all;transform:translate3d(0, 0, 0);transition:visibility 0s linear 0s, transform 0.4s;visibility:visible;}.mc-button.svelte-1d2fooj {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-1d2fooj:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-1d2fooj:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-1d2fooj {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-1d2fooj {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-1d2fooj {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-1d2fooj {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-1d2fooj:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-button--s.svelte-1d2fooj {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, 0.25rem);}.mc-button--m.svelte-1d2fooj {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button--l.svelte-1d2fooj {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, 0.25rem);}.mc-button--icon-only.svelte-1d2fooj {padding:0.25rem;}.mc-button--outlined.svelte-1d2fooj {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.svelte-1d2fooj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-1d2fooj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.svelte-1d2fooj {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.svelte-1d2fooj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-1d2fooj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--accent.svelte-1d2fooj {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-1d2fooj:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--danger.svelte-1d2fooj {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-1d2fooj:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--inverse.svelte-1d2fooj {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff);}.mc-button--inverse.svelte-1d2fooj:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--icon-button.svelte-1d2fooj {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-1d2fooj {pointer-events:none;}.mc-button--outlined.mc-button--standard.svelte-1d2fooj {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.mc-button--standard.svelte-1d2fooj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-1d2fooj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--accent.svelte-1d2fooj {color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff);}.mc-button--outlined.mc-button--accent.svelte-1d2fooj:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--danger.svelte-1d2fooj {color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff);}.mc-button--outlined.mc-button--danger.svelte-1d2fooj:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj {color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--standard.svelte-1d2fooj {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--standard.svelte-1d2fooj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-1d2fooj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--accent.svelte-1d2fooj {color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--accent.svelte-1d2fooj:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--danger.svelte-1d2fooj {color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--danger.svelte-1d2fooj:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj {color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}`};function vo(T,t){Z(t,!0),$(T,io);let e=a(t,"open",7),v=a(t,"position",7),f=a(t,"extended",7),m=a(t,"back",7),g=a(t,"title",7),b=a(t,"contentTitle",7),h=a(t,"onUpdateOpen",7),k=a(t,"onBack",7),H=ro(t,["$$slots","$$events","$$legacy","$$host","open","position","extended","back","title","contentTitle","onUpdateOpen","onBack"]),u,j;oo(()=>{e()&&(async()=>(await to(),j?.focus()))()});const O=()=>{e(!1),h()?.(e());const o=new CustomEvent("update:open",{detail:e(),bubbles:!0,composed:!0});u.dispatchEvent(o)},I=()=>{k()?.();const o=new CustomEvent("back",{bubbles:!0,composed:!0});u.dispatchEvent(o)};var J={get open(){return e()},set open(o){e(o),c()},get position(){return v()},set position(o){v(o),c()},get extended(){return f()},set extended(o){f(o),c()},get back(){return m()},set back(o){m(o),c()},get title(){return g()},set title(o){g(o),c()},get contentTitle(){return b()},set contentTitle(o){b(o),c()},get onUpdateOpen(){return h()},set onUpdateOpen(o){h(o),c()},get onBack(){return k()},set onBack(o){k(o),c()}},s=uo(),L=o=>o.key==="Escape"&&O();no(s,()=>({class:["mc-drawer",`mc-drawer--${v()}`,e()&&"is-open",f()&&"mc-drawer--extend"],role:"dialog","aria-labelledby":"drawerTitle","aria-modal":e()?"true":"false","aria-hidden":!e(),onkeydown:L,...H}),void 0,void 0,void 0,"svelte-1d2fooj");var w=r(s),p=r(w),E=r(p);{var M=o=>{var n=so(),y=r(n);co(y,{}),d(n),K("click",n,I),B(o,n)};S(E,o=>{m()&&o(M)})}var i=l(E,2),N=r(i,!0);d(i),G(i,o=>j=o,()=>j);var _=l(i,2),P=r(_);ao(P,{}),d(_),d(p);var x=l(p,2),C=r(x),U=r(C);{var Q=o=>{var n=bo(),y=r(n,!0);d(n),D(()=>q(y,b())),B(o,n)};S(U,o=>{b()&&o(Q)})}var R=l(U,2);F(R,t,"default",{},null),d(C),d(x);var A=l(x,2),V=r(A);F(V,t,"footer",{},null),d(A),d(w);var W=l(w,2);return lo(W,{get isvisible(){return e()},dialoglabel:"drawerTitle"}),d(s),G(s,o=>u=o,()=>u),D(()=>q(N,g())),K("click",_,O),B(T,s),eo(J)}X(["click"]);customElements.define("m-drawer",Y(vo,{open:{attribute:"open",reflect:!0,type:"Boolean"},extended:{attribute:"extended",reflect:!0,type:"Boolean"},back:{attribute:"back",reflect:!0,type:"Boolean"},position:{},title:{},contentTitle:{},onUpdateOpen:{},onBack:{}},["default","footer"],[],{mode:"open"}));
|
|
14
14
|
//# sourceMappingURL=Drawer.js.map
|