material-inspired-component-library 8.1.0 → 9.0.0

package/dist/chip.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";let e={};return(e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());

package/dist/components/button/index.d.ts

@@ -1,4 +1,4 @@
-export declare const buttonSelector = "button.micl-button--toggle";
+export declare const buttonSelector = ".micl-button--toggle";
 declare const _default: {
     command: (event: Event) => void;
     initialize: (element: HTMLButtonElement) => void;

package/dist/components/iconbutton/index.d.ts

@@ -1,7 +1,2 @@
-export declare const buttonSelector = "button.micl-button--toggle";
-declare const _default: {
-    command: (event: Event) => void;
-    initialize: (element: HTMLButtonElement) => void;
-    cleanup: (element: HTMLButtonElement) => void;
-};
-export default _default;
+export { buttonSelector } from '../button';
+export { default } from '../button';

package/dist/components/slider/index.d.ts

@@ -1,4 +1,4 @@
-export declare const sliderSelector = "input[type=range].micl-slider-xs,input[type=range].micl-slider-s,input[type=range].micl-slider-m,input[type=range].micl-slider-l,input[type=range].micl-slider-xl";
+export declare const sliderSelector = "input[type=range][class*=micl-slider-]";
 declare const _default: {
     initialize: (element: HTMLInputElement) => void;
     input: (event: Event) => void;

package/dist/components/textfield/index.d.ts

@@ -1,9 +1,9 @@
 export declare const textfieldSelector = ".micl-textfield-outlined > input,.micl-textfield-filled > input";
 export declare const textareaSelector = ".micl-textfield-outlined > textarea,.micl-textfield-filled > textarea";
 export declare const selectSelector = ".micl-textfield-filled > select,.micl-textfield-outlined > select";
-declare const _default: {
+declare const textfield: {
     initialize: (input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement) => void;
     change: (event: Event) => void;
     input: (event: Event) => void;
 };
-export default _default;
+export default textfield;

package/dist/datepicker.css

@@ -1 +1 @@
-:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-shape-corner-full: 50%}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0}:root{--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem}:root{--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem}:root{--md-comp-date-picker-docked-container-width: 360px;--md-comp-date-picker-modal-container-width: 360px;--md-comp-date-input-modal-container-width: 328px}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__months,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__input{block-size:fit-content;opacity:1;transition-duration:var(--md-comp-date-picker-motion-spatial-duration)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__view-hidden.micl-datepicker__months,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__view-hidden.micl-datepicker__years,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__view-hidden.micl-datepicker__input{block-size:0;opacity:0;transition-property:none}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__months:not(.micl-datepicker__view-hidden),dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years:not(.micl-datepicker__view-hidden),dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__input:not(.micl-datepicker__view-hidden){transition-behavior:allow-discrete;transition-property:opacity,display,block-size;transition-timing-function:linear}dialog.micl-dialog.micl-datepicker{--md-comp-date-picker-motion-spatial: cubic-bezier(0.31, 0.94, 0.34, 1);--md-comp-date-picker-motion-spatial-duration: 500ms;--md-comp-date-picker-motion-duration: 200ms;--md-comp-date-picker-motion-duration-reverse: 150ms;--md-comp-date-picker-button-motion-duration: 350ms;inline-size:var(--md-comp-date-picker-modal-container-width, 360px)}dialog.micl-dialog.micl-datepicker:has(.micl-datepicker__input:not(.micl-datepicker__view-hidden)){inline-size:var(--md-comp-date-input-modal-container-width, 328px)}dialog.micl-dialog.micl-datepicker:has(.micl-datepicker__input:not(.micl-datepicker__view-hidden)) .micl-divider{margin-block:9.5px}dialog.micl-dialog.micl-datepicker:has(.micl-datepicker__input:not(.micl-datepicker__view-hidden)) .micl-dialog__content{min-block-size:85px}dialog.micl-dialog.micl-datepicker form{background-color:inherit}dialog.micl-dialog.micl-datepicker .micl-dialog__headline{display:grid;gap:0;grid-template-columns:max-content 1fr var(--md-sys-target-size, 48px);grid-template-areas:"datepicker-supporting datepicker-supporting datepicker-supporting" "datepicker-close datepicker-action datepicker-action" "datepicker-close datepicker-headline datepicker-mode" "datepicker-divider datepicker-divider datepicker-divider" "datepicker-year-selector datepicker-year-selector datepicker-month-selector";padding-inline-end:12px;padding-block:16px 4px}dialog.micl-dialog.micl-datepicker .micl-dialog__headline h1,dialog.micl-dialog.micl-datepicker .micl-dialog__headline h2,dialog.micl-dialog.micl-datepicker .micl-dialog__headline h3,dialog.micl-dialog.micl-datepicker .micl-dialog__headline h4,dialog.micl-dialog.micl-datepicker .micl-dialog__headline h5,dialog.micl-dialog.micl-datepicker .micl-dialog__headline h6,dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-heading{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking);grid-area:datepicker-headline;margin-block-start:36px;color:var(--md-sys-color-on-surface-variant)}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-dialog__supporting-text{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);grid-area:datepicker-supporting}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__inputmode{grid-area:datepicker-mode;align-self:flex-end;justify-self:center}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-divider{grid-area:datepicker-divider;inline-size:calc(100% + 36px);margin-block-start:11.5px;margin-inline:-24px}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__month-selector,dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__year-selector{display:grid;grid-template-rows:var(--md-sys-target-size, 48px);align-items:center}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__month-selector.micl-datepicker__view-hidden,dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__year-selector.micl-datepicker__view-hidden{display:none}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__month-selector{grid-area:datepicker-month-selector;grid-template-areas:"datepicker-month-previous datepicker-month-next";grid-template-columns:var(--md-sys-target-size, 48px) var(--md-sys-target-size, 48px);justify-items:flex-end;justify-content:flex-end}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__month-selector .micl-datepicker__previous{grid-area:datepicker-month-previous}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__month-selector .micl-datepicker__next{grid-area:datepicker-month-next}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__year-selector{grid-area:datepicker-year-selector;grid-template-areas:"datepicker-year";grid-template-columns:1fr;justify-items:flex-start;margin-inline-start:-8px}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__year-selector .micl-datepicker__previous{display:none;grid-area:datepicker-year-previous}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__year-selector .micl-datepicker__next{display:none;grid-area:datepicker-year-next}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__month{display:none;grid-area:datepicker-month;margin-inline:-12px auto}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__year{grid-area:datepicker-year}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__month:not(:disabled),dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-datepicker__year:not(:disabled){color:var(--md-sys-color-on-surface-variant)}dialog.micl-dialog.micl-datepicker .micl-dialog__content{display:grid;grid-template-areas:"datepicker-view";position:relative;inline-size:100%;max-block-size:336px;min-block-size:330px;padding-inline:0;overflow:hidden auto;transition:min-block-size var(--md-comp-date-picker-motion-spatial-duration) var(--md-comp-date-picker-motion-spatial)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars{display:flex;grid-area:datepicker-view;position:absolute;inset-block-start:0;inset-inline-start:0;block-size:100%;inline-size:200%;opacity:1;overflow:hidden;transform:translateX(0);transition:transform var(--md-comp-date-picker-motion-spatial-duration) var(--md-comp-date-picker-motion-spatial),opacity var(--md-comp-date-picker-motion-duration-reverse) linear,block-size var(--md-comp-date-picker-motion-duration-reverse) linear allow-discrete,display var(--md-comp-date-picker-motion-duration-reverse) linear allow-discrete}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars.micl-datepicker__view-hidden{block-size:0%;opacity:0;transition-property:none}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars.micl-startleft,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars.micl-moveright{transform:translateX(0%)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars.micl-startright,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars.micl-moveleft{transform:translateX(-50%)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar{flex-shrink:0;block-size:100%;inline-size:50%}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);box-sizing:border-box;display:grid;grid-template-columns:repeat(7, var(--md-sys-target-size, 48px));grid-template-rows:40px repeat(6, var(--md-sys-target-size, 48px));block-size:100%;inline-size:100%;padding-inline:12px}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner span,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time{box-sizing:border-box;display:inline-flex;justify-content:center;border:none;color:var(--md-sys-color-on-surface);-webkit-tap-highlight-color:rgba(0,0,0,0)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time{--statelayer-color: var(--md-sys-color-on-surface-variant);--statelayer-opacity: 0%;align-items:center;border:4px solid rgba(0,0,0,0);border-radius:var(--md-sys-shape-corner-full);background-image:linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:100%;background-clip:content-box;transition:--statelayer-opacity var(--md-comp-date-picker-button-motion-duration) linear}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time.micl-datepicker__today{outline:1px solid var(--md-sys-color-primary);outline-offset:-5px;color:var(--md-sys-color-primary)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time.micl-datepicker__today:hover,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time.micl-datepicker__today:focus-visible,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time.micl-datepicker__today:active{--statelayer-color: var(--md-sys-color-primary)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time.micl-datepicker__selected{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time.micl-datepicker__selected:hover,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time.micl-datepicker__selected:focus-visible,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time.micl-datepicker__selected:active{--statelayer-color: var(--md-sys-color-on-primary)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time.micl-datepicker__outside{color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%))}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time:not(.micl-datepicker__outside){cursor:pointer}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time:hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time:focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__calendars .micl-datepicker__calendar .micl-datepicker__calendar-inner time:active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__months,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__input{grid-area:datepicker-view}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__months{overflow-y:hidden}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__months .micl-datepicker__months-inner{block-size:auto;inline-size:100%}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__months label{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);display:flex;align-items:center;block-size:var(--md-sys-target-size, 48px);gap:8px;padding-inline-start:16px;color:var(--md-sys-color-on-surface);cursor:pointer}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__months label input[type=radio]{appearance:none;margin:0}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__months label span{visibility:hidden;color:var(--md-sys-color-on-surface)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__months label:has(input:checked){background-color:var(--md-sys-color-surface-variant)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__months label:has(input:checked) span{visibility:visible}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years{overflow-y:hidden}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years .micl-datepicker__years-inner{display:flex;flex-wrap:wrap;justify-content:center;block-size:auto;inline-size:100%}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years label{--statelayer-color: var(--md-sys-color-on-surface-variant);--statelayer-opacity: 0%;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);display:inline-flex;align-items:center;justify-content:center;block-size:36px;inline-size:72px;margin:8px;border:calc((var(--md-sys-target-size, 48px) - 36px)/2) solid rgba(0,0,0,0);border-radius:calc(var(--md-sys-target-size, 48px)/2);background-image:linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:100%;background-clip:content-box;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:--statelayer-opacity var(--md-comp-date-picker-button-motion-duration) linear}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years label:hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years label:focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years label:active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years label:has(input:checked){color:var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years label:has(input:checked):hover,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years label:has(input:checked):focus-visible,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years label:has(input:checked):active{--statelayer-color: var(--md-sys-color-on-primary)}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__years label input[type=radio]{appearance:none;margin:0}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__input{padding-inline:16px;margin-block-end:16px}dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__input.micl-datepicker__view-hidden,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__input input[type=date]::-webkit-calendar-picker-indicator,dialog.micl-dialog.micl-datepicker .micl-dialog__content .micl-datepicker__input input[type=date]::-webkit-inner-spin-button{display:none}dialog.micl-dialog.micl-datepicker .micl-dialog__actions{padding:8px 12px 12px 12px}dialog.micl-dialog.micl-datepicker.micl-dialog--docked{inline-size:var(--md-comp-date-picker-docked-container-width, 360px);border-radius:var(--md-sys-shape-corner-large)}dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline{grid-template-areas:"datepicker-month-selector datepicker-year-selector";grid-template-columns:1fr 1fr;padding:8px 12px 18px 12px}dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline h1,dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline h2,dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline h3,dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline h4,dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline h5,dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline h6,dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline .micl-heading,dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline .micl-dialog__supporting-text,dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline .micl-datepicker__inputmode{display:none}dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline .micl-datepicker__month-selector{grid-template-areas:"datepicker-month-previous datepicker-month datepicker-month-next";grid-template-columns:var(--md-sys-target-size, 48px) 1fr var(--md-sys-target-size, 48px)}dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline .micl-datepicker__month-selector .micl-datepicker__month{display:inline-flex;margin-inline:0}dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline .micl-datepicker__year-selector{grid-template-areas:"datepicker-year-previous datepicker-year datepicker-year-next";grid-template-columns:var(--md-sys-target-size, 48px) 1fr var(--md-sys-target-size, 48px)}dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline .micl-datepicker__year-selector .micl-datepicker__previous,dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline .micl-datepicker__year-selector .micl-datepicker__next{display:block}dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__actions>button{margin-block:-2px}
+:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-shape-corner-full: 50%}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-sys-typescale-headline-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-large-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-headline-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-large-tracking: 0}:root{--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0}:root{--md-sys-typescale-body-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-large-tracking: 0.03125rem}:root{--md-sys-typescale-label-large-font: var(--md-ref-typeface-plain);--md-sys-typescale-label-large-size: 0.875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-label-large-tracking: 0.00625rem}.micl-datepicker__months,.micl-datepicker__years,.micl-datepicker__input{block-size:fit-content;opacity:1;transition-duration:var(--md-comp-date-picker-motion-spatial-duration)}.micl-datepicker__view-hidden.micl-datepicker__months,.micl-datepicker__view-hidden.micl-datepicker__years,.micl-datepicker__view-hidden.micl-datepicker__input{block-size:0;opacity:0;transition-property:none}.micl-datepicker__months:not(.micl-datepicker__view-hidden),.micl-datepicker__years:not(.micl-datepicker__view-hidden),.micl-datepicker__input:not(.micl-datepicker__view-hidden){transition-behavior:allow-discrete;transition-property:opacity,display,block-size;transition-timing-function:linear}.micl-datepicker__years label,.micl-datepicker__calendar-inner time{--statelayer-color: var(--md-sys-color-on-surface-variant);--statelayer-opacity: 0%;background-image:linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:100%;background-clip:content-box;transition:--statelayer-opacity var(--md-comp-date-picker-button-motion-duration) linear}.micl-datepicker__years label:hover,.micl-datepicker__calendar-inner time:hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity)}.micl-datepicker__years label:focus-visible,.micl-datepicker__calendar-inner time:focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity)}.micl-datepicker__years label:active,.micl-datepicker__calendar-inner time:active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity)}dialog.micl-dialog.micl-datepicker{--md-comp-date-picker-motion-spatial: cubic-bezier(0.31, 0.94, 0.34, 1);--md-comp-date-picker-motion-spatial-duration: 500ms;--md-comp-date-picker-motion-duration: 200ms;--md-comp-date-picker-motion-duration-reverse: 150ms;--md-comp-date-picker-button-motion-duration: 350ms;--_target: var(--md-sys-target-size, 48px);inline-size:var(--md-comp-date-picker-modal-container-width, 360px)}dialog.micl-dialog.micl-datepicker:has(.micl-datepicker__input:not(.micl-datepicker__view-hidden)){inline-size:var(--md-comp-date-input-modal-container-width, 328px)}dialog.micl-dialog.micl-datepicker:has(.micl-datepicker__input:not(.micl-datepicker__view-hidden)) .micl-divider{margin-block:9.5px}dialog.micl-dialog.micl-datepicker:has(.micl-datepicker__input:not(.micl-datepicker__view-hidden)) .micl-dialog__content{min-block-size:85px}dialog.micl-dialog.micl-datepicker form{background-color:inherit}dialog.micl-dialog.micl-datepicker .micl-dialog__headline{display:grid;gap:0;grid-template-columns:max-content 1fr var(--_target);grid-template-areas:"sup sup sup" "close act act" "close head mode" "div div div" "ysel ysel msel";padding-inline-end:12px;padding-block:16px 4px}dialog.micl-dialog.micl-datepicker .micl-dialog__headline :is(h1,h2,h3,h4,h5,h6,.micl-heading){font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);font-weight:var(--md-sys-typescale-headline-large-weight);letter-spacing:var(--md-sys-typescale-headline-large-tracking);grid-area:head;margin-block-start:36px;color:var(--md-comp-date-picker-header-headline-color, var(--md-sys-color-on-surface-variant))}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-dialog__supporting-text{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);grid-area:sup}dialog.micl-dialog.micl-datepicker .micl-dialog__headline .micl-divider{grid-area:div;inline-size:calc(100% + 36px);margin-block-start:11.5px;margin-inline:-24px}dialog.micl-dialog.micl-datepicker.micl-datepicker--range .micl-dialog__headline :is(h1,h2,h3,h4,h5,h6,.micl-heading){font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking);margin-block-start:48px}dialog.micl-dialog.micl-datepicker .micl-dialog__content{display:grid;grid-template-areas:"view";position:relative;inline-size:100%;max-block-size:336px;min-block-size:330px;padding-inline:0;overflow:hidden auto;transition:min-block-size var(--md-comp-date-picker-motion-spatial-duration) var(--md-comp-date-picker-motion-spatial)}dialog.micl-dialog.micl-datepicker .micl-dialog__actions{padding:8px 12px 12px}dialog.micl-dialog.micl-datepicker.micl-dialog--docked{inline-size:var(--md-comp-date-picker-docked-container-width, 360px);border-radius:var(--md-sys-shape-corner-large)}dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline{grid-template-areas:"msel ysel";grid-template-columns:1fr 1fr;padding:8px 12px 18px}dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline :is(h1,h2,h3,h4,h5,h6,.micl-heading),dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline .micl-dialog__supporting-text,dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__headline .micl-datepicker__inputmode{display:none}dialog.micl-dialog.micl-datepicker.micl-dialog--docked .micl-dialog__actions>button{margin-block:-2px}.micl-datepicker__inputmode{grid-area:mode;align-self:flex-end;justify-self:center}.micl-datepicker__month-selector,.micl-datepicker__year-selector{display:grid;grid-template-rows:var(--_target);align-items:center}.micl-datepicker__month-selector.micl-datepicker__view-hidden,.micl-datepicker__year-selector.micl-datepicker__view-hidden{display:none}.micl-datepicker__month-selector{grid-area:msel;grid-template-areas:"mprev mnext";grid-template-columns:var(--_target) var(--_target);justify-items:flex-end;justify-content:flex-end}.micl-datepicker__month-selector .micl-datepicker__previous{grid-area:mprev}.micl-datepicker__month-selector .micl-datepicker__next{grid-area:mnext}.micl-datepicker__year-selector{grid-area:ysel;grid-template-areas:"yr";grid-template-columns:1fr;justify-items:flex-start;margin-inline-start:-8px}.micl-datepicker__year-selector .micl-datepicker__previous{display:none;grid-area:yprev}.micl-datepicker__year-selector .micl-datepicker__next{display:none;grid-area:ynext}.micl-datepicker__month{grid-area:mon;margin-inline:-12px auto}.micl-datepicker__month-selector .micl-datepicker__month{display:none}.micl-datepicker__year{grid-area:yr}.micl-datepicker__month:not(:disabled),.micl-datepicker__year:not(:disabled){color:var(--md-sys-color-on-surface-variant)}.micl-dialog--docked :is(.micl-datepicker__month-selector,.micl-datepicker__year-selector){grid-template-columns:var(--_target) 1fr var(--_target)}.micl-dialog--docked .micl-datepicker__month-selector{grid-template-areas:"mprev mon mnext"}.micl-dialog--docked .micl-datepicker__month-selector .micl-datepicker__month{display:inline-flex;margin-inline:0}.micl-dialog--docked .micl-datepicker__year-selector{grid-template-areas:"yprev yr ynext"}.micl-dialog--docked .micl-datepicker__year-selector :is(.micl-datepicker__previous,.micl-datepicker__next){display:block}.micl-datepicker__calendars{display:flex;grid-area:view;position:absolute;inset-block-start:0;inset-inline-start:0;block-size:100%;inline-size:200%;opacity:1;overflow:hidden;transform:translateX(0);transition:transform var(--md-comp-date-picker-motion-spatial-duration) var(--md-comp-date-picker-motion-spatial),opacity var(--md-comp-date-picker-motion-duration-reverse) linear,block-size var(--md-comp-date-picker-motion-duration-reverse) linear allow-discrete,display var(--md-comp-date-picker-motion-duration-reverse) linear allow-discrete}.micl-datepicker__calendars.micl-datepicker__view-hidden{block-size:0%;opacity:0;transition-property:none}.micl-datepicker__calendars.micl-startleft,.micl-datepicker__calendars.micl-moveright{transform:translateX(0%)}.micl-datepicker__calendars.micl-startright,.micl-datepicker__calendars.micl-moveleft{transform:translateX(-50%)}.micl-datepicker__calendar{flex-shrink:0;block-size:100%;inline-size:50%}.micl-datepicker__calendar-inner{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);box-sizing:border-box;display:grid;grid-template-columns:repeat(7, var(--_target));grid-template-rows:40px repeat(6, var(--_target));block-size:100%;inline-size:100%;padding-inline:12px}.micl-datepicker__calendar-inner span,.micl-datepicker__calendar-inner time{box-sizing:border-box;display:inline-flex;justify-content:center;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.micl-datepicker__calendar-inner span{color:var(--md-comp-date-picker-weekdays-label-text-color, var(--md-sys-color-on-surface))}.micl-datepicker__calendar-inner time{align-items:center;border:4px solid rgba(0,0,0,0);border-radius:var(--md-sys-shape-corner-full);color:var(--md-comp-date-picker-date-unselected-label-text-color, var(--md-sys-color-on-surface))}.micl-datepicker__calendar-inner time.micl-datepicker__today{outline:1px solid var(--md-comp-date-picker-date-today-container-outline-color, var(--md-sys-color-primary));outline-offset:-5px;color:var(--md-comp-date-picker-date-today-label-text-color, var(--md-sys-color-primary))}.micl-datepicker__calendar-inner time.micl-datepicker__selected{background-color:var(--md-comp-date-picker-date-selected-container-color, var(--md-sys-color-primary));color:var(--md-comp-date-picker-date-selected-label-text-color, var(--md-sys-color-on-primary))}.micl-datepicker__calendar-inner time:is(.micl-datepicker__inrange,.micl-datepicker__range-start,.micl-datepicker__range-end){position:relative}.micl-datepicker__calendar-inner time:is(.micl-datepicker__inrange,.micl-datepicker__range-start,.micl-datepicker__range-end)::before{content:"";position:absolute;z-index:-1;inset-block:0;inset-inline:-4px;background-color:var(--md-comp-date-picker-range-selection-active-indicator-container-color, var(--md-sys-color-secondary-container))}.micl-datepicker__calendar-inner time.micl-datepicker__inrange{color:var(--md-comp-date-picker-selection-date-in-range-label-text-color, var(--md-sys-color-on-secondary-container))}.micl-datepicker__calendar-inner time.micl-datepicker__range-start::before{inset-inline:50% -4px}.micl-datepicker__calendar-inner time.micl-datepicker__range-end::before{inset-inline:-4px 50%}.micl-datepicker__calendar-inner time:is(.micl-datepicker__today,.micl-datepicker__selected):is(:hover,:focus-visible,:active){--statelayer-color: currentColor}.micl-datepicker__calendar-inner time.micl-datepicker__outside{color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity))}.micl-datepicker__calendar-inner time:not(.micl-datepicker__outside){cursor:pointer}.micl-datepicker__months,.micl-datepicker__years,.micl-datepicker__input{grid-area:view}.micl-datepicker__months{overflow-y:hidden}.micl-datepicker__months .micl-datepicker__months-inner{block-size:auto;inline-size:100%}.micl-datepicker__months label{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);display:flex;align-items:center;block-size:var(--_target);gap:8px;padding-inline-start:16px;color:var(--md-sys-color-on-surface);cursor:pointer}.micl-datepicker__months label span{visibility:hidden;color:var(--md-sys-color-on-surface)}.micl-datepicker__months label:has(input:checked){background-color:var(--md-sys-color-surface-variant)}.micl-datepicker__months label:has(input:checked) span{visibility:visible}.micl-datepicker__years{overflow-y:hidden}.micl-datepicker__years .micl-datepicker__years-inner{display:flex;flex-wrap:wrap;justify-content:center;block-size:auto;inline-size:100%}.micl-datepicker__years label{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight);letter-spacing:var(--md-sys-typescale-body-large-tracking);display:inline-flex;align-items:center;justify-content:center;block-size:36px;inline-size:72px;margin:8px;border:calc((var(--_target) - 36px)/2) solid rgba(0,0,0,0);border-radius:calc(var(--_target)/2);color:var(--md-comp-date-picker-selection-year-unselected-label-text-color, var(--md-sys-color-on-surface-variant));cursor:pointer}.micl-datepicker__years label:has(input:checked){color:var(--md-comp-date-picker-selection-year-selected-label-text-color, var(--md-sys-color-on-primary));background-color:var(--md-comp-date-picker-selection-year-selected-container-color, var(--md-sys-color-primary))}.micl-datepicker__years label:has(input:checked):is(:hover,:focus-visible,:active){--statelayer-color: currentColor}:is(.micl-datepicker__months,.micl-datepicker__years) input[type=radio]{appearance:none;margin:0}.micl-datepicker .micl-datepicker__input{padding-inline:16px;margin-block-end:16px}.micl-datepicker .micl-datepicker__input.micl-datepicker__view-hidden,.micl-datepicker .micl-datepicker__input input[type=date]::-webkit-calendar-picker-indicator,.micl-datepicker .micl-datepicker__input input[type=date]::-webkit-inner-spin-button{display:none}.micl-datepicker--range .micl-datepicker__input{display:flex;column-gap:8px}.micl-datepicker--range .micl-datepicker__input>*{flex:1 1 0;min-inline-size:0}.micl-no-transition{transition:none !important}

