material-inspired-component-library 9.1.0 → 9.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/README.md +2 -1
  2. package/components/appbar/index.scss +1 -1
  3. package/components/badge/README.md +43 -12
  4. package/components/badge/index.scss +15 -21
  5. package/components/bottomsheet/README.md +53 -22
  6. package/components/bottomsheet/index.scss +62 -45
  7. package/components/button/_shared.scss +9 -9
  8. package/components/card/README.md +55 -25
  9. package/components/card/index.scss +57 -38
  10. package/components/checkbox/README.md +97 -28
  11. package/components/checkbox/index.scss +39 -29
  12. package/components/chip/index.scss +6 -6
  13. package/components/datepicker/README.md +184 -59
  14. package/components/datepicker/index.scss +85 -21
  15. package/components/dialog/README.md +151 -56
  16. package/components/dialog/index.scss +50 -62
  17. package/components/iconbutton/index.scss +8 -8
  18. package/components/list/index.scss +15 -11
  19. package/components/menu/index.scss +13 -13
  20. package/components/navigationbar/index.scss +7 -1
  21. package/components/navigationrail/index.scss +27 -22
  22. package/components/radio/README.md +52 -12
  23. package/components/radio/index.scss +59 -41
  24. package/components/select/index.scss +3 -3
  25. package/components/sidesheet/README.md +90 -37
  26. package/components/sidesheet/index.scss +51 -41
  27. package/components/slider/README.md +35 -9
  28. package/components/slider/index.scss +182 -153
  29. package/components/snackbar/README.md +43 -25
  30. package/components/snackbar/index.scss +22 -27
  31. package/components/stepper/index.scss +5 -5
  32. package/components/switch/README.md +32 -4
  33. package/components/switch/index.scss +57 -52
  34. package/components/timepicker/README.md +131 -55
  35. package/components/timepicker/index.scss +47 -26
  36. package/dist/appbar.css +1 -1
  37. package/dist/badge.css +1 -1
  38. package/dist/bottomsheet.css +1 -1
  39. package/dist/bottomsheet.js +1 -1
  40. package/dist/button.css +1 -1
  41. package/dist/card.css +1 -1
  42. package/dist/checkbox.css +1 -1
  43. package/dist/checkbox.js +1 -1
  44. package/dist/chip.css +1 -1
  45. package/dist/components/checkbox/index.d.ts +1 -0
  46. package/dist/datepicker.css +1 -1
  47. package/dist/datepicker.js +1 -1
  48. package/dist/dialog.css +1 -1
  49. package/dist/foundations/form/index.js +1 -1
  50. package/dist/iconbutton.css +1 -1
  51. package/dist/layout.css +1 -1
  52. package/dist/list.css +1 -1
  53. package/dist/menu.css +1 -1
  54. package/dist/micl.css +1 -1
  55. package/dist/micl.js +1 -1
  56. package/dist/navigationbar.css +1 -1
  57. package/dist/navigationrail.css +1 -1
  58. package/dist/radio.css +1 -1
  59. package/dist/select.css +1 -1
  60. package/dist/sidesheet.css +1 -1
  61. package/dist/slider.css +1 -1
  62. package/dist/slider.js +1 -1
  63. package/dist/snackbar.css +1 -1
  64. package/dist/snackbar.js +1 -1
  65. package/dist/stepper.css +1 -1
  66. package/dist/stepper.js +1 -1
  67. package/dist/switch.css +1 -1
  68. package/dist/timepicker.css +1 -1
  69. package/dist/timepicker.js +1 -1
  70. package/foundations/layout/_tokens.scss +55 -0
  71. package/foundations/layout/index.scss +5 -35
  72. package/package.json +2 -2
  73. package/{components/checkbox/_label.scss → styles/togglelabel.scss} +11 -3
