@maggioli-design-system/magma 1.0.0-beta → 1.0.1

package/dist/magma-components/magma-components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-b6defcb6.js";export{s as setNonce}from"./p-b6defcb6.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a(JSON.parse('[["p-a09946ab",[[65,"mds-input-upload",{"accept":[513],"maxFileSize":[514,"max-file-size"],"maxFiles":[514,"max-files"],"sort":[513],"actionTitle":[32],"files":[32],"progress":[32],"animateText":[32],"getFiles":[64],"getFilesError":[64]},null,{"maxFiles":["updateActionTitle"]}]]],["p-bc867380",[[4,"mds-pref-language",{"set":[1537],"showDropdown":[32]}]]],["p-73ccc008",[[65,"mds-input-field",{"autocomplete":[513],"autofocus":[516],"await":[516],"controlsLayout":[513,"controls-layout"],"controlsIcon":[513,"controls-icon"],"disabled":[516],"icon":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[516],"step":[1],"type":[513],"typography":[1],"value":[1537],"label":[1],"message":[1025],"variant":[1537],"tip":[1],"hasFocus":[32],"setFocus":[64],"getInputElement":[64],"addValidator":[64],"removeValidator":[64],"getErrors":[64]},null,{"value":["valueChanged"]}]]],["p-a56a4fe4",[[1,"mds-entity",{"await":[516],"icon":[513],"src":[513],"initials":[513],"tone":[513],"variant":[513]}]]],["p-e3b16a3f",[[1,"mds-pref-animation",{"mode":[1537]},null,{"mode":["modeChanged"]}]]],["p-763ed882",[[1,"mds-pref-consumption",{"mode":[1537]},null,{"mode":["modeChanged"]}]]],["p-00f83b1c",[[1,"mds-pref-contrast",{"mode":[1537]},null,{"mode":["modeChanged"]}]]],["p-4818acd8",[[1,"mds-pref-theme",{"mode":[1537],"transition":[1537]},null,{"mode":["modeChanged"]}]]],["p-4a21d75f",[[1,"mds-push-notification",{"datetime":[1040],"dateFormat":[513,"date-format"],"deletable":[516],"icon":[513],"initials":[1537],"message":[513],"preview":[513],"src":[513],"subject":[513],"tone":[513],"variant":[513]}]]],["p-3b821237",[[1,"mds-header",{"appearance":[1537],"appearanceSet":[513,"appearance-set"],"autoHide":[514,"auto-hide"],"menu":[513],"nav":[513],"threshold":[514],"visibility":[1537],"hasMenu":[32],"isOpened":[32]},[[4,"mdsHeaderBarOpen","onModalOpenedHandler"]],{"menu":["onMenuChangedHandler"],"nav":["onNavChangedHandler"]}]]],["p-3bd5921c",[[1,"mds-banner",{"variant":[513],"tone":[513],"deletable":[4],"headline":[1],"icon":[1]}]]],["p-6c14d91c",[[1,"mds-breadcrumb",{"back":[4]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]],["p-85efbd11",[[1,"mds-chip",{"clickable":[4],"deletable":[4],"deleteLabel":[1,"delete-label"],"disabled":[4],"icon":[1],"label":[1],"selected":[516]}]]],["p-f0bf8d7e",[[1,"mds-header-bar",{"menu":[513],"nav":[513],"isOpened":[32]},[[4,"mdsHeaderClose","closedHandler"]]]]],["p-d41cdc56",[[1,"mds-horizontal-scroll",{"controls":[513],"snap":[513],"scrollbar":[516],"showForward":[32],"showBack":[32]}]]],["p-676db22b",[[1,"mds-label",{"labelAction":[1,"label-action"],"variant":[513],"tone":[513],"truncate":[513],"typography":[1],"deletable":[4]}]]],["p-39f3c979",[[1,"mds-note",{"deletable":[4],"variant":[513]}]]],["p-e1ae3377",[[1,"mds-pref-language-item",{"code":[513],"selected":[516]}]]],["p-3c7dd9e6",[[1,"mds-stepper-bar-item",{"label":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"done":[516],"current":[1540],"value":[513],"typography":[1],"isDone":[32],"isCurrent":[32],"index":[32]},null,{"done":["selectedHandler"],"current":["currentHandler"]}]]],["p-aebd1b47",[[1,"mds-table-header-cell",{"sortable":[516],"label":[513],"direction":[1537],"isAscending":[32]},null,{"sortable":["sortableHandler"],"direction":["directionHandler"]}]]],["p-ebfe7149",[[1,"mds-url-view",{"domain":[4],"src":[1],"loading":[1]}]]],["p-5251fc6b",[[1,"mds-file",{"suffix":[513],"description":[1],"downloadedLabel":[1,"downloaded-label"],"filename":[1],"preview":[1],"showDownloadedIcon":[4,"show-downloaded-icon"],"format":[1537],"wasDownloaded":[32]},null,{"filename":["handleFilename"]}]]],["p-40444810",[[1,"mds-filter",{"autoReset":[4,"auto-reset"],"label":[1],"multiple":[4],"reset":[4],"active":[32],"itemsSelected":[32]},[[0,"mdsFilterItemSelect","activeEventHandler"]]]]],["p-f855cdc0",[[4,"mds-help",{"icon":[1],"autoPlacement":[516,"auto-placement"],"placement":[513]}]]],["p-7d45974f",[[65,"mds-input-select",{"autocomplete":[513],"autoFocus":[516,"auto-focus"],"placeholder":[513],"name":[513],"disabled":[516],"required":[516],"multiple":[516],"size":[514],"value":[520],"variant":[513],"selected":[32],"hasFocus":[32]},null,{"value":["valueChanged"]}]]],["p-c4b093c4",[[1,"mds-paginator",{"pages":[2],"currentPage":[1538,"current-page"]}]]],["p-d2cf0fd3",[[1,"mds-accordion-timer-item",{"typography":[1],"selected":[516],"description":[1],"duration":[514],"progress":[2],"uuid":[2]},null,{"selected":["handleSelected"]}]]],["p-1a2e5af9",[[1,"mds-benchmark-bar",{"alias":[1],"typography":[1],"value":[2],"variant":[513]}]]],["p-4ba3ec43",[[65,"mds-input-switch",{"autofocus":[516],"checked":[1540],"disabled":[516],"explicit":[516],"icon":[513],"indeterminate":[516],"name":[513],"size":[513],"type":[513],"typography":[513],"variant":[513],"value":[1537],"dirty":[32]}]]],["p-eaade5d2",[[1,"mds-kpi-item",{"label":[1],"description":[1],"threshold":[2],"icon":[1],"isIntersecting":[32]}]]],["p-49457689",[[1,"mds-list-item",{"typography":[513],"variant":[1],"icon":[1]}]]],["p-5958cf43",[[1,"mds-tab-bar-item",{"icon":[1],"selected":[1540],"typography":[1],"isSelected":[32]},null,{"selected":["validateSelected"]}]]],["p-af75f100",[[1,"mds-usage",{"variant":[1],"alias":[1]}]]],["p-e49f99c2",[[1,"mds-accordion-item",{"typography":[1],"selected":[1540],"label":[1]}]]],["p-20143ec9",[[1,"mds-bibliography",{"format":[1],"author":[1],"name":[1],"publisher":[1],"date":[1],"location":[1],"rel":[1],"typography":[1],"variant":[1],"url":[1]}]]],["p-34b6dae4",[[1,"mds-breadcrumb-item",{"selected":[1540]}]]],["p-b4ee4798",[[65,"mds-input-range",{"max":[2],"min":[2],"step":[2],"value":[1538],"progress":[32]},null,{"value":["valueChanged"],"min":["minChanged"],"max":["maxChanged"],"step":["stepChanged"]}]]],["p-6e2784c9",[[1,"mds-notification",{"target":[1],"value":[1538],"visible":[1540],"strategy":[1537],"max":[514]},null,{"strategy":["strategyHandler"]}]]],["p-02d1e968",[[1,"mds-pref",{"showReload":[32]}]]],["p-57e85f09",[[1,"mds-price-table-features",{"label":[1]}]]],["p-f43e59d4",[[1,"mds-price-table-features-cell",{"type":[513]}]]],["p-66976b79",[[1,"mds-price-table-list",{"hasItems":[32]}]]],["p-0e54cbdd",[[1,"mds-price-table-list-item",{"supported":[516],"typography":[513]}]]],["p-9f4b5a49",[[1,"mds-quote",{"typography":[1]}]]],["p-63f0d264",[[1,"mds-toast",{"duration":[1538],"visible":[1540],"variant":[513],"tone":[513],"position":[1537]},null,{"visible":["visibleChanged"],"duration":["durationChanged"]}]]],["p-12a6692f",[[1,"mds-accordion",{"multiple":[4],"closable":[4]},[[0,"mdsAccordionItemSelect","selectedEventHandler"],[0,"mdsAccordionItemUnselect","unselectedEventHandler"]]]]],["p-ca5f0f4d",[[1,"mds-accordion-timer",{"duration":[514],"paused":[516],"time":[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickSelect"],[0,"mdsAccordionTimerItemSelect","onSelect"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]],{"paused":["handlePaused"]}]]],["p-8f8fd8f5",[[1,"mds-author"]]],["p-9a878d34",[[1,"mds-card",{"autoGrid":[516,"auto-grid"],"layout":[32]}]]],["p-5ddef57f",[[1,"mds-card-content"]]],["p-8b576fd8",[[1,"mds-card-footer"]]],["p-efdb9fda",[[1,"mds-card-header"]]],["p-b4c84e8e",[[1,"mds-card-media"]]],["p-30c59b63",[[1,"mds-details",{"opened":[1540],"isOpened":[32]},null,{"opened":["validateOpened"]}]]],["p-d60d99ac",[[1,"mds-hr"]]],["p-3d6026a7",[[1,"mds-kpi"]]],["p-dcc96bdb",[[1,"mds-list"]]],["p-3013e2cb",[[1,"mds-price-table"]]],["p-bf66db4f",[[1,"mds-price-table-features-row",{"cellPercWidth":[32]}]]],["p-3bce2736",[[1,"mds-price-table-header"]]],["p-8321c0d3",[[1,"mds-push-notifications",{"visible":[1540],"visiblity":[513]}]]],["p-53f8a981",[[1,"mds-stepper-bar",{"itemsDone":[2,"items-done"],"currentItem":[32]},[[0,"mdsStepperBarItemDone","changeEventHandler"]],{"itemsDone":["itemDone"]}]]],["p-ec8975f3",[[1,"mds-tab-bar",null,[[0,"mdsTabBarItemSelect","changeEventHandler"]]]]],["p-62358ead",[[1,"mds-table",{"interactive":[4]},null,{"interactive":["onTableInteractive"]}]]],["p-3d741487",[[1,"mds-table-body",{"interactive":[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]],["p-606200e3",[[1,"mds-table-cell",{"value":[520]}]]],["p-efa3471a",[[1,"mds-table-footer"]]],["p-36c13a31",[[1,"mds-table-header"]]],["p-91391486",[[1,"mds-table-row",{"interactive":[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]],["p-94bbfe16",[[1,"mds-video-wall",{"autoplay":[4],"loop":[4],"muted":[4],"noise":[1],"poster":[1],"preload":[1],"src":[1]}]]],["p-67f8aea1",[[1,"mds-zero"]]],["p-239398e3",[[1,"mds-text",{"animation":[1],"tag":[1537],"text":[513],"truncate":[513],"typography":[513],"variant":[513]},null,{"text":["textHandler"]}]]],["p-5de2329f",[[65,"mds-button",{"autoFocus":[4,"auto-focus"],"icon":[1],"iconPosition":[1,"icon-position"],"type":[1],"variant":[513],"tone":[513],"size":[513],"active":[1540],"disabled":[516],"await":[516],"href":[513],"target":[1]},null,{"disabled":["disabledChanged"],"await":["awaitChanged"],"type":["handleTypeChange"]}],[1,"mds-spinner",{"running":[516]}],[1,"mds-icon",{"name":[513],"svgHTML":[32],"_iconHref":[32],"setSvgPath":[64]},null,{"name":["updateIcon"]}]]],["p-c852e0cb",[[1,"mds-file-preview",{"deletable":[516],"downloadable":[516],"description":[513],"filename":[513],"filesize":[513],"message":[513],"truncate":[513],"src":[513],"suffix":[513],"icon":[513],"variant":[513],"format":[1537]},null,{"filename":["handleFilename"],"downloadable":["handleDownloadable"]}]]],["p-8ab85f10",[[65,"mds-input",{"autocomplete":[513],"autofocus":[516],"await":[516],"controlsLayout":[513,"controls-layout"],"controlsIcon":[513,"controls-icon"],"controlIncreaseLabel":[513,"control-increase-label"],"controlDecreaseLabel":[513,"control-decrease-label"],"datalist":[16],"disabled":[516],"icon":[513],"max":[513],"maxlength":[514],"min":[520],"minlength":[514],"name":[513],"pattern":[513],"placeholder":[513],"readonly":[516],"required":[516],"variant":[513],"tip":[513],"step":[513],"type":[513],"typography":[513],"value":[1537],"hasFocus":[32],"language":[32],"isPasswordVisible":[32],"setFocus":[64],"getInputElement":[64]},null,{"value":["valueChanged"]}]]],["p-0d867719",[[1,"mds-modal",{"opened":[1540],"position":[1537],"animating":[1537]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{"opened":["handleOpenProp"]}]]],["p-7d19a7c6",[[1,"mds-filter-item",{"selected":[1540],"label":[513],"icon":[513],"value":[513]}]]],["p-56e687bd",[[1,"mds-paginator-item",{"icon":[513],"selected":[516],"disabled":[516]}]]],["p-7776a592",[[1,"mds-tooltip",{"arrow":[4],"autoPlacement":[516,"auto-placement"],"flip":[4],"target":[513],"offset":[2],"placement":[513],"typography":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"strategy":[513],"visible":[1540]},null,{"arrow":["arrowChanged"],"autoPlacement":["autoPlacementChanged"],"flip":["flipChanged"],"offset":["offsetChanged"],"placement":["placementChanged"],"shift":["shiftChanged"],"shiftPadding":["shiftPaddingChanged"],"strategy":["strategyChanged"],"visible":["visibleChanged"]}]]],["p-9381402f",[[1,"mds-separator"]]],["p-728cf2dc",[[1,"mds-pref-language-nav",{"set":[1537],"active":[1540],"isOpened":[32]}],[1,"mds-dropdown",{"arrow":[4],"arrowPadding":[2,"arrow-padding"],"autoPlacement":[4,"auto-placement"],"backdrop":[4],"flip":[4],"interaction":[513],"target":[1],"offset":[2],"placement":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"smooth":[4],"strategy":[1],"visible":[1540],"zIndex":[2,"z-index"]},null,{"arrow":["arrowChanged"],"arrowPadding":["arrowPaddingChanged"],"autoPlacement":["autoPlacementChanged"],"backdrop":["backdropChanged"],"flip":["flipChanged"],"offset":["offsetChanged"],"placement":["placementChanged"],"shift":["shiftChanged"],"shiftPadding":["shiftPaddingChanged"],"strategy":["strategyChanged"],"visible":["visibleChanged"],"zIndex":["zIndexChanged"]}]]],["p-b3db90c1",[[1,"mds-avatar",{"icon":[513],"initials":[1537],"src":[513],"tone":[513],"variant":[513],"fallback":[32],"loaded":[32]},null,{"initials":["initialsHandler"],"src":["srcHandler"],"icon":["iconHandler"]}]]],["p-0fb85a5b",[[1,"mds-badge",{"variant":[513],"tone":[513],"typography":[1],"typographyVariant":[1,"typography-variant"]}]]],["p-456e8f90",[[1,"mds-progress",{"progress":[2],"direction":[513],"variant":[513],"steps":[1],"currentStep":[32]},null,{"progress":["progressChanged"],"steps":["stepsChanged"]}]]],["p-0e2ba962",[[1,"mds-img",{"alt":[1537],"crossorigin":[1],"height":[1],"loading":[1],"referrerpolicy":[1],"sizes":[1],"src":[1],"srcset":[1],"srcsetConsumption":[1,"srcset-consumption"],"width":[1],"imageConsumptionLoaded":[32],"imageError":[32]},null,{"srcsetConsumption":["srcsetConsumptionHandler"]}]]],["p-1c618541",[[1,"mds-input-tip-item",{"variant":[513],"expanded":[516]}],[1,"mds-input-tip",{"active":[516],"position":[513]}]]],["p-f62b4856",[[1,"mds-tab-item",{"selected":[516],"icon":[1],"iconPosition":[1,"icon-position"],"type":[1],"size":[513],"value":[513],"isSelected":[32],"hasText":[32]},null,{"selected":["validateActive"]}],[1,"mds-tab",{"scrollbar":[516]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]]]]]]'),e))));
+import{p as e,b as a}from"./p-eab621a7.js";export{s as setNonce}from"./p-eab621a7.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a(JSON.parse('[["p-edbaf4ab",[[65,"mds-input-upload",{"accept":[513],"maxFileSize":[514,"max-file-size"],"maxFiles":[514,"max-files"],"sort":[513],"language":[32],"actionTitle":[32],"files":[32],"progress":[32],"animateText":[32],"updateLang":[64],"getFiles":[64],"getFilesError":[64]},null,{"maxFiles":["updateActionTitle"]}]]],["p-bbe19d86",[[65,"mds-input-field",{"autocomplete":[513],"autofocus":[516],"await":[516],"controlsLayout":[513,"controls-layout"],"controlsIcon":[513,"controls-icon"],"disabled":[516],"icon":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[516],"step":[1],"type":[513],"typography":[1],"value":[1537],"label":[1],"message":[1025],"variant":[1537],"tip":[1],"hasFocus":[32],"setFocus":[64],"getInputElement":[64],"addValidator":[64],"removeValidator":[64],"getErrors":[64]},null,{"value":["valueChanged"]}]]],["p-9c7039f0",[[1,"mds-pref-language",{"set":[1537],"showDropdown":[32],"language":[32],"updateLang":[64]}]]],["p-247e25c9",[[1,"mds-entity",{"await":[516],"icon":[513],"src":[513],"initials":[513],"tone":[513],"variant":[513]}]]],["p-89f9e0d2",[[1,"mds-pref-animation",{"mode":[1537],"language":[32],"updateLang":[64]},null,{"mode":["modeChanged"]}]]],["p-d7fe5fb4",[[1,"mds-pref-consumption",{"mode":[1537],"language":[32],"updateLang":[64]},null,{"mode":["modeChanged"]}]]],["p-d06b650f",[[1,"mds-pref-contrast",{"mode":[1537],"language":[32],"updateLang":[64]},null,{"mode":["modeChanged"]}]]],["p-e6e67992",[[1,"mds-pref-theme",{"mode":[1537],"transition":[1537],"language":[32],"updateLang":[64]},null,{"mode":["modeChanged"]}]]],["p-ee536517",[[1,"mds-push-notification",{"datetime":[1040],"dateFormat":[513,"date-format"],"deletable":[516],"icon":[513],"initials":[1537],"message":[513],"preview":[513],"src":[513],"subject":[513],"tone":[513],"variant":[513],"language":[32],"updateLang":[64]}]]],["p-759c9af3",[[1,"mds-header",{"appearance":[1537],"appearanceSet":[513,"appearance-set"],"autoHide":[514,"auto-hide"],"menu":[513],"nav":[513],"threshold":[514],"visibility":[1537],"hasMenu":[32],"isOpened":[32]},[[4,"mdsHeaderBarOpen","onModalOpenedHandler"]],{"menu":["onMenuChangedHandler"],"nav":["onNavChangedHandler"]}]]],["p-a191a987",[[1,"mds-banner",{"variant":[513],"tone":[513],"deletable":[4],"headline":[1],"icon":[1],"language":[32],"updateLang":[64]}]]],["p-bd7c0f2b",[[1,"mds-breadcrumb",{"back":[4],"language":[32],"updateLang":[64]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]],["p-7a7220e5",[[1,"mds-chip",{"clickable":[1540],"deletable":[4],"disabled":[4],"icon":[1],"label":[513],"selected":[1540],"selectable":[516],"variant":[513],"tone":[513],"language":[32],"updateLang":[64]},null,{"selectable":["handleSelectableProp"],"clickable":["handleClickableProp"],"deletable":["handleDeletableProp"]}]]],["p-c55796f6",[[1,"mds-header-bar",{"menu":[513],"nav":[513],"isOpened":[32]},[[4,"mdsHeaderClose","closedHandler"]]]]],["p-4e0c9d47",[[1,"mds-horizontal-scroll",{"controls":[513],"snap":[513],"scrollbar":[516],"showForward":[32],"showBack":[32]}]]],["p-13c6c73b",[[1,"mds-label",{"labelAction":[1,"label-action"],"variant":[513],"tone":[513],"truncate":[513],"typography":[1],"deletable":[4],"language":[32],"updateLang":[64]}]]],["p-4d469a01",[[1,"mds-note",{"deletable":[4],"variant":[513],"language":[32],"updateLang":[64]}]]],["p-3c7584e0",[[1,"mds-pref-language-item",{"code":[513],"selected":[516],"language":[32],"updateLang":[64]}]]],["p-694ac497",[[1,"mds-stepper-bar-item",{"label":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"done":[516],"current":[1540],"value":[513],"typography":[1],"isDone":[32],"isCurrent":[32],"index":[32]},null,{"done":["selectedHandler"],"current":["currentHandler"]}]]],["p-086c8147",[[1,"mds-table-header-cell",{"sortable":[516],"label":[513],"direction":[1537],"isAscending":[32]},null,{"sortable":["sortableHandler"],"direction":["directionHandler"]}]]],["p-55842900",[[1,"mds-url-view",{"domain":[4],"src":[1],"loading":[1],"language":[32],"updateLang":[64]}]]],["p-e290055a",[[1,"mds-file",{"suffix":[513],"description":[1],"filename":[1],"preview":[1],"showDownloadedIcon":[4,"show-downloaded-icon"],"format":[1537],"language":[32],"wasDownloaded":[32],"updateLang":[64]},null,{"filename":["handleFilename"]}]]],["p-2a0bffc8",[[1,"mds-filter",{"autoReset":[4,"auto-reset"],"label":[1],"multiple":[4],"reset":[4],"active":[32],"itemsSelected":[32]},[[0,"mdsFilterItemSelect","activeEventHandler"]]]]],["p-2547e1c5",[[1,"mds-help",{"icon":[1],"autoPlacement":[516,"auto-placement"],"placement":[513]}]]],["p-b0bb702b",[[65,"mds-input-select",{"autocomplete":[513],"autoFocus":[516,"auto-focus"],"placeholder":[513],"name":[513],"disabled":[516],"required":[516],"multiple":[516],"size":[514],"value":[520],"variant":[513],"selected":[32],"hasFocus":[32]},null,{"value":["valueChanged"]}]]],["p-9bd6657b",[[1,"mds-paginator",{"pages":[2],"currentPage":[1538,"current-page"]}]]],["p-917ba0e2",[[1,"mds-accordion-timer-item",{"typography":[1],"selected":[516],"description":[1],"duration":[514],"progress":[2],"uuid":[2]},null,{"selected":["handleSelected"]}]]],["p-4a57c918",[[1,"mds-benchmark-bar",{"alias":[1],"typography":[1],"value":[2],"variant":[513]}]]],["p-85e7baee",[[65,"mds-input-switch",{"autofocus":[516],"checked":[1540],"disabled":[516],"explicit":[516],"icon":[513],"indeterminate":[516],"name":[513],"size":[513],"type":[513],"typography":[513],"variant":[513],"value":[1537],"dirty":[32]}]]],["p-b44f3e19",[[1,"mds-kpi-item",{"label":[1],"description":[1],"threshold":[2],"icon":[1],"isIntersecting":[32]}]]],["p-a47aae12",[[1,"mds-list-item",{"typography":[513],"variant":[1],"icon":[1]}]]],["p-340717b1",[[1,"mds-tab-bar-item",{"icon":[1],"selected":[1540],"typography":[1],"isSelected":[32]},null,{"selected":["validateSelected"]}]]],["p-0b2a9068",[[1,"mds-usage",{"variant":[1],"alias":[1]}]]],["p-aa8999ba",[[1,"mds-accordion-item",{"typography":[1],"selected":[1540],"label":[1]}]]],["p-892e949c",[[1,"mds-bibliography",{"format":[1],"author":[1],"name":[1],"publisher":[1],"date":[1],"location":[1],"rel":[1],"typography":[1],"variant":[1],"url":[1]}]]],["p-0492e275",[[1,"mds-breadcrumb-item",{"selected":[1540]}]]],["p-304b1738",[[65,"mds-input-range",{"max":[2],"min":[2],"step":[2],"value":[1538],"progress":[32]},null,{"value":["valueChanged"],"min":["minChanged"],"max":["maxChanged"],"step":["stepChanged"]}]]],["p-f142ee72",[[1,"mds-notification",{"target":[1],"value":[1538],"visible":[1540],"strategy":[1537],"max":[514]},null,{"strategy":["strategyHandler"]}]]],["p-4509e5dd",[[1,"mds-pref",{"showReload":[32],"language":[32],"updateLang":[64]}]]],["p-3c4114a1",[[1,"mds-price-table-features",{"label":[1]}]]],["p-6dc71639",[[1,"mds-price-table-features-cell",{"type":[513]}]]],["p-d4a14ac6",[[1,"mds-price-table-list",{"hasItems":[32]}]]],["p-5d39c94f",[[1,"mds-price-table-list-item",{"supported":[516],"typography":[513]}]]],["p-42aaebea",[[1,"mds-quote",{"typography":[1],"tag":[1]}]]],["p-31ad7005",[[1,"mds-toast",{"duration":[1538],"visible":[1540],"variant":[513],"tone":[513],"position":[1537]},null,{"visible":["visibleChanged"],"duration":["durationChanged"]}]]],["p-47044832",[[1,"mds-accordion",{"multiple":[4],"closable":[4]},[[0,"mdsAccordionItemSelect","selectedEventHandler"],[0,"mdsAccordionItemUnselect","unselectedEventHandler"]]]]],["p-c3b57b65",[[1,"mds-accordion-timer",{"duration":[514],"paused":[516],"time":[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickSelect"],[0,"mdsAccordionTimerItemSelect","onSelect"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]],{"paused":["handlePaused"]}]]],["p-5629c1f5",[[1,"mds-author"]]],["p-eae957b3",[[1,"mds-card",{"autoGrid":[516,"auto-grid"],"layout":[32]}]]],["p-813176b0",[[1,"mds-card-content"]]],["p-46df472e",[[1,"mds-card-footer"]]],["p-b6cc1d20",[[1,"mds-card-header"]]],["p-2e3e7ae9",[[1,"mds-card-media"]]],["p-2d5135c7",[[1,"mds-details",{"opened":[1540],"isOpened":[32]},null,{"opened":["validateOpened"]}]]],["p-e3b9a60f",[[1,"mds-hr"]]],["p-6a2ec000",[[1,"mds-kpi"]]],["p-a44d3db9",[[1,"mds-list"]]],["p-605913ba",[[1,"mds-price-table"]]],["p-df55c1ea",[[1,"mds-price-table-features-row",{"cellPercWidth":[32]}]]],["p-60ab906d",[[1,"mds-price-table-header"]]],["p-ac97dd43",[[1,"mds-push-notifications",{"visible":[1540],"visiblity":[513]}]]],["p-19c55d3e",[[1,"mds-stepper-bar",{"itemsDone":[2,"items-done"],"currentItem":[32]},[[0,"mdsStepperBarItemDone","changeEventHandler"]],{"itemsDone":["itemDone"]}]]],["p-b8fcf897",[[1,"mds-tab-bar",null,[[0,"mdsTabBarItemSelect","changeEventHandler"]]]]],["p-3dcee09b",[[1,"mds-table",{"interactive":[4]},null,{"interactive":["onTableInteractive"]}]]],["p-b458a7b7",[[1,"mds-table-body",{"interactive":[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]],["p-05bf15c7",[[1,"mds-table-cell",{"value":[520]}]]],["p-f1d7b5ea",[[1,"mds-table-footer"]]],["p-a306ff28",[[1,"mds-table-header"]]],["p-c6616cf4",[[1,"mds-table-row",{"interactive":[1540],"overlayActions":[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]],["p-e3423b24",[[1,"mds-video-wall",{"autoplay":[4],"loop":[4],"muted":[4],"noise":[1],"poster":[1],"preload":[1],"src":[1]}]]],["p-23c0e5bb",[[1,"mds-zero"]]],["p-6617f185",[[1,"mds-text",{"animation":[1],"tag":[1537],"text":[513],"truncate":[513],"typography":[513],"variant":[513]},null,{"text":["textHandler"]}]]],["p-c7d97a3c",[[65,"mds-button",{"autoFocus":[4,"auto-focus"],"icon":[1],"iconPosition":[1,"icon-position"],"type":[1],"variant":[513],"tone":[513],"size":[513],"active":[1540],"disabled":[516],"await":[516],"href":[513],"target":[1]},null,{"disabled":["disabledChanged"],"await":["awaitChanged"],"type":["handleTypeChange"]}],[1,"mds-spinner",{"running":[516]}],[1,"mds-icon",{"name":[513],"svgHTML":[32],"_iconHref":[32],"setSvgPath":[64]},null,{"name":["updateIcon"]}]]],["p-413e1924",[[1,"mds-file-preview",{"deletable":[516],"downloadable":[516],"description":[513],"filename":[513],"filesize":[513],"message":[513],"truncate":[513],"src":[513],"suffix":[513],"icon":[513],"variant":[513],"format":[1537],"language":[32],"updateLang":[64]},null,{"filename":["handleFilename"],"downloadable":["handleDownloadable"]}]]],["p-eb8bbb53",[[65,"mds-input",{"autocomplete":[513],"autofocus":[516],"await":[516],"controlsLayout":[513,"controls-layout"],"controlsIcon":[513,"controls-icon"],"controlIncreaseLabel":[513,"control-increase-label"],"controlDecreaseLabel":[513,"control-decrease-label"],"datalist":[16],"disabled":[516],"icon":[513],"max":[513],"maxlength":[514],"min":[520],"minlength":[514],"name":[513],"pattern":[513],"placeholder":[513],"readonly":[516],"required":[516],"variant":[513],"tip":[513],"step":[513],"type":[513],"typography":[513],"value":[1537],"hasFocus":[32],"language":[32],"isPasswordVisible":[32],"updateLang":[64],"setFocus":[64],"getInputElement":[64]},null,{"value":["valueChanged"]}]]],["p-9df056cb",[[1,"mds-modal",{"opened":[1540],"position":[1537],"animating":[1537]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{"opened":["handleOpenProp"]}]]],["p-b0868749",[[1,"mds-filter-item",{"selected":[1540],"label":[513],"icon":[513],"value":[513]}]]],["p-dea5d36c",[[1,"mds-paginator-item",{"icon":[513],"selected":[516],"disabled":[516]}]]],["p-a4fc1b0b",[[1,"mds-tooltip",{"arrow":[4],"autoPlacement":[516,"auto-placement"],"flip":[4],"target":[513],"offset":[2],"placement":[513],"typography":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"strategy":[513],"visible":[1540]},null,{"arrow":["arrowChanged"],"autoPlacement":["autoPlacementChanged"],"flip":["flipChanged"],"offset":["offsetChanged"],"placement":["placementChanged"],"shift":["shiftChanged"],"shiftPadding":["shiftPaddingChanged"],"strategy":["strategyChanged"],"visible":["visibleChanged"]}]]],["p-42c66e40",[[1,"mds-dropdown",{"arrow":[4],"arrowPadding":[2,"arrow-padding"],"autoPlacement":[4,"auto-placement"],"backdrop":[4],"flip":[4],"interaction":[513],"target":[1],"offset":[2],"placement":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"smooth":[4],"strategy":[1],"visible":[1540],"zIndex":[2,"z-index"]},null,{"arrow":["arrowChanged"],"arrowPadding":["arrowPaddingChanged"],"autoPlacement":["autoPlacementChanged"],"backdrop":["backdropChanged"],"flip":["flipChanged"],"offset":["offsetChanged"],"placement":["placementChanged"],"shift":["shiftChanged"],"shiftPadding":["shiftPaddingChanged"],"strategy":["strategyChanged"],"visible":["visibleChanged"],"zIndex":["zIndexChanged"]}]]],["p-aa133f48",[[1,"mds-separator"]]],["p-65ba0450",[[1,"mds-avatar",{"icon":[513],"initials":[1537],"src":[513],"tone":[513],"variant":[513],"fallback":[32],"loaded":[32]},null,{"initials":["initialsHandler"],"src":["srcHandler"],"icon":["iconHandler"]}]]],["p-9d991391",[[1,"mds-badge",{"variant":[513],"tone":[513],"typography":[1],"typographyVariant":[1,"typography-variant"]}]]],["p-dd0f6f83",[[1,"mds-progress",{"progress":[2],"direction":[513],"variant":[513],"steps":[1],"currentStep":[32]},null,{"progress":["progressChanged"],"steps":["stepsChanged"]}]]],["p-c6f72257",[[1,"mds-img",{"alt":[1537],"crossorigin":[1],"height":[1],"loading":[1],"referrerpolicy":[1],"sizes":[1],"src":[1],"srcset":[1],"srcsetConsumption":[1,"srcset-consumption"],"width":[1],"imageConsumptionLoaded":[32],"imageError":[32],"language":[32],"updateLang":[64]},null,{"srcsetConsumption":["srcsetConsumptionHandler"]}]]],["p-e03788d9",[[1,"mds-input-tip-item",{"variant":[513],"expanded":[516],"language":[32],"updateLang":[64]}],[1,"mds-input-tip",{"active":[516],"position":[513]}]]],["p-22954bd0",[[1,"mds-tab-item",{"selected":[516],"icon":[1],"iconPosition":[1,"icon-position"],"type":[1],"size":[513],"value":[513],"isSelected":[32],"hasText":[32]},null,{"selected":["validateActive"]}],[1,"mds-tab",{"scrollbar":[516]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]]]]]]'),e))));

package/dist/magma-components/magma-components.js

@@ -115,7 +115,7 @@ DOMTokenList
     var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
     var start = function() {
       // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-      var url = new URL('./p-9dfb1723.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-b5a65fcd.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };
 

package/dist/magma-components/p-03c13bdf.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js","./p-32f55263.system.js","./p-6803cf8d.system.js","./p-ae45d2b7.system.js","./p-94db8071.system.js"],(function(n){"use strict";var t,o,r,e,i,a,s,d,p,m,h,f,c,u,l;return{setters:[function(n){t=n.r;o=n.c;r=n.h;e=n.H;i=n.g},function(n){a=n.s},function(n){s=n.K},function(n){d=n.c},function(n){p=n.b;m=n.o;h=n.f;f=n.s;c=n.d;u=n.c;l=n.a}],execute:function(){var w='<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://www.w3.org/2000/svg">\n  <path d="M10.2 2.4C12.6 -0.800001 17.4 -0.800001 19.8 2.4L30 16H0L10.2 2.4Z"/>\n</svg>\n';var b='@tailwind utilities;\n\n/**\n * @prop --mds-dropdown-arrow-background: Sets the fill color of the arrow.\n * @prop --mds-dropdown-background: Sets the background-color of the dropdown.\n * @prop --mds-dropdown-backdrop-duration: Sets the transition duration of the backdrop, used by component\'s code too.\n * @prop --mds-dropdown-backdrop-z-indx: Sets the backdrop z-index, used by component\'s code too.\n * @prop --mds-dropdown-drop-shadow: Sets the drop-shadow of the dropdown.\n * @prop --mds-dropdown-mouseover-delay: Sets the delay duration of the component when the caller trigger mouseover event, it\'s used by the javascript code.\n * @prop --mds-dropdown-duration: Sets the duration of the dropdown animation.\n * @prop --mds-dropdown-ease: Sets the easing of the dropdown animation.\n * @prop --mds-dropdown-transform-from: Sets the from animation transform of the dropdown.\n * @prop --mds-dropdown-transform-to: Sets the to animation transform of the dropdown.\n * @prop --mds-dropdown-z-index: Sets the z-index of the component.\n */\n\n:host {\n\n  --mds-dropdown-arrow-background: var(--mds-dropdown-background);\n  --mds-dropdown-backdrop-duration: 200ms;\n  --mds-dropdown-backdrop-z-index: var(--magma-backdrop-z-index, 3000);\n  --mds-dropdown-background: rgb(var(--tone-neutral));\n  --mds-dropdown-mouseover-delay: 0.5s;\n  --mds-dropdown-drop-shadow-color: var(--tone-neutral-01, 0 0 0);\n  --mds-dropdown-drop-shadow: drop-shadow(0 10px 8px rgb(var(--mds-dropdown-drop-shadow-color) / 0.05)) drop-shadow(0 4px 3px rgb(var(--mds-dropdown-drop-shadow-color) / 0.15)) drop-shadow(0 0 1px rgb(var(--mds-dropdown-drop-shadow-color) / 0.15));\n  --mds-dropdown-duration: 0.5s;\n  --mds-dropdown-ease: cubic-bezier(0.19, 1, 0.22, 1);\n  --mds-dropdown-transform-from: scale(0.9) translateY(-3%);\n  --mds-dropdown-transform-to: scale(1) translate(0, 0);\n  --mds-dropdown-z-index: var(--magma-dropdown-z-index, 4000);\n  gap: 1rem;\n  border-radius: 0.5rem;\n  padding: 1.5rem;\n  opacity: 0;\n\n  background-color: var(--mds-dropdown-background);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: grid;\n  -webkit-filter: var(--mds-dropdown-drop-shadow);\n  filter: var(--mds-dropdown-drop-shadow);\n  pointer-events: none;\n  position: fixed;\n  -webkit-transform: var(--mds-dropdown-transform-from);\n  transform: var(--mds-dropdown-transform-from);\n  -webkit-transition-duration: var(--mds-dropdown-duration);\n  transition-duration: var(--mds-dropdown-duration);\n  -webkit-transition-property: opacity, -webkit-transform, -webkit-transform-origin;\n  transition-property: opacity, -webkit-transform, -webkit-transform-origin;\n  transition-property: opacity, transform, transform-origin;\n  transition-property: opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n  -webkit-transition-timing-function: var(--mds-dropdown-ease);\n  transition-timing-function: var(--mds-dropdown-ease);\n  z-index: var(--mds-dropdown-z-index);\n}\n\n:host( [visible]:not([visible="false"]) ){\n\n  opacity: 1;\n\n  pointer-events: auto;\n  -webkit-transform: var(--mds-dropdown-transform-to);\n  transform: var(--mds-dropdown-transform-to);\n}\n\n:host( [smooth]:not([smooth="false"]) ) {\n  -webkit-transition-property: bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, opacity, right, top, transform, transform-origin;\n  transition-property: bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n}\n\n.arrow{\n\n  top: -1rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  fill: var(--mds-dropdown-arrow-background);\n  pointer-events: none;\n  position: fixed;\n  -webkit-transition-duration: var(--mds-dropdown-duration);\n  transition-duration: var(--mds-dropdown-duration);\n  -webkit-transition-property: bottom, left, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, right, top, transform, transform-origin;\n  transition-property: bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n}\n\n:host( [arrow]:not([arrow="false"])[visible]:not([visible="false"]) ) .arrow {\n  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\n  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n:host( [arrow]:not([arrow="false"], [visible], [visible="true"])) .arrow {\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n::slotted( * ){\n\n  z-index: 10;\n\n  position: relative;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-dropdown-backdrop-duration: 0s;\n    --mds-dropdown-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-dropdown-backdrop-duration: 0s;\n      --mds-dropdown-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-dropdown-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-dropdown-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n    }\n  }\n}\n\n/* contrast + dark */\n\n@container style(--magma-pref-contrast: more) and style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: dark) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: system) {\n\n  @media (prefers-contrast: more) {\n\n    @media (prefers-color-scheme: dark) {\n      :host {\n\n        --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n      }\n    }\n  }\n}\n\n\n';var g=b;var v=n("mds_dropdown",function(){function n(n){var r=this;t(this,n);this.visibleEvent=o(this,"mdsDropdownVisible",7);this.hiddenEvent=o(this,"mdsDropdownHide",7);this.changedEvent=o(this,"mdsDropdownChange",7);this.backdropBackgroundVisible="rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))";this.backdropBackgroundHidden="rgba(var(--magma-backdrop-color, 0 0 0) / 0)";this.backdropId="mds-dropdown-backdrop";this.km=new s;this.handleCloseDropdown=function(n){if(!r.visible){return}if(!r.host.contains(n.target)&&n.target!==r.caller){r.handleVisibility(false)}};this.handleVisibility=function(n){r.visible=n;r.changedEvent.emit({caller:r.caller,visible:r.visible});if(r.visible){r.visibleEvent.emit({caller:r.caller,visible:true});return}r.hiddenEvent.emit({caller:r.caller,visible:false});r.updatePosition()};this.callerOnClick=function(){r.handleVisibility(!r.visible)};this.callerOnMouseOver=function(){r.mouseoverTimer=setTimeout((function(){clearTimeout(r.mouseoverTimer);r.handleVisibility(true)}),d(r.cssMouseOverDelayDuration))};this.closeDropdownMouseLeave=function(){r.handleVisibility(false);r.host.removeEventListener("mouseleave",r.closeDropdownMouseLeave.bind(r));r.host.addEventListener("mouseover",r.handleCloseDropdownMouseLeave.bind(r))};this.handleCloseDropdownMouseLeave=function(){r.host.removeEventListener("mouseover",r.handleCloseDropdownMouseLeave.bind(r));r.host.addEventListener("mouseleave",r.closeDropdownMouseLeave.bind(r))};this.arrowInset=function(n,t){var o=n.arrow;var r={bottom:"",left:"",right:"",top:""};if(o===undefined){return{}}switch(t){case"bottom":r.left=o.x!==null?"".concat(o.x,"px"):"";r.top="100%";break;case"left":r.right="100%";r.top=o.y!==null?"".concat(o.y,"px"):"";break;case"right":r.left="100%";r.top=o.y!==null?"".concat(o.y,"px"):"";break;case"top":r.left=o.x!==null?"".concat(o.x,"px"):"";r.top="";break}return r};this.arrowTransform=function(n){var t=r.arrow&&r.visible?"scale(1)":"scale(0)";switch(n){case"bottom":t="rotate(180deg) ".concat(t," translate(0, -100%)");break;case"left":t="rotate(-90deg) ".concat(t," translate(50%, -50%)");break;case"right":t="rotate(90deg) ".concat(t," translate(-50%, -50%)");break;case"top":t="rotate(0deg) ".concat(t," translate(0, 0)");break}return{transform:t}};this.arrowTransformOrigin=function(n){switch(n){case"bottom":return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"};default:return{transformOrigin:"center top"}}};this.updatePosition=function(){if(!r.caller)return;var n=new Array;var t={};if(r.shiftPadding){t.padding=r.shiftPadding}if(r.autoPlacement){n.push(p())}if(r.offset){n.push(m(r.offset))}if(!r.autoPlacement&&r.flip){n.push(h(t))}if(r.shift){n.push(f(t))}if(r.arrow){n.push(c({element:r.arrowEl,padding:r.arrowPadding}))}u(r.caller,r.host,{middleware:n,placement:r.placement,strategy:r.strategy}).then((function(n){var t=n.x,o=n.y,e=n.placement,i=n.middlewareData;Object.assign(r.host.style,{left:"".concat(t,"px"),top:"".concat(o,"px")});var a={};var s={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]];if(s){Object.assign(a,r.arrowTransform(s));Object.assign(a,r.arrowInset(i,s));Object.assign(a,r.arrowTransformOrigin(s));Object.assign(r.arrowEl.style,a)}}))};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var n=window.getComputedStyle(r.host);r.cssBackdropDuration=n.getPropertyValue("--mds-dropdown-backdrop-duration");r.cssBackdropZIndex=n.getPropertyValue("--mds-dropdown-backdrop-z-index");r.cssMouseOverDelayDuration=n.getPropertyValue("--mds-dropdown-mouseover-delay")};this.setInteractionBehaviour=function(){if(r.interaction==="none"){return}if(r.interaction==="click"){r.caller.addEventListener("click",r.callerOnClick.bind(r))}if(r.interaction==="mouseover"){r.caller.addEventListener("mouseover",r.callerOnMouseOver.bind(r));r.host.addEventListener("mouseover",r.handleCloseDropdownMouseLeave.bind(r))}};this.arrow=true;this.arrowPadding=24;this.autoPlacement=false;this.backdrop=false;this.flip=false;this.interaction="click";this.target=undefined;this.offset=24;this.placement="bottom";this.shift=true;this.shiftPadding=24;this.smooth=true;this.strategy="fixed";this.visible=false;this.zIndex=undefined}n.prototype.attachBackdrop=function(){var n=this;if(!this.backdropEl){this.backdropEl=document.createElement("div");this.backdropEl.className=this.backdropId;this.backdropEl.style.inset="0";this.backdropEl.style.pointerEvents="none";this.backdropEl.style.position="fixed";this.backdropEl.style.transition="background-color ".concat(this.cssBackdropDuration," ease-out");this.backdropEl.style.zIndex=this.cssBackdropZIndex}this.backdropEl.style.backgroundColor=this.backdropBackgroundHidden;document.body.appendChild(this.backdropEl);clearTimeout(this.backdropTimer);this.backdropTimer=setTimeout((function(){n.backdropEl.style.backgroundColor=n.backdropBackgroundVisible}),1)};n.prototype.detachBackdrop=function(){var n=this;if(!this.backdropEl){return}this.backdropEl.style.backgroundColor="transparent";clearTimeout(this.backdropTimer);this.backdropTimer=setTimeout((function(){n.backdropEl.remove()}),d(this.cssBackdropDuration))};n.prototype.arrowChanged=function(){this.updatePosition()};n.prototype.arrowPaddingChanged=function(){this.updatePosition()};n.prototype.autoPlacementChanged=function(){this.updatePosition()};n.prototype.backdropChanged=function(n){if(!this.visible){return}if(n){this.attachBackdrop();return}this.detachBackdrop()};n.prototype.flipChanged=function(){this.updatePosition()};n.prototype.offsetChanged=function(){this.updatePosition()};n.prototype.placementChanged=function(){this.updatePosition()};n.prototype.shiftChanged=function(){this.updatePosition()};n.prototype.shiftPaddingChanged=function(){this.updatePosition()};n.prototype.strategyChanged=function(){this.updatePosition()};n.prototype.visibleChanged=function(n){this.updatePosition();if(!this.backdrop){return}if(n){this.attachBackdrop();return}this.detachBackdrop()};n.prototype.zIndexChanged=function(n){if(n){this.host.style.setProperty("z-index",n.toString())}};n.prototype.componentWillLoad=function(){Array.from(document.getElementsByClassName(this.backdropId)).forEach((function(n){n.remove()}));this.zIndexChanged(this.zIndex)};n.prototype.setAriaAttributes=function(){a(this.caller,"aria-haspopup","true");a(this.caller,"aria-controls",this.target);a(this.host,"role","menu");a(this.host,"aria-labelledby",this.target)};n.prototype.componentDidLoad=function(){var n=this;var t,o,r,e;this.updateCSSCustomProps();document.addEventListener("click",this.handleCloseDropdown);this.arrowEl=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".arrow");var i=(e=(r=(o=this.host.parentElement)===null||o===void 0?void 0:o.shadowRoot)===null||r===void 0?void 0:r.querySelector(this.target))!==null&&e!==void 0?e:this.host.getRootNode().querySelector(this.target);if(!i){throw Error("Target not found: ".concat(this.target))}this.caller=i;this.setAriaAttributes();this.km.addElement(this.host);this.km.attachEscapeBehavior((function(){return n.handleVisibility(false)}));this.backdropChanged(this.backdrop);this.updatePosition();this.setInteractionBehaviour();if(!this.cleanupAutoUpdate){this.cleanupAutoUpdate=l(this.caller,this.host,this.updatePosition)}};n.prototype.disconnectedCallback=function(){this.detachBackdrop();this.km.detachEscapeBehavior();this.cleanupAutoUpdate=function(){return}};n.prototype.render=function(){return r(e,{key:"aee79e7c76205417090673bbbe9d875065764eb3"},r("div",{key:"9b310fb9655866a581df3ecd043e24da86fabd6c",class:"arrow",innerHTML:w}),r("slot",{key:"206e6aff41805e57c06fbccab2aa9ca595c312ae"}))};Object.defineProperty(n.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}},enumerable:false,configurable:true});return n}());v.style=g}}}));

package/dist/magma-components/p-0492e275.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as o,H as i,g as r}from"./p-eab621a7.js";import{K as n}from"./p-0f3e17bc.js";const a=class{constructor(o){t(this,o),this.selectedEvent=e(this,"mdsBreadcrumbItemSelect",7),this.km=new n,this.toggle=()=>{this.selected=!this.selected,this.selectedEvent.emit({id:this.element.id,selected:this.selected})},this.selected=void 0}componentDidLoad(){var t;const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".text");this.km.addElement(e),this.km.attachClickBehavior()}componentDidUpdate(){this.selected?this.km.detachClickBehavior():this.km.attachClickBehavior()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return o(i,{key:"12eebea6ef628f1b04779ea55569e7f5982f6ac4"},o("mds-text",{key:"0bc59f2792c33851313d6c9e0992095a386ea68a",tabindex:"0",onClick:this.toggle,class:"text",typography:"detail"},o("slot",{key:"751d54605a67e4afb9db9509fc5d839479f721b2"})),o("i",{key:"9980e04d641016af08b8027351bdaf3aee61ea13","aria-hidden":"true",class:"icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>'}))}get element(){return r(this)}};a.style='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; @tailwind utilities; :host{--mds-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color, rgb(var(--tone-neutral-04)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected, rgb(var(--tone-neutral-09)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover, rgb(var(--tone-neutral-10)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background, transparent);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected, rgb(var(--tone-neutral-01)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover, rgb(var(--tone-neutral-02)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color, rgb(var(--tone-neutral-02)));-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host{gap:0rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:outline, outline-offset, -webkit-box-shadow;transition-property:outline, outline-offset, -webkit-box-shadow;transition-property:box-shadow, outline, outline-offset;transition-property:box-shadow, outline, outline-offset, -webkit-box-shadow;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host(:last-child) .icon{display:none}.text{border-radius:9999px;padding-left:1rem;padding-right:1rem;padding-top:0.25rem;padding-bottom:0.25rem;background-color:var(--mds-breadcrumb-item-button-background);color:var(--mds-breadcrumb-item-button-color);cursor:pointer;white-space:nowrap}.text:hover{--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-item-button-background-hover);--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-item-button-color-hover)}:host([selected]:not([selected="false"])){--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-item-button-background-selected);--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-item-button-color-selected);pointer-events:none}.text::first-letter{text-transform:uppercase}.icon{display:-ms-flexbox;display:flex}.icon svg{aspect-ratio:1/1;height:100%;width:100%}.icon{fill:var(--mds-breadcrumb-item-arrow-depth-color);pointer-events:none}';export{a as mds_breadcrumb_item}

package/dist/magma-components/p-04c61fa1.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(n,t,e,i){function o(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,r){function s(n){try{c(i.next(n))}catch(n){r(n)}}function a(n){try{c(i["throw"](n))}catch(n){r(n)}}function c(n){n.done?e(n.value):o(n.value).then(s,a)}c((i=i.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(n){return function(t){return c([n,t])}}function c(a){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(e=0)),e)try{if(i=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;o=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){e.label=a[1];break}if(a[0]===6&&e.label<r[1]){e.label=r[1];r=a;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(a);break}if(r[2])e.ops.pop();e.trys.pop();continue}a=t.call(n,e)}catch(n){a=[6,n];o=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-3759b1b2.system.js","./p-21b1acec.system.js"],(function(n){"use strict";var t,e,i,o,r,s;return{setters:[function(n){t=n.r;e=n.c;i=n.h;o=n.H;r=n.g},function(n){s=n.L},function(){}],execute:function(){var a='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M13.314 12.492c-.943-.837-4.99-3.526-8.385-5.563 2.037 3.395 4.726 7.442 5.563 8.384q.045.052.094.101a2 2 0 1 0 2.728-2.922"/>\n  <path d="M2 14c0 1.893.526 3.663 1.44 5.173.326.538.93.827 1.558.827h14.004c.629 0 1.232-.29 1.558-.827A9.95 9.95 0 0 0 22 14c0-5.523-4.477-10-10-10a9.95 9.95 0 0 0-5.416 1.592c.64.39 1.292.795 1.937 1.202A8 8 0 0 1 18.93 18H5.07A7.96 7.96 0 0 1 4 14c0-1.247.285-2.427.794-3.48-.407-.644-.812-1.297-1.202-1.936A9.95 9.95 0 0 0 2 14"/>\n</svg>\n';var c='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M9.885 4.224C5.378 5.194 2 9.203 2 14c0 1.893.526 3.663 1.44 5.173.326.538.93.827 1.558.827h14.004c.629 0 1.232-.29 1.558-.827A9.95 9.95 0 0 0 22 14c0-4.797-3.378-8.805-7.885-9.776.177.728.352 1.476.52 2.22A8.003 8.003 0 0 1 18.93 18H5.07A8.003 8.003 0 0 1 9.365 6.444a137 137 0 0 1 .52-2.22"/>\n  <path d="M13.995 13.862C13.921 12.605 12.96 7.842 12 4c-.96 3.841-1.92 8.605-1.995 9.862a2 2 0 1 0 3.99 0"/>\n</svg>\n';var u='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M13.508 15.314c.837-.943 3.526-4.99 5.563-8.385-3.395 2.037-7.443 4.726-8.385 5.563q-.051.045-.1.094a2 2 0 1 0 2.922 2.728"/>\n  <path d="M3.44 19.173A9.95 9.95 0 0 1 2 14C2 8.477 6.477 4 12 4c1.996 0 3.855.585 5.416 1.592-.64.39-1.292.795-1.937 1.202A8 8 0 0 0 5.07 18h13.86A7.96 7.96 0 0 0 20 14a8 8 0 0 0-.794-3.48c.407-.644.813-1.297 1.202-1.936A9.95 9.95 0 0 1 22 14a9.95 9.95 0 0 1-1.44 5.173c-.326.538-.93.827-1.558.827H4.998c-.629 0-1.232-.29-1.558-.827"/>\n</svg>\n';var m="Υψηλή";var l="Χαμηλή";var d="Μεσαία";var f="Κατανάλωση";var h={consumptionHigh:m,consumptionLow:l,consumptionMedium:d,label:f};var v="High";var b="Low";var g="Medium";var p="Consumption";var w={consumptionHigh:v,consumptionLow:b,consumptionMedium:g,label:p};var y="Alto";var k="Bajo";var x="Medio";var M="Consumo";var A={consumptionHigh:y,consumptionLow:k,consumptionMedium:x,label:M};var C="Alto";var _="Basso";var H="Medio";var j="Consumo";var L={consumptionHigh:C,consumptionLow:_,consumptionMedium:H,label:j};var B="@tailwind utilities;\n\n/*\n *\n */\n\n:host{\n\n  gap: 0.25rem;\n\n  display: grid;\n}\n\n.item {\n\n  --mds-tab-item-color: rgb(var(--tone-neutral-05));\n\n  -ms-flex-preferred-size: 0;\n\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.item--high {\n\n  --mds-tab-item-color-selected: rgb(var(--status-error-06));\n}\n\n.item--medium {\n\n  --mds-tab-item-color-selected: rgb(var(--status-warning-06));\n}\n\n.item--low {\n\n  --mds-tab-item-color-selected: rgb(var(--status-success-06));\n}\n\n@container style(--magma-pref-contrast: more) {\n  .item {\n\n    --mds-tab-item-color: rgb(var(--tone-neutral-01));\n  }\n\n  .item--high {\n\n    --mds-tab-item-color-selected: rgb(var(--status-error-03));\n  }\n  \n  .item--medium {\n  \n    --mds-tab-item-color-selected: rgb(var(--status-warning-03));\n  }\n  \n  .item--low {\n  \n    --mds-tab-item-color-selected: rgb(var(--status-success-03));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .item {\n\n      --mds-tab-item-color: rgb(var(--tone-neutral-01));\n  }\n\n  .item--high {\n\n    --mds-tab-item-color-selected: rgb(var(--status-error-03));\n  }\n  \n  .item--medium {\n  \n    --mds-tab-item-color-selected: rgb(var(--status-warning-03));\n  }\n  \n  .item--low {\n  \n    --mds-tab-item-color-selected: rgb(var(--status-success-03));\n  }\n}\n}\n\n";var S=B;var P=n("mds_pref_consumption",function(){function n(n){var i=this;t(this,n);this.prefChangeEvent=e(this,"mdsPrefChange",7);this.localStorageAlias="mdsPrefConsumption";this.customPropertyAlias="--magma-pref-consumption";this.defaultMode="high";this.t=new s({el:h,en:w,es:A,it:L});this.consumption={high:{selector:"pref-consumption-high",label:"consumptionHigh"},medium:{selector:"pref-consumption-medium",label:"consumptionMedium"},low:{selector:"pref-consumption-low",label:"consumptionLow"}};this.setConsumption=function(n){i.prefChangeEvent.emit({preference:"consumption"});i.mode=n;localStorage.setItem(i.localStorageAlias,i.mode);if(document){var t=document.querySelector("html");for(var e in i.consumption){if({}.hasOwnProperty.call(i.consumption,e)){t===null||t===void 0?void 0:t.classList.remove(i.consumption[e].selector)}}t===null||t===void 0?void 0:t.classList.add(i.consumption[i.mode].selector);t===null||t===void 0?void 0:t.style.setProperty(i.customPropertyAlias,i.mode)}};this.language=undefined;this.mode=undefined}n.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=this.t.lang(this.element);return[2]}))}))};n.prototype.componentWillRender=function(){var n,t;this.t.lang(this.element);this.setConsumption((t=(n=this.mode)!==null&&n!==void 0?n:localStorage.getItem(this.localStorageAlias))!==null&&t!==void 0?t:this.defaultMode)};n.prototype.modeChanged=function(n){this.setConsumption(n)};n.prototype.render=function(){var n=this;var t;return i(o,{key:"845689a3978e310110ea0431d8a1c7f85413c371"},i("mds-text",{key:"279b08048064fcf560d36cd106d08f6a5e864090",class:"info",typography:"caption"},i("b",{key:"f9e414661aa53296d5f57e239638640132f22683"},this.t.get("label"))," ",this.t.get(this.consumption[(t=this.mode)!==null&&t!==void 0?t:this.defaultMode].label)),i("mds-tab",{key:"41e0b940f5f8583c1d2d489fa719b71d1e8d6bf2"},i("mds-tab-item",{key:"1f7123ea9dd6432f74a9c7db591b9fb45462c32a",selected:this.mode==="low",onClick:function(){n.setConsumption("low")},class:"item item--low",icon:a}),i("mds-tab-item",{key:"12dffe43fc347b72cb8d211e60f7b08905229d20",selected:this.mode==="medium",onClick:function(){n.setConsumption("medium")},class:"item item--medium",icon:c}),i("mds-tab-item",{key:"ef9733014704464c182864fc6d9a58e263d1eb43",selected:this.mode==="high",onClick:function(){n.setConsumption("high")},class:"item item--high",icon:u})))};Object.defineProperty(n.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{mode:["modeChanged"]}},enumerable:false,configurable:true});return n}());P.style=S}}}));

package/dist/magma-components/p-05bf15c7.entry.js

@@ -0,0 +1 @@
+import{r as n,h as o,H as r}from"./p-eab621a7.js";const e=class{constructor(o){n(this,o),this.value=void 0}render(){return o(r,{key:"ba2b1023ba3152b3bad3815cf9cc881f9c2dbd8f",role:"cell"},o("slot",{key:"e4301e2a7637473334a33ff03c1a115a0748a718"}))}};e.style="@tailwind utilities;\n\n/**\n * @prop --mds-table-cell-background-hover: The background-color of the table cell when the mouse is over it\n * @prop --mds-table-cell-background: The background-color of the table cell\n * @prop --mds-table-cell-border-color: The border-color of the table cell\n * @prop --mds-table-cell-border-width: The border-width of the table cell\n * @prop --mds-table-cell-padding: The padding of the table cell\n */\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-table-cell-background);\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color) !important;\n  border-top: var(--mds-table-cell-border-width) solid transparent !important;\n  display: table-cell;\n  padding: var(--mds-table-cell-padding);\n  -webkit-transition-property: background-color, border-color, color;\n  transition-property: background-color, border-color, color;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";export{e as mds_table_cell}

package/dist/magma-components/{p-5f0f0448.system.entry.js → p-07253a21.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var t,i,e;return{setters:[function(n){t=n.r;i=n.h;e=n.H}],execute:function(){var r="@tailwind utilities;\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color);\n  display: table-row;\n  overflow: hidden;\n  -webkit-transition-property: border-color;\n  transition-property: border-color;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var o=r;var a=n("mds_table_header",function(){function n(n){t(this,n)}n.prototype.render=function(){return i(e,{key:"fe59571d8b3b1794d6e66ae955037b9de93d7162",role:"row"},i("slot",{key:"7ca30e6c5d316103b25bdee9ff4358b8099f3a11"}))};return n}());a.style=o}}}));
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var t,i,e;return{setters:[function(n){t=n.r;i=n.h;e=n.H}],execute:function(){var r="@tailwind utilities;\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color);\n  display: table-row;\n  overflow: hidden;\n  -webkit-transition-property: border-color;\n  transition-property: border-color;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var o=r;var a=n("mds_table_header",function(){function n(n){t(this,n)}n.prototype.render=function(){return i(e,{key:"fe59571d8b3b1794d6e66ae955037b9de93d7162",role:"row"},i("slot",{key:"7ca30e6c5d316103b25bdee9ff4358b8099f3a11"}))};return n}());a.style=o}}}));

package/dist/magma-components/p-086c8147.entry.js

@@ -0,0 +1 @@
+import{r as t,h as n,H as i,g as e}from"./p-eab621a7.js";import{m as s}from"./p-a5de65c5.js";import{m as r}from"./p-39f06295.js";import{c as a}from"./p-8a1a6e56.js";var o;!function(t){t.ASC="ascending",t.DESC="descending",t.NONE="none"}(o||(o={}));const l=class{constructor(n){t(this,n),this.currentDirection=o.NONE,this.index=0,this.prepareSorter=()=>{var t,n;!this.sortable||this.sortable&&(null===(t=this.tableHeaderCellSiblings)||void 0===t?void 0:t.length)||(this.tableBody=null===(n=this.element.closest("mds-table"))||void 0===n?void 0:n.querySelector("mds-table-body"),this.tableHeader=this.element.closest("mds-table-header"),this.tableHeaderCellSiblings=Array.from(this.tableHeader.children),this.index=this.tableHeaderCellSiblings.indexOf(this.element),this.tableRows=Array.from(this.tableBody.children),this.tableRowsDefaultSorted=Array.from(this.tableBody.children))},this.getValue=t=>t.value?t.value:t.textContent?t.textContent.trim():"",this.resetSortAttribute=()=>{this.tableHeaderCellSiblings.forEach((t=>{this.tableHeaderCellSiblings.indexOf(t)!==this.index&&(t.direction="none")})),this.tableRows.forEach((t=>{Array.from(t.children).forEach(((t,n)=>{this.index!==n||this.currentDirection===o.NONE?t.removeAttribute("sorted"):t.setAttribute("sorted","")}))}))},this.sortRows=()=>{this.currentDirection!==o.NONE?[...this.tableRows].sort(((t,n)=>{const i=this.getValue(t.querySelectorAll("mds-table-cell")[this.index]),e=this.getValue(n.querySelectorAll("mds-table-cell")[this.index]);return isNaN(Number(i))||isNaN(Number(e))?"ascending"===this.direction?String(i).localeCompare(String(e)):String(e).localeCompare(String(i)):"ascending"===this.direction?Number(i)-Number(e):Number(e)-Number(i)})).forEach((t=>this.tableBody.appendChild(t))):this.tableRowsDefaultSorted.forEach((t=>this.tableBody.appendChild(t)))},this.updateDirection=()=>{this.currentDirection=Object.values(o)[(Object.values(o).indexOf(this.currentDirection)+1)%Object.values(o).length],this.direction=this.currentDirection.toString()},this.sort=()=>{this.updateDirection(),this.sortRows(),this.resetSortAttribute(),this.tableRows.forEach(this.currentDirection===o.NONE?t=>{t.removeAttribute("sorted")}:t=>{t.setAttribute("sorted","")})},this.isAscending=!0,this.sortable=void 0,this.label=void 0,this.direction="none"}componentDidLoad(){this.prepareSorter()}sortableHandler(){this.prepareSorter()}directionHandler(t){"none"===t&&(this.direction="none",this.currentDirection=o.NONE)}render(){return n(i,{key:"3d17c76c086828a39ad0090acabbebb3ea449198",role:"columnheader","aria-sort":this.direction},this.sortable?n("mds-button",{class:"action",icon:a("none"===this.direction&&'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.83L15.17 9l1.41-1.41L12 3L7.41 7.59L8.83 9L12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15L12 18.17z"/></svg>',"ascending"===this.direction&&s,"descending"===this.direction&&r),"icon-position":"right",onClick:this.sort,tone:"quiet",variant:"dark",size:"sm",part:"action"},this.label):n("mds-text",{class:"label",typography:"label",part:"label"},this.label))}get element(){return e(this)}static get watchers(){return{sortable:["sortableHandler"],direction:["directionHandler"]}}};l.style="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-table-header-cell-padding: The padding of the table cell\n */\n\n:host {\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-table-background);\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color) !important;\n  border-top: var(--mds-table-cell-border-width) solid transparent !important;\n  display: table-cell;\n  padding: var(--mds-table-cell-padding);\n  -webkit-transition-property: background-color, border-color, color;\n  transition-property: background-color, border-color, color;\n  vertical-align: top;\n}\n\n.action {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.action::part(label) {\n  min-height: 1rem;\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  font-weight: 700;\n  text-transform: uppercase;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.label {\n  height: 1.75rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";export{l as mds_table_header_cell}

package/dist/magma-components/p-0b2a9068.entry.js

@@ -0,0 +1 @@
+import{r as n,h as a,H as r,g as o}from"./p-eab621a7.js";const t={info:{alias:"Info",icon:"mi/baseline/info"},do:{alias:"Do",icon:"mi/baseline/check-circle"},dont:{alias:"Don’t",icon:"mi/baseline/error"},warn:{alias:"Warning",icon:"mi/baseline/warning-amber"}},e=class{constructor(a){n(this,a),this.variant="info",this.alias=void 0}render(){var n;const{alias:o,icon:e}=t[this.variant];return a(r,{key:"957337ab8a126dd504953dab0ad0b9e0034912ba",role:"suggestion"},a("div",{key:"a71e2d6929fbb1c4f0a33102ad1362afdf9c9656",class:"header","aria-hidden":"true"},a("div",{key:"2d64e61fff8d5501e4777e06ee862a9874f53d29",class:"badge"},a("mds-icon",{key:"34aaa99d51100fe3c074eeb1af1b215af09351ad",class:"icon",name:e}),a("mds-text",{key:"9ba2f1d238d9de7653d389bb2d6397cef95dcc0f",typography:"h6"},null!==(n=this.alias)&&void 0!==n?n:o))),a("div",{key:"fbbfcc69dff1e94120291bde5ffee1940b15c155",class:"content",role:"do"===this.variant||"info"===this.variant?"insertion":"deletion"},a("slot",{key:"18e006d24d1042d20c0bbb326c72d4cea9d39aec"})))}get host(){return o(this)}};e.style='@tailwind utilities;\n\n/**\n * @prop --mds-usage-background: Sets the background-color of the component\n * @prop --mds-usage-border-width: Sets the colored border-size of the component\n */\n\n:host {\n\n  --mds-usage-background: rgb(var(--status-info-10));\n  --mds-usage-badge-background: rgb(var(--status-info-05));\n  --mds-usage-badge-color: rgb(var(--status-info-10));\n  --mds-usage-color: rgb(var(--tone-neutral-03));\n  gap: 1rem;\n  border-radius: 0.75rem;\n  padding: 1.5rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-usage-background);\n  color: var(--mds-usage-color);\n  display: grid;\n  grid-auto-rows: -webkit-min-content;\n  grid-auto-rows: min-content;\n  grid-template-columns: minmax(0, 100%);\n  position: relative;\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, color;\n  transition-property: background-color, box-shadow, color, -webkit-box-shadow;\n}\n\n.header{\n\n  padding-left: 1.5rem;\n\n  padding-right: 1.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: var(--mds-usage-badge-color);\n  display: -ms-flexbox;\n  display: flex;\n  height: 0;\n  inset: 0 0 auto;\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: absolute;\n}\n\n.icon {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.badge{\n\n  gap: 0.5rem;\n\n  border-radius: 9999px;\n\n  padding-left: 1rem;\n\n  padding-right: 1rem;\n\n  padding-top: 0.25rem;\n\n  padding-bottom: 0.25rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-usage-badge-background);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-usage-badge-color);\n  -webkit-transition-property: background-color, color, fill;\n  transition-property: background-color, color, fill;\n}\n\n:host([variant="do"]) {\n\n  --mds-usage-background: rgb(var(--status-success-10));\n  --mds-usage-badge-background: rgb(var(--status-success-05));\n  --mds-usage-badge-color: rgb(var(--status-success-10));\n  --mds-usage-color: rgb(var(--status-success-02));\n}\n\n:host([variant="dont"]) {\n\n  --mds-usage-background: rgb(var(--status-error-10));\n  --mds-usage-badge-background: rgb(var(--status-error-05));\n  --mds-usage-badge-color: rgb(var(--status-error-10));\n  --mds-usage-color: rgb(var(--status-error-02));\n}\n\n:host([variant="warn"]) {\n\n  --mds-usage-background: rgb(var(--status-warning-10));\n  --mds-usage-badge-background: rgb(var(--status-warning-08));\n  --mds-usage-badge-color: rgb(var(--status-warning-01));\n  --mds-usage-color: rgb(var(--status-warning-02));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .badge {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .badge {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-usage-badge-background: rgb(var(--status-info-05));\n\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n\n  :host([variant="do"]) {\n\n    --mds-usage-badge-background: rgb(var(--status-success-05));\n  }\n\n  :host([variant="dont"]) {\n\n    --mds-usage-badge-background: rgb(var(--status-error-05));\n  }\n\n  :host([variant="warn"]) {\n\n    --mds-usage-badge-background: rgb(var(--status-warning-05));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-usage-badge-background: rgb(var(--status-info-05));\n\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n\n    :host([variant="do"]) {\n\n      --mds-usage-badge-background: rgb(var(--status-success-05));\n    }\n\n    :host([variant="dont"]) {\n\n      --mds-usage-badge-background: rgb(var(--status-error-05));\n    }\n\n    :host([variant="warn"]) {\n\n      --mds-usage-badge-background: rgb(var(--status-warning-05));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host,\n  :host([variant="do"]),\n  :host([variant="dont"]),\n  :host([variant="warn"]) {\n\n    --mds-usage-badge-color: rgb(var(--tone-neutral-01));\n    --mds-usage-color: rgb(var(--tone-neutral-01));\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host,\n    :host([variant="do"]),\n    :host([variant="dont"]),\n    :host([variant="warn"]) {\n\n      --mds-usage-badge-color: rgb(var(--tone-neutral-01));\n      --mds-usage-color: rgb(var(--tone-neutral-01));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n';export{e as mds_usage}

package/dist/magma-components/p-0b6b57fb.js

@@ -0,0 +1 @@
+import{f as e}from"./p-e420031e.js";import{m as i}from"./p-78f9abaa.js";const o='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-curve" viewBox="0 0 24 24"><path d="M18.5,2A1.5,1.5 0 0,1 20,3.5A1.5,1.5 0 0,1 18.5,5C18.27,5 18.05,4.95 17.85,4.85L14.16,8.55L14.5,9C16.69,7.74 19.26,7 22,7L23,7.03V9.04L22,9C19.42,9 17,9.75 15,11.04A3.96,3.96 0 0,1 11.04,15C9.75,17 9,19.42 9,22L9.04,23H7.03L7,22C7,19.26 7.74,16.69 9,14.5L8.55,14.16L4.85,17.85C4.95,18.05 5,18.27 5,18.5A1.5,1.5 0 0,1 3.5,20A1.5,1.5 0 0,1 2,18.5A1.5,1.5 0 0,1 3.5,17C3.73,17 3.95,17.05 4.15,17.15L7.84,13.45C7.31,12.78 7,11.92 7,11A4,4 0 0,1 11,7C11.92,7 12.78,7.31 13.45,7.84L17.15,4.15C17.05,3.95 17,3.73 17,3.5A1.5,1.5 0 0,1 18.5,2M11,9A2,2 0 0,0 9,11A2,2 0 0,0 11,13A2,2 0 0,0 13,11A2,2 0 0,0 11,9Z" /></svg>',t={archive:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-2 6h-2v2h2v2h-2v2h-2v-2h2v-2h-2v-2h2v-2h-2V8h2v2h2v2z"/></svg>',variant:"amaranth"},attachment:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/></svg>',variant:"dark"},audio:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3v9.28a4.39 4.39 0 0 0-1.5-.28C8.01 12 6 14.01 6 16.5S8.01 21 10.5 21c2.31 0 4.2-1.75 4.45-4H15V6h4V3h-7z"/></svg>',variant:"violet"},code:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16c1.1 0 2-.9 2-2V6a2 2 0 0 0-2-2zm0 14H4V8h16v10zm-2-1h-6v-2h6v2zM7.5 17l-1.41-1.41L8.67 13l-2.59-2.59L7.5 9l4 4l-4 4z"/></svg>',variant:"yellow"},data:{icon:'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-harddisk" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M12,4A6,6 0 0,0 6,10C6,13.31 8.69,16 12.1,16L11.22,13.77C10.95,13.29 11.11,12.68 11.59,12.4L12.45,11.9C12.93,11.63 13.54,11.79 13.82,12.27L15.74,14.69C17.12,13.59 18,11.9 18,10A6,6 0 0,0 12,4M12,9A1,1 0 0,1 13,10A1,1 0 0,1 12,11A1,1 0 0,1 11,10A1,1 0 0,1 12,9M7,18A1,1 0 0,0 6,19A1,1 0 0,0 7,20A1,1 0 0,0 8,19A1,1 0 0,0 7,18M12.09,13.27L14.58,19.58L17.17,18.08L12.95,12.77L12.09,13.27Z" /></svg>',variant:"yellow"},document:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/></svg>',variant:"orange"},email:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"/></svg>',variant:"blue"},executable:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2zm0 16H5V7h14v12zm-2-7H7v-2h10v2zm-4 4H7v-2h6v2z"/></svg>',variant:"amaranth"},image:{icon:i,variant:"green"},imageRaster:{icon:i,variant:"green"},markup:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z"/></svg>',variant:"yellow"},slide:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z"/></svg>',variant:"orchid"},spreadsheet:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3v18h18V3H3zm8 16H5v-6h6v6zm0-8H5V5h6v6zm8 8h-6v-6h6v6zm0-8h-6V5h6v6z"/></svg>',variant:"lime"},text:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>',variant:"blue"},vectorImage:{icon:o,variant:"aqua"},vector:{icon:o,variant:"aqua"},video:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg>',variant:"violet"}},a=(e,i='Attribute "filename" is undefined.')=>{var o;if(void 0===e)throw console.error(i);return e.includes("/")?null!==(o=e.split("/").pop())&&void 0!==o?o:"":e},r=e=>{var i;const o=a(e);return o.includes(".")?null!==(i=o.split(".")[0])&&void 0!==i?i:"":o},c=(e,i)=>{const o=(e=>{var i;const o=a(e);return o.includes(".")?null!==(i=o.split(".").pop())&&void 0!==i?i:"":o})(e),t=a(e);return null!=i?i.toLowerCase():o!==t?o:"default"},s=(i,o)=>{var t;const a=c(i,o).toLocaleLowerCase();return null!==(t=e[a])&&void 0!==t?t:e.default},d=(e,i)=>t[s(e,i).format],m={appleDiskImage:"Εικόνα δίσκου Apple",compressedArchive:"Συμπιεσμένο αρχείο",uncompressedArchive:"Μη συμπιεσμένο αρχείο",compressedAudio:"Συμπιεσμένος ήχος",uncompressedAudio:"Μη συμπιεσμένος ήχος",dart:"Αρχείο Dart",documentAdobe:"Έγγραφο Adobe",compressedDocumentMS:"Συμπιεσμένο έγγραφο Microsoft Word",documentMS:"Έγγραφο Microsoft Word",documentRTF:"Έγγραφο μορφής εμπλουτισμένου κειμένου",documentTXT:"Απλό έγγραφο κειμένου",email:"Ηλεκτρονικό ταχυδρομείο",fileDB:"Αρχείο βάσης δεδομένων",documentLO:"Έγγραφο LibreOffice",fileEXE:"Εκτελέσιμο αρχείο Windows",videoHD:"Βίντεο υψηλής ανάλυσης",videoSD:"Βίντεο χαμηλής ανάλυσης",spreadsheetLO:"Υπολογιστικό φύλλο LibreOffice",spreadsheetMS:"Υπολογιστικό φύλλο Microsoft Office",unknown:"Άγνωστη μορφή αρχείου",imageHEIC:"Μορφή αρχείου εικόνας υψηλής αποδοτικότητας",filePHP:"Αρχείο Hypertext Preprocessor",imagePNG:"Εικόνα Portable Network Graphics",imageWEBP:"Εικόνα Google Web Picture",compressedImage:"Συμπιεσμένη εικόνα",fileJSON:"Αρχείο JavaScript Object Notation",fileJS:"Αρχείο JavaScript",documentWeb:"Ιστοσελίδα",imageSVG:"Διανυσματική εικόνα Scalable Vector Graphics",slideLO:"Διαφάνεια παρουσίασης LibreOffice",slidePowerPoint:"Διαφάνεια παρουσίασης PowerPoint",fileSASS:"Αρχείο Syntactically Awesome StyleSheets",imageTIFF:"Εικόνα Tag Image File Format",fileTSX:"Αρχείο TypeScript Extended Syntax",fileTS:"Αρχείο TypeScript",fileAI:"Διανυσματικό αρχείο Adobe Illustrator",fileEPS:"Διανυσματικό αρχείο Corel Draw"},n={appleDiskImage:"Apple Disk Image",compressedArchive:"Compressed Archive",uncompressedArchive:"Uncompressed Archive",compressedAudio:"Compressed Audio",uncompressedAudio:"Uncompressed Audio",dart:"Dart File",documentAdobe:"Adobe Document",compressedDocumentMS:"Compressed Microsoft Word Document",documentMS:"Microsoft Word Document",documentRTF:"Rich Text Format Document",documentTXT:"Plain Text Document",email:"E-mail",fileDB:"Database File",documentLO:"LibreOffice Document",fileEXE:"Windows Executable File",videoHD:"High Definition Video",videoSD:"Standard Definition Video",spreadsheetLO:"LibreOffice Spreadsheet",spreadsheetMS:"Microsoft Office Spreadsheet",unknown:"Unknown File Format",imageHEIC:"High Efficiency Image File Format",filePHP:"Hypertext Preprocessor File",imagePNG:"Portable Network Graphics Image",imageWEBP:"Google Web Picture Image",compressedImage:"Compressed Image",fileJSON:"JavaScript Object Notation File",fileJS:"JavaScript File",documentWeb:"Web Page",imageSVG:"Scalable Vector Graphics Image",slideLO:"LibreOffice Presentation Slide",slidePowerPoint:"PowerPoint Presentation Slide",fileSASS:"Syntactically Awesome StyleSheets File",imageTIFF:"Tag Image File Format Image",fileTSX:"TypeScript Extended Syntax File",fileTS:"TypeScript File",fileAI:"Adobe Illustrator Vector File",fileEPS:"Corel Draw Vector File"},l={appleDiskImage:"Imagen de disco Apple",compressedArchive:"Archivo comprimido",uncompressedArchive:"Archivo no comprimido",compressedAudio:"Audio comprimido",uncompressedAudio:"Audio no comprimido",dart:"Archivo Dart",documentAdobe:"Documento Adobe",compressedDocumentMS:"Documento comprimido de Microsoft Word",documentMS:"Documento de Microsoft Word",documentRTF:"Documento de formato de texto enriquecido",documentTXT:"Documento de texto sin formato",email:"Correo electrónico",fileDB:"Archivo de base de datos",documentLO:"Documento de LibreOffice",fileEXE:"Archivo ejecutable de Windows",videoHD:"Video de alta definición",videoSD:"Video de definición estándar",spreadsheetLO:"Hoja de cálculo de LibreOffice",spreadsheetMS:"Hoja de cálculo de Microsoft Office",unknown:"Formato de archivo desconocido",imageHEIC:"Formato de archivo de imagen de alta eficiencia",filePHP:"Archivo de preprocesador de hipertexto",imagePNG:"Imagen Portable Network Graphics",imageWEBP:"Imagen Google Web Picture",compressedImage:"Imagen comprimida",fileJSON:"Archivo de notación de objetos de JavaScript",fileJS:"Archivo JavaScript",documentWeb:"Página web",imageSVG:"Imagen de gráficos vectoriales escalables",slideLO:"Diapositiva de presentación de LibreOffice",slidePowerPoint:"Diapositiva de presentación de PowerPoint",fileSASS:"Archivo de Syntactically Awesome StyleSheets",imageTIFF:"Imagen de formato de archivo de imagen etiquetado",fileTSX:"Archivo de sintaxis extendida de TypeScript",fileTS:"Archivo TypeScript",fileAI:"Archivo vectorial de Adobe Illustrator",fileEPS:"Archivo vectorial de Corel Draw"},v={appleDiskImage:"Immagine Disco Apple",compressedArchive:"Archivio compresso",uncompressedArchive:"Archivio non compresso",compressedAudio:"Audio compresso",uncompressedAudio:"Audio non compresso",dart:"File Dart",documentAdobe:"Documento Adobe",compressedDocumentMS:"Documento di testo Microsoft Word Compresso",documentMS:"Documento di testo Microsoft Word",documentRTF:"Documento di testo Rich Text Format",documentTXT:"Documento di testo senza formattazione",email:"E-mail",fileDB:"File di database",documentLO:"Documento di testo LibreOffice",fileEXE:"File eseguibile Windows",videoHD:"Filmato HD ad alta risoluzione",videoSD:"Filmato SD a bassa risoluzione",spreadsheetLO:"Foglio di calcolo LibreOffice",spreadsheetMS:"Foglio di calcolo Office",unknown:"Formato file sconosciuto",imageHEIC:"High Efficiency Image File Format",filePHP:"File Hypertext Preprocessor",imagePNG:"Immagine Portable Network Graphics",imageWEBP:"Immagine Google Web Picture",compressedImage:"Immagine compressa",fileJSON:"File JavaScript Object Notation",fileJS:"File JavaScript",documentWeb:"Pagina web",imageSVG:"Immagine vettoriale Scalable Vector Graphics",slideLO:"Slide di presentazione LibreOffice",slidePowerPoint:"Slide di presentazione PowerPoint",fileSASS:"File Syntactically Awesome StyleSheets",imageTIFF:"Immagine Tag Image File Format",fileTSX:"File TypeScript Extended Syntax",fileTS:"File TypeScript",fileAI:"File vettoriale Adobe Illustrator",fileEPS:"File vettoriale Corel Draw"};export{n as a,l as b,v as c,c as d,r as e,m as f,s as g,d as h}

package/dist/magma-components/p-0b77bb1c.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(n,t,r,a){function o(n){return n instanceof r?n:new r((function(t){t(n)}))}return new(r||(r=Promise))((function(r,s){function e(n){try{u(a.next(n))}catch(n){s(n)}}function i(n){try{u(a["throw"](n))}catch(n){s(n)}}function u(n){n.done?r(n.value):o(n.value).then(e,i)}u((a=a.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,o,s,e;return e={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(e[Symbol.iterator]=function(){return this}),e;function i(n){return function(t){return u([n,t])}}function u(i){if(a)throw new TypeError("Generator is already executing.");while(e&&(e=0,i[0]&&(r=0)),r)try{if(a=1,o&&(s=i[0]&2?o["return"]:i[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,i[1])).done)return s;if(o=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;o=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(s=r.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){r.label=i[1];break}if(i[0]===6&&r.label<s[1]){r.label=s[1];s=i;break}if(s&&r.label<s[2]){r.label=s[2];r.ops.push(i);break}if(s[2])r.ops.pop();r.trys.pop();continue}i=t.call(n,r)}catch(n){i=[6,n];o=0}finally{a=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-d68089ba.system.js","./p-6803cf8d.system.js","./p-32f55263.system.js"],(function(n){"use strict";var t,r,a,o,s,e,i,u;return{setters:[function(n){t=n.r;r=n.h;a=n.H;o=n.g},function(n){s=n.c},function(n){e=n.K},function(n){i=n.u;u=n.s}],execute:function(){var b={sm:"action",md:"action",lg:"h6",xl:"h4"};var c="data:image/svg+xml;base64,";var d="<svg ";var v=function(n){if(!n){return false}return n.startsWith(c)};var g=function(n){if(!n){return false}return n.startsWith(d)};var m='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-button-await-duration: Sets the duration of the rotation of the spinner await component\n * @prop --mds-button-background: Sets the background-color of the component\n * @prop --mds-button-border-color: Sets the border-color of the component\n * @prop --mds-button-color: Sets the text color of the component\n * @prop --mds-button-gap: Sets the distance betwen element inside the components, use it instead of setting gap property directly.\n * @prop --mds-button-radius: Sets the border-radius of the component\n */\n\n:host {\n\n  --mds-button-await-duration: 0.725s;\n  --mds-button-background: rgb(var(--variant-primary-02));\n  --mds-button-border-color: transparent;\n  --mds-button-color: rgb(var(--tone-neutral));\n  --mds-button-gap: 0.5rem;\n  --mds-button-radius: 0.5rem;\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n}\n\n:host:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n:host {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-button-background);\n  border-color: var(--mds-button-border-color);\n  border-radius: var(--mds-button-radius);\n  border-style: solid;\n  border-width: 2px;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: var(--mds-button-color);\n  cursor: pointer;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  fill: currentcolor;\n  gap: var(--mds-button-gap);\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: relative;\n  -webkit-transition-property: background-color, border-color, color, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, transform, outline, outline-offset;\n  transition-property: background-color, border-color, box-shadow, color, transform, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n}\n\n:host(:focus-visible) {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n\n    z-index: 10;\n  }\n\n.text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  min-width: 0;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n.text::first-letter {\n  text-transform: uppercase;\n}\n\n.icon {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  fill: inherit;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -ms-flex-pack: center;\n  justify-content: center;\n  pointer-events: none;\n  -webkit-transition-property: fill;\n  transition-property: fill;\n}\n\n:host([disabled]:not([disabled="false"])) {\n  opacity: 0.5;\n\n  pointer-events: none;\n}\n\n.await {\n  height: 1.5rem;\n  width: 1.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  display: none;\n  margin-right: calc(calc(-1 * var(--mds-button-gap)) - 1.5rem);\n  -webkit-transform: scale(0);\n  transform: scale(0);\n  transition-behavior: allow-discrete;\n  -webkit-transition-property: display, margin-right, opacity, width, -webkit-transform;\n  transition-property: display, margin-right, opacity, width, -webkit-transform;\n  transition-property: display, margin-right, opacity, transform, width;\n  transition-property: display, margin-right, opacity, transform, width, -webkit-transform;\n}\n\n.spinner {\n  height: 1.5rem;\n  width: 1.5rem;\n\n  --mds-spinner-duration: var(--mds-button-await-duration);\n\n  color: currentcolor;\n}\n\n:host(:not([await])) .spinner,\n:host([await="false"]) .spinner {\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n:host([await]:not([await="false"])) .await {\n  margin-right: 0rem;\n  opacity: 1;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n\n  @starting-style {\n    margin-right: calc(calc(-1 * var(--mds-button-gap)) - 1.5rem);\n    opacity: 0;\n    -webkit-transform: scale(0);\n    transform: scale(0);\n  }\n}\n\n:host([await]:not([await="false"])) {\n  pointer-events: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="primary"] ),\n:host( [variant="primary"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--variant-primary-03));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="primary"]:hover ),\n:host( [variant="primary"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--variant-primary-04));\n}\n\n:host( [variant="primary"][active] ),\n:host( [variant="primary"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--variant-primary-02));\n}\n\n:host( [variant="primary"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--variant-primary-09));\n  --mds-button-color: rgb(var(--variant-primary-03));\n\n  fill: rgb(var(--variant-primary-03));\n}\n\n:host( [variant="primary"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--variant-primary-08));\n\n}\n\n:host( [variant="primary"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--variant-primary-08));\n  --mds-button-color: rgb(var(--variant-primary-02));\n\n  fill: rgb(var(--variant-primary-02));\n}\n\n:host( [variant="primary"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-primary-04));\n  --mds-button-color: rgb(var(--variant-primary-03));\n}\n\n:host( [variant="primary"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-primary-04));\n  --mds-button-color: rgb(var(--variant-primary-02));\n}\n\n:host( [variant="primary"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-primary-05));\n  --mds-button-color: rgb(var(--variant-primary-03));\n}\n\n:host( [variant="primary"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-primary-02));\n}\n\n:host( [variant="primary"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-primary-04));\n}\n\n:host( [variant="primary"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-primary-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="primary"] ),\n  :host( [variant="primary"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--variant-primary-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="primary"]:hover ),\n  :host( [variant="primary"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--variant-primary-02));\n  }\n\n  :host( [variant="primary"][active] ),\n  :host( [variant="primary"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--variant-primary-02));\n  }\n\n  :host( [variant="primary"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--variant-primary-09));\n    --mds-button-color: rgb(var(--variant-primary-02));\n\n    fill: rgb(var(--variant-primary-02));\n  }\n\n  :host( [variant="primary"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--variant-primary-08));\n    --mds-button-color: rgb(var(--variant-primary-01));\n\n    fill: rgb(var(--variant-primary-01));\n  }\n\n  :host( [variant="primary"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--variant-primary-08));\n    --mds-button-color: rgb(var(--variant-primary-01));\n\n    fill: rgb(var(--variant-primary-01));\n  }\n\n  :host( [variant="primary"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-primary-03));\n    --mds-button-color: rgb(var(--variant-primary-02));\n  }\n\n  :host( [variant="primary"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-primary-03));\n    --mds-button-color: rgb(var(--variant-primary-01));\n  }\n\n  :host( [variant="primary"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-primary-04));\n    --mds-button-color: rgb(var(--variant-primary-02));\n  }\n\n  :host( [variant="primary"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-primary-01));\n  }\n\n  :host( [variant="primary"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-primary-03));\n  }\n\n  :host( [variant="primary"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-primary-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="primary"] ),\n    :host( [variant="primary"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--variant-primary-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="primary"]:hover ),\n    :host( [variant="primary"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--variant-primary-01));\n    }\n\n    :host( [variant="primary"][active] ),\n    :host( [variant="primary"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--variant-primary-02));\n    }\n\n    :host( [variant="primary"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--variant-primary-09));\n      --mds-button-color: rgb(var(--variant-primary-02));\n\n      fill: rgb(var(--variant-primary-02));\n    }\n\n    :host( [variant="primary"][tone="weak"]:hover ) {\n\n      --mds-button-background: rgb(var(--variant-primary-08));\n      --mds-button-color: rgb(var(--variant-primary-01));\n\n      fill: rgb(var(--variant-primary-01));\n    }\n\n    :host( [variant="primary"][tone="weak"][active] ) {\n\n      --mds-button-background: rgb(var(--variant-primary-08));\n      --mds-button-color: rgb(var(--variant-primary-01));\n\n      fill: rgb(var(--variant-primary-01));\n    }\n\n    :host( [variant="primary"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-primary-03));\n      --mds-button-color: rgb(var(--variant-primary-02));\n    }\n\n    :host( [variant="primary"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-primary-03));\n      --mds-button-color: rgb(var(--variant-primary-01));\n    }\n\n    :host( [variant="primary"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-primary-04));\n      --mds-button-color: rgb(var(--variant-primary-02));\n    }\n\n    :host( [variant="primary"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-primary-01));\n    }\n\n    :host( [variant="primary"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-primary-03));\n    }\n\n    :host( [variant="primary"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-primary-01));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="secondary"] ),\n:host( [variant="secondary"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-03));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="secondary"]:hover ),\n:host( [variant="secondary"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-04));\n}\n\n:host( [variant="secondary"][active] ),\n:host( [variant="secondary"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-02));\n}\n\n:host( [variant="secondary"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-09));\n  --mds-button-color: rgb(var(--variant-secondary-03));\n\n  fill: rgb(var(--variant-secondary-03));\n}\n\n:host( [variant="secondary"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-08));\n\n}\n\n:host( [variant="secondary"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-08));\n  --mds-button-color: rgb(var(--variant-secondary-02));\n\n  fill: rgb(var(--variant-secondary-02));\n}\n\n:host( [variant="secondary"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-secondary-04));\n  --mds-button-color: rgb(var(--variant-secondary-03));\n}\n\n:host( [variant="secondary"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-secondary-04));\n  --mds-button-color: rgb(var(--variant-secondary-02));\n}\n\n:host( [variant="secondary"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-secondary-05));\n  --mds-button-color: rgb(var(--variant-secondary-03));\n}\n\n:host( [variant="secondary"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-secondary-02));\n}\n\n:host( [variant="secondary"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-secondary-04));\n}\n\n:host( [variant="secondary"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-secondary-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="secondary"] ),\n  :host( [variant="secondary"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="secondary"]:hover ),\n  :host( [variant="secondary"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-02));\n  }\n\n  :host( [variant="secondary"][active] ),\n  :host( [variant="secondary"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-02));\n  }\n\n  :host( [variant="secondary"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-09));\n    --mds-button-color: rgb(var(--variant-secondary-02));\n\n    fill: rgb(var(--variant-secondary-02));\n  }\n\n  :host( [variant="secondary"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-08));\n    --mds-button-color: rgb(var(--variant-secondary-01));\n\n    fill: rgb(var(--variant-secondary-01));\n  }\n\n  :host( [variant="secondary"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-08));\n    --mds-button-color: rgb(var(--variant-secondary-01));\n\n    fill: rgb(var(--variant-secondary-01));\n  }\n\n  :host( [variant="secondary"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-secondary-03));\n    --mds-button-color: rgb(var(--variant-secondary-02));\n  }\n\n  :host( [variant="secondary"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-secondary-03));\n    --mds-button-color: rgb(var(--variant-secondary-01));\n  }\n\n  :host( [variant="secondary"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-secondary-04));\n    --mds-button-color: rgb(var(--variant-secondary-02));\n  }\n\n  :host( [variant="secondary"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-secondary-01));\n  }\n\n  :host( [variant="secondary"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-secondary-03));\n  }\n\n  :host( [variant="secondary"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-secondary-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="secondary"] ),\n    :host( [variant="secondary"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="secondary"]:hover ),\n    :host( [variant="secondary"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-01));\n    }\n\n    :host( [variant="secondary"][active] ),\n    :host( [variant="secondary"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-02));\n    }\n\n    :host( [variant="secondary"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-09));\n      --mds-button-color: rgb(var(--variant-secondary-02));\n\n      fill: rgb(var(--variant-secondary-02));\n    }\n\n    :host( [variant="secondary"][tone="weak"]:hover ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-08));\n      --mds-button-color: rgb(var(--variant-secondary-01));\n\n      fill: rgb(var(--variant-secondary-01));\n    }\n\n    :host( [variant="secondary"][tone="weak"][active] ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-08));\n      --mds-button-color: rgb(var(--variant-secondary-01));\n\n      fill: rgb(var(--variant-secondary-01));\n    }\n\n    :host( [variant="secondary"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-secondary-03));\n      --mds-button-color: rgb(var(--variant-secondary-02));\n    }\n\n    :host( [variant="secondary"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-secondary-03));\n      --mds-button-color: rgb(var(--variant-secondary-01));\n    }\n\n    :host( [variant="secondary"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-secondary-04));\n      --mds-button-color: rgb(var(--variant-secondary-02));\n    }\n\n    :host( [variant="secondary"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-secondary-01));\n    }\n\n    :host( [variant="secondary"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-secondary-03));\n    }\n\n    :host( [variant="secondary"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-secondary-01));\n    }\n  }\n}\n\n:host( [variant="dark"] ),\n:host( [variant="dark"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-04));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="dark"]:hover ),\n:host( [variant="dark"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant="dark"][active] ),\n:host( [variant="dark"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="dark"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-08));\n  --mds-button-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-07));\n}\n\n:host( [variant="dark"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-06));\n}\n\n:host( [variant="dark"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral-03));\n  --mds-button-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="dark"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral-04));\n  --mds-button-color: rgb(var(--tone-neutral-04));\n}\n\n:host( [variant="dark"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral-02));\n  --mds-button-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral-04));\n}\n\n:host( [variant="dark"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral-02));\n}\n\n@tailwind utilities;\n\n:host( [variant="light"] ),\n:host( [variant="light"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral));\n  --mds-button-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"]:hover ),\n:host( [variant="light"][tone="strong"]:hover ) {\n\n  --mds-button-color: rgb(var(--tone-neutral-04));\n}\n\n:host( [variant="light"][active] ),\n:host( [variant="light"][tone="strong"][active] ) {\n\n  --mds-button-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="light"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral));\n  --mds-button-color: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant="light"][tone="weak"]:hover ) {\n\n  --mds-button-color: rgb(var(--tone-neutral-04));\n}\n\n:host( [variant="light"][tone="weak"][active] ) {\n\n  --mds-button-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="light"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="light"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="light"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="light"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="light"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n@tailwind utilities;\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--status-error-05));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="error"]:hover ),\n:host( [variant="error"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-error-04));\n}\n\n:host( [variant="error"][active] ),\n:host( [variant="error"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--status-error-06));\n}\n\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--status-error-09));\n  --mds-button-color: rgb(var(--status-error-03));\n\n  fill: rgb(var(--status-error-03));\n}\n\n:host( [variant="error"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-error-08));\n\n}\n\n:host( [variant="error"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--status-error-08));\n  --mds-button-color: rgb(var(--status-error-02));\n\n  fill: rgb(var(--status-error-02));\n}\n\n:host( [variant="error"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-error-04));\n  --mds-button-color: rgb(var(--status-error-03));\n}\n\n:host( [variant="error"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-error-04));\n  --mds-button-color: rgb(var(--status-error-02));\n}\n\n:host( [variant="error"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-error-05));\n  --mds-button-color: rgb(var(--status-error-03));\n}\n\n:host( [variant="error"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-error-02));\n}\n\n:host( [variant="error"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-error-04));\n}\n\n:host( [variant="error"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-error-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="error"] ),\n  :host( [variant="error"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--status-error-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="error"]:hover ),\n  :host( [variant="error"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-error-01));\n  }\n\n  :host( [variant="error"][active] ),\n  :host( [variant="error"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--status-error-04));\n  }\n\n  :host( [variant="error"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--status-error-09));\n    --mds-button-color: rgb(var(--status-error-02));\n\n    fill: rgb(var(--status-error-02));\n  }\n\n  :host( [variant="error"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-error-08));\n    --mds-button-color: rgb(var(--status-error-01));\n\n    fill: rgb(var(--status-error-01));\n  }\n\n  :host( [variant="error"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--status-error-08));\n    --mds-button-color: rgb(var(--status-error-01));\n\n    fill: rgb(var(--status-error-01));\n  }\n\n  :host( [variant="error"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-error-03));\n    --mds-button-color: rgb(var(--status-error-02));\n  }\n\n  :host( [variant="error"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-error-03));\n    --mds-button-color: rgb(var(--status-error-01));\n  }\n\n  :host( [variant="error"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-error-04));\n    --mds-button-color: rgb(var(--status-error-02));\n  }\n\n  :host( [variant="error"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-error-01));\n  }\n\n  :host( [variant="error"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-error-03));\n  }\n\n  :host( [variant="error"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-error-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="error"] ),\n    :host( [variant="error"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--status-error-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="error"]:hover ),\n    :host( [variant="error"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--status-error-01));\n    }\n\n    :host( [variant="error"][active] ),\n    :host( [variant="error"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--status-error-04));\n    }\n\n    :host( [variant="error"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--status-error-09));\n      --mds-button-color: rgb(var(--status-error-02));\n  \n      fill: rgb(var(--status-error-02));\n    }\n\n    :host( [variant="error"][tone="weak"]:hover ) {\n  \n      --mds-button-background: rgb(var(--status-error-08));\n      --mds-button-color: rgb(var(--status-error-01));\n  \n      fill: rgb(var(--status-error-01));\n    }\n\n    :host( [variant="error"][tone="weak"][active] ) {\n  \n      --mds-button-background: rgb(var(--status-error-08));\n      --mds-button-color: rgb(var(--status-error-01));\n  \n      fill: rgb(var(--status-error-01));\n    }\n\n    :host( [variant="error"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-error-03));\n      --mds-button-color: rgb(var(--status-error-02));\n    }\n\n    :host( [variant="error"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-error-03));\n      --mds-button-color: rgb(var(--status-error-01));\n    }\n\n    :host( [variant="error"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-error-04));\n      --mds-button-color: rgb(var(--status-error-02));\n    }\n\n    :host( [variant="error"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-error-01));\n    }\n\n    :host( [variant="error"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-error-03));\n    }\n\n    :host( [variant="error"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-error-01));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--status-warning-05));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="warning"]:hover ),\n:host( [variant="warning"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-warning-04));\n}\n\n:host( [variant="warning"][active] ),\n:host( [variant="warning"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--status-warning-06));\n}\n\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--status-warning-09));\n  --mds-button-color: rgb(var(--status-warning-03));\n\n  fill: rgb(var(--status-warning-03));\n}\n\n:host( [variant="warning"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-warning-08));\n\n}\n\n:host( [variant="warning"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--status-warning-08));\n  --mds-button-color: rgb(var(--status-warning-02));\n\n  fill: rgb(var(--status-warning-02));\n}\n\n:host( [variant="warning"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-warning-04));\n  --mds-button-color: rgb(var(--status-warning-03));\n}\n\n:host( [variant="warning"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-warning-04));\n  --mds-button-color: rgb(var(--status-warning-02));\n}\n\n:host( [variant="warning"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-warning-05));\n  --mds-button-color: rgb(var(--status-warning-03));\n}\n\n:host( [variant="warning"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-warning-02));\n}\n\n:host( [variant="warning"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-warning-04));\n}\n\n:host( [variant="warning"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-warning-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="warning"] ),\n  :host( [variant="warning"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--status-warning-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="warning"]:hover ),\n  :host( [variant="warning"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-warning-01));\n  }\n\n  :host( [variant="warning"][active] ),\n  :host( [variant="warning"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--status-warning-04));\n  }\n\n  :host( [variant="warning"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--status-warning-09));\n    --mds-button-color: rgb(var(--status-warning-02));\n\n    fill: rgb(var(--status-warning-02));\n  }\n\n  :host( [variant="warning"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-warning-08));\n    --mds-button-color: rgb(var(--status-warning-01));\n\n    fill: rgb(var(--status-warning-01));\n  }\n\n  :host( [variant="warning"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--status-warning-08));\n    --mds-button-color: rgb(var(--status-warning-01));\n\n    fill: rgb(var(--status-warning-01));\n  }\n\n  :host( [variant="warning"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-warning-03));\n    --mds-button-color: rgb(var(--status-warning-02));\n  }\n\n  :host( [variant="warning"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-warning-03));\n    --mds-button-color: rgb(var(--status-warning-01));\n  }\n\n  :host( [variant="warning"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-warning-04));\n    --mds-button-color: rgb(var(--status-warning-02));\n  }\n\n  :host( [variant="warning"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-warning-01));\n  }\n\n  :host( [variant="warning"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-warning-03));\n  }\n\n  :host( [variant="warning"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-warning-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="warning"] ),\n    :host( [variant="warning"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--status-warning-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="warning"]:hover ),\n    :host( [variant="warning"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--status-warning-01));\n    }\n\n    :host( [variant="warning"][active] ),\n    :host( [variant="warning"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--status-warning-04));\n    }\n\n    :host( [variant="warning"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--status-warning-09));\n      --mds-button-color: rgb(var(--status-warning-02));\n  \n      fill: rgb(var(--status-warning-02));\n    }\n\n    :host( [variant="warning"][tone="weak"]:hover ) {\n  \n      --mds-button-background: rgb(var(--status-warning-08));\n      --mds-button-color: rgb(var(--status-warning-01));\n  \n      fill: rgb(var(--status-warning-01));\n    }\n\n    :host( [variant="warning"][tone="weak"][active] ) {\n  \n      --mds-button-background: rgb(var(--status-warning-08));\n      --mds-button-color: rgb(var(--status-warning-01));\n  \n      fill: rgb(var(--status-warning-01));\n    }\n\n    :host( [variant="warning"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-warning-03));\n      --mds-button-color: rgb(var(--status-warning-02));\n    }\n\n    :host( [variant="warning"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-warning-03));\n      --mds-button-color: rgb(var(--status-warning-01));\n    }\n\n    :host( [variant="warning"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-warning-04));\n      --mds-button-color: rgb(var(--status-warning-02));\n    }\n\n    :host( [variant="warning"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-warning-01));\n    }\n\n    :host( [variant="warning"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-warning-03));\n    }\n\n    :host( [variant="warning"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-warning-01));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--status-info-05));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="info"]:hover ),\n:host( [variant="info"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-info-04));\n}\n\n:host( [variant="info"][active] ),\n:host( [variant="info"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--status-info-06));\n}\n\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--status-info-09));\n  --mds-button-color: rgb(var(--status-info-03));\n\n  fill: rgb(var(--status-info-03));\n}\n\n:host( [variant="info"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-info-08));\n\n}\n\n:host( [variant="info"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--status-info-08));\n  --mds-button-color: rgb(var(--status-info-02));\n\n  fill: rgb(var(--status-info-02));\n}\n\n:host( [variant="info"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-info-04));\n  --mds-button-color: rgb(var(--status-info-03));\n}\n\n:host( [variant="info"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-info-04));\n  --mds-button-color: rgb(var(--status-info-02));\n}\n\n:host( [variant="info"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-info-05));\n  --mds-button-color: rgb(var(--status-info-03));\n}\n\n:host( [variant="info"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-info-02));\n}\n\n:host( [variant="info"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-info-04));\n}\n\n:host( [variant="info"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-info-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="info"] ),\n  :host( [variant="info"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--status-info-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="info"]:hover ),\n  :host( [variant="info"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-info-01));\n  }\n\n  :host( [variant="info"][active] ),\n  :host( [variant="info"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--status-info-04));\n  }\n\n  :host( [variant="info"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--status-info-09));\n    --mds-button-color: rgb(var(--status-info-02));\n\n    fill: rgb(var(--status-info-02));\n  }\n\n  :host( [variant="info"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-info-08));\n    --mds-button-color: rgb(var(--status-info-01));\n\n    fill: rgb(var(--status-info-01));\n  }\n\n  :host( [variant="info"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--status-info-08));\n    --mds-button-color: rgb(var(--status-info-01));\n\n    fill: rgb(var(--status-info-01));\n  }\n\n  :host( [variant="info"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-info-03));\n    --mds-button-color: rgb(var(--status-info-02));\n  }\n\n  :host( [variant="info"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-info-03));\n    --mds-button-color: rgb(var(--status-info-01));\n  }\n\n  :host( [variant="info"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-info-04));\n    --mds-button-color: rgb(var(--status-info-02));\n  }\n\n  :host( [variant="info"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-info-01));\n  }\n\n  :host( [variant="info"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-info-03));\n  }\n\n  :host( [variant="info"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-info-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="info"] ),\n    :host( [variant="info"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--status-info-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="info"]:hover ),\n    :host( [variant="info"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--status-info-01));\n    }\n\n    :host( [variant="info"][active] ),\n    :host( [variant="info"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--status-info-04));\n    }\n\n    :host( [variant="info"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--status-info-09));\n      --mds-button-color: rgb(var(--status-info-02));\n  \n      fill: rgb(var(--status-info-02));\n    }\n\n    :host( [variant="info"][tone="weak"]:hover ) {\n  \n      --mds-button-background: rgb(var(--status-info-08));\n      --mds-button-color: rgb(var(--status-info-01));\n  \n      fill: rgb(var(--status-info-01));\n    }\n\n    :host( [variant="info"][tone="weak"][active] ) {\n  \n      --mds-button-background: rgb(var(--status-info-08));\n      --mds-button-color: rgb(var(--status-info-01));\n  \n      fill: rgb(var(--status-info-01));\n    }\n\n    :host( [variant="info"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-info-03));\n      --mds-button-color: rgb(var(--status-info-02));\n    }\n\n    :host( [variant="info"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-info-03));\n      --mds-button-color: rgb(var(--status-info-01));\n    }\n\n    :host( [variant="info"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-info-04));\n      --mds-button-color: rgb(var(--status-info-02));\n    }\n\n    :host( [variant="info"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-info-01));\n    }\n\n    :host( [variant="info"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-info-03));\n    }\n\n    :host( [variant="info"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-info-01));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--status-success-05));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="success"]:hover ),\n:host( [variant="success"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-success-04));\n}\n\n:host( [variant="success"][active] ),\n:host( [variant="success"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--status-success-06));\n}\n\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--status-success-09));\n  --mds-button-color: rgb(var(--status-success-03));\n\n  fill: rgb(var(--status-success-03));\n}\n\n:host( [variant="success"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-success-08));\n\n}\n\n:host( [variant="success"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--status-success-08));\n  --mds-button-color: rgb(var(--status-success-02));\n\n  fill: rgb(var(--status-success-02));\n}\n\n:host( [variant="success"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-success-04));\n  --mds-button-color: rgb(var(--status-success-03));\n}\n\n:host( [variant="success"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-success-04));\n  --mds-button-color: rgb(var(--status-success-02));\n}\n\n:host( [variant="success"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-success-05));\n  --mds-button-color: rgb(var(--status-success-03));\n}\n\n:host( [variant="success"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-success-02));\n}\n\n:host( [variant="success"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-success-04));\n}\n\n:host( [variant="success"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-success-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="success"] ),\n  :host( [variant="success"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--status-success-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="success"]:hover ),\n  :host( [variant="success"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-success-01));\n  }\n\n  :host( [variant="success"][active] ),\n  :host( [variant="success"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--status-success-04));\n  }\n\n  :host( [variant="success"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--status-success-09));\n    --mds-button-color: rgb(var(--status-success-02));\n\n    fill: rgb(var(--status-success-02));\n  }\n\n  :host( [variant="success"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-success-08));\n    --mds-button-color: rgb(var(--status-success-01));\n\n    fill: rgb(var(--status-success-01));\n  }\n\n  :host( [variant="success"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--status-success-08));\n    --mds-button-color: rgb(var(--status-success-01));\n\n    fill: rgb(var(--status-success-01));\n  }\n\n  :host( [variant="success"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-success-03));\n    --mds-button-color: rgb(var(--status-success-02));\n  }\n\n  :host( [variant="success"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-success-03));\n    --mds-button-color: rgb(var(--status-success-01));\n  }\n\n  :host( [variant="success"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-success-04));\n    --mds-button-color: rgb(var(--status-success-02));\n  }\n\n  :host( [variant="success"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-success-01));\n  }\n\n  :host( [variant="success"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-success-03));\n  }\n\n  :host( [variant="success"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-success-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="success"] ),\n    :host( [variant="success"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--status-success-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="success"]:hover ),\n    :host( [variant="success"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--status-success-01));\n    }\n\n    :host( [variant="success"][active] ),\n    :host( [variant="success"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--status-success-04));\n    }\n\n    :host( [variant="success"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--status-success-09));\n      --mds-button-color: rgb(var(--status-success-02));\n  \n      fill: rgb(var(--status-success-02));\n    }\n\n    :host( [variant="success"][tone="weak"]:hover ) {\n  \n      --mds-button-background: rgb(var(--status-success-08));\n      --mds-button-color: rgb(var(--status-success-01));\n  \n      fill: rgb(var(--status-success-01));\n    }\n\n    :host( [variant="success"][tone="weak"][active] ) {\n  \n      --mds-button-background: rgb(var(--status-success-08));\n      --mds-button-color: rgb(var(--status-success-01));\n  \n      fill: rgb(var(--status-success-01));\n    }\n\n    :host( [variant="success"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-success-03));\n      --mds-button-color: rgb(var(--status-success-02));\n    }\n\n    :host( [variant="success"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-success-03));\n      --mds-button-color: rgb(var(--status-success-01));\n    }\n\n    :host( [variant="success"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-success-04));\n      --mds-button-color: rgb(var(--status-success-02));\n    }\n\n    :host( [variant="success"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-success-01));\n    }\n\n    :host( [variant="success"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-success-03));\n    }\n\n    :host( [variant="success"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-success-01));\n    }\n  }\n}\n\n:host( [size="sm"] ) {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0rem;\n  padding-bottom: 0rem;\n\n  --mds-button-radius: 0.375rem;\n\n  min-height: 1.75rem;\n  min-width: 1.75rem;\n}\n\n:host( .no-text[size="sm"] ) {\n  padding: 0rem;\n}\n\n:host( [size="sm"] ) .text {\n  font-weight: 500;\n}\n\n:host( [size="sm"][await]:not([await="false"]) ) .await {\n  -webkit-transform: scale(.75);\n  transform: scale(.75);\n}\n\n:host( [size="md"] ) {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\n:host( .no-text[size="md"] ) {\n  padding: 0.25rem;\n}\n\n:host( [size="lg"] ) {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n\n  min-height: 2.75rem;\n  min-width: 2.75rem;\n}\n\n:host( .no-text[size="lg"] ) {\n  padding: 0.5rem;\n}\n\n:host( [size="xl"] ) {\n  padding-left: 2rem;\n  padding-right: 2rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n\n  min-height: 3.25rem;\n  min-width: 3.25rem;\n}\n\n:host( .no-text[size="xl"] ) {\n  padding: 0.5rem;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .await,\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .await,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n  }\n  }\n}\n\n\n';var l=m;var h=n("mds_button",function(){function n(n){var r=this;t(this,n);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.km=new e;this.handleRequestSubmitForm=function(n){var t;n.preventDefault();(t=r.internals.form)===null||t===void 0?void 0:t.requestSubmit()};this.handleReset=function(n){var t;n.preventDefault();(t=r.internals.form)===null||t===void 0?void 0:t.reset()};this.mouseDown=function(){r.active=true};this.mouseUp=function(){r.active=false};this.redirectBlank=function(){var n;var t=document.createElement("a");t.target="_blank";t.href=(n=r.href)!==null&&n!==void 0?n:"";t.click()};this.autoFocus=undefined;this.icon=undefined;this.iconPosition="left";this.type="submit";this.variant="primary";this.tone="strong";this.size="md";this.active=undefined;this.disabled=undefined;this.await=undefined;this.href=undefined;this.target="self"}n.prototype.disabledChanged=function(n){if(n){this.km.attachClickBehavior();return}this.km.detachClickBehavior()};n.prototype.awaitChanged=function(n){this.host.setAttribute("aria-busy",n.toString());if(n){this.km.attachClickBehavior();return}this.km.detachClickBehavior()};n.prototype.handleTypeChange=function(n){if(!this.internals.form)return;if(n==="submit"){this.host.removeEventListener("click",this.handleReset);this.host.addEventListener("click",this.handleRequestSubmitForm)}else if(n==="reset"){this.host.removeEventListener("click",this.handleRequestSubmitForm);this.host.addEventListener("click",this.handleReset)}else{this.host.removeEventListener("click",this.handleRequestSubmitForm);this.host.removeEventListener("click",this.handleReset)}};n.prototype.componentWillLoad=function(){var n=this;this.hasNotification=this.host.querySelector('[slot="notification"]')!==null;this.hasText=this.host.innerHTML!=="";if(this.href){this.host.addEventListener("click",(function(t){var r;t.preventDefault();if(n.target==="blank"){n.redirectBlank();return}if(typeof window!=="undefined"){window.location.href=(r=n.href)!==null&&r!==void 0?r:""}}))}else if(this.internals.form){if(this.type==="submit"){this.host.addEventListener("click",this.handleRequestSubmitForm)}else if(this.type==="reset"){this.host.addEventListener("click",this.handleReset)}}};n.prototype.componentDidLoad=function(){this.km.addElement(this.host);if(!this.await){this.km.attachClickBehavior()}this.host.setAttribute("aria-busy",this.await?"true":"false");if(this.autoFocus){this.host.focus()}if(v(this.icon)){return}if(g(this.icon)){return}if(!this.hasText&&this.icon){var n=i(this.icon);if(!this.host.hasAttribute("aria-label")){u(this.host,"title",n)}u(this.host,"aria-label",n)}};n.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};n.prototype.render=function(){this.typography=b[this.size];return r(a,{key:"649b7825ea9191bc59e101a134971f6ab3f812a4",class:s(!this.hasText&&"no-text"),onMouseDown:this.mouseDown,onMouseUp:this.mouseUp,onMouseOut:this.mouseUp,tabindex:"0",role:"button"},r("div",{key:"dc8611656e599dadcd72a987cd02d366308b668e",class:"await"},r("mds-spinner",{key:"2cf418c1d46fd3434491641b73ef996499e4a9fe",class:"spinner",running:this.await})),this.icon&&this.iconPosition==="left"&&r("mds-icon",{key:"0b14c60e5e56118befb1cdab8e5f7e439a8e407f","aria-hidden":"true",class:"icon",name:this.icon,part:"icon"}),this.hasText&&r("mds-text",{key:"36be920f94596da917901f921914c11b4b713819",class:"text",part:"label",typography:this.typography},r("slot",{key:"0f637c83733088951a9f5b0cc8969325cc099198"})),this.hasNotification&&r("slot",{key:"8b0f56322131126cd861c2b76e2d0b7bd40435ae",name:"notification"}),this.icon&&this.iconPosition==="right"&&r("mds-icon",{key:"8c2d58ff81373d1217aa1579b6d09f421b9754d4","aria-hidden":"true",class:"icon",name:this.icon,part:"icon"}))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{disabled:["disabledChanged"],await:["awaitChanged"],type:["handleTypeChange"]}},enumerable:false,configurable:true});return n}());h.style=l;function f(n){return new Promise((function(t,r){n.oncomplete=n.onsuccess=function(){return t(n.result)};n.onabort=n.onerror=function(){return r(n.error)}}))}function p(n,t){var r=indexedDB.open(n);r.onupgradeneeded=function(){return r.result.createObjectStore(t)};var a=f(r);return function(n,r){return a.then((function(a){return r(a.transaction(t,n).objectStore(t))}))}}var k;function w(){if(!k){k=p("keyval-store","keyval")}return k}function y(n){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:w();return t("readonly",(function(t){return f(t.get(n))}))}function x(n,t){var r=arguments.length>2&&arguments[2]!==undefined?arguments[2]:w();return r("readwrite",(function(r){r.put(t,n);return f(r.transaction)}))}function q(n){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:w();return t("readwrite",(function(t){t.delete(n);return f(t.transaction)}))}var z=function(){function n(n,t,r){this.name=n;this.path=t;this._resolveIconName=r}n.prototype.resolveIconName=function(n){return this._resolveIconName(n,this.name,this.path)};Object.defineProperty(n.prototype,"resolver",{get:function(){return this._resolveIconName},enumerable:false,configurable:true});return n}();var _=function(){function n(){var n=this;this._svgPathKey="mdsIconSvgPath";this._iconsSets=new Map;this._svgPathUpdate="mdsIconSvgPathUpdate";this.cacheExp=60*60*1e3*24;this.listeners=[];this.memoryCache={};this.isCacheAvailable=function(t){return __awaiter(n,void 0,void 0,(function(){var n,r,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,y("loader_".concat(t))];case 1:n=o.sent();if(!n){return[2,false]}r=JSON.parse(n);if(Date.now()<r.expiry){return[2,r.data]}q("loader_".concat(t));return[2,false];case 2:a=o.sent();console.error("isCacheAvailable error",a);return[2,false];case 3:return[2]}}))}))};this.setCache=function(t,r){return __awaiter(n,void 0,void 0,(function(){var n;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,x("loader_".concat(t),JSON.stringify({data:r,expiry:Date.now()+this.cacheExp}))];case 1:a.sent();return[3,3];case 2:n=a.sent();console.error("setCache error",n);return[3,3];case 3:return[2]}}))}))};this.setUpListener()}n.prototype.addIconSet=function(n,t,r){var a=r;var o=this._iconsSets.get(n);if(!a&&o&&typeof o.resolver==="function"){a=o.resolver}else if(a&&typeof a!=="function"){console.error("MdsIconSvg: the third input of addIconSet should be a function that parses and returns the icons's filename.");return false}else if(!a){console.error("MdsIconSvg: the set ".concat(n," needs a resolve function for the icon names."));return false}this._iconsSets.set(n,new z(n,t,a));return true};n.prototype.getIconSet=function(n){if(!n)return{set:null};return{set:this._iconsSets.get(n.split("/")[0])}};n.prototype.setSvgPath=function(n){var t=/^(((https?:\/\/)?[.\w]+(:\d+)?)|\/)([\w/-]+)*/;var r=t.exec(n);if(!r){throw Error("Svg path not recognize ".concat(n,", ensure is a absolute path starting with '/' or a url"))}if(typeof window!=="undefined"){this._svgPath=r[1]?r[0]:window.location.origin.concat(r[0]);window.dispatchEvent(new Event(this._svgPathUpdate))}};n.prototype.getSvgPath=function(){return this._svgPath};n.prototype.registerListener=function(n){this.listeners.push(n)};n.prototype.setUpListener=function(){var n=this;if(typeof window!=="undefined"){window.addEventListener(this._svgPathUpdate,(function(){for(var t=0,r=n.listeners;t<r.length;t++){var a=r[t];a()}}))}};n.prototype.fetchSvg=function(n){return __awaiter(this,void 0,void 0,(function(){var t,r,a,o,s,e,i;return __generator(this,(function(u){switch(u.label){case 0:u.trys.push([0,4,,5]);if(!this._svgPath&&typeof window==="undefined"){throw Error("Cant find svgPath, ensure you set it")}if(!this._svgPath){this.setSvgPath((t=window.sessionStorage.getItem(S._svgPathKey))!==null&&t!==void 0?t:"")}r=this._svgPath&&!n.startsWith("http")?this._svgPath.concat(n,".svg"):n;return[4,this.isCacheAvailable(r)];case 1:a=u.sent();if(this.memoryCache[r]||a){return[2,this.memoryCache[r]||a]}return[4,fetch(r)];case 2:o=u.sent();if(!o.ok){throw Error("Request for '".concat(r,"' returned ").concat(o.status," (").concat(o.statusText,")"))}return[4,o.text()];case 3:s=u.sent();e=s.toLowerCase().trim();if(!(e.startsWith("<svg")||e.startsWith("<?xml"))){throw Error("Resource '".concat(r,"' returned an invalid SVG file"))}this.setCache(r,s);this.memoryCache[r]=s;return[2,s];case 4:i=u.sent();console.error("fetchSvg error",i);return[2,""];case 5:return[2]}}))}))};return n}();var S=new _;var j=":host{aspect-ratio:1/1;width:1.5rem;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center}.icon{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;font-style:normal;-ms-flex-pack:center;justify-content:center;width:100%}.icon svg{height:auto;width:100%}";var C=j;var M=n("mds_icon",function(){function n(n){var r=this;t(this,n);this.convertBase64ToSvg=function(){var n=r.name.replace(c,"").replace(/\=/i,"");return atob(n)};this.svgHTML=undefined;this.name=undefined;this._iconHref=undefined}n.prototype.componentWillLoad=function(){var n=this;this.updateIcon();S.registerListener((function(){return n.updateIcon()}))};n.setSvgPathStatic=function(n){S.setSvgPath(n)};n.prototype.setSvgPath=function(n){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){S.setSvgPath(n);return[2]}))}))};n.prototype.updateIcon=function(){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(t){switch(t.label){case 0:if(!this.name)return[2,Promise.resolve()];if(v(this.name)){this.svgHTML=this.convertBase64ToSvg();return[2,Promise.resolve()]}if(g(this.name)){this.svgHTML=this.name;return[2,Promise.resolve()]}n=this;return[4,S.fetchSvg(this.name)];case 1:n.svgHTML=t.sent();return[2]}}))}))};n.prototype.render=function(){return r(a,{key:"0776044452ef994b9671eaad6d0f1299bd3f7add"},this.svgHTML&&r("i",{key:"0091505aeb5563e9a1327d174d19ac0e4fe1ffd6","aria-hidden":"true",class:"icon",part:"svg",innerHTML:this.svgHTML}))};Object.defineProperty(n.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{name:["updateIcon"]}},enumerable:false,configurable:true});return n}());M.style=C;var O='<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path opacity="0.25" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="4"/>\n  <path opacity="0.75" d="M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297" stroke="currentColor" stroke-width="4" stroke-linecap="round"/>\n</svg>\n';var P='@tailwind utilities;\n\n/**\n * @prop --mds-spinner-duration: Sets the duration of the icon animation\n */\n\n:host {\n\n  --mds-spinner-duration: 0.725s;\n\n  height: 3rem;\n\n  width: 3rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: rgb(var(--variant-primary-03));\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-transform: scale(0);\n  transform: scale(0);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n:host([running]:not([running="false"])){\n\n  -webkit-transition-duration: 700ms;\n\n  transition-duration: 700ms;\n\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  -webkit-transform: scale(1);\n\n  transform: scale(1);\n}\n\n.await-icon{\n\n  aspect-ratio: 1/1;\n\n  width: 100%;\n}\n\n@-webkit-keyframes spin{\n\n  to{\n\n    -webkit-transform: rotate(360deg);\n\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spin{\n\n  to{\n\n    -webkit-transform: rotate(360deg);\n\n    transform: rotate(360deg);\n  }\n}\n\n.await-icon{\n\n  -webkit-animation: spin 1s linear infinite;\n\n  animation: spin 1s linear infinite;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -webkit-animation-duration: var(--mds-spinner-duration);\n\n  animation-duration: var(--mds-spinner-duration);\n  -webkit-animation-play-state: paused;\n  animation-play-state: paused;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  stroke: currentcolor;\n  -webkit-transition-property: stroke;\n  transition-property: stroke;\n}\n\n:host([running]:not([running="false"])) .await-icon {\n  -webkit-animation-play-state: running;\n  animation-play-state: running;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-spinner-duration: 4s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-spinner-duration: 4s;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    color: rgb(var(--variant-primary-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      color: rgb(var(--variant-primary-01));\n    }\n  }\n}\n\n';var E=P;var I=n("mds_spinner",function(){function n(n){t(this,n);this.running=false}n.prototype.render=function(){return r(a,{key:"910389c00098833f8ed30cc5cfc5e84cb8c12b1b"},r("i",{key:"25f79ee1462cfab7b0c700b31966bf6f3cdb3bc5",class:"await-icon",innerHTML:O}))};return n}());I.style=E}}}));