package/dist/datepicker.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";var e={56(e,t,n){const a=globalThis.__miclRegistry??={map:{},rippled:new WeakSet,activated:!1},o=()=>Object.keys(a.map).join(","),r=e=>Object.entries(a.map).find(([t,{type:n}])=>e.matches(t)&&e instanceof n)?.[1],i=e=>{const t=r(e);t&&"function"==typeof t.component.initialize&&t.component.initialize(e)},l=e=>{const t=r(e);t&&"function"==typeof t.component.cleanup&&t.component.cleanup(e)},s=e=>{const t=o();if(!t)return;const n=e.target.closest(t);if(!(n instanceof HTMLElement))return;const a=r(n),i=e.type;a&&"function"==typeof a.component[i]&&a.component[i]?.(e)},c=()=>{a.activated||(a.activated=!0,new MutationObserver(e=>{e.forEach(e=>{"childList"===e.type&&(e.addedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=o();t&&e.matches(t)&&i(e),t&&e.querySelectorAll(t).forEach(i)}}),e.removedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=o();t&&e.matches(t)&&l(e),(e=>{const t=o();t&&e.querySelectorAll(t).forEach(l)})(e)}}))})}).observe(document.body,{childList:!0,subtree:!0}),(e=>{const t=o();t&&e.querySelectorAll(t).forEach(i),e.querySelectorAll('[class*="micl-"], [class*="micl-"] > summary').forEach(e=>{a.rippled.has(e)||"1"===window.getComputedStyle(e).getPropertyValue("--micl-ripple")&&(e.addEventListener("pointerdown",t=>{if(t.currentTarget.classList.contains("micl-card--nonactionable"))return;t.stopPropagation();const n=e.getBoundingClientRect();e.style.setProperty("--micl-x",(t.clientX-n.left)/n.width*100+"%"),e.style.setProperty("--micl-y",(t.clientY-n.top)/n.height*100+"%"),e.classList.remove("micl-rippling"),e.offsetWidth,e.classList.add("micl-rippling");const a=t=>{"micl-ripple"===t.animationName&&(e.classList.remove("micl-rippling"),e.style.removeProperty("--micl-x"),e.style.removeProperty("--micl-y"),e.removeEventListener("animationend",a))};e.addEventListener("animationend",a)}),a.rippled.add(e))}),document.documentElement.style.setProperty("--md-sys-scrollbar-thumb-color",window.getComputedStyle(document.body).getPropertyValue("--md-sys-color-outline").trim())})(document),document.addEventListener("change",s),document.addEventListener("input",s),document.addEventListener("keydown",s))},d=()=>{document.removeEventListener("DOMContentLoaded",d),c()};"loading"!==document.readyState?c():document.addEventListener("DOMContentLoaded",d),n.d(t,["register",0,(e,t,n)=>(a.map[e]={component:t,type:n},a.activated&&document.querySelectorAll(e).forEach(i),t)])}};const t={};function n(a){const o=t[a];if(void 0!==o)return o.exports;const r=t[a]={exports:{}};return e[a](r,r.exports,n),r.exports}n.d=(e,t)=>{if(Array.isArray(t))for(var a=0;a<t.length;){var o=t[a++],r=t[a++];n.o(e,o)?0===r&&a++:0===r?Object.defineProperty(e,o,{enumerable:!0,value:t[a++]}):Object.defineProperty(e,o,{enumerable:!0,get:r})}else for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};let a={};n.r(a);var o=n(56);const r="dialog.micl-dialog.micl-datepicker",i="micl-datepicker__",l="micl-no-transition",s=new WeakMap,c=(new Intl.DateTimeFormat).resolvedOptions().locale,d={input:new Intl.DateTimeFormat(c,{year:"numeric",month:"2-digit",day:"2-digit"}),header:new Intl.DateTimeFormat(c,{weekday:"short",day:"numeric",month:"short"}),monthLong:new Intl.DateTimeFormat(void 0,{month:"long"}),monthShort:new Intl.DateTimeFormat(c,{month:"short"}),weekdayNarrow:new Intl.DateTimeFormat(c,{weekday:"narrow"}),weekdayLong:new Intl.DateTimeFormat(c,{weekday:"long"})},m=e=>{const t=new Date(e);return t.setHours(0,0,0,0),t},u=e=>{const t=(e.getMonth()+1).toString().padStart(2,"0"),n=e.getDate().toString().padStart(2,"0");return`${e.getFullYear()}-${t}-${n}`},p=()=>d.input.formatToParts(new Date(2025,0,15)).map(e=>{switch(e.type){case"day":return"DD";case"month":return"MM";case"year":return"YYYY";case"literal":return e.value;default:return""}}).join("").trim(),f=(()=>{try{const e=new Intl.Locale(c).getWeekInfo?.();if(e)return 7===e.firstDay?0:e.firstDay}catch{}return/US|CA|MX/i.test(c)?0:1})(),g=e=>!isNaN(e.getTime()),h=e=>"date"===e.type&&e.valueAsDate?e.valueAsDate:e.value?new Date(e.value):null,y=(e,t,n)=>{e.value=t,e instanceof HTMLInputElement?(e.dispatchEvent(new Event("change",{bubbles:!0})),e.dispatchEvent(new Event("input",{bubbles:!0}))):e.textContent=n},v=(e,t)=>{if(e)if(e.firstElementChild){let n=e.firstChild;for(;n;){if(n.nodeType===Node.TEXT_NODE)return void(n.nodeValue=t);n=n.nextSibling}e.appendChild(document.createTextNode(t))}else e.textContent=t},w=(e,t)=>{const n=new Date(e,t,1).getDay(),a=new Date(e,t,1-(n-f+7)%7);return Array.from({length:42},(e,n)=>{const o=new Date(a);return o.setDate(a.getDate()+n),{date:o,val:u(o),isCurrentMonth:o.getMonth()===t}})},E=(e,t,n,a=!1)=>{if(a){const n=(()=>{const e=new Date,t=e.getDay()-f;e.setDate(e.getDate()-t);const n=document.createDocumentFragment();for(let t=0;t<7;t++){const a=document.createElement("span");a.style.gridArea=`1 / ${t+1}`,a.textContent=d.weekdayNarrow.format(e),a.title=d.weekdayLong.format(e),n.appendChild(a),e.setDate(e.getDate()+1)}return n})();t.forEach((e,t)=>{const a=document.createElement("time"),o=Math.floor(t/7)+2,r=t%7+1;a.style.gridArea=`${o} / ${r}`,n.appendChild(a)}),e.appendChild(n)}const o=m(new Date),r=n.selected.getTime(),l=n.selectedEnd?.getTime();e.querySelectorAll("time").forEach((e,n)=>{const a=t[n];e.dateTime=a.val,e.textContent=a.date.getDate().toString();const s=a.date.getTime(),c=s===r||s===l,d=s===o.getTime();e.className="",a.isCurrentMonth||e.classList.add(`${i}outside`),c&&e.classList.add(`${i}selected`),d&&e.classList.add(`${i}today`),void 0!==l&&l!==r&&(s===r?e.classList.add(`${i}range-start`):s===l?e.classList.add(`${i}range-end`):s>r&&s<l&&e.classList.add(`${i}inrange`))})},D=(e,t,n=0)=>{const a=e.querySelector(".micl-dialog__content"),o=a?.querySelector(`.${i}calendars`);if(!o)return;const r="micl-startleft",s="micl-startright",m="micl-moveleft",u="micl-moveright";if(o.classList.remove(m,u,r,s),o.offsetWidth,0!==n){const e=o.querySelector(`.${i}calendar`);if(!e)return;const a=document.createElement("div"),c=document.createElement("div");a.className=`${i}calendar`,c.className=`${i}calendar-inner`;const d=w(t.viewDate.getFullYear(),t.viewDate.getMonth());E(c,d,t,!0);const p=n>0,f=p?r:s,g=p?m:u;a.appendChild(c),p?o.appendChild(a):o.prepend(a),o.classList.add(l,f),o.offsetWidth,requestAnimationFrame(()=>{o.classList.remove(l,f),o.classList.add(g)});const h=()=>{o.removeEventListener("transitionend",h),setTimeout(()=>{o.classList.remove(g),e.parentElement===o&&e.remove(),o.classList.add(l,r),o.offsetWidth,o.classList.remove(l,r)},0)};o.addEventListener("transitionend",h)}else{let e=o.querySelector(`.${i}calendar`);e||(e=document.createElement("div"),e.className=`${i}calendar`,e=o.appendChild(e));let n=e.querySelector(`.${i}calendar-inner`);n||(n=document.createElement("div"),n.className=`${i}calendar-inner`,e.appendChild(n));const a=w(t.viewDate.getFullYear(),t.viewDate.getMonth());E(n,a,t,0===n.querySelectorAll("time").length)}a?.querySelectorAll(`.${i}input input`).forEach((e,n)=>{const a=0===n?t.selected:t.selectedEnd;e.value=a?d.input.format(a):"",e.value?e.dataset.miclvalue="1":delete e.dataset.miclvalue,e.dataset.micldateformat||(e.dataset.micldateformat=p())}),v(e.querySelector("h1, h2, h3, h4, h5, h6, .micl-heading"),t.range?`${d.header.format(t.selected)} – ${t.selectedEnd?d.header.format(t.selectedEnd):""}`:d.header.format(t.selected)),v(e.querySelector(`.${i}month`),d.monthShort.format(t.viewDate)),v(e.querySelector(`.${i}year`),t.viewDate.toLocaleDateString(c,e.classList.contains("micl-dialog--docked")?{year:"numeric"}:{month:"long",year:"numeric"}));const f=e.querySelector(`.${i}months input[value="${t.viewDate.getMonth()}"]`);f&&(f.checked=!0);const g=e.querySelector(`.${i}years input[value="${t.viewDate.getFullYear()}"]`);g&&(g.checked=!0)},L=(e,t)=>{"months"!==t&&"years"!==t||e.querySelector(`.${i}${t}.${i}view-hidden`)||(t="calendars"),["calendars","input","month-selector","year-selector"].forEach(n=>{let a="input"===t;"calendars"!==n&&"input"!==n||(a=t!==n),e.querySelector(`.${i}${n}`)?.classList.toggle(`${i}view-hidden`,a)});const n=e.querySelector(".micl-dialog__content");if(!n)return;const a=parseInt(window.getComputedStyle(n).getPropertyValue("max-block-size"),10);["months","years"].forEach(e=>{const o=n.querySelector(`.${i}${e}`);if(!o)return;const r=o.querySelector("input:checked");let l=!1;if(r&&e===t){const e=window.getComputedStyle(o).getPropertyValue("transition-duration"),t=parseFloat(e)*(e.includes("ms")?1:1e3),s=o.scrollHeight-a,c=(a-48)/2;if(r.offsetTop>c){let e=r.offsetTop-c-24;e>s&&(e=s);const a=performance.now(),d=o=>{const r=Math.min((o-a)/t,1);n.scrollTop=e*r,r<1&&requestAnimationFrame(d)};o.classList.remove(`${i}view-hidden`),requestAnimationFrame(d),l=null,o.addEventListener("transitionend",function t(a){"height"!==a.propertyName&&"block-size"!==a.propertyName||(n.scrollTop=e,o.removeEventListener("transitionend",t))})}}else l=!0;null!==l&&o.classList.toggle(`${i}view-hidden`,l)})},$=(e,t,n)=>{const a=s.get(e);if(!a)return;const o=new Date(a.viewDate);"month"===n?o.setMonth(o.getMonth()+t):o.setFullYear(o.getFullYear()+t);const r=a.min&&o<a.min,l=a.max&&o>a.max;r||l?e.querySelector(`.${i}calendars`)?.animate([{transform:"translateX(0)"},{transform:`translateX(${r?8:-8}px)`},{transform:"translateX(0)"}],{duration:500,easing:"ease-in-out"}):(a.viewDate=o,D(e,a,"month"===n?t:0))},S=(0,o.register)(r,{keydown:e=>{if(!(e instanceof KeyboardEvent&&e.target instanceof Element))return;const t=e.target.closest(r);if(t)switch(e.key){case"Enter":case" ":e.target instanceof HTMLInputElement&&"date"===e.target.type&&e.preventDefault();break;case"M":L(t,"months");break;case"Y":L(t,"years");break;case"PageUp":case"PageDown":$(t,"PageUp"===e.key?1:-1,e.shiftKey?"year":"month")}},initialize:e=>{if(e.dataset.miclinitialized)return;const t=e.querySelector("form"),n=e.querySelector(".micl-dialog__content");t&&n&&(e.dataset.miclinitialized="1",e.addEventListener("click",t=>{const n=t.target,a=n.closest("button");if(a){const t=a.parentElement?.classList.contains(`${i}month-selector`),n=a.classList.contains(`${i}next`),o=a.classList.contains(`${i}previous`);if(n||o)return void $(e,n?1:-1,t?"month":"year")}n.closest(`.${i}month`)&&L(e,"months"),n.closest(`.${i}year`)&&L(e,"years"),n.closest(`.${i}inputmode`)&&L(e,e.querySelector(`.${i}input.${i}view-hidden`)?"input":"calendars");const o=n.closest("time");if(o&&o.dateTime&&((e,t)=>{const n=s.get(e);if(!n)return;const a=t.split("-").map(Number);if(3===a.length){const t=new Date(a[0],a[1]-1,a[2]);n.range?n.selectedEnd||t<n.selected?(n.selected=t,n.selectedEnd=null):n.selectedEnd=t:n.selected=t,n.viewDate=new Date(t),D(e,n)}})(e,o.dateTime),n instanceof HTMLInputElement&&("miclmonth"===n.name||"miclyear"===n.name)){const t=s.get(e);if(t){const a=parseInt(n.value,10);"miclmonth"===n.name?t.viewDate.setMonth(a):t.viewDate.setFullYear(a),t.viewDate<t.min?t.viewDate=t.min:t.viewDate>t.max&&(t.viewDate=t.max),D(e,t),L(e,"calendars")}}}),e.addEventListener("focusout",t=>{const n=t.target;if(!(n instanceof HTMLInputElement&&n.closest(`.${i}input`)))return;const a=e.querySelectorAll(`.${i}input input`);((e,t,n)=>{const a=s.get(e);if(!a)return;const o=(e=>{const t=p();if(e.length!==t.length)return null;let n="",a="",o="";for(let r=0;r<t.length;r++)switch(t[r]){case"D":n+=e[r];break;case"M":a+=e[r];break;case"Y":o+=e[r]}const r=new Date(parseInt(o,10),parseInt(a,10)-1,parseInt(n,10));return g(r)?r:null})(n);o&&(a.range&&t>0?a.selectedEnd=o:a.selected=o,a.selectedEnd&&a.selectedEnd<a.selected&&([a.selected,a.selectedEnd]=[a.selectedEnd,a.selected]),a.viewDate=new Date(a.selected)),D(e,a)})(e,Array.prototype.indexOf.call(a,n),n.value)}),e.addEventListener("beforetoggle",t=>{if("open"!==t.newState)return;const n=e=>e instanceof HTMLInputElement||e instanceof HTMLButtonElement;let a=document.activeElement;if((!n(a)||a.dataset.datepicker!==e.id&&a.popoverTargetElement!==e&&a.commandForElement!==e)&&(a=document.querySelector(`[data-datepicker="${e.id}"],[popovertarget="${e.id}"],[commandfor="${e.id}"]`)),!n(a))return;const o=e.classList.contains("micl-datepicker--range");let r=a,l=null;if(o&&a instanceof HTMLInputElement)if(a.dataset.miclrangeto){const e=document.getElementById(a.dataset.miclrangeto);l=e instanceof HTMLInputElement?e:null}else if(a.id){const e=document.querySelector(`input[data-miclrangeto="${a.id}"]`);e&&(l=a,r=e)}let c=new Date,u=null,p=new Date(1900,0,1),f=new Date(2099,11,31);if(r instanceof HTMLInputElement)c=h(r)||c,r.min&&(p=new Date(r.min)),r.max&&(f=new Date(r.max));else{const[e,t]=(r.value||r.textContent||"").split("/"),n=new Date(e);g(n)&&(c=n),o&&t&&(u=new Date(t))}l&&(u=h(l),l.max&&(f=new Date(l.max))),g(c)||(c=new Date),c=m(c),u&&g(u)?(u=m(u),u<c&&([c,u]=[u,c])):u=null;const y={invoker:r,invokerEnd:l,selected:c,selectedEnd:o?u:null,range:o,viewDate:new Date(c),min:p,max:f};s.set(e,y),((e,t,n)=>{const a=t.getFullYear(),o=n.getFullYear();["months","years"].forEach(r=>{const l=e.querySelector(`.${i}${r}`);if(!l)return;l.innerHTML="";const s=document.createDocumentFragment(),c=n.getMonth();if("months"===r){const e=[];let a=new Date(t.getFullYear(),t.getMonth(),1);for(;a<=n||a.getMonth()===c&&a.getFullYear()===o;)e.push(a.getMonth()),a.setMonth(a.getMonth()+1);[...new Set(e.sort((e,t)=>e-t))].forEach(e=>{const t=document.createElement("label");t.innerHTML=`<span class="material-symbols-outlined">check</span><input type="radio" name="miclmonth" value="${e}"> ${d.monthLong.format(new Date(2e3,e,1))}`,s.appendChild(t)})}else for(let e=a;e<=o;e++){const t=document.createElement("label");t.innerHTML=`<input type="radio" name="miclyear" value="${e}"> ${e}`,s.appendChild(t)}const m=document.createElement("div");m.className=`${i}${r}-inner`,l.appendChild(m).appendChild(s)})})(e,p,f),L(e,"calendars"),D(e,y)}),e.addEventListener("close",()=>{const t=s.get(e);if(!t?.invoker||""===e.returnValue)return;const n=t.selectedEnd||t.selected;t.range&&!t.invokerEnd?y(t.invoker,`${u(t.selected)}/${u(n)}`,`${t.selected.toLocaleDateString()} – ${n.toLocaleDateString()}`):(y(t.invoker,u(t.selected),t.selected.toLocaleDateString()),t.invokerEnd&&y(t.invokerEnd,u(n),n.toLocaleDateString()))}))}},HTMLDialogElement);return n.d(a,["datepickerSelector",0,r,"default",0,S]),a})());

