@moni-labs/moni-ui 0.4.4 → 0.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/custom-elements.json +4670 -16030
- package/dist/browser/moni-ui.iife.min.js +848 -117
- package/dist/browser/moni-ui.iife.min.js.br +0 -0
- package/dist/browser/moni-ui.iife.min.js.gz +0 -0
- package/dist/browser/moni-ui.iife.min.js.map +1 -1
- package/dist/browser/moni-ui.min.js +3138 -1813
- package/dist/browser/moni-ui.min.js.br +0 -0
- package/dist/browser/moni-ui.min.js.gz +0 -0
- package/dist/browser/moni-ui.min.js.map +1 -1
- package/dist/cdn/components/moni-button-group.js +5 -3
- package/dist/cdn/components/moni-button.js +2 -2
- package/dist/cdn/components/moni-carousel.js +1 -1
- package/dist/cdn/components/moni-color-field.js +9 -6
- package/dist/cdn/components/moni-context-menu.js +4 -1
- package/dist/cdn/components/moni-file-field.js +9 -9
- package/dist/cdn/components/moni-morph-modal.js +2 -2
- package/dist/cdn/components/moni-nav.js +5 -5
- package/dist/cdn/components/moni-select.js +2 -0
- package/dist/cdn/components/moni-side-sheet.js +18 -6
- package/dist/cdn/components/moni-snackbar.js +15 -2
- package/dist/cdn/components/moni-stepper.js +1 -1
- package/dist/cdn/components/moni-text-field.js +2 -0
- package/dist/cdn/components/moni-textarea.js +2 -0
- package/dist/cdn/components/moni-toolbar.js +3 -1
- package/dist/cdn/components/moni-tooltip.js +60 -4
- package/dist/cdn/importmap.json +98 -98
- package/dist/components/index.d.ts +8 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +8 -0
- package/dist/components/moni-button-group.d.ts.map +1 -1
- package/dist/components/moni-button-group.js +15 -4
- package/dist/components/moni-button.js +2 -2
- package/dist/components/moni-carousel.d.ts +2 -0
- package/dist/components/moni-carousel.d.ts.map +1 -1
- package/dist/components/moni-carousel.js +18 -0
- package/dist/components/moni-color-field.d.ts +19 -0
- package/dist/components/moni-color-field.d.ts.map +1 -1
- package/dist/components/moni-color-field.js +43 -2
- package/dist/components/moni-context-menu.d.ts.map +1 -1
- package/dist/components/moni-context-menu.js +14 -3
- package/dist/components/moni-file-field.d.ts.map +1 -1
- package/dist/components/moni-file-field.js +6 -3
- package/dist/components/moni-morph-modal.d.ts +21 -0
- package/dist/components/moni-morph-modal.d.ts.map +1 -1
- package/dist/components/moni-morph-modal.js +574 -52
- package/dist/components/moni-nav.d.ts.map +1 -1
- package/dist/components/moni-nav.js +4 -3
- package/dist/components/moni-select-option.d.ts.map +1 -1
- package/dist/components/moni-select-option.js +19 -0
- package/dist/components/moni-select.d.ts.map +1 -1
- package/dist/components/moni-select.js +2 -0
- package/dist/components/moni-side-sheet.d.ts +5 -0
- package/dist/components/moni-side-sheet.d.ts.map +1 -1
- package/dist/components/moni-side-sheet.js +48 -17
- package/dist/components/moni-snackbar.d.ts +1 -0
- package/dist/components/moni-snackbar.d.ts.map +1 -1
- package/dist/components/moni-snackbar.js +21 -1
- package/dist/components/moni-stepper.d.ts.map +1 -1
- package/dist/components/moni-stepper.js +4 -0
- package/dist/components/moni-text-field.d.ts.map +1 -1
- package/dist/components/moni-text-field.js +2 -0
- package/dist/components/moni-textarea.d.ts.map +1 -1
- package/dist/components/moni-textarea.js +2 -0
- package/dist/components/moni-toolbar.d.ts.map +1 -1
- package/dist/components/moni-toolbar.js +3 -1
- package/dist/components/moni-tooltip.d.ts +11 -2
- package/dist/components/moni-tooltip.d.ts.map +1 -1
- package/dist/components/moni-tooltip.js +195 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/docs/COMPONENTS.md +10 -0
- package/docs/LLM-GUIDE.md +107 -0
- package/docs/PUBLISHING.md +31 -0
- package/docs/README.md +64 -0
- package/docs/api.json +6178 -0
- package/docs/assets/moni-app-bar/elevated--false.png +0 -0
- package/docs/assets/moni-app-bar/elevated--true.png +0 -0
- package/docs/assets/moni-app-bar/placement--bottom.png +0 -0
- package/docs/assets/moni-app-bar/placement--top.png +0 -0
- package/docs/assets/moni-app-bar/size--default.png +0 -0
- package/docs/assets/moni-app-bar/size--prominent.png +0 -0
- package/docs/assets/moni-app-bar/subtitle--default.png +0 -0
- package/docs/assets/moni-app-bar/title--default.png +0 -0
- package/docs/assets/moni-app-bar/variant--floating.png +0 -0
- package/docs/assets/moni-app-bar/variant--standard.png +0 -0
- package/docs/assets/moni-badge/border--false.png +0 -0
- package/docs/assets/moni-badge/border--true.png +0 -0
- package/docs/assets/moni-badge/color--error.png +0 -0
- package/docs/assets/moni-badge/color--primary.png +0 -0
- package/docs/assets/moni-badge/color--secondary.png +0 -0
- package/docs/assets/moni-badge/color--tertiary.png +0 -0
- package/docs/assets/moni-badge/inline--false.png +0 -0
- package/docs/assets/moni-badge/inline--true.png +0 -0
- package/docs/assets/moni-badge/position--bottom.png +0 -0
- package/docs/assets/moni-badge/position--empty.png +0 -0
- package/docs/assets/moni-badge/position--left.png +0 -0
- package/docs/assets/moni-badge/position--none.png +0 -0
- package/docs/assets/moni-badge/position--right.png +0 -0
- package/docs/assets/moni-badge/position--top.png +0 -0
- package/docs/assets/moni-badge/shape--circle.png +0 -0
- package/docs/assets/moni-badge/shape--empty.png +0 -0
- package/docs/assets/moni-badge/shape--min.png +0 -0
- package/docs/assets/moni-badge/shape--square.png +0 -0
- package/docs/assets/moni-badge/value--default.png +0 -0
- package/docs/assets/moni-bottom-sheet/expandedHeight--default.png +0 -0
- package/docs/assets/moni-bottom-sheet/handle--false.png +0 -0
- package/docs/assets/moni-bottom-sheet/handle--true.png +0 -0
- package/docs/assets/moni-bottom-sheet/maxWidth--default.png +0 -0
- package/docs/assets/moni-bottom-sheet/modal--false.png +0 -0
- package/docs/assets/moni-bottom-sheet/modal--true.png +0 -0
- package/docs/assets/moni-bottom-sheet/open--true.png +0 -0
- package/docs/assets/moni-bottom-sheet/positioning--absolute.png +0 -0
- package/docs/assets/moni-bottom-sheet/positioning--body.png +0 -0
- package/docs/assets/moni-bottom-sheet/positioning--fixed.png +0 -0
- package/docs/assets/moni-bottom-sheet/positioning--static.png +0 -0
- package/docs/assets/moni-bottom-sheet/size--auto.png +0 -0
- package/docs/assets/moni-bottom-sheet/size--large.png +0 -0
- package/docs/assets/moni-bottom-sheet/size--medium.png +0 -0
- package/docs/assets/moni-bottom-sheet/size--small.png +0 -0
- package/docs/assets/moni-bottom-sheet/title--default.png +0 -0
- package/docs/assets/moni-button/active--false.png +0 -0
- package/docs/assets/moni-button/active--true.png +0 -0
- package/docs/assets/moni-button/disabled--false.png +0 -0
- package/docs/assets/moni-button/disabled--true.png +0 -0
- package/docs/assets/moni-button/href--default.png +0 -0
- package/docs/assets/moni-button/icon--default.png +0 -0
- package/docs/assets/moni-button/iconTrailing--default.png +0 -0
- package/docs/assets/moni-button/loading--false.png +0 -0
- package/docs/assets/moni-button/loading--true.png +0 -0
- package/docs/assets/moni-button/shape--bottom-round-flat.png +0 -0
- package/docs/assets/moni-button/shape--bottom-round.png +0 -0
- package/docs/assets/moni-button/shape--circle.png +0 -0
- package/docs/assets/moni-button/shape--inner-round.png +0 -0
- package/docs/assets/moni-button/shape--left-round-flat.png +0 -0
- package/docs/assets/moni-button/shape--left-round.png +0 -0
- package/docs/assets/moni-button/shape--no-round.png +0 -0
- package/docs/assets/moni-button/shape--right-round-flat.png +0 -0
- package/docs/assets/moni-button/shape--right-round.png +0 -0
- package/docs/assets/moni-button/shape--round.png +0 -0
- package/docs/assets/moni-button/shape--square.png +0 -0
- package/docs/assets/moni-button/shape--top-round-flat.png +0 -0
- package/docs/assets/moni-button/shape--top-round.png +0 -0
- package/docs/assets/moni-button/size--extra.png +0 -0
- package/docs/assets/moni-button/size--large.png +0 -0
- package/docs/assets/moni-button/size--medium.png +0 -0
- package/docs/assets/moni-button/size--small.png +0 -0
- package/docs/assets/moni-button/size--xlarge.png +0 -0
- package/docs/assets/moni-button/size--xsmall.png +0 -0
- package/docs/assets/moni-button/type--button.png +0 -0
- package/docs/assets/moni-button/type--reset.png +0 -0
- package/docs/assets/moni-button/type--submit.png +0 -0
- package/docs/assets/moni-button/variant--elevated.png +0 -0
- package/docs/assets/moni-button/variant--error.png +0 -0
- package/docs/assets/moni-button/variant--fill.png +0 -0
- package/docs/assets/moni-button/variant--filled.png +0 -0
- package/docs/assets/moni-button/variant--outlined.png +0 -0
- package/docs/assets/moni-button/variant--text.png +0 -0
- package/docs/assets/moni-button/variant--tonal.png +0 -0
- package/docs/assets/moni-button-group/gap--default.png +0 -0
- package/docs/assets/moni-button-group/label--default.png +0 -0
- package/docs/assets/moni-button-group/labelledBy--default.png +0 -0
- package/docs/assets/moni-button-group/multi--false.png +0 -0
- package/docs/assets/moni-button-group/multi--true.png +0 -0
- package/docs/assets/moni-button-group/resizing--fixed.png +0 -0
- package/docs/assets/moni-button-group/resizing--flexible.png +0 -0
- package/docs/assets/moni-button-group/role--group.png +0 -0
- package/docs/assets/moni-button-group/role--radiogroup.png +0 -0
- package/docs/assets/moni-button-group/role--toolbar.png +0 -0
- package/docs/assets/moni-button-group/selectionRequired--false.png +0 -0
- package/docs/assets/moni-button-group/selectionRequired--true.png +0 -0
- package/docs/assets/moni-button-group/shape--round.png +0 -0
- package/docs/assets/moni-button-group/shape--square.png +0 -0
- package/docs/assets/moni-button-group/size--extra.png +0 -0
- package/docs/assets/moni-button-group/size--large.png +0 -0
- package/docs/assets/moni-button-group/size--medium.png +0 -0
- package/docs/assets/moni-button-group/size--small.png +0 -0
- package/docs/assets/moni-button-group/size--xlarge.png +0 -0
- package/docs/assets/moni-button-group/size--xsmall.png +0 -0
- package/docs/assets/moni-button-group/variant--connected.png +0 -0
- package/docs/assets/moni-button-group/variant--standard.png +0 -0
- package/docs/assets/moni-button-segment/checked--false.png +0 -0
- package/docs/assets/moni-button-segment/checked--true.png +0 -0
- package/docs/assets/moni-button-segment/disabled--false.png +0 -0
- package/docs/assets/moni-button-segment/disabled--true.png +0 -0
- package/docs/assets/moni-button-segment/hideCheck--false.png +0 -0
- package/docs/assets/moni-button-segment/hideCheck--true.png +0 -0
- package/docs/assets/moni-button-segment/position--first.png +0 -0
- package/docs/assets/moni-button-segment/position--last.png +0 -0
- package/docs/assets/moni-button-segment/position--middle.png +0 -0
- package/docs/assets/moni-button-segment/position--solo.png +0 -0
- package/docs/assets/moni-button-segment/size--extra.png +0 -0
- package/docs/assets/moni-button-segment/size--large.png +0 -0
- package/docs/assets/moni-button-segment/size--medium.png +0 -0
- package/docs/assets/moni-button-segment/size--small.png +0 -0
- package/docs/assets/moni-button-segment/size--xlarge.png +0 -0
- package/docs/assets/moni-button-segment/size--xsmall.png +0 -0
- package/docs/assets/moni-button-segment/value--default.png +0 -0
- package/docs/assets/moni-card/clickable--false.png +0 -0
- package/docs/assets/moni-card/clickable--true.png +0 -0
- package/docs/assets/moni-card/disabled--false.png +0 -0
- package/docs/assets/moni-card/disabled--true.png +0 -0
- package/docs/assets/moni-card/draggable--false.png +0 -0
- package/docs/assets/moni-card/draggable--true.png +0 -0
- package/docs/assets/moni-card/variant--elevated.png +0 -0
- package/docs/assets/moni-card/variant--filled.png +0 -0
- package/docs/assets/moni-card/variant--outlined.png +0 -0
- package/docs/assets/moni-carousel/auto--false.png +0 -0
- package/docs/assets/moni-carousel/auto--true.png +0 -0
- package/docs/assets/moni-carousel/autoplay--false.png +0 -0
- package/docs/assets/moni-carousel/autoplay--true.png +0 -0
- package/docs/assets/moni-carousel/autoplayInterval--default.png +0 -0
- package/docs/assets/moni-carousel/borderRadius--default.png +0 -0
- package/docs/assets/moni-carousel/gap--default.png +0 -0
- package/docs/assets/moni-carousel/headerText--default.png +0 -0
- package/docs/assets/moni-carousel/hideNav--false.png +0 -0
- package/docs/assets/moni-carousel/hideNav--true.png +0 -0
- package/docs/assets/moni-carousel/infinite--false.png +0 -0
- package/docs/assets/moni-carousel/infinite--true.png +0 -0
- package/docs/assets/moni-carousel/items--default.png +0 -0
- package/docs/assets/moni-carousel/largeWidth--default.png +0 -0
- package/docs/assets/moni-carousel/layout--hero.png +0 -0
- package/docs/assets/moni-carousel/layout--multi-browse.png +0 -0
- package/docs/assets/moni-carousel/layout--uncontained.png +0 -0
- package/docs/assets/moni-carousel/mediumWidth--default.png +0 -0
- package/docs/assets/moni-carousel/padding--default.png +0 -0
- package/docs/assets/moni-carousel/showAll--false.png +0 -0
- package/docs/assets/moni-carousel/showAll--true.png +0 -0
- package/docs/assets/moni-carousel/showAllText--default.png +0 -0
- package/docs/assets/moni-carousel/smallWidth--default.png +0 -0
- package/docs/assets/moni-checkbox/checked--false.png +0 -0
- package/docs/assets/moni-checkbox/checked--true.png +0 -0
- package/docs/assets/moni-checkbox/checkedIcon--default.png +0 -0
- package/docs/assets/moni-checkbox/disabled--false.png +0 -0
- package/docs/assets/moni-checkbox/disabled--true.png +0 -0
- package/docs/assets/moni-checkbox/label--default.png +0 -0
- package/docs/assets/moni-checkbox/name--default.png +0 -0
- package/docs/assets/moni-checkbox/size--extra.png +0 -0
- package/docs/assets/moni-checkbox/size--large.png +0 -0
- package/docs/assets/moni-checkbox/size--medium.png +0 -0
- package/docs/assets/moni-checkbox/size--small.png +0 -0
- package/docs/assets/moni-checkbox/uncheckedIcon--default.png +0 -0
- package/docs/assets/moni-checkbox/value--default.png +0 -0
- package/docs/assets/moni-chip/disabled--false.png +0 -0
- package/docs/assets/moni-chip/disabled--true.png +0 -0
- package/docs/assets/moni-chip/icon--default.png +0 -0
- package/docs/assets/moni-chip/loading--false.png +0 -0
- package/docs/assets/moni-chip/loading--true.png +0 -0
- package/docs/assets/moni-chip/removable--false.png +0 -0
- package/docs/assets/moni-chip/removable--true.png +0 -0
- package/docs/assets/moni-chip/selected--false.png +0 -0
- package/docs/assets/moni-chip/selected--true.png +0 -0
- package/docs/assets/moni-chip/shape--bottom-round.png +0 -0
- package/docs/assets/moni-chip/shape--circle.png +0 -0
- package/docs/assets/moni-chip/shape--left-round.png +0 -0
- package/docs/assets/moni-chip/shape--no-round.png +0 -0
- package/docs/assets/moni-chip/shape--right-round.png +0 -0
- package/docs/assets/moni-chip/shape--round.png +0 -0
- package/docs/assets/moni-chip/shape--square.png +0 -0
- package/docs/assets/moni-chip/shape--top-round.png +0 -0
- package/docs/assets/moni-chip/size--large.png +0 -0
- package/docs/assets/moni-chip/size--medium.png +0 -0
- package/docs/assets/moni-chip/size--small.png +0 -0
- package/docs/assets/moni-chip/variant--assist.png +0 -0
- package/docs/assets/moni-chip/variant--fill.png +0 -0
- package/docs/assets/moni-chip/variant--filter.png +0 -0
- package/docs/assets/moni-chip/variant--input.png +0 -0
- package/docs/assets/moni-chip/variant--outlined.png +0 -0
- package/docs/assets/moni-chip/variant--suggestion.png +0 -0
- package/docs/assets/moni-color-field/disabled--false.png +0 -0
- package/docs/assets/moni-color-field/disabled--true.png +0 -0
- package/docs/assets/moni-color-field/error--false.png +0 -0
- package/docs/assets/moni-color-field/error--true.png +0 -0
- package/docs/assets/moni-color-field/errorText--default.png +0 -0
- package/docs/assets/moni-color-field/helper--default.png +0 -0
- package/docs/assets/moni-color-field/label--default.png +0 -0
- package/docs/assets/moni-color-field/name--default.png +0 -0
- package/docs/assets/moni-color-field/shape--no-round.png +0 -0
- package/docs/assets/moni-color-field/shape--round.png +0 -0
- package/docs/assets/moni-color-field/shape--square.png +0 -0
- package/docs/assets/moni-color-field/size--extra.png +0 -0
- package/docs/assets/moni-color-field/size--large.png +0 -0
- package/docs/assets/moni-color-field/size--medium.png +0 -0
- package/docs/assets/moni-color-field/size--small.png +0 -0
- package/docs/assets/moni-color-field/value--default.png +0 -0
- package/docs/assets/moni-color-field/variant--filled.png +0 -0
- package/docs/assets/moni-color-field/variant--outlined.png +0 -0
- package/docs/assets/moni-context-menu/flip--false.png +0 -0
- package/docs/assets/moni-context-menu/flip--true.png +0 -0
- package/docs/assets/moni-context-menu/placement--bottom.png +0 -0
- package/docs/assets/moni-context-menu/placement--left.png +0 -0
- package/docs/assets/moni-context-menu/placement--right.png +0 -0
- package/docs/assets/moni-context-menu/placement--top.png +0 -0
- package/docs/assets/moni-dialog/modal--false.png +0 -0
- package/docs/assets/moni-dialog/modal--true.png +0 -0
- package/docs/assets/moni-dialog/open--true.png +0 -0
- package/docs/assets/moni-dialog/side--bottom.png +0 -0
- package/docs/assets/moni-dialog/side--center.png +0 -0
- package/docs/assets/moni-dialog/side--left.png +0 -0
- package/docs/assets/moni-dialog/side--max.png +0 -0
- package/docs/assets/moni-dialog/side--right.png +0 -0
- package/docs/assets/moni-dialog/side--top.png +0 -0
- package/docs/assets/moni-dialog/size--large.png +0 -0
- package/docs/assets/moni-dialog/size--medium.png +0 -0
- package/docs/assets/moni-dialog/size--small.png +0 -0
- package/docs/assets/moni-dialog/title--default.png +0 -0
- package/docs/assets/moni-divider/inset--leading.png +0 -0
- package/docs/assets/moni-divider/inset--middle.png +0 -0
- package/docs/assets/moni-divider/inset--none.png +0 -0
- package/docs/assets/moni-expansion/open--false.png +0 -0
- package/docs/assets/moni-expansion/open--true.png +0 -0
- package/docs/assets/moni-expansion/title--default.png +0 -0
- package/docs/assets/moni-fab/accessibleLabel--default.png +0 -0
- package/docs/assets/moni-fab/color--default.png +0 -0
- package/docs/assets/moni-fab/disabled--false.png +0 -0
- package/docs/assets/moni-fab/disabled--true.png +0 -0
- package/docs/assets/moni-fab/expanded--false.png +0 -0
- package/docs/assets/moni-fab/expanded--true.png +0 -0
- package/docs/assets/moni-fab/extended--false.png +0 -0
- package/docs/assets/moni-fab/extended--true.png +0 -0
- package/docs/assets/moni-fab/icon--default.png +0 -0
- package/docs/assets/moni-fab/label--default.png +0 -0
- package/docs/assets/moni-fab/name--default.png +0 -0
- package/docs/assets/moni-fab/position--default.png +0 -0
- package/docs/assets/moni-fab/shape--circle.png +0 -0
- package/docs/assets/moni-fab/shape--rounded.png +0 -0
- package/docs/assets/moni-fab/size--default.png +0 -0
- package/docs/assets/moni-fab/type--button.png +0 -0
- package/docs/assets/moni-fab/type--reset.png +0 -0
- package/docs/assets/moni-fab/type--submit.png +0 -0
- package/docs/assets/moni-fab/value--default.png +0 -0
- package/docs/assets/moni-fab-menu/closeIcon--default.png +0 -0
- package/docs/assets/moni-fab-menu/closeLabel--default.png +0 -0
- package/docs/assets/moni-fab-menu/color--default.png +0 -0
- package/docs/assets/moni-fab-menu/direction--default.png +0 -0
- package/docs/assets/moni-fab-menu/disabled--false.png +0 -0
- package/docs/assets/moni-fab-menu/disabled--true.png +0 -0
- package/docs/assets/moni-fab-menu/icon--default.png +0 -0
- package/docs/assets/moni-fab-menu/label--default.png +0 -0
- package/docs/assets/moni-fab-menu/open--false.png +0 -0
- package/docs/assets/moni-fab-menu/open--true.png +0 -0
- package/docs/assets/moni-fab-menu/position--default.png +0 -0
- package/docs/assets/moni-fab-menu/shape--circle.png +0 -0
- package/docs/assets/moni-fab-menu/shape--rounded.png +0 -0
- package/docs/assets/moni-fab-menu/size--default.png +0 -0
- package/docs/assets/moni-file-field/accept--default.png +0 -0
- package/docs/assets/moni-file-field/buttonLabel--default.png +0 -0
- package/docs/assets/moni-file-field/disabled--false.png +0 -0
- package/docs/assets/moni-file-field/disabled--true.png +0 -0
- package/docs/assets/moni-file-field/error--false.png +0 -0
- package/docs/assets/moni-file-field/error--true.png +0 -0
- package/docs/assets/moni-file-field/errorText--default.png +0 -0
- package/docs/assets/moni-file-field/helper--default.png +0 -0
- package/docs/assets/moni-file-field/icon--default.png +0 -0
- package/docs/assets/moni-file-field/label--default.png +0 -0
- package/docs/assets/moni-file-field/multiple--false.png +0 -0
- package/docs/assets/moni-file-field/multiple--true.png +0 -0
- package/docs/assets/moni-file-field/name--default.png +0 -0
- package/docs/assets/moni-file-field/shape--no-round.png +0 -0
- package/docs/assets/moni-file-field/shape--round.png +0 -0
- package/docs/assets/moni-file-field/shape--square.png +0 -0
- package/docs/assets/moni-file-field/size--extra.png +0 -0
- package/docs/assets/moni-file-field/size--large.png +0 -0
- package/docs/assets/moni-file-field/size--medium.png +0 -0
- package/docs/assets/moni-file-field/size--small.png +0 -0
- package/docs/assets/moni-file-field/trailingIcon--default.png +0 -0
- package/docs/assets/moni-file-field/value--default.png +0 -0
- package/docs/assets/moni-file-field/variant--filled.png +0 -0
- package/docs/assets/moni-file-field/variant--outlined.png +0 -0
- package/docs/assets/moni-icon/filled--false.png +0 -0
- package/docs/assets/moni-icon/filled--true.png +0 -0
- package/docs/assets/moni-icon/name--default.png +0 -0
- package/docs/assets/moni-icon/size--extra.png +0 -0
- package/docs/assets/moni-icon/size--large.png +0 -0
- package/docs/assets/moni-icon/size--medium.png +0 -0
- package/docs/assets/moni-icon/size--small.png +0 -0
- package/docs/assets/moni-icon/size--tiny.png +0 -0
- package/docs/assets/moni-list/rounded--false.png +0 -0
- package/docs/assets/moni-list/rounded--true.png +0 -0
- package/docs/assets/moni-list/variant--border.png +0 -0
- package/docs/assets/moni-list/variant--empty.png +0 -0
- package/docs/assets/moni-list-item/active--false.png +0 -0
- package/docs/assets/moni-list-item/active--true.png +0 -0
- package/docs/assets/moni-list-item/avatar--default.png +0 -0
- package/docs/assets/moni-list-item/disabled--false.png +0 -0
- package/docs/assets/moni-list-item/disabled--true.png +0 -0
- package/docs/assets/moni-list-item/href--default.png +0 -0
- package/docs/assets/moni-list-item/icon--default.png +0 -0
- package/docs/assets/moni-list-item/lines--default.png +0 -0
- package/docs/assets/moni-list-item/trailingIcon--default.png +0 -0
- package/docs/assets/moni-loading-indicator/variant--contained.png +0 -0
- package/docs/assets/moni-loading-indicator/variant--uncontained.png +0 -0
- package/docs/assets/moni-menu/active--true.png +0 -0
- package/docs/assets/moni-menu/flip--false.png +0 -0
- package/docs/assets/moni-menu/flip--true.png +0 -0
- package/docs/assets/moni-menu/noWrap--false.png +0 -0
- package/docs/assets/moni-menu/noWrap--true.png +0 -0
- package/docs/assets/moni-menu/placement--bottom.png +0 -0
- package/docs/assets/moni-menu/placement--left.png +0 -0
- package/docs/assets/moni-menu/placement--max.png +0 -0
- package/docs/assets/moni-menu/placement--min.png +0 -0
- package/docs/assets/moni-menu/placement--right.png +0 -0
- package/docs/assets/moni-menu/placement--top.png +0 -0
- package/docs/assets/moni-menu/space--extra-space.png +0 -0
- package/docs/assets/moni-menu/space--large-space.png +0 -0
- package/docs/assets/moni-menu/space--medium-space.png +0 -0
- package/docs/assets/moni-menu/space--no-space.png +0 -0
- package/docs/assets/moni-menu/space--small-space.png +0 -0
- package/docs/assets/moni-menu/space--space.png +0 -0
- package/docs/assets/moni-menu-item/active--false.png +0 -0
- package/docs/assets/moni-menu-item/active--true.png +0 -0
- package/docs/assets/moni-menu-item/disabled--false.png +0 -0
- package/docs/assets/moni-menu-item/disabled--true.png +0 -0
- package/docs/assets/moni-menu-item/icon--default.png +0 -0
- package/docs/assets/moni-menu-item/label--default.png +0 -0
- package/docs/assets/moni-morph-modal/autoSize--false.png +0 -0
- package/docs/assets/moni-morph-modal/autoSize--true.png +0 -0
- package/docs/assets/moni-morph-modal/expandedHeight--default.png +0 -0
- package/docs/assets/moni-morph-modal/expandedWidth--default.png +0 -0
- package/docs/assets/moni-morph-modal/hasBackdrop--false.png +0 -0
- package/docs/assets/moni-morph-modal/hasBackdrop--true.png +0 -0
- package/docs/assets/moni-morph-modal/modal--false.png +0 -0
- package/docs/assets/moni-morph-modal/modal--true.png +0 -0
- package/docs/assets/moni-morph-modal/open--true.png +0 -0
- package/docs/assets/moni-morph-modal/placement--default.png +0 -0
- package/docs/assets/moni-morph-modal/showCloseButton--false.png +0 -0
- package/docs/assets/moni-morph-modal/showCloseButton--true.png +0 -0
- package/docs/assets/moni-nav/layout--auto.png +0 -0
- package/docs/assets/moni-nav/layout--horizontal.png +0 -0
- package/docs/assets/moni-nav/layout--vertical.png +0 -0
- package/docs/assets/moni-nav/modal--false.png +0 -0
- package/docs/assets/moni-nav/modal--true.png +0 -0
- package/docs/assets/moni-nav/open--false.png +0 -0
- package/docs/assets/moni-nav/open--true.png +0 -0
- package/docs/assets/moni-nav/placement--bottom.png +0 -0
- package/docs/assets/moni-nav/placement--left.png +0 -0
- package/docs/assets/moni-nav/placement--right.png +0 -0
- package/docs/assets/moni-nav/placement--top.png +0 -0
- package/docs/assets/moni-nav/variant--drawer.png +0 -0
- package/docs/assets/moni-nav/variant--rail.png +0 -0
- package/docs/assets/moni-nav-item/active--false.png +0 -0
- package/docs/assets/moni-nav-item/active--true.png +0 -0
- package/docs/assets/moni-nav-item/href--default.png +0 -0
- package/docs/assets/moni-nav-item/icon--default.png +0 -0
- package/docs/assets/moni-nav-item/label--default.png +0 -0
- package/docs/assets/moni-nav-item/layout--default.png +0 -0
- package/docs/assets/moni-nav-item/placement--default.png +0 -0
- package/docs/assets/moni-nav-item/variant--default.png +0 -0
- package/docs/assets/moni-progress/bufferValue--default.png +0 -0
- package/docs/assets/moni-progress/indeterminate--false.png +0 -0
- package/docs/assets/moni-progress/indeterminate--true.png +0 -0
- package/docs/assets/moni-progress/label--default.png +0 -0
- package/docs/assets/moni-progress/max--default.png +0 -0
- package/docs/assets/moni-progress/mode--default.png +0 -0
- package/docs/assets/moni-progress/size--default.png +0 -0
- package/docs/assets/moni-progress/stopIndicator--false.png +0 -0
- package/docs/assets/moni-progress/stopIndicator--true.png +0 -0
- package/docs/assets/moni-progress/value--default.png +0 -0
- package/docs/assets/moni-progress/variant--default.png +0 -0
- package/docs/assets/moni-progress/waveTransition--false.png +0 -0
- package/docs/assets/moni-progress/waveTransition--true.png +0 -0
- package/docs/assets/moni-radio/checked--false.png +0 -0
- package/docs/assets/moni-radio/checked--true.png +0 -0
- package/docs/assets/moni-radio/checkedIcon--default.png +0 -0
- package/docs/assets/moni-radio/disabled--false.png +0 -0
- package/docs/assets/moni-radio/disabled--true.png +0 -0
- package/docs/assets/moni-radio/iconContainer--circle.png +0 -0
- package/docs/assets/moni-radio/iconContainer--none.png +0 -0
- package/docs/assets/moni-radio/label--default.png +0 -0
- package/docs/assets/moni-radio/name--default.png +0 -0
- package/docs/assets/moni-radio/size--extra.png +0 -0
- package/docs/assets/moni-radio/size--large.png +0 -0
- package/docs/assets/moni-radio/size--medium.png +0 -0
- package/docs/assets/moni-radio/size--small.png +0 -0
- package/docs/assets/moni-radio/uncheckedIcon--default.png +0 -0
- package/docs/assets/moni-radio/value--default.png +0 -0
- package/docs/assets/moni-ripple/active--false.png +0 -0
- package/docs/assets/moni-ripple/active--true.png +0 -0
- package/docs/assets/moni-ripple/color--primary.png +0 -0
- package/docs/assets/moni-ripple/color--secondary.png +0 -0
- package/docs/assets/moni-ripple/color--surface.png +0 -0
- package/docs/assets/moni-ripple/speed--fast.png +0 -0
- package/docs/assets/moni-ripple/speed--normal.png +0 -0
- package/docs/assets/moni-ripple/speed--slow.png +0 -0
- package/docs/assets/moni-ripple/x--default.png +0 -0
- package/docs/assets/moni-ripple/y--default.png +0 -0
- package/docs/assets/moni-segmented-button/gap--default.png +0 -0
- package/docs/assets/moni-segmented-button/hideCheck--false.png +0 -0
- package/docs/assets/moni-segmented-button/hideCheck--true.png +0 -0
- package/docs/assets/moni-segmented-button/multi--false.png +0 -0
- package/docs/assets/moni-segmented-button/multi--true.png +0 -0
- package/docs/assets/moni-segmented-button/name--default.png +0 -0
- package/docs/assets/moni-segmented-button/size--extra.png +0 -0
- package/docs/assets/moni-segmented-button/size--large.png +0 -0
- package/docs/assets/moni-segmented-button/size--medium.png +0 -0
- package/docs/assets/moni-segmented-button/size--small.png +0 -0
- package/docs/assets/moni-segmented-button/size--xlarge.png +0 -0
- package/docs/assets/moni-segmented-button/size--xsmall.png +0 -0
- package/docs/assets/moni-select/clearable--false.png +0 -0
- package/docs/assets/moni-select/clearable--true.png +0 -0
- package/docs/assets/moni-select/disabled--false.png +0 -0
- package/docs/assets/moni-select/disabled--true.png +0 -0
- package/docs/assets/moni-select/dropdownMaxHeight--default.png +0 -0
- package/docs/assets/moni-select/dropdownWidth--default.png +0 -0
- package/docs/assets/moni-select/error--false.png +0 -0
- package/docs/assets/moni-select/error--true.png +0 -0
- package/docs/assets/moni-select/errorText--default.png +0 -0
- package/docs/assets/moni-select/helper--default.png +0 -0
- package/docs/assets/moni-select/icon--default.png +0 -0
- package/docs/assets/moni-select/label--default.png +0 -0
- package/docs/assets/moni-select/loading--false.png +0 -0
- package/docs/assets/moni-select/loading--true.png +0 -0
- package/docs/assets/moni-select/name--default.png +0 -0
- package/docs/assets/moni-select/placeholder--default.png +0 -0
- package/docs/assets/moni-select/placement--auto.png +0 -0
- package/docs/assets/moni-select/placement--bottom.png +0 -0
- package/docs/assets/moni-select/placement--left.png +0 -0
- package/docs/assets/moni-select/placement--right.png +0 -0
- package/docs/assets/moni-select/placement--top.png +0 -0
- package/docs/assets/moni-select/positioning--absolute.png +0 -0
- package/docs/assets/moni-select/positioning--body.png +0 -0
- package/docs/assets/moni-select/positioning--fixed.png +0 -0
- package/docs/assets/moni-select/searchable--false.png +0 -0
- package/docs/assets/moni-select/searchable--true.png +0 -0
- package/docs/assets/moni-select/shape--no-round.png +0 -0
- package/docs/assets/moni-select/shape--round.png +0 -0
- package/docs/assets/moni-select/shape--square.png +0 -0
- package/docs/assets/moni-select/sheet--false.png +0 -0
- package/docs/assets/moni-select/sheet--true.png +0 -0
- package/docs/assets/moni-select/size--extra.png +0 -0
- package/docs/assets/moni-select/size--large.png +0 -0
- package/docs/assets/moni-select/size--medium.png +0 -0
- package/docs/assets/moni-select/size--small.png +0 -0
- package/docs/assets/moni-select/trailingIcon--default.png +0 -0
- package/docs/assets/moni-select/value--default.png +0 -0
- package/docs/assets/moni-select/variant--filled.png +0 -0
- package/docs/assets/moni-select/variant--outlined.png +0 -0
- package/docs/assets/moni-select-option/disabled--false.png +0 -0
- package/docs/assets/moni-select-option/disabled--true.png +0 -0
- package/docs/assets/moni-select-option/group--default.png +0 -0
- package/docs/assets/moni-select-option/label--default.png +0 -0
- package/docs/assets/moni-select-option/selected--false.png +0 -0
- package/docs/assets/moni-select-option/selected--true.png +0 -0
- package/docs/assets/moni-select-option/value--default.png +0 -0
- package/docs/assets/moni-shape/border--false.png +0 -0
- package/docs/assets/moni-shape/border--true.png +0 -0
- package/docs/assets/moni-shape/color--primary.png +0 -0
- package/docs/assets/moni-shape/color--secondary.png +0 -0
- package/docs/assets/moni-shape/color--surface.png +0 -0
- package/docs/assets/moni-shape/color--tertiary.png +0 -0
- package/docs/assets/moni-shape/duration--default.png +0 -0
- package/docs/assets/moni-shape/easing--default.png +0 -0
- package/docs/assets/moni-shape/name--empty.png +0 -0
- package/docs/assets/moni-shape/shadow--false.png +0 -0
- package/docs/assets/moni-shape/shadow--true.png +0 -0
- package/docs/assets/moni-shape/shapeRadius--default.png +0 -0
- package/docs/assets/moni-shape/size--extra.png +0 -0
- package/docs/assets/moni-shape/size--large.png +0 -0
- package/docs/assets/moni-shape/size--medium.png +0 -0
- package/docs/assets/moni-shape/size--small.png +0 -0
- package/docs/assets/moni-shape/type--default.png +0 -0
- package/docs/assets/moni-side-sheet/detached--false.png +0 -0
- package/docs/assets/moni-side-sheet/detached--true.png +0 -0
- package/docs/assets/moni-side-sheet/expandedWidth--default.png +0 -0
- package/docs/assets/moni-side-sheet/hideClose--false.png +0 -0
- package/docs/assets/moni-side-sheet/hideClose--true.png +0 -0
- package/docs/assets/moni-side-sheet/maxWidth--default.png +0 -0
- package/docs/assets/moni-side-sheet/modal--false.png +0 -0
- package/docs/assets/moni-side-sheet/modal--true.png +0 -0
- package/docs/assets/moni-side-sheet/noBorder--false.png +0 -0
- package/docs/assets/moni-side-sheet/noBorder--true.png +0 -0
- package/docs/assets/moni-side-sheet/open--true.png +0 -0
- package/docs/assets/moni-side-sheet/showBack--false.png +0 -0
- package/docs/assets/moni-side-sheet/showBack--true.png +0 -0
- package/docs/assets/moni-side-sheet/side--left.png +0 -0
- package/docs/assets/moni-side-sheet/side--right.png +0 -0
- package/docs/assets/moni-side-sheet/title--default.png +0 -0
- package/docs/assets/moni-side-sheet/withHandle--false.png +0 -0
- package/docs/assets/moni-side-sheet/withHandle--true.png +0 -0
- package/docs/assets/moni-slider/disabled--false.png +0 -0
- package/docs/assets/moni-slider/disabled--true.png +0 -0
- package/docs/assets/moni-slider/indicator--false.png +0 -0
- package/docs/assets/moni-slider/indicator--true.png +0 -0
- package/docs/assets/moni-slider/indicatorPlacement--bottom.png +0 -0
- package/docs/assets/moni-slider/indicatorPlacement--top.png +0 -0
- package/docs/assets/moni-slider/insetIcon--default.png +0 -0
- package/docs/assets/moni-slider/isVertical--false.png +0 -0
- package/docs/assets/moni-slider/isVertical--true.png +0 -0
- package/docs/assets/moni-slider/max--default.png +0 -0
- package/docs/assets/moni-slider/min--default.png +0 -0
- package/docs/assets/moni-slider/name--default.png +0 -0
- package/docs/assets/moni-slider/range--false.png +0 -0
- package/docs/assets/moni-slider/range--true.png +0 -0
- package/docs/assets/moni-slider/size--extra.png +0 -0
- package/docs/assets/moni-slider/size--large.png +0 -0
- package/docs/assets/moni-slider/size--medium.png +0 -0
- package/docs/assets/moni-slider/size--small.png +0 -0
- package/docs/assets/moni-slider/size--tiny.png +0 -0
- package/docs/assets/moni-slider/step--default.png +0 -0
- package/docs/assets/moni-slider/tickInterval--default.png +0 -0
- package/docs/assets/moni-slider/ticks--false.png +0 -0
- package/docs/assets/moni-slider/ticks--true.png +0 -0
- package/docs/assets/moni-snackbar/action--default.png +0 -0
- package/docs/assets/moni-snackbar/active--true.png +0 -0
- package/docs/assets/moni-snackbar/maxLines--default.png +0 -0
- package/docs/assets/moni-snackbar/placement--bottom.png +0 -0
- package/docs/assets/moni-snackbar/placement--top.png +0 -0
- package/docs/assets/moni-snackbar/text--default.png +0 -0
- package/docs/assets/moni-split-button/gap--default.png +0 -0
- package/docs/assets/moni-split-button/size--extra.png +0 -0
- package/docs/assets/moni-split-button/size--large.png +0 -0
- package/docs/assets/moni-split-button/size--medium.png +0 -0
- package/docs/assets/moni-split-button/size--small.png +0 -0
- package/docs/assets/moni-split-button/size--xlarge.png +0 -0
- package/docs/assets/moni-split-button/size--xsmall.png +0 -0
- package/docs/assets/moni-split-button/variant--elevated.png +0 -0
- package/docs/assets/moni-split-button/variant--filled.png +0 -0
- package/docs/assets/moni-split-button/variant--outlined.png +0 -0
- package/docs/assets/moni-split-button/variant--tonal.png +0 -0
- package/docs/assets/moni-step/active--false.png +0 -0
- package/docs/assets/moni-step/active--true.png +0 -0
- package/docs/assets/moni-step/completed--false.png +0 -0
- package/docs/assets/moni-step/completed--true.png +0 -0
- package/docs/assets/moni-step/description--default.png +0 -0
- package/docs/assets/moni-step/icon--default.png +0 -0
- package/docs/assets/moni-step/index--default.png +0 -0
- package/docs/assets/moni-step/orientation--horizontal.png +0 -0
- package/docs/assets/moni-step/orientation--vertical.png +0 -0
- package/docs/assets/moni-step/title--default.png +0 -0
- package/docs/assets/moni-stepper/current--default.png +0 -0
- package/docs/assets/moni-stepper/orientation--horizontal.png +0 -0
- package/docs/assets/moni-stepper/orientation--vertical.png +0 -0
- package/docs/assets/moni-switch/checked--false.png +0 -0
- package/docs/assets/moni-switch/checked--true.png +0 -0
- package/docs/assets/moni-switch/checkedIcon--default.png +0 -0
- package/docs/assets/moni-switch/disabled--false.png +0 -0
- package/docs/assets/moni-switch/disabled--true.png +0 -0
- package/docs/assets/moni-switch/icon--false.png +0 -0
- package/docs/assets/moni-switch/icon--true.png +0 -0
- package/docs/assets/moni-switch/label--default.png +0 -0
- package/docs/assets/moni-switch/name--default.png +0 -0
- package/docs/assets/moni-switch/uncheckedIcon--default.png +0 -0
- package/docs/assets/moni-switch/value--default.png +0 -0
- package/docs/assets/moni-tab/active--false.png +0 -0
- package/docs/assets/moni-tab/active--true.png +0 -0
- package/docs/assets/moni-tab/href--default.png +0 -0
- package/docs/assets/moni-tab/icon--default.png +0 -0
- package/docs/assets/moni-tab/label--default.png +0 -0
- package/docs/assets/moni-tabs/align--center.png +0 -0
- package/docs/assets/moni-tabs/align--default.png +0 -0
- package/docs/assets/moni-tabs/align--left.png +0 -0
- package/docs/assets/moni-tabs/align--right.png +0 -0
- package/docs/assets/moni-tabs/indicatorSize--default.png +0 -0
- package/docs/assets/moni-tabs/indicatorSize--max.png +0 -0
- package/docs/assets/moni-tabs/indicatorSize--min.png +0 -0
- package/docs/assets/moni-tabs/mode--primary.png +0 -0
- package/docs/assets/moni-tabs/mode--secondary.png +0 -0
- package/docs/assets/moni-tabs/scrollable--false.png +0 -0
- package/docs/assets/moni-tabs/scrollable--true.png +0 -0
- package/docs/assets/moni-tabs/vertical--false.png +0 -0
- package/docs/assets/moni-tabs/vertical--true.png +0 -0
- package/docs/assets/moni-text-field/disabled--false.png +0 -0
- package/docs/assets/moni-text-field/disabled--true.png +0 -0
- package/docs/assets/moni-text-field/error--false.png +0 -0
- package/docs/assets/moni-text-field/error--true.png +0 -0
- package/docs/assets/moni-text-field/errorText--default.png +0 -0
- package/docs/assets/moni-text-field/helper--default.png +0 -0
- package/docs/assets/moni-text-field/icon--default.png +0 -0
- package/docs/assets/moni-text-field/label--default.png +0 -0
- package/docs/assets/moni-text-field/loading--false.png +0 -0
- package/docs/assets/moni-text-field/loading--true.png +0 -0
- package/docs/assets/moni-text-field/mask--default.png +0 -0
- package/docs/assets/moni-text-field/maskAlias--default.png +0 -0
- package/docs/assets/moni-text-field/maskOptions--default.png +0 -0
- package/docs/assets/moni-text-field/name--default.png +0 -0
- package/docs/assets/moni-text-field/placeholder--default.png +0 -0
- package/docs/assets/moni-text-field/prefix--default.png +0 -0
- package/docs/assets/moni-text-field/shape--no-round.png +0 -0
- package/docs/assets/moni-text-field/shape--round.png +0 -0
- package/docs/assets/moni-text-field/size--extra.png +0 -0
- package/docs/assets/moni-text-field/size--large.png +0 -0
- package/docs/assets/moni-text-field/size--medium.png +0 -0
- package/docs/assets/moni-text-field/size--small.png +0 -0
- package/docs/assets/moni-text-field/suffix--default.png +0 -0
- package/docs/assets/moni-text-field/suffixButtonIcon--default.png +0 -0
- package/docs/assets/moni-text-field/suffixButtonLabel--default.png +0 -0
- package/docs/assets/moni-text-field/trailingIcon--default.png +0 -0
- package/docs/assets/moni-text-field/type--email.png +0 -0
- package/docs/assets/moni-text-field/type--number.png +0 -0
- package/docs/assets/moni-text-field/type--password.png +0 -0
- package/docs/assets/moni-text-field/type--search.png +0 -0
- package/docs/assets/moni-text-field/type--tel.png +0 -0
- package/docs/assets/moni-text-field/type--text.png +0 -0
- package/docs/assets/moni-text-field/type--url.png +0 -0
- package/docs/assets/moni-text-field/value--default.png +0 -0
- package/docs/assets/moni-text-field/variant--filled.png +0 -0
- package/docs/assets/moni-text-field/variant--outlined.png +0 -0
- package/docs/assets/moni-text-field/variant--underlined.png +0 -0
- package/docs/assets/moni-textarea/autosize--false.png +0 -0
- package/docs/assets/moni-textarea/autosize--true.png +0 -0
- package/docs/assets/moni-textarea/disabled--false.png +0 -0
- package/docs/assets/moni-textarea/disabled--true.png +0 -0
- package/docs/assets/moni-textarea/error--false.png +0 -0
- package/docs/assets/moni-textarea/error--true.png +0 -0
- package/docs/assets/moni-textarea/errorText--default.png +0 -0
- package/docs/assets/moni-textarea/helper--default.png +0 -0
- package/docs/assets/moni-textarea/icon--default.png +0 -0
- package/docs/assets/moni-textarea/label--default.png +0 -0
- package/docs/assets/moni-textarea/loading--false.png +0 -0
- package/docs/assets/moni-textarea/loading--true.png +0 -0
- package/docs/assets/moni-textarea/maxRows--default.png +0 -0
- package/docs/assets/moni-textarea/maxlength--default.png +0 -0
- package/docs/assets/moni-textarea/name--default.png +0 -0
- package/docs/assets/moni-textarea/noCounter--false.png +0 -0
- package/docs/assets/moni-textarea/noCounter--true.png +0 -0
- package/docs/assets/moni-textarea/placeholder--default.png +0 -0
- package/docs/assets/moni-textarea/prefix--default.png +0 -0
- package/docs/assets/moni-textarea/rows--default.png +0 -0
- package/docs/assets/moni-textarea/shape--no-round.png +0 -0
- package/docs/assets/moni-textarea/shape--round.png +0 -0
- package/docs/assets/moni-textarea/shape--square.png +0 -0
- package/docs/assets/moni-textarea/size--extra.png +0 -0
- package/docs/assets/moni-textarea/size--large.png +0 -0
- package/docs/assets/moni-textarea/size--medium.png +0 -0
- package/docs/assets/moni-textarea/size--small.png +0 -0
- package/docs/assets/moni-textarea/suffix--default.png +0 -0
- package/docs/assets/moni-textarea/trailingIcon--default.png +0 -0
- package/docs/assets/moni-textarea/value--default.png +0 -0
- package/docs/assets/moni-textarea/variant--filled.png +0 -0
- package/docs/assets/moni-textarea/variant--outlined.png +0 -0
- package/docs/assets/moni-time-picker/hideHeadline--false.png +0 -0
- package/docs/assets/moni-time-picker/hideHeadline--true.png +0 -0
- package/docs/assets/moni-time-picker/hideModeToggle--false.png +0 -0
- package/docs/assets/moni-time-picker/hideModeToggle--true.png +0 -0
- package/docs/assets/moni-time-picker/hourLabel--default.png +0 -0
- package/docs/assets/moni-time-picker/minuteLabel--default.png +0 -0
- package/docs/assets/moni-time-picker/mode--dial.png +0 -0
- package/docs/assets/moni-time-picker/mode--input.png +0 -0
- package/docs/assets/moni-time-picker/orientation--auto.png +0 -0
- package/docs/assets/moni-time-picker/orientation--horizontal.png +0 -0
- package/docs/assets/moni-time-picker/orientation--vertical.png +0 -0
- package/docs/assets/moni-time-picker/use24Hour--false.png +0 -0
- package/docs/assets/moni-time-picker/use24Hour--true.png +0 -0
- package/docs/assets/moni-time-picker/value--default.png +0 -0
- package/docs/assets/moni-toolbar/scrolled--false.png +0 -0
- package/docs/assets/moni-toolbar/scrolled--true.png +0 -0
- package/docs/assets/moni-toolbar/title--default.png +0 -0
- package/docs/assets/moni-toolbar/type--floating.png +0 -0
- package/docs/assets/moni-toolbar/type--standard.png +0 -0
- package/docs/assets/moni-tooltip/position--bottom-end.png +0 -0
- package/docs/assets/moni-tooltip/position--bottom-start.png +0 -0
- package/docs/assets/moni-tooltip/position--bottom.png +0 -0
- package/docs/assets/moni-tooltip/position--left.png +0 -0
- package/docs/assets/moni-tooltip/position--right.png +0 -0
- package/docs/assets/moni-tooltip/position--top-end.png +0 -0
- package/docs/assets/moni-tooltip/position--top-start.png +0 -0
- package/docs/assets/moni-tooltip/position--top.png +0 -0
- package/docs/assets/moni-tooltip/rich--false.png +0 -0
- package/docs/assets/moni-tooltip/rich--true.png +0 -0
- package/docs/assets/moni-tooltip/rotateWithTarget--false.png +0 -0
- package/docs/assets/moni-tooltip/rotateWithTarget--true.png +0 -0
- package/docs/assets/moni-tooltip/size--empty.png +0 -0
- package/docs/assets/moni-tooltip/size--large.png +0 -0
- package/docs/assets/moni-tooltip/size--medium.png +0 -0
- package/docs/assets/moni-tooltip/size--small.png +0 -0
- package/docs/assets/moni-tooltip/text--default.png +0 -0
- package/docs/assets/moni-typography/as--default.png +0 -0
- package/docs/assets/moni-typography/size--large.png +0 -0
- package/docs/assets/moni-typography/size--medium.png +0 -0
- package/docs/assets/moni-typography/size--small.png +0 -0
- package/docs/assets/moni-typography/text--default.png +0 -0
- package/docs/assets/moni-typography/variant--body.png +0 -0
- package/docs/assets/moni-typography/variant--display.png +0 -0
- package/docs/assets/moni-typography/variant--headline.png +0 -0
- package/docs/assets/moni-typography/variant--label.png +0 -0
- package/docs/assets/moni-typography/variant--title.png +0 -0
- package/docs/components/app-bar.md +192 -0
- package/docs/components/badge.md +207 -0
- package/docs/components/bottom-sheet.md +220 -0
- package/docs/components/button-group.md +207 -0
- package/docs/components/button-segment.md +171 -0
- package/docs/components/button.md +277 -0
- package/docs/components/card.md +181 -0
- package/docs/components/carousel.md +275 -0
- package/docs/components/checkbox.md +196 -0
- package/docs/components/chip.md +222 -0
- package/docs/components/color-field.md +195 -0
- package/docs/components/context-menu.md +132 -0
- package/docs/components/dialog.md +193 -0
- package/docs/components/divider.md +123 -0
- package/docs/components/expansion.md +130 -0
- package/docs/components/fab-menu.md +162 -0
- package/docs/components/fab.md +202 -0
- package/docs/components/file-field.md +244 -0
- package/docs/components/icon.md +156 -0
- package/docs/components/list-item.md +189 -0
- package/docs/components/list.md +121 -0
- package/docs/components/loading-indicator.md +124 -0
- package/docs/components/menu-item.md +131 -0
- package/docs/components/menu.md +181 -0
- package/docs/components/morph-modal.md +183 -0
- package/docs/components/nav-item.md +169 -0
- package/docs/components/nav.md +172 -0
- package/docs/components/progress.md +172 -0
- package/docs/components/radio.md +200 -0
- package/docs/components/ripple.md +177 -0
- package/docs/components/segmented-button.md +145 -0
- package/docs/components/select-option.md +148 -0
- package/docs/components/select.md +332 -0
- package/docs/components/shape.md +169 -0
- package/docs/components/side-sheet.md +218 -0
- package/docs/components/slider.md +240 -0
- package/docs/components/snackbar.md +167 -0
- package/docs/components/split-button.md +148 -0
- package/docs/components/step.md +169 -0
- package/docs/components/stepper.md +121 -0
- package/docs/components/switch.md +198 -0
- package/docs/components/tab.md +133 -0
- package/docs/components/tabs.md +163 -0
- package/docs/components/text-field.md +321 -0
- package/docs/components/textarea.md +290 -0
- package/docs/components/time-picker.md +184 -0
- package/docs/components/toolbar.md +142 -0
- package/docs/components/tooltip.md +184 -0
- package/docs/components/typography.md +148 -0
- package/docs/llms.txt +53 -0
- package/package.json +6 -1
- package/src/components/index.test.ts +24 -0
- package/src/components/index.ts +8 -1
- package/src/components/moni-button-group.test.ts +15 -1
- package/src/components/moni-button-group.ts +19 -4
- package/src/components/moni-button.test.ts +8 -2
- package/src/components/moni-button.ts +2 -2
- package/src/components/moni-carousel.test.ts +15 -1
- package/src/components/moni-carousel.ts +19 -2
- package/src/components/moni-color-field.test.ts +71 -0
- package/src/components/moni-color-field.ts +50 -1
- package/src/components/moni-context-menu.test.ts +16 -0
- package/src/components/moni-context-menu.ts +14 -2
- package/src/components/moni-file-field.test.ts +4 -2
- package/src/components/moni-file-field.ts +6 -3
- package/src/components/moni-morph-modal.test.ts +173 -2
- package/src/components/moni-morph-modal.ts +622 -55
- package/src/components/moni-nav.ts +6 -3
- package/src/components/moni-select-option.ts +19 -0
- package/src/components/moni-select.test.ts +16 -0
- package/src/components/moni-select.ts +2 -0
- package/src/components/moni-side-sheet.test.ts +39 -2
- package/src/components/moni-side-sheet.ts +49 -17
- package/src/components/moni-snackbar.test.ts +16 -0
- package/src/components/moni-snackbar.ts +24 -1
- package/src/components/moni-stepper.ts +4 -0
- package/src/components/moni-text-field.test.ts +25 -0
- package/src/components/moni-text-field.ts +2 -0
- package/src/components/moni-textarea.test.ts +16 -0
- package/src/components/moni-textarea.ts +2 -0
- package/src/components/moni-toolbar.test.ts +6 -3
- package/src/components/moni-toolbar.ts +4 -2
- package/src/components/moni-tooltip.test.ts +77 -3
- package/src/components/moni-tooltip.ts +194 -3
- package/src/index.ts +8 -0
|
@@ -47,9 +47,11 @@ import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
|
|
|
47
47
|
:host([variant='connected']) ::slotted(moni-button),
|
|
48
48
|
:host([variant='connected']) ::slotted(moni-icon-button),
|
|
49
49
|
:host([resizing='flexible']) ::slotted(moni-button) {
|
|
50
|
-
flex: 1 1 0;
|
|
50
|
+
flex: var(--_moni-group-flex-grow, 1) 1 0;
|
|
51
|
+
transition: flex-grow 450ms cubic-bezier(0.2, 0, 0, 1);
|
|
51
52
|
}
|
|
52
|
-
:host([variant='connected']) ::slotted(moni-button)
|
|
53
|
+
:host([variant='connected']) ::slotted(moni-button),
|
|
54
|
+
:host([variant='standard'][resizing='flexible']) ::slotted(moni-button) {
|
|
53
55
|
--moni-button-inline-size: 100%;
|
|
54
56
|
min-inline-size: 0;
|
|
55
57
|
}
|
|
@@ -107,7 +109,7 @@ import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
|
|
|
107
109
|
:host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 3.375rem; }
|
|
108
110
|
:host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-adjacent-selected='sole']),
|
|
109
111
|
:host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 2.75rem; }
|
|
110
|
-
`]}updated(e){super.updated(e),(e.has(`variant`)||e.has(`size`)||e.has(`gap`)||e.has(`shape`))&&this.updateChildren()}handleSlotChange(){this.updateChildren()}getButtons(){return(this.slottedButtons??[]).filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`)}updateSelectionNeighbors(){let e=this.getButtons();if(e.forEach(e=>e.removeAttribute(`data-group-adjacent-selected`)),this.variant!==`standard
|
|
112
|
+
`]}updated(e){super.updated(e),(e.has(`variant`)||e.has(`size`)||e.has(`gap`)||e.has(`shape`)||e.has(`resizing`))&&this.updateChildren()}handleSlotChange(){this.updateChildren()}getButtons(){return(this.slottedButtons??[]).filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`)}updateSelectionNeighbors(){let e=this.getButtons();if(e.forEach(e=>{e.removeAttribute(`data-group-adjacent-selected`),e.style.removeProperty(`--_moni-group-flex-grow`)}),this.variant!==`standard`)return;let t=e.filter(e=>e.hasAttribute(`active`));if(t.length===0)return;let n=e.filter(e=>!e.hasAttribute(`active`)),r=n.length===1?`sole`:`shared`;if(n.forEach(e=>e.setAttribute(`data-group-adjacent-selected`,r)),this.resizing===`flexible`&&n.length>0){let r=Math.max(.6,(e.length-t.length*1.24)/n.length);t.forEach(e=>e.style.setProperty(`--_moni-group-flex-grow`,`1.24`)),n.forEach(e=>e.style.setProperty(`--_moni-group-flex-grow`,String(r)))}}getGapValue(e){if(!e)return``;let t=e.toLowerCase();return t===`xs`||t===`xsmall`?`1.125rem`:t===`s`||t===`small`?`0.75rem`:t===`m`||t===`medium`||t===`l`||t===`large`||t===`xl`||t===`xlarge`?`0.5rem`:e}updateChildren(){let e=this.getButtons(),t=this.gap.trim().toLowerCase(),n=![`0`,`0px`,`0rem`,`0em`].includes(t);e.forEach((t,r)=>{t.setAttribute(`size`,this.size),this.variant===`connected`&&this.shape===`square`?t.setAttribute(`shape`,`square`):this.variant===`connected`?n?e.length===1?t.setAttribute(`shape`,`round`):r===0?t.setAttribute(`shape`,`left-round`):r===e.length-1?t.setAttribute(`shape`,`right-round`):t.setAttribute(`shape`,`inner-round`):e.length===1?t.setAttribute(`shape`,`round`):r===0?t.setAttribute(`shape`,`left-round-flat`):r===e.length-1?t.setAttribute(`shape`,`right-round-flat`):t.setAttribute(`shape`,`no-round`):t.setAttribute(`shape`,this.shape)}),this.updateSelectionNeighbors()}handlePointerDown(e){if(this.variant!==`standard`)return;let t=e.target.closest(`moni-button, moni-icon-button`);if(!t||t.hasAttribute(`disabled`))return;let n=this.getButtons(),r=n.indexOf(t);r!==-1&&(t.setAttribute(`data-group-pressed`,``),n[r-1]?.setAttribute(`data-group-adjacent-pressed`,``),n[r+1]?.setAttribute(`data-group-adjacent-pressed`,``))}handlePointerUp(){this.getButtons().forEach(e=>{e.removeAttribute(`data-group-pressed`),e.removeAttribute(`data-group-adjacent-pressed`)})}handleClick(e){let t=e.target.closest(`moni-button, moni-icon-button`);if(!t||t.hasAttribute(`disabled`))return;let n=this.getButtons();this.multi||n.forEach(e=>{e!==t&&(e.removeAttribute(`active`),e.active=!1)});let r=t.hasAttribute(`active`),i=n.filter(e=>e.hasAttribute(`active`)).length;r&&this.selectionRequired&&i<=1||(r?(t.removeAttribute(`active`),t.active=!1):(t.setAttribute(`active`,``),t.active=!0),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{button:t,active:!r}})))}render(){let n=this.getGapValue(this.gap),r=this.gap.trim().toLowerCase(),i=[`0`,`0px`,`0rem`,`0em`].includes(r),a=n?`gap: ${n};`:i?`gap: 0;`:``;return t`
|
|
111
113
|
<div
|
|
112
114
|
class="group-container"
|
|
113
115
|
style=${a}
|
|
@@ -93,8 +93,8 @@ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
|
|
|
93
93
|
.button.circle {
|
|
94
94
|
padding: 0 !important;
|
|
95
95
|
border-radius: 50%;
|
|
96
|
-
inline-size: var(--moni-button-height,
|
|
97
|
-
min-inline-size: var(--moni-button-height,
|
|
96
|
+
inline-size: var(--moni-button-height, var(--_button-visual-height));
|
|
97
|
+
min-inline-size: var(--moni-button-height, var(--_button-visual-height));
|
|
98
98
|
aspect-ratio: 1;
|
|
99
99
|
}
|
|
100
100
|
.button.round.icon-only {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/base-BIpe3L86.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import{t as u}from"../chunks/event-emitter-CGhsijUg.js";import{t as d}from"../chunks/gsap-DWxn8li7.js";var f;function p(e){return(t,n)=>c(t,n,{get(){return(this.renderRoot??(f??=document.createDocumentFragment())).querySelectorAll(e)}})}var m=class extends n{constructor(...e){super(...e),this.items=[],this.layout=`multi-browse`,this.auto=!0,this.largeWidth=220,this.mediumWidth=96,this.smallWidth=48,this.gap=8,this.padding=16,this.borderRadius=28,this.showAll=!1,this.showAllText=`Show all`,this.headerText=``,this.hideNav=!1,this.infinite=!1,this.autoplay=!1,this.autoplayInterval=3e3,this._containerWidth=0,this._slottedItems=[],this._hasSlottedShowAll=!1,this._resizeObserver=null,this._logicalItemInViewport=[],this._isDragging=!1,this._dragStartX=0,this._scrollLeftAtDragStart=0,this._pointerVelocity=0,this._lastPointerTime=0,this._lastPointerX=0,this._totalDraggedDistance=0,this._animationFrameId=null,this._isMobile=!1,this._tickerTarget=0,this._tickerCurrent=0,this._isTicking=!1,this._infiniteInitialized=!1,this._autoplayTimer=null,this._cardSetX=[],this._cardSetWidth=[],this._imgSetX=[],this._titleSetOpacity=[],this._tick=()=>{let e=d.ticker.deltaRatio(),t=this._isMobile?.08:.15;this._tickerCurrent+=(this._tickerTarget-this._tickerCurrent)*t*e,Math.abs(this._tickerTarget-this._tickerCurrent)<5e-4&&(this._tickerCurrent=this._tickerTarget,d.ticker.remove(this._tick),this._isTicking=!1,this._checkInfiniteWrap()),this._applyLayout(this._tickerCurrent)},this._scheduleLayout=()=>{this._scrollContainer&&(this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,this._isTicking||(this._isTicking=!0,d.ticker.add(this._tick)))},this.updateLayout=(e=!1)=>{if(!(!this._scrollContainer||!this._cards||this._cards.length===0)){if(this._cardSetX.length!==this._cards.length&&this._buildQuickSetters(),this.infinite&&!this._infiniteInitialized&&this.effectiveItems.length>0){let e=this.effectiveItems.length*this._visualCardsMultiplier,t=this._snapSetsCount,n=Math.floor(t/2);requestAnimationFrame(()=>{setTimeout(()=>{this._scrollContainer&&(this._scrollContainer.scrollWidth,this._scrollContainer.scrollLeft=n*e*this.itemSize,this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,this._tickerCurrent=this._tickerTarget,this._applyLayout(this._tickerCurrent))},20)}),this._infiniteInitialized=!0}this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,e||!this._isTicking&&this._tickerCurrent===0?(this._tickerCurrent=this._tickerTarget,this._applyLayout(this._tickerCurrent)):this._isTicking||(this._isTicking=!0,d.ticker.add(this._tick))}}}get effectiveItems(){return this.items&&this.items.length>0?this.items:this._slottedItems}static{this.styles=[a,r`
|
|
1
|
+
import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/base-BIpe3L86.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import{t as u}from"../chunks/event-emitter-CGhsijUg.js";import{t as d}from"../chunks/gsap-DWxn8li7.js";var f;function p(e){return(t,n)=>c(t,n,{get(){return(this.renderRoot??(f??=document.createDocumentFragment())).querySelectorAll(e)}})}var m=class extends n{constructor(...e){super(...e),this.items=[],this.layout=`multi-browse`,this.auto=!0,this.largeWidth=220,this.mediumWidth=96,this.smallWidth=48,this.gap=8,this.padding=16,this.borderRadius=28,this.showAll=!1,this.showAllText=`Show all`,this.headerText=``,this.hideNav=!1,this.infinite=!1,this.autoplay=!1,this.autoplayInterval=3e3,this._containerWidth=0,this._slottedItems=[],this._hasSlottedShowAll=!1,this._resizeObserver=null,this._logicalItemInViewport=[],this._isDragging=!1,this._dragStartX=0,this._scrollLeftAtDragStart=0,this._pointerVelocity=0,this._lastPointerTime=0,this._lastPointerX=0,this._totalDraggedDistance=0,this._animationFrameId=null,this._isMobile=!1,this._tickerTarget=0,this._tickerCurrent=0,this._isTicking=!1,this._infiniteInitialized=!1,this._autoplayTimer=null,this._cardSetX=[],this._cardSetWidth=[],this._imgSetX=[],this._titleSetOpacity=[],this._tick=()=>{let e=d.ticker.deltaRatio(),t=this._isMobile?.08:.15;this._tickerCurrent+=(this._tickerTarget-this._tickerCurrent)*t*e,Math.abs(this._tickerTarget-this._tickerCurrent)<5e-4&&(this._tickerCurrent=this._tickerTarget,d.ticker.remove(this._tick),this._isTicking=!1,this._checkInfiniteWrap()),this._applyLayout(this._tickerCurrent)},this._scheduleLayout=()=>{this._scrollContainer&&(this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,this._isTicking||(this._isTicking=!0,d.ticker.add(this._tick)))},this.updateLayout=(e=!1)=>{if(!(!this._scrollContainer||!this._cards||this._cards.length===0)){if(this._cardSetX.length!==this._cards.length&&this._buildQuickSetters(),this.infinite&&!this._infiniteInitialized&&this.effectiveItems.length>0){let e=this.effectiveItems.length*this._visualCardsMultiplier,t=this._snapSetsCount,n=Math.floor(t/2);requestAnimationFrame(()=>{setTimeout(()=>{this._scrollContainer&&(this._scrollContainer.scrollWidth,this._scrollContainer.scrollLeft=n*e*this.itemSize,this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,this._tickerCurrent=this._tickerTarget,this._applyLayout(this._tickerCurrent))},20)}),this._infiniteInitialized=!0}this._tickerTarget=this._scrollContainer.scrollLeft/this.itemSize,e||!this._isTicking&&this._tickerCurrent===0?(this._tickerCurrent=this._tickerTarget,this._applyLayout(this._tickerCurrent)):this._isTicking||(this._isTicking=!0,d.ticker.add(this._tick))}}}willUpdate(e){super.willUpdate(e);for(let e of[`largeWidth`,`mediumWidth`,`smallWidth`,`gap`,`padding`,`borderRadius`,`autoplayInterval`]){let t=this[e];if(typeof t!=`string`)continue;let n=Number(t);Number.isFinite(n)&&(this[e]=n)}}get effectiveItems(){return this.items&&this.items.length>0?this.items:this._slottedItems}static{this.styles=[a,r`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
width: 100%;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/decorate-D4jKxi6H.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import{t as u}from"../chunks/if-defined-DlAUOFi9.js";import{t as
|
|
1
|
+
import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/decorate-D4jKxi6H.js";import{t as l}from"../chunks/query-SWT-tzvq.js";import{t as u}from"../chunks/event-emitter-CGhsijUg.js";import{t as d}from"../chunks/if-defined-DlAUOFi9.js";import{t as f}from"../chunks/class-map-EVPcxmRq.js";var p=class extends n{static{this.formAssociated=!0}constructor(){super(),this.name=``,this.label=``,this.variant=`outlined`,this.size=`medium`,this.shape=`no-round`,this.disabled=!1,this.helper=``,this.errorText=``,this.error=!1,this.value=`#6750a4`,this._internals=this.attachInternals()}updated(e){e.has(`value`)&&(this._colorInput&&(this._colorInput.value=this.value),this._textInput&&(this._textInput.value=this.value)),e.has(`disabled`)&&(this._colorInput&&(this._colorInput.disabled=this.disabled),this._textInput&&(this._textInput.disabled=this.disabled)),this._internals?.setFormValue?.(this.value)}_onColorInput(e){let t=e.target;this.value=t.value,this._internals?.setFormValue?.(this.value),u(this,`moni-input`,{detail:{value:this.value,originalEvent:e}})}_onColorChange(e){let t=e.target;this.value=t.value,this._internals?.setFormValue?.(this.value),u(this,`moni-change`,{detail:{value:this.value,originalEvent:e}})}static{this.styles=[o,i,r`
|
|
2
2
|
.swatch {
|
|
3
3
|
inline-size: 1.5rem;
|
|
4
4
|
block-size: 1.5rem;
|
|
@@ -20,7 +20,7 @@ import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/
|
|
|
20
20
|
z-index: 2;
|
|
21
21
|
cursor: pointer;
|
|
22
22
|
}
|
|
23
|
-
`]}render(){let n=!!this.value,r={field:!0,label:!!this.label,fill:this.variant===`filled`,border:this.variant===`outlined`,small:this.size===`small`,large:this.size===`large`,extra:this.size===`extra`,prefix:!0,invalid:this.error,round:this.shape===`round`,square:this.shape===`no-round`};return t`<div class=${
|
|
23
|
+
`]}render(){let n=!!this.value,r={field:!0,label:!!this.label,fill:this.variant===`filled`,border:this.variant===`outlined`,small:this.size===`small`,large:this.size===`large`,extra:this.size===`extra`,prefix:!0,invalid:this.error,round:this.shape===`round`,square:this.shape===`no-round`};return t`<div class=${f(r)} part="field">
|
|
24
24
|
<span
|
|
25
25
|
class="swatch"
|
|
26
26
|
style="--_swatch: ${this.value};"
|
|
@@ -31,24 +31,27 @@ import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/
|
|
|
31
31
|
part="color"
|
|
32
32
|
.value=${this.value}
|
|
33
33
|
?disabled=${this.disabled}
|
|
34
|
-
name=${u(this.name?`${this.name}-color`:void 0)}
|
|
35
34
|
tabindex="-1"
|
|
35
|
+
@input=${this._onColorInput}
|
|
36
|
+
@change=${this._onColorChange}
|
|
36
37
|
/>
|
|
37
38
|
<input
|
|
39
|
+
id="input"
|
|
38
40
|
type="text"
|
|
39
41
|
part="text"
|
|
40
42
|
readonly
|
|
41
43
|
.value=${this.value}
|
|
42
44
|
?disabled=${this.disabled}
|
|
43
|
-
name=${
|
|
45
|
+
name=${d(this.name||void 0)}
|
|
44
46
|
class=${n?`active`:``}
|
|
45
47
|
/>
|
|
46
48
|
${this.label?t`<label
|
|
49
|
+
for="input"
|
|
47
50
|
part="label"
|
|
48
|
-
class=${
|
|
51
|
+
class=${f({active:n})}
|
|
49
52
|
>${this.label}</label
|
|
50
53
|
>`:e}
|
|
51
54
|
${this.error?t`<output part="helper" class="invalid"
|
|
52
55
|
>${this.errorText||this.helper}</output
|
|
53
56
|
>`:this.helper?t`<output part="helper">${this.helper}</output>`:e}
|
|
54
|
-
</div>`}};c([a({reflect:!0})],
|
|
57
|
+
</div>`}};c([a({reflect:!0})],p.prototype,`name`,void 0),c([a({reflect:!0})],p.prototype,`label`,void 0),c([a({reflect:!0})],p.prototype,`variant`,void 0),c([a({reflect:!0})],p.prototype,`size`,void 0),c([a({reflect:!0})],p.prototype,`shape`,void 0),c([a({type:Boolean,reflect:!0})],p.prototype,`disabled`,void 0),c([a({reflect:!0})],p.prototype,`helper`,void 0),c([a({reflect:!0,attribute:`error-text`})],p.prototype,`errorText`,void 0),c([a({type:Boolean,reflect:!0})],p.prototype,`error`,void 0),c([a({reflect:!0})],p.prototype,`value`,void 0),c([l(`input[type="color"]`)],p.prototype,`_colorInput`,void 0),c([l(`input[type="text"]`)],p.prototype,`_textInput`,void 0),p=c([s(`moni-color-field`)],p);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import"./moni-menu.js";var l=class extends n{constructor(...e){super(...e),this.placement=`bottom`,this.flip=!1,this._x=0,this._y=0,this._open=!1,this._resolvedPlacement=`bottom`,this._target=null,this._docKeydown=e=>this._onDocKeydown(e),this._onContextMenu=e=>{if(e.preventDefault(),this._target){let t=this._target.getBoundingClientRect()
|
|
1
|
+
import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import"./moni-menu.js";var l=class extends n{constructor(...e){super(...e),this.placement=`bottom`,this.flip=!1,this._x=0,this._y=0,this._open=!1,this._resolvedPlacement=`bottom`,this._target=null,this._docKeydown=e=>this._onDocKeydown(e),this._onContextMenu=e=>{if(e.preventDefault(),this._target){let t=this._target.getBoundingClientRect(),n=Math.min(192,window.innerWidth-16),r=Math.min(Math.max(8,e.clientX),window.innerWidth-n-8);this._x=r-t.left,this._y=e.clientY-t.top}else this._x=e.clientX,this._y=e.clientY;this._resolvedPlacement=this.placement,this._open=!0,this.updateComplete.then(()=>this._maybeFlip())},this._onDocumentClick=()=>{this._open&&=!1},this._onDocKeydown=e=>{e.key===`Escape`&&this._open&&(this._open=!1)}}connectedCallback(){super.connectedCallback(),this._target=this.parentElement,this._target&&(getComputedStyle(this._target).position===`static`&&(this._target.style.position=`relative`),this._target.addEventListener(`contextmenu`,this._onContextMenu)),document.addEventListener(`click`,this._onDocumentClick),document.addEventListener(`keydown`,this._docKeydown)}disconnectedCallback(){this._target&&this._target.removeEventListener(`contextmenu`,this._onContextMenu),document.removeEventListener(`click`,this._onDocumentClick),document.removeEventListener(`keydown`,this._docKeydown),super.disconnectedCallback()}_maybeFlip(){let e=this._menuEl?.shadowRoot?.querySelector(`menu`);if(!e)return;let t=e.getBoundingClientRect(),n=window.innerWidth,r=window.innerHeight,i=t.bottom>r,a=t.right>n;a&&(this._x=Math.max(8,this._x-(t.right-n)-8)),t.left<8&&(this._x+=8-t.left),this.flip&&(this.placement===`bottom`&&i?this._resolvedPlacement=`top`:this.placement===`top`&&t.top<0?this._resolvedPlacement=`bottom`:this.placement===`right`&&a?this._resolvedPlacement=`left`:this.placement===`left`&&t.left<0&&(this._resolvedPlacement=`right`))}static{this.styles=[a,r`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
font-family: var(--font);
|
|
@@ -9,6 +9,8 @@ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
|
|
|
9
9
|
position: absolute;
|
|
10
10
|
inset-inline-start: var(--_x, 0);
|
|
11
11
|
inset-block-start: var(--_y, 0);
|
|
12
|
+
inline-size: min(12rem, calc(100vw - 1rem));
|
|
13
|
+
min-inline-size: min(12rem, calc(100vw - 1rem));
|
|
12
14
|
z-index: 200;
|
|
13
15
|
}
|
|
14
16
|
`]}render(){let e=this._open?this._resolvedPlacement:this.placement;return t`<div
|
|
@@ -17,6 +19,7 @@ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
|
|
|
17
19
|
>
|
|
18
20
|
<moni-menu
|
|
19
21
|
placement=${e}
|
|
22
|
+
no-wrap
|
|
20
23
|
?active=${this._open}
|
|
21
24
|
>
|
|
22
25
|
<slot></slot>
|
|
@@ -9,25 +9,25 @@ import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/
|
|
|
9
9
|
input[type='text'] {
|
|
10
10
|
cursor: pointer;
|
|
11
11
|
}
|
|
12
|
-
`]}render(){let n
|
|
12
|
+
`]}render(){let n=this.value||this.buttonLabel,r=!!n,i=!!this.icon,a=!!this.trailingIcon,o={field:!0,label:!!this.label,fill:this.variant===`filled`,border:this.variant===`outlined`,small:this.size===`small`,large:this.size===`large`,extra:this.size===`extra`,prefix:i,suffix:a,invalid:this.error,round:this.shape===`round`,square:this.shape===`no-round`},s=this.icon?t`<i class="leading-icon" part="leading-icon"
|
|
13
13
|
><moni-icon name="${this.icon}"></moni-icon
|
|
14
|
-
></i>`:e,
|
|
14
|
+
></i>`:e,c=this.trailingIcon?t`<i class="trailing-icon" part="trailing-icon"
|
|
15
15
|
><moni-icon name="${this.trailingIcon}"></moni-icon
|
|
16
|
-
></i>`:e;return t`<div class=${d(
|
|
17
|
-
${
|
|
16
|
+
></i>`:e;return t`<div class=${d(o)} part="field">
|
|
17
|
+
${s}
|
|
18
18
|
<input
|
|
19
19
|
type="text"
|
|
20
20
|
part="display"
|
|
21
21
|
readonly
|
|
22
|
-
placeholder
|
|
23
|
-
.value=${
|
|
22
|
+
placeholder=""
|
|
23
|
+
.value=${n}
|
|
24
24
|
?disabled=${this.disabled}
|
|
25
25
|
name=${u(this.name?`${this.name}-display`:void 0)}
|
|
26
|
-
class=${
|
|
26
|
+
class=${r?`active`:``}
|
|
27
27
|
/>
|
|
28
28
|
${this.label?t`<label
|
|
29
29
|
part="label"
|
|
30
|
-
class=${d({active:
|
|
30
|
+
class=${d({active:r})}
|
|
31
31
|
>${this.label}</label
|
|
32
32
|
>`:e}
|
|
33
33
|
<input
|
|
@@ -38,7 +38,7 @@ import{c as e,d as t,i as n,m as r,n as i,o as a,r as o,s,t as c}from"../chunks/
|
|
|
38
38
|
?multiple=${this.multiple}
|
|
39
39
|
name=${u(this.name||void 0)}
|
|
40
40
|
/>
|
|
41
|
-
${
|
|
41
|
+
${c}
|
|
42
42
|
${this.error?t`<output part="helper" class="invalid"
|
|
43
43
|
>${this.errorText||this.helper}</output
|
|
44
44
|
>`:this.helper?t`<output part="helper">${this.helper}</output>`:e}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import"./moni-icon.js";import{t as l}from"../chunks/gsap-DWxn8li7.js";var u,d,f,p,m,h,g,_,v=`transform`,y=v+`Origin`,b,x=function(e){var t=e.ownerDocument||e;for(!(v in e.style)&&(`msTransform`in e.style)&&(v=`msTransform`,y=v+`Origin`);t.parentNode&&(t=t.parentNode););if(d=window,g=new N,t){u=t,f=t.documentElement,p=t.body,_=u.createElementNS(`http://www.w3.org/2000/svg`,`g`),_.style.transform=`none`;var n=t.createElement(`div`),r=t.createElement(`div`),i=t&&(t.body||t.firstElementChild);i&&i.appendChild&&(i.appendChild(n),n.appendChild(r),n.style.position=`static`,n.style.transform=`translate3d(0,0,1px)`,b=r.offsetParent!==n,i.removeChild(n))}return t},S=function(e){for(var t,n;e&&e!==p;)n=e._gsap,n&&n.uncache&&n.get(e,`x`),n&&!n.scaleX&&!n.scaleY&&n.renderTransform&&(n.scaleX=n.scaleY=1e-4,n.renderTransform(1,n),t?t.push(n):t=[n]),e=e.parentNode;return t},C=[],w=[],T=function(){return d.pageYOffset||u.scrollTop||f.scrollTop||p.scrollTop||0},E=function(){return d.pageXOffset||u.scrollLeft||f.scrollLeft||p.scrollLeft||0},D=function(e){return e.ownerSVGElement||((e.tagName+``).toLowerCase()===`svg`?e:null)},O=function e(t){if(d.getComputedStyle(t).position===`fixed`)return!0;if(t=t.parentNode,t&&t.nodeType===1)return e(t)},k=function e(t,n){if(t.parentNode&&(u||x(t))){var r=D(t),i=r?r.getAttribute(`xmlns`)||`http://www.w3.org/2000/svg`:`http://www.w3.org/1999/xhtml`,a=r?n?`rect`:`g`:`div`,o=n===2?100:0,s=n===3?100:0,c={position:`absolute`,display:`block`,pointerEvents:`none`,margin:`0`,padding:`0`},l=u.createElementNS?u.createElementNS(i.replace(/^https/,`http`),a):u.createElement(a);return n&&(r?(h||=e(t),l.setAttribute(`width`,.01),l.setAttribute(`height`,.01),l.setAttribute(`transform`,`translate(`+o+`,`+s+`)`),l.setAttribute(`fill`,`transparent`),h.appendChild(l)):(m||(m=e(t),Object.assign(m.style,c)),Object.assign(l.style,c,{width:`0.1px`,height:`0.1px`,top:s+`px`,left:o+`px`}),m.appendChild(l))),l}throw`Need document and parent.`},A=function(e){for(var t=new N,n=0;n<e.numberOfItems;n++)t.multiply(e.getItem(n).matrix);return t},j=function(e){var t=e.getCTM(),n;return t||(n=e.style[v],e.style[v]=`none`,e.appendChild(_),t=_.getCTM(),e.removeChild(_),n?e.style[v]=n:e.style.removeProperty(v.replace(/([A-Z])/g,`-$1`).toLowerCase())),t||g.clone()},M=function(e,t){var n=D(e),r=e===n,i=n?C:w,a=e.parentNode,o=a&&!n&&a.shadowRoot&&a.shadowRoot.appendChild?a.shadowRoot:a,s,c,l,u,f,p;if(e===d)return e;if(i.length||i.push(k(e,1),k(e,2),k(e,3)),s=n?h:m,n)r?(l=j(e),u=-l.e/l.a,f=-l.f/l.d,c=g):e.getBBox?(l=e.getBBox(),c=e.transform?e.transform.baseVal:{},c=c.numberOfItems?c.numberOfItems>1?A(c):c.getItem(0).matrix:g,u=c.a*l.x+c.c*l.y,f=c.b*l.x+c.d*l.y):(c=new N,u=f=0),t&&e.tagName.toLowerCase()===`g`&&(u=f=0),(r||!e.getBoundingClientRect().width?n:a).appendChild(s),s.setAttribute(`transform`,`matrix(`+c.a+`,`+c.b+`,`+c.c+`,`+c.d+`,`+(c.e+u)+`,`+(c.f+f)+`)`);else{if(u=f=0,b)for(c=e.offsetParent,l=e;(l&&=l.parentNode)&&l!==c&&l.parentNode;)(d.getComputedStyle(l)[v]+``).length>4&&(u=l.offsetLeft,f=l.offsetTop,l=0);if(p=d.getComputedStyle(e),p.position!==`absolute`&&p.position!==`fixed`)for(c=e.offsetParent;a&&a!==c;)u+=a.scrollLeft||0,f+=a.scrollTop||0,a=a.parentNode;l=s.style,l.top=e.offsetTop-f+`px`,l.left=e.offsetLeft-u+`px`,l[v]=p[v],l[y]=p[y],l.position=p.position===`fixed`?`fixed`:`absolute`,o.appendChild(s)}return s},ee=function(e,t,n,r,i,a,o){return e.a=t,e.b=n,e.c=r,e.d=i,e.e=a,e.f=o,e},N=function(){function e(e,t,n,r,i,a){e===void 0&&(e=1),t===void 0&&(t=0),n===void 0&&(n=0),r===void 0&&(r=1),i===void 0&&(i=0),a===void 0&&(a=0),ee(this,e,t,n,r,i,a)}var t=e.prototype;return t.inverse=function(){var e=this.a,t=this.b,n=this.c,r=this.d,i=this.e,a=this.f,o=e*r-t*n||1e-10;return ee(this,r/o,-t/o,-n/o,e/o,(n*a-r*i)/o,-(e*a-t*i)/o)},t.multiply=function(e){var t=this.a,n=this.b,r=this.c,i=this.d,a=this.e,o=this.f,s=e.a,c=e.c,l=e.b,u=e.d,d=e.e,f=e.f;return ee(this,s*t+l*r,s*n+l*i,c*t+u*r,c*n+u*i,a+d*t+f*r,o+d*n+f*i)},t.clone=function(){return new e(this.a,this.b,this.c,this.d,this.e,this.f)},t.equals=function(e){var t=this.a,n=this.b,r=this.c,i=this.d,a=this.e,o=this.f;return t===e.a&&n===e.b&&r===e.c&&i===e.d&&a===e.e&&o===e.f},t.apply=function(e,t){t===void 0&&(t={});var n=e.x,r=e.y,i=this.a,a=this.b,o=this.c,s=this.d,c=this.e,l=this.f;return t.x=n*i+r*o+c||0,t.y=n*a+r*s+l||0,t},e}();function P(e,t,n,r){if(!e||!e.parentNode||(u||x(e)).documentElement===e)return new N;var i=S(e),a=D(e)?C:w,o=M(e,n),s=a[0].getBoundingClientRect(),c=a[1].getBoundingClientRect(),l=a[2].getBoundingClientRect(),d=o.parentNode,f=!r&&O(e),p=new N((c.left-s.left)/100,(c.top-s.top)/100,(l.left-s.left)/100,(l.top-s.top)/100,s.left+(f?0:E()),s.top+(f?0:T()));if(d.removeChild(o),i)for(s=i.length;s--;)c=i[s],c.scaleX=c.scaleY=0,c.renderTransform(1,c);return t?p.inverse():p}var te=1,F,I,L,R,z,B,V,H=function(e,t){return e.actions.forEach(function(e){return e.vars[t]&&e.vars[t](e)})},U={},W=180/Math.PI,ne=Math.PI/180,G={},K={},re={},ie=function(e){return typeof e==`string`?e.split(` `).join(``).split(`,`):e},ae=ie(`onStart,onUpdate,onComplete,onReverseComplete,onInterrupt`),oe=ie(`transform,transformOrigin,width,height,position,top,left,opacity,zIndex,maxWidth,maxHeight,minWidth,minHeight`),q=function(e){return F(e)[0]||console.warn(`Element not found:`,e)},J=function(e){return Math.round(e*1e4)/1e4||0},se=function(e,t,n){return e.forEach(function(e){return e.classList[n](t)})},ce={zIndex:1,kill:1,simple:1,spin:1,clearProps:1,targets:1,toggleClass:1,onComplete:1,onUpdate:1,onInterrupt:1,onStart:1,delay:1,repeat:1,repeatDelay:1,yoyo:1,scale:1,fade:1,absolute:1,props:1,onEnter:1,onLeave:1,custom:1,paused:1,nested:1,prune:1,absoluteOnLeave:1},le={zIndex:1,simple:1,clearProps:1,scale:1,absolute:1,fitChild:1,getVars:1,props:1},ue=function(e){return e.replace(/([A-Z])/g,`-$1`).toLowerCase()},de=function(e,t){var n={},r;for(r in e)t[r]||(n[r]=e[r]);return n},fe={},pe=function(e){var t=fe[e]=ie(e);return re[e]=t.concat(oe),t},me=function(e){var t=e._gsap||I.core.getCache(e);return t.gmCache===I.ticker.frame?t.gMatrix:(t.gmCache=I.ticker.frame,t.gMatrix=P(e,!0,!1,!0))},he=function e(t,n,r){r===void 0&&(r=0);for(var i=t.parentNode,a=1e3*10**r*(n?-1:1),o=n?-a*900:0;t;)o+=a,t=t.previousSibling;return i?o+e(i,n,r+1):o},ge=function(e,t,n){return e.forEach(function(e){return e.d=he(n?e.element:e.t,t)}),e.sort(function(e,t){return e.d-t.d}),e},_e=function(e,t){for(var n=e.element.style,r=e.css=e.css||[],i=t.length,a,o;i--;)a=t[i],o=n[a]||n.getPropertyValue(a),r.push(o?a:K[a]||(K[a]=ue(a)),o);return n},ve=function(e){var t=e.css,n=e.element.style,r=0;for(e.cache.uncache=1;r<t.length;r+=2)t[r+1]?n[t[r]]=t[r+1]:n.removeProperty(t[r]);!t[t.indexOf(`transform`)+1]&&n.translate&&(n.removeProperty(`translate`),n.removeProperty(`scale`),n.removeProperty(`rotate`))},ye=function(e,t){e.forEach(function(e){return e.a.cache.uncache=1}),t||e.finalStates.forEach(ve)},be=`paddingTop,paddingRight,paddingBottom,paddingLeft,gridArea,transition`.split(`,`),xe=function(e,t,n){var r=e.element,i=e.width,a=e.height,o=e.uncache,s=e.getProp,c=r.style,l=4,u,d,f;if(typeof t!=`object`&&(t=e),L&&n!==1)return L._abs.push({t:r,b:e,a:e,sd:0}),L._final.push(function(){return(e.cache.uncache=1)&&ve(e)}),r;for(d=s(`display`)===`none`,(!e.isVisible||d)&&(d&&(_e(e,[`display`]).display=t.display),e.matrix=t.matrix,e.width=i=e.width||t.width,e.height=a=e.height||t.height),_e(e,be),f=window.getComputedStyle(r);l--;)c[be[l]]=f[be[l]];if(c.gridArea=`1 / 1 / 1 / 1`,c.transition=`none`,c.position=`absolute`,c.width=i+`px`,c.height=a+`px`,c.top||=`0px`,c.left||=`0px`,o)u=new Ue(r);else if(u=de(e,G),u.position=`absolute`,e.simple){var p=r.getBoundingClientRect();u.matrix=new N(1,0,0,1,p.left+E(),p.top+T())}else u.matrix=P(r,!1,!1,!0);return u=je(u,e,!0),e.x=B(u.x,.01),e.y=B(u.y,.01),r},Se=function(e,t){return t!==!0&&(t=F(t),e=e.filter(function(e){if(t.indexOf((e.sd<0?e.b:e.a).element)!==-1)return!0;e.t._gsap.renderTransform(1),e.b.isVisible&&(e.t.style.width=e.b.width+`px`,e.t.style.height=e.b.height+`px`)})),e},Ce=function(e){return ge(e,!0).forEach(function(e){return(e.a.isVisible||e.b.isVisible)&&xe(e.sd<0?e.b:e.a,e.b,1)})},we=function(e,t){return t&&e.idLookup[Te(t).id]||e.elementStates[0]},Te=function(e,t,n,r){return e instanceof Ue?e:e instanceof Y?we(e,r):new Ue(typeof e==`string`?q(e)||console.warn(e+` not found`):e,t,n)},Ee=function(e,t){for(var n=I.getProperty(e.element,null,`native`),r=e.props={},i=t.length;i--;)r[t[i]]=(n(t[i])+``).trim();return r.zIndex&&=parseFloat(r.zIndex)||0,e},De=function(e,t){var n=e.style||e,r;for(r in t)n[r]=t[r]},Oe=function(e){var t=e.getAttribute(`data-flip-id`);return t||e.setAttribute(`data-flip-id`,t=`auto-`+te++),t},ke=function(e){return e.map(function(e){return e.element})},Ae=function(e,t,n){return e&&t.length&&n.add(e(ke(t),n,new Y(t,0,!0)),0)},je=function(e,t,n,r,i,a){var o=e.element,s=e.cache,c=e.parent,l=e.x,u=e.y,d=t.width,f=t.height,p=t.scaleX,m=t.scaleY,h=t.rotation,g=t.bounds,_=a&&V&&V(o,`transform,width,height`),v=e,y=t.matrix,b=y.e,x=y.f,S=e.bounds.width!==g.width||e.bounds.height!==g.height||e.scaleX!==p||e.scaleY!==m||e.rotation!==h,C=!S&&e.simple&&t.simple&&!i,w,T,E,D,O,k,A;return C||!c?(p=m=1,h=w=0):(O=me(c),k=O.clone().multiply(t.ctm?t.matrix.clone().multiply(t.ctm):t.matrix),h=J(Math.atan2(k.b,k.a)*W),w=J(Math.atan2(k.c,k.d)*W+h)%360,p=Math.sqrt(k.a**2+k.b**2),m=Math.sqrt(k.c**2+k.d**2)*Math.cos(w*ne),i&&(i=F(i)[0],D=I.getProperty(i),A=i.getBBox&&typeof i.getBBox==`function`&&i.getBBox(),v={scaleX:D(`scaleX`),scaleY:D(`scaleY`),width:A?A.width:Math.ceil(parseFloat(D(`width`,`px`))),height:A?A.height:parseFloat(D(`height`,`px`))}),s.rotation=h+`deg`,s.skewX=w+`deg`),n?(p*=d===v.width||!v.width?1:d/v.width,m*=f===v.height||!v.height?1:f/v.height,s.scaleX=p,s.scaleY=m):(d=B(d*p/v.scaleX,0),f=B(f*m/v.scaleY,0),o.style.width=d+`px`,o.style.height=f+`px`),r&&De(o,t.props),C||!c?(l+=b-e.matrix.e,u+=x-e.matrix.f):S||c!==t.parent?(s.x=l+`px`,s.y=u+`px`,s.renderTransform(1,s),k=P(i||o,!1,!1,!0),T=O.apply({x:k.e,y:k.f}),E=O.apply({x:b,y:x}),l+=E.x-T.x,u+=E.y-T.y):(O.e=O.f=0,E=O.apply({x:b-e.matrix.e,y:x-e.matrix.f}),l+=E.x,u+=E.y),l=B(l,.02),u=B(u,.02),a&&!(a instanceof Ue)?_&&_.revert():(s.x=l+`px`,s.y=u+`px`,s.renderTransform(1,s)),a&&(a.x=l,a.y=u,a.rotation=h,a.skewX=w,n?(a.scaleX=p,a.scaleY=m):(a.width=d,a.height=f)),a||s},Me=function(e,t){return e instanceof Y?e:new Y(e,t)},Ne=function(e,t,n){var r=e.idLookup[n],i=e.alt[n];return i.isVisible&&(!(t.getElementState(i.element)||i).isVisible||!r.isVisible)?i:r},Pe=[],Fe=`width,height,overflowX,overflowY`.split(`,`),Ie,Le=function(e){if(e!==Ie){var t=z.style,n=z.clientWidth===window.outerWidth,r=z.clientHeight===window.outerHeight,i=4;if(e&&(n||r)){for(;i--;)Pe[i]=t[Fe[i]];n&&(t.width=z.clientWidth+`px`,t.overflowY=`hidden`),r&&(t.height=z.clientHeight+`px`,t.overflowX=`hidden`),Ie=e}else if(Ie){for(;i--;)Pe[i]?t[Fe[i]]=Pe[i]:t.removeProperty(ue(Fe[i]));Ie=e}}},Re=function(e,t){for(var n=0;n<e.length;n+=3)I.set(e[n],{clearProps:!0}),e[n].setAttribute(`style`,e[n+t]),e[n]._gsap.gmCache=-1},ze=function(e,t,n,r){e instanceof Y&&t instanceof Y||console.warn(`Not a valid state object.`),n||={};var i=n,a=i.clearProps,o=i.onEnter,s=i.onLeave,c=i.absolute,l=i.absoluteOnLeave,u=i.custom,d=i.delay,f=i.paused,p=i.repeat,m=i.repeatDelay,h=i.yoyo,g=i.toggleClass,_=i.nested,v=i.zIndex,y=i.scale,b=i.fade,x=i.stagger,S=i.spin,C=i.prune,w=(`props`in n?n:e).props,T=de(n,ce),E=I.timeline({delay:d,paused:f,repeat:p,repeatDelay:m,yoyo:h,data:`isFlip`}),D=T,O=[],k=[],A=[],j=[],M=S===!0?1:S||0,ee=typeof S==`function`?S:function(){return M},N=e.interrupted||t.interrupted,te=E[r===1?`from`:`to`],F,R,z,B,V,H,U,W,ne,G,K,ie,q,J;for(R in t.idLookup)K=t.alt[R]?Ne(t,e,R):t.idLookup[R],V=K.element,G=e.idLookup[R],e.alt[R]&&V===G.element&&(e.alt[R].isVisible||!K.isVisible)&&(G=e.alt[R]),G?(H={t:V,b:G,a:K,sd:G.element===V?0:K.isVisible?1:-1},A.push(H),H.sd&&(H.sd<0&&(H.b=K,H.a=G),N&&_e(H.b,w?re[w]:oe),b&&A.push(H.swap={t:G.element,b:H.b,a:H.a,sd:-H.sd,swap:H})),V._flip=G.element._flip=L?L.timeline:E):K.isVisible&&(A.push({t:V,b:de(K,{isVisible:1}),a:K,sd:0,entering:1}),V._flip=L?L.timeline:E);if(w&&(fe[w]||pe(w)).forEach(function(e){return T[e]=function(t){return A[t].a.props[e]}}),A.finalStates=ne=[],ie=function(){ge(A),Le(!0);var t=[];for(B=0;B<A.length;B++)H=A[B],q=H.a,J=H.b,C&&!q.isDifferent(J)&&!H.entering?A.splice(B--,1):(V=H.t,_&&!(H.sd<0)&&B&&(q=H.a=q.clone({matrix:P(V,!1,!1,!0)})),J.isVisible&&q.isVisible?(H.sd<0?(_&&Re(t,1),U=new Ue(V,w,e.simple),je(U,q,y,0,0,U),U.matrix=P(V,!1,!1,!0),U.bounds=V.getBoundingClientRect(),U.css=H.b.css,H.a=q=U,b&&(V.style.opacity=N?J.opacity:q.opacity),x&&j.push(V),_&&(Re(t,2),t.push(V,V.getAttribute(`style`)))):H.sd>0&&b&&(V.style.opacity=N?q.opacity-J.opacity:`0`),je(q,J,y,w),_&&H.sd<0&&t.push(V.getAttribute(`style`))):J.isVisible!==q.isVisible&&(J.isVisible?q.isVisible||(J.css=q.css,k.push(J),A.splice(B--,1),c&&_&&je(q,J,y,w)):(q.isVisible&&O.push(q),A.splice(B--,1))),y||(V.style.maxWidth=Math.max(q.width,J.width)+`px`,V.style.maxHeight=Math.max(q.height,J.height)+`px`,V.style.minWidth=Math.min(q.width,J.width)+`px`,V.style.minHeight=Math.min(q.height,J.height)+`px`),_&&g&&V.classList.add(g)),ne.push(q);var r;if(g&&(r=ne.map(function(e){return e.element}),_&&r.forEach(function(e){return e.classList.remove(g)})),Le(!1),y?(T.scaleX=function(e){return A[e].a.scaleX},T.scaleY=function(e){return A[e].a.scaleY}):(T.width=function(e){return A[e].a.width+`px`},T.height=function(e){return A[e].a.height+`px`},T.autoRound=n.autoRound||!1),T.x=function(e){return A[e].a.x+`px`},T.y=function(e){return A[e].a.y+`px`},T.rotation=function(e){return A[e].a.rotation+(S?ee(e,W[e],W)*360:0)},T.skewX=function(e){return A[e].a.skewX},W=A.map(function(e){return e.t}),(v||v===0)&&(T.modifiers={zIndex:function(){return v}},T.zIndex=v,T.immediateRender=n.immediateRender!==!1),b&&(T.opacity=function(e){return A[e].sd<0?0:A[e].sd>0?A[e].a.opacity:`+=0`}),j.length){x=I.utils.distribute(x);var i=W.slice(j.length);T.stagger=function(e,t){return x(~j.indexOf(t)?W.indexOf(A[e].swap.t):e,t,i)}}if(ae.forEach(function(e){return n[e]&&E.eventCallback(e,n[e],n[e+`Params`])}),u&&W.length)for(R in D=de(T,ce),`scale`in u&&(u.scaleX=u.scaleY=u.scale,delete u.scale),u)F=de(u[R],le),F[R]=T[R],!(`duration`in F)&&`duration`in T&&(F.duration=T.duration),F.stagger=T.stagger,te.call(E,W,F,0),delete D[R];(W.length||k.length||O.length)&&(g&&E.add(function(){return se(r,g,E._zTime<0?`remove`:`add`)},0)&&!f&&se(r,g,`add`),W.length&&te.call(E,W,D,0)),Ae(o,O,E),Ae(s,k,E);var l=L&&L.timeline;l&&(l.add(E,0),L._final.push(function(){return ye(A,!a)})),z=E.duration(),E.call(function(){var e=E.time()>=z;e&&!l&&ye(A,!a),g&&se(r,g,e?`remove`:`add`)})},l&&(c=A.filter(function(e){return!e.sd&&!e.a.isVisible&&e.b.isVisible}).map(function(e){return e.a.element})),L){var ue;c&&(ue=L._abs).push.apply(ue,Se(A,c)),L._run.push(ie)}else c&&Ce(Se(A,c)),ie();var me=L?L.timeline:E;return me.revert=function(){return Ve(me,1,1)},me},Be=function e(t){t.vars.onInterrupt&&t.vars.onInterrupt.apply(t,t.vars.onInterruptParams||[]),t.getChildren(!0,!1,!0).forEach(e)},Ve=function(e,t,n){if(e&&e.progress()<1&&(!e.paused()||n))return t&&(Be(e),t<2&&e.progress(1),e.kill()),!0},He=function(e){for(var t=e.idLookup={},n=e.alt={},r=e.elementStates,i=r.length,a;i--;)a=r[i],t[a.id]?n[a.id]=a:t[a.id]=a},Y=function(){function e(e,t,n){if(this.props=t&&t.props,this.simple=!!(t&&t.simple),n)this.targets=ke(e),this.elementStates=e,He(this);else{this.targets=F(e);var r=t&&(t.kill===!1||t.batch&&!t.kill);L&&!r&&L._kill.push(this),this.update(r||!!L)}}var t=e.prototype;return t.update=function(e){var t=this;return this.elementStates=this.targets.map(function(e){return new Ue(e,t.props,t.simple)}),He(this),this.interrupt(e),this.recordInlineStyles(),this},t.clear=function(){return this.targets.length=this.elementStates.length=0,He(this),this},t.fit=function(e,t,n){for(var r=ge(this.elementStates.slice(0),!1,!0),i=(e||this).idLookup,a=0,o,s;a<r.length;a++)o=r[a],n&&(o.matrix=P(o.element,!1,!1,!0)),s=i[o.id],s&&je(o,s,t,!0,0,o),o.matrix=P(o.element,!1,!1,!0);return this},t.getProperty=function(e,t){var n=this.getElementState(e)||G;return(t in n?n:n.props||G)[t]},t.add=function(e){for(var t=e.targets.length,n=this.idLookup,r=this.alt,i,a,o;t--;)a=e.elementStates[t],o=n[a.id],o&&(a.element===o.element||r[a.id]&&r[a.id].element===a.element)?(i=this.elementStates.indexOf(a.element===o.element?o:r[a.id]),this.targets.splice(i,1,e.targets[t]),this.elementStates.splice(i,1,a)):(this.targets.push(e.targets[t]),this.elementStates.push(a));return e.interrupted&&(this.interrupted=!0),e.simple||(this.simple=!1),He(this),this},t.compare=function(e){var t=e.idLookup,n=this.idLookup,r=[],i=[],a=[],o=[],s=[],c=e.alt,l=this.alt,u=function(e,t,n){return(e.isVisible===t.isVisible?e.isVisible?i:r:e.isVisible?a:o).push(n)&&s.push(n)},d=function(e,t,n){return s.indexOf(n)<0&&u(e,t,n)},f,p,m,h,g,_,v,y;for(m in t)g=c[m],_=l[m],f=g?Ne(e,this,m):t[m],h=f.element,p=n[m],_?(y=p.isVisible||!_.isVisible&&h===p.element?p:_,v=g&&!f.isVisible&&!g.isVisible&&y.element===g.element?g:f,v.isVisible&&y.isVisible&&v.element!==y.element?((v.isDifferent(y)?i:r).push(v.element,y.element),s.push(v.element,y.element)):u(v,y,v.element),g&&v.element===g.element&&(g=t[m]),d(v.element!==p.element&&g?g:v,p,p.element),d(g&&g.element===_.element?g:v,_,_.element),g&&d(g,_.element===g.element?_:p,g.element)):(p?p.isDifferent(f)?u(f,p,h):r.push(h):a.push(h),g&&d(g,p,g.element));for(m in n)t[m]||(o.push(n[m].element),l[m]&&o.push(l[m].element));return{changed:i,unchanged:r,enter:a,leave:o}},t.recordInlineStyles=function(){for(var e=re[this.props]||oe,t=this.elementStates.length;t--;)_e(this.elementStates[t],e)},t.interrupt=function(e){var t=this,n=[];this.targets.forEach(function(r){var i=r._flip,a=Ve(i,+!e);e&&a&&n.indexOf(i)<0&&i.add(function(){return t.updateVisibility()}),a&&n.push(i)}),!e&&n.length&&this.updateVisibility(),this.interrupted||=!!n.length},t.updateVisibility=function(){this.elementStates.forEach(function(e){var t=e.element.getBoundingClientRect();e.isVisible=!!(t.width||t.height||t.top||t.left),e.uncache=1})},t.getElementState=function(e){return this.elementStates[this.targets.indexOf(q(e))]},t.makeAbsolute=function(){return ge(this.elementStates.slice(0),!0,!0).map(xe)},e}(),Ue=function(){function e(t,n,r){t instanceof e?Object.assign(this,t,n||{}):(this.element=t,this.update(n,r))}var t=e.prototype;return t.isDifferent=function(e){var t=this.bounds,n=e.bounds;return t.top!==n.top||t.left!==n.left||t.width!==n.width||t.height!==n.height||!this.matrix.equals(e.matrix)||this.opacity!==e.opacity||this.props&&e.props&&JSON.stringify(this.props)!==JSON.stringify(e.props)},t.clone=function(t){return new e(this,t)},t.update=function(e,t){var n=this,r=n.element,i=I.getProperty(r),a=I.core.getCache(r),o=r.getBoundingClientRect(),s=r.getBBox&&typeof r.getBBox==`function`&&r.nodeName.toLowerCase()!==`svg`&&r.getBBox(),c=t?new N(1,0,0,1,o.left+E(),o.top+T()):P(r,!1,!1,!0);a.uncache=1,n.getProp=i,n.element=r,n.id=Oe(r),n.matrix=c,n.cache=a,n.bounds=o,n.isVisible=!!(o.width||o.height||o.left||o.top),n.display=i(`display`),n.position=i(`position`),n.parent=r.parentNode,n.x=i(`x`,`px`),n.y=i(`y`,`px`),n.scaleX=a.scaleX,n.scaleY=a.scaleY,n.rotation=i(`rotation`),n.skewX=i(`skewX`),n.opacity=i(`opacity`),n.width=s?s.width:B(i(`width`,`px`),.04),n.height=s?s.height:B(i(`height`,`px`),.04),e&&Ee(n,fe[e]||pe(e)),n.ctm=r.getCTM&&r.nodeName.toLowerCase()===`svg`&&j(r).inverse(),n.simple=t||J(c.a)===1&&!J(c.b)&&!J(c.c)&&J(c.d)===1,n.uncache=0},e}(),We=function(){function e(e,t){this.vars=e,this.batch=t,this.states=[],this.timeline=t.timeline}var t=e.prototype;return t.getStateById=function(e){for(var t=this.states.length;t--;)if(this.states[t].idLookup[e])return this.states[t]},t.kill=function(){this.batch.remove(this)},e}(),Ge=function(){function e(e){this.id=e,this.actions=[],this._kill=[],this._final=[],this._abs=[],this._run=[],this.data={},this.state=new Y,this.timeline=I.timeline()}var t=e.prototype;return t.add=function(e){var t=this.actions.filter(function(t){return t.vars===e});return t.length?t[0]:(t=new We(typeof e==`function`?{animate:e}:e,this),this.actions.push(t),t)},t.remove=function(e){var t=this.actions.indexOf(e);return t>=0&&this.actions.splice(t,1),this},t.getState=function(e){var t=this,n=L,r=R;return L=this,this.state.clear(),this._kill.length=0,this.actions.forEach(function(n){n.vars.getState&&(n.states.length=0,R=n,n.state=n.vars.getState(n)),e&&n.states.forEach(function(e){return t.state.add(e)})}),R=r,L=n,this.killConflicts(),this},t.animate=function(){var e=this,t=L,n=this.timeline,r=this.actions.length,i,a;for(L=this,n.clear(),this._abs.length=this._final.length=this._run.length=0,this.actions.forEach(function(e){e.vars.animate&&e.vars.animate(e);var t=e.vars.onEnter,n=e.vars.onLeave,r=e.targets,i,a;r&&r.length&&(t||n)&&(i=new Y,e.states.forEach(function(e){return i.add(e)}),a=i.compare(X.getState(r)),a.enter.length&&t&&t(a.enter),a.leave.length&&n&&n(a.leave))}),Ce(this._abs),this._run.forEach(function(e){return e()}),a=n.duration(),i=this._final.slice(0),n.add(function(){a<=n.time()&&(i.forEach(function(e){return e()}),H(e,`onComplete`))}),L=t;r--;)this.actions[r].vars.once&&this.actions[r].kill();return H(this,`onStart`),n.restart(),this},t.loadState=function(e){e||=function(){return 0};var t=[];return this.actions.forEach(function(n){if(n.vars.loadState){var r,i=function i(a){a&&(n.targets=a),r=t.indexOf(i),~r&&(t.splice(r,1),t.length||e())};t.push(i),n.vars.loadState(i)}}),t.length||e(),this},t.setState=function(){return this.actions.forEach(function(e){return e.targets=e.vars.setState&&e.vars.setState(e)}),this},t.killConflicts=function(e){return this.state.interrupt(e),this._kill.forEach(function(t){return t.interrupt(e)}),this},t.run=function(e,t){var n=this;return this!==L&&(e||this.getState(t),this.loadState(function(){n._killed||(n.setState(),n.animate())})),this},t.clear=function(e){this.state.clear(),e||(this.actions.length=0)},t.getStateById=function(e){for(var t=this.actions.length,n;t--;)if(n=this.actions[t].getStateById(e),n)return n;return this.state.idLookup[e]&&this.state},t.kill=function(){this._killed=1,this.clear(),delete U[this.id]},e}(),X=function(){function e(){}return e.getState=function(t,n){var r=Me(t,n);return R&&R.states.push(r),n&&n.batch&&e.batch(n.batch).state.add(r),r},e.from=function(e,t){return t||={},`clearProps`in t||(t.clearProps=!0),ze(e,Me(t.targets||e.targets,{props:t.props||e.props,simple:t.simple,kill:!!t.kill}),t,-1)},e.to=function(e,t){return ze(e,Me(t.targets||e.targets,{props:t.props||e.props,simple:t.simple,kill:!!t.kill}),t,1)},e.fromTo=function(e,t,n){return ze(e,t,n)},e.fit=function(e,t,n){var r=n?de(n,le):{},i=n||r,a=i.absolute,o=i.scale,s=i.getVars,c=i.props,l=i.runBackwards,u=i.onComplete,d=i.simple,f=n&&n.fitChild&&q(n.fitChild),p=Te(t,c,d,e),m=Te(e,0,d,p),h=c?re[c]:oe,g=I.context();return c&&De(r,p.props),_e(m,h),l&&(`immediateRender`in r||(r.immediateRender=!0),r.onComplete=function(){ve(m),u&&u.apply(this,arguments)}),a&&xe(m,p),r=je(m,p,o||f,!r.duration&&c,f,r.duration||s?r:0),typeof n==`object`&&`zIndex`in n&&(r.zIndex=n.zIndex),g&&!s&&g.add(function(){return function(){return ve(m)}}),s?r:r.duration?I.to(m.element,r):null},e.makeAbsolute=function(e,t){return(e instanceof Y?e:new Y(e,t)).makeAbsolute()},e.batch=function(e){return e||=`default`,U[e]||(U[e]=new Ge(e))},e.killFlipsOf=function(e,t){(e instanceof Y?e.targets:F(e)).forEach(function(e){return e&&Ve(e._flip,t===!1?2:1)})},e.isFlipping=function(t){var n=e.getByTarget(t);return!!n&&n.isActive()},e.getByTarget=function(e){return(q(e)||G)._flip},e.getElementState=function(e,t){return new Ue(q(e),t)},e.convertCoordinates=function(e,t,n){var r=P(t,!0,!0).multiply(P(e));return n?r.apply(n):r},e.register=function(e){if(z=typeof document<`u`&&document.body,z){I=e,x(z),F=I.utils.toArray,V=I.core.getStyleSaver;var t=I.utils.snap(.1);B=function(e,n){return t(parseFloat(e)+n)}}},e}();X.version=`3.15.0`,typeof window<`u`&&window.gsap&&window.gsap.registerPlugin(X);var Ke=/[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,qe=/[\+\-]?\d*\.?\d+e[\+\-]?\d+/gi,Je=Math.PI/180;180/Math.PI;var Ye=Math.sin,Xe=Math.cos,Ze=Math.abs,Qe=Math.sqrt,$e=function(e){return typeof e==`number`},et=1e5,tt=function(e){return Math.round(e*et)/et||0},nt=function(e){return e.closed=Math.abs(e[0]-e[e.length-2])<.001&&Math.abs(e[1]-e[e.length-1])<.001};function rt(e,t,n,r,i,a,o){for(var s=e.length,c,l,u,d,f;--s>-1;)for(c=e[s],l=c.length,u=0;u<l;u+=2)d=c[u],f=c[u+1],c[u]=d*t+f*r+a,c[u+1]=d*n+f*i+o;return e._dirty=1,e}function it(e,t,n,r,i,a,o,s,c){if(e!==s||t!==c){n=Ze(n),r=Ze(r);var l=i%360*Je,u=Xe(l),d=Ye(l),f=Math.PI,p=f*2,m=(e-s)/2,h=(t-c)/2,g=u*m+d*h,_=-d*m+u*h,v=g*g,y=_*_,b=v/(n*n)+y/(r*r);b>1&&(n=Qe(b)*n,r=Qe(b)*r);var x=n*n,S=r*r,C=(x*S-x*y-S*v)/(x*y+S*v);C<0&&(C=0);var w=(a===o?-1:1)*Qe(C),T=w*(n*_/r),E=w*-(r*g/n),D=(e+s)/2,O=(t+c)/2,k=D+(u*T-d*E),A=O+(d*T+u*E),j=(g-T)/n,M=(_-E)/r,ee=(-g-T)/n,N=(-_-E)/r,P=j*j+M*M,te=(M<0?-1:1)*Math.acos(j/Qe(P)),F=(j*N-M*ee<0?-1:1)*Math.acos((j*ee+M*N)/Qe(P*(ee*ee+N*N)));isNaN(F)&&(F=f),!o&&F>0?F-=p:o&&F<0&&(F+=p),te%=p,F%=p;var I=Math.ceil(Ze(F)/(p/4)),L=[],R=F/I,z=4/3*Ye(R/2)/(1+Xe(R/2)),B=u*n,V=d*n,H=d*-r,U=u*r,W;for(W=0;W<I;W++)i=te+W*R,g=Xe(i),_=Ye(i),j=Xe(i+=R),M=Ye(i),L.push(g-z*_,_+z*g,j+z*M,M-z*j,j,M);for(W=0;W<L.length;W+=2)g=L[W],_=L[W+1],L[W]=g*B+_*H+k,L[W+1]=g*V+_*U+A;return L[W-2]=s,L[W-1]=c,L}}function at(e){var t=(e+``).replace(qe,function(e){var t=+e;return t<1e-4&&t>-1e-4?0:t}).match(Ke)||[],n=[],r=0,i=0,a=2/3,o=t.length,s=0,c=`ERROR: malformed path: `+e,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w=function(e,t,n,r){v=(n-e)/3,y=(r-t)/3,h.push(e+v,t+y,n-v,r-y,n,r)};if(!e||!isNaN(t[0])||isNaN(t[1]))return console.log(c),n;for(l=0;l<o;l++)if(x=p,isNaN(t[l])?(p=t[l].toUpperCase(),m=p!==t[l]):l--,d=+t[l+1],f=+t[l+2],m&&(d+=r,f+=i),l||(g=d,_=f),p===`M`)h&&(h.length<8?--n.length:s+=h.length,nt(h)),r=g=d,i=_=f,h=[d,f],n.push(h),l+=2,p=`L`;else if(p===`C`)h||=[0,0],m||(r=i=0),h.push(d,f,r+t[l+3]*1,i+t[l+4]*1,r+=t[l+5]*1,i+=t[l+6]*1),l+=6;else if(p===`S`)v=r,y=i,(x===`C`||x===`S`)&&(v+=r-h[h.length-4],y+=i-h[h.length-3]),m||(r=i=0),h.push(v,y,d,f,r+=t[l+3]*1,i+=t[l+4]*1),l+=4;else if(p===`Q`)v=r+(d-r)*a,y=i+(f-i)*a,m||(r=i=0),r+=t[l+3]*1,i+=t[l+4]*1,h.push(v,y,r+(d-r)*a,i+(f-i)*a,r,i),l+=4;else if(p===`T`)v=r-h[h.length-4],y=i-h[h.length-3],h.push(r+v,i+y,d+(r+v*1.5-d)*a,f+(i+y*1.5-f)*a,r=d,i=f),l+=2;else if(p===`H`)w(r,i,r=d,i),l+=1;else if(p===`V`)w(r,i,r,i=d+(m?i-r:0)),l+=1;else if(p===`L`||p===`Z`)p===`Z`&&(d=g,f=_,h.closed=!0),(p===`L`||Ze(r-d)>.5||Ze(i-f)>.5)&&(w(r,i,d,f),p===`L`&&(l+=2)),r=d,i=f;else if(p===`A`){if(S=t[l+4],C=t[l+5],v=t[l+6],y=t[l+7],u=7,S.length>1&&(S.length<3?(y=v,v=C,u--):(y=C,v=S.substr(2),u-=2),C=S.charAt(1),S=S.charAt(0)),b=it(r,i,+t[l+1],+t[l+2],+t[l+3],+S,+C,(m?r:0)+v*1,(m?i:0)+y*1),l+=u,b)for(u=0;u<b.length;u++)h.push(b[u]);r=h[h.length-2],i=h[h.length-1]}else console.log(c);return l=h.length,l<6?(n.pop(),l=0):nt(h),n.totalPoints=s+l,n}function ot(e){$e(e[0])&&(e=[e]);var t=``,n=e.length,r,i,a,o;for(i=0;i<n;i++){for(o=e[i],t+=`M`+tt(o[0])+`,`+tt(o[1])+` C`,r=o.length,a=2;a<r;a++)t+=tt(o[a++])+`,`+tt(o[a++])+` `+tt(o[a++])+`,`+tt(o[a++])+` `+tt(o[a++])+`,`+tt(o[a])+` `;o.closed&&(t+=`z`)}return t}var Z,st,ct=function(){return Z||typeof window<`u`&&(Z=window.gsap)&&Z.registerPlugin&&Z},lt=function(){Z=ct(),Z?(Z.registerEase(`_CE`,vt.create),st=1):console.warn(`Please gsap.registerPlugin(CustomEase)`)},ut=0x56bc75e2d63100000,dt=function(e){return~~(e*1e3+(e<0?-.5:.5))/1e3},ft=1,pt=/[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/gi,mt=/[cLlsSaAhHvVtTqQ]/g,ht=function(e){var t=e.length,n=ut,r;for(r=1;r<t;r+=6)+e[r]<n&&(n=+e[r]);return n},gt=function(e,t,n){!n&&n!==0&&(n=Math.max(+e[e.length-1],+e[1]));var r=e[0]*-1,i=-n,a=e.length,o=1/(+e[a-2]+r),s=-t||(Math.abs(e[a-1]-+e[1])<.01*(e[a-2]-+e[0])?ht(e)+i:+e[a-1]+i),c;for(s=s?1/s:-o,c=0;c<a;c+=2)e[c]=(+e[c]+r)*o,e[c+1]=(+e[c+1]+i)*s},_t=function e(t,n,r,i,a,o,s,c,l,u,d){var f=(t+r)/2,p=(n+i)/2,m=(r+a)/2,h=(i+o)/2,g=(a+s)/2,_=(o+c)/2,v=(f+m)/2,y=(p+h)/2,b=(m+g)/2,x=(h+_)/2,S=(v+b)/2,C=(y+x)/2,w=s-t,T=c-n,E=Math.abs((r-s)*T-(i-c)*w),D=Math.abs((a-s)*T-(o-c)*w),O;return u||(u=[{x:t,y:n},{x:s,y:c}],d=1),u.splice(d||u.length-1,0,{x:S,y:C}),(E+D)*(E+D)>l*(w*w+T*T)&&(O=u.length,e(t,n,f,p,v,y,S,C,l,u,d),e(S,C,b,x,g,_,s,c,l,u,d+1+(u.length-O))),u},vt=function(){function e(e,t,n){st||lt(),this.id=e,ft&&this.setData(t,n)}var t=e.prototype;return t.setData=function(e,t){t||={},e||=`0,0,1,1`;var n=e.match(pt),r=1,i=[],a=[],o=t.precision||1,s=o<=1,c,l,u,d,f,p,m,h,g;if(this.data=e,(mt.test(e)||~e.indexOf(`M`)&&e.indexOf(`C`)<0)&&(n=at(e)[0]),c=n.length,c===4)n.unshift(0,0),n.push(1,1),c=8;else if((c-2)%6)throw`Invalid CustomEase`;for((+n[0]!=0||+n[c-2]!=1)&>(n,t.height,t.originY),this.segment=n,d=2;d<c;d+=6)l={x:+n[d-2],y:+n[d-1]},u={x:+n[d+4],y:+n[d+5]},i.push(l,u),_t(l.x,l.y,+n[d],+n[d+1],+n[d+2],+n[d+3],u.x,u.y,1/(o*2e5),i,i.length-1);for(c=i.length,d=0;d<c;d++)m=i[d],h=i[d-1]||m,(m.x>h.x||h.y!==m.y&&h.x===m.x||m===h)&&m.x<=1?(h.cx=m.x-h.x,h.cy=m.y-h.y,h.n=m,h.nx=m.x,s&&d>1&&Math.abs(h.cy/h.cx-i[d-2].cy/i[d-2].cx)>2&&(s=0),h.cx<r&&(h.cx?r=h.cx:(h.cx=.001,d===c-1&&(h.x-=.001,r=Math.min(r,.001),s=0)))):(i.splice(d--,1),c--);if(c=1/r+1|0,f=1/c,p=0,m=i[0],s){for(d=0;d<c;d++)g=d*f,m.nx<g&&(m=i[++p]),l=m.y+(g-m.x)/m.cx*m.cy,a[d]={x:g,cx:f,y:l,cy:0,nx:9},d&&(a[d-1].cy=l-a[d-1].y);p=i[i.length-1],a[c-1].cy=p.y-l,a[c-1].cx=p.x-a[a.length-1].x}else{for(d=0;d<c;d++)m.nx<d*f&&(m=i[++p]),a[d]=m;p<i.length-1&&(a[d-1]=i[i.length-2])}return this.ease=function(e){var t=a[e*c|0]||a[c-1];return t.nx<e&&(t=t.n),t.y+(e-t.x)/t.cx*t.cy},this.ease.custom=this,this.id&&Z&&Z.registerEase(this.id,this.ease),this},t.getSVGData=function(t){return e.getSVGData(this,t)},e.create=function(t,n,r){return new e(t,n,r).ease},e.register=function(e){Z=e,lt()},e.get=function(e){return Z.parseEase(e)},e.getSVGData=function(t,n){n||={};var r=n.width||100,i=n.height||100,a=n.x||0,o=(n.y||0)+i,s=Z.utils.toArray(n.path)[0],c,l,u,d,f,p,m,h,g,_;if(n.invert&&(i=-i,o=0),typeof t==`string`&&(t=Z.parseEase(t)),t.custom&&(t=t.custom),t instanceof e)c=ot(rt([t.segment.slice(0)],r,0,0,-i,a,o));else{for(c=[a,o],m=Math.max(5,(n.precision||1)*200),d=1/m,m+=2,h=5/m,g=dt(a+d*r),_=dt(o+t(d)*-i),l=(_-o)/(g-a),u=2;u<m;u++)f=dt(a+u*d*r),p=dt(o+t(u*d)*-i),(Math.abs((p-_)/(f-g)-l)>h||u===m-1)&&(c.push(g,_),l=(p-_)/(f-g)),g=f,_=p;c=`M`+c.join(`,`)}return s&&s.setAttribute(`d`,c),c},e}();vt.version=`3.15.0`,vt.headless=!0,ct()&&Z.registerPlugin(vt);var yt;l.registerPlugin(X,vt),vt.create(`morph-open`,`0.15, 0.85, 0.2, 1`),vt.create(`morph-close`,`0.4, 0, 0.2, 1`);var Q={fromAttribute:e=>e!==`false`&&e!==null,toAttribute:e=>e?``:null},$=class extends n{static{yt=this}constructor(...e){super(...e),this.target=``,this.open=!1,this.modal=!0,this.placement=`center`,this.expandedWidth=`22rem`,this.expandedHeight=`18rem`,this.closeOnClickOutside=!0,this.closeOnEsc=!0,this.showCloseButton=!1,this.morphLabel=!1,this.morphLabelSelector=``,this.hasBackdrop=!0,this.hideTarget=!1,this.coverTarget=!1,this.autoSize=!1,this.blurContent=!1,this._hasHeader=!1,this._hasFooter=!1,this._hasTriggerLabel=!1,this._targetEl=null,this._isAnimating=!1,this._visible=!1,this._handlingOpenChange=!1,this._zIndex=100,this._morphEls={text:null,icon:null},this._targetStylesCache=new Map,this._onTargetClick=()=>this.show(),this._onDocKeydown=e=>this._handleDocKeydown(e),this._onDocClick=e=>{!this.open||!this._visible||!this.closeOnClickOutside||e.composedPath().includes(this._panel)||this._targetEl&&e.composedPath().includes(this._targetEl)||this.hide()}}static{this._openStack=[]}connectedCallback(){super.connectedCallback(),this._resolveTarget(),document.addEventListener(`keydown`,this._onDocKeydown),document.addEventListener(`click`,this._onDocClick)}disconnectedCallback(){document.removeEventListener(`keydown`,this._onDocKeydown),document.removeEventListener(`click`,this._onDocClick),this._targetEl&&this._targetEl.removeEventListener(`click`,this._onTargetClick);let e=yt._openStack.indexOf(this);e>-1&&yt._openStack.splice(e,1),this.style.removeProperty(`z-index`),this.style.removeProperty(`--_z-index`),this.style.removeProperty(`--_backdrop-duration`),this.style.removeProperty(`--_backdrop-ease`),this._cleanupMorphElements(),this._restoreTargetContent(),super.disconnectedCallback()}updated(e){super.updated(e),e.has(`target`)&&this._resolveTarget(),e.has(`open`)&&!this._handlingOpenChange&&(this.open?this.show():this.hide())}_resolveTarget(){if(!this.target)return;let e=document.querySelector(this.target);e&&(this._targetEl&&this._targetEl!==e&&this._targetEl.removeEventListener(`click`,this._onTargetClick),this._targetEl=e,this._targetEl.addEventListener(`click`,this._onTargetClick))}show(){if(!(this._isAnimating||this._visible)){if(this._targetEl||this._resolveTarget(),!this._targetEl){console.warn(`[moni-morph-modal] cannot show: target not found`);return}this._isAnimating=!0,this._handlingOpenChange=!0,this.open=!0,this._handlingOpenChange=!1,yt._openStack.push(this),this._zIndex=1e3+yt._openStack.length,this.style.zIndex=String(this._zIndex),this.style.setProperty(`--_z-index`,String(this._zIndex)),this.style.setProperty(`--_backdrop-duration`,`0.38s`),this.style.setProperty(`--_backdrop-ease`,`cubic-bezier(0.15, 0.85, 0.2, 1)`),this._hideTargetContent(),this.updateComplete.then(async()=>{if(!this._targetEl||!this._panel||!this._inner){this._isAnimating=!1;return}this._panel.classList.add(`is-animating`),await new Promise(e=>requestAnimationFrame(e));let e=this._getTargetState(this._targetEl),t=this._panel;this._applyRect(t,e.rect),t.style.backgroundColor=e.backgroundColor,t.style.color=e.color,t.style.borderRadius=e.borderRadius,t.style.boxShadow=`none`,t.style.zIndex=String(this._zIndex),t.style.visibility=`visible`,t.style.opacity=`1`,t.style.pointerEvents=`auto`,this._backdrop&&(this._backdrop.style.zIndex=String(this._zIndex-1)),this._cleanupMorphElements();let n=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,r=this._shouldMorphLabel()&&!n,i=[],a=null,o=this.shadowRoot.querySelector(`.header-morph-wrapper`);if(r){if(this._animateLabelOpen(),a=this._resolveMorphSource(),a.text){let e=this._createMorphText(a.text.content,a.text.sourceEl);this._positionElement(e,a.text.rect),i.push(e)}if(a.icon){let e=this._createMorphIcon(a.icon.element);this._positionElement(e,a.icon.rect),i.push(e)}i.length===0&&(r=!1)}r&&o&&(o.style.opacity=`0`);let s=X.getState(t,{props:`backgroundColor,borderRadius,color,boxShadow`}),c=X.getState(i,{props:`color,fontSize,fontWeight,lineHeight`}),u;if(this.autoSize){let e=t.style.getPropertyValue(`--_panel-width`),n=t.style.getPropertyValue(`--_panel-height`),r=t.style.width,i=t.style.height;t.style.width=`auto`,t.style.height=`auto`,t.style.setProperty(`--_panel-width`,`max-content`),t.style.setProperty(`--_panel-height`,`max-content`);let a=this.shadowRoot.querySelector(`.body`),o=a?a.style.overflow:``;a&&(a.style.overflow=`visible`),u={width:this._inner.scrollWidth,height:this._inner.scrollHeight},t.style.setProperty(`--_panel-width`,e),t.style.setProperty(`--_panel-height`,n),t.style.width=r,t.style.height=i,a&&(a.style.overflow=o)}let d=this._computeFinalRect(e.rect,u);if(t.style.setProperty(`--_panel-width`,`${d.width}px`),t.style.setProperty(`--_panel-height`,`${d.height}px`),this._applyRect(t,d),t.style.backgroundColor=``,t.style.color=``,t.style.borderRadius=``,t.style.boxShadow=``,r&&a){let e=this._measureHeaderTextRect(),t=this._measureHeaderIconRect(),n=window.getComputedStyle(this._header);this._morphEls.text&&e&&(this._positionElement(this._morphEls.text,e),this._morphEls.text.style.color=n.color||`var(--on-surface)`,this._morphEls.text.style.fontSize=n.fontSize||`inherit`,this._morphEls.text.style.fontWeight=n.fontWeight||`inherit`,this._morphEls.text.style.lineHeight=n.lineHeight||`inherit`),this._morphEls.icon&&t&&(this._positionElement(this._morphEls.icon,t),this._morphEls.icon.style.color=n.color||`var(--on-surface)`)}if(X.from(s,{targets:t,duration:.38,ease:`morph-open`,zIndex:this._zIndex,onComplete:()=>{this._isAnimating=!1,this._visible=!0,this._cleanupMorphElements(),o&&(o.style.opacity=`1`)}}),i.length>0){this.blurContent&&l.set(i,{filter:`blur(16px)`});let e={targets:i,duration:.38,ease:`morph-open`,zIndex:this._zIndex+10};this.blurContent&&(e.filter=`blur(0px)`,e.clearProps=`filter`),X.from(c,e)}let f=[this.shadowRoot.querySelector(`.body`),this.shadowRoot.querySelector(`footer`),this.shadowRoot.querySelector(`.close-btn`)].filter(Boolean),p=this.blurContent?`blur(16px)`:`blur(0px)`;l.set(f,{opacity:0,y:8,filter:p}),l.fromTo(f,{opacity:0,y:8,filter:p},{opacity:1,y:0,filter:`blur(0px)`,duration:.32,delay:.08,stagger:.04,ease:`power2.out`,onComplete:()=>{l.set(f,{clearProps:`opacity,transform,filter`}),this._panel.classList.remove(`is-animating`)}})})}}showFrom(e){e&&(this._targetEl=e,this.show())}resizeTo(e,t,n=`center`){if(this.expandedWidth=e,this.expandedHeight=t,!this._visible||!this._panel||!this._targetEl)return;let r=this._computeFinalRect(this._targetEl.getBoundingClientRect()),i=this.parentElement?.closest(`.lab-canvas, [data-morph-coordinate-space]`),a=i?getComputedStyle(i).transform:`none`,o=1,s=1,c;if(i&&a!==`none`){let e=new DOMMatrix(a);o=Math.hypot(e.a,e.b)||1,s=Math.hypot(e.c,e.d)||1,c=i.getBoundingClientRect()}if(n===`top-left`){let e=this._panel.getBoundingClientRect(),t=e.left,n=e.top;c&&(t=(e.left-c.left)/o,n=(e.top-c.top)/s),r=new DOMRect(t,n,r.width,r.height)}else if(n===`center`&&c){let e=window.innerWidth/2-r.width*o/2,t=window.innerHeight/2-r.height*s/2;r=new DOMRect((e-c.left)/o,(t-c.top)/s,r.width,r.height)}this._panel.classList.add(`is-animating`),l.to(this._panel,{top:r.top,left:r.left,width:r.width,height:r.height,"--_panel-width":`${r.width}px`,"--_panel-height":`${r.height}px`,duration:.32,ease:`morph-open`,overwrite:!0,onComplete:()=>this._panel?.classList.remove(`is-animating`),onInterrupt:()=>this._panel?.classList.remove(`is-animating`)})}_ensureSolidPanelBackground(){if(!this._panel)return;let e=window.getComputedStyle(this._panel).backgroundColor;if(this._isColorTransparent(e)){let e=this._findSolidBackground(this._panel);if(e)this._panel.style.backgroundColor=e;else{let e=getComputedStyle(document.body).getPropertyValue(`--surface-container-high`).trim();this._panel.style.backgroundColor=e||`#2d2d2d`}}}hide(){if(this._isAnimating||!this._visible||!this._targetEl)return;this._isAnimating=!0,this._panel.classList.add(`is-animating`),this._ensureSolidPanelBackground(),this.style.setProperty(`--_backdrop-duration`,`0.3s`),this.style.setProperty(`--_backdrop-ease`,`cubic-bezier(0.4, 0, 0.2, 1)`);let e=[this.shadowRoot.querySelector(`.body`),this.shadowRoot.querySelector(`footer`),this.shadowRoot.querySelector(`.close-btn`)].filter(Boolean),t=this.shadowRoot.querySelector(`.header-morph-wrapper`),n=this.blurContent?`blur(12px)`:`blur(0px)`;l.fromTo(e,{opacity:1,filter:`blur(0px)`},{opacity:0,filter:n,duration:.12,ease:`power2.in`,onComplete:()=>{let n=this._panel;this._cleanupMorphElements();let r=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,i=this._shouldMorphLabel()&&!r,a=[],o=null;if(i){this._animateLabelClose(),o=this._resolveMorphSource();let e=this._measureHeaderTextRect(),t=this._measureHeaderIconRect(),n=window.getComputedStyle(this._header);if(o.text&&e){let t=this._createMorphText(o.text.content,o.text.sourceEl);this._positionElement(t,e),t.style.color=n.color||`var(--on-surface)`,t.style.fontSize=n.fontSize||`inherit`,t.style.fontWeight=n.fontWeight||`inherit`,t.style.lineHeight=n.lineHeight||`inherit`,a.push(t)}if(o.icon&&t){let e=this._createMorphIcon(o.icon.element);this._positionElement(e,t),e.style.color=n.color||`var(--on-surface)`,a.push(e)}a.length===0&&(i=!1)}i&&t&&(t.style.opacity=`0`);let s=X.getState(n,{props:`backgroundColor,borderRadius,color,boxShadow`}),c=X.getState(a,{props:`color,fontSize,fontWeight,lineHeight`}),u=this._getTargetState(this._targetEl),d;if(this.autoSize){let e=n.style.getPropertyValue(`--_panel-width`),t=n.style.getPropertyValue(`--_panel-height`),r=n.style.width,i=n.style.height;n.style.width=`auto`,n.style.height=`auto`,n.style.setProperty(`--_panel-width`,`max-content`),n.style.setProperty(`--_panel-height`,`max-content`);let a=this.shadowRoot.querySelector(`.body`),o=a?a.style.overflow:``;a&&(a.style.overflow=`visible`),d={width:this._inner.scrollWidth,height:this._inner.scrollHeight},n.style.setProperty(`--_panel-width`,e),n.style.setProperty(`--_panel-height`,t),n.style.width=r,n.style.height=i,a&&(a.style.overflow=o)}let f=this._computeFinalRect(u.rect,d);if(n.style.setProperty(`--_panel-width`,`${f.width}px`),n.style.setProperty(`--_panel-height`,`${f.height}px`),this._applyRect(n,u.rect),n.style.backgroundColor=u.backgroundColor,n.style.color=u.color,n.style.borderRadius=u.borderRadius,n.style.boxShadow=`none`,i&&o&&(this._morphEls.text&&o.text&&(this._positionElement(this._morphEls.text,o.text.rect),this._morphEls.text.style.color=window.getComputedStyle(o.text.sourceEl).color||`inherit`,this._morphEls.text.style.fontSize=window.getComputedStyle(o.text.sourceEl).fontSize||`inherit`,this._morphEls.text.style.fontWeight=window.getComputedStyle(o.text.sourceEl).fontWeight||`inherit`,this._morphEls.text.style.lineHeight=window.getComputedStyle(o.text.sourceEl).lineHeight||`inherit`),this._morphEls.icon&&o.icon&&(this._positionElement(this._morphEls.icon,o.icon.rect),this._morphEls.icon.style.color=window.getComputedStyle(o.icon.element).color||`inherit`)),X.from(s,{targets:n,duration:.3,ease:`morph-close`,zIndex:this._zIndex,onComplete:()=>{n.style.visibility=`hidden`,n.style.opacity=`0`,n.style.pointerEvents=`none`,this._visible=!1,this._handlingOpenChange=!0,this.open=!1,this._handlingOpenChange=!1,this._isAnimating=!1,this._panel.classList.remove(`is-animating`),this._panel.style.removeProperty(`--_panel-width`),this._panel.style.removeProperty(`--_panel-height`),this._cleanupMorphElements(),this._restoreTargetContent(),l.set(e,{clearProps:`opacity,transform,filter`}),t&&(t.style.opacity=`1`),this.style.removeProperty(`z-index`),this.style.removeProperty(`--_z-index`),this.style.removeProperty(`--_backdrop-duration`),this.style.removeProperty(`--_backdrop-ease`);let r=yt._openStack.indexOf(this);r>-1&&yt._openStack.splice(r,1)}}),a.length>0){this.blurContent&&l.set(a,{filter:`blur(0px)`});let e={targets:a,duration:.3,ease:`morph-close`,zIndex:this._zIndex+10};this.blurContent&&(e.filter=`blur(12px)`),X.from(c,e)}}})}toggle(){this._visible||this.open?this.hide():this.show()}_handleDocKeydown(e){e.key!==`Escape`||!this.closeOnEsc||yt._openStack[yt._openStack.length-1]===this&&(e.stopPropagation(),this.hide())}_hideTargetContent(){if(!this._targetEl)return;let e=(e,t)=>{this._targetStylesCache.has(e)||this._targetStylesCache.set(e,{opacity:e.style.opacity,color:e.style.color}),t===`opacity`&&(e.style.opacity=`0`),t===`color`&&(e.style.color=`transparent`)};if(this.hideTarget){e(this._targetEl,`opacity`);return}if(this._targetEl.tagName===`MONI-BUTTON`){let t=this._getMoniButtonParts();t.label&&e(t.label,`opacity`),t.icon&&e(t.icon,`opacity`),t.iconTrailing&&e(t.iconTrailing,`opacity`)}else{e(this._targetEl,`color`);let t=this._targetEl.querySelector(`moni-icon, svg, [class*="icon"]`);t&&e(t,`opacity`)}}_restoreTargetContent(){if(!this._targetEl)return;let e=e=>{if(this._targetStylesCache.has(e)){let t=this._targetStylesCache.get(e);e.style.opacity=t.opacity,e.style.color=t.color,this._targetStylesCache.delete(e)}};if(this.hideTarget){e(this._targetEl);return}if(this._targetEl.tagName===`MONI-BUTTON`){let t=this._getMoniButtonParts();t.label&&e(t.label),t.icon&&e(t.icon),t.iconTrailing&&e(t.iconTrailing)}else{e(this._targetEl);let t=this._targetEl.querySelector(`moni-icon, svg, [class*="icon"]`);t&&e(t)}}_onHeaderSlotChange(e){let t=e.target;this._hasHeader=t.assignedNodes({flatten:!0}).length>0}_onFooterSlotChange(e){let t=e.target;this._hasFooter=t.assignedNodes({flatten:!0}).length>0}_onTriggerLabelSlotChange(e){let t=e.target;this._hasTriggerLabel=t.assignedNodes({flatten:!0}).length>0}_getTriggerLabelNodes(){return(this.shadowRoot?.querySelector(`slot[name="trigger-label"]`))?.assignedNodes({flatten:!0})??[]}_shouldMorphLabel(){return this.morphLabel&&!!this._targetEl&&(this._hasHeader||this._hasTriggerLabel)}_cleanupMorphElements(){this._morphEls.text&&(this._morphEls.text.remove(),this._morphEls.text=null),this._morphEls.icon&&(this._morphEls.icon.remove(),this._morphEls.icon=null)}_animateLabelOpen(){}_animateLabelClose(){}_createMorphText(e,t){let n=document.createElement(`div`);n.className=`morph-text`,n.setAttribute(`data-flip-id`,`morph-text-${this.target}`),n.setAttribute(`aria-hidden`,`true`),n.textContent=e;let r=window.getComputedStyle(t);return n.style.position=`fixed`,n.style.pointerEvents=`none`,n.style.zIndex=String(this._zIndex+10),n.style.display=`inline-flex`,n.style.alignItems=r.alignItems===`normal`?`center`:r.alignItems,n.style.justifyContent=r.justifyContent===`normal`?`flex-start`:r.justifyContent,n.style.whiteSpace=`nowrap`,n.style.color=r.color||`inherit`,n.style.fontFamily=r.fontFamily||`inherit`,n.style.fontSize=r.fontSize||`inherit`,n.style.fontWeight=r.fontWeight||`inherit`,n.style.lineHeight=r.lineHeight||`inherit`,n.style.letterSpacing=r.letterSpacing||`inherit`,this.shadowRoot.appendChild(n),this._morphEls.text=n,n}_createMorphIcon(e){let t=document.createElement(`div`);if(t.className=`morph-icon`,t.setAttribute(`data-flip-id`,`morph-icon-${this.target}`),t.setAttribute(`aria-hidden`,`true`),e.tagName===`MONI-ICON`){let n=document.createElement(`span`);n.textContent=e.getAttribute(`name`)||``;let r=window.getComputedStyle(e);n.style.display=`inline-flex`,n.style.alignItems=`center`,n.style.justifyContent=`center`,n.style.fontFamily=r.fontFamily||`var(--font-icon)`,n.style.fontSize=r.fontSize||`1.125rem`,n.style.inlineSize=r.inlineSize||`1.125rem`,n.style.blockSize=r.blockSize||`1.125rem`,n.style.lineHeight=`1`,n.style.color=`inherit`,n.style.fontWeight=`normal`,n.style.fontStyle=`normal`,n.style.letterSpacing=`normal`,n.style.textTransform=`none`,n.style.whiteSpace=`nowrap`,n.style.wordWrap=`normal`,n.style.direction=`ltr`,n.style.fontFeatureSettings=`'liga'`,n.style.fontVariationSettings=`'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24`,n.style.setProperty(`-webkit-font-smoothing`,`antialiased`),t.appendChild(n)}else t.appendChild(e.cloneNode(!0));let n=window.getComputedStyle(e);return t.style.position=`fixed`,t.style.pointerEvents=`none`,t.style.zIndex=String(this._zIndex+10),t.style.display=`inline-flex`,t.style.alignItems=`center`,t.style.justifyContent=`center`,t.style.color=n.color||`inherit`,t.style.inlineSize=n.inlineSize||`1.125rem`,t.style.blockSize=n.blockSize||`1.125rem`,this.shadowRoot.appendChild(t),this._morphEls.icon=t,t}_positionElement(e,t){e.style.top=`${t.top}px`,e.style.left=`${t.left}px`,e.style.width=`${t.width}px`,e.style.height=`${t.height}px`}_getMoniButtonParts(){let e=this._targetEl?.shadowRoot;return{label:e?.querySelector(`[part="label"]`)??null,icon:e?.querySelector(`[part="icon"]`)??null,iconTrailing:e?.querySelector(`[part="icon-trailing"]`)??null}}_resolveMorphSource(){let e={text:null,icon:null};if(!this._targetEl)return e;if(this._hasTriggerLabel){let t=this._getTriggerLabelNodes();if(t.length>0){let n=document.createElement(`div`);for(let e of t)n.appendChild(e.cloneNode(!0));n.style.position=`fixed`,n.style.visibility=`hidden`,n.style.pointerEvents=`none`,this.shadowRoot.appendChild(n);let r=this._targetEl.getBoundingClientRect();n.remove(),e.text={content:n.textContent?.trim()||``,rect:r,sourceEl:this._targetEl}}return e}if(this._targetEl.tagName===`MONI-BUTTON`){let t=this._getMoniButtonParts();if(t.label&&(e.text={content:this._targetEl.textContent?.trim()||``,rect:t.label.getBoundingClientRect(),sourceEl:t.label}),t.icon){let n=t.icon.querySelector(`moni-icon, svg`)||t.icon;e.icon={element:n,rect:n.getBoundingClientRect()}}return e}let t=this._targetEl;if(this.morphLabelSelector){let e=this._targetEl.querySelector(this.morphLabelSelector);e&&(t=e)}let n=t.textContent?.trim()||``;n&&(e.text={content:n,rect:t.getBoundingClientRect(),sourceEl:t});let r=t.querySelector(`moni-icon, svg, [class*="icon"]`);return r&&(e.icon={element:r,rect:r.getBoundingClientRect()}),e}_measureHeaderTextRect(){if(!this._header)return null;let e=(this.shadowRoot?.querySelector(`slot[name="header"]`))?.assignedNodes({flatten:!0})??[];for(let t of e){if(t.nodeType===Node.TEXT_NODE&&t.textContent?.trim()){let e=document.createRange();return e.selectNode(t),e.getBoundingClientRect()}if(t.nodeType===Node.ELEMENT_NODE){let e=t;if(e.tagName===`MONI-ICON`||e.tagName===`SVG`)continue;let n=Array.from(e.childNodes);for(let e of n){if(e.nodeType===Node.TEXT_NODE&&e.textContent?.trim()){let t=document.createRange();return t.selectNode(e),t.getBoundingClientRect()}if(e.nodeType===Node.ELEMENT_NODE){let t=e;if(t.tagName!==`MONI-ICON`&&t.tagName!==`SVG`&&t.textContent?.trim())return t.getBoundingClientRect()}}if(e.textContent?.trim())return e.getBoundingClientRect()}}return this._header.getBoundingClientRect()}_measureHeaderIconRect(){let e=this._measureHeaderTextRect();if(!e)return null;let t=(this.shadowRoot?.querySelector(`slot[name="header"]`))?.assignedNodes({flatten:!0})??[];for(let e of t)if(e.nodeType===Node.ELEMENT_NODE){let t=e;if(t.tagName===`MONI-ICON`||t.tagName===`SVG`)return t.getBoundingClientRect();let n=t.querySelector(`moni-icon, svg`);if(n)return n.getBoundingClientRect()}return new DOMRect(e.left-24-12,e.top+e.height/2-12,24,24)}_findSolidBackground(e){let t=[e,...Array.from(e.querySelectorAll(`*`))];for(let e of t){let t=window.getComputedStyle(e).backgroundColor;if(!this._isColorTransparent(t))return t}if(e.shadowRoot){let t=Array.from(e.shadowRoot.querySelectorAll(`*`));for(let e of t){let t=window.getComputedStyle(e).backgroundColor;if(!this._isColorTransparent(t))return t}}return null}_getTargetState(e){let t=e.getBoundingClientRect(),n=e;if(e.tagName===`MONI-BUTTON`){let t=e.shadowRoot?.querySelector(`.button`);t&&(n=t)}let r=window.getComputedStyle(n).backgroundColor;if(this._isColorTransparent(r)){let e=window.getComputedStyle(n,`::before`).backgroundColor;if(!this._isColorTransparent(e))r=e;else{let e=window.getComputedStyle(n,`::after`).backgroundColor;if(!this._isColorTransparent(e))r=e;else{let e=this._findSolidBackground(n);e&&(r=e)}}}this._isColorTransparent(r)&&this._panel&&(r=window.getComputedStyle(this._panel).backgroundColor);let i=window.getComputedStyle(n);return{rect:t,backgroundColor:r,color:i.color||`var(--on-surface)`,borderRadius:i.borderRadius||`1.25rem`}}_isColorTransparent(e){if(!e)return!0;let t=e.replace(/\s/g,``).toLowerCase();return t===`rgba(0,0,0,0)`||t===`transparent`||t===``||t.includes(`,0)`)||t.includes(`/0)`)}_applyRect(e,t){e.style.top=`${t.top}px`,e.style.left=`${t.left}px`,e.style.width=`${t.width}px`,e.style.height=`${t.height}px`}_computeFinalRect(e,t){let n=window.innerWidth,r=window.innerHeight,i=this.autoSize&&t?t.width:this._parseSize(this.expandedWidth,n),a=this.autoSize&&t?t.height:this._parseSize(this.expandedHeight,r);i=Math.min(i,n-32),a=Math.min(a,r-32);let o=e.top,s=e.left;switch(this.placement){case`viewport-center`:s=n/2-i/2,o=r/2-a/2;break;case`viewport-top`:s=n/2-i/2,o=16;break;case`viewport-bottom`:s=n/2-i/2,o=r-a-16;break;case`viewport-left`:s=16,o=r/2-a/2;break;case`viewport-right`:s=n-i-16,o=r/2-a/2;break;case`viewport-top-left`:s=16,o=16;break;case`viewport-top-right`:s=n-i-16,o=16;break;case`viewport-bottom-left`:s=16,o=r-a-16;break;case`viewport-bottom-right`:s=n-i-16,o=r-a-16;break;case`center`:s=e.left+e.width/2-i/2,o=e.top+e.height/2-a/2;break;case`top`:s=e.left+e.width/2-i/2,o=this.coverTarget?e.top+e.height-a:e.top-a;break;case`top-start`:s=e.left+e.width-i,o=this.coverTarget?e.top+e.height-a:e.top-a;break;case`top-end`:s=e.left,o=this.coverTarget?e.top+e.height-a:e.top-a;break;case`bottom`:s=e.left+e.width/2-i/2,o=this.coverTarget?e.top:e.top+e.height;break;case`bottom-start`:s=e.left+e.width-i,o=this.coverTarget?e.top:e.top+e.height;break;case`bottom-end`:s=e.left,o=this.coverTarget?e.top:e.top+e.height;break;case`left`:s=this.coverTarget?e.left+e.width-i:e.left-i,o=e.top+e.height/2-a/2;break;case`left-start`:s=this.coverTarget?e.left+e.width-i:e.left-i,o=e.top+e.height-a;break;case`left-end`:s=this.coverTarget?e.left+e.width-i:e.left-i,o=e.top;break;case`right`:s=this.coverTarget?e.left:e.left+e.width,o=e.top+e.height/2-a/2;break;case`right-start`:s=this.coverTarget?e.left:e.left+e.width,o=e.top+e.height-a;break;case`right-end`:s=this.coverTarget?e.left:e.left+e.width,o=e.top}return s=Math.max(16,Math.min(s,n-i-16)),o=Math.max(16,Math.min(o,r-a-16)),new DOMRect(s,o,i,a)}_parseSize(e,t){let n=parseFloat(e);return Number.isNaN(n)?352:e.endsWith(`px`)?n:e.endsWith(`rem`)||e.endsWith(`em`)?n*16:e.endsWith(`%`)?n/100*t:e.endsWith(`vw`)?n/100*window.innerWidth:e.endsWith(`vh`)?n/100*window.innerHeight:n}static{this.styles=[a,r`
|
|
1
|
+
import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/query-SWT-tzvq.js";import"./moni-icon.js";import{t as l}from"../chunks/gsap-DWxn8li7.js";var u,d,f,p,m,h,g,_,v=`transform`,y=v+`Origin`,b,x=function(e){var t=e.ownerDocument||e;for(!(v in e.style)&&(`msTransform`in e.style)&&(v=`msTransform`,y=v+`Origin`);t.parentNode&&(t=t.parentNode););if(d=window,g=new P,t){u=t,f=t.documentElement,p=t.body,_=u.createElementNS(`http://www.w3.org/2000/svg`,`g`),_.style.transform=`none`;var n=t.createElement(`div`),r=t.createElement(`div`),i=t&&(t.body||t.firstElementChild);i&&i.appendChild&&(i.appendChild(n),n.appendChild(r),n.style.position=`static`,n.style.transform=`translate3d(0,0,1px)`,b=r.offsetParent!==n,i.removeChild(n))}return t},S=function(e){for(var t,n;e&&e!==p;)n=e._gsap,n&&n.uncache&&n.get(e,`x`),n&&!n.scaleX&&!n.scaleY&&n.renderTransform&&(n.scaleX=n.scaleY=1e-4,n.renderTransform(1,n),t?t.push(n):t=[n]),e=e.parentNode;return t},C=[],w=[],T=function(){return d.pageYOffset||u.scrollTop||f.scrollTop||p.scrollTop||0},E=function(){return d.pageXOffset||u.scrollLeft||f.scrollLeft||p.scrollLeft||0},D=function(e){return e.ownerSVGElement||((e.tagName+``).toLowerCase()===`svg`?e:null)},O=function e(t){if(d.getComputedStyle(t).position===`fixed`)return!0;if(t=t.parentNode,t&&t.nodeType===1)return e(t)},k=function e(t,n){if(t.parentNode&&(u||x(t))){var r=D(t),i=r?r.getAttribute(`xmlns`)||`http://www.w3.org/2000/svg`:`http://www.w3.org/1999/xhtml`,a=r?n?`rect`:`g`:`div`,o=n===2?100:0,s=n===3?100:0,c={position:`absolute`,display:`block`,pointerEvents:`none`,margin:`0`,padding:`0`},l=u.createElementNS?u.createElementNS(i.replace(/^https/,`http`),a):u.createElement(a);return n&&(r?(h||=e(t),l.setAttribute(`width`,.01),l.setAttribute(`height`,.01),l.setAttribute(`transform`,`translate(`+o+`,`+s+`)`),l.setAttribute(`fill`,`transparent`),h.appendChild(l)):(m||(m=e(t),Object.assign(m.style,c)),Object.assign(l.style,c,{width:`0.1px`,height:`0.1px`,top:s+`px`,left:o+`px`}),m.appendChild(l))),l}throw`Need document and parent.`},A=function(e){for(var t=new P,n=0;n<e.numberOfItems;n++)t.multiply(e.getItem(n).matrix);return t},j=function(e){var t=e.getCTM(),n;return t||(n=e.style[v],e.style[v]=`none`,e.appendChild(_),t=_.getCTM(),e.removeChild(_),n?e.style[v]=n:e.style.removeProperty(v.replace(/([A-Z])/g,`-$1`).toLowerCase())),t||g.clone()},M=function(e,t){var n=D(e),r=e===n,i=n?C:w,a=e.parentNode,o=a&&!n&&a.shadowRoot&&a.shadowRoot.appendChild?a.shadowRoot:a,s,c,l,u,f,p;if(e===d)return e;if(i.length||i.push(k(e,1),k(e,2),k(e,3)),s=n?h:m,n)r?(l=j(e),u=-l.e/l.a,f=-l.f/l.d,c=g):e.getBBox?(l=e.getBBox(),c=e.transform?e.transform.baseVal:{},c=c.numberOfItems?c.numberOfItems>1?A(c):c.getItem(0).matrix:g,u=c.a*l.x+c.c*l.y,f=c.b*l.x+c.d*l.y):(c=new P,u=f=0),t&&e.tagName.toLowerCase()===`g`&&(u=f=0),(r||!e.getBoundingClientRect().width?n:a).appendChild(s),s.setAttribute(`transform`,`matrix(`+c.a+`,`+c.b+`,`+c.c+`,`+c.d+`,`+(c.e+u)+`,`+(c.f+f)+`)`);else{if(u=f=0,b)for(c=e.offsetParent,l=e;(l&&=l.parentNode)&&l!==c&&l.parentNode;)(d.getComputedStyle(l)[v]+``).length>4&&(u=l.offsetLeft,f=l.offsetTop,l=0);if(p=d.getComputedStyle(e),p.position!==`absolute`&&p.position!==`fixed`)for(c=e.offsetParent;a&&a!==c;)u+=a.scrollLeft||0,f+=a.scrollTop||0,a=a.parentNode;l=s.style,l.top=e.offsetTop-f+`px`,l.left=e.offsetLeft-u+`px`,l[v]=p[v],l[y]=p[y],l.position=p.position===`fixed`?`fixed`:`absolute`,o.appendChild(s)}return s},N=function(e,t,n,r,i,a,o){return e.a=t,e.b=n,e.c=r,e.d=i,e.e=a,e.f=o,e},P=function(){function e(e,t,n,r,i,a){e===void 0&&(e=1),t===void 0&&(t=0),n===void 0&&(n=0),r===void 0&&(r=1),i===void 0&&(i=0),a===void 0&&(a=0),N(this,e,t,n,r,i,a)}var t=e.prototype;return t.inverse=function(){var e=this.a,t=this.b,n=this.c,r=this.d,i=this.e,a=this.f,o=e*r-t*n||1e-10;return N(this,r/o,-t/o,-n/o,e/o,(n*a-r*i)/o,-(e*a-t*i)/o)},t.multiply=function(e){var t=this.a,n=this.b,r=this.c,i=this.d,a=this.e,o=this.f,s=e.a,c=e.c,l=e.b,u=e.d,d=e.e,f=e.f;return N(this,s*t+l*r,s*n+l*i,c*t+u*r,c*n+u*i,a+d*t+f*r,o+d*n+f*i)},t.clone=function(){return new e(this.a,this.b,this.c,this.d,this.e,this.f)},t.equals=function(e){var t=this.a,n=this.b,r=this.c,i=this.d,a=this.e,o=this.f;return t===e.a&&n===e.b&&r===e.c&&i===e.d&&a===e.e&&o===e.f},t.apply=function(e,t){t===void 0&&(t={});var n=e.x,r=e.y,i=this.a,a=this.b,o=this.c,s=this.d,c=this.e,l=this.f;return t.x=n*i+r*o+c||0,t.y=n*a+r*s+l||0,t},e}();function F(e,t,n,r){if(!e||!e.parentNode||(u||x(e)).documentElement===e)return new P;var i=S(e),a=D(e)?C:w,o=M(e,n),s=a[0].getBoundingClientRect(),c=a[1].getBoundingClientRect(),l=a[2].getBoundingClientRect(),d=o.parentNode,f=!r&&O(e),p=new P((c.left-s.left)/100,(c.top-s.top)/100,(l.left-s.left)/100,(l.top-s.top)/100,s.left+(f?0:E()),s.top+(f?0:T()));if(d.removeChild(o),i)for(s=i.length;s--;)c=i[s],c.scaleX=c.scaleY=0,c.renderTransform(1,c);return t?p.inverse():p}var ee=1,I,L,R,z,B,V,H,U=function(e,t){return e.actions.forEach(function(e){return e.vars[t]&&e.vars[t](e)})},W={},G=180/Math.PI,te=Math.PI/180,K={},q={},ne={},re=function(e){return typeof e==`string`?e.split(` `).join(``).split(`,`):e},ie=re(`onStart,onUpdate,onComplete,onReverseComplete,onInterrupt`),ae=re(`transform,transformOrigin,width,height,position,top,left,opacity,zIndex,maxWidth,maxHeight,minWidth,minHeight`),J=function(e){return I(e)[0]||console.warn(`Element not found:`,e)},Y=function(e){return Math.round(e*1e4)/1e4||0},oe=function(e,t,n){return e.forEach(function(e){return e.classList[n](t)})},se={zIndex:1,kill:1,simple:1,spin:1,clearProps:1,targets:1,toggleClass:1,onComplete:1,onUpdate:1,onInterrupt:1,onStart:1,delay:1,repeat:1,repeatDelay:1,yoyo:1,scale:1,fade:1,absolute:1,props:1,onEnter:1,onLeave:1,custom:1,paused:1,nested:1,prune:1,absoluteOnLeave:1},ce={zIndex:1,simple:1,clearProps:1,scale:1,absolute:1,fitChild:1,getVars:1,props:1},le=function(e){return e.replace(/([A-Z])/g,`-$1`).toLowerCase()},ue=function(e,t){var n={},r;for(r in e)t[r]||(n[r]=e[r]);return n},de={},fe=function(e){var t=de[e]=re(e);return ne[e]=t.concat(ae),t},pe=function(e){var t=e._gsap||L.core.getCache(e);return t.gmCache===L.ticker.frame?t.gMatrix:(t.gmCache=L.ticker.frame,t.gMatrix=F(e,!0,!1,!0))},me=function e(t,n,r){r===void 0&&(r=0);for(var i=t.parentNode,a=1e3*10**r*(n?-1:1),o=n?-a*900:0;t;)o+=a,t=t.previousSibling;return i?o+e(i,n,r+1):o},he=function(e,t,n){return e.forEach(function(e){return e.d=me(n?e.element:e.t,t)}),e.sort(function(e,t){return e.d-t.d}),e},ge=function(e,t){for(var n=e.element.style,r=e.css=e.css||[],i=t.length,a,o;i--;)a=t[i],o=n[a]||n.getPropertyValue(a),r.push(o?a:q[a]||(q[a]=le(a)),o);return n},_e=function(e){var t=e.css,n=e.element.style,r=0;for(e.cache.uncache=1;r<t.length;r+=2)t[r+1]?n[t[r]]=t[r+1]:n.removeProperty(t[r]);!t[t.indexOf(`transform`)+1]&&n.translate&&(n.removeProperty(`translate`),n.removeProperty(`scale`),n.removeProperty(`rotate`))},ve=function(e,t){e.forEach(function(e){return e.a.cache.uncache=1}),t||e.finalStates.forEach(_e)},ye=`paddingTop,paddingRight,paddingBottom,paddingLeft,gridArea,transition`.split(`,`),be=function(e,t,n){var r=e.element,i=e.width,a=e.height,o=e.uncache,s=e.getProp,c=r.style,l=4,u,d,f;if(typeof t!=`object`&&(t=e),R&&n!==1)return R._abs.push({t:r,b:e,a:e,sd:0}),R._final.push(function(){return(e.cache.uncache=1)&&_e(e)}),r;for(d=s(`display`)===`none`,(!e.isVisible||d)&&(d&&(ge(e,[`display`]).display=t.display),e.matrix=t.matrix,e.width=i=e.width||t.width,e.height=a=e.height||t.height),ge(e,ye),f=window.getComputedStyle(r);l--;)c[ye[l]]=f[ye[l]];if(c.gridArea=`1 / 1 / 1 / 1`,c.transition=`none`,c.position=`absolute`,c.width=i+`px`,c.height=a+`px`,c.top||=`0px`,c.left||=`0px`,o)u=new Ue(r);else if(u=ue(e,K),u.position=`absolute`,e.simple){var p=r.getBoundingClientRect();u.matrix=new P(1,0,0,1,p.left+E(),p.top+T())}else u.matrix=F(r,!1,!1,!0);return u=Ae(u,e,!0),e.x=V(u.x,.01),e.y=V(u.y,.01),r},xe=function(e,t){return t!==!0&&(t=I(t),e=e.filter(function(e){if(t.indexOf((e.sd<0?e.b:e.a).element)!==-1)return!0;e.t._gsap.renderTransform(1),e.b.isVisible&&(e.t.style.width=e.b.width+`px`,e.t.style.height=e.b.height+`px`)})),e},Se=function(e){return he(e,!0).forEach(function(e){return(e.a.isVisible||e.b.isVisible)&&be(e.sd<0?e.b:e.a,e.b,1)})},Ce=function(e,t){return t&&e.idLookup[we(t).id]||e.elementStates[0]},we=function(e,t,n,r){return e instanceof Ue?e:e instanceof He?Ce(e,r):new Ue(typeof e==`string`?J(e)||console.warn(e+` not found`):e,t,n)},Te=function(e,t){for(var n=L.getProperty(e.element,null,`native`),r=e.props={},i=t.length;i--;)r[t[i]]=(n(t[i])+``).trim();return r.zIndex&&=parseFloat(r.zIndex)||0,e},Ee=function(e,t){var n=e.style||e,r;for(r in t)n[r]=t[r]},De=function(e){var t=e.getAttribute(`data-flip-id`);return t||e.setAttribute(`data-flip-id`,t=`auto-`+ee++),t},Oe=function(e){return e.map(function(e){return e.element})},ke=function(e,t,n){return e&&t.length&&n.add(e(Oe(t),n,new He(t,0,!0)),0)},Ae=function(e,t,n,r,i,a){var o=e.element,s=e.cache,c=e.parent,l=e.x,u=e.y,d=t.width,f=t.height,p=t.scaleX,m=t.scaleY,h=t.rotation,g=t.bounds,_=a&&H&&H(o,`transform,width,height`),v=e,y=t.matrix,b=y.e,x=y.f,S=e.bounds.width!==g.width||e.bounds.height!==g.height||e.scaleX!==p||e.scaleY!==m||e.rotation!==h,C=!S&&e.simple&&t.simple&&!i,w,T,E,D,O,k,A;return C||!c?(p=m=1,h=w=0):(O=pe(c),k=O.clone().multiply(t.ctm?t.matrix.clone().multiply(t.ctm):t.matrix),h=Y(Math.atan2(k.b,k.a)*G),w=Y(Math.atan2(k.c,k.d)*G+h)%360,p=Math.sqrt(k.a**2+k.b**2),m=Math.sqrt(k.c**2+k.d**2)*Math.cos(w*te),i&&(i=I(i)[0],D=L.getProperty(i),A=i.getBBox&&typeof i.getBBox==`function`&&i.getBBox(),v={scaleX:D(`scaleX`),scaleY:D(`scaleY`),width:A?A.width:Math.ceil(parseFloat(D(`width`,`px`))),height:A?A.height:parseFloat(D(`height`,`px`))}),s.rotation=h+`deg`,s.skewX=w+`deg`),n?(p*=d===v.width||!v.width?1:d/v.width,m*=f===v.height||!v.height?1:f/v.height,s.scaleX=p,s.scaleY=m):(d=V(d*p/v.scaleX,0),f=V(f*m/v.scaleY,0),o.style.width=d+`px`,o.style.height=f+`px`),r&&Ee(o,t.props),C||!c?(l+=b-e.matrix.e,u+=x-e.matrix.f):S||c!==t.parent?(s.x=l+`px`,s.y=u+`px`,s.renderTransform(1,s),k=F(i||o,!1,!1,!0),T=O.apply({x:k.e,y:k.f}),E=O.apply({x:b,y:x}),l+=E.x-T.x,u+=E.y-T.y):(O.e=O.f=0,E=O.apply({x:b-e.matrix.e,y:x-e.matrix.f}),l+=E.x,u+=E.y),l=V(l,.02),u=V(u,.02),a&&!(a instanceof Ue)?_&&_.revert():(s.x=l+`px`,s.y=u+`px`,s.renderTransform(1,s)),a&&(a.x=l,a.y=u,a.rotation=h,a.skewX=w,n?(a.scaleX=p,a.scaleY=m):(a.width=d,a.height=f)),a||s},je=function(e,t){return e instanceof He?e:new He(e,t)},Me=function(e,t,n){var r=e.idLookup[n],i=e.alt[n];return i.isVisible&&(!(t.getElementState(i.element)||i).isVisible||!r.isVisible)?i:r},Ne=[],Pe=`width,height,overflowX,overflowY`.split(`,`),Fe,Ie=function(e){if(e!==Fe){var t=B.style,n=B.clientWidth===window.outerWidth,r=B.clientHeight===window.outerHeight,i=4;if(e&&(n||r)){for(;i--;)Ne[i]=t[Pe[i]];n&&(t.width=B.clientWidth+`px`,t.overflowY=`hidden`),r&&(t.height=B.clientHeight+`px`,t.overflowX=`hidden`),Fe=e}else if(Fe){for(;i--;)Ne[i]?t[Pe[i]]=Ne[i]:t.removeProperty(le(Pe[i]));Fe=e}}},Le=function(e,t){for(var n=0;n<e.length;n+=3)L.set(e[n],{clearProps:!0}),e[n].setAttribute(`style`,e[n+t]),e[n]._gsap.gmCache=-1},Re=function(e,t,n,r){e instanceof He&&t instanceof He||console.warn(`Not a valid state object.`),n||={};var i=n,a=i.clearProps,o=i.onEnter,s=i.onLeave,c=i.absolute,l=i.absoluteOnLeave,u=i.custom,d=i.delay,f=i.paused,p=i.repeat,m=i.repeatDelay,h=i.yoyo,g=i.toggleClass,_=i.nested,v=i.zIndex,y=i.scale,b=i.fade,x=i.stagger,S=i.spin,C=i.prune,w=(`props`in n?n:e).props,T=ue(n,se),E=L.timeline({delay:d,paused:f,repeat:p,repeatDelay:m,yoyo:h,data:`isFlip`}),D=T,O=[],k=[],A=[],j=[],M=S===!0?1:S||0,N=typeof S==`function`?S:function(){return M},P=e.interrupted||t.interrupted,ee=E[r===1?`from`:`to`],I,z,B,V,H,U,W,G,te,K,q,re,J,Y;for(z in t.idLookup)q=t.alt[z]?Me(t,e,z):t.idLookup[z],H=q.element,K=e.idLookup[z],e.alt[z]&&H===K.element&&(e.alt[z].isVisible||!q.isVisible)&&(K=e.alt[z]),K?(U={t:H,b:K,a:q,sd:K.element===H?0:q.isVisible?1:-1},A.push(U),U.sd&&(U.sd<0&&(U.b=q,U.a=K),P&&ge(U.b,w?ne[w]:ae),b&&A.push(U.swap={t:K.element,b:U.b,a:U.a,sd:-U.sd,swap:U})),H._flip=K.element._flip=R?R.timeline:E):q.isVisible&&(A.push({t:H,b:ue(q,{isVisible:1}),a:q,sd:0,entering:1}),H._flip=R?R.timeline:E);if(w&&(de[w]||fe(w)).forEach(function(e){return T[e]=function(t){return A[t].a.props[e]}}),A.finalStates=te=[],re=function(){he(A),Ie(!0);var t=[];for(V=0;V<A.length;V++)U=A[V],J=U.a,Y=U.b,C&&!J.isDifferent(Y)&&!U.entering?A.splice(V--,1):(H=U.t,_&&!(U.sd<0)&&V&&(J=U.a=J.clone({matrix:F(H,!1,!1,!0)})),Y.isVisible&&J.isVisible?(U.sd<0?(_&&Le(t,1),W=new Ue(H,w,e.simple),Ae(W,J,y,0,0,W),W.matrix=F(H,!1,!1,!0),W.bounds=H.getBoundingClientRect(),W.css=U.b.css,U.a=J=W,b&&(H.style.opacity=P?Y.opacity:J.opacity),x&&j.push(H),_&&(Le(t,2),t.push(H,H.getAttribute(`style`)))):U.sd>0&&b&&(H.style.opacity=P?J.opacity-Y.opacity:`0`),Ae(J,Y,y,w),_&&U.sd<0&&t.push(H.getAttribute(`style`))):Y.isVisible!==J.isVisible&&(Y.isVisible?J.isVisible||(Y.css=J.css,k.push(Y),A.splice(V--,1),c&&_&&Ae(J,Y,y,w)):(J.isVisible&&O.push(J),A.splice(V--,1))),y||(H.style.maxWidth=Math.max(J.width,Y.width)+`px`,H.style.maxHeight=Math.max(J.height,Y.height)+`px`,H.style.minWidth=Math.min(J.width,Y.width)+`px`,H.style.minHeight=Math.min(J.height,Y.height)+`px`),_&&g&&H.classList.add(g)),te.push(J);var r;if(g&&(r=te.map(function(e){return e.element}),_&&r.forEach(function(e){return e.classList.remove(g)})),Ie(!1),y?(T.scaleX=function(e){return A[e].a.scaleX},T.scaleY=function(e){return A[e].a.scaleY}):(T.width=function(e){return A[e].a.width+`px`},T.height=function(e){return A[e].a.height+`px`},T.autoRound=n.autoRound||!1),T.x=function(e){return A[e].a.x+`px`},T.y=function(e){return A[e].a.y+`px`},T.rotation=function(e){return A[e].a.rotation+(S?N(e,G[e],G)*360:0)},T.skewX=function(e){return A[e].a.skewX},G=A.map(function(e){return e.t}),(v||v===0)&&(T.modifiers={zIndex:function(){return v}},T.zIndex=v,T.immediateRender=n.immediateRender!==!1),b&&(T.opacity=function(e){return A[e].sd<0?0:A[e].sd>0?A[e].a.opacity:`+=0`}),j.length){x=L.utils.distribute(x);var i=G.slice(j.length);T.stagger=function(e,t){return x(~j.indexOf(t)?G.indexOf(A[e].swap.t):e,t,i)}}if(ie.forEach(function(e){return n[e]&&E.eventCallback(e,n[e],n[e+`Params`])}),u&&G.length)for(z in D=ue(T,se),`scale`in u&&(u.scaleX=u.scaleY=u.scale,delete u.scale),u)I=ue(u[z],ce),I[z]=T[z],!(`duration`in I)&&`duration`in T&&(I.duration=T.duration),I.stagger=T.stagger,ee.call(E,G,I,0),delete D[z];(G.length||k.length||O.length)&&(g&&E.add(function(){return oe(r,g,E._zTime<0?`remove`:`add`)},0)&&!f&&oe(r,g,`add`),G.length&&ee.call(E,G,D,0)),ke(o,O,E),ke(s,k,E);var l=R&&R.timeline;l&&(l.add(E,0),R._final.push(function(){return ve(A,!a)})),B=E.duration(),E.call(function(){var e=E.time()>=B;e&&!l&&ve(A,!a),g&&oe(r,g,e?`remove`:`add`)})},l&&(c=A.filter(function(e){return!e.sd&&!e.a.isVisible&&e.b.isVisible}).map(function(e){return e.a.element})),R){var le;c&&(le=R._abs).push.apply(le,xe(A,c)),R._run.push(re)}else c&&Se(xe(A,c)),re();var pe=R?R.timeline:E;return pe.revert=function(){return Be(pe,1,1)},pe},ze=function e(t){t.vars.onInterrupt&&t.vars.onInterrupt.apply(t,t.vars.onInterruptParams||[]),t.getChildren(!0,!1,!0).forEach(e)},Be=function(e,t,n){if(e&&e.progress()<1&&(!e.paused()||n))return t&&(ze(e),t<2&&e.progress(1),e.kill()),!0},Ve=function(e){for(var t=e.idLookup={},n=e.alt={},r=e.elementStates,i=r.length,a;i--;)a=r[i],t[a.id]?n[a.id]=a:t[a.id]=a},He=function(){function e(e,t,n){if(this.props=t&&t.props,this.simple=!!(t&&t.simple),n)this.targets=Oe(e),this.elementStates=e,Ve(this);else{this.targets=I(e);var r=t&&(t.kill===!1||t.batch&&!t.kill);R&&!r&&R._kill.push(this),this.update(r||!!R)}}var t=e.prototype;return t.update=function(e){var t=this;return this.elementStates=this.targets.map(function(e){return new Ue(e,t.props,t.simple)}),Ve(this),this.interrupt(e),this.recordInlineStyles(),this},t.clear=function(){return this.targets.length=this.elementStates.length=0,Ve(this),this},t.fit=function(e,t,n){for(var r=he(this.elementStates.slice(0),!1,!0),i=(e||this).idLookup,a=0,o,s;a<r.length;a++)o=r[a],n&&(o.matrix=F(o.element,!1,!1,!0)),s=i[o.id],s&&Ae(o,s,t,!0,0,o),o.matrix=F(o.element,!1,!1,!0);return this},t.getProperty=function(e,t){var n=this.getElementState(e)||K;return(t in n?n:n.props||K)[t]},t.add=function(e){for(var t=e.targets.length,n=this.idLookup,r=this.alt,i,a,o;t--;)a=e.elementStates[t],o=n[a.id],o&&(a.element===o.element||r[a.id]&&r[a.id].element===a.element)?(i=this.elementStates.indexOf(a.element===o.element?o:r[a.id]),this.targets.splice(i,1,e.targets[t]),this.elementStates.splice(i,1,a)):(this.targets.push(e.targets[t]),this.elementStates.push(a));return e.interrupted&&(this.interrupted=!0),e.simple||(this.simple=!1),Ve(this),this},t.compare=function(e){var t=e.idLookup,n=this.idLookup,r=[],i=[],a=[],o=[],s=[],c=e.alt,l=this.alt,u=function(e,t,n){return(e.isVisible===t.isVisible?e.isVisible?i:r:e.isVisible?a:o).push(n)&&s.push(n)},d=function(e,t,n){return s.indexOf(n)<0&&u(e,t,n)},f,p,m,h,g,_,v,y;for(m in t)g=c[m],_=l[m],f=g?Me(e,this,m):t[m],h=f.element,p=n[m],_?(y=p.isVisible||!_.isVisible&&h===p.element?p:_,v=g&&!f.isVisible&&!g.isVisible&&y.element===g.element?g:f,v.isVisible&&y.isVisible&&v.element!==y.element?((v.isDifferent(y)?i:r).push(v.element,y.element),s.push(v.element,y.element)):u(v,y,v.element),g&&v.element===g.element&&(g=t[m]),d(v.element!==p.element&&g?g:v,p,p.element),d(g&&g.element===_.element?g:v,_,_.element),g&&d(g,_.element===g.element?_:p,g.element)):(p?p.isDifferent(f)?u(f,p,h):r.push(h):a.push(h),g&&d(g,p,g.element));for(m in n)t[m]||(o.push(n[m].element),l[m]&&o.push(l[m].element));return{changed:i,unchanged:r,enter:a,leave:o}},t.recordInlineStyles=function(){for(var e=ne[this.props]||ae,t=this.elementStates.length;t--;)ge(this.elementStates[t],e)},t.interrupt=function(e){var t=this,n=[];this.targets.forEach(function(r){var i=r._flip,a=Be(i,+!e);e&&a&&n.indexOf(i)<0&&i.add(function(){return t.updateVisibility()}),a&&n.push(i)}),!e&&n.length&&this.updateVisibility(),this.interrupted||=!!n.length},t.updateVisibility=function(){this.elementStates.forEach(function(e){var t=e.element.getBoundingClientRect();e.isVisible=!!(t.width||t.height||t.top||t.left),e.uncache=1})},t.getElementState=function(e){return this.elementStates[this.targets.indexOf(J(e))]},t.makeAbsolute=function(){return he(this.elementStates.slice(0),!0,!0).map(be)},e}(),Ue=function(){function e(t,n,r){t instanceof e?Object.assign(this,t,n||{}):(this.element=t,this.update(n,r))}var t=e.prototype;return t.isDifferent=function(e){var t=this.bounds,n=e.bounds;return t.top!==n.top||t.left!==n.left||t.width!==n.width||t.height!==n.height||!this.matrix.equals(e.matrix)||this.opacity!==e.opacity||this.props&&e.props&&JSON.stringify(this.props)!==JSON.stringify(e.props)},t.clone=function(t){return new e(this,t)},t.update=function(e,t){var n=this,r=n.element,i=L.getProperty(r),a=L.core.getCache(r),o=r.getBoundingClientRect(),s=r.getBBox&&typeof r.getBBox==`function`&&r.nodeName.toLowerCase()!==`svg`&&r.getBBox(),c=t?new P(1,0,0,1,o.left+E(),o.top+T()):F(r,!1,!1,!0);a.uncache=1,n.getProp=i,n.element=r,n.id=De(r),n.matrix=c,n.cache=a,n.bounds=o,n.isVisible=!!(o.width||o.height||o.left||o.top),n.display=i(`display`),n.position=i(`position`),n.parent=r.parentNode,n.x=i(`x`,`px`),n.y=i(`y`,`px`),n.scaleX=a.scaleX,n.scaleY=a.scaleY,n.rotation=i(`rotation`),n.skewX=i(`skewX`),n.opacity=i(`opacity`),n.width=s?s.width:V(i(`width`,`px`),.04),n.height=s?s.height:V(i(`height`,`px`),.04),e&&Te(n,de[e]||fe(e)),n.ctm=r.getCTM&&r.nodeName.toLowerCase()===`svg`&&j(r).inverse(),n.simple=t||Y(c.a)===1&&!Y(c.b)&&!Y(c.c)&&Y(c.d)===1,n.uncache=0},e}(),We=function(){function e(e,t){this.vars=e,this.batch=t,this.states=[],this.timeline=t.timeline}var t=e.prototype;return t.getStateById=function(e){for(var t=this.states.length;t--;)if(this.states[t].idLookup[e])return this.states[t]},t.kill=function(){this.batch.remove(this)},e}(),Ge=function(){function e(e){this.id=e,this.actions=[],this._kill=[],this._final=[],this._abs=[],this._run=[],this.data={},this.state=new He,this.timeline=L.timeline()}var t=e.prototype;return t.add=function(e){var t=this.actions.filter(function(t){return t.vars===e});return t.length?t[0]:(t=new We(typeof e==`function`?{animate:e}:e,this),this.actions.push(t),t)},t.remove=function(e){var t=this.actions.indexOf(e);return t>=0&&this.actions.splice(t,1),this},t.getState=function(e){var t=this,n=R,r=z;return R=this,this.state.clear(),this._kill.length=0,this.actions.forEach(function(n){n.vars.getState&&(n.states.length=0,z=n,n.state=n.vars.getState(n)),e&&n.states.forEach(function(e){return t.state.add(e)})}),z=r,R=n,this.killConflicts(),this},t.animate=function(){var e=this,t=R,n=this.timeline,r=this.actions.length,i,a;for(R=this,n.clear(),this._abs.length=this._final.length=this._run.length=0,this.actions.forEach(function(e){e.vars.animate&&e.vars.animate(e);var t=e.vars.onEnter,n=e.vars.onLeave,r=e.targets,i,a;r&&r.length&&(t||n)&&(i=new He,e.states.forEach(function(e){return i.add(e)}),a=i.compare(X.getState(r)),a.enter.length&&t&&t(a.enter),a.leave.length&&n&&n(a.leave))}),Se(this._abs),this._run.forEach(function(e){return e()}),a=n.duration(),i=this._final.slice(0),n.add(function(){a<=n.time()&&(i.forEach(function(e){return e()}),U(e,`onComplete`))}),R=t;r--;)this.actions[r].vars.once&&this.actions[r].kill();return U(this,`onStart`),n.restart(),this},t.loadState=function(e){e||=function(){return 0};var t=[];return this.actions.forEach(function(n){if(n.vars.loadState){var r,i=function i(a){a&&(n.targets=a),r=t.indexOf(i),~r&&(t.splice(r,1),t.length||e())};t.push(i),n.vars.loadState(i)}}),t.length||e(),this},t.setState=function(){return this.actions.forEach(function(e){return e.targets=e.vars.setState&&e.vars.setState(e)}),this},t.killConflicts=function(e){return this.state.interrupt(e),this._kill.forEach(function(t){return t.interrupt(e)}),this},t.run=function(e,t){var n=this;return this!==R&&(e||this.getState(t),this.loadState(function(){n._killed||(n.setState(),n.animate())})),this},t.clear=function(e){this.state.clear(),e||(this.actions.length=0)},t.getStateById=function(e){for(var t=this.actions.length,n;t--;)if(n=this.actions[t].getStateById(e),n)return n;return this.state.idLookup[e]&&this.state},t.kill=function(){this._killed=1,this.clear(),delete W[this.id]},e}(),X=function(){function e(){}return e.getState=function(t,n){var r=je(t,n);return z&&z.states.push(r),n&&n.batch&&e.batch(n.batch).state.add(r),r},e.from=function(e,t){return t||={},`clearProps`in t||(t.clearProps=!0),Re(e,je(t.targets||e.targets,{props:t.props||e.props,simple:t.simple,kill:!!t.kill}),t,-1)},e.to=function(e,t){return Re(e,je(t.targets||e.targets,{props:t.props||e.props,simple:t.simple,kill:!!t.kill}),t,1)},e.fromTo=function(e,t,n){return Re(e,t,n)},e.fit=function(e,t,n){var r=n?ue(n,ce):{},i=n||r,a=i.absolute,o=i.scale,s=i.getVars,c=i.props,l=i.runBackwards,u=i.onComplete,d=i.simple,f=n&&n.fitChild&&J(n.fitChild),p=we(t,c,d,e),m=we(e,0,d,p),h=c?ne[c]:ae,g=L.context();return c&&Ee(r,p.props),ge(m,h),l&&(`immediateRender`in r||(r.immediateRender=!0),r.onComplete=function(){_e(m),u&&u.apply(this,arguments)}),a&&be(m,p),r=Ae(m,p,o||f,!r.duration&&c,f,r.duration||s?r:0),typeof n==`object`&&`zIndex`in n&&(r.zIndex=n.zIndex),g&&!s&&g.add(function(){return function(){return _e(m)}}),s?r:r.duration?L.to(m.element,r):null},e.makeAbsolute=function(e,t){return(e instanceof He?e:new He(e,t)).makeAbsolute()},e.batch=function(e){return e||=`default`,W[e]||(W[e]=new Ge(e))},e.killFlipsOf=function(e,t){(e instanceof He?e.targets:I(e)).forEach(function(e){return e&&Be(e._flip,t===!1?2:1)})},e.isFlipping=function(t){var n=e.getByTarget(t);return!!n&&n.isActive()},e.getByTarget=function(e){return(J(e)||K)._flip},e.getElementState=function(e,t){return new Ue(J(e),t)},e.convertCoordinates=function(e,t,n){var r=F(t,!0,!0).multiply(F(e));return n?r.apply(n):r},e.register=function(e){if(B=typeof document<`u`&&document.body,B){L=e,x(B),I=L.utils.toArray,H=L.core.getStyleSaver;var t=L.utils.snap(.1);V=function(e,n){return t(parseFloat(e)+n)}}},e}();X.version=`3.15.0`,typeof window<`u`&&window.gsap&&window.gsap.registerPlugin(X);var Ke=/[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,qe=/[\+\-]?\d*\.?\d+e[\+\-]?\d+/gi,Je=Math.PI/180;180/Math.PI;var Ye=Math.sin,Xe=Math.cos,Ze=Math.abs,Qe=Math.sqrt,$e=function(e){return typeof e==`number`},et=1e5,tt=function(e){return Math.round(e*et)/et||0},nt=function(e){return e.closed=Math.abs(e[0]-e[e.length-2])<.001&&Math.abs(e[1]-e[e.length-1])<.001};function rt(e,t,n,r,i,a,o){for(var s=e.length,c,l,u,d,f;--s>-1;)for(c=e[s],l=c.length,u=0;u<l;u+=2)d=c[u],f=c[u+1],c[u]=d*t+f*r+a,c[u+1]=d*n+f*i+o;return e._dirty=1,e}function it(e,t,n,r,i,a,o,s,c){if(e!==s||t!==c){n=Ze(n),r=Ze(r);var l=i%360*Je,u=Xe(l),d=Ye(l),f=Math.PI,p=f*2,m=(e-s)/2,h=(t-c)/2,g=u*m+d*h,_=-d*m+u*h,v=g*g,y=_*_,b=v/(n*n)+y/(r*r);b>1&&(n=Qe(b)*n,r=Qe(b)*r);var x=n*n,S=r*r,C=(x*S-x*y-S*v)/(x*y+S*v);C<0&&(C=0);var w=(a===o?-1:1)*Qe(C),T=w*(n*_/r),E=w*-(r*g/n),D=(e+s)/2,O=(t+c)/2,k=D+(u*T-d*E),A=O+(d*T+u*E),j=(g-T)/n,M=(_-E)/r,N=(-g-T)/n,P=(-_-E)/r,F=j*j+M*M,ee=(M<0?-1:1)*Math.acos(j/Qe(F)),I=(j*P-M*N<0?-1:1)*Math.acos((j*N+M*P)/Qe(F*(N*N+P*P)));isNaN(I)&&(I=f),!o&&I>0?I-=p:o&&I<0&&(I+=p),ee%=p,I%=p;var L=Math.ceil(Ze(I)/(p/4)),R=[],z=I/L,B=4/3*Ye(z/2)/(1+Xe(z/2)),V=u*n,H=d*n,U=d*-r,W=u*r,G;for(G=0;G<L;G++)i=ee+G*z,g=Xe(i),_=Ye(i),j=Xe(i+=z),M=Ye(i),R.push(g-B*_,_+B*g,j+B*M,M-B*j,j,M);for(G=0;G<R.length;G+=2)g=R[G],_=R[G+1],R[G]=g*V+_*U+k,R[G+1]=g*H+_*W+A;return R[G-2]=s,R[G-1]=c,R}}function at(e){var t=(e+``).replace(qe,function(e){var t=+e;return t<1e-4&&t>-1e-4?0:t}).match(Ke)||[],n=[],r=0,i=0,a=2/3,o=t.length,s=0,c=`ERROR: malformed path: `+e,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w=function(e,t,n,r){v=(n-e)/3,y=(r-t)/3,h.push(e+v,t+y,n-v,r-y,n,r)};if(!e||!isNaN(t[0])||isNaN(t[1]))return console.log(c),n;for(l=0;l<o;l++)if(x=p,isNaN(t[l])?(p=t[l].toUpperCase(),m=p!==t[l]):l--,d=+t[l+1],f=+t[l+2],m&&(d+=r,f+=i),l||(g=d,_=f),p===`M`)h&&(h.length<8?--n.length:s+=h.length,nt(h)),r=g=d,i=_=f,h=[d,f],n.push(h),l+=2,p=`L`;else if(p===`C`)h||=[0,0],m||(r=i=0),h.push(d,f,r+t[l+3]*1,i+t[l+4]*1,r+=t[l+5]*1,i+=t[l+6]*1),l+=6;else if(p===`S`)v=r,y=i,(x===`C`||x===`S`)&&(v+=r-h[h.length-4],y+=i-h[h.length-3]),m||(r=i=0),h.push(v,y,d,f,r+=t[l+3]*1,i+=t[l+4]*1),l+=4;else if(p===`Q`)v=r+(d-r)*a,y=i+(f-i)*a,m||(r=i=0),r+=t[l+3]*1,i+=t[l+4]*1,h.push(v,y,r+(d-r)*a,i+(f-i)*a,r,i),l+=4;else if(p===`T`)v=r-h[h.length-4],y=i-h[h.length-3],h.push(r+v,i+y,d+(r+v*1.5-d)*a,f+(i+y*1.5-f)*a,r=d,i=f),l+=2;else if(p===`H`)w(r,i,r=d,i),l+=1;else if(p===`V`)w(r,i,r,i=d+(m?i-r:0)),l+=1;else if(p===`L`||p===`Z`)p===`Z`&&(d=g,f=_,h.closed=!0),(p===`L`||Ze(r-d)>.5||Ze(i-f)>.5)&&(w(r,i,d,f),p===`L`&&(l+=2)),r=d,i=f;else if(p===`A`){if(S=t[l+4],C=t[l+5],v=t[l+6],y=t[l+7],u=7,S.length>1&&(S.length<3?(y=v,v=C,u--):(y=C,v=S.substr(2),u-=2),C=S.charAt(1),S=S.charAt(0)),b=it(r,i,+t[l+1],+t[l+2],+t[l+3],+S,+C,(m?r:0)+v*1,(m?i:0)+y*1),l+=u,b)for(u=0;u<b.length;u++)h.push(b[u]);r=h[h.length-2],i=h[h.length-1]}else console.log(c);return l=h.length,l<6?(n.pop(),l=0):nt(h),n.totalPoints=s+l,n}function ot(e){$e(e[0])&&(e=[e]);var t=``,n=e.length,r,i,a,o;for(i=0;i<n;i++){for(o=e[i],t+=`M`+tt(o[0])+`,`+tt(o[1])+` C`,r=o.length,a=2;a<r;a++)t+=tt(o[a++])+`,`+tt(o[a++])+` `+tt(o[a++])+`,`+tt(o[a++])+` `+tt(o[a++])+`,`+tt(o[a])+` `;o.closed&&(t+=`z`)}return t}var Z,st,ct=function(){return Z||typeof window<`u`&&(Z=window.gsap)&&Z.registerPlugin&&Z},lt=function(){Z=ct(),Z?(Z.registerEase(`_CE`,vt.create),st=1):console.warn(`Please gsap.registerPlugin(CustomEase)`)},ut=0x56bc75e2d63100000,dt=function(e){return~~(e*1e3+(e<0?-.5:.5))/1e3},ft=1,pt=/[-+=.]*\d+[.e\-+]*\d*[e\-+]*\d*/gi,mt=/[cLlsSaAhHvVtTqQ]/g,ht=function(e){var t=e.length,n=ut,r;for(r=1;r<t;r+=6)+e[r]<n&&(n=+e[r]);return n},gt=function(e,t,n){!n&&n!==0&&(n=Math.max(+e[e.length-1],+e[1]));var r=e[0]*-1,i=-n,a=e.length,o=1/(+e[a-2]+r),s=-t||(Math.abs(e[a-1]-+e[1])<.01*(e[a-2]-+e[0])?ht(e)+i:+e[a-1]+i),c;for(s=s?1/s:-o,c=0;c<a;c+=2)e[c]=(+e[c]+r)*o,e[c+1]=(+e[c+1]+i)*s},_t=function e(t,n,r,i,a,o,s,c,l,u,d){var f=(t+r)/2,p=(n+i)/2,m=(r+a)/2,h=(i+o)/2,g=(a+s)/2,_=(o+c)/2,v=(f+m)/2,y=(p+h)/2,b=(m+g)/2,x=(h+_)/2,S=(v+b)/2,C=(y+x)/2,w=s-t,T=c-n,E=Math.abs((r-s)*T-(i-c)*w),D=Math.abs((a-s)*T-(o-c)*w),O;return u||(u=[{x:t,y:n},{x:s,y:c}],d=1),u.splice(d||u.length-1,0,{x:S,y:C}),(E+D)*(E+D)>l*(w*w+T*T)&&(O=u.length,e(t,n,f,p,v,y,S,C,l,u,d),e(S,C,b,x,g,_,s,c,l,u,d+1+(u.length-O))),u},vt=function(){function e(e,t,n){st||lt(),this.id=e,ft&&this.setData(t,n)}var t=e.prototype;return t.setData=function(e,t){t||={},e||=`0,0,1,1`;var n=e.match(pt),r=1,i=[],a=[],o=t.precision||1,s=o<=1,c,l,u,d,f,p,m,h,g;if(this.data=e,(mt.test(e)||~e.indexOf(`M`)&&e.indexOf(`C`)<0)&&(n=at(e)[0]),c=n.length,c===4)n.unshift(0,0),n.push(1,1),c=8;else if((c-2)%6)throw`Invalid CustomEase`;for((+n[0]!=0||+n[c-2]!=1)&>(n,t.height,t.originY),this.segment=n,d=2;d<c;d+=6)l={x:+n[d-2],y:+n[d-1]},u={x:+n[d+4],y:+n[d+5]},i.push(l,u),_t(l.x,l.y,+n[d],+n[d+1],+n[d+2],+n[d+3],u.x,u.y,1/(o*2e5),i,i.length-1);for(c=i.length,d=0;d<c;d++)m=i[d],h=i[d-1]||m,(m.x>h.x||h.y!==m.y&&h.x===m.x||m===h)&&m.x<=1?(h.cx=m.x-h.x,h.cy=m.y-h.y,h.n=m,h.nx=m.x,s&&d>1&&Math.abs(h.cy/h.cx-i[d-2].cy/i[d-2].cx)>2&&(s=0),h.cx<r&&(h.cx?r=h.cx:(h.cx=.001,d===c-1&&(h.x-=.001,r=Math.min(r,.001),s=0)))):(i.splice(d--,1),c--);if(c=1/r+1|0,f=1/c,p=0,m=i[0],s){for(d=0;d<c;d++)g=d*f,m.nx<g&&(m=i[++p]),l=m.y+(g-m.x)/m.cx*m.cy,a[d]={x:g,cx:f,y:l,cy:0,nx:9},d&&(a[d-1].cy=l-a[d-1].y);p=i[i.length-1],a[c-1].cy=p.y-l,a[c-1].cx=p.x-a[a.length-1].x}else{for(d=0;d<c;d++)m.nx<d*f&&(m=i[++p]),a[d]=m;p<i.length-1&&(a[d-1]=i[i.length-2])}return this.ease=function(e){var t=a[e*c|0]||a[c-1];return t.nx<e&&(t=t.n),t.y+(e-t.x)/t.cx*t.cy},this.ease.custom=this,this.id&&Z&&Z.registerEase(this.id,this.ease),this},t.getSVGData=function(t){return e.getSVGData(this,t)},e.create=function(t,n,r){return new e(t,n,r).ease},e.register=function(e){Z=e,lt()},e.get=function(e){return Z.parseEase(e)},e.getSVGData=function(t,n){n||={};var r=n.width||100,i=n.height||100,a=n.x||0,o=(n.y||0)+i,s=Z.utils.toArray(n.path)[0],c,l,u,d,f,p,m,h,g,_;if(n.invert&&(i=-i,o=0),typeof t==`string`&&(t=Z.parseEase(t)),t.custom&&(t=t.custom),t instanceof e)c=ot(rt([t.segment.slice(0)],r,0,0,-i,a,o));else{for(c=[a,o],m=Math.max(5,(n.precision||1)*200),d=1/m,m+=2,h=5/m,g=dt(a+d*r),_=dt(o+t(d)*-i),l=(_-o)/(g-a),u=2;u<m;u++)f=dt(a+u*d*r),p=dt(o+t(u*d)*-i),(Math.abs((p-_)/(f-g)-l)>h||u===m-1)&&(c.push(g,_),l=(p-_)/(f-g)),g=f,_=p;c=`M`+c.join(`,`)}return s&&s.setAttribute(`d`,c),c},e}();vt.version=`3.15.0`,vt.headless=!0,ct()&&Z.registerPlugin(vt);var yt;l.registerPlugin(X,vt),vt.create(`morph-open`,`0.15, 0.85, 0.2, 1`),vt.create(`morph-close`,`0.4, 0, 0.2, 1`);var Q={fromAttribute:e=>e!==`false`&&e!==null,toAttribute:e=>e?``:null},$=class extends n{static{yt=this}constructor(...e){super(...e),this.target=``,this.open=!1,this.modal=!0,this.placement=`center`,this.expandedWidth=`22rem`,this.expandedHeight=`18rem`,this.closeOnClickOutside=!0,this.closeOnEsc=!0,this.showCloseButton=!1,this.morphLabel=!1,this.morphLabelSelector=``,this.hasBackdrop=!0,this.hideTarget=!1,this.coverTarget=!1,this.autoSize=!1,this.blurContent=!1,this.debug=!1,this._hasHeader=!1,this._hasFooter=!1,this._hasTriggerLabel=!1,this._targetEl=null,this._isAnimating=!1,this._visible=!1,this._handlingOpenChange=!1,this._zIndex=100,this._morphEls={text:null,icon:null},this._targetSnapshot=null,this._originFallbacks=[],this._targetStylesCache=new Map,this._onTargetClick=()=>this.show(),this._onDocKeydown=e=>this._handleDocKeydown(e),this._onDocClick=e=>{!this.open||!this._visible||!this.closeOnClickOutside||e.composedPath().includes(this._panel)||this._targetEl&&e.composedPath().includes(this._targetEl)||this.hide()}}static{this._openStack=[]}connectedCallback(){super.connectedCallback(),this._resolveTarget(),document.addEventListener(`keydown`,this._onDocKeydown),document.addEventListener(`click`,this._onDocClick)}disconnectedCallback(){document.removeEventListener(`keydown`,this._onDocKeydown),document.removeEventListener(`click`,this._onDocClick),this._targetEl&&this._targetEl.removeEventListener(`click`,this._onTargetClick);let e=yt._openStack.indexOf(this);e>-1&&yt._openStack.splice(e,1),this.style.removeProperty(`z-index`),this.style.removeProperty(`--_z-index`),this.style.removeProperty(`--_backdrop-duration`),this.style.removeProperty(`--_backdrop-ease`),this._cleanupMorphElements(),this._restoreTargetContent(),super.disconnectedCallback()}updated(e){super.updated(e),e.has(`target`)&&this._resolveTarget(),e.has(`open`)&&!this._handlingOpenChange&&(this.open?this.show():this.hide())}_resolveTarget(){if(!this.target)return;let e=document.querySelector(this.target);e&&(this._targetEl&&this._targetEl!==e&&this._targetEl.removeEventListener(`click`,this._onTargetClick),this._targetEl=e,this._targetEl.addEventListener(`click`,this._onTargetClick))}show(){if(!(this._isAnimating||this._visible)){if(this._targetEl||this._resolveTarget(),!this._targetEl){console.warn(`[moni-morph-modal] cannot show: target not found`);return}this._captureOriginFallbacks(this._targetEl),this._isAnimating=!0,this._handlingOpenChange=!0,this.open=!0,this._handlingOpenChange=!1,yt._openStack.push(this),this._zIndex=1e3+yt._openStack.length,this.style.zIndex=String(this._zIndex),this.style.setProperty(`--_z-index`,String(this._zIndex)),this.style.setProperty(`--_backdrop-duration`,`0.38s`),this.style.setProperty(`--_backdrop-ease`,`cubic-bezier(0.15, 0.85, 0.2, 1)`),this._backdrop&&l.set(this._backdrop,{clearProps:`opacity,transition`}),this._hideTargetContent(),this.updateComplete.then(async()=>{if(!this._targetEl||!this._panel||!this._inner){this._isAnimating=!1;return}this._panel.classList.add(`is-animating`),await new Promise(e=>requestAnimationFrame(e));let e=this._getTargetState(this._targetEl);this._debugMorph(`open`,this._targetEl,`target`,[this._targetEl]);let t=this._panel;this._applyRect(t,this._toPanelCoordinateRect(e.rect)),t.style.backgroundColor=e.backgroundColor,t.style.color=e.color,t.style.borderRadius=e.borderRadius,t.style.boxShadow=e.boxShadow,t.style.zIndex=String(this._zIndex),t.style.visibility=`visible`,t.style.opacity=`1`,t.style.pointerEvents=`auto`,this._backdrop&&(this._backdrop.style.zIndex=String(this._zIndex-1)),this._cleanupMorphElements();let n=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,r=this._shouldMorphLabel()&&!n,i=[],a=null,o=this.shadowRoot.querySelector(`.header-morph-wrapper`);if(r){if(this._animateLabelOpen(),a=this._resolveMorphSource(),a.text){let e=this._createMorphText(a.text.content,a.text.sourceEl);this._positionElement(e,a.text.rect),i.push(e)}if(a.icon){let e=this._createMorphIcon(a.icon.element);this._positionElement(e,a.icon.rect),i.push(e)}i.length===0&&(r=!1)}r&&o&&(o.style.opacity=`0`);let s=X.getState(t,{props:`backgroundColor,borderRadius,color,boxShadow`}),c=X.getState(i,{props:`color,fontSize,fontWeight,lineHeight`}),u;if(this.autoSize){let e=t.style.getPropertyValue(`--_panel-width`),n=t.style.getPropertyValue(`--_panel-height`),r=t.style.width,i=t.style.height;t.style.width=`auto`,t.style.height=`auto`,t.style.setProperty(`--_panel-width`,`max-content`),t.style.setProperty(`--_panel-height`,`max-content`);let a=this.shadowRoot.querySelector(`.body`),o=a?a.style.overflow:``;a&&(a.style.overflow=`visible`),u={width:this._inner.scrollWidth,height:this._inner.scrollHeight},t.style.setProperty(`--_panel-width`,e),t.style.setProperty(`--_panel-height`,n),t.style.width=r,t.style.height=i,a&&(a.style.overflow=o)}let d=this._computeFinalRect(e.rect,u);if(t.style.setProperty(`--_panel-width`,`${d.width}px`),t.style.setProperty(`--_panel-height`,`${d.height}px`),this._applyRect(t,d),t.style.backgroundColor=``,t.style.color=``,t.style.borderRadius=``,t.style.boxShadow=``,r&&a){let e=this._measureHeaderTextRect(),t=this._measureHeaderIconRect(),n=window.getComputedStyle(this._header);this._morphEls.text&&e&&(this._positionElement(this._morphEls.text,e),this._morphEls.text.style.color=n.color||`var(--on-surface)`,this._morphEls.text.style.fontSize=n.fontSize||`inherit`,this._morphEls.text.style.fontWeight=n.fontWeight||`inherit`,this._morphEls.text.style.lineHeight=n.lineHeight||`inherit`),this._morphEls.icon&&t&&(this._positionElement(this._morphEls.icon,t),this._morphEls.icon.style.color=n.color||`var(--on-surface)`)}if(X.from(s,{targets:t,duration:.38,ease:`morph-open`,zIndex:this._zIndex,onComplete:()=>{this._isAnimating=!1,this._visible=!0,this._cleanupMorphElements(),o&&(o.style.opacity=`1`)}}),i.length>0){this.blurContent&&l.set(i,{filter:`blur(16px)`});let e={targets:i,duration:.38,ease:`morph-open`,zIndex:this._zIndex+10};this.blurContent&&(e.filter=`blur(0px)`,e.clearProps=`filter`),X.from(c,e)}let f=[this.shadowRoot.querySelector(`.body`),this.shadowRoot.querySelector(`footer`),this.shadowRoot.querySelector(`.close-btn`)].filter(Boolean),p=this.blurContent?`blur(16px)`:`blur(0px)`;l.set(f,{opacity:0,y:8,filter:p}),l.fromTo(f,{opacity:0,y:8,filter:p},{opacity:1,y:0,filter:`blur(0px)`,duration:.32,delay:.08,stagger:.04,ease:`power2.out`,onComplete:()=>{l.set(f,{clearProps:`opacity,transform,filter`}),this._panel.classList.remove(`is-animating`)}})})}}showFrom(e){e&&(this._targetEl=e,this.show())}resizeTo(e,t,n=`center`){if(this.expandedWidth=e,this.expandedHeight=t,!this._visible||!this._panel||!this._targetEl)return;let r=this._computeFinalRect(this._targetEl.getBoundingClientRect()),i=this.parentElement?.closest(`.lab-canvas, [data-morph-coordinate-space]`),a=i?getComputedStyle(i).transform:`none`,o=1,s=1,c;if(i&&a!==`none`){let e=new DOMMatrix(a);o=Math.hypot(e.a,e.b)||1,s=Math.hypot(e.c,e.d)||1,c=i.getBoundingClientRect()}if(n===`top-left`){let e=this._panel.getBoundingClientRect(),t=e.left,n=e.top;c&&(t=(e.left-c.left)/o,n=(e.top-c.top)/s),r=new DOMRect(t,n,r.width,r.height)}else if(n===`center`&&c){let e=window.innerWidth/2-r.width*o/2,t=window.innerHeight/2-r.height*s/2;r=new DOMRect((e-c.left)/o,(t-c.top)/s,r.width,r.height)}this._panel.classList.add(`is-animating`),l.to(this._panel,{top:r.top,left:r.left,width:r.width,height:r.height,"--_panel-width":`${r.width}px`,"--_panel-height":`${r.height}px`,duration:.32,ease:`morph-open`,overwrite:!0,onComplete:()=>this._panel?.classList.remove(`is-animating`),onInterrupt:()=>this._panel?.classList.remove(`is-animating`)})}_ensureSolidPanelBackground(){if(!this._panel)return;let e=window.getComputedStyle(this._panel).backgroundColor;if(this._isColorTransparent(e)){let e=this._findSolidBackground(this._panel);if(e)this._panel.style.backgroundColor=e;else{let e=getComputedStyle(document.body).getPropertyValue(`--surface-container-high`).trim();this._panel.style.backgroundColor=e||`#2d2d2d`}}}hide(){if(this._isAnimating||!this._visible)return;this._isAnimating=!0,this._panel.classList.add(`is-animating`),this._ensureSolidPanelBackground(),this.style.setProperty(`--_backdrop-duration`,`0.3s`),this.style.setProperty(`--_backdrop-ease`,`cubic-bezier(0.4, 0, 0.2, 1)`);let e=this.shadowRoot.querySelector(`.body`),t=this.shadowRoot.querySelector(`footer`),n=this.shadowRoot.querySelector(`.close-btn`),r=this.shadowRoot.querySelector(`.header-morph-wrapper`),i=[e,t,n,r].filter(Boolean),a=this.blurContent?`blur(12px)`:`blur(6px)`;l.fromTo(i,{opacity:1,filter:`blur(0px)`},{opacity:0,filter:a,duration:.12,ease:`power2.in`,onComplete:()=>{let e=this._panel,t=this._resolveClosingTarget();this._cleanupMorphElements();let n=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,a=!1,o=[],s=null,c=null;if(a){this._animateLabelClose(),s=this._resolveMorphSource();let e=this._measureHeaderTextRect(),t=this._measureHeaderIconRect(),n=window.getComputedStyle(this._header);if(s.text&&e){let t=this._createMorphText(s.text.content,s.text.sourceEl);this._positionElement(t,e),t.style.color=n.color||`var(--on-surface)`,t.style.fontSize=n.fontSize||`inherit`,t.style.fontWeight=n.fontWeight||`inherit`,t.style.lineHeight=n.lineHeight||`inherit`,o.push(t)}if(s.icon&&t){let e=this._createMorphIcon(s.icon.element);this._positionElement(e,t),e.style.color=n.color||`var(--on-surface)`,o.push(e)}o.length===0&&(a=!1)}if(t&&!a&&!n){let e=this._resolveVisualTarget(t),n=e.getBoundingClientRect();if(n.width>0&&n.height>0){t===this._targetEl&&this._restoreTargetContent();let r=this._createTargetSnapshot(e,n);t===this._targetEl&&this._hideTargetContent(),r.style.opacity=`0`,c={element:r,rect:n,source:e}}}a&&r&&(r.style.opacity=`0`);let u=X.getState(e,{props:`backgroundColor,borderRadius,color,boxShadow`}),d=X.getState(o,{props:`color,fontSize,fontWeight,lineHeight,opacity`});if(!t){l.to(this._backdrop,{opacity:0,duration:n?.01:.22,ease:`power2.in`}),l.to(e,{autoAlpha:0,scale:.92,duration:n?.01:.22,ease:`power2.in`,overwrite:!0,onComplete:()=>{l.set(e,{clearProps:`transform`}),this._finishHide(i,r)}});return}let f=this._getTargetState(t);if(c){this._runTargetMorphTimeline(e,f,c,i,r,n);return}let p;if(this.autoSize){let t=e.style.getPropertyValue(`--_panel-width`),n=e.style.getPropertyValue(`--_panel-height`),r=e.style.width,i=e.style.height;e.style.width=`auto`,e.style.height=`auto`,e.style.setProperty(`--_panel-width`,`max-content`),e.style.setProperty(`--_panel-height`,`max-content`);let a=this.shadowRoot.querySelector(`.body`),o=a?a.style.overflow:``;a&&(a.style.overflow=`visible`),p={width:this._inner.scrollWidth,height:this._inner.scrollHeight},e.style.setProperty(`--_panel-width`,t),e.style.setProperty(`--_panel-height`,n),e.style.width=r,e.style.height=i,a&&(a.style.overflow=o)}let m=this._computeFinalRect(f.rect,p);if(e.style.setProperty(`--_panel-width`,`${m.width}px`),e.style.setProperty(`--_panel-height`,`${m.height}px`),this._applyRect(e,this._toPanelCoordinateRect(f.rect)),e.style.backgroundColor=f.backgroundColor,e.style.color=f.color,e.style.borderRadius=f.borderRadius,e.style.boxShadow=f.boxShadow,a&&s&&(this._morphEls.text&&s.text&&(this._positionElement(this._morphEls.text,s.text.rect),this._morphEls.text.style.color=window.getComputedStyle(s.text.sourceEl).color||`inherit`,this._morphEls.text.style.fontSize=window.getComputedStyle(s.text.sourceEl).fontSize||`inherit`,this._morphEls.text.style.fontWeight=window.getComputedStyle(s.text.sourceEl).fontWeight||`inherit`,this._morphEls.text.style.lineHeight=window.getComputedStyle(s.text.sourceEl).lineHeight||`inherit`),this._morphEls.icon&&s.icon&&(this._positionElement(this._morphEls.icon,s.icon.rect),this._morphEls.icon.style.color=window.getComputedStyle(s.icon.element).color||`inherit`)),X.from(u,{targets:e,duration:.3,ease:`morph-close`,zIndex:this._zIndex,onComplete:()=>this._finishHide(i,r)}),l.to(this._backdrop,{opacity:0,duration:.3,ease:`power2.inOut`}),o.length>0){this.blurContent&&l.set(o,{filter:`blur(0px)`});let e={targets:o,duration:.3,ease:`morph-close`,zIndex:this._zIndex+10};this.blurContent&&(e.filter=`blur(12px)`),X.from(d,e)}}})}_runTargetMorphTimeline(e,t,n,r,i,a){let o=this._toPanelCoordinateRect(e.getBoundingClientRect()),s=this._toPanelCoordinateRect(t.rect),c=this._toPanelCoordinateRect(n.rect),u=n.element,d=(n.source.getAnimations?.({subtree:!0})??[]).reduce((e,t)=>{let n=t.effect?.getComputedTiming(),r=typeof n?.endTime==`number`?n.endTime:0,i=typeof t.currentTime==`number`?t.currentTime:0;return Math.max(e,Math.max(0,r-i)/1e3)},0),f=Math.min(1.2,Math.max(.46,d)),p={x:o.left+o.width/2,y:o.top+o.height/2},m={x:s.left+s.width/2,y:s.top+s.height/2},h=m.x-p.x,g=m.y-p.y,_=Math.hypot(h,g)||1,v=Math.min(360,Math.max(48,_*.72)),y={x:-g/_,y:h/_},b={x:(p.x+m.x)/2,y:(p.y+m.y)/2},x=this._toPanelCoordinateRect(new DOMRect(window.innerWidth/2,window.innerHeight/2,0,0)),S=[1,-1].map(e=>({x:b.x+y.x*v*e,y:b.y+y.y*v*e})),C=e=>Math.abs(Math.abs(g)>=Math.abs(h)?e.x-x.x:e.y-x.y),w=C(S[0])<=C(S[1])?S[0]:S[1];if(Object.assign(u.style,{position:`absolute`,inset:`50% auto auto 50%`,width:`${c.width}px`,height:`${c.height}px`,transform:`translate(-50%, -50%) scale(.78)`,color:window.getComputedStyle(n.source).color||t.color,opacity:`0`}),a){e.appendChild(u),this._applyRect(e,s),e.style.backgroundColor=t.backgroundColor,e.style.color=t.color,e.style.borderRadius=t.borderRadius,e.style.boxShadow=t.boxShadow,this._backdrop.style.opacity=`0`,u.style.opacity=`1`,this._finishHide(r,i);return}let T=l.timeline({onComplete:()=>{l.set(e,{clearProps:`transform`}),this._finishHide(r,i)}});e.style.left=`${o.left}px`,e.style.top=`${o.top}px`,e.style.width=`${o.width}px`,e.style.height=`${o.height}px`;let E=window.getComputedStyle(e),D={backgroundColor:E.backgroundColor,color:E.color,borderRadius:E.borderRadius,boxShadow:E.boxShadow};this._backdrop.style.transition=`none`,this._backdrop.style.opacity=`1`;let O={progress:0},k=!1;this.debug&&console.log(`[moni-morph-modal] arc`,{start:p,control:w,end:m,distance:_,arc:v,morphDuration:f}),T.addLabel(`morph`,0).to(O,{progress:1,duration:f,ease:`power2.inOut`,onUpdate:()=>{let t=O.progress,r=this._getTargetState(n.source),i=this._toPanelCoordinateRect(r.rect),a=this._readTransformState(n.source),c={x:i.left+i.width/2,y:i.top+i.height/2},d=c.x-p.x,f=c.y-p.y,m=Math.hypot(d,f)||1,h=Math.min(360,Math.max(48,m*.72)),g={x:-f/m,y:d/m},_={x:(p.x+c.x)/2,y:(p.y+c.y)/2},v=[1,-1].map(e=>({x:_.x+g.x*h*e,y:_.y+g.y*h*e})),y=C(v[0])<=C(v[1])?v[0]:v[1];this._backdrop.style.opacity=String(Math.max(0,1-t));let b=1-t,x=b*b*p.x+2*b*t*y.x+t*t*c.x,S=b*b*p.y+2*b*t*y.y+t*t*c.y,w=n.source.offsetWidth||i.width,T=n.source.offsetHeight||i.height,E=n.source.offsetWidth||s.width,A=n.source.offsetHeight||s.height,j=o.width+(E-o.width)*t+(w-E),M=o.height+(A-o.height)*t+(T-A);e.style.width=`${j}px`,e.style.height=`${M}px`,l.set(e,{x:x-j/2-o.left,y:S-M/2-o.top,rotation:a.rotation*t,skewX:a.skewX*t,scaleX:1+(a.scaleX-1)*t,scaleY:1+(a.scaleY-1)*t,backgroundColor:l.utils.interpolate(D.backgroundColor,r.backgroundColor,t),color:l.utils.interpolate(D.color,r.color,t),borderRadius:l.utils.interpolate(D.borderRadius,r.borderRadius,t),boxShadow:l.utils.interpolate(D.boxShadow,r.boxShadow,t)});let N=Math.max(0,Math.min(1,(t-.6)/.4));!k&&N>0&&(e.appendChild(u),k=!0),u.style.width=`${w}px`,u.style.height=`${T}px`;let P=.82+N*.18;l.set(u,{opacity:N,scaleX:j/Math.max(1,w)*P,scaleY:M/Math.max(1,T)*P})}},`morph`).addLabel(`target-fade`).to(e,{autoAlpha:0,duration:.08,ease:`power1.out`,onStart:()=>{u.style.visibility=`hidden`,this._restoreTargetContent(),e.style.backgroundColor=`transparent`,e.style.boxShadow=`none`,e.style.borderColor=`transparent`}},`morph+=${f}`)}_finishHide(e,t){let n=this._panel;n.style.visibility=`hidden`,n.style.opacity=`0`,n.style.pointerEvents=`none`,this._visible=!1,this._handlingOpenChange=!0,this.open=!1,this._handlingOpenChange=!1,this._isAnimating=!1,n.classList.remove(`is-animating`),n.style.removeProperty(`--_panel-width`),n.style.removeProperty(`--_panel-height`),this._cleanupMorphElements(),this._restoreTargetContent(),l.set(e,{clearProps:`opacity,transform,filter`}),t&&(t.style.opacity=`1`),this.style.removeProperty(`z-index`),this.style.removeProperty(`--_z-index`),this.style.removeProperty(`--_backdrop-duration`),this.style.removeProperty(`--_backdrop-ease`);let r=yt._openStack.indexOf(this);r>-1&&yt._openStack.splice(r,1)}_captureOriginFallbacks(e){this._originFallbacks=[];let t=this._getComposedParent(e);for(;t&&t!==document.body&&t!==document.documentElement;)this._originFallbacks.push(t),t=this._getComposedParent(t)}_getComposedParent(e){if(e.parentElement)return e.parentElement;let t=e.getRootNode();return t instanceof ShadowRoot?t.host:null}_resolveClosingTarget(){this.target&&this._resolveTarget();let e=[this._targetEl,...this._originFallbacks].filter((e,t,n)=>!!e&&n.indexOf(e)===t),t=e.find(e=>this._isUsableClosingTarget(e))??null,n=t?t===this._targetEl?`target`:`ancestor`:`fade`;return this._debugMorph(`close`,t,n,e),t}_debugMorph(e,t,n,r){if(!this.debug)return;let i=r.map((e,t)=>{let n=e.getBoundingClientRect();return{index:t,element:`${e.tagName.toLowerCase()}${e.id?`#${e.id}`:``}`,connected:e.isConnected,usable:this._isUsableClosingTarget(e),x:Math.round(n.x),y:Math.round(n.y),width:Math.round(n.width),height:Math.round(n.height)}});console.groupCollapsed(`[moni-morph-modal] ${e} → ${n}`),console.log(`Origin:`,this._targetEl),console.log(`Resolved morph target:`,t),console.table(i),console.groupEnd()}_isUsableClosingTarget(e){if(!e?.isConnected)return!1;let t=e.getBoundingClientRect();if(t.width<2||t.height<2||t.right<=0||t.bottom<=0||t.left>=window.innerWidth||t.top>=window.innerHeight)return!1;let n=e;for(;n&&n!==document.body;){let e=getComputedStyle(n);if(e.display===`none`||e.visibility===`hidden`||e.contentVisibility===`hidden`||Number.parseFloat(e.opacity||`1`)===0&&!this._targetStylesCache.has(n))return!1;n=this._getComposedParent(n)}return!0}toggle(){this._visible||this.open?this.hide():this.show()}_handleDocKeydown(e){e.key!==`Escape`||!this.closeOnEsc||yt._openStack[yt._openStack.length-1]===this&&(e.stopPropagation(),this.hide())}_hideTargetContent(){if(!this._targetEl)return;let e=(e,t)=>{this._targetStylesCache.has(e)||this._targetStylesCache.set(e,{opacity:e.style.opacity,color:e.style.color}),t===`opacity`&&(e.style.opacity=`0`),t===`color`&&(e.style.color=`transparent`)};if(this.hideTarget){e(this._targetEl,`opacity`);return}if(this._targetEl.tagName===`MONI-BUTTON`){let t=this._getMoniButtonParts();t.label&&e(t.label,`opacity`),t.icon&&e(t.icon,`opacity`),t.iconTrailing&&e(t.iconTrailing,`opacity`)}else if(this._targetEl.tagName===`MONI-FAB`){let t=this._targetEl.shadowRoot?.querySelector(`.icon`),n=this._targetEl.shadowRoot?.querySelector(`.label`);t&&e(t,`opacity`),n&&e(n,`opacity`)}else{e(this._targetEl,`color`);let t=this._targetEl.querySelector(`moni-icon, svg, [class*="icon"]`);t&&e(t,`opacity`)}}_restoreTargetContent(){if(!this._targetEl)return;let e=e=>{if(this._targetStylesCache.has(e)){let t=this._targetStylesCache.get(e);e.style.opacity=t.opacity,e.style.color=t.color,this._targetStylesCache.delete(e)}};if(this.hideTarget){e(this._targetEl);return}if(this._targetEl.tagName===`MONI-BUTTON`){let t=this._getMoniButtonParts();t.label&&e(t.label),t.icon&&e(t.icon),t.iconTrailing&&e(t.iconTrailing)}else if(this._targetEl.tagName===`MONI-FAB`){let t=this._targetEl.shadowRoot?.querySelector(`.icon`),n=this._targetEl.shadowRoot?.querySelector(`.label`);t&&e(t),n&&e(n)}else{e(this._targetEl);let t=this._targetEl.querySelector(`moni-icon, svg, [class*="icon"]`);t&&e(t)}}_onHeaderSlotChange(e){let t=e.target;this._hasHeader=t.assignedNodes({flatten:!0}).length>0}_onFooterSlotChange(e){let t=e.target;this._hasFooter=t.assignedNodes({flatten:!0}).length>0}_onTriggerLabelSlotChange(e){let t=e.target;this._hasTriggerLabel=t.assignedNodes({flatten:!0}).length>0}_getTriggerLabelNodes(){return(this.shadowRoot?.querySelector(`slot[name="trigger-label"]`))?.assignedNodes({flatten:!0})??[]}_shouldMorphLabel(){return this.morphLabel&&!!this._targetEl&&(this._hasHeader||this._hasTriggerLabel)}_cleanupMorphElements(){this._targetSnapshot&&=(this._targetSnapshot.remove(),null),this._morphEls.text&&(this._morphEls.text.remove(),this._morphEls.text=null),this._morphEls.icon&&(this._morphEls.icon.remove(),this._morphEls.icon=null)}_animateLabelOpen(){}_animateLabelClose(){}_createMorphText(e,t){let n=document.createElement(`div`);n.className=`morph-text`,n.setAttribute(`data-flip-id`,`morph-text-${this.target}`),n.setAttribute(`aria-hidden`,`true`),n.textContent=e;let r=window.getComputedStyle(t);return n.style.position=`fixed`,n.style.pointerEvents=`none`,n.style.zIndex=String(this._zIndex+10),n.style.display=`inline-flex`,n.style.alignItems=r.alignItems===`normal`?`center`:r.alignItems,n.style.justifyContent=r.justifyContent===`normal`?`flex-start`:r.justifyContent,n.style.whiteSpace=`nowrap`,n.style.color=r.color||`inherit`,n.style.fontFamily=r.fontFamily||`inherit`,n.style.fontSize=r.fontSize||`inherit`,n.style.fontWeight=r.fontWeight||`inherit`,n.style.lineHeight=r.lineHeight||`inherit`,n.style.letterSpacing=r.letterSpacing||`inherit`,this.shadowRoot.appendChild(n),this._morphEls.text=n,n}_createMorphIcon(e){let t=document.createElement(`div`);if(t.className=`morph-icon`,t.setAttribute(`data-flip-id`,`morph-icon-${this.target}`),t.setAttribute(`aria-hidden`,`true`),e.tagName===`MONI-ICON`){let n=document.createElement(`span`);n.textContent=e.getAttribute(`name`)||``;let r=window.getComputedStyle(e);n.style.display=`inline-flex`,n.style.alignItems=`center`,n.style.justifyContent=`center`,n.style.fontFamily=r.fontFamily||`var(--font-icon)`,n.style.fontSize=r.fontSize||`1.125rem`,n.style.inlineSize=r.inlineSize||`1.125rem`,n.style.blockSize=r.blockSize||`1.125rem`,n.style.lineHeight=`1`,n.style.color=`inherit`,n.style.fontWeight=`normal`,n.style.fontStyle=`normal`,n.style.letterSpacing=`normal`,n.style.textTransform=`none`,n.style.whiteSpace=`nowrap`,n.style.wordWrap=`normal`,n.style.direction=`ltr`,n.style.fontFeatureSettings=`'liga'`,n.style.fontVariationSettings=`'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24`,n.style.setProperty(`-webkit-font-smoothing`,`antialiased`),t.appendChild(n)}else t.appendChild(e.cloneNode(!0));let n=window.getComputedStyle(e);return t.style.position=`fixed`,t.style.pointerEvents=`none`,t.style.zIndex=String(this._zIndex+10),t.style.display=`inline-flex`,t.style.alignItems=`center`,t.style.justifyContent=`center`,t.style.color=n.color||`inherit`,t.style.inlineSize=n.inlineSize||`1.125rem`,t.style.blockSize=n.blockSize||`1.125rem`,this.shadowRoot.appendChild(t),this._morphEls.icon=t,t}_positionElement(e,t){let n=this._toPanelCoordinateRect(t);e.style.top=`${n.top}px`,e.style.left=`${n.left}px`,e.style.width=`${n.width}px`,e.style.height=`${n.height}px`}_toPanelCoordinateRect(e){let t=this.parentElement?.closest(`.lab-canvas, [data-morph-coordinate-space]`);if(!t)return e;let n=getComputedStyle(t).transform;if(!n||n===`none`)return e;let r=1,i=1;if(typeof DOMMatrix<`u`){let e=new DOMMatrix(n);r=Math.hypot(e.a,e.b)||1,i=Math.hypot(e.c,e.d)||1}else{let e=n.match(/^matrix\(([^)]+)\)$/),t=n.match(/^scale\(([^)]+)\)$/);if(e){let t=e[1].split(`,`).map(Number);r=Math.hypot(t[0],t[1])||1,i=Math.hypot(t[2],t[3])||1}else if(t){let e=t[1].split(/[,\s]+/).map(Number);r=e[0]||1,i=e[1]||r}}let a=t.getBoundingClientRect();return new DOMRect((e.left-a.left)/r,(e.top-a.top)/i,e.width/r,e.height/i)}_getMoniButtonParts(){let e=this._targetEl?.shadowRoot;return{label:e?.querySelector(`[part="label"]`)??null,icon:e?.querySelector(`[part="icon"]`)??null,iconTrailing:e?.querySelector(`[part="icon-trailing"]`)??null}}_resolveMorphSource(){let e={text:null,icon:null};if(!this._targetEl)return e;if(this._hasTriggerLabel){let t=this._getTriggerLabelNodes();if(t.length>0){let n=document.createElement(`div`);for(let e of t)n.appendChild(e.cloneNode(!0));n.style.position=`fixed`,n.style.visibility=`hidden`,n.style.pointerEvents=`none`,this.shadowRoot.appendChild(n);let r=this._targetEl.getBoundingClientRect();n.remove(),e.text={content:n.textContent?.trim()||``,rect:r,sourceEl:this._targetEl}}return e}if(this._targetEl.tagName===`MONI-BUTTON`){let t=this._getMoniButtonParts();if(t.label&&(e.text={content:this._targetEl.textContent?.trim()||``,rect:t.label.getBoundingClientRect(),sourceEl:t.label}),t.icon){let n=t.icon.querySelector(`moni-icon, svg`)||t.icon;e.icon={element:n,rect:n.getBoundingClientRect()}}return e}let t=this._targetEl;if(this.morphLabelSelector){let e=this._targetEl.querySelector(this.morphLabelSelector);e&&(t=e)}let n=t.textContent?.trim()||``;n&&(e.text={content:n,rect:t.getBoundingClientRect(),sourceEl:t});let r=t.querySelector(`moni-icon, svg, [class*="icon"]`);return r&&(e.icon={element:r,rect:r.getBoundingClientRect()}),e}_measureHeaderTextRect(){if(!this._header)return null;let e=(this.shadowRoot?.querySelector(`slot[name="header"]`))?.assignedNodes({flatten:!0})??[];for(let t of e){if(t.nodeType===Node.TEXT_NODE&&t.textContent?.trim()){let e=document.createRange();return e.selectNode(t),e.getBoundingClientRect()}if(t.nodeType===Node.ELEMENT_NODE){let e=t;if(e.tagName===`MONI-ICON`||e.tagName===`SVG`)continue;let n=Array.from(e.childNodes);for(let e of n){if(e.nodeType===Node.TEXT_NODE&&e.textContent?.trim()){let t=document.createRange();return t.selectNode(e),t.getBoundingClientRect()}if(e.nodeType===Node.ELEMENT_NODE){let t=e;if(t.tagName!==`MONI-ICON`&&t.tagName!==`SVG`&&t.textContent?.trim())return t.getBoundingClientRect()}}if(e.textContent?.trim())return e.getBoundingClientRect()}}return this._header.getBoundingClientRect()}_measureHeaderIconRect(){let e=this._measureHeaderTextRect();if(!e)return null;let t=(this.shadowRoot?.querySelector(`slot[name="header"]`))?.assignedNodes({flatten:!0})??[];for(let e of t)if(e.nodeType===Node.ELEMENT_NODE){let t=e;if(t.tagName===`MONI-ICON`||t.tagName===`SVG`)return t.getBoundingClientRect();let n=t.querySelector(`moni-icon, svg`);if(n)return n.getBoundingClientRect()}return new DOMRect(e.left-24-12,e.top+e.height/2-12,24,24)}_findSolidBackground(e){let t=[e,...Array.from(e.querySelectorAll(`*`))];for(let e of t){let t=window.getComputedStyle(e).backgroundColor;if(!this._isColorTransparent(t))return t}if(e.shadowRoot){let t=Array.from(e.shadowRoot.querySelectorAll(`*`));for(let e of t){let t=window.getComputedStyle(e).backgroundColor;if(!this._isColorTransparent(t))return t}}return null}_getTargetState(e){let t=this._resolveVisualTarget(e),n=t.getBoundingClientRect(),r=window.getComputedStyle(t).backgroundColor;if(this._isColorTransparent(r)){let e=window.getComputedStyle(t,`::before`).backgroundColor;if(!this._isColorTransparent(e))r=e;else{let e=window.getComputedStyle(t,`::after`).backgroundColor;if(!this._isColorTransparent(e))r=e;else{let e=this._findSolidBackground(t);e&&(r=e)}}}this._isColorTransparent(r)&&this._panel&&(r=window.getComputedStyle(this._panel).backgroundColor);let i=window.getComputedStyle(t);return{rect:n,backgroundColor:r,color:i.color||`var(--on-surface)`,borderRadius:i.borderRadius||`1.25rem`,boxShadow:i.boxShadow||`none`}}_resolveVisualTarget(e){if(e.tagName===`MONI-BUTTON`)return e.shadowRoot?.querySelector(`.button`)??e;if(e.tagName===`MONI-FAB`)return e.shadowRoot?.querySelector(`button`)??e;if(e.tagName===`MONI-FAB-MENU`){let t=e.shadowRoot?.querySelector(`.trigger`);return t?.shadowRoot?.querySelector(`button`)??t??e}return e}_createTargetSnapshot(e,t){this._targetSnapshot?.remove();let n=document.createElement(`div`);n.className=`morph-target-snapshot`,n.setAttribute(`aria-hidden`,`true`);let r=this._cloneComposedNode(e);return r&&(n.appendChild(r),r instanceof HTMLElement&&![`IMG`,`VIDEO`,`CANVAS`,`SVG`,`PICTURE`].includes(e.tagName)&&(Object.assign(r.style,{background:`transparent`,backgroundColor:`transparent`,boxShadow:`none`,borderColor:`transparent`,outline:`none`,position:`relative`,inset:`auto`,transform:`none`,opacity:`1`,visibility:`visible`,width:`100%`,height:`100%`}),e.tagName===`BUTTON`&&(r.style.whiteSpace=`nowrap`,r.querySelectorAll(`span, [part~="label"]`).forEach(e=>{e.style.whiteSpace=`nowrap`})))),Object.assign(n.style,{width:`${t.width}px`,height:`${t.height}px`,overflow:`hidden`,pointerEvents:`none`}),this._targetSnapshot=n,n}_cloneComposedNode(e){if(e.nodeType===Node.TEXT_NODE)return e.cloneNode(!1);if(!(e instanceof Element))return null;if(e instanceof HTMLSlotElement){let t=document.createDocumentFragment(),n=e.assignedNodes({flatten:!0});for(let r of n.length?n:Array.from(e.childNodes)){let e=this._cloneComposedNode(r);e&&t.appendChild(e)}return t}let t=e.shadowRoot?document.createElement(`div`):e.cloneNode(!1);e instanceof HTMLImageElement&&t instanceof HTMLImageElement&&(t.loading=`eager`,t.decoding=`sync`,e.currentSrc&&(t.src=e.currentSrc)),t.removeAttribute(`id`),t.removeAttribute(`name`),t.setAttribute(`aria-hidden`,`true`);let n=window.getComputedStyle(e);for(let e=0;e<n.length;e+=1){let r=n.item(e);t.style.setProperty(r,n.getPropertyValue(r),n.getPropertyPriority(r))}let r=e.shadowRoot?Array.from(e.shadowRoot.childNodes).filter(e=>!(e instanceof HTMLStyleElement)):Array.from(e.childNodes);for(let e of r){let n=this._cloneComposedNode(e);n&&t.appendChild(n)}return t}_isColorTransparent(e){if(!e)return!0;let t=e.replace(/\s/g,``).toLowerCase();return t===`rgba(0,0,0,0)`||t===`transparent`||t===``||t.includes(`,0)`)||t.includes(`/0)`)}_readTransformState(e){let t=window.getComputedStyle(e).transform;if(!t||t===`none`)return{rotation:0,skewX:0,scaleX:1,scaleY:1};try{let e=t.match(/matrix(?:3d)?\(([^)]+)\)/)?.[1].split(`,`).map(e=>Number.parseFloat(e.trim())),n,r,i,a;if(e?.length===6)[n,r,i,a]=e;else if(e?.length===16)n=e[0],r=e[1],i=e[4],a=e[5];else{let e=new DOMMatrix(t);({a:n,b:r,c:i,d:a}=e)}let o=Math.hypot(n,r)||1,s=(n*a-r*i)/o||1;return{rotation:180/Math.PI*Math.atan2(r,n),skewX:Math.atan2(n*i+r*a,o*o)*(180/Math.PI),scaleX:o,scaleY:s}}catch{return{rotation:0,skewX:0,scaleX:1,scaleY:1}}}_applyRect(e,t){e.style.top=`${t.top}px`,e.style.left=`${t.left}px`,e.style.width=`${t.width}px`,e.style.height=`${t.height}px`}_computeFinalRect(e,t){let n=window.innerWidth,r=window.innerHeight,i=this.autoSize&&t?t.width:this._parseSize(this.expandedWidth,n),a=this.autoSize&&t?t.height:this._parseSize(this.expandedHeight,r);i=Math.min(i,n-32),a=Math.min(a,r-32);let o=e.top,s=e.left;switch(this.placement){case`viewport-center`:s=n/2-i/2,o=r/2-a/2;break;case`viewport-top`:s=n/2-i/2,o=16;break;case`viewport-bottom`:s=n/2-i/2,o=r-a-16;break;case`viewport-left`:s=16,o=r/2-a/2;break;case`viewport-right`:s=n-i-16,o=r/2-a/2;break;case`viewport-top-left`:s=16,o=16;break;case`viewport-top-right`:s=n-i-16,o=16;break;case`viewport-bottom-left`:s=16,o=r-a-16;break;case`viewport-bottom-right`:s=n-i-16,o=r-a-16;break;case`center`:s=e.left+e.width/2-i/2,o=e.top+e.height/2-a/2;break;case`top`:s=e.left+e.width/2-i/2,o=this.coverTarget?e.top+e.height-a:e.top-a;break;case`top-start`:s=e.left+e.width-i,o=this.coverTarget?e.top+e.height-a:e.top-a;break;case`top-end`:s=e.left,o=this.coverTarget?e.top+e.height-a:e.top-a;break;case`bottom`:s=e.left+e.width/2-i/2,o=this.coverTarget?e.top:e.top+e.height;break;case`bottom-start`:s=e.left+e.width-i,o=this.coverTarget?e.top:e.top+e.height;break;case`bottom-end`:s=e.left,o=this.coverTarget?e.top:e.top+e.height;break;case`left`:s=this.coverTarget?e.left+e.width-i:e.left-i,o=e.top+e.height/2-a/2;break;case`left-start`:s=this.coverTarget?e.left+e.width-i:e.left-i,o=e.top+e.height-a;break;case`left-end`:s=this.coverTarget?e.left+e.width-i:e.left-i,o=e.top;break;case`right`:s=this.coverTarget?e.left:e.left+e.width,o=e.top+e.height/2-a/2;break;case`right-start`:s=this.coverTarget?e.left:e.left+e.width,o=e.top+e.height-a;break;case`right-end`:s=this.coverTarget?e.left:e.left+e.width,o=e.top}return s=Math.max(16,Math.min(s,n-i-16)),o=Math.max(16,Math.min(o,r-a-16)),new DOMRect(s,o,i,a)}_parseSize(e,t){let n=parseFloat(e);return Number.isNaN(n)?352:e.endsWith(`px`)?n:e.endsWith(`rem`)||e.endsWith(`em`)?n*16:e.endsWith(`%`)?n/100*t:e.endsWith(`vw`)?n/100*window.innerWidth:e.endsWith(`vh`)?n/100*window.innerHeight:n}static{this.styles=[a,r`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
@@ -154,4 +154,4 @@ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
|
|
|
154
154
|
<div class="trigger-label-slot">
|
|
155
155
|
<slot name="trigger-label" @slotchange=${this._onTriggerLabelSlotChange}></slot>
|
|
156
156
|
</div>
|
|
157
|
-
`}};s([i({reflect:!0})],$.prototype,`target`,void 0),s([i({type:Boolean,reflect:!0,converter:Q})],$.prototype,`open`,void 0),s([i({type:Boolean,reflect:!0,converter:Q})],$.prototype,`modal`,void 0),s([i({reflect:!0})],$.prototype,`placement`,void 0),s([i({reflect:!0,attribute:`expanded-width`})],$.prototype,`expandedWidth`,void 0),s([i({reflect:!0,attribute:`expanded-height`})],$.prototype,`expandedHeight`,void 0),s([i({type:Boolean,reflect:!0,attribute:`close-on-click-outside`,converter:Q})],$.prototype,`closeOnClickOutside`,void 0),s([i({type:Boolean,reflect:!0,attribute:`close-on-esc`,converter:Q})],$.prototype,`closeOnEsc`,void 0),s([i({type:Boolean,reflect:!0,attribute:`show-close-button`,converter:Q})],$.prototype,`showCloseButton`,void 0),s([i({type:Boolean,reflect:!0,attribute:`morph-label`,converter:Q})],$.prototype,`morphLabel`,void 0),s([i({reflect:!0,attribute:`morph-label-selector`})],$.prototype,`morphLabelSelector`,void 0),s([i({type:Boolean,reflect:!0,attribute:`has-backdrop`,converter:Q})],$.prototype,`hasBackdrop`,void 0),s([i({type:Boolean,reflect:!0,attribute:`hide-target`,converter:Q})],$.prototype,`hideTarget`,void 0),s([i({type:Boolean,reflect:!0,attribute:`cover-target`,converter:Q})],$.prototype,`coverTarget`,void 0),s([i({type:Boolean,reflect:!0,attribute:`auto-size`,converter:Q})],$.prototype,`autoSize`,void 0),s([i({type:Boolean,reflect:!0,attribute:`blur-content`,converter:Q})],$.prototype,`blurContent`,void 0),s([c(`.panel`)],$.prototype,`_panel`,void 0),s([c(`.panel-inner`)],$.prototype,`_inner`,void 0),s([c(`.backdrop`)],$.prototype,`_backdrop`,void 0),s([c(`header`)],$.prototype,`_header`,void 0),s([e()],$.prototype,`_hasHeader`,void 0),s([e()],$.prototype,`_hasFooter`,void 0),s([e()],$.prototype,`_hasTriggerLabel`,void 0),$=yt=s([o(`moni-morph-modal`)],$);
|
|
157
|
+
`}};s([i({reflect:!0})],$.prototype,`target`,void 0),s([i({type:Boolean,reflect:!0,converter:Q})],$.prototype,`open`,void 0),s([i({type:Boolean,reflect:!0,converter:Q})],$.prototype,`modal`,void 0),s([i({reflect:!0})],$.prototype,`placement`,void 0),s([i({reflect:!0,attribute:`expanded-width`})],$.prototype,`expandedWidth`,void 0),s([i({reflect:!0,attribute:`expanded-height`})],$.prototype,`expandedHeight`,void 0),s([i({type:Boolean,reflect:!0,attribute:`close-on-click-outside`,converter:Q})],$.prototype,`closeOnClickOutside`,void 0),s([i({type:Boolean,reflect:!0,attribute:`close-on-esc`,converter:Q})],$.prototype,`closeOnEsc`,void 0),s([i({type:Boolean,reflect:!0,attribute:`show-close-button`,converter:Q})],$.prototype,`showCloseButton`,void 0),s([i({type:Boolean,reflect:!0,attribute:`morph-label`,converter:Q})],$.prototype,`morphLabel`,void 0),s([i({reflect:!0,attribute:`morph-label-selector`})],$.prototype,`morphLabelSelector`,void 0),s([i({type:Boolean,reflect:!0,attribute:`has-backdrop`,converter:Q})],$.prototype,`hasBackdrop`,void 0),s([i({type:Boolean,reflect:!0,attribute:`hide-target`,converter:Q})],$.prototype,`hideTarget`,void 0),s([i({type:Boolean,reflect:!0,attribute:`cover-target`,converter:Q})],$.prototype,`coverTarget`,void 0),s([i({type:Boolean,reflect:!0,attribute:`auto-size`,converter:Q})],$.prototype,`autoSize`,void 0),s([i({type:Boolean,reflect:!0,attribute:`blur-content`,converter:Q})],$.prototype,`blurContent`,void 0),s([i({type:Boolean,reflect:!0,converter:Q})],$.prototype,`debug`,void 0),s([c(`.panel`)],$.prototype,`_panel`,void 0),s([c(`.panel-inner`)],$.prototype,`_inner`,void 0),s([c(`.backdrop`)],$.prototype,`_backdrop`,void 0),s([c(`header`)],$.prototype,`_header`,void 0),s([e()],$.prototype,`_hasHeader`,void 0),s([e()],$.prototype,`_hasFooter`,void 0),s([e()],$.prototype,`_hasTriggerLabel`,void 0),$=yt=s([o(`moni-morph-modal`)],$);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";var
|
|
1
|
+
import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-D4jKxi6H.js";import{t as s}from"../chunks/if-defined-DlAUOFi9.js";var c=class extends t{constructor(...e){super(...e),this.placement=`top`,this.variant=`rail`,this.modal=!1,this.open=!0,this.layout=`auto`,this._propagateToItems=()=>{this.querySelectorAll(`moni-nav-item`).forEach(e=>{e.setAttribute(`placement`,this.placement),e.setAttribute(`variant`,this.variant),e.setAttribute(`layout`,this.layout)})}}connectedCallback(){super.connectedCallback(),this._onKeydown=this._onKeydown.bind(this),document.addEventListener(`keydown`,this._onKeydown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`keydown`,this._onKeydown)}_onKeydown(e){e.key===`Escape`&&this.modal&&this.open&&(this.open=!1)}_closeModal(){this.modal&&(this.open=!1)}updated(e){(e.has(`placement`)||e.has(`variant`)||e.has(`layout`)||e.has(`modal`)||e.has(`open`))&&this._propagateToItems()}static{this.styles=[i,n`
|
|
2
2
|
:host {
|
|
3
3
|
/* Block so the host establishes a layout context for fixed
|
|
4
4
|
descendants. The inner <nav> still handles all positioning. */
|
|
@@ -151,11 +151,11 @@ import{d as e,i as t,m as n,o as r,r as i,s as a,t as o}from"../chunks/decorate-
|
|
|
151
151
|
></div>`:``;return e`${r}<nav
|
|
152
152
|
class=${n}
|
|
153
153
|
part="nav"
|
|
154
|
-
role=${t?`dialog`:void 0}
|
|
155
|
-
aria-modal=${t?`true`:void 0}
|
|
156
|
-
aria-expanded=${t?this.open?`true`:`false`:void 0}
|
|
154
|
+
role=${s(t?`dialog`:void 0)}
|
|
155
|
+
aria-modal=${s(t?`true`:void 0)}
|
|
156
|
+
aria-expanded=${s(t?this.open?`true`:`false`:void 0)}
|
|
157
157
|
>
|
|
158
158
|
<slot name="header"></slot>
|
|
159
159
|
<slot @slotchange=${this._propagateToItems}></slot>
|
|
160
160
|
<slot name="footer"></slot>
|
|
161
|
-
</nav>`}};o([r({reflect:!0})],
|
|
161
|
+
</nav>`}};o([r({reflect:!0})],c.prototype,`placement`,void 0),o([r({reflect:!0})],c.prototype,`variant`,void 0),o([r({type:Boolean,reflect:!0})],c.prototype,`modal`,void 0),o([r({type:Boolean,reflect:!0})],c.prototype,`open`,void 0),o([r({reflect:!0})],c.prototype,`layout`,void 0),c=o([a(`moni-nav`)],c);
|
|
@@ -444,6 +444,7 @@ import{a as e,c as t,d as n,i as r,m as i,n as a,o,r as s,s as c,t as l}from"../
|
|
|
444
444
|
></i>`,u=this._parsedOptions.some(e=>e.type===`group`)&&!this._searchQuery&&!this._useInlineCategories,d={"dropdown-menu":!0,open:this._open,scrollable:!u,searching:!!this._searchQuery,"inline-categories":this._useInlineCategories,"placement-top":this._actualPlacement===`top`,"placement-bottom":this._actualPlacement===`bottom`,"placement-left":this._actualPlacement===`left`,"placement-right":this._actualPlacement===`right`};return n`<div class=${p(s)} part="field">
|
|
445
445
|
${c}
|
|
446
446
|
<input
|
|
447
|
+
id="input"
|
|
447
448
|
type="text"
|
|
448
449
|
part="input"
|
|
449
450
|
.value=${a}
|
|
@@ -457,6 +458,7 @@ import{a as e,c as t,d as n,i as r,m as i,n as a,o,r as s,s as c,t as l}from"../
|
|
|
457
458
|
@keydown=${this._onKeyDown}
|
|
458
459
|
/>
|
|
459
460
|
${this.label?n`<label
|
|
461
|
+
for="input"
|
|
460
462
|
part="label"
|
|
461
463
|
class=${p({active:o})}
|
|
462
464
|
>${this.label}</label
|