@mhmo91/schmancy 0.10.29 → 0.10.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{mixins-CxGRIPYQ.cjs → SchmancyElement-D8_z9JrW.cjs} +2 -242
- package/dist/SchmancyElement-D8_z9JrW.cjs.map +1 -0
- package/dist/{mixins-BfazlmLD.js → SchmancyElement-DuzT2AMa.js} +149 -492
- package/dist/SchmancyElement-DuzT2AMa.js.map +1 -0
- package/dist/agent/{flow-3RrZM-e7.js.map → flow-CvG1fLW5.js.map} +1 -1
- package/dist/agent/schmancy.agent.js +8465 -2980
- package/dist/agent/schmancy.agent.js.map +1 -1
- package/dist/agent/{vendor-material-color-33Mj762T.js.map → vendor-material-color-DcL7ZPxx.js.map} +1 -1
- package/dist/animation-CCOIW4wJ.cjs.map +1 -1
- package/dist/animation-DCznELuT.js.map +1 -1
- package/dist/{area-D5wIy4Fn.js → area-0l8V7HlF.js} +2 -2
- package/dist/{area-D5wIy4Fn.js.map → area-0l8V7HlF.js.map} +1 -1
- package/dist/area-WGfTrwcJ.cjs +21 -0
- package/dist/{area-HXuLLQnN.cjs.map → area-WGfTrwcJ.cjs.map} +1 -1
- package/dist/area.cjs +1 -1
- package/dist/area.js +1 -1
- package/dist/{audio-Cvmemu84.cjs → audio-9QLk4pU-.cjs} +1 -1
- package/dist/{audio-Cvmemu84.cjs.map → audio-9QLk4pU-.cjs.map} +1 -1
- package/dist/{audio-CxO5a2HL.js → audio-x9oLVKBH.js} +1 -1
- package/dist/{audio-CxO5a2HL.js.map → audio-x9oLVKBH.js.map} +1 -1
- package/dist/audio.cjs +1 -1
- package/dist/audio.js +2 -2
- package/dist/{autocomplete-hj2AQyEF.cjs → autocomplete-CjjfXbJC.cjs} +2 -2
- package/dist/{autocomplete-hj2AQyEF.cjs.map → autocomplete-CjjfXbJC.cjs.map} +1 -1
- package/dist/{autocomplete-DCkkdDON.js → autocomplete-sjZovPcs.js} +7 -7
- package/dist/{autocomplete-DCkkdDON.js.map → autocomplete-sjZovPcs.js.map} +1 -1
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/avatar.cjs +3 -3
- package/dist/avatar.cjs.map +1 -1
- package/dist/avatar.js +3 -3
- package/dist/avatar.js.map +1 -1
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/{boat-BfgbRnhA.js → boat-CEaQaCmG.js} +3 -3
- package/dist/{boat-BfgbRnhA.js.map → boat-CEaQaCmG.js.map} +1 -1
- package/dist/{boat-B_5F_rFr.cjs → boat-CI5rcGS5.cjs} +11 -11
- package/dist/{boat-B_5F_rFr.cjs.map → boat-CI5rcGS5.cjs.map} +1 -1
- package/dist/boat.cjs +1 -1
- package/dist/boat.js +1 -1
- package/dist/breadcrumb.cjs +4 -4
- package/dist/breadcrumb.cjs.map +1 -1
- package/dist/breadcrumb.js +2 -2
- package/dist/breadcrumb.js.map +1 -1
- package/dist/{busy-zIt9bTZn.cjs → busy-DDKXlzDA.cjs} +8 -8
- package/dist/{busy-zIt9bTZn.cjs.map → busy-DDKXlzDA.cjs.map} +1 -1
- package/dist/{busy-D6tAS-kW.js → busy-DwD-XHqS.js} +2 -2
- package/dist/{busy-D6tAS-kW.js.map → busy-DwD-XHqS.js.map} +1 -1
- package/dist/busy.cjs +1 -1
- package/dist/busy.js +1 -1
- package/dist/{button-D7AejvfK.js → button-BnGN6SsV.js} +2 -2
- package/dist/{button-D7AejvfK.js.map → button-BnGN6SsV.js.map} +1 -1
- package/dist/{button-8oMffyiO.cjs → button-DlqCWuk-.cjs} +15 -15
- package/dist/{button-8oMffyiO.cjs.map → button-DlqCWuk-.cjs.map} +1 -1
- package/dist/button.cjs +19 -19
- package/dist/button.cjs.map +1 -1
- package/dist/button.js +3 -3
- package/dist/button.js.map +1 -1
- package/dist/{card-CUt9fm_4.js → card-D3IxxBBP.js} +2 -2
- package/dist/{card-CUt9fm_4.js.map → card-D3IxxBBP.js.map} +1 -1
- package/dist/{card-CTucMMgp.cjs → card-DWZhZ5Ds.cjs} +10 -10
- package/dist/{card-CTucMMgp.cjs.map → card-DWZhZ5Ds.cjs.map} +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{checkbox-DrKsfzC4.cjs → checkbox-BBttnA_a.cjs} +3 -3
- package/dist/{checkbox-DrKsfzC4.cjs.map → checkbox-BBttnA_a.cjs.map} +1 -1
- package/dist/{checkbox-DMmqe2OO.js → checkbox-t__wRS-9.js} +5 -5
- package/dist/{checkbox-DMmqe2OO.js.map → checkbox-t__wRS-9.js.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{chips-DRGsqDMA.js → chips-B8HM25xv.js} +4 -4
- package/dist/{chips-DRGsqDMA.js.map → chips-B8HM25xv.js.map} +1 -1
- package/dist/{chips-B1yQgLyW.cjs → chips-lipKBK9P.cjs} +18 -18
- package/dist/{chips-B1yQgLyW.cjs.map → chips-lipKBK9P.cjs.map} +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +2 -2
- package/dist/connectivity.cjs +7 -7
- package/dist/connectivity.cjs.map +1 -1
- package/dist/connectivity.js +3 -3
- package/dist/connectivity.js.map +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/cursor-glow-Ah7VXSj7.js.map +1 -1
- package/dist/cursor-glow-Bulq-38P.cjs.map +1 -1
- package/dist/{date-range-TDF-f0ss.js → date-range-CObvXmZ4.js} +6 -6
- package/dist/{date-range-TDF-f0ss.js.map → date-range-CObvXmZ4.js.map} +1 -1
- package/dist/{date-range-BeF0dW1W.cjs → date-range-DXct0_Jg.cjs} +3 -3
- package/dist/{date-range-BeF0dW1W.cjs.map → date-range-DXct0_Jg.cjs.map} +1 -1
- package/dist/{date-range-inline-JLsmcle2.js → date-range-inline-BEP-oWJZ.js} +5 -5
- package/dist/{date-range-inline-JLsmcle2.js.map → date-range-inline-BEP-oWJZ.js.map} +1 -1
- package/dist/date-range-inline-lhkwHFxY.cjs +43 -0
- package/dist/{date-range-inline-BnhQZTK0.cjs.map → date-range-inline-lhkwHFxY.cjs.map} +1 -1
- package/dist/date-range-inline.cjs +1 -1
- package/dist/date-range-inline.js +1 -1
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/delay.cjs +4 -4
- package/dist/delay.cjs.map +1 -1
- package/dist/delay.js +2 -2
- package/dist/delay.js.map +1 -1
- package/dist/{details-T75tUASO.cjs → details-DSGEewvZ.cjs} +2 -2
- package/dist/{details-T75tUASO.cjs.map → details-DSGEewvZ.cjs.map} +1 -1
- package/dist/{details-ChMhQpcY.js → details-nRdT8J-W.js} +11 -11
- package/dist/{details-ChMhQpcY.js.map → details-nRdT8J-W.js.map} +1 -1
- package/dist/details.cjs +1 -1
- package/dist/details.js +1 -1
- package/dist/{directives-BkSqmLBV.cjs → directives-DJbBHfID.cjs} +1 -1
- package/dist/{directives-BkSqmLBV.cjs.map → directives-DJbBHfID.cjs.map} +1 -1
- package/dist/{directives-DgPbz0lQ.js → directives-DZzxV3Hh.js} +3 -3
- package/dist/{directives-DgPbz0lQ.js.map → directives-DZzxV3Hh.js.map} +1 -1
- package/dist/directives.cjs +1 -1
- package/dist/directives.js +2 -2
- package/dist/discovery.service-CIa3Eeuk.cjs.map +1 -1
- package/dist/discovery.service-DZFxtRwW.js.map +1 -1
- package/dist/{divider-D69bhEUY.js → divider-BHgrisGQ.js} +2 -2
- package/dist/{divider-D69bhEUY.js.map → divider-BHgrisGQ.js.map} +1 -1
- package/dist/{divider-DopO0yKi.cjs → divider-D21yKZNJ.cjs} +3 -3
- package/dist/{divider-DopO0yKi.cjs.map → divider-D21yKZNJ.cjs.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/dropdown.cjs +4 -4
- package/dist/dropdown.cjs.map +1 -1
- package/dist/dropdown.js +2 -2
- package/dist/dropdown.js.map +1 -1
- package/dist/{expand-KLSx5dea.js → expand-2TTbmm_z.js} +9 -9
- package/dist/{expand-KLSx5dea.js.map → expand-2TTbmm_z.js.map} +1 -1
- package/dist/{expand-C386rVT8.cjs → expand-wRphbpW6.cjs} +3 -3
- package/dist/{expand-C386rVT8.cjs.map → expand-wRphbpW6.cjs.map} +1 -1
- package/dist/expand.cjs +1 -1
- package/dist/expand.js +1 -1
- package/dist/float-B0L_CH4v.cjs +1 -0
- package/dist/{float-DyaPI0qO.cjs.map → float-B0L_CH4v.cjs.map} +1 -1
- package/dist/{float-BoPLNysg.js → float-dtDqRmcL.js} +2 -2
- package/dist/{float-BoPLNysg.js.map → float-dtDqRmcL.js.map} +1 -1
- package/dist/float.cjs +1 -1
- package/dist/float.js +1 -1
- package/dist/{form-CYeMWHmy.js → form-BxY-9F6N.js} +6 -6
- package/dist/{form-CYeMWHmy.js.map → form-BxY-9F6N.js.map} +1 -1
- package/dist/{form-CGIJlQyP.cjs → form-DvqHReDF.cjs} +3 -3
- package/dist/{form-CGIJlQyP.cjs.map → form-DvqHReDF.cjs.map} +1 -1
- package/dist/form.cjs +6 -6
- package/dist/form.cjs.map +1 -1
- package/dist/form.js +10 -10
- package/dist/form.js.map +1 -1
- package/dist/gravity-6pL6CfIr.cjs.map +1 -1
- package/dist/gravity-sVK3zGBF.js.map +1 -1
- package/dist/handover/agent-runtime-followups.md +1 -1
- package/dist/handover/agent-runtime-v1.md +3 -3
- package/dist/hashContent-BqU6v1Xr.js.map +1 -1
- package/dist/hashContent-iRZJJWtE.cjs.map +1 -1
- package/dist/{icons-CJUA5bfI.cjs → icons-BbC4t44c.cjs} +6 -6
- package/dist/{icons-CJUA5bfI.cjs.map → icons-BbC4t44c.cjs.map} +1 -1
- package/dist/{icons-BUQNMhjw.js → icons-CO8UrTJQ.js} +2 -2
- package/dist/{icons-BUQNMhjw.js.map → icons-CO8UrTJQ.js.map} +1 -1
- package/dist/icons.cjs +1 -1
- package/dist/icons.js +1 -1
- package/dist/{iframe-pn7MIeH8.cjs → iframe-BepoWz9Z.cjs} +5 -5
- package/dist/{iframe-pn7MIeH8.cjs.map → iframe-BepoWz9Z.cjs.map} +1 -1
- package/dist/{iframe-CbL0jCo1.js → iframe-t5zo89Fs.js} +2 -2
- package/dist/{iframe-CbL0jCo1.js.map → iframe-t5zo89Fs.js.map} +1 -1
- package/dist/iframe.cjs +1 -1
- package/dist/iframe.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +68 -69
- package/dist/{input-C1h5lLiJ.js → input-2OR6wjfT.js} +15 -15
- package/dist/{input-C1h5lLiJ.js.map → input-2OR6wjfT.js.map} +1 -1
- package/dist/{input-Cmc0IoUP.cjs → input-B-wPPC5o.cjs} +2 -2
- package/dist/{input-Cmc0IoUP.cjs.map → input-B-wPPC5o.cjs.map} +1 -1
- package/dist/{input-chip-DqAR4nPD.js → input-chip-NBsnZkzu.js} +2 -2
- package/dist/{input-chip-DqAR4nPD.js.map → input-chip-NBsnZkzu.js.map} +1 -1
- package/dist/{input-chip-B0X_CodJ.cjs → input-chip-O5-pgek1.cjs} +9 -9
- package/dist/{input-chip-B0X_CodJ.cjs.map → input-chip-O5-pgek1.cjs.map} +1 -1
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/json.cjs +3 -3
- package/dist/json.cjs.map +1 -1
- package/dist/json.js +3 -3
- package/dist/json.js.map +1 -1
- package/dist/kbd.cjs +2 -2
- package/dist/kbd.cjs.map +1 -1
- package/dist/kbd.js +2 -2
- package/dist/kbd.js.map +1 -1
- package/dist/{layout-DSAjo92m.js → layout-CJ01zE9V.js} +1 -1
- package/dist/{layout-DSAjo92m.js.map → layout-CJ01zE9V.js.map} +1 -1
- package/dist/{layout-eXb9wjDh.cjs → layout-D7nKwpa5.cjs} +1 -1
- package/dist/{layout-eXb9wjDh.cjs.map → layout-D7nKwpa5.cjs.map} +1 -1
- package/dist/layout.cjs +2 -2
- package/dist/layout.cjs.map +1 -1
- package/dist/layout.js +2 -2
- package/dist/layout.js.map +1 -1
- package/dist/lazy-CayEFyC3.cjs.map +1 -1
- package/dist/lazy-D-bO2r4m.js.map +1 -1
- package/dist/{lightbox-BiNK_plj.cjs → lightbox-DVpvjsYb.cjs} +21 -21
- package/dist/{lightbox-BiNK_plj.cjs.map → lightbox-DVpvjsYb.cjs.map} +1 -1
- package/dist/{lightbox-C3zomJ-r.js → lightbox-Droe9dYY.js} +8 -8
- package/dist/{lightbox-C3zomJ-r.js.map → lightbox-Droe9dYY.js.map} +1 -1
- package/dist/lightbox.cjs +1 -1
- package/dist/lightbox.js +1 -1
- package/dist/{list-Bbmp1uMa.js → list-DzAWv99q.js} +2 -2
- package/dist/{list-Bbmp1uMa.js.map → list-DzAWv99q.js.map} +1 -1
- package/dist/{list-CbM9w9OM.cjs → list-JjUsFCP6.cjs} +5 -5
- package/dist/{list-CbM9w9OM.cjs.map → list-JjUsFCP6.cjs.map} +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/magnetic-B2VKNfDu.js.map +1 -1
- package/dist/magnetic-MQ3HMHJi.cjs.map +1 -1
- package/dist/menu-BNPbrAmd.cjs +23 -0
- package/dist/{menu-Bfay8vF8.cjs.map → menu-BNPbrAmd.cjs.map} +1 -1
- package/dist/{menu-Ph2hboJd.js → menu-D2cZSp74.js} +3 -3
- package/dist/{menu-Ph2hboJd.js.map → menu-D2cZSp74.js.map} +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.js +1 -1
- package/dist/mixins-Cevarn7V.js +412 -0
- package/dist/mixins-Cevarn7V.js.map +1 -0
- package/dist/mixins-JyO9GSGy.cjs +245 -0
- package/dist/mixins-JyO9GSGy.cjs.map +1 -0
- package/dist/mixins.cjs +1 -1
- package/dist/mixins.js +3 -2
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/navigation-bar.cjs +1 -1
- package/dist/navigation-bar.js +1 -1
- package/dist/navigation-rail.cjs +10 -10
- package/dist/navigation-rail.cjs.map +1 -1
- package/dist/navigation-rail.js +2 -2
- package/dist/navigation-rail.js.map +1 -1
- package/dist/notification-CaeRS5US.cjs +24 -0
- package/dist/{notification-DT_cAi8U.cjs.map → notification-CaeRS5US.cjs.map} +1 -1
- package/dist/{notification-Du5FRbYp.js → notification-Dxwx0Zln.js} +4 -4
- package/dist/{notification-Du5FRbYp.js.map → notification-Dxwx0Zln.js.map} +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +1 -1
- package/dist/{option-B7y4FhOn.js → option-BCnYutZz.js} +2 -2
- package/dist/{option-B7y4FhOn.js.map → option-BCnYutZz.js.map} +1 -1
- package/dist/{option-Cl5Q987d.cjs → option-C6wXFQOM.cjs} +5 -5
- package/dist/{option-Cl5Q987d.cjs.map → option-C6wXFQOM.cjs.map} +1 -1
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{overlay-B79m-KXf.js → overlay-BVdgWkIj.js} +5 -5
- package/dist/{overlay-B79m-KXf.js.map → overlay-BVdgWkIj.js.map} +1 -1
- package/dist/overlay-U5jr3OYG.cjs +43 -0
- package/dist/{overlay-CRwfhbyi.cjs.map → overlay-U5jr3OYG.cjs.map} +1 -1
- package/dist/overlay-stack-Bdr9lOqi.cjs.map +1 -1
- package/dist/overlay-stack-D2rgxQLh.js.map +1 -1
- package/dist/overlay.cjs +1 -1
- package/dist/overlay.confirm-body-BCWt92R7.cjs +70 -0
- package/dist/{overlay.confirm-body-CxOomuN6.cjs.map → overlay.confirm-body-BCWt92R7.cjs.map} +1 -1
- package/dist/{overlay.confirm-body-CW_spktW.js → overlay.confirm-body-BYPEKZtR.js} +6 -6
- package/dist/{overlay.confirm-body-CW_spktW.js.map → overlay.confirm-body-BYPEKZtR.js.map} +1 -1
- package/dist/overlay.js +3 -3
- package/dist/{overlay.service-fb3KaMiP.cjs → overlay.service-D4_SgGuT.cjs} +1 -1
- package/dist/{overlay.service-fb3KaMiP.cjs.map → overlay.service-D4_SgGuT.cjs.map} +1 -1
- package/dist/{overlay.service-DsBb_UwG.js → overlay.service-Dq2X6ibl.js} +2 -2
- package/dist/{overlay.service-DsBb_UwG.js.map → overlay.service-Dq2X6ibl.js.map} +1 -1
- package/dist/{progress-fnGrmHpm.cjs → progress-Bc_IBaNH.cjs} +7 -7
- package/dist/{progress-fnGrmHpm.cjs.map → progress-Bc_IBaNH.cjs.map} +1 -1
- package/dist/{progress-CMwUEDB1.js → progress-BoFm3r6h.js} +2 -2
- package/dist/{progress-CMwUEDB1.js.map → progress-BoFm3r6h.js.map} +1 -1
- package/dist/progress.cjs +1 -1
- package/dist/progress.js +1 -1
- package/dist/radio-group-C34WDjrN.cjs +19 -0
- package/dist/{radio-group-DQRJGMgS.cjs.map → radio-group-C34WDjrN.cjs.map} +1 -1
- package/dist/{radio-group-Zb0fies1.js → radio-group-DnHhGrXp.js} +6 -6
- package/dist/{radio-group-Zb0fies1.js.map → radio-group-DnHhGrXp.js.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/range.cjs +2 -2
- package/dist/range.cjs.map +1 -1
- package/dist/range.js +5 -5
- package/dist/range.js.map +1 -1
- package/dist/reduced-motion-D-L12p7G.js.map +1 -1
- package/dist/reduced-motion-Ds-HjMzn.cjs.map +1 -1
- package/dist/rxjs-utils-Csnks202.cjs.map +1 -1
- package/dist/rxjs-utils-d-ivVN84.js.map +1 -1
- package/dist/search-DPKoC-dT.cjs.map +1 -1
- package/dist/search-MvIBA93K.js.map +1 -1
- package/dist/{select-C-acFFtV.cjs → select-Gb9fTA4M.cjs} +2 -2
- package/dist/{select-C-acFFtV.cjs.map → select-Gb9fTA4M.cjs.map} +1 -1
- package/dist/{select-BJJKYtEi.js → select-gRJb1TEf.js} +6 -6
- package/dist/{select-BJJKYtEi.js.map → select-gRJb1TEf.js.map} +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/skeleton.cjs +2 -2
- package/dist/skeleton.cjs.map +1 -1
- package/dist/skeleton.js +2 -2
- package/dist/skeleton.js.map +1 -1
- package/dist/skills/form.md +34 -0
- package/dist/skills/schmancy/form.md +34 -0
- package/dist/slider.cjs +7 -7
- package/dist/slider.cjs.map +1 -1
- package/dist/slider.js +2 -2
- package/dist/slider.js.map +1 -1
- package/dist/{sound.service-v_jqCkos.js → sound.service-Cuo4-X_-.js} +1 -1
- package/dist/{sound.service-v_jqCkos.js.map → sound.service-Cuo4-X_-.js.map} +1 -1
- package/dist/{sound.service-DVJZb9ox.cjs → sound.service-Czs3gmRx.cjs} +1 -1
- package/dist/{sound.service-DVJZb9ox.cjs.map → sound.service-Czs3gmRx.cjs.map} +1 -1
- package/dist/splash-screen-C0oeDPxV.cjs +41 -0
- package/dist/{splash-screen-CGnhHDB_.cjs.map → splash-screen-C0oeDPxV.cjs.map} +1 -1
- package/dist/{splash-screen-CCDpzGg_.js → splash-screen-CbcYpkIx.js} +2 -2
- package/dist/{splash-screen-CCDpzGg_.js.map → splash-screen-CbcYpkIx.js.map} +1 -1
- package/dist/splash-screen.cjs +1 -1
- package/dist/splash-screen.js +1 -1
- package/dist/src-C_7k7YhE.cjs +263 -0
- package/dist/{src-C0MzzF_S.cjs.map → src-C_7k7YhE.cjs.map} +1 -1
- package/dist/{src-CUcUMK0M.js → src-DavVEUeO.js} +35 -35
- package/dist/{src-CUcUMK0M.js.map → src-DavVEUeO.js.map} +1 -1
- package/dist/{state-CHbIt2Dw.js → state-B-5H9i10.js} +280 -273
- package/dist/state-B-5H9i10.js.map +1 -0
- package/dist/state-D85Se4Fx.cjs +1 -0
- package/dist/state-D85Se4Fx.cjs.map +1 -0
- package/dist/state.cjs +1 -1
- package/dist/state.js +3 -3
- package/dist/steps.cjs +10 -10
- package/dist/steps.cjs.map +1 -1
- package/dist/steps.js +2 -2
- package/dist/steps.js.map +1 -1
- package/dist/surface-DHPaLOTA.cjs +7 -0
- package/dist/{surface-DPzlMMYX.cjs.map → surface-DHPaLOTA.cjs.map} +1 -1
- package/dist/{surface-CLcc26d2.js → surface-gZpeCF6E.js} +4 -4
- package/dist/{surface-CLcc26d2.js.map → surface-gZpeCF6E.js.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/switch.cjs +2 -2
- package/dist/switch.cjs.map +1 -1
- package/dist/switch.js +6 -6
- package/dist/switch.js.map +1 -1
- package/dist/table.cjs +11 -11
- package/dist/table.cjs.map +1 -1
- package/dist/table.js +2 -2
- package/dist/table.js.map +1 -1
- package/dist/{tabs-BvEal6oS.js → tabs-DJNdoE-x.js} +2 -2
- package/dist/{tabs-BvEal6oS.js.map → tabs-DJNdoE-x.js.map} +1 -1
- package/dist/{tabs-DEKOKYrn.cjs → tabs-DgaVwuOo.cjs} +4 -4
- package/dist/{tabs-DEKOKYrn.cjs.map → tabs-DgaVwuOo.cjs.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/textarea-2QE5z6Ny.cjs +43 -0
- package/dist/{textarea-Cjlsy3y9.cjs.map → textarea-2QE5z6Ny.cjs.map} +1 -1
- package/dist/{textarea-CH62STRD.js → textarea-8x0prbgm.js} +9 -9
- package/dist/{textarea-CH62STRD.js.map → textarea-8x0prbgm.js.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/theme-D0yboni1.cjs +181 -0
- package/dist/{theme-CG3Gpne7.cjs.map → theme-D0yboni1.cjs.map} +1 -1
- package/dist/{theme-z82BIRuw.js → theme-DSD9Bs69.js} +8 -8
- package/dist/{theme-z82BIRuw.js.map → theme-DSD9Bs69.js.map} +1 -1
- package/dist/theme-button-Dpr6SGzB.cjs +8 -0
- package/dist/{theme-button-CEc_Kl54.cjs.map → theme-button-Dpr6SGzB.cjs.map} +1 -1
- package/dist/{theme-button-oWeOoeSw.js → theme-button-nd6Z7plT.js} +2 -2
- package/dist/{theme-button-oWeOoeSw.js.map → theme-button-nd6Z7plT.js.map} +1 -1
- package/dist/theme-button.cjs +1 -1
- package/dist/theme-button.js +1 -1
- package/dist/theme.cjs +1 -1
- package/dist/theme.interface-CSt7JUBD.cjs.map +1 -1
- package/dist/theme.interface-odQEpZZH.js.map +1 -1
- package/dist/theme.js +3 -3
- package/dist/{theme.service-Y-e8b331.cjs → theme.service-LtQw04e6.cjs} +1 -1
- package/dist/{theme.service-Y-e8b331.cjs.map → theme.service-LtQw04e6.cjs.map} +1 -1
- package/dist/{theme.service-Bh08uOSJ.js → theme.service-mRlvWZVs.js} +1 -1
- package/dist/{theme.service-Bh08uOSJ.js.map → theme.service-mRlvWZVs.js.map} +1 -1
- package/dist/tooltip.cjs.map +1 -1
- package/dist/tooltip.js.map +1 -1
- package/dist/tree.cjs +3 -3
- package/dist/tree.cjs.map +1 -1
- package/dist/tree.js +2 -2
- package/dist/tree.js.map +1 -1
- package/dist/types.cjs.map +1 -1
- package/dist/types.js.map +1 -1
- package/dist/typewriter.cjs.map +1 -1
- package/dist/typewriter.js.map +1 -1
- package/dist/{typography-CjAvaB88.cjs → typography-CiZQpzE4.cjs} +4 -4
- package/dist/{typography-CjAvaB88.cjs.map → typography-CiZQpzE4.cjs.map} +1 -1
- package/dist/{typography-DP82e3GJ.js → typography-DXyf-KdK.js} +2 -2
- package/dist/{typography-DP82e3GJ.js.map → typography-DXyf-KdK.js.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/dist/utils-DTa3QHxk.cjs.map +1 -1
- package/dist/utils-H8wNknWC.js.map +1 -1
- package/dist/visually-hidden.cjs +2 -2
- package/dist/visually-hidden.cjs.map +1 -1
- package/dist/visually-hidden.js +2 -2
- package/dist/visually-hidden.js.map +1 -1
- package/dist/{window-BkPXY-8m.js → window-C_ATa3qM.js} +3 -3
- package/dist/{window-BkPXY-8m.js.map → window-C_ATa3qM.js.map} +1 -1
- package/dist/window-qKfP5c6M.cjs +59 -0
- package/dist/{window-aVXgfw__.cjs.map → window-qKfP5c6M.cjs.map} +1 -1
- package/dist/window.cjs +1 -1
- package/dist/window.js +1 -1
- package/package.json +1 -1
- package/skills/schmancy/form.md +34 -0
- package/src/state/index.ts +27 -2
- package/src/state/schmancy-context.ts +89 -88
- package/src/surface/surface.styles.ts +14 -10
- package/types/src/state/index.d.ts +15 -1
- package/types/src/state/schmancy-context.d.ts +2 -2
- package/dist/active-host-BP0zy_Y9.js +0 -63
- package/dist/active-host-BP0zy_Y9.js.map +0 -1
- package/dist/active-host-jH3iloCR.cjs +0 -1
- package/dist/active-host-jH3iloCR.cjs.map +0 -1
- package/dist/agent/overlay.confirm-body-BFYWMa45.js +0 -5518
- package/dist/agent/overlay.confirm-body-BFYWMa45.js.map +0 -1
- package/dist/area-HXuLLQnN.cjs +0 -21
- package/dist/date-range-inline-BnhQZTK0.cjs +0 -43
- package/dist/float-DyaPI0qO.cjs +0 -1
- package/dist/menu-Bfay8vF8.cjs +0 -23
- package/dist/mixins-BfazlmLD.js.map +0 -1
- package/dist/mixins-CxGRIPYQ.cjs.map +0 -1
- package/dist/notification-DT_cAi8U.cjs +0 -24
- package/dist/overlay-CRwfhbyi.cjs +0 -43
- package/dist/overlay.confirm-body-CxOomuN6.cjs +0 -70
- package/dist/radio-group-DQRJGMgS.cjs +0 -19
- package/dist/splash-screen-CGnhHDB_.cjs +0 -41
- package/dist/src-C0MzzF_S.cjs +0 -263
- package/dist/state-CHbIt2Dw.js.map +0 -1
- package/dist/state-DcGj-pJJ.cjs +0 -1
- package/dist/state-DcGj-pJJ.cjs.map +0 -1
- package/dist/surface-DPzlMMYX.cjs +0 -7
- package/dist/textarea-Cjlsy3y9.cjs +0 -43
- package/dist/theme-CG3Gpne7.cjs +0 -181
- package/dist/theme-button-CEc_Kl54.cjs +0 -8
- package/dist/window-aVXgfw__.cjs +0 -59
- /package/dist/agent/{flow-3RrZM-e7.js → flow-CvG1fLW5.js} +0 -0
- /package/dist/agent/{vendor-material-color-33Mj762T.js → vendor-material-color-DcL7ZPxx.js} +0 -0
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-D8_z9JrW.cjs`);require(`./mixins-JyO9GSGy.cjs`);const t=require(`./area-WGfTrwcJ.cjs`);require(`./state-D85Se4Fx.cjs`),require(`./audio-9QLk4pU-.cjs`),require(`./autocomplete-CjjfXbJC.cjs`);const n=require(`./directives-DJbBHfID.cjs`),r=require(`./theme.service-LtQw04e6.cjs`);require(`./boat-CI5rcGS5.cjs`),require(`./busy-DDKXlzDA.cjs`),require(`./button.cjs`),require(`./card-DWZhZ5Ds.cjs`),require(`./checkbox-BBttnA_a.cjs`),require(`./chips-lipKBK9P.cjs`),require(`./connectivity.cjs`);const i=require(`./overlay.service-D4_SgGuT.cjs`);require(`./date-range-DXct0_Jg.cjs`),require(`./date-range-inline-lhkwHFxY.cjs`),require(`./delay.cjs`),require(`./details-DSGEewvZ.cjs`),require(`./discovery.cjs`),require(`./divider-D21yKZNJ.cjs`),require(`./dropdown.cjs`),require(`./expand-wRphbpW6.cjs`),require(`./float-B0L_CH4v.cjs`),require(`./window.cjs`),require(`./input.cjs`),require(`./radio-group-C34WDjrN.cjs`),require(`./range.cjs`);const a=require(`./theme.interface-CSt7JUBD.cjs`);require(`./select-Gb9fTA4M.cjs`),require(`./switch.cjs`),require(`./textarea-2QE5z6Ny.cjs`),require(`./form.cjs`),require(`./icons-BbC4t44c.cjs`),require(`./iframe-BepoWz9Z.cjs`),require(`./notification-CaeRS5US.cjs`),require(`./json.cjs`),require(`./layout.cjs`),require(`./lightbox-DVpvjsYb.cjs`),require(`./list-JjUsFCP6.cjs`),require(`./menu-BNPbrAmd.cjs`),require(`./navigation-rail.cjs`),require(`./option-C6wXFQOM.cjs`),require(`./overlay-U5jr3OYG.cjs`),require(`./progress.cjs`),require(`./rxjs-utils-Csnks202.cjs`),require(`./slider.cjs`),require(`./steps.cjs`),require(`./surface.cjs`),require(`./table.cjs`),require(`./tabs-DgaVwuOo.cjs`),require(`./theme-D0yboni1.cjs`),require(`./theme-button-Dpr6SGzB.cjs`),require(`./tooltip.cjs`),require(`./tree.cjs`);const o=require(`./types.cjs`);require(`./typewriter.cjs`),require(`./typography.cjs`),require(`./utils-DTa3QHxk.cjs`),require(`./avatar.cjs`),require(`./breadcrumb.cjs`),require(`./kbd.cjs`),require(`./skeleton.cjs`),require(`./splash-screen-C0oeDPxV.cjs`),require(`./visually-hidden.cjs`);let s=require(`rxjs`),c=require(`rxjs/operators`),l=require(`@lit/context`),u=require(`lit/decorators.js`),d=require(`lit`),f=require(`lit/directives/when.js`);var p=class extends e.t{constructor(...e){super(...e),this.color=`primary`,this.size=`md`,this.shape=`pill`,this.outlined=!1,this.icon=``,this.pulse=!1}static{this.styles=[d.css`
|
|
2
|
+
:host {
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
width: fit-content;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
/* Enhanced pulse animation for better attention-getting */
|
|
8
|
+
@keyframes elegant-pulse {
|
|
9
|
+
0%, 100% {
|
|
10
|
+
opacity: 1;
|
|
11
|
+
}
|
|
12
|
+
50% {
|
|
13
|
+
opacity: 0.85;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.animate-pulse {
|
|
18
|
+
animation: elegant-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
19
|
+
}
|
|
20
|
+
`]}getSizeClasses(){switch(this.size){case`xs`:return`text-xs py-0.75 px-1.5 gap-0.5 leading-none`;case`sm`:return`text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none`;case`lg`:return`text-base py-2 px-4 gap-1 tracking-wide`;default:return`text-sm py-1.5 px-3 gap-0.5`}}getShapeClasses(){switch(this.shape){case`square`:return`rounded`;case`rounded`:return`rounded-md`;default:return`rounded-full`}}getIconSizeClass(){switch(this.size){case`xs`:return`text-xs`;case`sm`:default:return`text-sm`;case`lg`:return`text-lg`}}getExoticStyles(){let e={};return this.size===`lg`&&(e.letterSpacing=`0.03em`,e.fontWeight=`500`),this.size===`sm`&&(e.letterSpacing=`0.02em`),e}getColorStyles(){return{primary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${a.t.sys.color.primary.container} 92%, ${a.t.sys.color.primary.default} 8%)`,text:this.outlined?a.t.sys.color.primary.default:a.t.sys.color.primary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.t.sys.color.primary.default} 90%, ${a.t.sys.color.surface.highest} 10%)`:void 0},secondary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${a.t.sys.color.secondary.container} 95%, ${a.t.sys.color.secondary.default} 5%)`,text:this.outlined?a.t.sys.color.secondary.default:a.t.sys.color.secondary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.t.sys.color.secondary.default} 85%, ${a.t.sys.color.surface.highest} 15%)`:void 0},tertiary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${a.t.sys.color.tertiary.container} 94%, ${a.t.sys.color.tertiary.default} 6%)`,text:this.outlined?a.t.sys.color.tertiary.default:a.t.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.t.sys.color.tertiary.default} 88%, ${a.t.sys.color.surface.highest} 12%)`:void 0},success:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${a.t.sys.color.success.container} 90%, ${a.t.sys.color.success.default} 10%)`,text:this.outlined?a.t.sys.color.success.default:a.t.sys.color.success.onContainer,border:this.outlined?`color-mix(in srgb, ${a.t.sys.color.success.default} 85%, ${a.t.sys.color.surface.bright} 15%)`:void 0},warning:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${a.t.sys.color.tertiary.container} 85%, ${a.t.sys.color.tertiary.default} 15%)`,text:this.outlined?a.t.sys.color.tertiary.default:a.t.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.t.sys.color.tertiary.default} 90%, ${a.t.sys.color.surface.highest} 10%)`:void 0},error:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${a.t.sys.color.error.container} 92%, ${a.t.sys.color.error.default} 8%)`,text:this.outlined?a.t.sys.color.error.default:a.t.sys.color.error.onContainer,border:this.outlined?`color-mix(in srgb, ${a.t.sys.color.error.default} 88%, ${a.t.sys.color.surface.bright} 12%)`:void 0},neutral:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${a.t.sys.color.surface.high} 95%, ${a.t.sys.color.outline} 5%)`,text:this.outlined?`color-mix(in srgb, ${a.t.sys.color.surface.on} 95%, ${a.t.sys.color.surface.default} 5%)`:a.t.sys.color.surface.on,border:this.outlined?`color-mix(in srgb, ${a.t.sys.color.outline} 85%, ${a.t.sys.color.surface.highest} 15%)`:void 0},surface:{bg:this.outlined?`transparent`:a.t.sys.color.surface.high,text:a.t.sys.color.surface.on,border:this.outlined?a.t.sys.color.outline:void 0}}[this.color]}render(){let e=this.getSizeClasses(),t=this.getShapeClasses(),r=this.getColorStyles(),i=this.getIconSizeClass(),a=this.getExoticStyles(),o={"inline-flex items-center justify-center font-medium":!0,"transition-all duration-200 ease-in-out":!0,[e]:!0,[t]:!0,"animate-pulse":this.pulse,"border border-solid":this.outlined,"shadow-sm":!this.outlined&&this.size===`sm`,shadow:!this.outlined&&this.size===`md`,"shadow-md":!this.outlined&&this.size===`lg`,"hover:brightness-95 hover:-translate-y-px":this.outlined,"hover:brightness-[0.98]":!this.outlined},s={borderColor:r.border,backdropFilter:this.outlined?`blur(4px)`:void 0,boxShadow:this.size!==`lg`||this.outlined?void 0:`0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)`,...a};return d.html`
|
|
21
|
+
<div
|
|
22
|
+
part="badge"
|
|
23
|
+
class="${this.classMap(o)}"
|
|
24
|
+
style="${this.styleMap(s)}"
|
|
25
|
+
${n.S({bgColor:r.bg,color:r.text})}
|
|
26
|
+
>
|
|
27
|
+
<!-- Icon slot or named icon -->
|
|
28
|
+
<slot name="icon">
|
|
29
|
+
${this.icon?d.html`
|
|
30
|
+
<div part="icon" class="shrink-0 flex items-center justify-center leading-none">
|
|
31
|
+
<schmancy-icon class="${i} flex items-center justify-center">${this.icon}</schmancy-icon>
|
|
32
|
+
</div>
|
|
33
|
+
`:``}
|
|
34
|
+
</slot>
|
|
35
|
+
|
|
36
|
+
<!-- Content with proper spacing from icon -->
|
|
37
|
+
<div part="content" class="flex items-center leading-none tracking-[0.01em] ${this.icon?`ml-[0.38em]`:``}">
|
|
38
|
+
<slot></slot>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
`}};e.u([(0,u.property)({type:String,reflect:!0})],p.prototype,`color`,void 0),e.u([(0,u.property)({type:String,reflect:!0})],p.prototype,`size`,void 0),e.u([(0,u.property)({type:String,reflect:!0})],p.prototype,`shape`,void 0),e.u([(0,u.property)({type:Boolean,reflect:!0})],p.prototype,`outlined`,void 0),e.u([(0,u.property)({type:String})],p.prototype,`icon`,void 0),e.u([(0,u.property)({type:Boolean,reflect:!0})],p.prototype,`pulse`,void 0),p=e.u([(0,u.customElement)(`schmancy-badge`)],p);var m=class extends p{};m=e.u([(0,u.customElement)(`sch-badge`)],m);var h=new class{constructor(){this.$drawer=new s.Subject,this.pushCounter=0,this.isDismissing$=new s.BehaviorSubject(!1),this.$drawer.pipe((0,s.concatMap)(e=>{switch(e.action){case`dismiss`:return(0,s.of)(e).pipe((0,s.tap)(()=>{this.isDismissing$.next(!0),this.dispatchToggleEvent(e.ref,`close`)}),(0,s.delay)(300),(0,s.tap)(()=>this.isDismissing$.next(!1)));case`render`:return(0,s.of)(e).pipe((0,s.tap)(()=>{this.dispatchToggleEvent(e.ref,`open`),this.dispatchRenderEvent(e.ref,e.component,e.title)}));case`push`:return(0,s.of)(e).pipe((0,s.tap)(()=>this.handlePush(e.ref,e.component,e.state,e.params,e.props)));default:return(0,s.of)(null)}})).subscribe()}dispatchToggleEvent(e,t){e.dispatchEvent(new CustomEvent(o.SchmancyEvents.ContentDrawerToggle,{detail:{state:t},bubbles:!0,composed:!0}))}dispatchRenderEvent(e,t,n,r,i,a){e.dispatchEvent(new CustomEvent(`schmancy-content-drawer-render`,{detail:{component:t,title:n,state:r,params:i,props:a},bubbles:!0,composed:!0}))}dimiss(e){this.$drawer.next({action:`dismiss`,ref:e})}render(e,t,n){e.dispatchEvent(new CustomEvent(`custom-event`)),this.$drawer.next({action:`render`,ref:e,component:t,title:n})}handlePush(e,t,n,r,i){let a={...n,_drawerPushId:++this.pushCounter};this.dispatchToggleEvent(e,`open`),this.dispatchRenderEvent(e,t,void 0,a,r,i)}push(e){this.$drawer.next({action:`push`,ref:window,...e})}},g=(0,l.createContext)(`push`),_=(0,l.createContext)(`close`),v=(0,l.createContext)(Math.floor(Math.random()*Date.now()).toString()),y=(0,l.createContext)(`100%`),b=(0,l.createContext)({}),x=`schmancy-content-drawer-overlay-dismiss`,S=class extends e.t{constructor(...e){super(...e),this.minWidth={main:360,sheet:576},this.schmancyContentDrawerID=Math.floor(Math.random()*Date.now()).toString(),this.maxHeight=`100%`,this._overlaySubscription=null}static{this.styles=[d.css`
|
|
42
|
+
:host {
|
|
43
|
+
position: relative;
|
|
44
|
+
inset: 0;
|
|
45
|
+
display: block;
|
|
46
|
+
overflow: hidden;
|
|
47
|
+
}
|
|
48
|
+
`]}firstUpdated(){this.setupResizeListener(),this.setupToggleListener(),this.setupRenderListener()}setupResizeListener(){(0,s.merge)((0,s.fromEvent)(window,`resize`),(0,s.fromEvent)(window,o.SchmancyEvents.ContentDrawerResize)).pipe((0,s.startWith)(!0),(0,s.debounceTime)(100),(0,s.map)(()=>this.clientWidth||window.innerWidth),(0,s.map)(e=>e>=this.minWidth.main+this.minWidth.sheet),(0,s.distinctUntilChanged)(),(0,s.tap)(()=>this.updateMaxHeight()),(0,s.takeUntil)(this.disconnecting)).subscribe(e=>this.updateMode(e))}setupToggleListener(){(0,s.fromEvent)(window,o.SchmancyEvents.ContentDrawerToggle).pipe((0,s.tap)(e=>e.stopPropagation()),(0,s.map)(e=>e.detail.state),(0,s.takeUntil)(this.disconnecting)).subscribe(e=>{this.open=e})}setupRenderListener(){(0,s.fromEvent)(window,`schmancy-content-drawer-render`).pipe((0,s.tap)(e=>e.stopPropagation()),(0,s.map)(e=>e.detail),(0,s.takeUntil)(this.disconnecting)).subscribe(e=>this.handleRender(e)),(0,s.fromEvent)(this,x).pipe((0,s.takeUntil)(this.disconnecting)).subscribe(()=>this.dismissOverlay())}updateMaxHeight(){this.maxHeight=window.innerHeight-this.getOffsetTop(this)+`px`,this.style.setProperty(`max-height`,this.maxHeight)}updateMode(e){e?(this.mode=`push`,this.open=`open`):(this.mode=`overlay`,this.open=`close`)}handleRender(e){this.mode===`push`?t.S.push({area:this.schmancyContentDrawerID,component:e.component,historyStrategy:`silent`,state:e.state,params:e.params,props:e.props}):this.mode===`overlay`&&(this._overlaySubscription?.unsubscribe(),this._overlaySubscription=i.o(e.component,{props:e.props}).pipe((0,s.takeUntil)(this.disconnecting)).subscribe({complete:()=>{this._overlaySubscription=null}}))}dismissOverlay(){this._overlaySubscription?.unsubscribe(),this._overlaySubscription=null}getOffsetTop(e){let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t}render(){return this.mode&&this.open?d.html`
|
|
49
|
+
<div class=${[`grid h-full`,`grid-flow-col auto-cols-max`,`grid-rows-[1fr]`,`justify-items-stretch items-stretch`,this.mode===`overlay`?`grid-cols-[1fr]`:`grid-cols-[auto_1fr]`].join(` `)}>
|
|
50
|
+
<slot></slot>
|
|
51
|
+
</div>
|
|
52
|
+
`:d.nothing}};e.u([(0,l.provide)({context:b})],S.prototype,`minWidth`,void 0),e.u([(0,l.provide)({context:_}),(0,u.property)()],S.prototype,`open`,void 0),e.u([(0,l.provide)({context:g}),(0,u.state)()],S.prototype,`mode`,void 0),e.u([(0,l.provide)({context:v})],S.prototype,`schmancyContentDrawerID`,void 0),e.u([(0,l.provide)({context:y})],S.prototype,`maxHeight`,void 0),e.u([(0,u.queryAssignedElements)({flatten:!0})],S.prototype,`assignedElements`,void 0),S=e.u([(0,u.customElement)(`schmancy-content-drawer`)],S);var C=class extends e.t{static{this.styles=[d.css`
|
|
53
|
+
:host {
|
|
54
|
+
display: block;
|
|
55
|
+
overflow: hidden;
|
|
56
|
+
}
|
|
57
|
+
`]}connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.main=this.minWidth:this.minWidth=this.drawerMinWidth.main}update(e){super.update(e),e.has(`minWidth`)&&this.minWidth&&(this.drawerMinWidth.main=this.minWidth,this.dispatchEvent(new CustomEvent(o.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0})))}render(){let e={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return d.html`
|
|
58
|
+
<section class="relative inset-0 h-full">
|
|
59
|
+
<div class=${[`grid h-full relative overflow-scroll`,`grid-flow-col auto-cols-max`,`grid-rows-[1fr]`,`items-stretch justify-items-stretch`,this.mode===`push`?`grid-cols-[auto_1fr]`:`grid-cols-[1fr]`].join(` `)}>
|
|
60
|
+
<section style=${this.styleMap(e)}>
|
|
61
|
+
<slot></slot>
|
|
62
|
+
</section>
|
|
63
|
+
</div>
|
|
64
|
+
${(0,f.when)(this.mode===`push`,()=>d.html` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
|
|
65
|
+
</section>
|
|
66
|
+
`}};e.u([(0,u.property)({type:Number})],C.prototype,`minWidth`,void 0),e.u([(0,l.consume)({context:b,subscribe:!0})],C.prototype,`drawerMinWidth`,void 0),e.u([(0,l.consume)({context:g,subscribe:!0}),(0,u.state)()],C.prototype,`mode`,void 0),e.u([(0,l.consume)({context:y,subscribe:!0}),(0,u.state)()],C.prototype,`maxHeight`,void 0),C=e.u([(0,u.customElement)(`schmancy-content-drawer-main`)],C);var w=class extends e.t{static{this.styles=[d.css`
|
|
67
|
+
:host {
|
|
68
|
+
overflow: scroll;
|
|
69
|
+
}
|
|
70
|
+
`]}connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.sheet=this.minWidth:this.minWidth=this.drawerMinWidth.sheet}updated(e){super.updated(e),e.has(`minWidth`)&&this.minWidth?(this.drawerMinWidth.sheet=this.minWidth,this.dispatchEvent(new CustomEvent(o.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0}))):(e.has(`state`)||e.has(`mode`))&&(this.mode===`overlay`?this.state===`close`?this.closeAll():this.state:this.mode===`push`&&(this.requestOverlayDismiss(),this.state===`close`?this.closeAll():this.state===`open`&&this.open()))}open(){this.mode===`overlay`?this.sheet.style.position=`fixed`:this.sheet.style.position=`relative`,this.sheet.style.display=`block`,this.sheet.animate([{opacity:0,transform:`translateX(100%)`},{opacity:1,transform:`translateX(0%)`}],{duration:250,easing:`cubic-bezier(0.5, 0.01, 0.25, 1)`})}requestOverlayDismiss(){this.dispatchEvent(new CustomEvent(x,{bubbles:!0,composed:!0}))}closeAll(){this.requestOverlayDismiss(),this.closeSheet().pipe((0,s.takeUntil)(this.disconnecting)).subscribe()}closeSheet(){return new s.Observable(e=>{this.sheet.animate([{opacity:1,transform:`translateX(0%)`},{opacity:1,transform:`translateX(100%)`}],{duration:250,easing:`cubic-bezier(0.5, 0.01, 0.25, 1)`}).onfinish=()=>{this.sheet.style.display=`none`,e.next(),e.complete()}})}render(){let e={"block h-full w-full":this.mode===`push`,"absolute z-50":this.mode===`overlay`,"opacity-1":this.mode===`overlay`&&this.state===`open`},t={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return d.html`
|
|
71
|
+
<section id="sheet" class="${this.classMap(e)}" style=${this.styleMap(t)}>
|
|
72
|
+
<schmancy-area class="h-full w-full" name="${this.schmancyContentDrawerID}">
|
|
73
|
+
<slot name="placeholder"></slot>
|
|
74
|
+
</schmancy-area>
|
|
75
|
+
</section>
|
|
76
|
+
`}};e.u([(0,u.property)({type:Number})],w.prototype,`minWidth`,void 0),e.u([(0,l.consume)({context:g,subscribe:!0}),(0,u.state)()],w.prototype,`mode`,void 0),e.u([(0,l.consume)({context:_,subscribe:!0}),(0,u.state)()],w.prototype,`state`,void 0),e.u([(0,l.consume)({context:v})],w.prototype,`schmancyContentDrawerID`,void 0),e.u([(0,u.query)(`#sheet`)],w.prototype,`sheet`,void 0),e.u([(0,u.queryAssignedElements)({flatten:!0,slot:void 0})],w.prototype,`defaultSlot`,void 0),e.u([(0,l.consume)({context:b,subscribe:!0})],w.prototype,`drawerMinWidth`,void 0),e.u([(0,l.consume)({context:y,subscribe:!0}),(0,u.state)()],w.prototype,`maxHeight`,void 0),w=e.u([(0,u.customElement)(`schmancy-content-drawer-sheet`)],w);var T=new class{constructor(){this.$drawer=new s.Subject,this.$drawer.pipe((0,s.debounceTime)(10)).subscribe(e=>{e.state?window.dispatchEvent(new CustomEvent(o.SchmancyEvents.NavDrawer_toggle,{detail:{state:`open`},bubbles:!0,composed:!0})):window.dispatchEvent(new CustomEvent(o.SchmancyEvents.NavDrawer_toggle,{detail:{state:`close`},bubbles:!0,composed:!0}))})}open(e){this.$drawer.next({self:e,state:!0})}close(e){this.$drawer.next({self:e,state:!1})}},E=T,D=class extends e.t{static{this.styles=[d.css`
|
|
77
|
+
:host {
|
|
78
|
+
display: block;
|
|
79
|
+
width: 100%;
|
|
80
|
+
min-width: 0;
|
|
81
|
+
}
|
|
82
|
+
`]}render(){return d.html`<slot></slot>`}};D=e.u([(0,u.customElement)(`schmancy-nav-drawer-appbar`)],D);var O=class extends e.t{static{this.styles=[d.css`
|
|
83
|
+
:host {
|
|
84
|
+
display: block;
|
|
85
|
+
position: relative;
|
|
86
|
+
inset: 0;
|
|
87
|
+
overflow-y: auto;
|
|
88
|
+
}
|
|
89
|
+
`]}connectedCallback(){super.connectedCallback(),(0,s.fromEvent)(this,`scroll`).pipe((0,s.takeUntil)(this.disconnecting)).subscribe(e=>{this.parentElement.dispatchEvent(new CustomEvent(`scroll`,{detail:e,bubbles:!0,composed:!0}))})}render(){return d.html` <slot></slot> `}};O=e.u([(0,u.customElement)(`schmancy-nav-drawer-content`)],O);var k,A=(0,l.createContext)(`push`),j=(0,l.createContext)(`close`),M=class extends e.t{static{k=this}constructor(...e){super(...e),this.fullscreen=!1,this.breakpoint=`md`}static{this.styles=[d.css`
|
|
90
|
+
:host {
|
|
91
|
+
display: grid;
|
|
92
|
+
grid-template-columns: auto 1fr;
|
|
93
|
+
grid-template-rows: 1fr;
|
|
94
|
+
flex-grow: 1;
|
|
95
|
+
height: 100%;
|
|
96
|
+
overflow: hidden;
|
|
97
|
+
/* Initially hide the component until it's ready */
|
|
98
|
+
visibility: hidden;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
:host([data-ready]) {
|
|
102
|
+
visibility: visible;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
:host([fullscreen]) {
|
|
106
|
+
grid-template-columns: 1fr;
|
|
107
|
+
}
|
|
108
|
+
`]}static{this.BREAKPOINTS={sm:640,md:768,lg:1024,xl:1280}}firstUpdated(){this.updateState(window.innerWidth),this.setAttribute(`data-ready`,``),(0,s.fromEvent)(window,`resize`).pipe((0,s.map)(e=>e.target.innerWidth),(0,s.map)(e=>e>=k.BREAKPOINTS[this.breakpoint]),(0,s.distinctUntilChanged)(),(0,s.debounceTime)(100),(0,s.takeUntil)(this.disconnecting)).subscribe(e=>{e?(this.mode=`push`,this.open=`open`):(this.mode=`overlay`,this.open=`close`)}),(0,s.fromEvent)(window,`fullscreen`).pipe((0,s.tap)(e=>{let t=e;this.fullscreen=t.detail}),(0,s.takeUntil)(this.disconnecting)).subscribe(),(0,s.fromEvent)(window,o.SchmancyEvents.NavDrawer_toggle).pipe((0,s.tap)(e=>{e.stopPropagation()}),(0,s.map)(e=>e.detail.state),(0,s.takeUntil)(this.disconnecting),(0,s.debounceTime)(10)).subscribe(e=>{e===`toggle`&&(e=this.open===`open`?`close`:`open`),this.mode===`push`&&e===`close`||(this.open=e)})}updateState(e){let t=e>=k.BREAKPOINTS[this.breakpoint];this.mode=t?`push`:`overlay`,this.open=t?`open`:`close`}render(){return d.html`<slot></slot>`}};e.u([(0,u.property)({type:Boolean,reflect:!0})],M.prototype,`fullscreen`,void 0),e.u([(0,u.property)({type:String,attribute:`breakpoint`})],M.prototype,`breakpoint`,void 0),e.u([(0,l.provide)({context:A}),(0,u.state)()],M.prototype,`mode`,void 0),e.u([(0,l.provide)({context:j}),(0,u.property)()],M.prototype,`open`,void 0),M=k=e.u([(0,u.customElement)(`schmancy-nav-drawer`)],M);var N=`cubic-bezier(0.5, 0.01, 0.25, 1)`,P=class extends e.t{constructor(...e){super(...e),this.width=`220px`,this._initialized=!1}firstUpdated(){this.mode===`overlay`?this.drawerState===`close`?(this.nav.style.transform=`translateX(-100%)`,this.overlay.style.display=`none`):this.drawerState===`open`&&(this.nav.style.transform=`translateX(0)`,this.overlay.style.display=`block`,this.overlay.style.opacity=`0.4`):this.mode===`push`&&(this.nav.style.transform=`translateX(0)`,this.overlay.style.display=`none`),this._initialized=!0}updated(e){this._initialized&&(e.has(`drawerState`)||e.has(`mode`))&&(this.mode===`overlay`?this.drawerState===`open`?this.nav.style.transform!==`translateX(0)`&&(this.openOverlay(),this.showNavDrawer()):this.drawerState===`close`&&this.nav.style.transform!==`translateX(-100%)`&&(this.hideNavDrawer(),this.closeOverlay()):this.mode===`push`&&(this.nav.style.transform!==`translateX(0)`&&this.showNavDrawer(),this.overlay.style.display!==`none`&&this.closeOverlay()))}openOverlay(){this.overlay.style.display=`block`,this.overlay.animate([{opacity:0},{opacity:.4}],{duration:200,easing:N,fill:`forwards`})}closeOverlay(){this.overlay.animate([{opacity:.4},{opacity:0}],{duration:150,easing:N,fill:`forwards`}).onfinish=()=>{this.overlay.style.display=`none`}}showNavDrawer(){this.nav.animate([{transform:`translateX(-100%)`},{transform:`translateX(0)`}],{duration:200,easing:N,fill:`forwards`}).onfinish=()=>{this.nav.style.transform=`translateX(0)`}}hideNavDrawer(){this.nav.animate([{transform:`translateX(0)`},{transform:`translateX(-100%)`}],{duration:200,easing:N,fill:`forwards`}).onfinish=()=>{this.nav.style.transform=`translateX(-100%)`}}handleOverlayClick(){window.dispatchEvent(new CustomEvent(o.SchmancyEvents.NavDrawer_toggle,{detail:{state:`close`},bubbles:!0,composed:!0}))}render(){let e={"max-w-[360px] w-fit h-full overflow-auto":!0,block:this.mode===`push`,"fixed inset-0 z-50":this.mode===`overlay`},t={width:this.width};return d.html`
|
|
109
|
+
<nav
|
|
110
|
+
style=${this.styleMap(t)}
|
|
111
|
+
class="${this.classMap({...e})}"
|
|
112
|
+
${n.S({bgColor:a.t.sys.color.surface.containerLowest})}
|
|
113
|
+
>
|
|
114
|
+
<slot></slot>
|
|
115
|
+
</nav>
|
|
116
|
+
<div
|
|
117
|
+
id="overlay"
|
|
118
|
+
${n.S({bgColor:a.t.sys.color.scrim})}
|
|
119
|
+
@click=${this.handleOverlayClick}
|
|
120
|
+
class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
|
|
121
|
+
></div>
|
|
122
|
+
`}};e.u([(0,l.consume)({context:A,subscribe:!0}),(0,u.state)()],P.prototype,`mode`,void 0),e.u([(0,l.consume)({context:j,subscribe:!0}),(0,u.state)()],P.prototype,`drawerState`,void 0),e.u([(0,u.query)(`#overlay`)],P.prototype,`overlay`,void 0),e.u([(0,u.query)(`nav`)],P.prototype,`nav`,void 0),e.u([(0,u.property)({type:String})],P.prototype,`width`,void 0),e.u([(0,u.state)()],P.prototype,`_initialized`,void 0),P=e.u([(0,u.customElement)(`schmancy-nav-drawer-navbar`)],P);var F=class extends e.t{constructor(...e){super(...e),this.icon=``,this.label=``,this.badge=``,this.active$=new s.BehaviorSubject(!1),this.disabled=!1,this.hideLabels=!1,this.ripples=[],this.addRippleEffect=e=>{if(this.disabled)return;let t=this.shadowRoot?.querySelector(`.w-16.h-8`);if(t){let n=t.getBoundingClientRect(),r={x:e.clientX-n.left,y:e.clientY-n.top,id:Date.now()};this.ripples=[...this.ripples,r],(0,s.timer)(600).pipe((0,c.tap)(()=>{this.ripples=this.ripples.filter(e=>e.id!==r.id)}),(0,c.takeUntil)(this.disconnecting)).subscribe()}},this.handleClick=e=>{if(this.disabled)return e.preventDefault(),void e.stopPropagation();this.addRippleEffect(e)},this.handleKeyDown=e=>{this.disabled||e.key!==`Enter`&&e.key!==` `||e.preventDefault()}}static{this.styles=[d.css`
|
|
123
|
+
:host {
|
|
124
|
+
display: flex;
|
|
125
|
+
flex: 1;
|
|
126
|
+
min-width: 48px;
|
|
127
|
+
max-width: 168px;
|
|
128
|
+
user-select: none;
|
|
129
|
+
-webkit-tap-highlight-color: transparent;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
:host([disabled]) {
|
|
133
|
+
pointer-events: none;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
button {
|
|
137
|
+
font-family: inherit;
|
|
138
|
+
border: none;
|
|
139
|
+
background: none;
|
|
140
|
+
width: 100%;
|
|
141
|
+
padding: 0;
|
|
142
|
+
margin: 0;
|
|
143
|
+
text-align: center;
|
|
144
|
+
color: inherit;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
button:focus {
|
|
148
|
+
outline: none;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
button:focus-visible {
|
|
152
|
+
outline: 2px solid var(--focus-color);
|
|
153
|
+
outline-offset: 2px;
|
|
154
|
+
border-radius: 8px;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
/* Ripple animation */
|
|
158
|
+
@keyframes ripple {
|
|
159
|
+
to {
|
|
160
|
+
transform: scale(4);
|
|
161
|
+
opacity: 0;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.ripple-effect {
|
|
166
|
+
position: absolute;
|
|
167
|
+
border-radius: 50%;
|
|
168
|
+
width: 20px;
|
|
169
|
+
height: 20px;
|
|
170
|
+
background-color: currentColor;
|
|
171
|
+
opacity: 0.25;
|
|
172
|
+
animation: ripple 0.6s ease-out;
|
|
173
|
+
pointer-events: none;
|
|
174
|
+
}
|
|
175
|
+
`]}get active(){return this.active$.value}set active(e){this.active$.next(e)}setActive(e){this.active=e}connectedCallback(){super.connectedCallback(),this.active$.pipe((0,c.takeUntil)(this.disconnecting)).subscribe(()=>{this.requestUpdate()}),this.setupNavigationStream()}setupNavigationStream(){let e=this.shadowRoot?.querySelector(`button`);e&&(0,s.merge)((0,s.fromEvent)(e,`click`).pipe((0,c.filter)(()=>!this.disabled)),(0,s.fromEvent)(e,`keydown`).pipe((0,c.filter)(()=>!this.disabled),(0,c.filter)(e=>e.key===`Enter`||e.key===` `),(0,c.tap)(e=>e.preventDefault()))).pipe((0,c.tap)(()=>{this.dispatchEvent(new CustomEvent(`bar-item-click`,{detail:{icon:this.icon,label:this.label,active:this.active},bubbles:!0,composed:!0}))}),(0,c.takeUntil)(this.disconnecting)).subscribe()}formatBadge(e){let t=Number(e);return isNaN(t)?e.slice(0,3):t>99?`99+`:String(t)}firstUpdated(){this.setupNavigationStream()}render(){let e=this.querySelector(`[slot]`)||this.textContent?.trim()&&!this.label,t=this.badge?this.formatBadge(this.badge):``,r=t&&t!==`0`,i=this.querySelector(`[slot="icon"]`),o={"relative flex flex-col items-center justify-center":!0,"flex-1 min-w-[48px] max-w-[168px]":!0,"py-2 px-1 cursor-pointer":!this.disabled,"transition-all duration-200":!0,"hover:bg-surface-containerHigh":!this.disabled&&!this.active,"cursor-not-allowed opacity-38":this.disabled,"outline-none":!0,"focus-visible:outline-2 focus-visible:outline-offset-2":!0},s={"w-16 h-8 rounded-2xl":!0,"flex items-center justify-center":!0,"transition-all duration-200":!0,"bg-secondary-container":this.active,"group-hover:bg-surface-containerHighest":!this.active&&!this.disabled,"relative overflow-hidden":!0},c={"absolute top-0 right-3":!0,"min-w-[6px] h-1.5":!r,"min-w-[16px] h-4":r,"rounded-full":!r,"rounded-lg":r,"flex items-center justify-center":r,"px-1":r,"transition-all duration-200":!0,"z-10":!0},l=this.active?{color:a.t.sys.color.secondary.onContainer}:{color:a.t.sys.color.surface.onVariant},u={"--focus-color":a.t.sys.color.primary.default};return d.html`
|
|
176
|
+
<button
|
|
177
|
+
type="button"
|
|
178
|
+
class=${this.classMap(o)}
|
|
179
|
+
@click=${this.handleClick}
|
|
180
|
+
@keydown=${this.handleKeyDown}
|
|
181
|
+
?disabled=${this.disabled}
|
|
182
|
+
aria-pressed=${this.active}
|
|
183
|
+
aria-label=${this.label||`Navigation item`}
|
|
184
|
+
style=${this.styleMap({...u,"outline-color":`var(--focus-color)`})}
|
|
185
|
+
${n.S(l)}
|
|
186
|
+
>
|
|
187
|
+
<!-- Icon with indicator background -->
|
|
188
|
+
<div class=${this.classMap(s)}>
|
|
189
|
+
<!-- Ripple effects -->
|
|
190
|
+
${this.ripples.map(e=>d.html`
|
|
191
|
+
<span
|
|
192
|
+
class="ripple-effect"
|
|
193
|
+
style=${this.styleMap({left:`${e.x}px`,top:`${e.y}px`,transform:`translate(-50%, -50%)`})}
|
|
194
|
+
></span>
|
|
195
|
+
`)}
|
|
196
|
+
|
|
197
|
+
${i?d.html`<slot name="icon"></slot>`:this.icon?d.html`
|
|
198
|
+
<schmancy-icon
|
|
199
|
+
.fill=${+!!this.active}
|
|
200
|
+
class="relative z-10 flex items-center justify-center transition-all duration-200"
|
|
201
|
+
style="--schmancy-icon-size: 24px;"
|
|
202
|
+
aria-hidden="true"
|
|
203
|
+
>
|
|
204
|
+
${this.icon}
|
|
205
|
+
</schmancy-icon>
|
|
206
|
+
`:e?d.html`<slot></slot>`:``}
|
|
207
|
+
</div>
|
|
208
|
+
|
|
209
|
+
<!-- Label below icon -->
|
|
210
|
+
${!this.hideLabels&&this.label?d.html`
|
|
211
|
+
<span class=${this.classMap({"text-xs font-medium leading-4 mt-1":!0,"text-center max-w-full":!0,"overflow-hidden text-ellipsis whitespace-nowrap":!0,"transition-all duration-200":!0})}>${this.label}</span>
|
|
212
|
+
`:``}
|
|
213
|
+
|
|
214
|
+
<!-- Badge -->
|
|
215
|
+
${r?d.html`
|
|
216
|
+
<span
|
|
217
|
+
class=${this.classMap(c)}
|
|
218
|
+
aria-label="${t} notifications"
|
|
219
|
+
${n.S({bgColor:a.t.sys.color.error.default,color:a.t.sys.color.error.on})}
|
|
220
|
+
>
|
|
221
|
+
<span class="text-[10px] font-medium leading-none">${t}</span>
|
|
222
|
+
</span>
|
|
223
|
+
`:this.badge?d.html`
|
|
224
|
+
<span
|
|
225
|
+
class=${this.classMap(c)}
|
|
226
|
+
aria-label="Has notifications"
|
|
227
|
+
${n.S({bgColor:a.t.sys.color.error.default})}
|
|
228
|
+
></span>
|
|
229
|
+
`:``}
|
|
230
|
+
</button>
|
|
231
|
+
`}};e.u([(0,u.property)({type:String})],F.prototype,`icon`,void 0),e.u([(0,u.property)({type:String})],F.prototype,`label`,void 0),e.u([(0,u.property)({type:String})],F.prototype,`badge`,void 0),e.u([(0,u.property)({type:Boolean,reflect:!0})],F.prototype,`active`,null),e.u([(0,u.property)({type:Boolean,reflect:!0})],F.prototype,`disabled`,void 0),e.u([(0,u.property)({type:Boolean,reflect:!0})],F.prototype,`hideLabels`,void 0),e.u([(0,u.state)()],F.prototype,`ripples`,void 0),F=e.u([(0,u.customElement)(`schmancy-navigation-bar-item`)],F);var I=class extends e.t{constructor(...e){super(...e),this.activeIndex$=new s.BehaviorSubject(-1),this.hideLabels=!1,this.elevation=2,this.hideOnScroll=!1,this.focusedIndex=-1,this.isHiddenByScroll=!1,this.isFullscreen=!1,this.SCROLL_THRESHOLD=10,this.mobileMediaQuery=null,this.visibility$=new s.Subject,this.handleItemClick=e=>{let t=this.getItems(),n=e.target,r=t.findIndex(e=>e===n);if(r===-1)return;if(this.activeIndex===r)return void this.dispatchEvent(new CustomEvent(o.SchmancyEvents.NavDrawer_toggle,{detail:{state:`toggle`},bubbles:!0,composed:!0}));let i=this.activeIndex;this.activeIndex=r,this.dispatchEvent(new CustomEvent(`navigation-change`,{detail:{oldIndex:i,newIndex:r,item:n},bubbles:!0,composed:!0}))},this.handleKeyDown=e=>{let t=this.getItems(),n=this.focusedIndex===-1?this.activeIndex:this.focusedIndex;switch(e.key){case`ArrowLeft`:e.preventDefault(),n>0&&this.focusItem(n-1);break;case`ArrowRight`:e.preventDefault(),n<t.length-1&&this.focusItem(n+1);break;case`Home`:e.preventDefault(),this.focusItem(0);break;case`End`:e.preventDefault(),this.focusItem(t.length-1);break;case`Enter`:case` `:e.preventDefault(),this.focusedIndex!==-1&&t[this.focusedIndex]?.click()}}}static{this.styles=[d.css`
|
|
232
|
+
:host {
|
|
233
|
+
display: block;
|
|
234
|
+
transition: transform 0.3s ease-in-out;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
:host([hide-on-scroll]) {
|
|
238
|
+
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
/* Support 3-7 items with equal distribution */
|
|
242
|
+
::slotted(schmancy-navigation-bar-item) {
|
|
243
|
+
flex: 1;
|
|
244
|
+
max-width: 168px; /* Prevent items from being too wide */
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
/* Accessibility focus indicators */
|
|
248
|
+
:host(:focus-within) {
|
|
249
|
+
outline: 2px solid var(--schmancy-sys-color-primary);
|
|
250
|
+
outline-offset: -2px;
|
|
251
|
+
}
|
|
252
|
+
`]}get activeIndex(){return this.activeIndex$.value}set activeIndex(e){this.activeIndex$.next(e)}getItems(){let e=this.shadowRoot?.querySelector(`slot`);return e?e.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()===`schmancy-navigation-bar-item`):[]}isMobileViewport(){return this.mobileMediaQuery?.matches??!1}updateBottomOffset(){let e=!this.isFullscreen&&this.isMobileViewport();r.n.setBottomOffset(e?80:0)}connectedCallback(){super.connectedCallback(),this.mobileMediaQuery=window.matchMedia(`(max-width: 767px)`),(0,s.fromEvent)(this.mobileMediaQuery,`change`).pipe((0,c.tap)(()=>this.updateBottomOffset()),(0,c.takeUntil)(this.disconnecting)).subscribe(),r.n.fullscreen$.pipe((0,c.tap)(e=>{this.isFullscreen=e,this.visibility$.next(!this.isFullscreen&&!this.isHiddenByScroll),this.updateBottomOffset()}),(0,c.takeUntil)(this.disconnecting)).subscribe(),this.updateBottomOffset(),(0,s.fromEvent)(this,`bar-item-click`).pipe((0,c.tap)(e=>this.handleItemClick(e)),(0,c.takeUntil)(this.disconnecting)).subscribe(),(0,s.fromEvent)(this,`keydown`).pipe((0,c.tap)(e=>this.handleKeyDown(e)),(0,c.takeUntil)(this.disconnecting)).subscribe(),this.activeIndex$.pipe((0,c.takeUntil)(this.disconnecting)).subscribe(e=>{this.updateActiveStates(e)}),this.hideOnScroll&&this.setupScrollListener(),this.updateItems()}disconnectedCallback(){super.disconnectedCallback(),r.n.setBottomOffset(0),this.mobileMediaQuery=null}setupScrollListener(){(0,s.fromEvent)(window,`scroll`).pipe((0,c.throttleTime)(100),(0,c.map)(()=>window.scrollY),(0,c.pairwise)(),(0,c.filter)(([e,t])=>Math.abs(t-e)>this.SCROLL_THRESHOLD),(0,c.tap)(([e,t])=>{let n=t>e,r=t<e,i=this.isHiddenByScroll;n&&!this.isHiddenByScroll?this.isHiddenByScroll=!0:r&&this.isHiddenByScroll&&(this.isHiddenByScroll=!1),t<=this.SCROLL_THRESHOLD&&(this.isHiddenByScroll=!1),i!==this.isHiddenByScroll&&this.visibility$.next(!this.isHiddenByScroll&&!this.isFullscreen)}),(0,c.takeUntil)(this.disconnecting)).subscribe()}focusItem(e){let t=this.getItems();t[e]&&(this.focusedIndex=e,t[e].focus())}updateItems(){let e=this.shadowRoot?.querySelector(`slot`);if(e){let t=()=>{this.updateActiveStates(this.activeIndex)};e.addEventListener(`slotchange`,t),t()}}addBoatItem(e){let t=this.querySelector(`[value="${e.id}"]`);if(t)return t;let n=document.createElement(`schmancy-navigation-bar-item`);return n.setAttribute(`value`,e.id),n.innerHTML=`\n\t\t\t<schmancy-icon>${e.icon||`widgets`}</schmancy-icon>\n\t\t\t<span>${e.title}</span>\n\t\t`,this.appendChild(n),n}updateActiveStates(e){this.getItems().forEach((t,n)=>{t.setActive(n===e),t.hideLabels=this.hideLabels,t.tabIndex=n===e?0:-1})}updated(e){super.updated(e),e.has(`hideLabels`)&&this.updateActiveStates(this.activeIndex),e.has(`hideOnScroll`)&&(this.hideOnScroll&&!e.get(`hideOnScroll`)?this.setupScrollListener():this.hideOnScroll||(this.isHiddenByScroll=!1,this.visibility$.next(!this.isFullscreen)))}render(){let e=this.isFullscreen||this.isHiddenByScroll,t={"h-20":!0,"flex items-center justify-around":!0,"px-2 py-3 box-border":!0,"transition-all duration-300 ease-in-out":!0,"z-10":!0,"shadow-none":this.elevation===0,"shadow-sm":this.elevation===1,"shadow-md":this.elevation===2,"shadow-lg":this.elevation===3,"shadow-xl":this.elevation===4,"shadow-2xl":this.elevation===5},r=e?`translateY(100%)`:`translateY(0)`;return d.html`
|
|
253
|
+
<nav
|
|
254
|
+
class=${this.classMap(t)}
|
|
255
|
+
role="navigation"
|
|
256
|
+
aria-label="Main navigation"
|
|
257
|
+
aria-hidden=${e}
|
|
258
|
+
style="transform: ${r};"
|
|
259
|
+
${n.S({bgColor:a.t.sys.color.surface.container,color:a.t.sys.color.surface.on})}
|
|
260
|
+
>
|
|
261
|
+
<slot></slot>
|
|
262
|
+
</nav>
|
|
263
|
+
`}};e.u([(0,u.property)({type:Number})],I.prototype,`activeIndex`,null),e.u([(0,u.property)({type:Boolean,reflect:!0})],I.prototype,`hideLabels`,void 0),e.u([(0,u.property)({type:Number,reflect:!0})],I.prototype,`elevation`,void 0),e.u([(0,u.property)({type:Boolean,reflect:!0})],I.prototype,`hideOnScroll`,void 0),e.u([(0,u.state)()],I.prototype,`focusedIndex`,void 0),e.u([(0,u.state)()],I.prototype,`isHiddenByScroll`,void 0),e.u([(0,u.state)()],I.prototype,`isFullscreen`,void 0),I=e.u([(0,u.customElement)(`schmancy-navigation-bar`)],I);var L=`whereAreYouRicky`,R=`hereMorty`,z=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new s.Subject,this.find=e=>(0,s.zip)([(0,s.fromEvent)(window,R).pipe((0,s.filter)(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),(0,s.map)(e=>e.detail.component),(0,s.take)(1)),(0,s.of)(e).pipe((0,s.tap)(()=>{window.dispatchEvent(new CustomEvent(L,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe((0,s.map)(([e])=>e),(0,s.timeout)(0)),this.flip=e=>{let{from:t,to:n}=e,r=n.element.style.zIndex;n.element.style.transformOrigin=`top left`,n.element.style.setProperty(`visibility`,`visible`),n.element.style.zIndex=`1000`;let i=[{transform:`translate(${t.rect.left-n.rect.left}px, ${t.rect.top-n.rect.top}px) scale(${t.rect.width/n.rect.width}, ${t.rect.height/n.rect.height})`},{transform:`translate(0, 0) scale(1, 1)`}];n.element.animate(i,{duration:250,delay:10,easing:`cubic-bezier(0.455, 0.03, 0.515, 0.955)`}).onfinish=()=>{n.element.style.zIndex=r,n.element.style.transformOrigin=``}},this.flipRequests.pipe((0,s.bufferTime)(1),(0,s.map)(e=>e.map(({from:e,to:t,host:n},r)=>({from:e,to:t,host:n,i:r}))),(0,s.concatMap)(e=>(0,s.zip)(e.map(e=>(0,s.of)(this.flip(e)))))).subscribe()}};function B(e){return(0,s.interval)(50).pipe((0,c.map)(()=>e.getBoundingClientRect()),(0,c.distinctUntilChanged)((e,t)=>e.width===t.width&&e.height===t.height&&e.top===t.top&&e.right===t.right&&e.bottom===t.bottom&&e.left===t.left),(0,c.take)(1))}var V=class extends e.t{constructor(...e){super(...e),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}static{this.styles=[d.css``]}get _slottedChildren(){return this.shadowRoot.querySelector(`slot`).assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw Error(`id is required`);super.connectedCallback(),(0,s.merge)((0,s.fromEvent)(window,t.b).pipe((0,s.tap)({next:()=>{this.dispatchEvent(new CustomEvent(t.x,{detail:{component:this},bubbles:!0,composed:!0}))}})),(0,s.fromEvent)(window,L).pipe((0,s.tap)({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(R,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe((0,s.takeUntil)(this.disconnecting)).subscribe()}async firstUpdated(){(0,s.of)(z.activeTeleportations.get(this.id)).pipe((0,s.filter)(e=>!!e),(0,s.takeUntil)(this.disconnecting),(0,s.throwIfEmpty)()).subscribe({next:e=>{this.style.setProperty(`visibility`,`hidden`),B(this).pipe((0,s.takeUntil)(this.disconnecting)).subscribe({next:t=>{z.activeTeleportations.set(this.id,t),z.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty(`visibility`,`visible`),B(this).pipe((0,s.takeUntil)(this.disconnecting)).subscribe({next:e=>{z.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return d.html`<slot></slot>`}};e.u([(0,u.property)({type:Number,reflect:!0})],V.prototype,`uuid`,void 0),e.u([(0,u.property)({type:String})],V.prototype,`id`,void 0),e.u([(0,u.property)({type:Number})],V.prototype,`delay`,void 0),V=e.u([(0,u.customElement)(`schmancy-teleport`)],V),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return y}});
|