package/dist/dialog.css

@@ -1 +1 @@
-:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level0: none}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}body{--md-sys-elevation-level3: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 3px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 4px 8px 3px}:root{--md-sys-shape-corner-none: 0px}:root{--md-sys-shape-corner-extra-large: 28px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-backdrop-opacity: 32%}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0}:root{--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0}:root{--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0.0125rem}:root{--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.0125rem}:root{--md-sys-dialog-min-width: 280px;--md-sys-dialog-max-width: 560px;--md-sys-dialog-padding: 24px;--md-sys-dialog-headline-space: 16px;--md-sys-dialog-dir-factor: 1}[dir=rtl]{--md-sys-dialog-dir-factor: -1}dialog.micl-dialog{--statelayer-color: var(--md-sys-color-primary);--md-sys-dialog-motion-spatial: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-sys-dialog-motion-duration: 350ms;--md-sys-dialog-motion-duration-reverse: 350ms;--_dialog-background-color: var(--md-sys-color-surface-container-high);box-sizing:border-box;display:none;flex-direction:column;min-inline-size:var(--md-sys-dialog-min-width, 280px);max-inline-size:var(--md-sys-dialog-max-width, 560px);max-block-size:100vh;inset-block-start:anchor(start);inset-inline-start:anchor(start);transform:translate(calc(var(--md-sys-dialog-dir-factor, 1) * -50%), -50%) scale(50%);padding:0;margin:0;outline:none;border:none;border-radius:var(--md-sys-shape-corner-extra-large);background-color:var(--_dialog-background-color);background-image:linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;box-shadow:var(--md-sys-elevation-level3);opacity:0;overflow:hidden;interpolate-size:allow-keywords;transition:inset-block-start var(--md-sys-dialog-motion-duration-reverse) linear,inset-inline-start var(--md-sys-dialog-motion-duration-reverse) linear,inline-size var(--md-sys-dialog-motion-duration-reverse) linear,block-size var(--md-sys-dialog-motion-duration-reverse) linear,transform var(--md-sys-dialog-motion-duration-reverse) linear,opacity var(--md-sys-dialog-motion-duration-reverse) cubic-bezier(0.05, 0.7, 0.1, 1),overlay var(--md-sys-dialog-motion-duration-reverse) linear allow-discrete,display var(--md-sys-dialog-motion-duration-reverse) linear allow-discrete,--statelayer-opacity var(--md-sys-dialog-motion-duration) linear}@starting-style{dialog.micl-dialog{block-size:fit-content;inline-size:fit-content;inset-block-start:anchor(start);inset-inline-start:anchor(start);opacity:0;transform:translate(calc(var(--md-sys-dialog-dir-factor, 1) * -50%), -50%) scale(50%)}}dialog.micl-dialog:popover-open,dialog.micl-dialog[open]{display:flex;inset-block-start:50%;inset-inline-start:50%;opacity:1;transform:translate(calc(var(--md-sys-dialog-dir-factor, 1) * -50%), -50%) scale(100%);transition:inset-block-start var(--md-sys-dialog-motion-duration) linear,inset-inline-start var(--md-sys-dialog-motion-duration) linear,inline-size var(--md-sys-dialog-motion-duration) linear,block-size var(--md-sys-dialog-motion-duration) linear,transform var(--md-sys-dialog-motion-duration) linear,opacity var(--md-sys-dialog-motion-duration) cubic-bezier(0.3, 0, 0.8, 0.15),overlay var(--md-sys-dialog-motion-duration) linear allow-discrete,display var(--md-sys-dialog-motion-duration) linear allow-discrete}@starting-style{dialog.micl-dialog:popover-open,dialog.micl-dialog[open]{inset-block-start:anchor(start);inset-inline-start:anchor(start);opacity:0;transform:translate(calc(var(--md-sys-dialog-dir-factor, 1) * -50%), -50%) scale(50%)}}dialog.micl-dialog:not([popover]){inset-block-start:50%;inset-inline-start:50%}@starting-style{dialog.micl-dialog:not([popover]){inset-block-start:50%;inset-inline-start:50%}}@starting-style{dialog.micl-dialog:not([popover]):popover-open,dialog.micl-dialog:not([popover])[open]{inset-block-start:50%;inset-inline-start:50%}}dialog.micl-dialog::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--md-sys-dialog-motion-duration) linear,overlay var(--md-sys-dialog-motion-duration) linear allow-discrete,display var(--md-sys-dialog-motion-duration) linear allow-discrete}dialog.micl-dialog[open]::backdrop{background-color:rgba(0, 0, 0, var(--md-sys-state-backdrop-opacity, 32%))}@starting-style{dialog.micl-dialog[open]::backdrop{background-color:rgba(0,0,0,0)}}dialog.micl-dialog.micl-dialog--docked{position-anchor:auto;inset-block:anchor(end) auto;inset-inline:anchor(start) auto;transform:none;transition:none;position-try-fallbacks:flip-block}dialog.micl-dialog .micl-dialog__headline{display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:16px;padding-block:var(--md-sys-dialog-padding, 24px) var(--md-sys-dialog-headline-space, 16px);padding-inline:var(--md-sys-dialog-padding, 24px);background-color:rgba(0,0,0,0)}dialog.micl-dialog .micl-dialog__headline:has(>.micl-dialog__icon){align-items:center}dialog.micl-dialog .micl-dialog__headline .micl-dialog__icon{inline-size:var(--md-sys-icon-size, 24px);block-size:var(--md-sys-icon-size, 24px);font-size:var(--md-sys-icon-size, 24px);color:var(--md-sys-color-secondary)}dialog.micl-dialog .micl-dialog__headline h1,dialog.micl-dialog .micl-dialog__headline h2,dialog.micl-dialog .micl-dialog__headline h3,dialog.micl-dialog .micl-dialog__headline h4,dialog.micl-dialog .micl-dialog__headline h5,dialog.micl-dialog .micl-dialog__headline h6,dialog.micl-dialog .micl-dialog__headline .micl-heading{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking);flex:1 1 100%;margin:0;color:var(--md-sys-color-on-surface)}dialog.micl-dialog .micl-dialog__headline .micl-dialog__subhead{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);padding-inline:var(--md-sys-dialog-padding, 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface)}dialog.micl-dialog .micl-dialog__headline:has(+.micl-dialog__actions){padding-block-end:0}dialog.micl-dialog .micl-dialog__supporting-text{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--md-sys-color-on-surface-variant)}dialog.micl-dialog .micl-dialog__content{flex-shrink:1;padding-inline:var(--md-sys-dialog-padding, 24px);overflow-y:auto}dialog.micl-dialog .micl-dialog__actions{display:flex;flex-shrink:0;justify-content:flex-end;column-gap:8px;padding:var(--md-sys-dialog-padding, 24px);opacity:1;transition:opacity var(--md-sys-dialog-motion-duration) linear allow-discrete,overlay var(--md-sys-dialog-motion-duration) linear allow-discrete,display var(--md-sys-dialog-motion-duration) linear allow-discrete}@media(max-width: 560px){dialog.micl-dialog.micl-dialog--fullscreen{--_dialog-background-color: var(--md-sys-color-surface);inline-size:100vw;block-size:100vh;max-inline-size:100vw;border-radius:var(--md-sys-shape-corner-none, 0px);box-shadow:var(--md-sys-elevation-level0);timeline-scope:--headlineTimeline}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline{block-size:56px;flex-direction:row;align-items:center;gap:8px;padding-block:4px;padding-inline:8px 16px;animation-name:headlineScroll;animation-duration:1ms;animation-timeline:--headlineTimeline;animation-fill-mode:forwards;animation-range:0% 20%;z-index:1}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline h1,dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline h2,dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline h3,dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline h4,dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline h5,dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline h6,dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline .micl-heading{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline .micl-dialog__icon{display:none}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__content{scroll-timeline:--headlineTimeline block;scroll-timeline:--headlineTimeline vertical}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__actions{display:none;opacity:0}}@media(min-width: 561px){dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__fullscreen{display:none}}@media(max-width: 560px){body:has(dialog.micl-dialog.micl-dialog--fullscreen:popover-open){overflow-y:hidden}}@keyframes headlineScroll{from{background-color:rgba(0,0,0,0);box-shadow:var(--md-sys-elevation-level0)}to{background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2)}}
+:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level0: none}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}body{--md-sys-elevation-level3: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 3px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 4px 8px 3px}:root{--md-sys-shape-corner-none: 0px}:root{--md-sys-shape-corner-extra-large: 28px}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-backdrop-opacity: 32%}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}:root{--md-sys-typescale-headline-small-font: var(--md-ref-typeface-brand);--md-sys-typescale-headline-small-size: 1.5rem;--md-sys-typescale-headline-small-line-height: 2rem;--md-sys-typescale-headline-small-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-headline-small-tracking: 0}:root{--md-sys-typescale-title-large-font: var(--md-ref-typeface-brand);--md-sys-typescale-title-large-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-title-large-tracking: 0}:root{--md-sys-typescale-title-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-title-medium-weight: var(--md-ref-typeface-weight-medium);--md-sys-typescale-title-medium-tracking: 0.0125rem}:root{--md-sys-typescale-body-medium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-medium-size: 0.875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-medium-tracking: 0.0125rem}:root{--_dialog-dir-factor: 1}:dir(rtl){--_dialog-dir-factor: -1}dialog.micl-dialog{--statelayer-color: var(--md-sys-color-primary);--md-comp-dialog-motion-duration: 350ms;--md-comp-dialog-motion-duration-reverse: 350ms;--micl-duration: var(--md-comp-dialog-motion-duration-reverse);--micl-easing: cubic-bezier(0.05, 0.7, 0.1, 1);--_dialog-background-color: var(--md-comp-dialog-container-color, var(--md-sys-color-surface-container-high));--_padding: var(--md-comp-dialog-padding, 24px);--_translate: translate(calc(var(--_dialog-dir-factor, 1) * -50%), -50%);box-sizing:border-box;display:none;flex-direction:column;min-inline-size:var(--md-comp-dialog-min-width, 280px);max-inline-size:var(--md-comp-dialog-max-width, 560px);max-block-size:100vh;inset-block-start:anchor(start);inset-inline-start:anchor(start);transform:var(--_translate) scale(50%);padding:0;margin:0;outline:none;border:none;border-radius:var(--md-comp-dialog-container-shape, var(--md-sys-shape-corner-extra-large));background-color:var(--_dialog-background-color);background-image:linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;box-shadow:var(--md-comp-dialog-container-elevation, var(--md-sys-elevation-level3));opacity:0;overflow:hidden;interpolate-size:allow-keywords;transition:inset-block-start var(--micl-duration) linear,inset-inline-start var(--micl-duration) linear,inline-size var(--micl-duration) linear,block-size var(--micl-duration) linear,transform var(--micl-duration) linear,opacity var(--micl-duration) var(--micl-easing),overlay var(--micl-duration) linear allow-discrete,display var(--micl-duration) linear allow-discrete,--statelayer-opacity var(--md-comp-dialog-motion-duration) linear}@starting-style{dialog.micl-dialog{block-size:fit-content;inline-size:fit-content;inset-block-start:anchor(start);inset-inline-start:anchor(start);opacity:0;transform:var(--_translate) scale(50%)}}dialog.micl-dialog:popover-open,dialog.micl-dialog[open]{--micl-duration: var(--md-comp-dialog-motion-duration);--micl-easing: cubic-bezier(0.3, 0, 0.8, 0.15);display:flex;inset-block-start:50%;inset-inline-start:50%;opacity:1;transform:var(--_translate) scale(100%)}@starting-style{dialog.micl-dialog:popover-open,dialog.micl-dialog[open]{inset-block-start:anchor(start);inset-inline-start:anchor(start);opacity:0;transform:var(--_translate) scale(50%)}}dialog.micl-dialog:not([popover]){inset-block-start:50%;inset-inline-start:50%}@starting-style{dialog.micl-dialog:not([popover]){inset-block-start:50%;inset-inline-start:50%}}@starting-style{dialog.micl-dialog:not([popover]):popover-open,dialog.micl-dialog:not([popover])[open]{inset-block-start:50%;inset-inline-start:50%}}dialog.micl-dialog::backdrop{background-color:rgba(0,0,0,0);transition:background-color var(--md-comp-dialog-motion-duration) linear,overlay var(--md-comp-dialog-motion-duration) linear allow-discrete,display var(--md-comp-dialog-motion-duration) linear allow-discrete}dialog.micl-dialog[open]::backdrop{background-color:rgba(0, 0, 0, var(--md-sys-state-backdrop-opacity, 32%))}@starting-style{dialog.micl-dialog[open]::backdrop{background-color:rgba(0,0,0,0)}}dialog.micl-dialog.micl-dialog--docked{position-anchor:auto;inset-block:anchor(end) auto;inset-inline:anchor(start) auto;transform:none;transition:none;position-try-fallbacks:flip-block}dialog.micl-dialog .micl-dialog__headline{display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:16px;padding-block:var(--_padding) var(--md-comp-dialog-headline-space, 16px);padding-inline:var(--_padding);background-color:rgba(0,0,0,0)}dialog.micl-dialog .micl-dialog__headline:has(>.micl-dialog__icon){align-items:center}dialog.micl-dialog .micl-dialog__headline .micl-dialog__icon{--_icon-size: var(--md-comp-dialog-icon-size, var(--md-sys-icon-size, 24px));inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:var(--md-comp-dialog-icon-color, var(--md-sys-color-secondary))}dialog.micl-dialog .micl-dialog__headline :is(h1,h2,h3,h4,h5,h6,.micl-heading){font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);font-weight:var(--md-sys-typescale-headline-small-weight);letter-spacing:var(--md-sys-typescale-headline-small-tracking);flex:1 1 100%;margin:0;color:var(--md-comp-dialog-headline-color, var(--md-sys-color-on-surface))}dialog.micl-dialog .micl-dialog__headline .micl-dialog__subhead{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);font-weight:var(--md-sys-typescale-title-medium-weight);letter-spacing:var(--md-sys-typescale-title-medium-tracking);padding-inline:var(--_padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface)}dialog.micl-dialog .micl-dialog__headline:has(+.micl-dialog__actions){padding-block-end:0}dialog.micl-dialog .micl-dialog__supporting-text{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--md-comp-dialog-supporting-text-color, var(--md-sys-color-on-surface-variant))}dialog.micl-dialog .micl-dialog__content{flex-shrink:1;padding-inline:var(--_padding);overflow-y:auto}dialog.micl-dialog .micl-dialog__actions{display:flex;flex-shrink:0;justify-content:flex-end;column-gap:8px;padding:var(--_padding);opacity:1;transition:opacity var(--md-comp-dialog-motion-duration) linear allow-discrete,overlay var(--md-comp-dialog-motion-duration) linear allow-discrete,display var(--md-comp-dialog-motion-duration) linear allow-discrete}@media(max-width: 560px){dialog.micl-dialog.micl-dialog--fullscreen{--_dialog-background-color: var(--md-comp-full-screen-dialog-container-color, var(--md-sys-color-surface));inline-size:100vw;block-size:100vh;max-inline-size:100vw;border-radius:var(--md-sys-shape-corner-none, 0px);box-shadow:var(--md-sys-elevation-level0);timeline-scope:--headlineTimeline}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline{box-sizing:border-box;block-size:56px;flex-direction:row;align-items:center;gap:8px;padding-block:4px;padding-inline:8px 16px;animation-name:headlineScroll;animation-duration:1ms;animation-timeline:--headlineTimeline;animation-fill-mode:forwards;animation-range:0% 20%;z-index:1}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline :is(h1,h2,h3,h4,h5,h6,.micl-heading){font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__headline .micl-dialog__icon{display:none}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__content{scroll-timeline:--headlineTimeline block;scroll-timeline:--headlineTimeline vertical}dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__actions{display:none;opacity:0}}@media(min-width: 561px){dialog.micl-dialog.micl-dialog--fullscreen .micl-dialog__fullscreen{display:none}}@media(max-width: 560px){body:has(dialog.micl-dialog.micl-dialog--fullscreen:popover-open){overflow-y:hidden}}@keyframes headlineScroll{from{background-color:rgba(0,0,0,0);box-shadow:var(--md-sys-elevation-level0)}to{background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2)}}