package/dist/button.css CHANGED
@@ -1 +1 @@
1
- :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-level1: 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 1px 3px 1px}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}: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%}}: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}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){--md-comp-button-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-comp-button-motion-duration: 350ms;--micl-ripple: 1;box-sizing:border-box;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;border-radius:calc(var(--micl-height)/2);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);cursor:pointer;transition:border-radius var(--md-comp-button-motion-duration) var(--md-comp-button-motion-effects),box-shadow var(--md-comp-button-motion-duration) var(--md-comp-button-motion-effects),background-size 0ms,--statelayer-opacity var(--md-comp-button-motion-duration) linear}:is(:disabled,:has(input:disabled,>button:disabled)):is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){cursor:default}:not(:disabled,:has(input:disabled,>button:disabled)):hover:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}:not(:disabled,:has(input:disabled,>button:disabled)):hover:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]) .micl-button__icon{font-variation-settings:"FILL" 1}:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)):is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){--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}:not(:disabled,:has(input:disabled,>button:disabled)):active:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){animation:micl-ripple calc(var(--md-sys-state-ripple-duration)*1.333)}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]) .micl-button__icon{font-variation-settings:"FILL" 0;transition:font-variation-settings var(--md-comp-button-motion-duration) linear}.micl-button--toggle:not([aria-pressed=true]):is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]) .micl-button__icon::before{content:attr(data-miclicon)}.micl-button--toggle[aria-pressed=true]:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]) .micl-button__icon::before{content:attr(data-micliconselected)}:is(.micl-button-text-s,.micl-button-elevated-s,.micl-button-filled-s,.micl-button-tonal-s,.micl-button-outlined-s)::before,:is(.micl-button-text-xs,.micl-button-elevated-xs,.micl-button-filled-xs,.micl-button-tonal-xs,.micl-button-outlined-xs)::before{content:"";position:absolute;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(.micl-button-text-xs,.micl-button-elevated-xs,.micl-button-filled-xs,.micl-button-tonal-xs,.micl-button-outlined-xs){font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 32px;--micl-height: 32px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:4px;padding-inline:12px}:is(.micl-button-text-xs,.micl-button-elevated-xs,.micl-button-filled-xs,.micl-button-tonal-xs,.micl-button-outlined-xs) .micl-button__icon{font-size:20px;inline-size:20px}[class*=micl-button-elevated-]{--statelayer-color: var(--md-sys-color-primary);background-color:var(--md-comp-elevated-button-container-color, var(--md-sys-color-surface-container-low));color:var(--md-comp-elevated-button-label-text-color, var(--md-sys-color-primary));box-shadow:var(--md-comp-elevated-button-container-elevation, var(--md-sys-elevation-level1))}[class*=micl-button-elevated-]:is(:disabled,:has(input:disabled,>button:disabled)){background-color:var(--md-comp-elevated-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-elevated-button-disabled-container-opacity, 10%)));color:var(--md-comp-elevated-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-elevated-button-disabled-label-text-opacity, 38%)));box-shadow:var(--md-sys-elevation-level0)}[class*=micl-button-elevated-]:not(:disabled,:has(input:disabled,>button:disabled)):hover:not(:active){box-shadow:var(--md-sys-elevation-level2)}[class*=micl-button-elevated-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-comp-elevated-button-selected-container-color, var(--md-sys-color-primary));color:var(--md-comp-elevated-button-selected-label-text-color, var(--md-sys-color-on-primary))}[class*=micl-button-elevated-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true] .micl-button__icon{font-variation-settings:"FILL" 1}[class*=micl-button-outlined-]{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-button-label-text-color, var(--md-sys-color-on-surface-variant));border:1px solid var(--md-comp-outlined-button-outline-color, var(--md-sys-color-outline-variant))}[class*=micl-button-outlined-]:is(:disabled,:has(input:disabled,>button:disabled)){background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-outlined-button-disabled-label-text-opacity, 38%)))}[class*=micl-button-outlined-]:is(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]{border:none;background-color:var(--md-comp-outlined-button-selected-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-outlined-button-selected-disabled-container-opacity, 10%)))}[class*=micl-button-outlined-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-inverse-on-surface);border:none;background-color:var(--md-comp-outlined-button-selected-container-color, var(--md-sys-color-inverse-surface));color:var(--md-comp-outlined-button-selected-label-text-color, var(--md-sys-color-inverse-on-surface))}[class*=micl-button-outlined-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true] .micl-button__icon{font-variation-settings:"FILL" 1}: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-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-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-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}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height)}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]).micl-button--toggle[aria-pressed=true]{border-radius:var(--_shape-toggle)}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]).micl-button--square{border-radius:var(--_shape-toggle)}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]).micl-button--square.micl-button--toggle[aria-pressed=true]{border-radius:calc(var(--micl-height)/2)}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]):not(:disabled,:has(input:disabled,>button:disabled)):active,:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]):not(:disabled,:has(input:disabled,>button:disabled)):active.micl-button--square{border-radius:var(--_shape-pressed)}:is(.micl-button-text-xs,.micl-button-elevated-xs,.micl-button-filled-xs,.micl-button-tonal-xs,.micl-button-outlined-xs){--_shape-toggle: var(--md-sys-shape-corner-medium);--_shape-pressed: var(--md-sys-shape-corner-small)}:is(.micl-button-text-s,.micl-button-elevated-s,.micl-button-filled-s,.micl-button-tonal-s,.micl-button-outlined-s){font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 40px;--micl-height: 40px;--_shape-toggle: var(--md-sys-shape-corner-medium);--_shape-pressed: var(--md-sys-shape-corner-small);column-gap:8px;padding-inline:16px}:is(.micl-button-text-s,.micl-button-elevated-s,.micl-button-filled-s,.micl-button-tonal-s,.micl-button-outlined-s) .micl-button__icon{font-size:20px;inline-size:20px}:is(.micl-button-text-m,.micl-button-elevated-m,.micl-button-filled-m,.micl-button-tonal-m,.micl-button-outlined-m){font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);letter-spacing:var(--md-sys-typescale-title-medium-tracking);--micl-width: 56px;--micl-height: 56px;--_shape-toggle: var(--md-sys-shape-corner-large);--_shape-pressed: var(--md-sys-shape-corner-medium);column-gap:8px;padding-inline:24px}:is(.micl-button-text-m,.micl-button-elevated-m,.micl-button-filled-m,.micl-button-tonal-m,.micl-button-outlined-m) .micl-button__icon{font-size:var(--md-sys-icon-size, 24px);inline-size:var(--md-sys-icon-size, 24px)}:is(.micl-button-text-l,.micl-button-elevated-l,.micl-button-filled-l,.micl-button-tonal-l,.micl-button-outlined-l){font:var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);letter-spacing:var(--md-sys-typescale-headline-small-tracking);--micl-width: 96px;--micl-height: 96px;--_shape-toggle: var(--md-sys-shape-corner-extra-large);--_shape-pressed: var(--md-sys-shape-corner-large);column-gap:12px;padding-inline:48px}:is(.micl-button-text-l,.micl-button-elevated-l,.micl-button-filled-l,.micl-button-tonal-l,.micl-button-outlined-l) .micl-button__icon{font-size:32px;inline-size:32px}:is(.micl-button-text-xl,.micl-button-elevated-xl,.micl-button-filled-xl,.micl-button-tonal-xl,.micl-button-outlined-xl){font:var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size)/var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-headline-large-font);letter-spacing:var(--md-sys-typescale-headline-large-tracking);--micl-width: 136px;--micl-height: 136px;--_shape-toggle: var(--md-sys-shape-corner-extra-large);--_shape-pressed: var(--md-sys-shape-corner-large);column-gap:16px;padding-inline:64px}:is(.micl-button-text-xl,.micl-button-elevated-xl,.micl-button-filled-xl,.micl-button-tonal-xl,.micl-button-outlined-xl) .micl-button__icon{font-size:40px;inline-size:40px}[class*=micl-button-text-]{--statelayer-color: var(--md-sys-color-primary);background-color:rgba(0,0,0,0);color:var(--md-comp-text-button-label-text-color, var(--md-sys-color-primary));text-decoration:none}[class*=micl-button-text-]:is(:disabled,:has(input:disabled,>button:disabled)){background-color:rgba(0,0,0,0);color:var(--md-comp-text-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-text-button-disabled-label-text-opacity, 38%)))}[class*=micl-button-filled-]{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-comp-filled-button-container-color, var(--md-sys-color-primary));color:var(--md-comp-filled-button-label-text-color, var(--md-sys-color-on-primary))}[class*=micl-button-filled-]:is(:disabled,:has(input:disabled,>button:disabled)){background-color:var(--md-comp-filled-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-button-disabled-container-opacity, 10%)));color:var(--md-comp-filled-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-filled-button-disabled-label-text-opacity, 38%)))}[class*=micl-button-filled-]:not(:disabled,:has(input:disabled,>button:disabled)):hover:not(:active){box-shadow:var(--md-sys-elevation-level1)}[class*=micl-button-filled-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true] .micl-button__icon{font-variation-settings:"FILL" 1}[class*=micl-button-filled-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle:not([aria-pressed=true]){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-comp-filled-button-unselected-container-color, var(--md-sys-color-surface-container));color:var(--md-comp-filled-button-unselected-label-text-color, var(--md-sys-color-on-surface-variant))}[class*=micl-button-tonal-]{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-comp-filled-tonal-button-container-color, var(--md-sys-color-secondary-container));color:var(--md-comp-filled-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container))}[class*=micl-button-tonal-]:is(:disabled,:has(input:disabled,>button:disabled)){background-color:var(--md-comp-filled-tonal-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-tonal-button-disabled-container-opacity, 10%)));color:var(--md-comp-filled-tonal-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-filled-tonal-button-disabled-label-text-opacity, 38%)))}[class*=micl-button-tonal-]:not(:disabled,:has(input:disabled,>button:disabled)):hover:not(:active){box-shadow:var(--md-sys-elevation-level1)}[class*=micl-button-tonal-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-comp-filled-tonal-button-selected-container-color, var(--md-sys-color-secondary));color:var(--md-comp-filled-tonal-button-selected-label-text-color, var(--md-sys-color-on-secondary))}[class*=micl-button-tonal-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true] .micl-button__icon{font-variation-settings:"FILL" 1}.micl-button-outlined-l{border-width:2px}.micl-button-outlined-xl{border-width:3px}
1
+ :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-level1: 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 1px 3px 1px}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}: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%}}: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}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){--_motion-effects: var(--md-comp-button-motion-effects, cubic-bezier(0.42, 1.67, 0.21, 0.9));--_motion-duration: var(--md-comp-button-motion-duration, 350ms);--micl-ripple: 1;box-sizing:border-box;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;border-radius:calc(var(--micl-height)/2);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);cursor:pointer;transition:border-radius var(--_motion-duration) var(--_motion-effects),box-shadow var(--_motion-duration) var(--_motion-effects),background-size 0ms,--statelayer-opacity var(--_motion-duration) linear}:is(:disabled,:has(input:disabled,>button:disabled)):is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){cursor:default}:not(:disabled,:has(input:disabled,>button:disabled)):hover:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}:not(:disabled,:has(input:disabled,>button:disabled)):hover:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]) .micl-button__icon{font-variation-settings:"FILL" 1}:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)):is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){--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}:not(:disabled,:has(input:disabled,>button:disabled)):active:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){animation:micl-ripple calc(var(--md-sys-state-ripple-duration)*1.333)}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]) .micl-button__icon{font-variation-settings:"FILL" 0;transition:font-variation-settings var(--_motion-duration) linear}.micl-button--toggle:not([aria-pressed=true]):is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]) .micl-button__icon::before{content:attr(data-miclicon)}.micl-button--toggle[aria-pressed=true]:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]) .micl-button__icon::before{content:attr(data-micliconselected)}:is(.micl-button-text-s,.micl-button-elevated-s,.micl-button-filled-s,.micl-button-tonal-s,.micl-button-outlined-s)::before,:is(.micl-button-text-xs,.micl-button-elevated-xs,.micl-button-filled-xs,.micl-button-tonal-xs,.micl-button-outlined-xs)::before{content:"";position:absolute;block-size:var(--md-sys-state-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-state-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-state-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-state-target-size, 48px)) - var(--md-sys-state-target-size, 48px))/2);background-color:rgba(0,0,0,0)}:is(.micl-button-text-xs,.micl-button-elevated-xs,.micl-button-filled-xs,.micl-button-tonal-xs,.micl-button-outlined-xs){font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 32px;--micl-height: 32px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:4px;padding-inline:12px}:is(.micl-button-text-xs,.micl-button-elevated-xs,.micl-button-filled-xs,.micl-button-tonal-xs,.micl-button-outlined-xs) .micl-button__icon{font-size:20px;inline-size:20px}[class*=micl-button-elevated-]{--statelayer-color: var(--md-sys-color-primary);background-color:var(--md-comp-elevated-button-container-color, var(--md-sys-color-surface-container-low));color:var(--md-comp-elevated-button-label-text-color, var(--md-sys-color-primary));box-shadow:var(--md-comp-elevated-button-container-elevation, var(--md-sys-elevation-level1))}[class*=micl-button-elevated-]:is(:disabled,:has(input:disabled,>button:disabled)){background-color:var(--md-comp-elevated-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-elevated-button-disabled-container-opacity, 10%)));color:var(--md-comp-elevated-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-elevated-button-disabled-label-text-opacity, 38%)));box-shadow:var(--md-sys-elevation-level0)}[class*=micl-button-elevated-]:not(:disabled,:has(input:disabled,>button:disabled)):hover:not(:active){box-shadow:var(--md-sys-elevation-level2)}[class*=micl-button-elevated-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-comp-elevated-button-selected-container-color, var(--md-sys-color-primary));color:var(--md-comp-elevated-button-selected-label-text-color, var(--md-sys-color-on-primary))}[class*=micl-button-elevated-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true] .micl-button__icon{font-variation-settings:"FILL" 1}[class*=micl-button-outlined-]{--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-button-label-text-color, var(--md-sys-color-on-surface-variant));border:1px solid var(--md-comp-outlined-button-outline-color, var(--md-sys-color-outline-variant))}[class*=micl-button-outlined-]:is(:disabled,:has(input:disabled,>button:disabled)){background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-outlined-button-disabled-label-text-opacity, 38%)))}[class*=micl-button-outlined-]:is(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]{border:none;background-color:var(--md-comp-outlined-button-selected-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-outlined-button-selected-disabled-container-opacity, 10%)))}[class*=micl-button-outlined-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-inverse-on-surface);border:none;background-color:var(--md-comp-outlined-button-selected-container-color, var(--md-sys-color-inverse-surface));color:var(--md-comp-outlined-button-selected-label-text-color, var(--md-sys-color-inverse-on-surface))}[class*=micl-button-outlined-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true] .micl-button__icon{font-variation-settings:"FILL" 1}: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-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-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-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}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]){min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height)}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]).micl-button--toggle[aria-pressed=true]{border-radius:var(--_shape-toggle)}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]).micl-button--square{border-radius:var(--_shape-toggle)}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]).micl-button--square.micl-button--toggle[aria-pressed=true]{border-radius:calc(var(--micl-height)/2)}:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]):not(:disabled,:has(input:disabled,>button:disabled)):active,:is([class*=micl-button-text-],[class*=micl-button-elevated-],[class*=micl-button-filled-],[class*=micl-button-tonal-],[class*=micl-button-outlined-]):not(:disabled,:has(input:disabled,>button:disabled)):active.micl-button--square{border-radius:var(--_shape-pressed)}:is(.micl-button-text-xs,.micl-button-elevated-xs,.micl-button-filled-xs,.micl-button-tonal-xs,.micl-button-outlined-xs){--_shape-toggle: var(--md-sys-shape-corner-medium);--_shape-pressed: var(--md-sys-shape-corner-small)}:is(.micl-button-text-s,.micl-button-elevated-s,.micl-button-filled-s,.micl-button-tonal-s,.micl-button-outlined-s){font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 40px;--micl-height: 40px;--_shape-toggle: var(--md-sys-shape-corner-medium);--_shape-pressed: var(--md-sys-shape-corner-small);column-gap:8px;padding-inline:16px}:is(.micl-button-text-s,.micl-button-elevated-s,.micl-button-filled-s,.micl-button-tonal-s,.micl-button-outlined-s) .micl-button__icon{font-size:20px;inline-size:20px}:is(.micl-button-text-m,.micl-button-elevated-m,.micl-button-filled-m,.micl-button-tonal-m,.micl-button-outlined-m){font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);letter-spacing:var(--md-sys-typescale-title-medium-tracking);--micl-width: 56px;--micl-height: 56px;--_shape-toggle: var(--md-sys-shape-corner-large);--_shape-pressed: var(--md-sys-shape-corner-medium);column-gap:8px;padding-inline:24px}:is(.micl-button-text-m,.micl-button-elevated-m,.micl-button-filled-m,.micl-button-tonal-m,.micl-button-outlined-m) .micl-button__icon{font-size:var(--md-sys-icon-size, 24px);inline-size:var(--md-sys-icon-size, 24px)}:is(.micl-button-text-l,.micl-button-elevated-l,.micl-button-filled-l,.micl-button-tonal-l,.micl-button-outlined-l){font:var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);letter-spacing:var(--md-sys-typescale-headline-small-tracking);--micl-width: 96px;--micl-height: 96px;--_shape-toggle: var(--md-sys-shape-corner-extra-large);--_shape-pressed: var(--md-sys-shape-corner-large);column-gap:12px;padding-inline:48px}:is(.micl-button-text-l,.micl-button-elevated-l,.micl-button-filled-l,.micl-button-tonal-l,.micl-button-outlined-l) .micl-button__icon{font-size:32px;inline-size:32px}:is(.micl-button-text-xl,.micl-button-elevated-xl,.micl-button-filled-xl,.micl-button-tonal-xl,.micl-button-outlined-xl){font:var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size)/var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-headline-large-font);letter-spacing:var(--md-sys-typescale-headline-large-tracking);--micl-width: 136px;--micl-height: 136px;--_shape-toggle: var(--md-sys-shape-corner-extra-large);--_shape-pressed: var(--md-sys-shape-corner-large);column-gap:16px;padding-inline:64px}:is(.micl-button-text-xl,.micl-button-elevated-xl,.micl-button-filled-xl,.micl-button-tonal-xl,.micl-button-outlined-xl) .micl-button__icon{font-size:40px;inline-size:40px}[class*=micl-button-text-]{--statelayer-color: var(--md-sys-color-primary);background-color:rgba(0,0,0,0);color:var(--md-comp-text-button-label-text-color, var(--md-sys-color-primary));text-decoration:none}[class*=micl-button-text-]:is(:disabled,:has(input:disabled,>button:disabled)){background-color:rgba(0,0,0,0);color:var(--md-comp-text-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-text-button-disabled-label-text-opacity, 38%)))}[class*=micl-button-filled-]{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-comp-filled-button-container-color, var(--md-sys-color-primary));color:var(--md-comp-filled-button-label-text-color, var(--md-sys-color-on-primary))}[class*=micl-button-filled-]:is(:disabled,:has(input:disabled,>button:disabled)){background-color:var(--md-comp-filled-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-button-disabled-container-opacity, 10%)));color:var(--md-comp-filled-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-filled-button-disabled-label-text-opacity, 38%)))}[class*=micl-button-filled-]:not(:disabled,:has(input:disabled,>button:disabled)):hover:not(:active){box-shadow:var(--md-sys-elevation-level1)}[class*=micl-button-filled-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true] .micl-button__icon{font-variation-settings:"FILL" 1}[class*=micl-button-filled-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle:not([aria-pressed=true]){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:var(--md-comp-filled-button-unselected-container-color, var(--md-sys-color-surface-container));color:var(--md-comp-filled-button-unselected-label-text-color, var(--md-sys-color-on-surface-variant))}[class*=micl-button-tonal-]{--statelayer-color: var(--md-sys-color-on-secondary-container);background-color:var(--md-comp-filled-tonal-button-container-color, var(--md-sys-color-secondary-container));color:var(--md-comp-filled-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container))}[class*=micl-button-tonal-]:is(:disabled,:has(input:disabled,>button:disabled)){background-color:var(--md-comp-filled-tonal-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filled-tonal-button-disabled-container-opacity, 10%)));color:var(--md-comp-filled-tonal-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-filled-tonal-button-disabled-label-text-opacity, 38%)))}[class*=micl-button-tonal-]:not(:disabled,:has(input:disabled,>button:disabled)):hover:not(:active){box-shadow:var(--md-sys-elevation-level1)}[class*=micl-button-tonal-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-on-secondary);background-color:var(--md-comp-filled-tonal-button-selected-container-color, var(--md-sys-color-secondary));color:var(--md-comp-filled-tonal-button-selected-label-text-color, var(--md-sys-color-on-secondary))}[class*=micl-button-tonal-]:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true] .micl-button__icon{font-variation-settings:"FILL" 1}.micl-button-outlined-l{border-width:2px}.micl-button-outlined-xl{border-width:3px}
package/dist/card.css CHANGED
@@ -1 +1 @@
1
- :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-level1: 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 1px 3px 1px}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}body{--md-sys-elevation-level4: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 2px 3px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 6px 10px 4px}:root{--md-sys-shape-corner-medium: 12px}: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-dragged-state-layer-opacity: 16%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-focus-indicator-outer-offset: 2px}: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%}}: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-smallmedium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-smallmedium-size: 0.8125rem;--md-sys-typescale-body-smallmedium-line-height: 1.125rem;--md-sys-typescale-body-smallmedium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-smallmedium-tracking: 0.025rem}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined){--md-comp-card-motion-spatial: cubic-bezier(0.38, 1.21, 0.22, 1);--md-comp-card-motion-duration: 500ms;--_card-color: var(--md-sys-color-on-surface-variant);display:flex;flex-direction:column;block-size:fit-content;margin:0;outline:none;overflow:hidden;interpolate-size:allow-keywords;border-radius:var(--_card-shape);background-color:var(--_card-background-color);box-shadow:var(--_card-elevation);border:var(--_card-border, none);opacity:var(--_card-opacity, 1);pointer-events:var(--_card-pointer-events, auto)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not(.micl-card--compact):not(:has(>summary)){row-gap:var(--md-comp-card-gap, 8px)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]),:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary{--micl-ripple: 1;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%;transition:background-size 0ms,--statelayer-opacity var(--md-comp-card-motion-duration) linear}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]):is(:hover,:focus-visible,:active,.micl-card--dragging),:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary:is(:hover,:focus-visible,:active,.micl-card--dragging){--_card-color: var(--md-sys-color-on-surface)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]):hover,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary:hover{--statelayer-color: var(--_card-hover-state-color);--statelayer-opacity: var(--_card-hover-state-opacity);cursor:pointer}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]):focus-visible,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary:focus-visible{--statelayer-color: var(--_card-focus-state-color);--statelayer-opacity: var(--_card-focus-state-opacity)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]):active,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary:active{--statelayer-color: var(--_card-pressed-state-color);--statelayer-opacity: var(--_card-pressed-state-opacity)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]).micl-card--dragging,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary.micl-card--dragging{--statelayer-color: var(--_card-dragged-state-color);--statelayer-opacity: var(--_card-dragged-state-opacity);cursor:grabbing}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]).micl-rippling,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary.micl-rippling{animation:micl-ripple calc(var(--md-sys-state-ripple-duration)*1.722)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]) .micl-card__content,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary .micl-card__content{background-color:rgba(0,0,0,0)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]):hover,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([tabindex="0"]):not([inert]):has(>summary:hover){box-shadow:var(--_card-hover-elevation);border-color:var(--_card-hover-border-color, var(--_card-border-color, transparent))}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]):focus-visible,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([tabindex="0"]):not([inert]):has(>summary:focus-visible){box-shadow:var(--_card-focus-elevation);border-color:var(--_card-focus-border-color, transparent);outline:var(--_card-focus-outline-thickness, 0px) solid var(--_card-focus-outline-color, transparent);outline-offset:var(--_card-focus-outline-offset, 0px)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]):active,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([tabindex="0"]):not([inert]):has(>summary:active){box-shadow:var(--_card-pressed-elevation);border-color:var(--_card-pressed-border-color, transparent)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[tabindex="0"]:not([inert]).micl-card--dragging{box-shadow:var(--_card-dragged-elevation);border-color:var(--_card-dragged-border-color, transparent)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)::details-content{block-size:0;overflow:hidden;transition:block-size var(--md-comp-card-motion-duration) var(--md-comp-card-motion-spatial),content-visibility var(--md-comp-card-motion-duration) linear allow-discrete}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[open]::details-content{block-size:auto}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)>summary{display:flex;flex-direction:column;padding-block-end:var(--md-comp-card-content-padding-block, 16px);outline:none;list-style:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)>summary:not(.micl-card--compact){row-gap:var(--md-comp-card-gap, 8px)}.micl-card-elevated{--_card-shape: var(--md-comp-elevated-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-elevated-card-container-color, var(--md-sys-color-surface-container-low));--_card-elevation: var(--md-comp-elevated-card-container-elevation, var(--md-sys-elevation-level1));--_card-hover-state-color: var(--md-comp-elevated-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-elevated-card-hover-container-elevation, var(--md-sys-elevation-level2));--_card-focus-state-color: var(--md-comp-elevated-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-elevated-card-focus-container-elevation, var(--md-sys-elevation-level1));--_card-pressed-state-color: var(--md-comp-elevated-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-elevated-card-pressed-container-elevation, var(--md-sys-elevation-level1));--_card-dragged-state-color: var(--md-comp-elevated-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-elevated-card-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-card-elevated[inert]{--_card-background-color: var(--md-comp-elevated-card-disabled-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-elevated-card-disabled-container-elevation, var(--md-sys-elevation-level1));--_card-opacity: var(--md-comp-elevated-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-elevated{--_card-focus-outline-thickness: var(--md-comp-elevated-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-elevated-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-elevated-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset))}.micl-card-filled{--_card-shape: var(--md-comp-filled-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-filled-card-container-color, var(--md-sys-color-surface-container-highest));--_card-elevation: var(--md-comp-filled-card-container-elevation, var(--md-sys-elevation-level0));--_card-hover-state-color: var(--md-comp-filled-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-filled-card-hover-container-elevation, var(--md-sys-elevation-level1));--_card-focus-state-color: var(--md-comp-filled-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-filled-card-focus-container-elevation, var(--md-sys-elevation-level0));--_card-pressed-state-color: var(--md-comp-filled-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-filled-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_card-dragged-state-color: var(--md-comp-filled-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-filled-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-filled[inert]{--_card-background-color: var(--md-comp-filled-card-disabled-container-color, var(--md-sys-color-surface-variant));--_card-elevation: var(--md-comp-filled-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_card-opacity: var(--md-comp-filled-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-filled{--_card-focus-outline-thickness: var(--md-comp-filled-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-filled-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-filled-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset))}.micl-card-outlined{--_card-shape: var(--md-comp-outlined-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-outlined-card-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-outlined-card-container-elevation, var(--md-sys-elevation-level0));--_card-hover-state-color: var(--md-comp-outlined-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-outlined-card-hover-container-elevation, var(--md-sys-elevation-level1));--_card-focus-state-color: var(--md-comp-outlined-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-outlined-card-focus-container-elevation, var(--md-sys-elevation-level0));--_card-pressed-state-color: var(--md-comp-outlined-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-outlined-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_card-dragged-state-color: var(--md-comp-outlined-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-outlined-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-outlined[inert]{--_card-background-color: var(--md-comp-outlined-card-disabled-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-outlined-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_card-opacity: var(--md-comp-outlined-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));--_card-pointer-events: none}.micl-card-outlined{--_card-focus-outline-thickness: var(--md-comp-outlined-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-outlined-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-outlined-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset));--_card-border-width: var(--md-comp-outlined-card-outline-width, 1px);--_card-border: var(--_card-border-width) solid var(--_card-border-color, var(--md-comp-outlined-card-outline-color, var(--md-sys-color-outline-variant)));--_card-hover-border-color: var(--md-comp-outlined-card-hover-outline-color, var(--md-sys-color-outline-variant));--_card-focus-border-color: var(--md-comp-outlined-card-focus-outline-color, var(--md-sys-color-on-surface));--_card-pressed-border-color: var(--md-comp-outlined-card-pressed-outline-color, var(--md-sys-color-outline-variant));--_card-dragged-border-color: var(--md-comp-outlined-card-dragged-outline-color, var(--md-sys-color-outline-variant))}.micl-card-outlined[inert]{--_card-border-color: rgb(from var(--md-comp-outlined-card-disabled-outline-color, var(--md-sys-color-outline)) r g b / var(--md-comp-outlined-card-disabled-outline-opacity, 12%))}.micl-card__image{display:block;inline-size:100%;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:var(--_card-shape)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)>[class*=micl-card__headline-]:first-child,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)>summary>[class*=micl-card__headline-]:first-child{padding-block-start:var(--md-comp-card-content-padding-block, 16px)}[class*=micl-card__headline-]{display:flex;align-items:center;column-gap:var(--md-comp-card-gap, 8px);color:var(--_card-color)}[class*=micl-card__headline-] :is(h1,h2,h3,h4,h5,h6,.micl-heading){flex:1 2 fit-content;margin:0;padding-inline:var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=micl-card__headline-] :is(h1,h2,h3,h4,h5,h6,.micl-heading):has(+button){padding-inline-end:0}[class*=micl-card__headline-]:has(button){margin-block:0}.micl-card__headline-s :is(h1,h2,h3,h4,h5,h6,.micl-heading){font:var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.micl-card__headline-m :is(h1,h2,h3,h4,h5,h6,.micl-heading){font:var(--md-sys-typescale-headline-medium-weight) var(--md-sys-typescale-headline-medium-size)/var(--md-sys-typescale-headline-medium-line-height) var(--md-sys-typescale-headline-medium-font);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.micl-card__headline-l :is(h1,h2,h3,h4,h5,h6,.micl-heading){font:var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size)/var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-headline-large-font);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.micl-card__subhead{font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);letter-spacing:var(--md-sys-typescale-title-medium-tracking);display:block;margin:calc(-1*var(--md-comp-card-gap, 8px)) 0 var(--md-comp-card-gap, 8px) 0;padding:0 var(--md-comp-card-padding-inline, 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--_card-color)}.micl-card__supporting-text{font:var(--md-sys-typescale-body-smallmedium-weight) var(--md-sys-typescale-body-smallmedium-size)/var(--md-sys-typescale-body-smallmedium-line-height) var(--md-sys-typescale-body-smallmedium-font);letter-spacing:var(--md-sys-typescale-body-smallmedium-tracking);display:block;margin:0;padding:0 var(--md-comp-card-padding-inline, 16px);color:var(--_card-color)}.micl-card__content{box-sizing:border-box;padding-block:var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px);overflow:clip visible}.micl-card__actions{box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding-block:0 var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px)}.micl-card__actions.micl-card__actions--outset-start{padding-inline-start:calc(var(--md-comp-card-padding-inline, 16px) - 16px)}.micl-card__actions.micl-card__actions--outset-end{padding-inline-end:calc(var(--md-comp-card-padding-inline, 16px) - 16px)}.micl-card--compact,summary.micl-card--compact{display:grid;grid-template-columns:20% 1fr;padding-block-end:0}.micl-card--compact .micl-card__image,summary.micl-card--compact .micl-card__image{grid-column:1;grid-row:1/span 4;block-size:100%;background-size:cover}.micl-card--compact [class*=micl-card__headline-],.micl-card--compact .micl-card__subhead,.micl-card--compact .micl-card__supporting-text,summary.micl-card--compact [class*=micl-card__headline-],summary.micl-card--compact .micl-card__subhead,summary.micl-card--compact .micl-card__supporting-text{grid-column:2;min-inline-size:0}.micl-card--compact [class*=micl-card__headline-],.micl-card--compact .micl-card__supporting-text,summary.micl-card--compact [class*=micl-card__headline-],summary.micl-card--compact .micl-card__supporting-text{margin-block-start:var(--md-comp-card-gap, 8px)}.micl-card--compact .micl-card__subhead,summary.micl-card--compact .micl-card__subhead{margin-block-start:0}.micl-card--compact .micl-card__content,summary.micl-card--compact .micl-card__content{grid-column:1/span 2}.micl-card--compact:not(:has(.micl-card__content))>:last-child,summary.micl-card--compact:not(:has(.micl-card__content))>:last-child{margin-block-end:var(--md-comp-card-gap, 8px)}
1
+ :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-level1: 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 1px 3px 1px}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}body{--md-sys-elevation-level4: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 2px 3px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 6px 10px 4px}:root{--md-sys-shape-corner-medium: 12px}: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-dragged-state-layer-opacity: 16%}:root{--md-sys-state-disabled-state-layer-opacity: 38%}:root{--md-sys-state-focus-indicator-thickness: 3px}:root{--md-sys-state-focus-indicator-outer-offset: 2px}: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%}}: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-smallmedium-font: var(--md-ref-typeface-plain);--md-sys-typescale-body-smallmedium-size: 0.8125rem;--md-sys-typescale-body-smallmedium-line-height: 1.125rem;--md-sys-typescale-body-smallmedium-weight: var(--md-ref-typeface-weight-regular);--md-sys-typescale-body-smallmedium-tracking: 0.025rem}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined){--_card-motion-spatial: var(--md-comp-card-motion-spatial, cubic-bezier(0.38, 1.21, 0.22, 1));--_card-motion-duration: var(--md-comp-card-motion-duration, 500ms);--_card-ripple-duration: var(--md-sys-state-ripple-duration);--_card-color: var(--md-sys-color-on-surface-variant);display:flex;flex-direction:column;block-size:fit-content;margin:0;border:var(--_card-border, none);border-radius:var(--_card-shape);outline:none;background-color:var(--_card-background-color);box-shadow:var(--_card-elevation);text-decoration:none;opacity:var(--_card-opacity, 1);color:inherit;overflow:hidden;interpolate-size:allow-keywords}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not(.micl-card--compact):not(:has(>summary)){row-gap:var(--md-comp-card-gap, 8px)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]),:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary{--micl-ripple: 1;--statelayer-color: var(--_card-hover-state-color);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);transition:background-size 0ms,--statelayer-opacity var(--_card-motion-duration) linear}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]):is(:hover,:focus-visible,:active,.micl-card--dragging),:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary:is(:hover,:focus-visible,:active,.micl-card--dragging){--_card-color: var(--md-sys-color-on-surface)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]):hover,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary:hover{--statelayer-color: var(--_card-hover-state-color);--statelayer-opacity: var(--_card-hover-state-opacity);cursor:pointer}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]):focus-visible,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary:focus-visible{--statelayer-color: var(--_card-focus-state-color);--statelayer-opacity: var(--_card-focus-state-opacity)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]):active,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary:active{--statelayer-color: var(--_card-pressed-state-color);--statelayer-opacity: var(--_card-pressed-state-opacity)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]).micl-card--dragging,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary.micl-card--dragging{--statelayer-color: var(--_card-dragged-state-color);--statelayer-opacity: var(--_card-dragged-state-opacity);cursor:grabbing}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]).micl-rippling,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary.micl-rippling{animation:micl-ripple calc(var(--_card-ripple-duration)*1.722)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]) .micl-card__content,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not([inert])>summary .micl-card__content{background-color:rgba(0,0,0,0)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]):hover,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not(:is([tabindex="0"],a[href])):not([inert]):has(>summary:hover){box-shadow:var(--_card-hover-elevation);border-color:var(--_card-hover-border-color, var(--_card-border-color, transparent))}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]):focus-visible,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not(:is([tabindex="0"],a[href])):not([inert]):has(>summary:focus-visible){box-shadow:var(--_card-focus-elevation);border-color:var(--_card-focus-border-color, transparent);outline:var(--_card-focus-outline-thickness) solid var(--_card-focus-outline-color);outline-offset:var(--_card-focus-outline-offset)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]):active,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):not(:is([tabindex="0"],a[href])):not([inert]):has(>summary:active){box-shadow:var(--_card-pressed-elevation);border-color:var(--_card-pressed-border-color, transparent)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined):is([tabindex="0"],a[href]):not([inert]).micl-card--dragging{box-shadow:var(--_card-dragged-elevation);border-color:var(--_card-dragged-border-color, transparent)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)::details-content{block-size:0;overflow:hidden;transition:block-size var(--_card-motion-duration) var(--_card-motion-spatial),content-visibility var(--_card-motion-duration) linear allow-discrete}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)[open]::details-content{block-size:auto}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)>summary{display:flex;flex-direction:column;padding-block-end:var(--md-comp-card-content-padding-block, 16px);outline:none;list-style:none;cursor:pointer}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)>summary:not(.micl-card--compact){row-gap:var(--md-comp-card-gap, 8px)}@media(prefers-reduced-motion: reduce){:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined){--_card-motion-duration: 0ms;--_card-ripple-duration: 0ms}}.micl-card-elevated{--_card-shape: var(--md-comp-elevated-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-elevated-card-container-color, var(--md-sys-color-surface-container-low));--_card-elevation: var(--md-comp-elevated-card-container-elevation, var(--md-sys-elevation-level1));--_card-hover-state-color: var(--md-comp-elevated-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-elevated-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-elevated-card-hover-container-elevation, var(--md-sys-elevation-level2));--_card-focus-state-color: var(--md-comp-elevated-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-elevated-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-elevated-card-focus-container-elevation, var(--md-sys-elevation-level1));--_card-pressed-state-color: var(--md-comp-elevated-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-elevated-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-elevated-card-pressed-container-elevation, var(--md-sys-elevation-level1));--_card-dragged-state-color: var(--md-comp-elevated-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-elevated-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-elevated-card-dragged-container-elevation, var(--md-sys-elevation-level4))}.micl-card-elevated[inert]{--_card-background-color: var(--md-comp-elevated-card-disabled-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-elevated-card-disabled-container-elevation, var(--md-sys-elevation-level1));--_card-opacity: var(--md-comp-elevated-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));pointer-events:none}.micl-card-elevated{--_card-focus-outline-thickness: var(--md-comp-elevated-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-elevated-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-elevated-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset))}.micl-card-filled{--_card-shape: var(--md-comp-filled-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-filled-card-container-color, var(--md-sys-color-surface-container-highest));--_card-elevation: var(--md-comp-filled-card-container-elevation, var(--md-sys-elevation-level0));--_card-hover-state-color: var(--md-comp-filled-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-filled-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-filled-card-hover-container-elevation, var(--md-sys-elevation-level1));--_card-focus-state-color: var(--md-comp-filled-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-filled-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-filled-card-focus-container-elevation, var(--md-sys-elevation-level0));--_card-pressed-state-color: var(--md-comp-filled-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-filled-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-filled-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_card-dragged-state-color: var(--md-comp-filled-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-filled-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-filled-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-filled[inert]{--_card-background-color: var(--md-comp-filled-card-disabled-container-color, var(--md-sys-color-surface-variant));--_card-elevation: var(--md-comp-filled-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_card-opacity: var(--md-comp-filled-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));pointer-events:none}.micl-card-filled{--_card-focus-outline-thickness: var(--md-comp-filled-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-filled-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-filled-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset))}.micl-card-outlined{--_card-shape: var(--md-comp-outlined-card-container-shape, var(--md-sys-shape-corner-medium));--_card-background-color: var(--md-comp-outlined-card-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-outlined-card-container-elevation, var(--md-sys-elevation-level0));--_card-hover-state-color: var(--md-comp-outlined-card-hover-state-layer-color, var(--md-sys-color-on-surface));--_card-hover-state-opacity: var(--md-comp-outlined-card-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity));--_card-hover-elevation: var(--md-comp-outlined-card-hover-container-elevation, var(--md-sys-elevation-level1));--_card-focus-state-color: var(--md-comp-outlined-card-focus-state-layer-color, var(--md-sys-color-on-surface));--_card-focus-state-opacity: var(--md-comp-outlined-card-focus-state-layer-opacity, var(--md-sys-state-focus-state-layer-opacity));--_card-focus-elevation: var(--md-comp-outlined-card-focus-container-elevation, var(--md-sys-elevation-level0));--_card-pressed-state-color: var(--md-comp-outlined-card-pressed-state-layer-color, var(--md-sys-color-on-surface));--_card-pressed-state-opacity: var(--md-comp-outlined-card-pressed-state-layer-opacity, var(--md-sys-state-pressed-state-layer-opacity));--_card-pressed-elevation: var(--md-comp-outlined-card-pressed-container-elevation, var(--md-sys-elevation-level0));--_card-dragged-state-color: var(--md-comp-outlined-card-dragged-state-layer-color, var(--md-sys-color-on-surface));--_card-dragged-state-opacity: var(--md-comp-outlined-card-dragged-state-layer-opacity, var(--md-sys-state-dragged-state-layer-opacity));--_card-dragged-elevation: var(--md-comp-outlined-card-dragged-container-elevation, var(--md-sys-elevation-level3))}.micl-card-outlined[inert]{--_card-background-color: var(--md-comp-outlined-card-disabled-container-color, var(--md-sys-color-surface));--_card-elevation: var(--md-comp-outlined-card-disabled-container-elevation, var(--md-sys-elevation-level0));--_card-opacity: var(--md-comp-outlined-card-disabled-container-opacity, var(--md-sys-state-disabled-state-layer-opacity));pointer-events:none}.micl-card-outlined{--_card-focus-outline-thickness: var(--md-comp-outlined-card-focus-indicator-thickness, var(--md-sys-state-focus-indicator-thickness));--_card-focus-outline-color: var(--md-comp-outlined-card-focus-indicator-color, var(--md-sys-color-secondary));--_card-focus-outline-offset: var(--md-comp-outlined-card-focus-indicator-outline-offset, var(--md-sys-state-focus-indicator-outer-offset));--_card-border-width: var(--md-comp-outlined-card-outline-width, 1px);--_card-border: var(--_card-border-width) solid var(--_card-border-color, var(--md-comp-outlined-card-outline-color, var(--md-sys-color-outline-variant)));--_card-hover-border-color: var(--md-comp-outlined-card-hover-outline-color, var(--md-sys-color-outline-variant));--_card-focus-border-color: var(--md-comp-outlined-card-focus-outline-color, var(--md-sys-color-on-surface));--_card-pressed-border-color: var(--md-comp-outlined-card-pressed-outline-color, var(--md-sys-color-outline-variant));--_card-dragged-border-color: var(--md-comp-outlined-card-dragged-outline-color, var(--md-sys-color-outline-variant))}.micl-card-outlined[inert]{--_card-border-color: rgb(from var(--md-comp-outlined-card-disabled-outline-color, var(--md-sys-color-outline)) r g b / var(--md-comp-outlined-card-disabled-outline-opacity, 12%))}.micl-card__image{display:block;inline-size:100%;object-fit:contain;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:var(--_card-shape)}:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)>:is(.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l):first-child,:is(.micl-card-elevated,.micl-card-filled,.micl-card-outlined)>summary>:is(.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l):first-child{padding-block-start:var(--md-comp-card-content-padding-block, 16px)}:is(.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l){display:flex;align-items:center;column-gap:var(--md-comp-card-gap, 8px);color:var(--_card-color)}:is(.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l) :is(h1,h2,h3,h4,h5,h6,.micl-heading){flex:1 2 fit-content;margin:0;padding-inline:var(--md-comp-card-padding-inline, 16px);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--md-comp-card-headline-line-clamp, 1)}:is(.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l) :is(h1,h2,h3,h4,h5,h6,.micl-heading):has(+button){padding-inline-end:0}.micl-card__headline-s :is(h1,h2,h3,h4,h5,h6,.micl-heading){font:var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);letter-spacing:var(--md-sys-typescale-headline-small-tracking)}.micl-card__headline-m :is(h1,h2,h3,h4,h5,h6,.micl-heading){font:var(--md-sys-typescale-headline-medium-weight) var(--md-sys-typescale-headline-medium-size)/var(--md-sys-typescale-headline-medium-line-height) var(--md-sys-typescale-headline-medium-font);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.micl-card__headline-l :is(h1,h2,h3,h4,h5,h6,.micl-heading){font:var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size)/var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-headline-large-font);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}.micl-card__subhead{font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);letter-spacing:var(--md-sys-typescale-title-medium-tracking);display:-webkit-box;overflow:hidden;margin:0 0 var(--md-comp-card-gap, 8px) 0;padding:0 var(--md-comp-card-padding-inline, 16px);-webkit-box-orient:vertical;-webkit-line-clamp:var(--md-comp-card-subhead-line-clamp, 1);color:var(--_card-color)}.micl-card__subhead:not(:first-child){margin-block-start:calc(-1*var(--md-comp-card-gap, 8px))}.micl-card__supporting-text{font:var(--md-sys-typescale-body-smallmedium-weight) var(--md-sys-typescale-body-smallmedium-size)/var(--md-sys-typescale-body-smallmedium-line-height) var(--md-sys-typescale-body-smallmedium-font);letter-spacing:var(--md-sys-typescale-body-smallmedium-tracking);display:block;margin:0;padding:0 var(--md-comp-card-padding-inline, 16px);color:var(--_card-color)}.micl-card__content{box-sizing:border-box;padding-block:var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px);overflow:clip visible}.micl-card__actions{box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--md-comp-card-gap, 8px);padding-block:0 var(--md-comp-card-content-padding-block, 16px);padding-inline:var(--md-comp-card-padding-inline, 16px)}.micl-card__actions.micl-card__actions--outset-start{padding-inline-start:calc(var(--md-comp-card-padding-inline, 16px) - 16px)}.micl-card__actions.micl-card__actions--outset-end{padding-inline-end:calc(var(--md-comp-card-padding-inline, 16px) - 16px)}.micl-card--compact{display:grid;grid-template-columns:20% 1fr}.micl-card--compact .micl-card__image{grid-column:1;grid-row:1/span 4;block-size:100%;object-fit:cover;background-size:cover}.micl-card--compact :is(.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l),.micl-card--compact .micl-card__subhead,.micl-card--compact .micl-card__supporting-text{grid-column:2;min-inline-size:0}.micl-card--compact :is(.micl-card__headline-s,.micl-card__headline-m,.micl-card__headline-l),.micl-card--compact .micl-card__supporting-text{margin-block-start:var(--md-comp-card-gap, 8px)}.micl-card--compact .micl-card__subhead{margin-block-start:0}.micl-card--compact .micl-card__content{grid-column:1/span 2}.micl-card--compact:not(:has(.micl-card__content))>:last-child{margin-block-end:var(--md-comp-card-gap, 8px)}summary.micl-card--compact{display:grid;padding-block-end:0}
package/dist/checkbox.css CHANGED
@@ -1 +1 @@
1
- :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}input[type=checkbox].micl-checkbox:not(:disabled)+label,label:has(+input[type=checkbox].micl-checkbox:not(:disabled)){-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}input[type=checkbox].micl-checkbox+label,label:has(+input[type=checkbox].micl-checkbox){color:var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:disabled+label,label:has(+input[type=checkbox].micl-checkbox:disabled){opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}:root{--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px}: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%}}:root{--md-sys-motion-duration-short3: 150ms}:root{--md-sys-motion-duration-long4: 600ms}input[type=checkbox].micl-checkbox{--md-comp-checkbox-motion-duration: 300ms;--md-comp-checkbox-motion-duration-reverse: 200ms;--md-comp-checkbox-motion-spatial: cubic-bezier(0.42, 1.67, 0.21, 0.9);--_size: var(--md-comp-checkbox-container-size, 18px);--_outline-width: var(--md-comp-checkbox-outline-width, 2px);--_check-thickness: var(--md-comp-checkbox-check-thickness, 2px);--statelayer-color: var(--md-sys-color-on-surface);appearance:none;box-sizing:border-box;position:relative;inline-size:var(--md-sys-target-size, 48px);min-inline-size:var(--md-sys-target-size, 48px);block-size:var(--md-sys-target-size, 48px);min-block-size:var(--md-sys-target-size, 48px);margin:0;border:calc((var(--md-sys-target-size, 48px) - var(--md-sys-state-layer-size, 40px))/2) solid rgba(0,0,0,0);background-clip:content-box;background-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:var(--md-sys-shape-corner-full);outline-offset:-4px}input[type=checkbox].micl-checkbox::before{--_check-width: calc(var(--_size) - 3px);--_check-height: calc(0.4667 * var(--_check-width));content:"";box-sizing:border-box;position:absolute;inline-size:var(--_check-width);block-size:0;inset:0;inset-block-start:calc(-0.25*var(--_size));inset-inline-start:1px;margin:auto;color:var(--md-comp-checkbox-selected-icon-color, var(--md-sys-color-on-primary));border-block-end:var(--_check-thickness) currentColor solid;border-inline-start:var(--_check-thickness) currentColor solid;transform:rotate(-45deg);transform-origin:center;clip-path:rect(0 2px 0 0);z-index:1;transition:block-size var(--md-sys-motion-duration-short3) var(--md-sys-motion-duration-short3) cubic-bezier(0, 0, 0, 1),clip-path var(--md-sys-motion-duration-short3) cubic-bezier(0.3, 0, 1, 1),inset-block-start 0ms linear var(--md-sys-motion-duration-short3),inset-inline-start 0ms linear var(--md-sys-motion-duration-short3),border-inline-start-width 0ms linear var(--md-sys-motion-duration-short3),transform 0ms linear var(--md-sys-motion-duration-short3)}input[type=checkbox].micl-checkbox::after{--_container-color: transparent;--_outline-color: var(--md-comp-checkbox-unselected-outline-color, var(--md-sys-color-on-surface-variant));content:"";box-sizing:border-box;position:absolute;inline-size:var(--_size);block-size:var(--_size);inset:0;margin:auto;border:var(--_outline-width) solid var(--_outline-color);border-radius:2px;background-color:var(--_container-color);transition:background-color var(--md-comp-checkbox-motion-duration-reverse) cubic-bezier(0.2, 0, 0, 1) var(--md-comp-checkbox-motion-duration-reverse),border-color var(--md-comp-checkbox-motion-duration-reverse) cubic-bezier(0.2, 0, 0, 1) var(--md-comp-checkbox-motion-duration-reverse)}input[type=checkbox].micl-checkbox:is(:checked,:indeterminate){--statelayer-color: var(--md-sys-color-primary)}input[type=checkbox].micl-checkbox:is(:checked,:indeterminate)::before{block-size:var(--_check-height);clip-path:rect(0 calc(var(--_size) - 5px) var(--_size) 0);transition:block-size var(--md-sys-motion-duration-short3) var(--md-comp-checkbox-motion-spatial),clip-path var(--md-sys-motion-duration-long4) var(--md-sys-motion-duration-short3) var(--md-comp-checkbox-motion-spatial)}input[type=checkbox].micl-checkbox:is(:checked,:indeterminate)::after{--_container-color: var(--md-comp-checkbox-selected-container-color, var(--md-sys-color-primary));--_outline-color: var(--md-comp-checkbox-selected-container-color, var(--md-sys-color-primary));transition:background-color var(--md-comp-checkbox-motion-duration) linear,border-color var(--md-comp-checkbox-motion-duration) cubic-bezier(0.2, 0, 0, 1)}input[type=checkbox].micl-checkbox:indeterminate::before{inset-inline-start:2px;border-inline-start-width:0px;transform:rotate(0deg)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled){--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled)::after{--_outline-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):is(:checked,:indeterminate):hover,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):is(:checked,:indeterminate):focus-visible,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):is(:checked,:indeterminate):active{--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):is(:checked,:indeterminate)::before{color:var(--md-sys-color-on-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):is(:checked,:indeterminate)::after{--_container-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):hover,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):focus-visible,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):active{--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):hover::after,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):focus-visible::after,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):active::after{--_outline-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox:not(:disabled){--micl-ripple: 1;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%;cursor:pointer;transition:background-size 0ms,--statelayer-opacity var(--md-comp-checkbox-motion-duration) linear}input[type=checkbox].micl-checkbox:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}input[type=checkbox].micl-checkbox:not(:disabled):hover:not(:checked,:indeterminate)::after{--_outline-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox: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)}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:not(:checked,:indeterminate)::after{--_outline-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:not(:disabled):active{--statelayer-color: var(--md-sys-color-on-surface);--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked,:indeterminate){--statelayer-color: var(--md-sys-color-primary)}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked,:indeterminate)::after{--_outline-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:not(:disabled).micl-rippling{animation:micl-ripple var(--md-sys-state-ripple-duration)}input[type=checkbox].micl-checkbox:disabled{opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}input[type=checkbox].micl-checkbox:disabled:is(:checked,:indeterminate)::before{color:var(--md-sys-color-surface)}input[type=checkbox].micl-checkbox:disabled:is(:checked,:indeterminate)::after{--_container-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:disabled::after{--_outline-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:dir(rtl)::before{clip-path:rect(0 var(--_size) var(--_size) calc(var(--_size) - 2px))}input[type=checkbox].micl-checkbox:dir(rtl):checked::before{clip-path:rect(0 var(--_size) var(--_size) 2px);transform:rotate(45deg)}input[type=checkbox].micl-checkbox:dir(rtl):indeterminate::before{clip-path:rect(0 var(--_size) var(--_size) 2px);transform:rotate(0deg)}
1
+ input[type=checkbox].micl-checkbox:not(:disabled)+label,label:has(+input[type=checkbox].micl-checkbox:not(:disabled)),label:has(input[type=checkbox].micl-checkbox:not(:disabled)){cursor:pointer}input[type=checkbox].micl-checkbox+label,label:has(+input[type=checkbox].micl-checkbox),label:has(input[type=checkbox].micl-checkbox){color:var(--md-sys-color-on-surface);-webkit-tap-highlight-color:rgba(0,0,0,0)}input[type=checkbox].micl-checkbox:disabled+label,label:has(+input[type=checkbox].micl-checkbox:disabled){opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}label:has(input[type=checkbox].micl-checkbox:disabled){color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%))}:root{--md-sys-shape-corner-full: 50%}:root{--md-sys-state-layer-size: 40px}: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-focus-indicator-outer-offset: 2px}: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%}}:root{--md-sys-motion-duration-short3: 150ms}:root{--md-sys-motion-duration-long4: 600ms}input[type=checkbox].micl-checkbox{--_motion-duration: var(--md-comp-checkbox-motion-duration, 300ms);--_motion-duration-reverse: var(--md-comp-checkbox-motion-duration-reverse, 200ms);--_motion-spatial: var(--md-comp-checkbox-motion-spatial, cubic-bezier(0.42, 1.67, 0.21, 0.9));--_size: var(--md-comp-checkbox-container-size, 18px);--_outline-width: var(--md-comp-checkbox-outline-width, 2px);--_check-thickness: var(--md-comp-checkbox-check-thickness, 2px);--_layer: max(var(--md-sys-state-layer-size, 40px), calc(var(--_size) + 22px));--_target: max(var(--md-sys-state-target-size, 48px), calc(var(--_layer) + 8px));--statelayer-color: var(--md-sys-color-on-surface);appearance:none;box-sizing:border-box;position:relative;inline-size:var(--_target);min-inline-size:var(--_target);block-size:var(--_target);min-block-size:var(--_target);margin:0;border:calc((var(--_target) - var(--_layer))/2) solid rgba(0,0,0,0);background-clip:content-box;background-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:var(--md-sys-shape-corner-full);outline-offset:calc(var(--md-sys-state-focus-indicator-outer-offset, 2px) - (var(--_target) - var(--_layer))/2)}input[type=checkbox].micl-checkbox::before{--_check-width: calc(var(--_size) * 5 / 6);--_check-height: calc(0.4667 * var(--_check-width));content:"";box-sizing:border-box;position:absolute;inline-size:var(--_check-width);block-size:0;inset:0;inset-block-start:calc(-0.25*var(--_size));inset-inline-start:calc(var(--_check-thickness)/2);margin:auto;color:var(--md-comp-checkbox-selected-icon-color, var(--md-sys-color-on-primary));border-block-end:var(--_check-thickness) currentColor solid;border-inline-start:var(--_check-thickness) currentColor solid;transform:rotate(-45deg);transform-origin:center;clip-path:rect(0 var(--_check-thickness) 0 0);z-index:1;transition:block-size var(--md-sys-motion-duration-short3) var(--md-sys-motion-duration-short3) cubic-bezier(0, 0, 0, 1),clip-path var(--md-sys-motion-duration-short3) cubic-bezier(0.3, 0, 1, 1),inset-block-start 0ms linear var(--md-sys-motion-duration-short3),inset-inline-start 0ms linear var(--md-sys-motion-duration-short3),border-inline-start-width 0ms linear var(--md-sys-motion-duration-short3),transform 0ms linear var(--md-sys-motion-duration-short3)}input[type=checkbox].micl-checkbox::after{--_container-color: transparent;--_outline-color: var(--md-comp-checkbox-unselected-outline-color, var(--md-sys-color-on-surface-variant));content:"";box-sizing:border-box;position:absolute;inline-size:var(--_size);block-size:var(--_size);inset:0;margin:auto;border:var(--_outline-width) solid var(--_outline-color);border-radius:var(--md-comp-checkbox-container-shape, 2px);background-color:var(--_container-color);transition:background-color var(--_motion-duration-reverse) cubic-bezier(0.2, 0, 0, 1) var(--_motion-duration-reverse),border-color var(--_motion-duration-reverse) cubic-bezier(0.2, 0, 0, 1) var(--_motion-duration-reverse)}input[type=checkbox].micl-checkbox:is(:checked,:indeterminate){--statelayer-color: var(--md-sys-color-primary)}input[type=checkbox].micl-checkbox:is(:checked,:indeterminate)::before{block-size:var(--_check-height);clip-path:rect(0 calc(var(--_check-width) - var(--_check-thickness)) var(--_size) 0);transition:block-size var(--md-sys-motion-duration-short3) var(--_motion-spatial),clip-path var(--md-sys-motion-duration-long4) var(--md-sys-motion-duration-short3) var(--_motion-spatial)}input[type=checkbox].micl-checkbox:is(:checked,:indeterminate)::after{--_container-color: var(--md-comp-checkbox-selected-container-color, var(--md-sys-color-primary));--_outline-color: var(--md-comp-checkbox-selected-container-color, var(--md-sys-color-primary));transition:background-color var(--_motion-duration) linear,border-color var(--_motion-duration) cubic-bezier(0.2, 0, 0, 1)}input[type=checkbox].micl-checkbox:indeterminate::before{inset-inline-start:var(--_check-thickness);border-inline-start-width:0px;transform:rotate(0deg)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled){--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled)::after{--_outline-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):is(:checked,:indeterminate):hover,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):is(:checked,:indeterminate):focus-visible,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):is(:checked,:indeterminate):active{--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):is(:checked,:indeterminate)::before{color:var(--md-sys-color-on-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):is(:checked,:indeterminate)::after{--_container-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):hover,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):focus-visible,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):active{--statelayer-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):hover::after,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):focus-visible::after,input[type=checkbox].micl-checkbox.micl-checkbox--error:not(:disabled):not(:checked,:indeterminate):active::after{--_outline-color: var(--md-sys-color-error)}input[type=checkbox].micl-checkbox:not(:disabled){--micl-ripple: 1;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%;cursor:pointer;transition:background-size 0ms,--statelayer-opacity var(--_motion-duration) linear}input[type=checkbox].micl-checkbox:not(:disabled):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}input[type=checkbox].micl-checkbox:not(:disabled):hover:not(:checked,:indeterminate)::after{--_outline-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox: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)}input[type=checkbox].micl-checkbox:not(:disabled):focus-visible:not(:checked,:indeterminate)::after{--_outline-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:not(:disabled):active{--statelayer-color: var(--md-sys-color-on-surface);--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked,:indeterminate){--statelayer-color: var(--md-sys-color-primary)}input[type=checkbox].micl-checkbox:not(:disabled):active:not(:checked,:indeterminate)::after{--_outline-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:not(:disabled).micl-rippling{animation:micl-ripple var(--md-sys-state-ripple-duration)}input[type=checkbox].micl-checkbox:disabled{opacity:var(--md-sys-state-disabled-state-layer-opacity, 38%)}input[type=checkbox].micl-checkbox:disabled:is(:checked,:indeterminate)::before{color:var(--md-sys-color-surface)}input[type=checkbox].micl-checkbox:disabled:is(:checked,:indeterminate)::after{--_container-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:disabled::after{--_outline-color: var(--md-sys-color-on-surface)}input[type=checkbox].micl-checkbox:dir(rtl)::before{clip-path:rect(0 var(--_size) var(--_size) calc(var(--_size) - var(--_check-thickness)))}input[type=checkbox].micl-checkbox:dir(rtl):checked::before{clip-path:rect(0 var(--_size) var(--_size) var(--_check-thickness));transform:rotate(45deg)}input[type=checkbox].micl-checkbox:dir(rtl):indeterminate::before{clip-path:rect(0 var(--_size) var(--_size) var(--_check-thickness));transform:rotate(0deg)}
package/dist/checkbox.js CHANGED
@@ -1 +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={56(e,t,o){const n=globalThis.__miclRegistry??={map:{},rippled:new WeakSet,activated:!1},c=()=>Object.keys(n.map).join(","),r=e=>Object.entries(n.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)},l=e=>{const t=r(e);t&&"function"==typeof t.component.cleanup&&t.component.cleanup(e)},s=e=>{const t=c();if(!t)return;const o=e.target.closest(t);if(!(o instanceof HTMLElement))return;const n=r(o),i=e.type;n&&"function"==typeof n.component[i]&&n.component[i]?.(e)},a=()=>{n.activated||(n.activated=!0,new MutationObserver(e=>{e.forEach(e=>{"childList"===e.type&&(e.addedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=c();t&&e.matches(t)&&i(e),t&&e.querySelectorAll(t).forEach(i)}}),e.removedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=c();t&&e.matches(t)&&l(e),(e=>{const t=c();t&&e.querySelectorAll(t).forEach(l)})(e)}}))})}).observe(document.body,{childList:!0,subtree:!0}),(e=>{const t=c();t&&e.querySelectorAll(t).forEach(i),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",s),document.addEventListener("input",s),document.addEventListener("keydown",s))},d=()=>{document.removeEventListener("DOMContentLoaded",d),a()};"loading"!==document.readyState?a():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(i),t)])}};const t={};function o(n){const c=t[n];if(void 0!==c)return c.exports;const r=t[n]={exports:{}};return e[n](r,r.exports,o),r.exports}o.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var c=t[n++],r=t[n++];o.o(e,c)?0===r&&n++:0===r?Object.defineProperty(e,c,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,c,{enumerable:!0,get:r})}else for(var c in t)o.o(t,c)&&!o.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:t[c]})},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);var c=o(56);const r=".micl-checkbox-group",i=e=>{const t=e.querySelector(".micl-checkbox__parent");return t?.closest(r)===e?t:null},l=e=>{const t=i(e);if(!t)return!1;let o=0,n=0;return e.querySelectorAll('input[type="checkbox"].micl-checkbox').forEach(c=>{if(c!==t){const t=c.closest(r);t===e?(o++,c.checked&&!c.indeterminate&&n++):c.classList.contains("micl-checkbox__parent")&&t?.parentElement?.closest(r)===e&&(o++,l(t)&&n++)}}),0===n?(t.checked=!1,t.indeterminate=!1):n===o?(t.checked=!0,t.indeterminate=!1):(t.checked=!0,t.indeterminate=!0),n===o},s=(e,t)=>{e.querySelectorAll('input[type="checkbox"].micl-checkbox').forEach(o=>{const n=o.closest(r);n===e?o.checked=t:o.classList.contains("micl-checkbox__parent")&&n?.parentElement?.closest(r)===e&&(o.checked=t,s(n,t))})},a=(e,t)=>{const o=i(e);if(!o)return;t===o&&s(e,t.checked);let n,c=e;do{n=c,c=c.parentElement?.closest(r)}while(c);l(n)},d=(0,c.register)(r,{initialize:e=>{e.matches(r)&&!e.dataset.miclinitialized&&(e.dataset.miclinitialized="1",e.addEventListener("change",t=>{const o=t.target;o.classList.contains("micl-checkbox")&&(t.stopPropagation(),a(e,o))}),a(e,null))}},HTMLElement);return o.d(n,["checkboxGroupSelector",0,r,"default",0,d]),n})());
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={56(e,t,n){const o=globalThis.__miclRegistry??={map:{},rippled:new WeakSet,activated:!1},c=()=>Object.keys(o.map).join(","),r=e=>Object.entries(o.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=c();if(!t)return;const n=e.target.closest(t);if(!(n instanceof HTMLElement))return;const o=r(n),i=e.type;o&&"function"==typeof o.component[i]&&o.component[i]?.(e)},a=()=>{o.activated||(o.activated=!0,new MutationObserver(e=>{e.forEach(e=>{"childList"===e.type&&(e.addedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=c();t&&e.matches(t)&&i(e),t&&e.querySelectorAll(t).forEach(i)}}),e.removedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=c();t&&e.matches(t)&&l(e),(e=>{const t=c();t&&e.querySelectorAll(t).forEach(l)})(e)}}))})}).observe(document.body,{childList:!0,subtree:!0}),(e=>{const t=c();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 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 o=t=>{"micl-ripple"===t.animationName&&(e.classList.remove("micl-rippling"),e.style.removeProperty("--micl-x"),e.style.removeProperty("--micl-y"),e.removeEventListener("animationend",o))};e.addEventListener("animationend",o)}),o.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),a()};"loading"!==document.readyState?a():document.addEventListener("DOMContentLoaded",d),n.d(t,["register",0,(e,t,n)=>(o.map[e]={component:t,type:n},o.activated&&document.querySelectorAll(e).forEach(i),t)])}};const t={};function n(o){const c=t[o];if(void 0!==c)return c.exports;const r=t[o]={exports:{}};return e[o](r,r.exports,n),r.exports}n.d=(e,t)=>{if(Array.isArray(t))for(var o=0;o<t.length;){var c=t[o++],r=t[o++];n.o(e,c)?0===r&&o++:0===r?Object.defineProperty(e,c,{enumerable:!0,value:t[o++]}):Object.defineProperty(e,c,{enumerable:!0,get:r})}else for(var c in t)n.o(t,c)&&!n.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:t[c]})},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 o={};n.r(o);var c=n(56);const r=".micl-checkbox-group";let i=!1;const l=e=>{for(const t of e.querySelectorAll(".micl-checkbox__parent"))if(t.closest(r)===e)return t;return null},s=(e,t,n,o)=>{e.checked===t&&e.indeterminate===n||(e.checked=t,e.indeterminate=n,o.push(e))},a=(e,t)=>{const n=l(e);if(!n)return"empty";let o=0,c=0,i=0;e.querySelectorAll('input[type="checkbox"].micl-checkbox').forEach(l=>{if(l!==n){const n=l.closest(r);if(n===e)l.disabled||(o++,l.indeterminate?i++:l.checked&&c++);else if(l.classList.contains("micl-checkbox__parent")&&n?.parentElement?.closest(r)===e){const e=a(n,t);"empty"!==e&&(o++,"all"===e?c++:"some"===e&&i++)}}});let d=o>0?"none":"empty";return i>0||c>0&&c<o?d="some":o>0&&c===o&&(d="all"),s(n,"all"===d,"some"===d,t),d},d=(e,t,n)=>{e.querySelectorAll('input[type="checkbox"].micl-checkbox').forEach(o=>{const c=o.closest(r);c===e?o.disabled||s(o,t,!1,n):o.classList.contains("micl-checkbox__parent")&&c?.parentElement?.closest(r)===e&&d(c,t,n)})},m=(e,t)=>{const n=l(e);if(!n)return;const o=[];t===n&&d(e,t.checked,o);let c,s=e;do{c=s,s=s.parentElement?.closest(r)}while(s);if(a(c,o),t&&o.length){i=!0;try{o.forEach(e=>e.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0})))}finally{i=!1}}},p=e=>{const t=e.currentTarget,n=e.target;!i&&n.classList.contains("micl-checkbox")&&n.closest(r)===t&&m(t,n)},u=(0,c.register)(r,{initialize:e=>{e.matches(r)&&!e.dataset.miclinitialized&&(e.dataset.miclinitialized="1",e.addEventListener("change",p),m(e,null))},cleanup:e=>{e.matches(r)&&(e.removeEventListener("change",p),delete e.dataset.miclinitialized)}},HTMLElement);return n.d(o,["checkboxGroupSelector",0,r,"default",0,u]),o})());
package/dist/chip.css CHANGED
@@ -1 +1 @@
1
- :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-level1: 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 1px 3px 1px}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}: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%}}: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-chips .micl-chip-assist,.micl-chips .micl-chip-filter,.micl-chips .micl-chip-input,.micl-chips .micl-chip-suggestion,.micl-chips .micl-chip-input .micl-chip__primary,.micl-chips .micl-chip-input .micl-chip__remove{--md-comp-button-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-comp-button-motion-duration: 350ms;--micl-ripple: 1;box-sizing:border-box;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;border-radius:calc(var(--micl-height)/2);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);cursor:pointer;transition:border-radius var(--md-comp-button-motion-duration) var(--md-comp-button-motion-effects),box-shadow var(--md-comp-button-motion-duration) var(--md-comp-button-motion-effects),background-size 0ms,--statelayer-opacity var(--md-comp-button-motion-duration) linear}.micl-chips .micl-chip-assist:is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-filter:is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-input:is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-suggestion:is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-input .micl-chip__primary:is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-input .micl-chip__remove:is(:disabled,:has(input:disabled,>button:disabled)){cursor:default}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)):hover,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)):hover,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)):hover,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)):hover,.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)):hover,.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon,.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon,.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon{font-variation-settings:"FILL" 1}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)),.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)),.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)),.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)),.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)),.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input: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}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)):active,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)):active,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)):active,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)):active,.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)):active,.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling,.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling,.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling{animation:micl-ripple calc(var(--md-sys-state-ripple-duration)*1.333)}.micl-chips .micl-chip-assist .micl-button__icon,.micl-chips .micl-chip-filter .micl-button__icon,.micl-chips .micl-chip-input .micl-button__icon,.micl-chips .micl-chip-suggestion .micl-button__icon{font-variation-settings:"FILL" 0;transition:font-variation-settings var(--md-comp-button-motion-duration) linear}.micl-chips .micl-button--toggle.micl-chip-assist:not([aria-pressed=true]) .micl-button__icon::before,.micl-chips .micl-button--toggle.micl-chip-filter:not([aria-pressed=true]) .micl-button__icon::before,.micl-chips .micl-button--toggle.micl-chip-input:not([aria-pressed=true]) .micl-button__icon::before,.micl-chips .micl-button--toggle.micl-chip-suggestion:not([aria-pressed=true]) .micl-button__icon::before,.micl-chips .micl-chip-input .micl-button--toggle.micl-chip__primary:not([aria-pressed=true]) .micl-button__icon::before,.micl-chips .micl-chip-input .micl-button--toggle.micl-chip__remove:not([aria-pressed=true]) .micl-button__icon::before{content:attr(data-miclicon)}.micl-chips .micl-button--toggle[aria-pressed=true].micl-chip-assist .micl-button__icon::before,.micl-chips .micl-button--toggle[aria-pressed=true].micl-chip-filter .micl-button__icon::before,.micl-chips .micl-button--toggle[aria-pressed=true].micl-chip-input .micl-button__icon::before,.micl-chips .micl-button--toggle[aria-pressed=true].micl-chip-suggestion .micl-button__icon::before,.micl-chips .micl-chip-input .micl-button--toggle[aria-pressed=true].micl-chip__primary .micl-button__icon::before,.micl-chips .micl-chip-input .micl-button--toggle[aria-pressed=true].micl-chip__remove .micl-button__icon::before{content:attr(data-micliconselected)}.micl-chips .micl-chip-assist::before,.micl-chips .micl-chip-filter::before,.micl-chips .micl-chip-input::before,.micl-chips .micl-chip-suggestion::before{content:"";position:absolute;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)}.micl-chips .micl-chip-assist,.micl-chips .micl-chip-filter,.micl-chips .micl-chip-input,.micl-chips .micl-chip-suggestion{font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 32px;--micl-height: 32px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:4px;padding-inline:12px}.micl-chips .micl-chip-assist .micl-button__icon,.micl-chips .micl-chip-filter .micl-button__icon,.micl-chips .micl-chip-input .micl-button__icon,.micl-chips .micl-chip-suggestion .micl-button__icon{font-size:20px;inline-size:20px}.micl-chips .micl-chip--elevated{--statelayer-color: var(--md-sys-color-primary);background-color:var(--md-comp-elevated-button-container-color, var(--md-sys-color-surface-container-low));color:var(--md-comp-elevated-button-label-text-color, var(--md-sys-color-primary));box-shadow:var(--md-comp-elevated-button-container-elevation, var(--md-sys-elevation-level1))}.micl-chips .micl-chip--elevated:is(:disabled,:has(input:disabled,>button:disabled)){background-color:var(--md-comp-elevated-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-elevated-button-disabled-container-opacity, 10%)));color:var(--md-comp-elevated-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-elevated-button-disabled-label-text-opacity, 38%)));box-shadow:var(--md-sys-elevation-level0)}.micl-chips .micl-chip--elevated:not(:disabled,:has(input:disabled,>button:disabled)):hover:not(:active){box-shadow:var(--md-sys-elevation-level2)}.micl-chips .micl-chip--elevated:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-comp-elevated-button-selected-container-color, var(--md-sys-color-primary));color:var(--md-comp-elevated-button-selected-label-text-color, var(--md-sys-color-on-primary))}.micl-chips .micl-chip--elevated:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true] .micl-button__icon{font-variation-settings:"FILL" 1}.micl-chips .micl-chip-assist:not(.micl-chip--elevated),.micl-chips .micl-chip-filter:not(.micl-chip--elevated),.micl-chips .micl-chip-input:not(.micl-chip--elevated),.micl-chips .micl-chip-suggestion:not(.micl-chip--elevated){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-button-label-text-color, var(--md-sys-color-on-surface-variant));border:1px solid var(--md-comp-outlined-button-outline-color, var(--md-sys-color-outline-variant))}.micl-chips .micl-chip-assist:is(:disabled,:has(input:disabled,>button:disabled)):not(.micl-chip--elevated),.micl-chips .micl-chip-filter:is(:disabled,:has(input:disabled,>button:disabled)):not(.micl-chip--elevated),.micl-chips .micl-chip-input:is(:disabled,:has(input:disabled,>button:disabled)):not(.micl-chip--elevated),.micl-chips .micl-chip-suggestion:is(:disabled,:has(input:disabled,>button:disabled)):not(.micl-chip--elevated){background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-outlined-button-disabled-label-text-opacity, 38%)))}.micl-chips .micl-chip-assist:is(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-filter:is(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-input:is(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-suggestion:is(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated){border:none;background-color:var(--md-comp-outlined-button-selected-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-outlined-button-selected-disabled-container-opacity, 10%)))}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated){--statelayer-color: var(--md-sys-color-inverse-on-surface);border:none;background-color:var(--md-comp-outlined-button-selected-container-color, var(--md-sys-color-inverse-surface));color:var(--md-comp-outlined-button-selected-label-text-color, var(--md-sys-color-inverse-on-surface))}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated) .micl-button__icon,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated) .micl-button__icon,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated) .micl-button__icon,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated) .micl-button__icon{font-variation-settings:"FILL" 1}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-full: 50%}: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}.micl-chips{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:none}.micl-chips .micl-chips__headline{padding-block-end:4px;color:var(--md-sys-color-on-surface-variant)}.micl-chips .micl-chip-assist{--micl-chip-statelayer: var(--md-sys-color-on-surface);--micl-chip-label: var(--md-comp-assist-chip-label-text-color, var(--md-sys-color-on-surface));--micl-chip-icon: var(--md-comp-assist-chip-leading-icon-color);--micl-chip-outline: var(--md-comp-assist-chip-outline-color);--micl-chip-disabled-label: var(--md-comp-assist-chip-disabled-label-text-color);--micl-chip-disabled-outline: var(--md-comp-assist-chip-disabled-outline-color);--micl-chip-elevated-container: var(--md-comp-assist-chip-elevated-container-color)}.micl-chips .micl-chip-filter{--micl-chip-label: var(--md-comp-filter-chip-label-text-color);--micl-chip-icon: var(--md-comp-filter-chip-leading-icon-color);--micl-chip-outline: var(--md-comp-filter-chip-outline-color);--micl-chip-disabled-label: var(--md-comp-filter-chip-disabled-label-text-color);--micl-chip-disabled-outline: var(--md-comp-filter-chip-disabled-outline-color);--micl-chip-elevated-container: var(--md-comp-filter-chip-elevated-container-color)}.micl-chips .micl-chip-suggestion{--micl-chip-label: var(--md-comp-suggestion-chip-label-text-color);--micl-chip-icon: var(--md-comp-suggestion-chip-leading-icon-color);--micl-chip-outline: var(--md-comp-suggestion-chip-outline-color);--micl-chip-disabled-label: var(--md-comp-suggestion-chip-disabled-label-text-color);--micl-chip-disabled-outline: var(--md-comp-suggestion-chip-disabled-outline-color);--micl-chip-elevated-container: var(--md-comp-suggestion-chip-elevated-container-color)}.micl-chips .micl-chip-assist,.micl-chips .micl-chip-filter,.micl-chips .micl-chip-input,.micl-chips .micl-chip-suggestion{--md-comp-elevated-button-label-text-color: var(--micl-chip-label, var(--md-sys-color-on-surface-variant));--md-comp-outlined-button-label-text-color: var(--micl-chip-label, var(--md-sys-color-on-surface-variant));--md-comp-elevated-button-disabled-container-opacity: 12%;--md-comp-elevated-button-disabled-label-text-color: var(--micl-chip-disabled-label, rgb(from var(--md-sys-color-on-surface) r g b / 38%));--md-comp-outlined-button-disabled-label-text-color: var(--micl-chip-disabled-label, rgb(from var(--md-sys-color-on-surface) r g b / 38%));border-radius:var(--md-sys-shape-corner-small);padding-inline:16px;column-gap:8px}.micl-chips .micl-chip-assist:has(>.micl-button__icon:first-child),.micl-chips .micl-chip-filter:has(>.micl-button__icon:first-child),.micl-chips .micl-chip-input:has(>.micl-button__icon:first-child),.micl-chips .micl-chip-suggestion:has(>.micl-button__icon:first-child){padding-inline-start:8px}.micl-chips .micl-chip-assist:has(>.micl-button__icon:last-child),.micl-chips .micl-chip-filter:has(>.micl-button__icon:last-child),.micl-chips .micl-chip-input:has(>.micl-button__icon:last-child),.micl-chips .micl-chip-suggestion:has(>.micl-button__icon:last-child){padding-inline-end:8px}.micl-chips .micl-chip-assist .micl-button__icon,.micl-chips .micl-chip-filter .micl-button__icon,.micl-chips .micl-chip-input .micl-button__icon,.micl-chips .micl-chip-suggestion .micl-button__icon{font-size:18px;inline-size:18px;overflow:hidden;transition:inline-size 150ms cubic-bezier(0.31, 0.94, 0.34, 1)}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)) .micl-button__icon,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)) .micl-button__icon,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)) .micl-button__icon,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)) .micl-button__icon{color:var(--micl-chip-icon, var(--md-sys-color-primary))}.micl-chips .micl-chip-assist:not(.micl-chip--elevated),.micl-chips .micl-chip-filter:not(.micl-chip--elevated),.micl-chips .micl-chip-input:not(.micl-chip--elevated),.micl-chips .micl-chip-suggestion:not(.micl-chip--elevated){--statelayer-color: var(--micl-chip-statelayer, var(--md-sys-color-on-surface-variant));--md-comp-outlined-button-outline-color: var(--micl-chip-outline, var(--md-sys-color-outline-variant))}.micl-chips .micl-chip-assist:not(.micl-chip--elevated):is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-filter:not(.micl-chip--elevated):is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-input:not(.micl-chip--elevated):is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-suggestion:not(.micl-chip--elevated):is(:disabled,:has(input:disabled,>button:disabled)){border-color:var(--micl-chip-disabled-outline, rgb(from var(--md-sys-color-on-surface) r g b/12%))}.micl-chips .micl-chip-input{--micl-chip-label: var(--md-comp-input-chip-label-text-color);--micl-chip-icon: var(--md-comp-input-chip-leading-icon-color, currentColor);--micl-chip-outline: var(--md-comp-input-chip-outline-color);--micl-chip-disabled-label: var(--md-comp-input-chip-disabled-label-text-color);--micl-chip-disabled-outline: var(--md-comp-input-chip-disabled-outline-color);padding-inline:0;column-gap:0;cursor:default}.micl-chips .micl-chip-input:has(>.micl-chip__primary: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}.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)):has(>.micl-chip__remove:is(:hover,:active)){--statelayer-opacity: 0%}.micl-chips .micl-chip-input:has(>:disabled) .micl-chip__avatar{opacity:var(--md-comp-input-chip-disabled-avatar-opacity, 38%)}.micl-chips .micl-chip-input:has(.micl-chip__avatar){border-radius:calc(var(--micl-height)/2)}.micl-chips .micl-chip-input:has(.micl-chip__avatar) .micl-chip__primary{border-start-start-radius:calc(var(--micl-height)/2 - 1px);border-end-start-radius:calc(var(--micl-height)/2 - 1px)}.micl-chips .micl-chip-input .micl-chip__primary,.micl-chips .micl-chip-input .micl-chip__remove{--statelayer-color: var(--micl-chip-statelayer, var(--md-sys-color-on-surface-variant));color:inherit;background-color:rgba(0,0,0,0)}.micl-chips .micl-chip-input .micl-chip__primary{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%);block-size:100%;column-gap:8px;padding-inline:12px 5px;border-start-start-radius:calc(var(--md-sys-shape-corner-small) - 1px);border-end-start-radius:calc(var(--md-sys-shape-corner-small) - 1px);border-start-end-radius:0;border-end-end-radius:0;font:inherit}.micl-chips .micl-chip-input .micl-chip__primary:has(>.micl-button__icon:first-child){padding-inline-start:8px}.micl-chips .micl-chip-input .micl-chip__primary:has(>.micl-chip__avatar:first-child){padding-inline-start:4px}.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)){outline:none}.micl-chips .micl-chip-input .micl-chip__primary::before{content:"";position:absolute;inset-block-start:calc((100% - var(--md-sys-target-size, 48px))/2);inset-inline-start:0;block-size:var(--md-sys-target-size, 48px);inline-size:100%}.micl-chips .micl-chip-input .micl-chip__remove{inline-size:24px;block-size:24px;margin-inline:0 5px;border-radius:50%;font-size:18px}.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)){color:var(--md-comp-input-chip-trailing-icon-color, var(--md-comp-input-chip-leading-icon-color, currentColor))}.micl-chips .micl-chip-input .micl-chip__remove::before{content:"";position:absolute;inset-block-start:calc((100% - var(--md-sys-target-size, 48px))/2);inset-inline-start:calc((100% - var(--md-sys-target-size, 48px))/2);block-size:var(--md-sys-target-size, 48px);inline-size:var(--md-sys-target-size, 48px)}.micl-chips .micl-chip-input .micl-chip__avatar{font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);letter-spacing:var(--md-sys-typescale-title-medium-tracking);display:flex;align-items:center;justify-content:center;block-size:var(--md-comp-input-chip-avatar-size, 24px);inline-size:var(--md-comp-input-chip-avatar-size, 24px);border-radius:var(--md-comp-input-chip-avatar-shape, var(--md-sys-shape-corner-full, 50%));color:var(--md-comp-input-chip-avatar-label-color, var(--md-sys-color-on-primary-container));background-color:var(--md-comp-input-chip-avatar-color, var(--md-sys-color-primary-container));object-fit:cover;object-position:center}.micl-chips .micl-chip-filter input{position:absolute;inset:0;margin:0;opacity:0;cursor:inherit}.micl-chips .micl-chip-filter .micl-button__icon+.micl-button__icon{margin-inline-start:-8px}.micl-chips .micl-chip-filter .micl-button__icon+.micl-button__icon:dir(rtl){margin-inline:0 -8px}.micl-chips .micl-chip-filter:has(input:not(:checked)) .micl-button__icon:has(+input){inline-size:0px}.micl-chips .micl-chip-filter:has(input:checked) .micl-button__icon:not(:has(+input)){inline-size:0px}.micl-chips .micl-chip-filter:has(input:checked){--micl-chip-statelayer: var(--md-sys-color-on-secondary-container);--micl-chip-label: var(--md-comp-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container));--micl-chip-icon: var(--md-comp-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container));--micl-chip-outline: var(--md-comp-filter-chip-selected-container-color, var(--md-sys-color-secondary-container));border-color:rgba(0,0,0,0);background-color:var(--md-comp-filter-chip-selected-container-color, var(--md-sys-color-secondary-container))}.micl-chips .micl-chip-filter:has(input:checked):not(.micl-chip--elevated):not(:disabled,:has(input:disabled,>button:disabled)):hover:not(:active){box-shadow:var(--md-sys-elevation-level1)}.micl-chips .micl-chip-filter:not(.micl-chip--elevated):has(input:disabled:checked){background-color:var(--md-comp-filter-chip-disabled-selected-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filter-chip-disabled-selected-container-opacity, 12%)))}.micl-chips .micl-chip--elevated{--statelayer-color: var(--micl-chip-statelayer, var(--md-sys-color-on-surface-variant));--md-comp-elevated-button-container-color: var(--micl-chip-elevated-container, var(--md-sys-color-surface-container-low))}.micl-chips--input{min-inline-size:0;flex-wrap:nowrap;min-inline-size:0;padding:10px 16px 13px;border:1px solid var(--md-comp-outlined-button-outline-color, var(--md-sys-color-outline-variant));border-radius:var(--md-sys-shape-corner-small);overflow-x:auto;scrollbar-width:thin}.micl-chips .micl-chip__remove:dir(rtl){margin-inline:5px 0}
1
+ :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-level1: 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 1px 3px 1px}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}: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%}}: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-chips .micl-chip-assist,.micl-chips .micl-chip-filter,.micl-chips .micl-chip-input,.micl-chips .micl-chip-suggestion,.micl-chips .micl-chip-input .micl-chip__primary,.micl-chips .micl-chip-input .micl-chip__remove{--_motion-effects: var(--md-comp-button-motion-effects, cubic-bezier(0.42, 1.67, 0.21, 0.9));--_motion-duration: var(--md-comp-button-motion-duration, 350ms);--micl-ripple: 1;box-sizing:border-box;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;border-radius:calc(var(--micl-height)/2);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);cursor:pointer;transition:border-radius var(--_motion-duration) var(--_motion-effects),box-shadow var(--_motion-duration) var(--_motion-effects),background-size 0ms,--statelayer-opacity var(--_motion-duration) linear}.micl-chips .micl-chip-assist:is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-filter:is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-input:is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-suggestion:is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-input .micl-chip__primary:is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-input .micl-chip__remove:is(:disabled,:has(input:disabled,>button:disabled)){cursor:default}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)):hover,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)):hover,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)):hover,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)):hover,.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)):hover,.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)):hover{--statelayer-opacity: var(--md-sys-state-hover-state-layer-opacity, 8%)}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon,.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon,.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)):hover .micl-button__icon{font-variation-settings:"FILL" 1}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)),.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)),.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)),.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)),.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)),.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input: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}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)):active,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)):active,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)):active,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)):active,.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)):active,.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)):active{--statelayer-opacity: var(--md-sys-state-pressed-state-layer-opacity, 10%)}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling,.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling,.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)).micl-rippling{animation:micl-ripple calc(var(--md-sys-state-ripple-duration)*1.333)}.micl-chips .micl-chip-assist .micl-button__icon,.micl-chips .micl-chip-filter .micl-button__icon,.micl-chips .micl-chip-input .micl-button__icon,.micl-chips .micl-chip-suggestion .micl-button__icon{font-variation-settings:"FILL" 0;transition:font-variation-settings var(--_motion-duration) linear}.micl-chips .micl-button--toggle.micl-chip-assist:not([aria-pressed=true]) .micl-button__icon::before,.micl-chips .micl-button--toggle.micl-chip-filter:not([aria-pressed=true]) .micl-button__icon::before,.micl-chips .micl-button--toggle.micl-chip-input:not([aria-pressed=true]) .micl-button__icon::before,.micl-chips .micl-button--toggle.micl-chip-suggestion:not([aria-pressed=true]) .micl-button__icon::before,.micl-chips .micl-chip-input .micl-button--toggle.micl-chip__primary:not([aria-pressed=true]) .micl-button__icon::before,.micl-chips .micl-chip-input .micl-button--toggle.micl-chip__remove:not([aria-pressed=true]) .micl-button__icon::before{content:attr(data-miclicon)}.micl-chips .micl-button--toggle[aria-pressed=true].micl-chip-assist .micl-button__icon::before,.micl-chips .micl-button--toggle[aria-pressed=true].micl-chip-filter .micl-button__icon::before,.micl-chips .micl-button--toggle[aria-pressed=true].micl-chip-input .micl-button__icon::before,.micl-chips .micl-button--toggle[aria-pressed=true].micl-chip-suggestion .micl-button__icon::before,.micl-chips .micl-chip-input .micl-button--toggle[aria-pressed=true].micl-chip__primary .micl-button__icon::before,.micl-chips .micl-chip-input .micl-button--toggle[aria-pressed=true].micl-chip__remove .micl-button__icon::before{content:attr(data-micliconselected)}.micl-chips .micl-chip-assist::before,.micl-chips .micl-chip-filter::before,.micl-chips .micl-chip-input::before,.micl-chips .micl-chip-suggestion::before{content:"";position:absolute;block-size:var(--md-sys-state-target-size, 48px);inline-size:100%;min-inline-size:var(--md-sys-state-target-size, 48px);inset:calc((var(--micl-height) - var(--md-sys-state-target-size, 48px))/2) 0 0 calc((min(100%,var(--md-sys-state-target-size, 48px)) - var(--md-sys-state-target-size, 48px))/2);background-color:rgba(0,0,0,0)}.micl-chips .micl-chip-assist,.micl-chips .micl-chip-filter,.micl-chips .micl-chip-input,.micl-chips .micl-chip-suggestion{font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);letter-spacing:var(--md-sys-typescale-label-large-tracking);--micl-width: 32px;--micl-height: 32px;min-inline-size:var(--micl-width);block-size:var(--micl-height);min-block-size:var(--micl-height);column-gap:4px;padding-inline:12px}.micl-chips .micl-chip-assist .micl-button__icon,.micl-chips .micl-chip-filter .micl-button__icon,.micl-chips .micl-chip-input .micl-button__icon,.micl-chips .micl-chip-suggestion .micl-button__icon{font-size:20px;inline-size:20px}.micl-chips .micl-chip--elevated{--statelayer-color: var(--md-sys-color-primary);background-color:var(--md-comp-elevated-button-container-color, var(--md-sys-color-surface-container-low));color:var(--md-comp-elevated-button-label-text-color, var(--md-sys-color-primary));box-shadow:var(--md-comp-elevated-button-container-elevation, var(--md-sys-elevation-level1))}.micl-chips .micl-chip--elevated:is(:disabled,:has(input:disabled,>button:disabled)){background-color:var(--md-comp-elevated-button-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-elevated-button-disabled-container-opacity, 10%)));color:var(--md-comp-elevated-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-elevated-button-disabled-label-text-opacity, 38%)));box-shadow:var(--md-sys-elevation-level0)}.micl-chips .micl-chip--elevated:not(:disabled,:has(input:disabled,>button:disabled)):hover:not(:active){box-shadow:var(--md-sys-elevation-level2)}.micl-chips .micl-chip--elevated:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]{--statelayer-color: var(--md-sys-color-on-primary);background-color:var(--md-comp-elevated-button-selected-container-color, var(--md-sys-color-primary));color:var(--md-comp-elevated-button-selected-label-text-color, var(--md-sys-color-on-primary))}.micl-chips .micl-chip--elevated:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true] .micl-button__icon{font-variation-settings:"FILL" 1}.micl-chips .micl-chip-assist:not(.micl-chip--elevated),.micl-chips .micl-chip-filter:not(.micl-chip--elevated),.micl-chips .micl-chip-input:not(.micl-chip--elevated),.micl-chips .micl-chip-suggestion:not(.micl-chip--elevated){--statelayer-color: var(--md-sys-color-on-surface-variant);background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-button-label-text-color, var(--md-sys-color-on-surface-variant));border:1px solid var(--md-comp-outlined-button-outline-color, var(--md-sys-color-outline-variant))}.micl-chips .micl-chip-assist:is(:disabled,:has(input:disabled,>button:disabled)):not(.micl-chip--elevated),.micl-chips .micl-chip-filter:is(:disabled,:has(input:disabled,>button:disabled)):not(.micl-chip--elevated),.micl-chips .micl-chip-input:is(:disabled,:has(input:disabled,>button:disabled)):not(.micl-chip--elevated),.micl-chips .micl-chip-suggestion:is(:disabled,:has(input:disabled,>button:disabled)):not(.micl-chip--elevated){background-color:rgba(0,0,0,0);color:var(--md-comp-outlined-button-disabled-label-text-color, rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-comp-outlined-button-disabled-label-text-opacity, 38%)))}.micl-chips .micl-chip-assist:is(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-filter:is(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-input:is(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-suggestion:is(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated){border:none;background-color:var(--md-comp-outlined-button-selected-disabled-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-outlined-button-selected-disabled-container-opacity, 10%)))}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated),.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated){--statelayer-color: var(--md-sys-color-inverse-on-surface);border:none;background-color:var(--md-comp-outlined-button-selected-container-color, var(--md-sys-color-inverse-surface));color:var(--md-comp-outlined-button-selected-label-text-color, var(--md-sys-color-inverse-on-surface))}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated) .micl-button__icon,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated) .micl-button__icon,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated) .micl-button__icon,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)).micl-button--toggle[aria-pressed=true]:not(.micl-chip--elevated) .micl-button__icon{font-variation-settings:"FILL" 1}:root{--md-sys-shape-corner-small: 8px}:root{--md-sys-shape-corner-full: 50%}: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}.micl-chips{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:none}.micl-chips .micl-chips__headline{padding-block-end:4px;color:var(--md-sys-color-on-surface-variant)}.micl-chips .micl-chip-assist{--micl-chip-statelayer: var(--md-sys-color-on-surface);--micl-chip-label: var(--md-comp-assist-chip-label-text-color, var(--md-sys-color-on-surface));--micl-chip-icon: var(--md-comp-assist-chip-leading-icon-color);--micl-chip-outline: var(--md-comp-assist-chip-outline-color);--micl-chip-disabled-label: var(--md-comp-assist-chip-disabled-label-text-color);--micl-chip-disabled-outline: var(--md-comp-assist-chip-disabled-outline-color);--micl-chip-elevated-container: var(--md-comp-assist-chip-elevated-container-color)}.micl-chips .micl-chip-filter{--micl-chip-label: var(--md-comp-filter-chip-label-text-color);--micl-chip-icon: var(--md-comp-filter-chip-leading-icon-color);--micl-chip-outline: var(--md-comp-filter-chip-outline-color);--micl-chip-disabled-label: var(--md-comp-filter-chip-disabled-label-text-color);--micl-chip-disabled-outline: var(--md-comp-filter-chip-disabled-outline-color);--micl-chip-elevated-container: var(--md-comp-filter-chip-elevated-container-color)}.micl-chips .micl-chip-suggestion{--micl-chip-label: var(--md-comp-suggestion-chip-label-text-color);--micl-chip-icon: var(--md-comp-suggestion-chip-leading-icon-color);--micl-chip-outline: var(--md-comp-suggestion-chip-outline-color);--micl-chip-disabled-label: var(--md-comp-suggestion-chip-disabled-label-text-color);--micl-chip-disabled-outline: var(--md-comp-suggestion-chip-disabled-outline-color);--micl-chip-elevated-container: var(--md-comp-suggestion-chip-elevated-container-color)}.micl-chips .micl-chip-assist,.micl-chips .micl-chip-filter,.micl-chips .micl-chip-input,.micl-chips .micl-chip-suggestion{--md-comp-elevated-button-label-text-color: var(--micl-chip-label, var(--md-sys-color-on-surface-variant));--md-comp-outlined-button-label-text-color: var(--micl-chip-label, var(--md-sys-color-on-surface-variant));--md-comp-elevated-button-disabled-container-opacity: 12%;--md-comp-elevated-button-disabled-label-text-color: var(--micl-chip-disabled-label, rgb(from var(--md-sys-color-on-surface) r g b / 38%));--md-comp-outlined-button-disabled-label-text-color: var(--micl-chip-disabled-label, rgb(from var(--md-sys-color-on-surface) r g b / 38%));border-radius:var(--md-sys-shape-corner-small);padding-inline:16px;column-gap:8px}.micl-chips .micl-chip-assist:has(>.micl-button__icon:first-child),.micl-chips .micl-chip-filter:has(>.micl-button__icon:first-child),.micl-chips .micl-chip-input:has(>.micl-button__icon:first-child),.micl-chips .micl-chip-suggestion:has(>.micl-button__icon:first-child){padding-inline-start:8px}.micl-chips .micl-chip-assist:has(>.micl-button__icon:last-child),.micl-chips .micl-chip-filter:has(>.micl-button__icon:last-child),.micl-chips .micl-chip-input:has(>.micl-button__icon:last-child),.micl-chips .micl-chip-suggestion:has(>.micl-button__icon:last-child){padding-inline-end:8px}.micl-chips .micl-chip-assist .micl-button__icon,.micl-chips .micl-chip-filter .micl-button__icon,.micl-chips .micl-chip-input .micl-button__icon,.micl-chips .micl-chip-suggestion .micl-button__icon{font-size:18px;inline-size:18px;overflow:hidden;transition:inline-size 150ms cubic-bezier(0.31, 0.94, 0.34, 1)}.micl-chips .micl-chip-assist:not(:disabled,:has(input:disabled,>button:disabled)) .micl-button__icon,.micl-chips .micl-chip-filter:not(:disabled,:has(input:disabled,>button:disabled)) .micl-button__icon,.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)) .micl-button__icon,.micl-chips .micl-chip-suggestion:not(:disabled,:has(input:disabled,>button:disabled)) .micl-button__icon{color:var(--micl-chip-icon, var(--md-sys-color-primary))}.micl-chips .micl-chip-assist:not(.micl-chip--elevated),.micl-chips .micl-chip-filter:not(.micl-chip--elevated),.micl-chips .micl-chip-input:not(.micl-chip--elevated),.micl-chips .micl-chip-suggestion:not(.micl-chip--elevated){--statelayer-color: var(--micl-chip-statelayer, var(--md-sys-color-on-surface-variant));--md-comp-outlined-button-outline-color: var(--micl-chip-outline, var(--md-sys-color-outline-variant))}.micl-chips .micl-chip-assist:not(.micl-chip--elevated):is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-filter:not(.micl-chip--elevated):is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-input:not(.micl-chip--elevated):is(:disabled,:has(input:disabled,>button:disabled)),.micl-chips .micl-chip-suggestion:not(.micl-chip--elevated):is(:disabled,:has(input:disabled,>button:disabled)){border-color:var(--micl-chip-disabled-outline, rgb(from var(--md-sys-color-on-surface) r g b/12%))}.micl-chips .micl-chip-input{--micl-chip-label: var(--md-comp-input-chip-label-text-color);--micl-chip-icon: var(--md-comp-input-chip-leading-icon-color, currentColor);--micl-chip-outline: var(--md-comp-input-chip-outline-color);--micl-chip-disabled-label: var(--md-comp-input-chip-disabled-label-text-color);--micl-chip-disabled-outline: var(--md-comp-input-chip-disabled-outline-color);padding-inline:0;column-gap:0;cursor:default}.micl-chips .micl-chip-input:has(>.micl-chip__primary: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}.micl-chips .micl-chip-input:not(:disabled,:has(input:disabled,>button:disabled)):has(>.micl-chip__remove:is(:hover,:active)){--statelayer-opacity: 0%}.micl-chips .micl-chip-input:has(>:disabled) .micl-chip__avatar{opacity:var(--md-comp-input-chip-disabled-avatar-opacity, 38%)}.micl-chips .micl-chip-input:has(.micl-chip__avatar){border-radius:calc(var(--micl-height)/2)}.micl-chips .micl-chip-input:has(.micl-chip__avatar) .micl-chip__primary{border-start-start-radius:calc(var(--micl-height)/2 - 1px);border-end-start-radius:calc(var(--micl-height)/2 - 1px)}.micl-chips .micl-chip-input .micl-chip__primary,.micl-chips .micl-chip-input .micl-chip__remove{--statelayer-color: var(--micl-chip-statelayer, var(--md-sys-color-on-surface-variant));color:inherit;background-color:rgba(0,0,0,0)}.micl-chips .micl-chip-input .micl-chip__primary{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%);block-size:100%;column-gap:8px;padding-inline:12px 5px;border-start-start-radius:calc(var(--md-sys-shape-corner-small) - 1px);border-end-start-radius:calc(var(--md-sys-shape-corner-small) - 1px);border-start-end-radius:0;border-end-end-radius:0;font:inherit}.micl-chips .micl-chip-input .micl-chip__primary:has(>.micl-button__icon:first-child){padding-inline-start:8px}.micl-chips .micl-chip-input .micl-chip__primary:has(>.micl-chip__avatar:first-child){padding-inline-start:4px}.micl-chips .micl-chip-input .micl-chip__primary:not(:disabled,:has(input:disabled,>button:disabled)):is(:focus-visible,:has(input:focus-visible)){outline:none}.micl-chips .micl-chip-input .micl-chip__primary::before{content:"";position:absolute;inset-block-start:calc((100% - var(--md-sys-state-target-size, 48px))/2);inset-inline-start:0;block-size:var(--md-sys-state-target-size, 48px);inline-size:100%}.micl-chips .micl-chip-input .micl-chip__remove{inline-size:24px;block-size:24px;margin-inline:0 5px;border-radius:50%;font-size:18px}.micl-chips .micl-chip-input .micl-chip__remove:not(:disabled,:has(input:disabled,>button:disabled)){color:var(--md-comp-input-chip-trailing-icon-color, var(--md-comp-input-chip-leading-icon-color, currentColor))}.micl-chips .micl-chip-input .micl-chip__remove::before{content:"";position:absolute;inset-block-start:calc((100% - var(--md-sys-state-target-size, 48px))/2);inset-inline-start:calc((100% - var(--md-sys-state-target-size, 48px))/2);block-size:var(--md-sys-state-target-size, 48px);inline-size:var(--md-sys-state-target-size, 48px)}.micl-chips .micl-chip-input .micl-chip__avatar{font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);letter-spacing:var(--md-sys-typescale-title-medium-tracking);display:flex;align-items:center;justify-content:center;block-size:var(--md-comp-input-chip-avatar-size, 24px);inline-size:var(--md-comp-input-chip-avatar-size, 24px);border-radius:var(--md-comp-input-chip-avatar-shape, var(--md-sys-shape-corner-full, 50%));color:var(--md-comp-input-chip-avatar-label-color, var(--md-sys-color-on-primary-container));background-color:var(--md-comp-input-chip-avatar-color, var(--md-sys-color-primary-container));object-fit:cover;object-position:center}.micl-chips .micl-chip-filter input{position:absolute;inset:0;margin:0;opacity:0;cursor:inherit}.micl-chips .micl-chip-filter .micl-button__icon+.micl-button__icon{margin-inline-start:-8px}.micl-chips .micl-chip-filter .micl-button__icon+.micl-button__icon:dir(rtl){margin-inline:0 -8px}.micl-chips .micl-chip-filter:has(input:not(:checked)) .micl-button__icon:has(+input){inline-size:0px}.micl-chips .micl-chip-filter:has(input:checked) .micl-button__icon:not(:has(+input)){inline-size:0px}.micl-chips .micl-chip-filter:has(input:checked){--micl-chip-statelayer: var(--md-sys-color-on-secondary-container);--micl-chip-label: var(--md-comp-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container));--micl-chip-icon: var(--md-comp-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container));--micl-chip-outline: var(--md-comp-filter-chip-selected-container-color, var(--md-sys-color-secondary-container));border-color:rgba(0,0,0,0);background-color:var(--md-comp-filter-chip-selected-container-color, var(--md-sys-color-secondary-container))}.micl-chips .micl-chip-filter:has(input:checked):not(.micl-chip--elevated):not(:disabled,:has(input:disabled,>button:disabled)):hover:not(:active){box-shadow:var(--md-sys-elevation-level1)}.micl-chips .micl-chip-filter:not(.micl-chip--elevated):has(input:disabled:checked){background-color:var(--md-comp-filter-chip-disabled-selected-container-color, rgb(from var(--md-sys-color-on-surface) r g b/var(--md-comp-filter-chip-disabled-selected-container-opacity, 12%)))}.micl-chips .micl-chip--elevated{--statelayer-color: var(--micl-chip-statelayer, var(--md-sys-color-on-surface-variant));--md-comp-elevated-button-container-color: var(--micl-chip-elevated-container, var(--md-sys-color-surface-container-low))}.micl-chips--input{min-inline-size:0;flex-wrap:nowrap;min-inline-size:0;padding:10px 16px 13px;border:1px solid var(--md-comp-outlined-button-outline-color, var(--md-sys-color-outline-variant));border-radius:var(--md-sys-shape-corner-small);overflow-x:auto;scrollbar-width:thin}.micl-chips .micl-chip__remove:dir(rtl){margin-inline:5px 0}
package/dist/components/checkbox/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export declare const checkboxGroupSelector = ".micl-checkbox-group";
2
2
  declare const _default: {
3
3
  initialize: (element: HTMLElement) => void;
4
+ cleanup: (element: HTMLElement) => void;
4
5
  };