package/dist/magma-components/p-0f3e17bc.js

@@ -0,0 +1 @@
+class t{constructor(){this.elements=new Map,this.handleClickBehaviorDispatchEvent=t=>{"Enter"!==t.code&&"NumpadEnter"!==t.code||t.target.click()},this.handleEscapeBehaviorDispatchEvent=t=>{"Escape"===t.code&&this.escapeCallback&&this.escapeCallback()},this.addElement=(t,e="element")=>{if(!t)throw Error(`Passed an ${t} element parameter to KeyboardManager.addElement`);this.elements.set(e,t)},this.removeElement=(t="element")=>{this.detachClickBehavior(t),this.elements.delete(t)},this.attachClickBehavior=(t="element")=>{var e;null===(e=this.elements.get(t))||void 0===e||e.addEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.detachClickBehavior=(t="element")=>{var e;null===(e=this.elements.get(t))||void 0===e||e.removeEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.attachEscapeBehavior=t=>{this.escapeCallback=t,"undefined"!=typeof window&&window.addEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))},this.detachEscapeBehavior=()=>{this.escapeCallback=()=>{},"undefined"!=typeof window&&window.removeEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))}}}export{t as K}

package/dist/magma-components/{p-7d460c08.system.entry.js → p-0f6c6757.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var e,r,t,i,a;return{setters:[function(n){e=n.r;r=n.c;t=n.h;i=n.H;a=n.g}],execute:function(){var d='@tailwind utilities;\n\n/**\n * @prop --mds-header-color: Sets the text color of the header and the mobile toggler icon\n * @prop --mds-header-hidden-bar-translate-inline: Sets translateY value for the appearance inline `mds-header-bar` element\n * @prop --mds-header-hidden-bar-translate-stripe: Sets translateY value for the appearance stripe `mds-header-bar` element\n * @prop --mds-header-icon-color: Sets the color of the icon toggler\n * @prop --mds-header-z-index: Sets the z-index of the modal\n */\n\n:host {\n\n  --mds-header-color: rgb(var(--tone-neutral-02));\n  --mds-header-hidden-bar-translate-inline: translateY(-150%);\n  --mds-header-hidden-bar-translate-stripe: translateY(-110%);\n  --mds-header-icon-color: var(--mds-header-color, rgb(var(--tone-neutral-02)));\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral));\n  --mds-header-z-index: var(--magma-header-z-index, 1000);\n\n  color: var(--mds-header-color);\n  fill: var(--mds-header-icon-color);\n  position: relative;\n  z-index: var(--mds-header-z-index);\n}\n\n.menu {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.modal {\n\n  --mds-modal-close-icon-color: var(--mds-header-modal-icon-color);\n\n  z-index: var(--mds-header-z-index);\n}\n\n:host([appearance="inline"]) ::slotted(mds-header-bar){\n\n  margin-top: 1.5rem;\n\n  margin-bottom: 1.5rem;\n\n  max-width: 1280px;\n\n  border-radius: 0.5rem;\n\n  width: calc(100% - 3rem);\n}\n\n@media (max-width: 1023px){\n\n  :host([menu="desktop"]) .menu{\n\n    display: none;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([menu="mobile"]) .menu{\n\n    display: none;\n  }\n}\n\n:host([menu="none"]) .menu {\n  display: none;\n}\n\n:host([visibility="hidden"][appearance="stripe"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-stripe);\n  transform: var(--mds-header-hidden-bar-translate-stripe);\n}\n\n:host([visibility="hidden"][appearance="inline"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-inline);\n  transform: var(--mds-header-hidden-bar-translate-inline);\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n';var s=d;var o=n("mds_header",function(){function n(n){var t=this;e(this,n);this.closedEvent=r(this,"mdsHeaderClose",7);this.relativeTresholdDown=0;this.relativePosition=0;this.relativeThresholdUp=0;this.sanitizedAppearance=["stripe"];this.appearanceThreshold=300;this.mobileMenu=function(){return t.host.querySelector('[slot="menu"]')};this.headerBar=function(){return t.host.querySelector("mds-header-bar")};this.close=function(){t.isOpened=false;t.closedEvent.emit({bar:t.headerBar()})};this.handleVisibility=function(){if(!t.autoHide){return}if(window.scrollY<t.autoHide){t.visibility="visible";t.relativeThresholdUp=0;t.relativeTresholdDown=0;t.relativePosition=0;return}if(t.relativeTresholdDown-window.scrollY<=0){t.visibility="hidden";t.relativePosition=t.relativeTresholdDown}if(t.relativeThresholdUp-window.scrollY>=t.threshold){t.visibility="visible";t.relativeThresholdUp=window.scrollY;t.relativePosition=t.relativeThresholdUp}if(t.relativePosition<t.autoHide&&t.autoHide-window.scrollY<=0){t.visibility="hidden";t.relativePosition=t.autoHide}if(window.scrollY>t.relativeThresholdUp){t.relativeThresholdUp=window.scrollY}else{t.relativeTresholdDown=window.scrollY+t.threshold}};this.sanitizeAppearance=function(){if(!t.appearanceSet){return[t.appearance]}var n=/\b(\w+)\b/g;var e=t.appearanceSet.match(n);if(e){return e}return[t.appearance]};this.handleAppearance=function(){var n,e;if(window.scrollY>=t.appearanceThreshold){t.appearance=(n=t.sanitizedAppearance[1])!==null&&n!==void 0?n:t.appearance;return}t.appearance=(e=t.sanitizedAppearance[0])!==null&&e!==void 0?e:t.appearance};this.handleScroll=function(){if(t.autoHide){t.handleVisibility()}if(t.sanitizedAppearance.length>1){t.handleAppearance()}};this.initScrollListener=function(){if(!window){return}t.sanitizedAppearance=t.sanitizeAppearance();if(t.sanitizedAppearance[2]){t.appearanceThreshold=t.sanitizedAppearance[2]}t.relativeTresholdDown=t.threshold;window.addEventListener("scroll",t.handleScroll)};this.hasMenu=undefined;this.isOpened=undefined;this.appearance="stripe";this.appearanceSet=undefined;this.autoHide=undefined;this.menu="mobile";this.nav="desktop";this.threshold=1;this.visibility=undefined}n.prototype.disconnectedCallback=function(){if(!window){return}window.removeEventListener("scroll",this.handleScroll)};n.prototype.componentWillLoad=function(){this.hasMenu=this.mobileMenu()!==null;if(this.hasMenu){this.onMenuChangedHandler(this.menu);return}this.onMenuChangedHandler("none")};n.prototype.componentDidLoad=function(){this.initScrollListener()};n.prototype.onModalOpenedHandler=function(){this.isOpened=true};n.prototype.onMenuChangedHandler=function(n){var e=this.headerBar();if(e){e.setAttribute("menu",n)}};n.prototype.onNavChangedHandler=function(n){var e=this.headerBar();if(e){e.setAttribute("nav",n)}};n.prototype.render=function(){return t(i,{key:"ebc52d4727506d8c50fa145d1858db54a6b4938e"},t("slot",{key:"b374010090e6f61bd1f580da30b75b0275f29455"}),this.hasMenu&&t("div",{key:"fd05fd451551513b603f0ef0b3885b27505a4a4e",class:"menu",part:"menu"},t("mds-modal",{key:"cb2539a1835537f69d5da1fd3ceb02824ceae246",class:"modal",opened:this.isOpened,onMdsModalClose:this.close,position:"right"},t("slot",{key:"14a900ad5150c6a6673bb164ee7dd0386ca2d90f",name:"menu"}))))};Object.defineProperty(n.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{menu:["onMenuChangedHandler"],nav:["onNavChangedHandler"]}},enumerable:false,configurable:true});return n}());o.style=s}}}));
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var e,r,t,i,a;return{setters:[function(n){e=n.r;r=n.c;t=n.h;i=n.H;a=n.g}],execute:function(){var d='@tailwind utilities;\n\n/**\n * @prop --mds-header-color: Sets the text color of the header and the mobile toggler icon\n * @prop --mds-header-hidden-bar-translate-inline: Sets translateY value for the appearance inline `mds-header-bar` element\n * @prop --mds-header-hidden-bar-translate-stripe: Sets translateY value for the appearance stripe `mds-header-bar` element\n * @prop --mds-header-icon-color: Sets the color of the icon toggler\n * @prop --mds-header-z-index: Sets the z-index of the modal\n */\n\n:host {\n\n  --mds-header-color: rgb(var(--tone-neutral-02));\n  --mds-header-hidden-bar-translate-inline: translateY(-150%);\n  --mds-header-hidden-bar-translate-stripe: translateY(-110%);\n  --mds-header-icon-color: var(--mds-header-color, rgb(var(--tone-neutral-02)));\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral));\n  --mds-header-z-index: var(--magma-header-z-index, 1000);\n\n  color: var(--mds-header-color);\n  fill: var(--mds-header-icon-color);\n  position: relative;\n  z-index: var(--mds-header-z-index);\n}\n\n.menu {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.modal {\n\n  --mds-modal-close-icon-color: var(--mds-header-modal-icon-color);\n\n  z-index: var(--mds-header-z-index);\n}\n\n:host([appearance="inline"]) ::slotted(mds-header-bar){\n\n  margin-top: 1.5rem;\n\n  margin-bottom: 1.5rem;\n\n  max-width: 1280px;\n\n  border-radius: 0.5rem;\n\n  width: calc(100% - 3rem);\n}\n\n@media (max-width: 1023px){\n\n  :host([menu="desktop"]) .menu{\n\n    display: none;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([menu="mobile"]) .menu{\n\n    display: none;\n  }\n}\n\n:host([menu="none"]) .menu {\n  display: none;\n}\n\n:host([visibility="hidden"][appearance="stripe"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-stripe);\n  transform: var(--mds-header-hidden-bar-translate-stripe);\n}\n\n:host([visibility="hidden"][appearance="inline"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-inline);\n  transform: var(--mds-header-hidden-bar-translate-inline);\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n';var s=d;var o=n("mds_header",function(){function n(n){var t=this;e(this,n);this.closedEvent=r(this,"mdsHeaderClose",7);this.relativeTresholdDown=0;this.relativePosition=0;this.relativeThresholdUp=0;this.sanitizedAppearance=["stripe"];this.appearanceThreshold=300;this.mobileMenu=function(){return t.host.querySelector('[slot="menu"]')};this.headerBar=function(){return t.host.querySelector("mds-header-bar")};this.close=function(){t.isOpened=false;t.closedEvent.emit({bar:t.headerBar()})};this.handleVisibility=function(){if(!t.autoHide){return}if(window.scrollY<t.autoHide){t.visibility="visible";t.relativeThresholdUp=0;t.relativeTresholdDown=0;t.relativePosition=0;return}if(t.relativeTresholdDown-window.scrollY<=0){t.visibility="hidden";t.relativePosition=t.relativeTresholdDown}if(t.relativeThresholdUp-window.scrollY>=t.threshold){t.visibility="visible";t.relativeThresholdUp=window.scrollY;t.relativePosition=t.relativeThresholdUp}if(t.relativePosition<t.autoHide&&t.autoHide-window.scrollY<=0){t.visibility="hidden";t.relativePosition=t.autoHide}if(window.scrollY>t.relativeThresholdUp){t.relativeThresholdUp=window.scrollY}else{t.relativeTresholdDown=window.scrollY+t.threshold}};this.sanitizeAppearance=function(){if(!t.appearanceSet){return[t.appearance]}var n=/\b(\w+)\b/g;var e=t.appearanceSet.match(n);if(e){return e}return[t.appearance]};this.handleAppearance=function(){var n,e;if(window.scrollY>=t.appearanceThreshold){t.appearance=(n=t.sanitizedAppearance[1])!==null&&n!==void 0?n:t.appearance;return}t.appearance=(e=t.sanitizedAppearance[0])!==null&&e!==void 0?e:t.appearance};this.handleScroll=function(){if(typeof window==="undefined")return;if(t.autoHide){t.handleVisibility()}if(t.sanitizedAppearance.length>1){t.handleAppearance()}};this.initScrollListener=function(){if(!window){return}t.sanitizedAppearance=t.sanitizeAppearance();if(t.sanitizedAppearance[2]){t.appearanceThreshold=t.sanitizedAppearance[2]}t.relativeTresholdDown=t.threshold;window.addEventListener("scroll",t.handleScroll)};this.hasMenu=undefined;this.isOpened=undefined;this.appearance="stripe";this.appearanceSet=undefined;this.autoHide=undefined;this.menu="mobile";this.nav="desktop";this.threshold=1;this.visibility=undefined}n.prototype.disconnectedCallback=function(){if(!window){return}window.removeEventListener("scroll",this.handleScroll)};n.prototype.componentWillLoad=function(){this.hasMenu=this.mobileMenu()!==null;if(this.hasMenu){this.onMenuChangedHandler(this.menu);return}this.onMenuChangedHandler("none")};n.prototype.componentDidLoad=function(){this.initScrollListener()};n.prototype.onModalOpenedHandler=function(){this.isOpened=true};n.prototype.onMenuChangedHandler=function(n){var e=this.headerBar();if(e){e.setAttribute("menu",n)}};n.prototype.onNavChangedHandler=function(n){var e=this.headerBar();if(e){e.setAttribute("nav",n)}};n.prototype.render=function(){return t(i,{key:"9595147f138d9d0e5abd37fe62687b6fcb9ae0fa"},t("slot",{key:"c14dbedd7b3e3a9b58ec7b32aaa3b65c35ce0308"}),this.hasMenu&&t("div",{key:"e9428c80b5cccadebcd7a82b66eb6fb35c80b039",class:"menu",part:"menu"},t("mds-modal",{key:"93ce4d76d087adff4982b0a74874c4ca2a25d432",class:"modal",opened:this.isOpened,onMdsModalClose:this.close,position:"right"},t("slot",{key:"ee8647c583f3203314da681e5b8aec4d15332157",name:"menu"}))))};Object.defineProperty(n.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{menu:["onMenuChangedHandler"],nav:["onNavChangedHandler"]}},enumerable:false,configurable:true});return n}());o.style=s}}}));