package/dist/dialog.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";let e={};return(e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());

package/dist/divider.css

@@ -1 +1 @@
-:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-sys-divider-thickness: 1px;--md-sys-divider-inset-margin: 16px;--md-sys-divider-space: 4px}body{--md-sys-divider-color: var(--md-sys-color-outline-variant, gray)}.micl-divider,.micl-divider-inset,.micl-divider-inset-start,.micl-divider-inset-end{inline-size:100%;block-size:0;margin-block:calc(var(--md-sys-divider-space, 4px) - .5px) calc(var(--md-sys-divider-space, 4px) - .5px);margin-inline:0;border:none;border-block-start:var(--md-sys-divider-thickness, 1px) solid var(--md-sys-divider-color, gray)}.micl-divider-inset{inline-size:calc(100% - 2*var(--md-sys-divider-inset-margin, 16px));margin-inline:var(--md-sys-divider-inset-margin)}.micl-divider-inset-start{inline-size:calc(100% - var(--md-sys-divider-inset-margin, 16px));margin-inline-start:var(--md-sys-divider-inset-margin, 16px)}.micl-divider-inset-end{inline-size:calc(100% - var(--md-sys-divider-inset-margin, 16px));margin-inline-end:var(--md-sys-divider-inset-margin, 16px)}.micl-divider-vertical{min-block-size:100%;inline-size:0;margin-block:0;margin-inline:calc(2*var(--md-sys-divider-space, 4px));border:none;border-inline-start:var(--md-sys-divider-thickness, 1px) solid var(--md-sys-divider-color, gray)}li.micl-divider{list-style:none;box-shadow:0 calc(-1*var(--md-sys-divider-space, 4px)/2) 0 calc(var(--md-sys-divider-space, 4px)/2) var(--md-sys-list-item-container-color),0 calc(var(--md-sys-divider-space, 4px)/2) 0 calc(var(--md-sys-divider-space, 4px)/2) var(--md-sys-list-item-container-color)}
+body{--md-comp-divider-color: var(--md-sys-color-outline-variant, gray)}.micl-divider,.micl-divider-inset,.micl-divider-inset-start,.micl-divider-inset-end{margin-block:calc(var(--md-comp-divider-space, 4px) - .5px);margin-inline:0;border:none;border-block-start:var(--md-comp-divider-thickness, 1px) solid var(--md-comp-divider-color);list-style:none}.micl-divider-inset{margin-inline:var(--md-comp-divider-inset-margin, 16px)}.micl-divider-inset-start{margin-inline-start:var(--md-comp-divider-inset-margin, 16px)}.micl-divider-inset-end{margin-inline-end:var(--md-comp-divider-inset-margin, 16px)}.micl-divider-vertical{min-block-size:100%;inline-size:0;margin-block:0;margin-inline:calc(2*var(--md-comp-divider-space, 4px));border:none;border-inline-start:var(--md-comp-divider-thickness, 1px) solid var(--md-comp-divider-color)}