5
6
  export default _default;
package/dist/datepicker.css CHANGED
@@ -1 +1 @@
1
- :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:var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size)/var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-headline-large-font);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:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);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:var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size)/var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-title-large-font);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:var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);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:var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);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:var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);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}
1
+ :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%}:root{--md-sys-state-focus-indicator-thickness: 3px}@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(--_datepicker-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(--_datepicker-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:is(:focus-visible,:has(input:focus-visible)),.micl-datepicker__calendar-inner time:is(:focus-visible,:has(input: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)}.micl-datepicker__years label:has(input:focus-visible),.micl-datepicker__months label:has(input:focus-visible),.micl-datepicker__calendar-inner time:focus-visible{outline:var(--md-sys-state-focus-indicator-thickness, 3px) solid var(--md-comp-date-picker-focus-indicator-color, var(--md-sys-color-secondary));outline-offset:-1px}dialog.micl-dialog.micl-datepicker{--_datepicker-motion-spatial: var(--md-comp-date-picker-motion-spatial, cubic-bezier(0.31, 0.94, 0.34, 1));--_datepicker-motion-spatial-duration: var(--md-comp-date-picker-motion-spatial-duration, 500ms);--_datepicker-motion-duration: var(--md-comp-date-picker-motion-duration, 200ms);--_datepicker-motion-duration-reverse: var(--md-comp-date-picker-motion-duration-reverse, 150ms);--_datepicker-button-motion-duration: var(--md-comp-date-picker-button-motion-duration, 350ms);--_target: var(--md-sys-state-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:var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size)/var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-headline-large-font);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:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);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:var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size)/var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-title-large-font);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(--_datepicker-motion-spatial-duration) var(--_datepicker-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}@media(prefers-reduced-motion: reduce){dialog.micl-dialog.micl-datepicker{--_datepicker-motion-spatial-duration: 0ms;--_datepicker-motion-duration: 0ms;--_datepicker-motion-duration-reverse: 0ms;--_datepicker-button-motion-duration: 0ms}}.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(--_datepicker-motion-spatial-duration) var(--_datepicker-motion-spatial),opacity var(--_datepicker-motion-duration-reverse) linear,block-size var(--_datepicker-motion-duration-reverse) linear allow-discrete,display var(--_datepicker-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__calendars:dir(rtl).micl-startright,.micl-datepicker__calendars:dir(rtl).micl-moveleft{transform:translateX(50%)}.micl-datepicker__calendars.micl-datepicker__nudge-min,.micl-datepicker__calendars.micl-datepicker__nudge-max{animation:micl-datepicker-nudge var(--_datepicker-motion-duration) ease-in-out}.micl-datepicker__calendars.micl-datepicker__nudge-min{--_nudge: 8px}.micl-datepicker__calendars.micl-datepicker__nudge-max{--_nudge: -8px}.micl-datepicker__calendars:dir(rtl).micl-datepicker__nudge-min{--_nudge: -8px}.micl-datepicker__calendars:dir(rtl).micl-datepicker__nudge-max{--_nudge: 8px}@keyframes micl-datepicker-nudge{50%{translate:var(--_nudge, 0) 0}}.micl-datepicker__calendar{flex-shrink:0;block-size:100%;inline-size:50%}.micl-datepicker__calendar-inner{font:var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);letter-spacing:var(--md-sys-typescale-body-large-tracking);box-sizing:border-box;display:grid;grid-template-rows:40px repeat(6, var(--_target));block-size:100%;inline-size:100%;padding-inline:12px}.micl-datepicker__calendar-inner>*{display:grid;grid-template-columns:repeat(7, var(--_target))}.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__disabled{color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity));pointer-events:none}.micl-datepicker__calendar-inner time:not(.micl-datepicker__disabled){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:var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);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:inherit}.micl-datepicker__months label:has(input:checked){color:var(--md-comp-date-picker-selection-month-selected-label-text-color, var(--md-sys-color-on-surface));background-color:var(--md-comp-date-picker-selection-month-selected-container-color, var(--md-sys-color-surface-variant))}.micl-datepicker__months label:has(input:checked) span{visibility:visible}.micl-datepicker__months label:has(input:disabled){color:rgb(from var(--md-sys-color-on-surface) r g b/var(--md-sys-state-disabled-state-layer-opacity));pointer-events:none}.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:var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);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,:active,:has(input:focus-visible)){--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-datepicker__no-transition{transition:none !important}
package/dist/datepicker.js CHANGED
@@ -1 +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={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})());
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={56(e,t,n){const a=globalThis.__miclRegistry??={map:{},rippled:new WeakSet,activated:!1},r=()=>Object.keys(a.map).join(","),o=e=>Object.entries(a.map).find(([t,{type:n}])=>e.matches(t)&&e instanceof n)?.[1],i=e=>{const t=o(e);t&&"function"==typeof t.component.initialize&&t.component.initialize(e)},l=e=>{const t=o(e);t&&"function"==typeof t.component.cleanup&&t.component.cleanup(e)},s=e=>{const t=r();if(!t)return;const n=e.target.closest(t);if(!(n instanceof HTMLElement))return;const a=o(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=r();t&&e.matches(t)&&i(e),t&&e.querySelectorAll(t).forEach(i)}}),e.removedNodes.forEach(e=>{if(e instanceof HTMLElement){const t=r();t&&e.matches(t)&&l(e),(e=>{const t=r();t&&e.querySelectorAll(t).forEach(l)})(e)}}))})}).observe(document.body,{childList:!0,subtree:!0}),(e=>{const t=r();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 r=t[a];if(void 0!==r)return r.exports;const o=t[a]={exports:{}};return e[a](o,o.exports,n),o.exports}n.d=(e,t)=>{if(Array.isArray(t))for(var a=0;a<t.length;){var r=t[a++],o=t[a++];n.o(e,r)?0===o&&a++:0===o?Object.defineProperty(e,r,{enumerable:!0,value:t[a++]}):Object.defineProperty(e,r,{enumerable:!0,get:o})}else for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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 r=n(56);const o="dialog.micl-dialog.micl-datepicker",i="micl-datepicker__",l="micl-datepicker__no-transition",s=new WeakMap,c=new WeakMap,d=(new Intl.DateTimeFormat).resolvedOptions().locale,m={input:new Intl.DateTimeFormat(d,{year:"numeric",month:"2-digit",day:"2-digit"}),header:new Intl.DateTimeFormat(d,{weekday:"short",day:"numeric",month:"short"}),cell:new Intl.DateTimeFormat(d,{weekday:"long",year:"numeric",month:"long",day:"numeric"}),monthLong:new Intl.DateTimeFormat(d,{month:"long"}),monthShort:new Intl.DateTimeFormat(d,{month:"short"}),weekdayNarrow:new Intl.DateTimeFormat(d,{weekday:"narrow"}),weekdayLong:new Intl.DateTimeFormat(d,{weekday:"long"})},u=(e,t,n)=>{const a=new Date(e,t,n);return a.setFullYear(e,t,n),a},p=e=>u(e.getFullYear(),e.getMonth(),e.getDate()),f=(e,t)=>new Date(e,t+1,0).getDate(),g=e=>12*e.getFullYear()+e.getMonth(),h=(e,t)=>{const n=u(e.getFullYear(),e.getMonth()+t,1),a=n.getFullYear(),r=n.getMonth();return u(a,r,Math.min(e.getDate(),f(a,r)))},y=(e,t,n)=>u(t,n,Math.min(e.getDate(),f(t,n))),v=(e,t,n)=>e<t?new Date(t):e>n?new Date(n):new Date(e),w=(e,t,n)=>g(e)<g(t)?y(e,t.getFullYear(),t.getMonth()):g(e)>g(n)?y(e,n.getFullYear(),n.getMonth()):new Date(e),D=e=>{const t=/^(\d{4,6})-(\d{2})-(\d{2})/.exec(e.trim());if(!t)return null;const n=parseInt(t[2],10)-1,a=parseInt(t[3],10),r=u(parseInt(t[1],10),n,a);return r.getMonth()===n&&r.getDate()===a?r:null},E=e=>{const t=(e.getMonth()+1).toString().padStart(2,"0"),n=e.getDate().toString().padStart(2,"0");return`${e.getFullYear()}-${t}-${n}`},L=(()=>{try{const e=new Intl.Locale(d).getWeekInfo?.();if(e)return 7===e.firstDay?0:e.firstDay}catch{}return/US|CA|MX/i.test(d)?0:1})(),$=m.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(),b=e=>{const t=D(e.value);if(t)return t;if(!e.value)return null;const n=new Date(e.value);return isNaN(n.getTime())?null:p(n)},S=(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},T=(e,t,n)=>{e.value=t,e instanceof HTMLInputElement?(e.dispatchEvent(new Event("input",{bubbles:!0})),e.dispatchEvent(new Event("change",{bubbles:!0}))):S(e,n)},M=(e,t)=>{const n=(u(e,t,1).getDay()-L+7)%7,a=u(e,t,1-n);return Array.from({length:42},(e,n)=>{const r=u(a.getFullYear(),a.getMonth(),a.getDate()+n);return{date:r,val:E(r),isCurrentMonth:r.getMonth()===t}})},k=(e,t,n,a=!1)=>{if(a){e.setAttribute("role","grid"),e.appendChild((()=>{const e=new Date;e.setDate(e.getDate()-(e.getDay()-L+7)%7);const t=document.createElement("div");t.setAttribute("role","row");for(let n=0;n<7;n++){const n=document.createElement("span"),a=m.weekdayLong.format(e);n.setAttribute("role","columnheader"),n.setAttribute("aria-label",a),n.textContent=m.weekdayNarrow.format(e),n.title=a,t.appendChild(n),e.setDate(e.getDate()+1)}return t})());for(let t=0;t<6;t++){const t=document.createElement("div");t.setAttribute("role","row");for(let e=0;e<7;e++){const e=document.createElement("time");e.setAttribute("role","gridcell"),t.appendChild(e)}e.appendChild(t)}}const r=p(new Date).getTime(),o=n.selected.getTime(),l=n.selectedEnd?.getTime(),s=n.focusDate.getTime(),c=n.min.getTime(),d=n.max.getTime();let u=!1;if(e.querySelectorAll("time").forEach((e,n)=>{const a=t[n],p=a.date.getTime();e.dateTime=a.val,e.textContent=a.date.getDate().toString(),e.setAttribute("aria-label",m.cell.format(a.date));const f=p===o||p===l,g=!a.isCurrentMonth||p<c||p>d;e.className="",a.isCurrentMonth||e.classList.add(`${i}outside`),f&&e.classList.add(`${i}selected`),p===r&&e.classList.add(`${i}today`),g&&e.classList.add(`${i}disabled`),g?(e.setAttribute("aria-disabled","true"),e.removeAttribute("aria-selected")):(e.removeAttribute("aria-disabled"),e.setAttribute("aria-selected",String(f))),p===r?e.setAttribute("aria-current","date"):e.removeAttribute("aria-current");const h=!g&&!u&&p===s;e.tabIndex=h?0:-1,u=u||h,void 0!==l&&l!==o&&(p===o?e.classList.add(`${i}range-start`):p===l?e.classList.add(`${i}range-end`):p>o&&p<l&&e.classList.add(`${i}inrange`))}),!u){const t=e.querySelector(`time:not(.${i}disabled)`);t&&(t.tabIndex=0)}},x=e=>{const t=document.createElement("div"),n=document.createElement("div");return t.className=`${i}calendar`,n.className=`${i}calendar-inner`,k(n,M(e.viewDate.getFullYear(),e.viewDate.getMonth()),e,!0),t.appendChild(n),t},A=e=>{const t=c.get(e);t&&(c.delete(e),t())},q=e=>{e.querySelector(`.${i}calendar time[tabindex="0"]`)?.focus({preventScroll:!0})},C=e=>{const t=e.closest('[class*="micl-textfield"]')?.querySelector(".micl-textfield__supporting-text");!t||!t.dataset.miclhint&&t.textContent?.trim()||(t.dataset.miclhint="1",t.textContent=$)},F=(e,t)=>{e.closest('[class*="micl-textfield"]')?.classList.toggle("micl-textfield--error",t),t?(e.setAttribute("aria-invalid","true"),e.dataset.miclinvalid="1"):(e.removeAttribute("aria-invalid"),delete e.dataset.miclinvalid)},I=(e,t,n=0)=>{const a=e.querySelector(".micl-dialog__content"),r=a?.querySelector(`.${i}calendars`);if(!r)return;const o="micl-startleft",s="micl-startright",u="micl-moveleft",p="micl-moveright";A(r),r.classList.remove(u,p,o,s);const f=Array.from(r.querySelectorAll(`.${i}calendar`));if(f.slice(1).forEach(e=>e.remove()),0!==n&&f.length){const e=f[0],a=x(t),i=n>0;e.querySelectorAll("time").forEach(e=>{e.tabIndex=-1}),i?r.appendChild(a):r.prepend(a);const d=i?o:s,m=i?u:p,g=(e=>{const t=window.getComputedStyle(e).transitionDuration.split(",")[0].trim(),n=parseFloat(t)*(t.endsWith("ms")?1:1e3);return isNaN(n)?500:n})(r);r.classList.add(l,d),r.offsetWidth;let h=!1,y=0;const v=e=>{"transform"===e.propertyName&&A(r)};c.set(r,()=>{h=!0,window.clearTimeout(y),r.removeEventListener("transitionend",v),r.removeEventListener("transitioncancel",v),r.classList.add(l),r.classList.remove(u,p,o,s),e.remove(),r.offsetWidth,r.classList.remove(l)}),requestAnimationFrame(()=>{h||(r.classList.remove(l,d),r.classList.add(m))}),r.addEventListener("transitionend",v),r.addEventListener("transitioncancel",v),y=window.setTimeout(()=>A(r),g+100)}else{let e=f[0];if(e){const n=e.querySelector(`.${i}calendar-inner`);n&&k(n,M(t.viewDate.getFullYear(),t.viewDate.getMonth()),t,0===n.querySelectorAll("time").length)}else e=r.appendChild(x(t))}a?.querySelectorAll(`.${i}input input`).forEach((e,n)=>{if(e.dataset.micldateformat||(e.dataset.micldateformat=$),C(e),e.dataset.miclinvalid)return;const a=0===n?t.selected:t.selectedEnd;e.value=a?m.input.format(a):"",e.value?e.dataset.miclvalue="1":delete e.dataset.miclvalue}),S(e.querySelector("h1, h2, h3, h4, h5, h6, .micl-heading"),t.range?`${m.header.format(t.selected)} – ${t.selectedEnd?m.header.format(t.selectedEnd):""}`:m.header.format(t.selected)),S(e.querySelector(`.${i}month`),m.monthShort.format(t.viewDate)),S(e.querySelector(`.${i}year`),t.viewDate.toLocaleDateString(d,e.classList.contains("micl-dialog--docked")?{year:"numeric"}:{month:"long",year:"numeric"}));const h=t.viewDate.getFullYear();e.querySelectorAll(`.${i}months input`).forEach(e=>{const n=12*h+parseInt(e.value,10);e.disabled=n<g(t.min)||n>g(t.max),e.checked=parseInt(e.value,10)===t.viewDate.getMonth()});const y=e.querySelector(`.${i}years input[value="${h}"]`);y&&(y.checked=!0)},Y=(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 r=n.querySelector(`.${i}${e}`);if(!r)return;const o=r.querySelector("input:checked");let l=!1;if(o&&e===t){const e=window.getComputedStyle(r).getPropertyValue("transition-duration"),t=parseFloat(e)*(e.includes("ms")?1:1e3),s=r.scrollHeight-a,c=(a-48)/2;if(o.offsetTop>c){let e=o.offsetTop-c-24;e>s&&(e=s);const a=performance.now(),d=r=>{const o=t>0?Math.min((r-a)/t,1):1;n.scrollTop=e*o,o<1&&requestAnimationFrame(d)};r.classList.remove(`${i}view-hidden`),requestAnimationFrame(d),l=null,r.addEventListener("transitionend",function t(a){"height"!==a.propertyName&&"block-size"!==a.propertyName||(n.scrollTop=e,r.removeEventListener("transitionend",t))})}}else l=!0;null!==l&&r.classList.toggle(`${i}view-hidden`,l)})},P=(e,t,n)=>{const a=s.get(e);if(!a)return;const r="month"===n?t:12*t,o=h(a.viewDate,r),l=g(o),c=l<g(a.min),d=l>g(a.max);c||d?((e,t)=>{const n=e.querySelector(`.${i}calendars`);if(!n)return;const a=`${i}nudge-${t?"min":"max"}`;n.classList.remove(`${i}nudge-min`,`${i}nudge-max`),n.offsetWidth,n.classList.add(a),n.addEventListener("animationend",()=>n.classList.remove(a),{once:!0})})(e,c):(a.viewDate=o,a.focusDate=v(h(a.focusDate,r),a.min,a.max),I(e,a,"month"===n?t:0))},N=(e,t)=>{const n=s.get(e),a=D(t);!n||!a||a<n.min||a>n.max||(n.range?n.selectedEnd||a<n.selected?(n.selected=a,n.selectedEnd=null):n.selectedEnd=a:n.selected=a,n.viewDate=new Date(a),n.focusDate=new Date(a),I(e,n))},H=(0,r.register)(o,{keydown:e=>{if(!(e instanceof KeyboardEvent&&e.target instanceof Element))return;const t=e.target.closest(o);if(!t)return;const n=e.target.closest("time");if(n){const a="rtl"===window.getComputedStyle(t).direction,r=n=>{e.preventDefault(),((e,t)=>{const n=s.get(e);if(!n)return;const a=u(n.focusDate.getFullYear(),n.focusDate.getMonth(),n.focusDate.getDate()+t);if(a<n.min||a>n.max)return;const r=g(a)-g(n.viewDate);n.focusDate=a,0!==r?(n.viewDate=y(n.viewDate,a.getFullYear(),a.getMonth()),I(e,n,r>0?1:-1)):I(e,n),q(e)})(t,n)},o=((D(n.dateTime)?.getDay()??L)-L+7)%7;switch(e.key){case"ArrowLeft":return r(a?1:-1);case"ArrowRight":return r(a?-1:1);case"ArrowUp":return r(-7);case"ArrowDown":return r(7);case"Home":return r(-o);case"End":return r(6-o);case"Enter":case" ":return e.preventDefault(),N(t,n.dateTime),void q(t)}}if(!e.target.closest(`.${i}input`))switch(e.key){case"Enter":case" ":e.target instanceof HTMLInputElement&&"date"===e.target.type&&e.preventDefault();break;case"M":Y(t,"months");break;case"Y":Y(t,"years");break;case"PageUp":case"PageDown":P(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");if(!t||!n)return;e.dataset.miclinitialized="1";const a=e.querySelector("h1, h2, h3, h4, h5, h6, .micl-heading");a&&(a.setAttribute("aria-live","polite"),a.setAttribute("aria-atomic","true")),e.id&&document.querySelectorAll(`[data-datepicker="${e.id}"]`).forEach(C),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`),r=a.classList.contains(`${i}previous`);if(n||r)return void P(e,n?1:-1,t?"month":"year")}n.closest(`.${i}month`)&&Y(e,"months"),n.closest(`.${i}year`)&&Y(e,"years"),n.closest(`.${i}inputmode`)&&Y(e,e.querySelector(`.${i}input.${i}view-hidden`)?"input":"calendars");const r=n.closest("time");if(r&&r.dateTime&&N(e,r.dateTime),n instanceof HTMLInputElement&&("miclmonth"===n.name||"miclyear"===n.name)){const t=s.get(e);if(t){const a=parseInt(n.value,10);((e,t,n)=>{const a=s.get(e);a&&(a.viewDate=w(y(a.viewDate,t,n),a.min,a.max),a.focusDate=v(y(a.focusDate,a.viewDate.getFullYear(),a.viewDate.getMonth()),a.min,a.max),I(e,a))})(e,"miclyear"===n.name?a:t.viewDate.getFullYear(),"miclmonth"===n.name?a:t.viewDate.getMonth()),Y(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 r=(e=>{if(e.length!==$.length)return null;let t="",n="",a="";for(let r=0;r<$.length;r++)switch($[r]){case"D":t+=e[r];break;case"M":n+=e[r];break;case"Y":a+=e[r]}if(!/^\d+$/.test(t+n+a))return null;const r=parseInt(n,10)-1,o=parseInt(t,10),i=u(parseInt(a,10),r,o);return i.getMonth()===r&&i.getDate()===o?i:null})(t.value);t.value.trim()&&(!r||r<a.min||r>a.max)?F(t,!0):(F(t,!1),r&&(a.range&&n>0?a.selectedEnd=r:a.selected=r,a.selectedEnd&&a.selectedEnd<a.selected&&([a.selected,a.selectedEnd]=[a.selectedEnd,a.selected]),a.viewDate=new Date(a.selected),a.focusDate=new Date(a.selected)),I(e,a))})(e,n,Array.prototype.indexOf.call(a,n))}),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 r=e.classList.contains("micl-datepicker--range");let o=a,l=null;if(r&&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,o=e)}let c=p(new Date),d=null,f=u(1900,0,1),g=u(2099,11,31);if(o instanceof HTMLInputElement)c=b(o)||c,f=D(o.min)||f,g=D(o.max)||g;else{const[e,t]=(o.value||o.textContent||"").split("/");c=D(e)||c,r&&t&&(d=D(t))}l&&(d=b(l),g=D(l.max)||g),g<f&&(g=new Date(f)),d?d<c&&([c,d]=[d,c]):d=null;const h={invoker:o,invokerEnd:l,selected:c,selectedEnd:r?d:null,range:r,viewDate:w(c,f,g),focusDate:v(c,f,g),min:f,max:g};s.set(e,h),C(o),l&&C(l);const y=e.querySelector(`.${i}calendars`);y&&(A(y),y.replaceChildren()),e.querySelectorAll(`.${i}input input`).forEach(e=>F(e,!1)),((e,t,n)=>{const a=`${E(t)}/${E(n)}`;e.dataset.miclperiods!==a&&(e.dataset.miclperiods=a,["months","years"].forEach(a=>{const r=e.querySelector(`.${i}${a}`);if(!r)return;r.innerHTML="";const o=document.createDocumentFragment();if("months"===a)for(let e=0;e<12;e++){const t=document.createElement("label");t.innerHTML=`<span class="material-symbols-outlined">check</span><input type="radio" name="miclmonth" value="${e}"> ${m.monthLong.format(new Date(2e3,e,1))}`,o.appendChild(t)}else for(let e=t.getFullYear();e<=n.getFullYear();e++){const t=document.createElement("label");t.innerHTML=`<input type="radio" name="miclyear" value="${e}"> ${e}`,o.appendChild(t)}const l=document.createElement("div");l.className=`${i}${a}-inner`,r.appendChild(l).appendChild(o)}))})(e,f,g),Y(e,"calendars"),I(e,h)}),e.addEventListener("close",()=>{const t=e.querySelector(`.${i}calendars`);t&&A(t),""!==e.returnValue&&(e=>{const t=s.get(e);if(!t?.invoker)return;const n=t.selectedEnd||t.selected;t.range&&!t.invokerEnd?T(t.invoker,`${E(t.selected)}/${E(n)}`,`${t.selected.toLocaleDateString(d)} – ${n.toLocaleDateString(d)}`):(T(t.invoker,E(t.selected),t.selected.toLocaleDateString(d)),t.invokerEnd&&T(t.invokerEnd,E(n),n.toLocaleDateString(d)))})(e)})}},HTMLDialogElement);return n.d(a,["datepickerSelector",0,o,"default",0,H]),a})());