package/dist/divider.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";let e={};return(e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());

package/dist/field.css

@@ -0,0 +1 @@
+.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}

package/dist/field.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";let e={};return(e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());

package/dist/foundations/form/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";var e={d:(t,a)=>{for(var i in a)e.o(a,i)&&!e.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:a[i]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{default:()=>a});const a=(()=>{const e=e=>"willValidate"in e,t=t=>{const a=t.target;e(a)&&a.setCustomValidity("")},a=e=>{const a=e.dataset.miclvalidateMessage||"";if(a&&e.matches("[data-miclvalidate-checkboxes-name]")){const i=e.dataset.miclvalidateCheckboxesName||"",l=e.dataset.miclvalidateCheckboxesCountEqual||"",o=e.dataset.miclvalidateCheckboxesCountMax||"",n=e.dataset.miclvalidateCheckboxesCountMin||"";if(i&&(l||o||n)){const c=e.querySelectorAll(`input[type="checkbox"][name="${i}"]:checked`).length,s=parseInt(l,10),r=parseInt(o,10),d=parseInt(n,10);let m=!isNaN(s)&&c!=s||!isNaN(r)&&c>r||!isNaN(d)&&c<d;e.setCustomValidity(m?a:"");const u=e.querySelector(`input[type="checkbox"][name="${i}"]`);u&&(u.setCustomValidity(m?a:""),m?u.addEventListener("change",t):u.removeEventListener("change",t))}}},i=(t,i)=>{let l=!1;return t.querySelectorAll("fieldset").forEach(a),Array.from(t.elements).forEach(t=>{if(e(t)&&t.willValidate){t.checkValidity()||(l=!0);let a=(t=>{if(!t.parentElement||!e(t))return!1;let a=!1;return t instanceof HTMLInputElement&&"checkbox"===t.type&&t.classList.contains("micl-checkbox")?a=(e=>(e.classList.toggle("micl-checkbox--error",!!e.validationMessage),!1))(t):(t.parentElement.classList.contains("micl-textfield-outlined")||t.parentElement.classList.contains("micl-textfield-filled"))&&(a=((e,t)=>{e.classList.toggle("micl-textfield--error",!!t);const a=e.querySelector(".micl-textfield__supporting-text");return a&&(t?(a.dataset.micltext||(a.dataset.micltext=a.textContent),a.textContent=t):"micltext"in a.dataset&&(a.textContent=a.dataset.micltext||"")),!!t&&!!a})(t.parentElement,t.validationMessage)),a})(t);!a&&i&&t.reportValidity()}}),!l};return{validateFieldSet:(e,t)=>(a(e),i(e,t)),validateForm:(e,t)=>i(e,t)}})();return t})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";const e={d:(t,a)=>{if(Array.isArray(a))for(var l=0;l<a.length;){var i=a[l++],o=a[l++];e.o(t,i)?0===o&&l++:0===o?Object.defineProperty(t,i,{enumerable:!0,value:a[l++]}):Object.defineProperty(t,i,{enumerable:!0,get:o})}else for(var i in a)e.o(a,i)&&!e.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:a[i]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}};let t={};e.r(t);const a=e=>"willValidate"in e,l=e=>{const t=e.target;a(t)&&t.setCustomValidity("")},i=e=>{const t=e.dataset.miclvalidateMessage||"";if(t&&e.matches("[data-miclvalidate-checkboxes-name]")){const a=e.dataset.miclvalidateCheckboxesName||"",i=e.dataset.miclvalidateCheckboxesCountEqual||"",o=e.dataset.miclvalidateCheckboxesCountMax||"",n=e.dataset.miclvalidateCheckboxesCountMin||"";if(a&&(i||o||n)){const r=e.querySelectorAll(`input[type="checkbox"][name="${a}"]:checked`).length,c=parseInt(i,10),s=parseInt(o,10),d=parseInt(n,10);let m=!isNaN(c)&&r!=c||!isNaN(s)&&r>s||!isNaN(d)&&r<d;e.setCustomValidity(m?t:"");const u=e.querySelector(`input[type="checkbox"][name="${a}"]`);u&&(u.setCustomValidity(m?t:""),m?u.addEventListener("change",l):u.removeEventListener("change",l))}}},o=(e,t)=>{let l=!1;return e.querySelectorAll("fieldset").forEach(i),Array.from(e.elements).forEach(e=>{if(a(e)&&e.willValidate){e.checkValidity()||(l=!0);let i=(e=>{if(!e.parentElement||!a(e))return!1;let t=!1;return e instanceof HTMLInputElement&&"checkbox"===e.type&&e.classList.contains("micl-checkbox")?t=(e=>(e.classList.toggle("micl-checkbox--error",!!e.validationMessage),!1))(e):(e.parentElement.classList.contains("micl-textfield-outlined")||e.parentElement.classList.contains("micl-textfield-filled"))&&(t=((e,t)=>{e.classList.toggle("micl-textfield--error",!!t);const a=e.querySelector(".micl-textfield__supporting-text");return a&&(t?(a.dataset.micltext||(a.dataset.micltext=a.textContent),a.textContent=t):"micltext"in a.dataset&&(a.textContent=a.dataset.micltext||"")),!!t&&!!a})(e.parentElement,e.validationMessage)),t})(e);!i&&t&&e.reportValidity()}}),!l},n={validateFieldSet:(e,t)=>(i(e),o(e,t)),validateForm:(e,t)=>o(e,t)};return e.d(t,["default",0,n]),t})());

package/dist/foundations/runtime.d.ts

@@ -0,0 +1,15 @@
+interface ComponentEventHandlers {
+    input?: (event: Event) => void;
+    keydown?: (event: Event) => void;
+    change?: (event: Event) => void;
+}
+export interface ComponentHandler<T extends HTMLElement> extends ComponentEventHandlers {
+    initialize?: (element: T) => void;
+    cleanup?: (element: T) => void;
+}
+export declare const register: <T extends HTMLElement, C extends ComponentHandler<T>>(componentSelector: string, component: C, type: new () => T) => C;
+declare const _default: {
+    initialize: () => void;
+    cleanup: () => void;
+};
+export default _default;

package/dist/foundations/runtime.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";const e={d:(t,o)=>{if(Array.isArray(o))for(var n=0;n<o.length;){var r=o[n++],i=o[n++];e.o(t,r)?0===i&&n++:0===i?Object.defineProperty(t,r,{enumerable:!0,value:o[n++]}):Object.defineProperty(t,r,{enumerable:!0,get:i})}else for(var r in o)e.o(o,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:o[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}};let t={};e.r(t);const o=globalThis.__miclRegistry??={map:{},rippled:new WeakSet,activated:!1},n=()=>Object.keys(o.map).join(","),r=e=>Object.entries(o.map).find(([t,{type:o}])=>e.matches(t)&&e instanceof o)?.[1],i=e=>{const t=r(e);t&&"function"==typeof t.component.initialize&&t.component.initialize(e)},c=e=>{const t=n();t&&e.querySelectorAll(t).forEach(i),e.querySelectorAll('[class*="micl-"], [class*="micl-"] > summary').forEach(e=>{o.rippled.has(e)||"1"===window.getComputedStyle(e).getPropertyValue("--micl-ripple")&&(e.addEventListener("pointerdown",t=>{if(t.currentTarget.classList.contains("micl-card--nonactionable"))return;t.stopPropagation();const o=e.getBoundingClientRect();e.style.setProperty("--micl-x",(t.clientX-o.left)/o.width*100+"%"),e.style.setProperty("--micl-y",(t.clientY-o.top)/o.height*100+"%"),e.classList.remove("micl-rippling"),e.offsetWidth,e.classList.add("micl-rippling");const n=t=>{"micl-ripple"===t.animationName&&(e.classList.remove("micl-rippling"),e.style.removeProperty("--micl-x"),e.style.removeProperty("--micl-y"),e.removeEventListener("animationend",n))};e.addEventListener("animationend",n)}),o.rippled.add(e))}),document.documentElement.style.setProperty("--md-sys-scrollbar-thumb-color",window.getComputedStyle(document.body).getPropertyValue("--md-sys-color-outline").trim())},l=e=>{const t=r(e);t&&"function"==typeof t.component.cleanup&&t.component.cleanup(e)},a=e=>{const t=n();t&&e.querySelectorAll(t).forEach(l)},s=e=>{const t=n();if(!t)return;const o=e.target.closest(t);if(!(o instanceof HTMLElement))return;const i=r(o),c=e.type;i&&"function"==typeof i.component[c]&&i.component[c]?.(e)},d=()=>{o.activated||(o.activated=!0,new MutationObserver(e=>{e.forEach(e=>{"childList"===e.type&&(e.addedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=n();t&&e.matches(t)&&i(e),t&&e.querySelectorAll(t).forEach(i)}}),e.removedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=n();t&&e.matches(t)&&l(e),a(e)}}))})}).observe(document.body,{childList:!0,subtree:!0}),c(document),document.addEventListener("change",s),document.addEventListener("input",s),document.addEventListener("keydown",s))},m=()=>{document.removeEventListener("DOMContentLoaded",m),d()};"loading"!==document.readyState?d():document.addEventListener("DOMContentLoaded",m);const p={initialize:()=>c(document),cleanup:()=>a(document)};return e.d(t,["default",0,p,"register",0,(e,t,n)=>(o.map[e]={component:t,type:n},o.activated&&document.querySelectorAll(e).forEach(i),t)]),t})());

package/dist/iconbutton.css

@@ -1 +1 @@
-:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}body{--md-sys-elevation-level0: none}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-shape-corner-extra-large: 28px}:root{--md-sys-shape-corner-full: 50%}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 5000ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0%,100%}to{background-size:10000%,100%}}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{--md-sys-iconbutton-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-sys-iconbutton-motion-duration: 350ms;--md-sys-iconbutton-motion-duration-reverse: 350ms;--micl-ripple: 1;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-size:0%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant);font-variation-settings:"FILL" 0;cursor:pointer;transition:border-radius var(--md-sys-iconbutton-motion-duration) var(--md-sys-iconbutton-motion-effects),font-variation-settings var(--md-sys-iconbutton-motion-duration) linear,background-size 0ms,--statelayer-opacity var(--md-sys-iconbutton-motion-duration) linear}button.micl-iconbutton-standard-xs:disabled,a.micl-iconbutton-standard-xs:disabled,button.micl-iconbutton-standard-s:disabled,a.micl-iconbutton-standard-s:disabled,button.micl-iconbutton-standard-m:disabled,a.micl-iconbutton-standard-m:disabled,button.micl-iconbutton-standard-l:disabled,button.micl-iconbutton-standard-xl:disabled,button.micl-iconbutton-filled-xs:disabled,button.micl-iconbutton-filled-s:disabled,button.micl-iconbutton-filled-m:disabled,button.micl-iconbutton-filled-l:disabled,button.micl-iconbutton-filled-xl:disabled,button.micl-iconbutton-tonal-xs:disabled,button.micl-iconbutton-tonal-s:disabled,button.micl-iconbutton-tonal-m:disabled,button.micl-iconbutton-tonal-l:disabled,button.micl-iconbutton-tonal-xl:disabled,button.micl-iconbutton-outlined-xs:disabled,button.micl-iconbutton-outlined-s:disabled,button.micl-iconbutton-outlined-m:disabled,button.micl-iconbutton-outlined-l:disabled,button.micl-iconbutton-outlined-xl:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b/10%);color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%));box-shadow:var(--md-sys-elevation-level0);cursor:default}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,a.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,a.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,a.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible,button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:3px}button.micl-iconbutton-standard-xs:not(:disabled).micl-rippling,a.micl-iconbutton-standard-xs:not(:disabled).micl-rippling,button.micl-iconbutton-standard-s:not(:disabled).micl-rippling,a.micl-iconbutton-standard-s:not(:disabled).micl-rippling,button.micl-iconbutton-standard-m:not(:disabled).micl-rippling,a.micl-iconbutton-standard-m:not(:disabled).micl-rippling,button.micl-iconbutton-standard-l:not(:disabled).micl-rippling,button.micl-iconbutton-standard-xl:not(:disabled).micl-rippling,button.micl-iconbutton-filled-xs:not(:disabled).micl-rippling,button.micl-iconbutton-filled-s:not(:disabled).micl-rippling,button.micl-iconbutton-filled-m:not(:disabled).micl-rippling,button.micl-iconbutton-filled-l:not(:disabled).micl-rippling,button.micl-iconbutton-filled-xl:not(:disabled).micl-rippling,button.micl-iconbutton-tonal-xs:not(:disabled).micl-rippling,button.micl-iconbutton-tonal-s:not(:disabled).micl-rippling,button.micl-iconbutton-tonal-m:not(:disabled).micl-rippling,button.micl-iconbutton-tonal-l:not(:disabled).micl-rippling,button.micl-iconbutton-tonal-xl:not(:disabled).micl-rippling,button.micl-iconbutton-outlined-xs:not(:disabled).micl-rippling,button.micl-iconbutton-outlined-s:not(:disabled).micl-rippling,button.micl-iconbutton-outlined-m:not(:disabled).micl-rippling,button.micl-iconbutton-outlined-l:not(:disabled).micl-rippling,button.micl-iconbutton-outlined-xl:not(:disabled).micl-rippling{animation:micl-ripple var(--md-sys-state-ripple-duration) cubic-bezier(0.2, 0, 0, 1)}button.micl-iconbutton-standard-xs:hover:not(:disabled),button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs:hover:not(:disabled),a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:hover:not(:disabled),button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s:hover:not(:disabled),a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:hover:not(:disabled),button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m:hover:not(:disabled),a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:hover:not(:disabled),button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:hover:not(:disabled),button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs:hover:not(:disabled),button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s:hover:not(:disabled),button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m:hover:not(:disabled),button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l:hover:not(:disabled),button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl:hover:not(:disabled),button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs:hover:not(:disabled),button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:hover:not(:disabled),button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:hover:not(:disabled),button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:hover:not(:disabled),button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:hover:not(:disabled),button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs:hover:not(:disabled),button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:hover:not(:disabled),button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:hover:not(:disabled),button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:hover:not(:disabled),button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:hover:not(:disabled),button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{font-variation-settings:"FILL" 1}button.micl-iconbutton-standard-xs.micl-button--toggle:not(.micl-button--selected)::before,a.micl-iconbutton-standard-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-s.micl-button--toggle:not(.micl-button--selected)::before,a.micl-iconbutton-standard-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-m.micl-button--toggle:not(.micl-button--selected)::before,a.micl-iconbutton-standard-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-standard-xl.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-filled-xl.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-tonal-xl.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-xs.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-s.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-m.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-l.micl-button--toggle:not(.micl-button--selected)::before,button.micl-iconbutton-outlined-xl.micl-button--toggle:not(.micl-button--selected)::before{content:attr(data-miclicon)}button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected::before,a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected::before,a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected::before,a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected::before,button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected::before{content:attr(data-micliconselected)}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-filled-xs,button.micl-iconbutton-tonal-xs,button.micl-iconbutton-outlined-xs{--micl-width: 32px;--micl-height: 32px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:20px}button.micl-iconbutton-standard-xs::before,a.micl-iconbutton-standard-xs::before,button.micl-iconbutton-filled-xs::before,button.micl-iconbutton-tonal-xs::before,button.micl-iconbutton-outlined-xs::before{content:"";position:absolute;display:flex;align-items:center;justify-content:center;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs.micl-iconbutton--narrow,a.micl-iconbutton-standard-xs.micl-iconbutton--narrow,button.micl-iconbutton-filled-xs.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xs.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xs.micl-iconbutton--narrow{--micl-width: 28px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xs.micl-iconbutton--wide,a.micl-iconbutton-standard-xs.micl-iconbutton--wide,button.micl-iconbutton-filled-xs.micl-iconbutton--wide,button.micl-iconbutton-tonal-xs.micl-iconbutton--wide,button.micl-iconbutton-outlined-xs.micl-iconbutton--wide{--micl-width: 40px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-xs.micl-button--square,a.micl-iconbutton-standard-xs.micl-button--square,button.micl-iconbutton-filled-xs.micl-button--square,button.micl-iconbutton-tonal-xs.micl-button--square,button.micl-iconbutton-outlined-xs.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xs.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xs.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-outlined-xs:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-filled-s,button.micl-iconbutton-tonal-s,button.micl-iconbutton-outlined-s{--micl-width: 40px;--micl-height: 40px;position:relative;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:var(--md-sys-icon-size, 24px)}button.micl-iconbutton-standard-s::before,a.micl-iconbutton-standard-s::before,button.micl-iconbutton-filled-s::before,button.micl-iconbutton-tonal-s::before,button.micl-iconbutton-outlined-s::before{content:"";position:absolute;display:flex;align-items:center;justify-content:center;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s.micl-iconbutton--narrow,a.micl-iconbutton-standard-s.micl-iconbutton--narrow,button.micl-iconbutton-filled-s.micl-iconbutton--narrow,button.micl-iconbutton-tonal-s.micl-iconbutton--narrow,button.micl-iconbutton-outlined-s.micl-iconbutton--narrow{--micl-width: 32px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-s.micl-iconbutton--wide,a.micl-iconbutton-standard-s.micl-iconbutton--wide,button.micl-iconbutton-filled-s.micl-iconbutton--wide,button.micl-iconbutton-tonal-s.micl-iconbutton--wide,button.micl-iconbutton-outlined-s.micl-iconbutton--wide{--micl-width: 52px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-s.micl-button--square,a.micl-iconbutton-standard-s.micl-button--square,button.micl-iconbutton-filled-s.micl-button--square,button.micl-iconbutton-tonal-s.micl-button--square,button.micl-iconbutton-outlined-s.micl-button--square{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active{border-radius:var(--md-sys-shape-corner-small)}button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-filled-m,button.micl-iconbutton-tonal-m,button.micl-iconbutton-outlined-m{--micl-width: 56px;--micl-height: 56px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:var(--md-sys-icon-size, 24px)}button.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-iconbutton--narrow,a.micl-iconbutton-standard-m.micl-iconbutton--narrow,button.micl-iconbutton-filled-m.micl-iconbutton--narrow,button.micl-iconbutton-tonal-m.micl-iconbutton--narrow,button.micl-iconbutton-outlined-m.micl-iconbutton--narrow{--micl-width: 48px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-m.micl-iconbutton--wide,a.micl-iconbutton-standard-m.micl-iconbutton--wide,button.micl-iconbutton-filled-m.micl-iconbutton--wide,button.micl-iconbutton-tonal-m.micl-iconbutton--wide,button.micl-iconbutton-outlined-m.micl-iconbutton--wide{--micl-width: 72px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-m.micl-button--square,a.micl-iconbutton-standard-m.micl-button--square,button.micl-iconbutton-filled-m.micl-button--square,button.micl-iconbutton-tonal-m.micl-button--square,button.micl-iconbutton-outlined-m.micl-button--square{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active{border-radius:var(--md-sys-shape-corner-medium)}button.micl-iconbutton-standard-l,button.micl-iconbutton-filled-l,button.micl-iconbutton-tonal-l,button.micl-iconbutton-outlined-l{--micl-width: 96px;--micl-height: 96px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:32px}button.micl-iconbutton-standard-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-iconbutton--narrow,button.micl-iconbutton-filled-l.micl-iconbutton--narrow,button.micl-iconbutton-tonal-l.micl-iconbutton--narrow,button.micl-iconbutton-outlined-l.micl-iconbutton--narrow{--micl-width: 64px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-l.micl-iconbutton--wide,button.micl-iconbutton-filled-l.micl-iconbutton--wide,button.micl-iconbutton-tonal-l.micl-iconbutton--wide,button.micl-iconbutton-outlined-l.micl-iconbutton--wide{--micl-width: 128px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-l.micl-button--square,button.micl-iconbutton-filled-l.micl-button--square,button.micl-iconbutton-tonal-l.micl-button--square,button.micl-iconbutton-outlined-l.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xl,button.micl-iconbutton-filled-xl,button.micl-iconbutton-tonal-xl,button.micl-iconbutton-outlined-xl{--micl-width: 136px;--micl-height: 136px;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);font-size:40px}button.micl-iconbutton-standard-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-iconbutton--narrow,button.micl-iconbutton-filled-xl.micl-iconbutton--narrow,button.micl-iconbutton-tonal-xl.micl-iconbutton--narrow,button.micl-iconbutton-outlined-xl.micl-iconbutton--narrow{--micl-width: 104px;border-radius:calc(var(--micl-width)/2)}button.micl-iconbutton-standard-xl.micl-iconbutton--wide,button.micl-iconbutton-filled-xl.micl-iconbutton--wide,button.micl-iconbutton-tonal-xl.micl-iconbutton--wide,button.micl-iconbutton-outlined-xl.micl-iconbutton--wide{--micl-width: 184px;border-radius:calc(var(--micl-height)/2)}button.micl-iconbutton-standard-xl.micl-button--square,button.micl-iconbutton-filled-xl.micl-button--square,button.micl-iconbutton-tonal-xl.micl-button--square,button.micl-iconbutton-outlined-xl.micl-button--square{border-radius:var(--md-sys-shape-corner-extra-large)}button.micl-iconbutton-standard-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-filled-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl.micl-button--square.micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl.micl-button--square.micl-button--toggle.micl-button--selected{border-radius:var(--md-sys-shape-corner-full)}button.micl-iconbutton-standard-xl:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{border-radius:var(--md-sys-shape-corner-large)}button.micl-iconbutton-standard-xs,a.micl-iconbutton-standard-xs,button.micl-iconbutton-standard-s,a.micl-iconbutton-standard-s,button.micl-iconbutton-standard-m,a.micl-iconbutton-standard-m,button.micl-iconbutton-standard-l,button.micl-iconbutton-standard-xl{--statelayer-color: var(--md-sys-color-on-surface-variant);text-decoration:none}button.micl-iconbutton-standard-xs:disabled,a.micl-iconbutton-standard-xs:disabled,button.micl-iconbutton-standard-s:disabled,a.micl-iconbutton-standard-s:disabled,button.micl-iconbutton-standard-m:disabled,a.micl-iconbutton-standard-m:disabled,button.micl-iconbutton-standard-l:disabled,button.micl-iconbutton-standard-xl:disabled{background-color:rgba(0,0,0,0)}button.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,a.micl-iconbutton-standard-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-standard-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-primary);color:var(--md-sys-color-primary)}button.micl-iconbutton-standard-xs:not(:disabled):hover,a.micl-iconbutton-standard-xs:not(:disabled):hover,button.micl-iconbutton-standard-s:not(:disabled):hover,a.micl-iconbutton-standard-s:not(:disabled):hover,button.micl-iconbutton-standard-m:not(:disabled):hover,a.micl-iconbutton-standard-m:not(:disabled):hover,button.micl-iconbutton-standard-l:not(:disabled):hover,button.micl-iconbutton-standard-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-standard-xs:not(:disabled):focus-visible,a.micl-iconbutton-standard-xs:not(:disabled):focus-visible,button.micl-iconbutton-standard-s:not(:disabled):focus-visible,a.micl-iconbutton-standard-s:not(:disabled):focus-visible,button.micl-iconbutton-standard-m:not(:disabled):focus-visible,a.micl-iconbutton-standard-m:not(:disabled):focus-visible,button.micl-iconbutton-standard-l:not(:disabled):focus-visible,button.micl-iconbutton-standard-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-standard-xs:not(:disabled):active,a.micl-iconbutton-standard-xs:not(:disabled):active,button.micl-iconbutton-standard-s:not(:disabled):active,a.micl-iconbutton-standard-s:not(:disabled):active,button.micl-iconbutton-standard-m:not(:disabled):active,a.micl-iconbutton-standard-m:not(:disabled):active,button.micl-iconbutton-standard-l:not(:disabled):active,button.micl-iconbutton-standard-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-filled-xs,button.micl-iconbutton-filled-s,button.micl-iconbutton-filled-m,button.micl-iconbutton-filled-l,button.micl-iconbutton-filled-xl{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.micl-iconbutton-filled-xs:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-s:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-m:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-l:not(:disabled).micl-button--toggle:not(.micl-button--selected),button.micl-iconbutton-filled-xl:not(:disabled).micl-button--toggle:not(.micl-button--selected){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-filled-xs:not(:disabled):hover,button.micl-iconbutton-filled-s:not(:disabled):hover,button.micl-iconbutton-filled-m:not(:disabled):hover,button.micl-iconbutton-filled-l:not(:disabled):hover,button.micl-iconbutton-filled-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-filled-xs:not(:disabled):focus-visible,button.micl-iconbutton-filled-s:not(:disabled):focus-visible,button.micl-iconbutton-filled-m:not(:disabled):focus-visible,button.micl-iconbutton-filled-l:not(:disabled):focus-visible,button.micl-iconbutton-filled-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-filled-xs:not(:disabled):active,button.micl-iconbutton-filled-s:not(:disabled):active,button.micl-iconbutton-filled-m:not(:disabled):active,button.micl-iconbutton-filled-l:not(:disabled):active,button.micl-iconbutton-filled-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-tonal-xs,button.micl-iconbutton-tonal-s,button.micl-iconbutton-tonal-m,button.micl-iconbutton-tonal-l,button.micl-iconbutton-tonal-xl{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.micl-iconbutton-tonal-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-tonal-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}button.micl-iconbutton-tonal-xs:not(:disabled):hover,button.micl-iconbutton-tonal-s:not(:disabled):hover,button.micl-iconbutton-tonal-m:not(:disabled):hover,button.micl-iconbutton-tonal-l:not(:disabled):hover,button.micl-iconbutton-tonal-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-tonal-xs:not(:disabled):focus-visible,button.micl-iconbutton-tonal-s:not(:disabled):focus-visible,button.micl-iconbutton-tonal-m:not(:disabled):focus-visible,button.micl-iconbutton-tonal-l:not(:disabled):focus-visible,button.micl-iconbutton-tonal-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-tonal-xs:not(:disabled):active,button.micl-iconbutton-tonal-s:not(:disabled):active,button.micl-iconbutton-tonal-m:not(:disabled):active,button.micl-iconbutton-tonal-l:not(:disabled):active,button.micl-iconbutton-tonal-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}button.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-m,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xs,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-s,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-m{border:1px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-l,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-l{border:2px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-s.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-m.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-l.micl-iconbutton-outlined-xl,button.micl-iconbutton-outlined-xl.micl-iconbutton-outlined-xl{border:3px solid var(--md-sys-color-outline-variant)}button.micl-iconbutton-outlined-xs:disabled,button.micl-iconbutton-outlined-s:disabled,button.micl-iconbutton-outlined-m:disabled,button.micl-iconbutton-outlined-l:disabled,button.micl-iconbutton-outlined-xl:disabled{background-color:rgba(0,0,0,0)}button.micl-iconbutton-outlined-xs:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-s:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-m:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-l:not(:disabled).micl-button--toggle.micl-button--selected,button.micl-iconbutton-outlined-xl:not(:disabled).micl-button--toggle.micl-button--selected{--statelayer-color: var(--md-sys-color-inverse-on-surface);background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface)}button.micl-iconbutton-outlined-xs:not(:disabled):hover,button.micl-iconbutton-outlined-s:not(:disabled):hover,button.micl-iconbutton-outlined-m:not(:disabled):hover,button.micl-iconbutton-outlined-l:not(:disabled):hover,button.micl-iconbutton-outlined-xl:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}button.micl-iconbutton-outlined-xs:not(:disabled):focus-visible,button.micl-iconbutton-outlined-s:not(:disabled):focus-visible,button.micl-iconbutton-outlined-m:not(:disabled):focus-visible,button.micl-iconbutton-outlined-l:not(:disabled):focus-visible,button.micl-iconbutton-outlined-xl:not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%)}button.micl-iconbutton-outlined-xs:not(:disabled):active,button.micl-iconbutton-outlined-s:not(:disabled):active,button.micl-iconbutton-outlined-m:not(:disabled):active,button.micl-iconbutton-outlined-l:not(:disabled):active,button.micl-iconbutton-outlined-xl:not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}
+body{--md-sys-elevation-level0: none}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-shape-corner-extra-large: 28px}:root{--md-sys-shape-corner-full: 50%}:root{--md-sys-state-hover-state-layer-opacity: 8%}:root{--md-sys-state-focus-state-layer-opacity: 10%}:root{--md-sys-state-pressed-state-layer-opacity: 10%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-ripple-opacity-factor: 0.6}:root{--md-sys-state-ripple-duration: 750ms}@property --statelayer-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --statelayer-opacity{syntax:"<percentage>";initial-value:0%;inherits:false}@keyframes micl-ripple{from{background-size:0% 0%,100%;animation-timing-function:cubic-bezier(0.2, 0, 0, 1)}60%{background-size:1000% 1000%,100%;animation-timing-function:cubic-bezier(0.3, 0, 1, 1)}to{background-size:10000% 10000%,100%}}:is(.micl-iconbutton-standard-s,.micl-iconbutton-filled-s,.micl-iconbutton-tonal-s,.micl-iconbutton-outlined-s),:is(.micl-iconbutton-standard-xs,.micl-iconbutton-filled-xs,.micl-iconbutton-tonal-xs,.micl-iconbutton-outlined-xs){position:relative}:is(.micl-iconbutton-standard-s,.micl-iconbutton-filled-s,.micl-iconbutton-tonal-s,.micl-iconbutton-outlined-s)::before,:is(.micl-iconbutton-standard-xs,.micl-iconbutton-filled-xs,.micl-iconbutton-tonal-xs,.micl-iconbutton-outlined-xs)::before{content:"";position:absolute;display:flex;align-items:center;justify-content:center;block-size:var(--md-sys-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-target-size, 48px)) - var(--md-sys-target-size, 48px))/2);background-color:rgba(0,0,0,0)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]){--md-comp-icon-button-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-comp-icon-button-motion-duration: 350ms;--micl-ripple: 1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--micl-width);min-inline-size:var(--micl-width);block-size:var(--micl-height);padding:0;border:none;border-radius:var(--md-sys-shape-corner-full);background-color:rgba(0,0,0,0);background-image:radial-gradient(circle at var(--micl-x, center) var(--micl-y, center), transparent 0%, rgb(from var(--statelayer-color) r g b/calc(var(--statelayer-opacity) * var(--md-sys-state-ripple-opacity-factor))) 10%, transparent 10%),linear-gradient(rgb(from var(--statelayer-color) r g b/var(--statelayer-opacity)));background-repeat:no-repeat;background-position:var(--micl-x, center) var(--micl-y, center),0 0;background-size:0%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--md-comp-icon-button-icon-color, var(--md-sys-color-on-surface-variant));font-variation-settings:"FILL" 0;cursor:pointer;transition:border-radius var(--md-comp-icon-button-motion-duration) var(--md-comp-icon-button-motion-effects),font-variation-settings var(--md-comp-icon-button-motion-duration) linear,background-size 0ms,--statelayer-opacity var(--md-comp-icon-button-motion-duration) linear}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):disabled{box-shadow:var(--md-sys-elevation-level0);cursor:default}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):focus-visible{--statelayer-opacity: var(--md-sys-state-focus-state-layer-opacity, 10%);outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-sys-color-secondary);outline-offset:2px}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled).micl-rippling{animation:micl-ripple var(--md-sys-state-ripple-duration)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):hover:not(:disabled),:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle[aria-pressed=true]{font-variation-settings:"FILL" 1}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle:not([aria-pressed=true])::before{content:attr(data-miclicon)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle[aria-pressed=true]::before{content:attr(data-micliconselected)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--toggle[aria-pressed=true]{border-radius:var(--_shape-toggle)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-iconbutton--narrow{--micl-width: var(--_width-narrow);border-radius:calc(var(--micl-width)/2)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-iconbutton--wide{--micl-width: var(--_width-wide);border-radius:calc(var(--micl-height)/2)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--square{border-radius:var(--_shape-toggle)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]).micl-button--square.micl-button--toggle[aria-pressed=true]{border-radius:var(--md-sys-shape-corner-full)}:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):active,:is([class*=micl-iconbutton-standard-],[class*=micl-iconbutton-filled-],[class*=micl-iconbutton-tonal-],[class*=micl-iconbutton-outlined-]):not(:disabled):active.micl-button--square{border-radius:var(--_shape-pressed)}:is(.micl-iconbutton-standard-xs,.micl-iconbutton-filled-xs,.micl-iconbutton-tonal-xs,.micl-iconbutton-outlined-xs){--micl-width: 32px;--micl-height: 32px;--_width-narrow: 28px;--_width-wide: 40px;--_shape-toggle: var(--md-sys-shape-corner-medium);--_shape-pressed: var(--md-sys-shape-corner-small);font-size:20px}:is(.micl-iconbutton-standard-s,.micl-iconbutton-filled-s,.micl-iconbutton-tonal-s,.micl-iconbutton-outlined-s){--micl-width: 40px;--micl-height: 40px;--_width-narrow: 32px;--_width-wide: 52px;--_shape-toggle: var(--md-sys-shape-corner-medium);--_shape-pressed: var(--md-sys-shape-corner-small);font-size:var(--md-sys-icon-size, 24px)}:is(.micl-iconbutton-standard-m,.micl-iconbutton-filled-m,.micl-iconbutton-tonal-m,.micl-iconbutton-outlined-m){--micl-width: 56px;--micl-height: 56px;--_width-narrow: 48px;--_width-wide: 72px;--_shape-toggle: var(--md-sys-shape-corner-large);--_shape-pressed: var(--md-sys-shape-corner-medium);font-size:var(--md-sys-icon-size, 24px)}:is(.micl-iconbutton-standard-l,.micl-iconbutton-filled-l,.micl-iconbutton-tonal-l,.micl-iconbutton-outlined-l){--micl-width: 96px;--micl-height: 96px;--_width-narrow: 64px;--_width-wide: 128px;--_shape-toggle: var(--md-sys-shape-corner-extra-large);--_shape-pressed: var(--md-sys-shape-corner-large);font-size:32px}:is(.micl-iconbutton-standard-xl,.micl-iconbutton-filled-xl,.micl-iconbutton-tonal-xl,.micl-iconbutton-outlined-xl){--micl-width: 136px;--micl-height: 136px;--_width-narrow: 104px;--_width-wide: 184px;--_shape-toggle: var(--md-sys-shape-corner-extra-large);--_shape-pressed: var(--md-sys-shape-corner-large);font-size:40px}[class*=micl-iconbutton-standard-]{--statelayer-color: var(--md-sys-color-on-surface-variant);text-decoration:none}[class*=micl-iconbutton-standard-]:disabled{background-color:rgba(0,0,0,0);color:var(--md-comp-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-standard-]:not(:disabled).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-primary);color:var(--md-comp-icon-button-selected-icon-color, var(--md-sys-color-primary))}[class*=micl-iconbutton-filled-]{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-comp-filled-icon-button-container-color, var(--md-sys-color-primary));color:var(--md-comp-filled-icon-button-icon-color, var(--md-sys-color-on-primary))}[class*=micl-iconbutton-filled-]:disabled{background-color:var(--md-comp-filled-icon-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-icon-button-disabled-container-opacity, 10%)));color:var(--md-comp-filled-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-filled-]:not(:disabled).micl-button--toggle:not([aria-pressed=true]){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-comp-filled-icon-button-unselected-container-color, var(--md-sys-color-surface-container));color:var(--md-comp-filled-icon-button-unselected-icon-color, var(--md-sys-color-on-surface-variant))}[class*=micl-iconbutton-tonal-]{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-comp-filled-tonal-icon-button-container-color, var(--md-sys-color-secondary-container));color:var(--md-comp-filled-tonal-icon-button-icon-color, var(--md-sys-color-on-secondary-container))}[class*=micl-iconbutton-tonal-]:disabled{background-color:var(--md-comp-filled-tonal-icon-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-tonal-icon-button-disabled-container-opacity, 10%)));color:var(--md-comp-filled-tonal-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-tonal-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-tonal-]:not(:disabled).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-comp-filled-tonal-icon-button-selected-container-color, var(--md-sys-color-secondary));color:var(--md-comp-filled-tonal-icon-button-selected-icon-color, var(--md-sys-color-on-secondary))}[class*=micl-iconbutton-outlined-]{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-icon-button-icon-color, var(--md-sys-color-on-surface-variant))}[class*=micl-iconbutton-outlined-]:disabled{background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-icon-button-disabled-icon-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-outlined-icon-button-disabled-icon-opacity, 38%)))}[class*=micl-iconbutton-outlined-]:disabled.micl-button--toggle[aria-pressed=true]{border:none;background-color:var(--md-comp-outlined-icon-button-selected-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-outlined-icon-button-selected-disabled-container-opacity, 10%)))}[class*=micl-iconbutton-outlined-]:not(:disabled).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-inverse-on-surface);border:none;background-color:var(--md-comp-outlined-icon-button-selected-container-color, var(--md-sys-color-inverse-surface));color:var(--md-comp-outlined-icon-button-selected-icon-color, var(--md-sys-color-inverse-on-surface))}.micl-iconbutton-outlined-xs,.micl-iconbutton-outlined-s,.micl-iconbutton-outlined-m{border:1px solid var(--md-comp-outlined-icon-button-outline-color, var(--md-sys-color-outline-variant))}.micl-iconbutton-outlined-l{border:2px solid var(--md-comp-outlined-icon-button-outline-color, var(--md-sys-color-outline-variant))}.micl-iconbutton-outlined-xl{border:3px solid var(--md-comp-outlined-icon-button-outline-color, var(--md-sys-color-outline-variant))}

package/dist/iconbutton.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";var e={847(e,t,o){var n=o(56);const i=".micl-button--toggle",c=e=>{const t=e.querySelector(".micl-button__icon")??e,o="true"===e.getAttribute("aria-pressed");t.dataset.micliconselected&&t.classList.toggle(t.dataset.micliconselected,o),t.dataset.miclicon&&t.classList.toggle(t.dataset.miclicon,!o)},r=(0,n.register)(i,{command:e=>{const t=e.target;t.matches(i)&&!t.disabled&&"--micl-toggle"===e.command&&(t.classList.add("micl-button--toggled"),t.setAttribute("aria-pressed",String("true"!==t.getAttribute("aria-pressed"))),c(t))},initialize:function(e){e.matches(i)&&!e.dataset.miclinitialized&&(e.dataset.miclinitialized="1",c(e),e.addEventListener("command",this.command))},cleanup:function(e){e.matches(i)&&(e.removeEventListener("command",this.command),delete e.dataset.miclinitialized)}},HTMLButtonElement);o.d(t,["buttonSelector",0,i,"default",0,r])},56(e,t,o){const n=globalThis.__miclRegistry??={map:{},rippled:new WeakSet,activated:!1},i=()=>Object.keys(n.map).join(","),c=e=>Object.entries(n.map).find(([t,{type:o}])=>e.matches(t)&&e instanceof o)?.[1],r=e=>{const t=c(e);t&&"function"==typeof t.component.initialize&&t.component.initialize(e)},a=e=>{const t=c(e);t&&"function"==typeof t.component.cleanup&&t.component.cleanup(e)},l=e=>{const t=i();if(!t)return;const o=e.target.closest(t);if(!(o instanceof HTMLElement))return;const n=c(o),r=e.type;n&&"function"==typeof n.component[r]&&n.component[r]?.(e)},s=()=>{n.activated||(n.activated=!0,new MutationObserver(e=>{e.forEach(e=>{"childList"===e.type&&(e.addedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=i();t&&e.matches(t)&&r(e),t&&e.querySelectorAll(t).forEach(r)}}),e.removedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=i();t&&e.matches(t)&&a(e),(e=>{const t=i();t&&e.querySelectorAll(t).forEach(a)})(e)}}))})}).observe(document.body,{childList:!0,subtree:!0}),(e=>{const t=i();t&&e.querySelectorAll(t).forEach(r),e.querySelectorAll('[class*="micl-"], [class*="micl-"] > summary').forEach(e=>{n.rippled.has(e)||"1"===window.getComputedStyle(e).getPropertyValue("--micl-ripple")&&(e.addEventListener("pointerdown",t=>{if(t.currentTarget.classList.contains("micl-card--nonactionable"))return;t.stopPropagation();const o=e.getBoundingClientRect();e.style.setProperty("--micl-x",(t.clientX-o.left)/o.width*100+"%"),e.style.setProperty("--micl-y",(t.clientY-o.top)/o.height*100+"%"),e.classList.remove("micl-rippling"),e.offsetWidth,e.classList.add("micl-rippling");const n=t=>{"micl-ripple"===t.animationName&&(e.classList.remove("micl-rippling"),e.style.removeProperty("--micl-x"),e.style.removeProperty("--micl-y"),e.removeEventListener("animationend",n))};e.addEventListener("animationend",n)}),n.rippled.add(e))}),document.documentElement.style.setProperty("--md-sys-scrollbar-thumb-color",window.getComputedStyle(document.body).getPropertyValue("--md-sys-color-outline").trim())})(document),document.addEventListener("change",l),document.addEventListener("input",l),document.addEventListener("keydown",l))},d=()=>{document.removeEventListener("DOMContentLoaded",d),s()};"loading"!==document.readyState?s():document.addEventListener("DOMContentLoaded",d),o.d(t,["register",0,(e,t,o)=>(n.map[e]={component:t,type:o},n.activated&&document.querySelectorAll(e).forEach(r),t)])}};const t={};function o(n){const i=t[n];if(void 0!==i)return i.exports;const c=t[n]={exports:{}};return e[n](c,c.exports,o),c.exports}o.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],c=t[n++];o.o(e,i)?0===c&&n++:0===c?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:c})}else for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};let n={};o.r(n),o.d(n,{buttonSelector:()=>i.buttonSelector,default:()=>i.default});var i=o(847);return n})());

package/dist/layout.css

@@ -1 +1 @@
-:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-layout-pane-spacer: 24px}@media(max-width: 599px){:root{--md-sys-layout-window-margin: 16px}}@media(min-width: 600px)and (max-width: 839px){:root{--md-sys-layout-window-margin: 24px}}@media(min-width: 840px)and (max-width: 1199px){:root{--md-sys-layout-window-margin: 24px}}@media(min-width: 1200px)and (max-width: 1599px){:root{--md-sys-layout-window-margin: 24px}}@media(min-width: 1600px){:root{--md-sys-layout-window-margin: 24px}}.micl-window{padding:0 var(--md-sys-layout-window-margin) var(--md-sys-layout-window-margin);margin:0;background-color:var(--md-sys-color-surface)}.micl-window .micl-body .micl-appbar{margin-inline:calc(-1*var(--md-sys-layout-window-margin))}.micl-window:not(.micl-window--spatial):has(nav.micl-navigationrail) .micl-body .micl-appbar{margin-inline-start:0}.micl-window.micl-window--spatial{--md-sys-layout-spatial-radius: calc(var(--md-sys-shape-corner-medium) + var(--md-sys-layout-window-margin));display:flex;padding-block:calc(2*var(--md-sys-layout-window-margin));gap:var(--md-sys-layout-window-margin)}.micl-window.micl-window--spatial .micl-navigationrail{display:flex;align-self:flex-start;block-size:inherit;min-block-size:inherit;margin:0;padding-block-end:var(--md-sys-navigationrail-top-space, 0px);border-radius:var(--md-sys-layout-spatial-radius)}.micl-window.micl-window--spatial .micl-body{background:rgba(0,0,0,0)}.micl-window.micl-window--spatial .micl-pane{padding:0 var(--md-sys-layout-window-margin) var(--md-sys-layout-window-margin);border-radius:var(--md-sys-layout-spatial-radius);background-color:var(--md-sys-color-surface)}.micl-body{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--md-sys-comp-margin, 8px) var(--md-sys-layout-pane-spacer);background-color:inherit}.micl-body.micl-body--split:has(>.micl-pane:nth-child(2)) .micl-pane{flex-basis:50%}.micl-body.micl-body--evenly .micl-pane{flex:1 1 0}.micl-pane{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane.micl-pane--fixed{flex:0 0 auto}.micl-pane:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined),.micl-pane>*:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns{display:flex}.micl-pane>.micl-pane__columns:has(>.micl-pane__column>.micl-card-elevated,>.micl-pane__column>.micl-card-filled,>.micl-pane__column>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane>.micl-pane__columns>.micl-pane__column:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){row-gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column.micl-pane__column--fixed{flex:0 0 auto}.micl-pane>.micl-pane__columns.micl-pane__columns--evenly>.micl-pane__column{flex:1 1 0}@media(max-width: 599px){.micl-body.micl-body--stacked-to-medium,.micl-body.micl-body--stacked-to-expanded,.micl-body.micl-body--stacked-to-large,.micl-body.micl-body--stacked-to-extralarge{flex-direction:column}.micl-pane.micl-pane--hidden-to-medium,.micl-pane.micl-pane--hidden-to-expanded,.micl-pane.micl-pane--hidden-to-large,.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-medium,.micl-pane__columns.micl-pane__columns--stacked-to-expanded,.micl-pane__columns.micl-pane__columns--stacked-to-large,.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}@media(min-width: 600px)and (max-width: 839px){.micl-body.micl-body--stacked-to-expanded,.micl-body.micl-body--stacked-to-large,.micl-body.micl-body--stacked-to-extralarge{flex-direction:column}.micl-pane.micl-pane--hidden-to-expanded,.micl-pane.micl-pane--hidden-to-large,.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-expanded,.micl-pane__columns.micl-pane__columns--stacked-to-large,.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}@media(min-width: 840px)and (max-width: 1199px){.micl-body.micl-body--stacked-to-large,.micl-body.micl-body--stacked-to-extralarge{flex-direction:column}.micl-pane.micl-pane--hidden-to-large,.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-large,.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}@media(min-width: 1200px)and (max-width: 1599px){.micl-body.micl-body--stacked-to-extralarge{flex-direction:column}.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}
+:root{--md-sys-shape-corner-medium: 12px}:root{--md-sys-layout-pane-spacer: 24px;--md-sys-layout-window-margin: 24px}@media(max-width: 599px){:root{--md-sys-layout-window-margin: 16px}}@media(min-width: 840px)and (max-width: 1199px){:root{--md-sys-layout-pane-fixed-width: 360px}}@media(min-width: 1200px){:root{--md-sys-layout-pane-fixed-width: 412px}}.micl-window{padding:env(safe-area-inset-top, 0px) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-right, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px)) calc(var(--md-sys-layout-window-margin) + env(safe-area-inset-left, 0px));margin:0;background-color:var(--md-sys-color-surface)}.micl-window .micl-panes .micl-appbar{margin-inline:calc(-1*var(--md-sys-layout-window-margin))}.micl-window:not(.micl-window--spatial):has(nav.micl-navigationrail) .micl-panes .micl-appbar{margin-inline-start:0}.micl-window.micl-window--spatial{--md-sys-layout-spatial-radius: calc(var(--md-sys-shape-corner-medium) + var(--md-sys-layout-window-margin));display:flex;padding-block:calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-top, 0px)) calc(2*var(--md-sys-layout-window-margin) + env(safe-area-inset-bottom, 0px));gap:var(--md-sys-layout-window-margin)}.micl-window.micl-window--spatial .micl-navigationrail{display:flex;align-self:flex-start;block-size:inherit;min-block-size:inherit;margin:0;padding-block-end:var(--md-sys-navigationrail-top-space, 0px);border-radius:var(--md-sys-layout-spatial-radius)}.micl-window.micl-window--spatial .micl-panes{background:rgba(0,0,0,0)}.micl-window.micl-window--spatial .micl-pane{padding:0 var(--md-sys-layout-window-margin) var(--md-sys-layout-window-margin);border-radius:var(--md-sys-layout-spatial-radius);background-color:var(--md-sys-color-surface)}.micl-panes{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--md-sys-comp-margin, 8px) var(--md-sys-layout-pane-spacer);background-color:inherit}.micl-panes.micl-panes--split>.micl-pane+.micl-pane{--_layout-safe-inline-end: env(safe-area-inset-right, 0px);box-sizing:border-box;flex:0 1 var(--_layout-stacked-pane-size, calc(50vw - var(--md-sys-layout-window-margin, 0px) - var(--_layout-safe-inline-end) - var(--md-sys-layout-pane-spacer) / 2))}.micl-panes.micl-panes--split>.micl-pane+.micl-pane:dir(rtl){--_layout-safe-inline-end: env(safe-area-inset-left, 0px)}.micl-panes.micl-panes--evenly .micl-pane{flex:1 1 0}.micl-pane{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane.micl-pane--fixed{flex:0 0 auto;box-sizing:border-box;inline-size:var(--_layout-stacked-pane-size, var(--md-sys-layout-pane-fixed-width, auto))}.micl-pane:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined),.micl-pane>*:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns{display:flex}.micl-pane>.micl-pane__columns:has(>.micl-pane__column>.micl-card-elevated,>.micl-pane__column>.micl-card-filled,>.micl-pane__column>.micl-card-outlined){gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;background-color:inherit}.micl-pane>.micl-pane__columns>.micl-pane__column:has(>.micl-card-elevated,>.micl-card-filled,>.micl-card-outlined){row-gap:var(--md-comp-card-margin, 8px)}.micl-pane>.micl-pane__columns>.micl-pane__column.micl-pane__column--fixed{flex:0 0 auto}.micl-pane>.micl-pane__columns.micl-pane__columns--evenly>.micl-pane__column{flex:1 1 0}@media(max-width: 599px){.micl-panes.micl-panes--stacked-to-medium{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-medium{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-medium{flex-direction:column}}@media(max-width: 839px){.micl-panes.micl-panes--stacked-to-expanded{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-expanded{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-expanded{flex-direction:column}}@media(max-width: 1199px){.micl-panes.micl-panes--stacked-to-large{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-large{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-large{flex-direction:column}}@media(max-width: 1599px){.micl-panes.micl-panes--stacked-to-extralarge{--_layout-stacked-pane-size: auto;flex-direction:column}.micl-pane.micl-pane--hidden-to-extralarge{display:none}.micl-pane__columns.micl-pane__columns--stacked-to-extralarge{flex-direction:column}}

package/dist/layout.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.micl=o():e.micl=o()}(self,()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.micl=t():e.micl=t()}(self,()=>(()=>{"use strict";let e={};return(e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})());