solid-ui 3.1.3-12 → 3.1.3-14
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 +9 -14
- package/dist/_virtual/_rolldown/runtime.cjs.js +1 -1
- package/dist/acl/access-controller.cjs.js.map +1 -1
- package/dist/acl/access-groups.cjs.js +1 -1
- package/dist/acl/access-groups.cjs.js.map +1 -1
- package/dist/acl/access-groups.esm.js +2 -1
- package/dist/acl/access-groups.esm.js.map +1 -1
- package/dist/acl/acl.cjs.js.map +1 -1
- package/dist/acl/acl.esm.js.map +1 -1
- package/dist/chat/bookmarks.esm.js +2 -1
- package/dist/chat/bookmarks.esm.js.map +1 -1
- package/dist/chat/chatLogic.cjs.js +1 -1
- package/dist/chat/chatLogic.cjs.js.map +1 -1
- package/dist/chat/chatLogic.esm.js +2 -2
- package/dist/chat/chatLogic.esm.js.map +1 -1
- package/dist/chat/keys.cjs.js +1 -1
- package/dist/chat/keys.cjs.js.map +1 -1
- package/dist/chat/keys.d.ts +1 -1
- package/dist/chat/keys.d.ts.map +1 -1
- package/dist/chat/keys.esm.js +5 -2
- package/dist/chat/keys.esm.js.map +1 -1
- package/dist/chat/signature.cjs.js +1 -1
- package/dist/chat/signature.cjs.js.map +1 -1
- package/dist/chat/signature.esm.js +2 -1
- package/dist/chat/signature.esm.js.map +1 -1
- package/dist/chunks/{DialogProvider-ge2aA77F.js → DialogProvider-0HIHjONx.js} +7 -9
- package/dist/chunks/{DialogProvider-ge2aA77F.js.map → DialogProvider-0HIHjONx.js.map} +1 -1
- package/dist/chunks/{account-Bb818bGF.js → account-Ch8h_zTv.js} +22 -25
- package/dist/chunks/{account-Bb818bGF.js.map → account-Ch8h_zTv.js.map} +1 -1
- package/dist/chunks/{auth-ClVI18ss.js → auth-D4NUMSzc.js} +111 -113
- package/dist/chunks/auth-D4NUMSzc.js.map +1 -0
- package/dist/chunks/{avatar-DGu_PX5y.js → avatar-BWtz4RlU.js} +9 -11
- package/dist/chunks/{avatar-DGu_PX5y.js.map → avatar-BWtz4RlU.js.map} +1 -1
- package/dist/chunks/{button-B9-nlEpz.js → button-BJyFKOKO.js} +12 -16
- package/dist/chunks/{button-B9-nlEpz.js.map → button-BJyFKOKO.js.map} +1 -1
- package/dist/chunks/{chunk.7MPIABXH-CEYdxYyt.js → chunk.64OG2H45-BADxAtEI.js} +104 -57
- package/dist/chunks/chunk.64OG2H45-BADxAtEI.js.map +1 -0
- package/dist/chunks/{combobox-DrT0Nb-A.js → combobox-0NWv9K3D.js} +120 -178
- package/dist/chunks/combobox-0NWv9K3D.js.map +1 -0
- package/dist/chunks/{combobox-option-DxJvAZ_Q.js → combobox-option-B-twy1Zn.js} +6 -8
- package/dist/chunks/{combobox-option-DxJvAZ_Q.js.map → combobox-option-B-twy1Zn.js.map} +1 -1
- package/dist/chunks/components-DrP7BOrs.js +1281 -0
- package/dist/chunks/components-DrP7BOrs.js.map +1 -0
- package/dist/chunks/{dialog-kyHgc-uy.js → dialog-CcMVH-Ut.js} +58 -115
- package/dist/chunks/dialog-CcMVH-Ut.js.map +1 -0
- package/dist/chunks/{dialog-content-CEITrC59.js → dialog-content-DcD_s3hK.js} +4 -5
- package/dist/chunks/{dialog-content-CEITrC59.js.map → dialog-content-DcD_s3hK.js.map} +1 -1
- package/dist/chunks/{dialog-footer-DVLEK5bU.js → dialog-footer-CHgSH7G5.js} +4 -5
- package/dist/chunks/{dialog-footer-DVLEK5bU.js.map → dialog-footer-CHgSH7G5.js.map} +1 -1
- package/dist/chunks/{dialog-header-kEWl21oD.js → dialog-header-BjellR7_.js} +4 -5
- package/dist/chunks/{dialog-header-kEWl21oD.js.map → dialog-header-BjellR7_.js.map} +1 -1
- package/dist/chunks/dialogs-CeHuLUo5.js +26 -0
- package/dist/chunks/dialogs-CeHuLUo5.js.map +1 -0
- package/dist/chunks/{dialogs-root-dPGfuzSZ.js → dialogs-root-CvsON-m8.js} +12 -18
- package/dist/chunks/dialogs-root-CvsON-m8.js.map +1 -0
- package/dist/chunks/{guard-DEqOFEs4.js → guard-BIesxo_f.js} +9 -11
- package/dist/chunks/{guard-DEqOFEs4.js.map → guard-BIesxo_f.js.map} +1 -1
- package/dist/chunks/{solid-logic.esm-BrMdCG2_.js → index.esm-CyyOkz04.js} +2663 -2745
- package/dist/chunks/index.esm-CyyOkz04.js.map +1 -0
- package/dist/chunks/{input-BjCX2bFe.js → input-CFDN76Y5.js} +68 -97
- package/dist/chunks/input-CFDN76Y5.js.map +1 -0
- package/dist/chunks/{jsonld-B61R4iOL.js → jsonld-52q5nY_t.js} +22 -27
- package/dist/chunks/{jsonld-B61R4iOL.js.map → jsonld-52q5nY_t.js.map} +1 -1
- package/dist/chunks/{login-button-Czm-E9Na.js → login-button-BhdKFJ-F.js} +10 -12
- package/dist/chunks/{login-button-Czm-E9Na.js.map → login-button-BhdKFJ-F.js.map} +1 -1
- package/dist/chunks/{logout-button-BrR_jOhK.js → logout-button-ClbKS9ss.js} +10 -12
- package/dist/chunks/{logout-button-BrR_jOhK.js.map → logout-button-ClbKS9ss.js.map} +1 -1
- package/dist/chunks/{menu-1PG19fCC.js → menu-DVgG-el5.js} +58 -55
- package/dist/chunks/menu-DVgG-el5.js.map +1 -0
- package/dist/chunks/{menu-item-C9uErV38.js → menu-item-Bj3NgLzB.js} +10 -12
- package/dist/chunks/{menu-item-C9uErV38.js.map → menu-item-Bj3NgLzB.js.map} +1 -1
- package/dist/chunks/photo-capture-CVKE0SKx.js +402 -0
- package/dist/chunks/photo-capture-CVKE0SKx.js.map +1 -0
- package/dist/chunks/photo-capture-modal-DARmhHUH.js +560 -0
- package/dist/chunks/photo-capture-modal-DARmhHUH.js.map +1 -0
- package/dist/chunks/{provider-qd_4VaKB.js → provider-CBSBzOfP.js} +11 -13
- package/dist/chunks/{provider-qd_4VaKB.js.map → provider-CBSBzOfP.js.map} +1 -1
- package/dist/chunks/rdf-form-BeuzVBOP.js +339 -0
- package/dist/chunks/rdf-form-BeuzVBOP.js.map +1 -0
- package/dist/chunks/rdf-input-n73oeSkf.js +440 -0
- package/dist/chunks/rdf-input-n73oeSkf.js.map +1 -0
- package/dist/chunks/{rolldown-runtime-B1bRi_D7.js → rolldown-runtime-Cb76FRpK.js} +2 -2
- package/dist/chunks/{select-OM-SgY4K.js → select-BuIxSm1A.js} +53 -111
- package/dist/chunks/select-BuIxSm1A.js.map +1 -0
- package/dist/chunks/{select-option-pVhYlXrt.js → select-option-Z8qZsCQo.js} +6 -8
- package/dist/chunks/{select-option-pVhYlXrt.js.map → select-option-Z8qZsCQo.js.map} +1 -1
- package/dist/chunks/{signup-button-BnA5p-uJ.js → signup-button-B-AgjjAK.js} +10 -12
- package/dist/chunks/{signup-button-BnA5p-uJ.js.map → signup-button-B-AgjjAK.js.map} +1 -1
- package/dist/chunks/{solid-emblem-D2clBuKZ.js → solid-emblem-D4ItOckU.js} +5 -6
- package/dist/chunks/{solid-emblem-D2clBuKZ.js.map → solid-emblem-D4ItOckU.js.map} +1 -1
- package/dist/chunks/{src-DJOb1wMf.js → src-CMpy92si.js} +2741 -3206
- package/dist/chunks/src-CMpy92si.js.map +1 -0
- package/dist/chunks/style-CjYxsW7j.js +536 -0
- package/dist/chunks/style-CjYxsW7j.js.map +1 -0
- package/dist/components/account/Account.cjs.js.map +1 -1
- package/dist/components/account/Account.stories.d.ts +3 -13
- package/dist/components/account/Account.stories.d.ts.map +1 -1
- package/dist/components/account.js +1 -1
- package/dist/components/all.cjs.js +1 -1
- package/dist/components/all.esm.js +3 -1
- package/dist/components/avatar/Avatar.cjs.js.map +1 -1
- package/dist/components/avatar/Avatar.stories.d.ts +3 -21
- package/dist/components/avatar/Avatar.stories.d.ts.map +1 -1
- package/dist/components/avatar.js +1 -1
- package/dist/components/button/Button.cjs.js +1 -1
- package/dist/components/button/Button.cjs.js.map +1 -1
- package/dist/components/button/Button.esm.js +1 -3
- package/dist/components/button/Button.esm.js.map +1 -1
- package/dist/components/button/Button.stories.d.ts +15 -154
- package/dist/components/button/Button.stories.d.ts.map +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/combobox/Combobox.cjs.js +11 -11
- package/dist/components/combobox/Combobox.cjs.js.map +1 -1
- package/dist/components/combobox/Combobox.d.ts +5 -11
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.esm.js +115 -172
- package/dist/components/combobox/Combobox.esm.js.map +1 -1
- package/dist/components/combobox/Combobox.stories.d.ts +9 -46
- package/dist/components/combobox/Combobox.stories.d.ts.map +1 -1
- package/dist/components/combobox-option/ComboboxOption.cjs.js.map +1 -1
- package/dist/components/combobox-option.js +1 -1
- package/dist/components/combobox.js +1 -1
- package/dist/components/dialog/Dialog.cjs.js +6 -6
- package/dist/components/dialog/Dialog.cjs.js.map +1 -1
- package/dist/components/dialog/Dialog.esm.js +11 -10
- package/dist/components/dialog/Dialog.esm.js.map +1 -1
- package/dist/components/dialog/Dialog.stories.d.ts +22 -0
- package/dist/components/dialog/Dialog.stories.d.ts.map +1 -0
- package/dist/components/dialog/docs/sample-modal/SampleModal.d.ts +6 -0
- package/dist/components/dialog/docs/sample-modal/SampleModal.d.ts.map +1 -0
- package/dist/components/dialog/docs/sample-modal/index.d.ts +4 -0
- package/dist/components/dialog/docs/sample-modal/index.d.ts.map +1 -0
- package/dist/components/dialog-content.js +1 -1
- package/dist/components/dialog-footer.js +1 -1
- package/dist/components/dialog-header.js +1 -1
- package/dist/components/dialog-provider/DialogProvider.cjs.js.map +1 -1
- package/dist/components/dialog-provider.js +1 -1
- package/dist/components/dialog.js +1 -1
- package/dist/components/dialogs-root/DialogsRoot.cjs.js +4 -7
- package/dist/components/dialogs-root/DialogsRoot.cjs.js.map +1 -1
- package/dist/components/dialogs-root/DialogsRoot.d.ts.map +1 -1
- package/dist/components/dialogs-root/DialogsRoot.esm.js +7 -10
- package/dist/components/dialogs-root/DialogsRoot.esm.js.map +1 -1
- package/dist/components/dialogs-root.js +1 -1
- package/dist/components/guard/Guard.cjs.js.map +1 -1
- package/dist/components/guard/Guard.stories.d.ts +3 -21
- package/dist/components/guard/Guard.stories.d.ts.map +1 -1
- package/dist/components/guard.js +1 -1
- package/dist/components/input/Input.cjs.js +3 -2
- package/dist/components/input/Input.cjs.js.map +1 -1
- package/dist/components/input/Input.d.ts +4 -9
- package/dist/components/input/Input.d.ts.map +1 -1
- package/dist/components/input/Input.esm.js +69 -97
- package/dist/components/input/Input.esm.js.map +1 -1
- package/dist/components/input/Input.stories.d.ts +13 -22
- package/dist/components/input/Input.stories.d.ts.map +1 -1
- package/dist/components/input/Input.styles.cjs.js +1 -1
- package/dist/components/input/Input.styles.cjs.js.map +1 -1
- package/dist/components/input/Input.styles.esm.js +1 -1
- package/dist/components/input/Input.styles.esm.js.map +1 -1
- package/dist/components/input.js +1 -1
- package/dist/components/login-button/LoginButton.cjs.js.map +1 -1
- package/dist/components/login-button/LoginButton.stories.d.ts +4 -4
- package/dist/components/login-button/LoginButton.stories.d.ts.map +1 -1
- package/dist/components/login-button.js +1 -1
- package/dist/components/login-modal/LoginModal.cjs.js +1 -1
- package/dist/components/login-modal/LoginModal.cjs.js.map +1 -1
- package/dist/components/login-modal/LoginModal.esm.js +1 -1
- package/dist/components/login-modal/LoginModal.esm.js.map +1 -1
- package/dist/components/login-modal/LoginModal.stories.d.ts +13 -5
- package/dist/components/login-modal/LoginModal.stories.d.ts.map +1 -1
- package/dist/components/login-modal.js +1 -1
- package/dist/components/logout-button/LogoutButton.cjs.js.map +1 -1
- package/dist/components/logout-button/LogoutButton.stories.d.ts +4 -4
- package/dist/components/logout-button/LogoutButton.stories.d.ts.map +1 -1
- package/dist/components/logout-button.js +1 -1
- package/dist/components/menu/Menu.cjs.js +1 -1
- package/dist/components/menu/Menu.cjs.js.map +1 -1
- package/dist/components/menu/Menu.d.ts.map +1 -1
- package/dist/components/menu/Menu.esm.js +1 -1
- package/dist/components/menu/Menu.esm.js.map +1 -1
- package/dist/components/menu/Menu.stories.d.ts +3 -4
- package/dist/components/menu/Menu.stories.d.ts.map +1 -1
- package/dist/components/menu/Menu.test.d.ts +1 -0
- package/dist/components/menu/Menu.test.d.ts.map +1 -0
- package/dist/components/menu-item/MenuItem.cjs.js.map +1 -1
- package/dist/components/menu-item.js +1 -1
- package/dist/components/menu.js +1 -1
- package/dist/components/photo-capture/PhotoCapture.cjs.js +6 -0
- package/dist/components/photo-capture/PhotoCapture.cjs.js.map +1 -0
- package/dist/components/photo-capture/PhotoCapture.d.ts +20 -0
- package/dist/components/photo-capture/PhotoCapture.d.ts.map +1 -0
- package/dist/components/photo-capture/PhotoCapture.esm.js +404 -0
- package/dist/components/photo-capture/PhotoCapture.esm.js.map +1 -0
- package/dist/components/photo-capture/PhotoCapture.stories.d.ts +16 -0
- package/dist/components/photo-capture/PhotoCapture.stories.d.ts.map +1 -0
- package/dist/components/photo-capture/docs/photo-capture-sandbox/PhotoCaptureSandbox.d.ts +9 -0
- package/dist/components/photo-capture/docs/photo-capture-sandbox/PhotoCaptureSandbox.d.ts.map +1 -0
- package/dist/components/photo-capture/docs/photo-capture-sandbox/index.d.ts +4 -0
- package/dist/components/photo-capture/docs/photo-capture-sandbox/index.d.ts.map +1 -0
- package/dist/components/photo-capture/index.cjs.js +2 -1
- package/dist/components/photo-capture/index.cjs.js.map +1 -0
- package/dist/components/photo-capture/index.d.ts +4 -1
- package/dist/components/photo-capture/index.d.ts.map +1 -1
- package/dist/components/photo-capture/index.esm.js +7 -3
- package/dist/components/photo-capture/index.esm.js.map +1 -0
- package/dist/components/photo-capture-modal/PhotoCaptureModal.cjs.js +24 -0
- package/dist/components/photo-capture-modal/PhotoCaptureModal.cjs.js.map +1 -0
- package/dist/components/photo-capture-modal/PhotoCaptureModal.d.ts +42 -0
- package/dist/components/photo-capture-modal/PhotoCaptureModal.d.ts.map +1 -0
- package/dist/components/photo-capture-modal/PhotoCaptureModal.esm.js +562 -0
- package/dist/components/photo-capture-modal/PhotoCaptureModal.esm.js.map +1 -0
- package/dist/components/photo-capture-modal/PhotoCaptureModal.styles.cjs.js +2 -0
- package/dist/components/photo-capture-modal/PhotoCaptureModal.styles.cjs.js.map +1 -0
- package/dist/components/photo-capture-modal/PhotoCaptureModal.styles.esm.js +7 -0
- package/dist/components/photo-capture-modal/PhotoCaptureModal.styles.esm.js.map +1 -0
- package/dist/components/photo-capture-modal/index.cjs.js +2 -0
- package/dist/components/photo-capture-modal/index.cjs.js.map +1 -0
- package/dist/components/photo-capture-modal/index.d.ts +4 -0
- package/dist/components/photo-capture-modal/index.d.ts.map +1 -0
- package/dist/components/photo-capture-modal/index.esm.js +7 -0
- package/dist/components/photo-capture-modal/index.esm.js.map +1 -0
- package/dist/components/photo-capture-modal.js +2 -0
- package/dist/components/photo-capture.js +2 -2
- package/dist/components/provider/Provider.cjs.js.map +1 -1
- package/dist/components/provider.js +1 -1
- package/dist/components/rdf-form/RDFForm.cjs.js +12 -0
- package/dist/components/rdf-form/RDFForm.cjs.js.map +1 -0
- package/dist/components/rdf-form/RDFForm.d.ts +17 -0
- package/dist/components/rdf-form/RDFForm.d.ts.map +1 -0
- package/dist/components/rdf-form/RDFForm.esm.js +344 -0
- package/dist/components/rdf-form/RDFForm.esm.js.map +1 -0
- package/dist/components/rdf-form/RDForm.stories.d.ts +20 -0
- package/dist/components/rdf-form/RDForm.stories.d.ts.map +1 -0
- package/dist/components/rdf-form/index.cjs.js +2 -0
- package/dist/components/rdf-form/index.cjs.js.map +1 -0
- package/dist/components/rdf-form/index.d.ts +4 -0
- package/dist/components/rdf-form/index.d.ts.map +1 -0
- package/dist/components/rdf-form/index.esm.js +7 -0
- package/dist/components/rdf-form/index.esm.js.map +1 -0
- package/dist/components/rdf-form.js +2 -0
- package/dist/components/rdf-input/RDFInput.cjs.js +11 -0
- package/dist/components/rdf-input/RDFInput.cjs.js.map +1 -0
- package/dist/components/rdf-input/RDFInput.d.ts +24 -0
- package/dist/components/rdf-input/RDFInput.d.ts.map +1 -0
- package/dist/components/rdf-input/RDFInput.esm.js +349 -0
- package/dist/components/rdf-input/RDFInput.esm.js.map +1 -0
- package/dist/components/rdf-input/index.cjs.js +2 -0
- package/dist/components/rdf-input/index.cjs.js.map +1 -0
- package/dist/components/rdf-input/index.d.ts +4 -0
- package/dist/components/rdf-input/index.d.ts.map +1 -0
- package/dist/components/rdf-input/index.esm.js +7 -0
- package/dist/components/rdf-input/index.esm.js.map +1 -0
- package/dist/components/rdf-input.js +2 -0
- package/dist/components/select/Select.cjs.js +3 -3
- package/dist/components/select/Select.cjs.js.map +1 -1
- package/dist/components/select/Select.d.ts +3 -10
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/select/Select.esm.js +52 -109
- package/dist/components/select/Select.esm.js.map +1 -1
- package/dist/components/select/Select.stories.d.ts +9 -13
- package/dist/components/select/Select.stories.d.ts.map +1 -1
- package/dist/components/select-option/SelectOption.cjs.js.map +1 -1
- package/dist/components/select-option.js +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/signup-button/SignupButton.cjs.js.map +1 -1
- package/dist/components/signup-button/SignupButton.stories.d.ts +4 -4
- package/dist/components/signup-button/SignupButton.stories.d.ts.map +1 -1
- package/dist/components/signup-button.js +1 -1
- package/dist/components/solid-emblem.js +1 -1
- package/dist/components.js +26 -24
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +12 -10
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +8 -9
- package/dist/lib/auth/SolidAuth.cjs.js +1 -1
- package/dist/lib/auth/SolidAuth.cjs.js.map +1 -1
- package/dist/lib/auth/SolidAuth.d.ts.map +1 -1
- package/dist/lib/auth/SolidAuth.esm.js +17 -16
- package/dist/lib/auth/SolidAuth.esm.js.map +1 -1
- package/dist/lib/auth/context.cjs.js.map +1 -1
- package/dist/lib/components/decorators.cjs.js.map +1 -1
- package/dist/lib/components/decorators.esm.js.map +1 -1
- package/dist/lib/components/dialog-component/DialogComponent.cjs.js +2 -0
- package/dist/lib/components/dialog-component/DialogComponent.cjs.js.map +1 -0
- package/dist/lib/components/dialog-component/DialogComponent.d.ts +10 -0
- package/dist/lib/components/dialog-component/DialogComponent.d.ts.map +1 -0
- package/dist/lib/components/dialog-component/DialogComponent.esm.js +203 -0
- package/dist/lib/components/dialog-component/DialogComponent.esm.js.map +1 -0
- package/dist/lib/components/dialog-component/index.cjs.js +1 -0
- package/dist/lib/components/dialog-component/index.d.ts +4 -0
- package/dist/lib/components/dialog-component/index.d.ts.map +1 -0
- package/dist/lib/components/dialog-component/index.esm.js +2 -0
- package/dist/lib/components/form-control-component/FormControlComponent.cjs.js +2 -0
- package/dist/lib/components/form-control-component/FormControlComponent.cjs.js.map +1 -0
- package/dist/lib/components/form-control-component/FormControlComponent.d.ts +15 -0
- package/dist/lib/components/form-control-component/FormControlComponent.d.ts.map +1 -0
- package/dist/lib/components/form-control-component/FormControlComponent.esm.js +271 -0
- package/dist/lib/components/form-control-component/FormControlComponent.esm.js.map +1 -0
- package/dist/lib/components/form-control-component/index.cjs.js +1 -0
- package/dist/lib/components/form-control-component/index.d.ts +4 -0
- package/dist/lib/components/form-control-component/index.d.ts.map +1 -0
- package/dist/lib/components/form-control-component/index.esm.js +2 -0
- package/dist/lib/components/ids.cjs.js.map +1 -1
- package/dist/lib/components/ids.esm.js.map +1 -1
- package/dist/lib/components/index.cjs.js +1 -1
- package/dist/lib/components/index.d.ts +3 -1
- package/dist/lib/components/index.d.ts.map +1 -1
- package/dist/lib/components/index.esm.js +8 -4
- package/dist/lib/components/traits/DialogTrait.cjs.js +1 -1
- package/dist/lib/components/traits/DialogTrait.cjs.js.map +1 -1
- package/dist/lib/components/traits/DialogTrait.d.ts +2 -1
- package/dist/lib/components/traits/DialogTrait.d.ts.map +1 -1
- package/dist/lib/components/traits/DialogTrait.esm.js +26 -6
- package/dist/lib/components/traits/DialogTrait.esm.js.map +1 -1
- package/dist/lib/components/traits/FormControlTrait.cjs.js +1 -1
- package/dist/lib/components/traits/FormControlTrait.cjs.js.map +1 -1
- package/dist/lib/components/traits/FormControlTrait.d.ts +4 -2
- package/dist/lib/components/traits/FormControlTrait.d.ts.map +1 -1
- package/dist/lib/components/traits/FormControlTrait.esm.js +28 -10
- package/dist/lib/components/traits/FormControlTrait.esm.js.map +1 -1
- package/dist/lib/components/web-component/WebComponent.cjs.js +1 -1
- package/dist/lib/components/web-component/WebComponent.cjs.js.map +1 -1
- package/dist/lib/components/web-component/WebComponent.d.ts +12 -1
- package/dist/lib/components/web-component/WebComponent.d.ts.map +1 -1
- package/dist/lib/components/web-component/WebComponent.esm.js +30 -7
- package/dist/lib/components/web-component/WebComponent.esm.js.map +1 -1
- package/dist/lib/components/web-component/WebComponent.styles.cjs.js +1 -1
- package/dist/lib/components/web-component/WebComponent.styles.esm.js +1 -1
- package/dist/lib/dialogs/Dialog.cjs.js +1 -1
- package/dist/lib/dialogs/Dialog.cjs.js.map +1 -1
- package/dist/lib/dialogs/Dialog.d.ts +4 -8
- package/dist/lib/dialogs/Dialog.d.ts.map +1 -1
- package/dist/lib/dialogs/Dialog.esm.js +1 -8
- package/dist/lib/dialogs/Dialog.esm.js.map +1 -1
- package/dist/lib/dialogs/context.cjs.js.map +1 -1
- package/dist/lib/dialogs/helpers.cjs.js +1 -1
- package/dist/lib/dialogs/helpers.cjs.js.map +1 -1
- package/dist/lib/dialogs/helpers.d.ts +7 -2
- package/dist/lib/dialogs/helpers.d.ts.map +1 -1
- package/dist/lib/dialogs/helpers.esm.js +5 -3
- package/dist/lib/dialogs/helpers.esm.js.map +1 -1
- package/dist/lib/forms/fieldParams.cjs.js +2 -0
- package/dist/lib/forms/fieldParams.cjs.js.map +1 -0
- package/dist/lib/forms/fieldParams.d.ts +21 -0
- package/dist/lib/forms/fieldParams.d.ts.map +1 -0
- package/dist/lib/forms/fieldParams.esm.js +74 -0
- package/dist/lib/forms/fieldParams.esm.js.map +1 -0
- package/dist/lib/forms/rdfFormsHelper.cjs.js +2 -0
- package/dist/lib/forms/rdfFormsHelper.cjs.js.map +1 -0
- package/dist/lib/forms/rdfFormsHelper.d.ts +16 -0
- package/dist/lib/forms/rdfFormsHelper.d.ts.map +1 -0
- package/dist/lib/forms/rdfFormsHelper.esm.js +34 -0
- package/dist/lib/forms/rdfFormsHelper.esm.js.map +1 -0
- package/dist/lib/forms/store/NoopStore.cjs.js +2 -0
- package/dist/lib/forms/store/NoopStore.cjs.js.map +1 -0
- package/dist/lib/forms/store/NoopStore.d.ts +6 -0
- package/dist/lib/forms/store/NoopStore.d.ts.map +1 -0
- package/dist/lib/forms/store/NoopStore.esm.js +10 -0
- package/dist/lib/forms/store/NoopStore.esm.js.map +1 -0
- package/dist/lib/forms/store/StoreContext.cjs.js +2 -0
- package/dist/lib/forms/store/StoreContext.cjs.js.map +1 -0
- package/dist/lib/forms/store/StoreContext.d.ts +10 -0
- package/dist/lib/forms/store/StoreContext.d.ts.map +1 -0
- package/dist/lib/forms/store/StoreContext.esm.js +8 -0
- package/dist/lib/forms/store/StoreContext.esm.js.map +1 -0
- package/dist/lib/ns.cjs.js.map +1 -1
- package/dist/lib/pad.cjs.js +1 -1
- package/dist/lib/pad.cjs.js.map +1 -1
- package/dist/lib/pad.esm.js +6 -5
- package/dist/lib/pad.esm.js.map +1 -1
- package/dist/lib/participation.cjs.js +1 -1
- package/dist/lib/participation.cjs.js.map +1 -1
- package/dist/lib/participation.esm.js +4 -2
- package/dist/lib/participation.esm.js.map +1 -1
- package/dist/lib/preferences.cjs.js +1 -1
- package/dist/lib/preferences.cjs.js.map +1 -1
- package/dist/lib/preferences.esm.js +9 -7
- package/dist/lib/preferences.esm.js.map +1 -1
- package/dist/lib/table.cjs.js +2 -2
- package/dist/lib/table.cjs.js.map +1 -1
- package/dist/lib/table.esm.js +2 -2
- package/dist/lib/table.esm.js.map +1 -1
- package/dist/loader.js +8 -9
- package/dist/login/login.cjs.js.map +1 -1
- package/dist/media/media-capture.esm.js +2 -1
- package/dist/media/media-capture.esm.js.map +1 -1
- package/dist/solid-ui.js +162 -467
- package/dist/solid-ui.min.js +162 -467
- package/dist/solid-ui.min.js.map +1 -1
- package/dist/storybook/components/StorybookProvider.d.ts +1 -0
- package/dist/storybook/components/StorybookProvider.d.ts.map +1 -1
- package/dist/storybook/helpers.d.ts +2 -6
- package/dist/storybook/helpers.d.ts.map +1 -1
- package/dist/storybook/store/StorybookStore.d.ts +6 -0
- package/dist/storybook/store/StorybookStore.d.ts.map +1 -0
- package/dist/utils/headerFooterHelpers.cjs.js +1 -1
- package/dist/utils/headerFooterHelpers.cjs.js.map +1 -1
- package/dist/utils/headerFooterHelpers.esm.js +2 -1
- package/dist/utils/headerFooterHelpers.esm.js.map +1 -1
- package/dist/utils/index.cjs.js +1 -1
- package/dist/utils/index.cjs.js.map +1 -1
- package/dist/utils/index.esm.js +1 -1
- package/dist/utils/index.esm.js.map +1 -1
- package/dist/utils/keyHelpers/accessData.cjs.js +1 -1
- package/dist/utils/keyHelpers/accessData.cjs.js.map +1 -1
- package/dist/utils/keyHelpers/accessData.d.ts +3 -3
- package/dist/utils/keyHelpers/accessData.d.ts.map +1 -1
- package/dist/utils/keyHelpers/accessData.esm.js +2 -1
- package/dist/utils/keyHelpers/accessData.esm.js.map +1 -1
- package/dist/utils/keyHelpers/otherHelpers.d.ts +1 -1
- package/dist/utils/keyHelpers/otherHelpers.d.ts.map +1 -1
- package/dist/widgets/buttons.cjs.js +2 -2
- package/dist/widgets/buttons.cjs.js.map +1 -1
- package/dist/widgets/buttons.esm.js +10 -5
- package/dist/widgets/buttons.esm.js.map +1 -1
- package/dist/widgets/dragAndDrop.cjs.js +1 -1
- package/dist/widgets/dragAndDrop.cjs.js.map +1 -1
- package/dist/widgets/dragAndDrop.esm.js +1 -1
- package/dist/widgets/dragAndDrop.esm.js.map +1 -1
- package/dist/widgets/forms/autocomplete/autocompleteBar.esm.js +25 -18
- package/dist/widgets/forms/autocomplete/autocompleteBar.esm.js.map +1 -1
- package/dist/widgets/forms/autocomplete/autocompleteField.cjs.js.map +1 -1
- package/dist/widgets/forms/autocomplete/publicData.cjs.js +1 -1
- package/dist/widgets/forms/autocomplete/publicData.cjs.js.map +1 -1
- package/dist/widgets/forms/autocomplete/publicData.d.ts +3 -3
- package/dist/widgets/forms/autocomplete/publicData.d.ts.map +1 -1
- package/dist/widgets/forms/autocomplete/publicData.esm.js +6 -4
- package/dist/widgets/forms/autocomplete/publicData.esm.js.map +1 -1
- package/dist/widgets/forms/basic.cjs.js +1 -1
- package/dist/widgets/forms/basic.cjs.js.map +1 -1
- package/dist/widgets/forms/basic.esm.js +27 -25
- package/dist/widgets/forms/basic.esm.js.map +1 -1
- package/dist/widgets/forms/formStyle.cjs.js +1 -1
- package/dist/widgets/forms/formStyle.cjs.js.map +1 -1
- package/dist/widgets/forms/formStyle.esm.js +4 -4
- package/dist/widgets/forms/formStyle.esm.js.map +1 -1
- package/dist/widgets/forms.cjs.js +2 -2
- package/dist/widgets/forms.cjs.js.map +1 -1
- package/dist/widgets/forms.esm.js +10 -8
- package/dist/widgets/forms.esm.js.map +1 -1
- package/dist/widgets/multiSelect.cjs.js +1 -1
- package/dist/widgets/multiSelect.cjs.js.map +1 -1
- package/dist/widgets/multiSelect.esm.js +2 -1
- package/dist/widgets/multiSelect.esm.js.map +1 -1
- package/dist/widgets/peoplePicker.cjs.js.map +1 -1
- package/package.json +4 -4
- package/dist/chunks/auth-ClVI18ss.js.map +0 -1
- package/dist/chunks/chunk.7MPIABXH-CEYdxYyt.js.map +0 -1
- package/dist/chunks/close-dialog-DfAh83bX.js +0 -14
- package/dist/chunks/close-dialog-DfAh83bX.js.map +0 -1
- package/dist/chunks/combobox-DrT0Nb-A.js.map +0 -1
- package/dist/chunks/components-PQfnwrHI.js +0 -107
- package/dist/chunks/components-PQfnwrHI.js.map +0 -1
- package/dist/chunks/context-B_xwK-Y_.js +0 -22
- package/dist/chunks/context-B_xwK-Y_.js.map +0 -1
- package/dist/chunks/decorators-BqWyWiL9.js +0 -50
- package/dist/chunks/decorators-BqWyWiL9.js.map +0 -1
- package/dist/chunks/dialog-kyHgc-uy.js.map +0 -1
- package/dist/chunks/dialogs-root-dPGfuzSZ.js.map +0 -1
- package/dist/chunks/footer-BLSjn5ur.js +0 -144
- package/dist/chunks/footer-BLSjn5ur.js.map +0 -1
- package/dist/chunks/headerFooterHelpers-CPd5d20q.js +0 -52
- package/dist/chunks/headerFooterHelpers-CPd5d20q.js.map +0 -1
- package/dist/chunks/input-BjCX2bFe.js.map +0 -1
- package/dist/chunks/lit-C4H1jI4q.js +0 -527
- package/dist/chunks/lit-C4H1jI4q.js.map +0 -1
- package/dist/chunks/menu-1PG19fCC.js.map +0 -1
- package/dist/chunks/photo-capture-DzK6wZF4.js +0 -624
- package/dist/chunks/photo-capture-DzK6wZF4.js.map +0 -1
- package/dist/chunks/select-OM-SgY4K.js.map +0 -1
- package/dist/chunks/solid-logic.esm-BrMdCG2_.js.map +0 -1
- package/dist/chunks/src-DJOb1wMf.js.map +0 -1
- package/dist/components/footer/index.cjs.js +0 -1
- package/dist/components/footer/index.d.ts +0 -2
- package/dist/components/footer/index.d.ts.map +0 -1
- package/dist/components/footer/index.esm.js +0 -3
- package/dist/components/footer.js +0 -2
- package/dist/v2/components/layout/footer/Footer.cjs.js +0 -73
- package/dist/v2/components/layout/footer/Footer.cjs.js.map +0 -1
- package/dist/v2/components/layout/footer/Footer.d.ts +0 -60
- package/dist/v2/components/layout/footer/Footer.d.ts.map +0 -1
- package/dist/v2/components/layout/footer/Footer.esm.js +0 -143
- package/dist/v2/components/layout/footer/Footer.esm.js.map +0 -1
- package/dist/v2/components/layout/footer/Footer.test.d.ts +0 -1
- package/dist/v2/components/layout/footer/Footer.test.d.ts.map +0 -1
- package/dist/v2/components/layout/footer/index.cjs.js +0 -2
- package/dist/v2/components/layout/footer/index.cjs.js.map +0 -1
- package/dist/v2/components/layout/footer/index.d.ts +0 -3
- package/dist/v2/components/layout/footer/index.d.ts.map +0 -1
- package/dist/v2/components/layout/footer/index.esm.js +0 -8
- package/dist/v2/components/layout/footer/index.esm.js.map +0 -1
- package/dist/v2/components/media/photoCapture/PhotoCapture.cjs.js +0 -281
- package/dist/v2/components/media/photoCapture/PhotoCapture.cjs.js.map +0 -1
- package/dist/v2/components/media/photoCapture/PhotoCapture.d.ts +0 -200
- package/dist/v2/components/media/photoCapture/PhotoCapture.d.ts.map +0 -1
- package/dist/v2/components/media/photoCapture/PhotoCapture.esm.js +0 -623
- package/dist/v2/components/media/photoCapture/PhotoCapture.esm.js.map +0 -1
- package/dist/v2/components/media/photoCapture/PhotoCapture.test.d.ts +0 -1
- package/dist/v2/components/media/photoCapture/PhotoCapture.test.d.ts.map +0 -1
- package/dist/v2/components/media/photoCapture/index.cjs.js +0 -2
- package/dist/v2/components/media/photoCapture/index.cjs.js.map +0 -1
- package/dist/v2/components/media/photoCapture/index.d.ts +0 -3
- package/dist/v2/components/media/photoCapture/index.d.ts.map +0 -1
- package/dist/v2/components/media/photoCapture/index.esm.js +0 -8
- package/dist/v2/components/media/photoCapture/index.esm.js.map +0 -1
|
@@ -1,10 +1,16 @@
|
|
|
1
|
+
declare const args: {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
placeholder: string;
|
|
5
|
+
type: string;
|
|
6
|
+
};
|
|
1
7
|
declare const meta: {
|
|
2
|
-
readonly title: "Input";
|
|
8
|
+
readonly title: "Basic UI/Input";
|
|
3
9
|
readonly args: {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
10
|
+
label: string;
|
|
11
|
+
value: string;
|
|
12
|
+
placeholder: string;
|
|
13
|
+
type: string;
|
|
8
14
|
};
|
|
9
15
|
readonly argTypes: {
|
|
10
16
|
readonly label: {
|
|
@@ -21,23 +27,8 @@ declare const meta: {
|
|
|
21
27
|
readonly options: readonly ["text", "email", "password", "search", "url"];
|
|
22
28
|
};
|
|
23
29
|
};
|
|
30
|
+
readonly render: ({ label, value, placeholder, type }: typeof args) => import('lit-html').TemplateResult<1>;
|
|
24
31
|
};
|
|
32
|
+
export declare const Primary: {};
|
|
25
33
|
export default meta;
|
|
26
|
-
export declare const Primary: {
|
|
27
|
-
render: (args: import('../../storybook').GetStoryArgs<{
|
|
28
|
-
readonly label: {
|
|
29
|
-
readonly control: "text";
|
|
30
|
-
};
|
|
31
|
-
readonly value: {
|
|
32
|
-
readonly control: "text";
|
|
33
|
-
};
|
|
34
|
-
readonly placeholder: {
|
|
35
|
-
readonly control: "text";
|
|
36
|
-
};
|
|
37
|
-
readonly type: {
|
|
38
|
-
readonly control: "select";
|
|
39
|
-
readonly options: readonly ["text", "email", "password", "search", "url"];
|
|
40
|
-
};
|
|
41
|
-
}>) => HTMLDivElement;
|
|
42
|
-
};
|
|
43
34
|
//# sourceMappingURL=Input.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.stories.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.stories.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,CAAA;AAEhB,QAAA,MAAM,IAAI;;;;;CAKT,CAAA;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;2DAYqC,OAAO,IAAI;CAUhD,CAAA;AAEV,eAAO,MAAM,OAAO,IAAK,CAAA;AAEzB,eAAe,IAAI,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=require("lit").css`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}`;exports.default=e;
|
|
1
|
+
var e=require("lit").css`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}:host .input-wrapper input:read-only{cursor:not-allowed;border:none;padding:0}`;exports.default=e;
|
|
2
2
|
//# sourceMappingURL=Input.styles.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.styles.cjs.js","names":[],"sources":["../../../src/components/input/Input.styles.css"],"sourcesContent":[":host {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n\n label {\n color: var(--solid-ui-color-gray-600);\n font-size: var(--solid-ui-font-size-sm);\n font-weight: 400;\n }\n\n .input-wrapper {\n position: relative;\n width: 100%;\n\n input {\n border: 1px solid var(--solid-ui-color-gray-400);\n border-radius: 5px;\n padding: 10px;\n width: 100%;\n background: white;\n color: var(--solid-ui-color-gray-700);\n font-size: inherit;\n }\n }\n}\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"Input.styles.cjs.js","names":[],"sources":["../../../src/components/input/Input.styles.css"],"sourcesContent":[":host {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n\n label {\n color: var(--solid-ui-color-gray-600);\n font-size: var(--solid-ui-font-size-sm);\n font-weight: 400;\n }\n\n .input-wrapper {\n position: relative;\n width: 100%;\n\n input {\n border: 1px solid var(--solid-ui-color-gray-400);\n border-radius: 5px;\n padding: 10px;\n width: 100%;\n background: white;\n color: var(--solid-ui-color-gray-700);\n font-size: inherit;\n }\n\n input:read-only {\n border: none;\n padding: 0;\n cursor: not-allowed;\n }\n }\n \n}\n"],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css as e } from "lit";
|
|
2
2
|
//#region src/components/input/Input.styles.css
|
|
3
|
-
var t = e`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}`;
|
|
3
|
+
var t = e`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;background:#fff;border-radius:5px;padding:10px}:host .input-wrapper input:read-only{cursor:not-allowed;border:none;padding:0}`;
|
|
4
4
|
//#endregion
|
|
5
5
|
export { t as default };
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.styles.esm.js","names":[],"sources":["../../../src/components/input/Input.styles.css"],"sourcesContent":[":host {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n\n label {\n color: var(--solid-ui-color-gray-600);\n font-size: var(--solid-ui-font-size-sm);\n font-weight: 400;\n }\n\n .input-wrapper {\n position: relative;\n width: 100%;\n\n input {\n border: 1px solid var(--solid-ui-color-gray-400);\n border-radius: 5px;\n padding: 10px;\n width: 100%;\n background: white;\n color: var(--solid-ui-color-gray-700);\n font-size: inherit;\n }\n }\n}\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"Input.styles.esm.js","names":[],"sources":["../../../src/components/input/Input.styles.css"],"sourcesContent":[":host {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n\n label {\n color: var(--solid-ui-color-gray-600);\n font-size: var(--solid-ui-font-size-sm);\n font-weight: 400;\n }\n\n .input-wrapper {\n position: relative;\n width: 100%;\n\n input {\n border: 1px solid var(--solid-ui-color-gray-400);\n border-radius: 5px;\n padding: 10px;\n width: 100%;\n background: white;\n color: var(--solid-ui-color-gray-700);\n font-size: inherit;\n }\n\n input:read-only {\n border: none;\n padding: 0;\n cursor: not-allowed;\n }\n }\n \n}\n"],"mappings":""}
|
package/dist/components/input.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/input-
|
|
1
|
+
import { n as e, t } from "../chunks/input-CFDN76Y5.js";
|
|
2
2
|
export { e as Input, t as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LoginButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LoginButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","login","e","preventDefault","_LoginButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/login-button/LoginButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-login-button')\nexport default class LoginButton extends WebComponent {\n @consume({ context: authContext, subscribe: true })\n private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n protected render () {\n return html`\n <slot name=\"trigger\" @click=${this.onClick}>\n <solid-ui-button>\n <slot>\n Log In\n </slot>\n </solid-ui-button>\n </slot>\n `\n }\n\n click () {\n this.auth.login()\n }\n\n private onClick (e: MouseEvent) {\n e.preventDefault()\n\n this.click()\n }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,uBAAuB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,
|
|
1
|
+
{"version":3,"file":"LoginButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LoginButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LoginButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","login","e","preventDefault","_LoginButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/login-button/LoginButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-login-button')\nexport default class LoginButton extends WebComponent {\n @consume({ context: authContext, subscribe: true })\n private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n protected render () {\n return html`\n <slot name=\"trigger\" @click=${this.onClick}>\n <solid-ui-button>\n <slot>\n Log In\n </slot>\n </solid-ui-button>\n </slot>\n `\n }\n\n click () {\n this.auth.login()\n }\n\n private onClick (e: MouseEvent) {\n e.preventDefault()\n\n this.click()\n }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,uBAAuB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAEpCT,EAAAA,QAAAA,CAAQ,CAAEU,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzBwCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEfd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,MAAM,CAClB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzBwCL,EAAAA,OAAY,EAAA+B,EAAA"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
declare const meta: {
|
|
2
|
-
readonly title: "LoginButton";
|
|
2
|
+
readonly title: "Solid/LoginButton";
|
|
3
3
|
};
|
|
4
4
|
export declare const Primary: {
|
|
5
|
-
render: (
|
|
5
|
+
render: () => import('lit-html').TemplateResult<1>;
|
|
6
6
|
};
|
|
7
7
|
export declare const CustomLabel: {
|
|
8
|
-
render: (
|
|
8
|
+
render: () => import('lit-html').TemplateResult<1>;
|
|
9
9
|
};
|
|
10
10
|
export declare const CustomTrigger: {
|
|
11
|
-
render: (
|
|
11
|
+
render: () => import('lit-html').TemplateResult<1>;
|
|
12
12
|
};
|
|
13
13
|
export default meta;
|
|
14
14
|
//# sourceMappingURL=LoginButton.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/login-button/LoginButton.stories.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LoginButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/login-button/LoginButton.stories.ts"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAA;AAE7B,OAAO,eAAe,CAAA;AAEtB,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,WAAW;;CAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;CAQzB,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/login-button-
|
|
1
|
+
import { n as e, t } from "../chunks/login-button-BhdKFJ-F.js";
|
|
2
2
|
export { e as LoginButton, t as default };
|
|
@@ -26,5 +26,5 @@ const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components
|
|
|
26
26
|
</solid-ui-dialog-footer>
|
|
27
27
|
</form>
|
|
28
28
|
</solid-ui-dialog>
|
|
29
|
-
`}onIssuerInputChange(e){this.issuerInputValue=e.target.value}async onSubmit(e){if(e.preventDefault(),this.failed=!1,this.issuerInputValue){this.submitting=!0;try{await this.auth.login(this.issuerInputValue)}catch(e){console.error(e),this.failed=!0}finally{this.submitting=!1}}}},{e:[b,S,w,E,O,A,g],c:[G,_]}=z(l,[[y,1,`issuerUrl`],[x,1,`issuerInputValue`],[C,1,`failed`],[T,1,`submitting`],[D,1,`auth`],[k,1,`dialog`]],v,0,void 0,n.default),l),c=class extends W{constructor(){super(G),R(this,`styles`,r.default),_()}},R(c,j,void 0),c),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return G}});
|
|
29
|
+
`}onIssuerInputChange(e){this.issuerInputValue=String(e.target.value)}async onSubmit(e){if(e.preventDefault(),this.failed=!1,this.issuerInputValue){this.submitting=!0;try{await this.auth.login(this.issuerInputValue)}catch(e){console.error(e),this.failed=!0}finally{this.submitting=!1}}}},{e:[b,S,w,E,O,A,g],c:[G,_]}=z(l,[[y,1,`issuerUrl`],[x,1,`issuerInputValue`],[C,1,`failed`],[T,1,`submitting`],[D,1,`auth`],[k,1,`dialog`]],v,0,void 0,n.default),l),c=class extends W{constructor(){super(G),R(this,`styles`,r.default),_()}},R(c,j,void 0),c),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return G}});
|
|
30
30
|
//# sourceMappingURL=LoginModal.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginModal.cjs.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n static styles = styles\n\n @property({ type: String, reflect: true })\n accessor issuerUrl = ''\n\n @state()\n private accessor issuerInputValue = ''\n\n @state()\n private accessor failed: boolean = false\n\n @state()\n private accessor submitting: boolean = false\n\n @consume({ context: authContext, subscribe: true })\n private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n @query('solid-ui-dialog')\n private accessor dialog: Dialog | null = null\n\n connectedCallback () {\n super.connectedCallback()\n\n this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n }\n\n protected render () {\n const suggestedIssuers = getSuggestedIssuers()\n\n return html`\n <solid-ui-dialog title=\"Select an identity provider\">\n <form @submit=${this.onSubmit}>\n <solid-ui-dialog-content>\n <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n </solid-ui-combobox>\n\n ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n </solid-ui-dialog-content>\n\n <solid-ui-dialog-footer>\n <solid-ui-button\n variant=\"secondary\"\n @click=\"${() => this.dialog?.close()}\"\n >\n Cancel\n </solid-ui-button>\n <solid-ui-button\n ?disabled=${!this.issuerInputValue || this.submitting}\n ?loading=${this.submitting}\n type=\"submit\"\n >\n Login\n </solid-ui-button>\n </solid-ui-dialog-footer>\n </form>\n </solid-ui-dialog>\n `\n }\n\n private onIssuerInputChange (e: Event) {\n this.issuerInputValue = (e.target as Combobox).value\n }\n\n private async onSubmit (e: Event) {\n e.preventDefault()\n\n this.failed = false\n\n if (!this.issuerInputValue) {\n return\n }\n\n this.submitting = true\n\n try {\n await this.auth.login(this.issuerInputValue)\n } catch (error) {\n console.error(error)\n\n this.failed = true\n } finally {\n this.submitting = false\n }\n }\n}\n"],"mappings":"8xJAiB4CY,EAAA,CAE3CZ,EAAAA,cAAc,sBAAsB,CAAC,EAAA,IAAAa,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,EAAA,IAAAJ,QAAAK,EAAA,IAAAL,QAAAM,GAAAC,GAAAA,
|
|
1
|
+
{"version":3,"file":"LoginModal.cjs.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n static styles = styles\n\n @property({ type: String, reflect: true })\n accessor issuerUrl = ''\n\n @state()\n private accessor issuerInputValue = ''\n\n @state()\n private accessor failed: boolean = false\n\n @state()\n private accessor submitting: boolean = false\n\n @consume({ context: authContext, subscribe: true })\n private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n @query('solid-ui-dialog')\n private accessor dialog: Dialog | null = null\n\n connectedCallback () {\n super.connectedCallback()\n\n this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n }\n\n protected render () {\n const suggestedIssuers = getSuggestedIssuers()\n\n return html`\n <solid-ui-dialog title=\"Select an identity provider\">\n <form @submit=${this.onSubmit}>\n <solid-ui-dialog-content>\n <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n </solid-ui-combobox>\n\n ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n </solid-ui-dialog-content>\n\n <solid-ui-dialog-footer>\n <solid-ui-button\n variant=\"secondary\"\n @click=\"${() => this.dialog?.close()}\"\n >\n Cancel\n </solid-ui-button>\n <solid-ui-button\n ?disabled=${!this.issuerInputValue || this.submitting}\n ?loading=${this.submitting}\n type=\"submit\"\n >\n Login\n </solid-ui-button>\n </solid-ui-dialog-footer>\n </form>\n </solid-ui-dialog>\n `\n }\n\n private onIssuerInputChange (e: Event) {\n this.issuerInputValue = String((e.target as Combobox).value)\n }\n\n private async onSubmit (e: Event) {\n e.preventDefault()\n\n this.failed = false\n\n if (!this.issuerInputValue) {\n return\n }\n\n this.submitting = true\n\n try {\n await this.auth.login(this.issuerInputValue)\n } catch (error) {\n console.error(error)\n\n this.failed = true\n } finally {\n this.submitting = false\n }\n }\n}\n"],"mappings":"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"}
|
|
@@ -272,7 +272,7 @@ new (F = (m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g =
|
|
|
272
272
|
`;
|
|
273
273
|
}
|
|
274
274
|
onIssuerInputChange(e) {
|
|
275
|
-
this.issuerInputValue = e.target.value;
|
|
275
|
+
this.issuerInputValue = String(e.target.value);
|
|
276
276
|
}
|
|
277
277
|
async onSubmit(e) {
|
|
278
278
|
if (e.preventDefault(), this.failed = !1, this.issuerInputValue) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginModal.esm.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n static styles = styles\n\n @property({ type: String, reflect: true })\n accessor issuerUrl = ''\n\n @state()\n private accessor issuerInputValue = ''\n\n @state()\n private accessor failed: boolean = false\n\n @state()\n private accessor submitting: boolean = false\n\n @consume({ context: authContext, subscribe: true })\n private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n @query('solid-ui-dialog')\n private accessor dialog: Dialog | null = null\n\n connectedCallback () {\n super.connectedCallback()\n\n this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n }\n\n protected render () {\n const suggestedIssuers = getSuggestedIssuers()\n\n return html`\n <solid-ui-dialog title=\"Select an identity provider\">\n <form @submit=${this.onSubmit}>\n <solid-ui-dialog-content>\n <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n </solid-ui-combobox>\n\n ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n </solid-ui-dialog-content>\n\n <solid-ui-dialog-footer>\n <solid-ui-button\n variant=\"secondary\"\n @click=\"${() => this.dialog?.close()}\"\n >\n Cancel\n </solid-ui-button>\n <solid-ui-button\n ?disabled=${!this.issuerInputValue || this.submitting}\n ?loading=${this.submitting}\n type=\"submit\"\n >\n Login\n </solid-ui-button>\n </solid-ui-dialog-footer>\n </form>\n </solid-ui-dialog>\n `\n }\n\n private onIssuerInputChange (e: Event) {\n this.issuerInputValue = (e.target as Combobox).value\n }\n\n private async onSubmit (e: Event) {\n e.preventDefault()\n\n this.failed = false\n\n if (!this.issuerInputValue) {\n return\n }\n\n this.submitting = true\n\n try {\n await this.auth.login(this.issuerInputValue)\n } catch (error) {\n console.error(error)\n\n this.failed = true\n } finally {\n this.submitting = false\n }\n }\n}\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"LoginModal.esm.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n static styles = styles\n\n @property({ type: String, reflect: true })\n accessor issuerUrl = ''\n\n @state()\n private accessor issuerInputValue = ''\n\n @state()\n private accessor failed: boolean = false\n\n @state()\n private accessor submitting: boolean = false\n\n @consume({ context: authContext, subscribe: true })\n private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n @query('solid-ui-dialog')\n private accessor dialog: Dialog | null = null\n\n connectedCallback () {\n super.connectedCallback()\n\n this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n }\n\n protected render () {\n const suggestedIssuers = getSuggestedIssuers()\n\n return html`\n <solid-ui-dialog title=\"Select an identity provider\">\n <form @submit=${this.onSubmit}>\n <solid-ui-dialog-content>\n <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n </solid-ui-combobox>\n\n ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n </solid-ui-dialog-content>\n\n <solid-ui-dialog-footer>\n <solid-ui-button\n variant=\"secondary\"\n @click=\"${() => this.dialog?.close()}\"\n >\n Cancel\n </solid-ui-button>\n <solid-ui-button\n ?disabled=${!this.issuerInputValue || this.submitting}\n ?loading=${this.submitting}\n type=\"submit\"\n >\n Login\n </solid-ui-button>\n </solid-ui-dialog-footer>\n </form>\n </solid-ui-dialog>\n `\n }\n\n private onIssuerInputChange (e: Event) {\n this.issuerInputValue = String((e.target as Combobox).value)\n }\n\n private async onSubmit (e: Event) {\n e.preventDefault()\n\n this.failed = false\n\n if (!this.issuerInputValue) {\n return\n }\n\n this.submitting = true\n\n try {\n await this.auth.login(this.issuerInputValue)\n } catch (error) {\n console.error(error)\n\n this.failed = true\n } finally {\n this.submitting = false\n }\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,14 +1,22 @@
|
|
|
1
1
|
declare const meta: {
|
|
2
|
-
readonly title: "Login Modal";
|
|
2
|
+
readonly title: "Solid/Login Modal";
|
|
3
|
+
readonly parameters: {
|
|
4
|
+
readonly docs: {
|
|
5
|
+
readonly source: {
|
|
6
|
+
readonly language: "ts";
|
|
7
|
+
readonly code: "\n import { showDialog } from 'solid-ui';\n import LoginModal from 'solid-ui/components/login-modal';\n\n await showDialog<LoginModal>(html`<solid-ui-login-modal></solid-ui-login-modal>`);\n ";
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
};
|
|
3
11
|
};
|
|
4
|
-
export default meta;
|
|
5
12
|
export declare const Primary: {
|
|
6
|
-
render: (
|
|
13
|
+
render: () => import('lit-html').TemplateResult<1>;
|
|
7
14
|
};
|
|
8
15
|
export declare const Loading: {
|
|
9
|
-
render: (
|
|
16
|
+
render: () => import('lit-html').TemplateResult<1>;
|
|
10
17
|
};
|
|
11
18
|
export declare const Failed: {
|
|
12
|
-
render: (
|
|
19
|
+
render: () => import('lit-html').TemplateResult<1>;
|
|
13
20
|
};
|
|
21
|
+
export default meta;
|
|
14
22
|
//# sourceMappingURL=LoginModal.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/login-modal/LoginModal.stories.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAI5B,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"LoginModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/login-modal/LoginModal.stories.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAI5B,QAAA,MAAM,IAAI;;;;;;;;;;CAeA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAInB,CAAA;AAED,eAAO,MAAM,OAAO;;CASnB,CAAA;AAED,eAAO,MAAM,MAAM;;CASlB,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, r as t } from "../chunks/auth-
|
|
1
|
+
import { i as e, r as t } from "../chunks/auth-D4NUMSzc.js";
|
|
2
2
|
export { e as LoginModal, t as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogoutButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LogoutButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LogoutButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","logout","e","preventDefault","_LogoutButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/logout-button/LogoutButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-logout-button')\nexport default class LogoutButton extends WebComponent {\n @consume({ context: authContext, subscribe: true })\n private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n protected render () {\n return html`\n <slot name=\"trigger\" @click=${this.onClick}>\n <solid-ui-button>\n <slot>\n Log Out\n </slot>\n </solid-ui-button>\n </slot>\n `\n }\n\n click () {\n this.auth.logout()\n }\n\n private onClick (e: MouseEvent) {\n e.preventDefault()\n\n this.click()\n }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,
|
|
1
|
+
{"version":3,"file":"LogoutButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LogoutButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LogoutButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","logout","e","preventDefault","_LogoutButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/logout-button/LogoutButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-logout-button')\nexport default class LogoutButton extends WebComponent {\n @consume({ context: authContext, subscribe: true })\n private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n protected render () {\n return html`\n <slot name=\"trigger\" @click=${this.onClick}>\n <solid-ui-button>\n <slot>\n Log Out\n </slot>\n </solid-ui-button>\n </slot>\n `\n }\n\n click () {\n this.auth.logout()\n }\n\n private onClick (e: MouseEvent) {\n e.preventDefault()\n\n this.click()\n }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAErCT,EAAAA,QAAAA,CAAQ,CAAEU,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,OAAO,CACnB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzByCL,EAAAA,OAAY,EAAA+B,EAAA"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
declare const meta: {
|
|
2
|
-
readonly title: "LogoutButton";
|
|
2
|
+
readonly title: "Solid/LogoutButton";
|
|
3
3
|
};
|
|
4
4
|
export declare const Primary: {
|
|
5
|
-
render: (
|
|
5
|
+
render: () => import('lit-html').TemplateResult<1>;
|
|
6
6
|
};
|
|
7
7
|
export declare const CustomLabel: {
|
|
8
|
-
render: (
|
|
8
|
+
render: () => import('lit-html').TemplateResult<1>;
|
|
9
9
|
};
|
|
10
10
|
export declare const CustomTrigger: {
|
|
11
|
-
render: (
|
|
11
|
+
render: () => import('lit-html').TemplateResult<1>;
|
|
12
12
|
};
|
|
13
13
|
export default meta;
|
|
14
14
|
//# sourceMappingURL=LogoutButton.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogoutButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/logout-button/LogoutButton.stories.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LogoutButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/logout-button/LogoutButton.stories.ts"],"names":[],"mappings":"AAEA,OAAO,uBAAuB,CAAA;AAE9B,OAAO,gBAAgB,CAAA;AAEvB,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,WAAW;;CAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;CAQzB,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/logout-button-
|
|
1
|
+
import { n as e, t } from "../chunks/logout-button-ClbKS9ss.js";
|
|
2
2
|
export { e as LogoutButton, t as default };
|
|
@@ -10,5 +10,5 @@ const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/c
|
|
|
10
10
|
<slot name=${e.slot}></slot>
|
|
11
11
|
</wa-dropdown-item>`)}
|
|
12
12
|
</wa-dropdown>
|
|
13
|
-
`}syncItems(){let e=Array.from(this.children).filter(e
|
|
13
|
+
`}syncItems(){let e=Array.from(this.children).filter(e=>e.getAttribute(`slot`)!==`trigger`);this.items=e.map((e,t)=>{let n=`menu-item-${t}`;return e.getAttribute(`slot`)!==n&&e.setAttribute(`slot`,n),{slot:n}})}onItemClick(e){let t=e.currentTarget;e.stopPropagation(),!t.disabled&&(this.dispatchSelectEvent(t).defaultPrevented||!this.dropdown||(this.dropdown.open=!1))}onWaSelect(e){if(this.dispatchSelectEvent(e.detail.item).defaultPrevented){e.preventDefault();return}let t=e.detail.item.children[0].getAttribute(`name`);this.querySelector(`[slot="${t}"]`)?.click?.()}dispatchSelectEvent(e){let t=e.children[0].getAttribute(`name`),n=this.querySelector(`[slot="${t}"]`),r=new CustomEvent(`solid-ui-select`,{bubbles:!0,composed:!0,cancelable:!0});return n?.dispatchEvent(r),r}},{e:[h,_,y,x,d],c:[I,f]}=A(o,[[m,1,`placement`],[g,1,`distance`],[v,1,`dropdown`],[b,1,`items`]],p,0,void 0,t.default),o),a=class extends F{constructor(){super(I),k(this,`styles`,n.default),f()}},k(a,S,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return I}});
|
|
14
14
|
//# sourceMappingURL=Menu.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.cjs.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","
|
|
1
|
+
{"version":3,"file":"Menu.cjs.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","getAttribute","index","slotName","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n static styles = styles\n\n @property({ type: String, reflect: true })\n accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n @property({ type: Number, reflect: true })\n accessor distance: number = 5;\n\n @query('wa-dropdown')\n private accessor dropdown: WaDropdown | null = null;\n\n @state()\n private accessor items: { slot: string; }[] = []\n\n private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n connectedCallback () {\n super.connectedCallback()\n\n this.syncItems()\n this.observer.observe(this, { childList: true })\n }\n\n disconnectedCallback () {\n super.disconnectedCallback()\n\n this.observer.disconnect()\n }\n\n protected render () {\n return html`\n <wa-dropdown\n placement=${this.placement}\n distance=${this.distance}\n @wa-select=${this.onWaSelect}\n >\n <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n ${this.items.map(\n (item) =>\n html`<wa-dropdown-item @click=${this.onItemClick}>\n <slot name=${item.slot}></slot>\n </wa-dropdown-item>`\n )}\n </wa-dropdown>\n `\n }\n\n private syncItems (): void {\n // Exclude only the trigger element; include all other children\n // regardless of whether they already have a slot assigned.\n const items = Array.from(this.children).filter(\n (child) => child.getAttribute('slot') !== 'trigger'\n )\n\n this.items = items.map((item, index) => {\n const slotName = `menu-item-${index}`\n\n if (item.getAttribute('slot') !== slotName) {\n item.setAttribute('slot', slotName)\n }\n\n return { slot: slotName }\n })\n }\n\n private onItemClick (event: Event) {\n const waItem = event.currentTarget as WaDropdownItem\n\n event.stopPropagation()\n\n if (waItem.disabled) {\n return\n }\n\n const selectedEvent = this.dispatchSelectEvent(waItem)\n\n if (selectedEvent.defaultPrevented || !this.dropdown) {\n return\n }\n\n this.dropdown.open = false\n }\n\n private onWaSelect (event: WaDropdownSelectEvent) {\n const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n if (selectedEvent.defaultPrevented) {\n event.preventDefault()\n\n return\n }\n\n const slotName = event.detail.item.children[0].getAttribute('name')\n const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n item?.click?.()\n }\n\n private dispatchSelectEvent (waItem: WaDropdownItem) {\n const slotName = waItem.children[0].getAttribute('name')\n const item = this.querySelector(`[slot=\"${slotName}\"]`)\n const event = new CustomEvent('solid-ui-select', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n\n item?.dispatchEvent(event)\n\n return event\n }\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,KAAK,UAAU,MAAM,6DAA6D,CAAA;AAIzF,OAAO,6DAA6D,CAAA;AACpE,OAAO,uEAAuE,CAAA;AAK9E,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,YAAY;IAC5C,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAkB;IAG7D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAK;IAG9B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAGpD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA0B;IAEhD,OAAO,CAAC,QAAQ,CAAiE;IAEjF,iBAAiB;IAOjB,oBAAoB;IAMpB,SAAS,CAAC,MAAM;IAmBhB,OAAO,CAAC,SAAS;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,KAAK,UAAU,MAAM,6DAA6D,CAAA;AAIzF,OAAO,6DAA6D,CAAA;AACpE,OAAO,uEAAuE,CAAA;AAK9E,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,YAAY;IAC5C,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAkB;IAG7D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAK;IAG9B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAGpD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA0B;IAEhD,OAAO,CAAC,QAAQ,CAAiE;IAEjF,iBAAiB;IAOjB,oBAAoB;IAMpB,SAAS,CAAC,MAAM;IAmBhB,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,mBAAmB;CAa5B"}
|
|
@@ -237,7 +237,7 @@ new (w = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
|
|
|
237
237
|
`;
|
|
238
238
|
}
|
|
239
239
|
syncItems() {
|
|
240
|
-
let e = Array.from(this.children).filter((e) =>
|
|
240
|
+
let e = Array.from(this.children).filter((e) => e.getAttribute("slot") !== "trigger");
|
|
241
241
|
this.items = e.map((e, t) => {
|
|
242
242
|
let n = `menu-item-${t}`;
|
|
243
243
|
return e.getAttribute("slot") !== n && e.setAttribute("slot", n), { slot: n };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.esm.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","
|
|
1
|
+
{"version":3,"file":"Menu.esm.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","getAttribute","index","slotName","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n static styles = styles\n\n @property({ type: String, reflect: true })\n accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n @property({ type: Number, reflect: true })\n accessor distance: number = 5;\n\n @query('wa-dropdown')\n private accessor dropdown: WaDropdown | null = null;\n\n @state()\n private accessor items: { slot: string; }[] = []\n\n private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n connectedCallback () {\n super.connectedCallback()\n\n this.syncItems()\n this.observer.observe(this, { childList: true })\n }\n\n disconnectedCallback () {\n super.disconnectedCallback()\n\n this.observer.disconnect()\n }\n\n protected render () {\n return html`\n <wa-dropdown\n placement=${this.placement}\n distance=${this.distance}\n @wa-select=${this.onWaSelect}\n >\n <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n ${this.items.map(\n (item) =>\n html`<wa-dropdown-item @click=${this.onItemClick}>\n <slot name=${item.slot}></slot>\n </wa-dropdown-item>`\n )}\n </wa-dropdown>\n `\n }\n\n private syncItems (): void {\n // Exclude only the trigger element; include all other children\n // regardless of whether they already have a slot assigned.\n const items = Array.from(this.children).filter(\n (child) => child.getAttribute('slot') !== 'trigger'\n )\n\n this.items = items.map((item, index) => {\n const slotName = `menu-item-${index}`\n\n if (item.getAttribute('slot') !== slotName) {\n item.setAttribute('slot', slotName)\n }\n\n return { slot: slotName }\n })\n }\n\n private onItemClick (event: Event) {\n const waItem = event.currentTarget as WaDropdownItem\n\n event.stopPropagation()\n\n if (waItem.disabled) {\n return\n }\n\n const selectedEvent = this.dispatchSelectEvent(waItem)\n\n if (selectedEvent.defaultPrevented || !this.dropdown) {\n return\n }\n\n this.dropdown.open = false\n }\n\n private onWaSelect (event: WaDropdownSelectEvent) {\n const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n if (selectedEvent.defaultPrevented) {\n event.preventDefault()\n\n return\n }\n\n const slotName = event.detail.item.children[0].getAttribute('name')\n const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n item?.click?.()\n }\n\n private dispatchSelectEvent (waItem: WaDropdownItem) {\n const slotName = waItem.children[0].getAttribute('name')\n const item = this.querySelector(`[slot=\"${slotName}\"]`)\n const event = new CustomEvent('solid-ui-select', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n\n item?.dispatchEvent(event)\n\n return event\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
declare const meta: {
|
|
2
|
-
readonly title: "Menu";
|
|
2
|
+
readonly title: "Basic UI/Menu";
|
|
3
|
+
readonly render: () => import('lit-html').TemplateResult<1>;
|
|
3
4
|
};
|
|
5
|
+
export declare const Primary: {};
|
|
4
6
|
export default meta;
|
|
5
|
-
export declare const Primary: {
|
|
6
|
-
render: (args: object) => HTMLDivElement;
|
|
7
|
-
};
|
|
8
7
|
//# sourceMappingURL=Menu.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.stories.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.stories.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA;AAE/B,OAAO,QAAQ,CAAA;AAgBf,QAAA,MAAM,IAAI;;;CAaA,CAAA;AAEV,eAAO,MAAM,OAAO,IAAK,CAAA;AAEzB,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=Menu.test.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.test.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.test.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.cjs.js","names":["customElement","WebComponent","property","query","html","styles","_classDecs","_MenuItem","_MenuItem2","_A","WeakMap","_B","_C","_ref","_hrefDecs","type","String","reflect","_selectedDecs","Boolean","_anchorDecs","_MenuItem3","MenuItem","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_href","_init_selected","_init_anchor","_classPrivateFieldGet","href","v","_classPrivateFieldSet","selected","anchor","render","click","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/menu-item/MenuItem.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { property, query } from 'lit/decorators.js'\nimport { html } from 'lit'\n\nimport styles from './MenuItem.styles.css'\n\n@customElement('solid-ui-menu-item')\nexport default class MenuItem extends WebComponent {\n static styles = styles\n\n @property({ type: String, reflect: true })\n accessor href: string | undefined\n\n @property({ type: Boolean, reflect: true })\n accessor selected: boolean = false\n\n @query('a')\n private accessor anchor: HTMLAnchorElement | null = null\n\n render () {\n if (this.href) {\n return html`\n <a href=\"${this.href}\" target=\"_blank\" rel=\"noopener noreferrer\" ?data-selected=${this.selected}>\n <slot name=\"left-icon\"></slot>\n <slot></slot>\n <slot name=\"right-icon\"></slot>\n </a>\n `\n }\n\n return html`\n <div ?data-selected=${this.selected}>\n <slot name=\"left-icon\"></slot>\n <slot></slot>\n <slot name=\"right-icon\"></slot>\n </div>\n `\n }\n\n click () {\n this.anchor?.click()\n }\n}\n"],"mappings":"m2IAI0CM,EAAA,CAEzCN,EAAAA,cAAc,oBAAoB,CAAC,EAAA,IAAAO,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,GAAAC,GAAAA,
|
|
1
|
+
{"version":3,"file":"MenuItem.cjs.js","names":["customElement","WebComponent","property","query","html","styles","_classDecs","_MenuItem","_MenuItem2","_A","WeakMap","_B","_C","_ref","_hrefDecs","type","String","reflect","_selectedDecs","Boolean","_anchorDecs","_MenuItem3","MenuItem","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_href","_init_selected","_init_anchor","_classPrivateFieldGet","href","v","_classPrivateFieldSet","selected","anchor","render","click","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/menu-item/MenuItem.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { property, query } from 'lit/decorators.js'\nimport { html } from 'lit'\n\nimport styles from './MenuItem.styles.css'\n\n@customElement('solid-ui-menu-item')\nexport default class MenuItem extends WebComponent {\n static styles = styles\n\n @property({ type: String, reflect: true })\n accessor href: string | undefined\n\n @property({ type: Boolean, reflect: true })\n accessor selected: boolean = false\n\n @query('a')\n private accessor anchor: HTMLAnchorElement | null = null\n\n render () {\n if (this.href) {\n return html`\n <a href=\"${this.href}\" target=\"_blank\" rel=\"noopener noreferrer\" ?data-selected=${this.selected}>\n <slot name=\"left-icon\"></slot>\n <slot></slot>\n <slot name=\"right-icon\"></slot>\n </a>\n `\n }\n\n return html`\n <div ?data-selected=${this.selected}>\n <slot name=\"left-icon\"></slot>\n <slot></slot>\n <slot name=\"right-icon\"></slot>\n </div>\n `\n }\n\n click () {\n this.anchor?.click()\n }\n}\n"],"mappings":"m2IAI0CM,EAAA,CAEzCN,EAAAA,cAAc,oBAAoB,CAAC,EAAA,IAAAO,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,GAAAC,GAAAA,EAIjCZ,EAAAA,SAAAA,CAAS,CAAEa,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAGzChB,EAAAA,SAAAA,CAAS,CAAEa,KAAMI,QAASF,QAAS,EAAK,CAAC,EAACG,GAAAA,EAG1CjB,EAAAA,MAAAA,CAAM,GAAG,EAAC,QAAAkB,EAVb,cACsCpB,EAAAA,OAAa,CAAAsB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAhB,GAAAiB,EAAA,IAAA,EAAAC,EAAA,IAAA,EAAA,EAAAF,EAAA,KAAAd,EAAAiB,EAAA,KAOpB,EAAK,CAAA,EAAAH,EAAA,KAAAb,EAAAiB,EAAA,KAGkB,IAAI,CAAA,CAAA,CAAA,IAAAhB,IAAA,CAAA,OAAAiB,EAAArB,EAAA,IAAA,CAAA,CAAA,IAN/CsB,KAAIC,EAAA,CAAAC,EAAAxB,EAAA,KAAAuB,CAAA,CAAA,CAAA,IAGJE,UAAQ,CAAA,OAAAJ,EAAAnB,EAAA,IAAA,CAAA,CAAA,IAARuB,SAAQF,EAAA,CAAAC,EAAAtB,EAAA,KAAAqB,CAAA,CAAA,CAAA,IAGAG,QAAM,CAAA,OAAAL,EAAAlB,EAAA,IAAA,CAAA,CAAA,IAANuB,OAAMH,EAAA,CAAAC,EAAArB,EAAA,KAAAoB,CAAA,CAAA,CAEvBI,QAAU,CAWR,OAVI,KAAKL,KACA3B,EAAAA,IAAI;mBACE,KAAK2B,KAAI,6DAA8D,KAAKG,SAAQ;;;;;QAQ5F9B,EAAAA,IAAI;8BACe,KAAK8B,SAAQ;;;;;KAMzC,CAEAG,OAAS,CACP,KAAKF,QAAQE,MAAM,CACrB,CACF,EAAC,CAAAC,EAAA,CAAAX,EAAAC,EAAAC,EAAAH,GAAAa,EAAA,CAAAhC,EAAAiC,IAAAC,EAAApB,EAAA,CAAA,CAAAP,EAAA,EAAA,MAAA,EAAA,CAAAI,EAAA,EAAA,UAAA,EAAA,CAAAE,EAAA,EAAA,QAAA,CAAA,EAAAd,EAAA,EAAA,IAAA,GAnCqCL,EAAAA,OAAY,EAAAoB,GAAAqB,EAAA,cAAAC,CAAA,CAAApB,aAAA,CAAA,MAAAhB,CAAA,EAAAqC,EAAA,KAAA,SAChCvC,EAAAA,OAAM,EAAAmC,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAlC,EAAA,IAAA,EAAA,EAAAkC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/menu-item-
|
|
1
|
+
import { n as e, t } from "../chunks/menu-item-Bj3NgLzB.js";
|
|
2
2
|
export { e as MenuItem, t as default };
|
package/dist/components/menu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/menu-
|
|
1
|
+
import { n as e, t } from "../chunks/menu-DVgG-el5.js";
|
|
2
2
|
export { e as Menu, t as default };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/form-control-component/FormControlComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("../../lib/dialogs/helpers.cjs.js");require("../../lib/dialogs/index.cjs.js");const r=require("../photo-capture-modal/index.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P,F,I;function ee(e,t,n){return(t=re(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function L(e,t,n){te(e,t),t.set(e,n)}function te(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function R(e,t,n){return e.set(B(e,t),n),n}function z(e,t){return e.get(B(e,t))}function B(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function ne(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:ae(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||ae(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return oe(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:re(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function re(e){var t=ie(e,`string`);return typeof t==`symbol`?t:t+``}function ie(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function ae(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function oe(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}l=[e.customElement(`solid-ui-photo-capture`)];var se,V=new WeakMap,H=new WeakMap,U=new WeakMap,W=new WeakMap,G=new WeakMap,K=new WeakMap,q=new WeakMap,J=new WeakMap,Y=new WeakMap,X=new WeakMap,Z=new WeakMap,Q=new WeakMap,$=new WeakMap;I=(u=(0,a.property)({type:String,reflect:!0}),f=(0,a.property)({type:String,reflect:!0}),m=(0,a.property)({type:String,attribute:`capture-label`,reflect:!0}),g=(0,a.property)({type:String,attribute:`confirm-label`,reflect:!0}),v=(0,a.property)({type:String,attribute:`retake-label`,reflect:!0}),b=(0,a.property)({type:String,attribute:`cancel-label`,reflect:!0}),S=(0,a.property)({type:String,attribute:`facing-mode`,reflect:!0}),w=(0,a.property)({type:String,reflect:!0}),E=(0,a.property)({type:String,attribute:`capture-format`,reflect:!0}),O=(0,a.property)({type:Number,attribute:`capture-quality`}),A=(0,a.property)({type:Boolean,attribute:`show-cancel-button`,reflect:!0}),M=(0,a.property)({type:String,attribute:`file-name-prefix`,reflect:!0}),P=(0,a.property)({attribute:!1}),`label`),o=class extends t.default{constructor(...e){super(...e),L(this,V,(s(this),d(this,`Take Photo`))),L(this,H,p(this,`Take a photo`)),L(this,U,h(this,`Take Photo`)),L(this,W,_(this,`Use Photo`)),L(this,G,y(this,`Retake`)),L(this,K,x(this,`Cancel`)),L(this,q,C(this,`user`)),L(this,J,T(this,``)),L(this,Y,D(this,`image/png`)),L(this,X,k(this,void 0)),L(this,Z,j(this,!0)),L(this,Q,N(this,``)),L(this,$,F(this,void 0)),ee(this,`controlElement`,null)}get[I](){return z(V,this)}set label(e){R(V,this,e)}get heading(){return z(H,this)}set heading(e){R(H,this,e)}get captureLabel(){return z(U,this)}set captureLabel(e){R(U,this,e)}get confirmLabel(){return z(W,this)}set confirmLabel(e){R(W,this,e)}get retakeLabel(){return z(G,this)}set retakeLabel(e){R(G,this,e)}get cancelLabel(){return z(K,this)}set cancelLabel(e){R(K,this,e)}get facingMode(){return z(q,this)}set facingMode(e){R(q,this,e)}get constraints(){return z(J,this)}set constraints(e){R(J,this,e)}get captureFormat(){return z(Y,this)}set captureFormat(e){R(Y,this,e)}get captureQuality(){return z(X,this)}set captureQuality(e){R(X,this,e)}get showCancelButton(){return z(Z,this)}set showCancelButton(e){R(Z,this,e)}get fileNamePrefix(){return z(Q,this)}set fileNamePrefix(e){R(Q,this,e)}get mediaConstraints(){return z($,this)}set mediaConstraints(e){R($,this,e)}render(){return i.html`
|
|
2
|
+
<slot name="trigger" @click=${this.onClick}>
|
|
3
|
+
<solid-ui-button ?disabled="${this.disabled}">${this.label}</solid-ui-button>
|
|
4
|
+
</slot>
|
|
5
|
+
`}onClick(){n.showDialog(r.default,{props:{name:this.name,heading:this.heading,captureLabel:this.captureLabel,confirmLabel:this.confirmLabel,retakeLabel:this.retakeLabel,cancelLabel:this.cancelLabel,fileNamePrefix:this.fileNamePrefix,mediaConstraints:this.mediaConstraints,constraints:this.constraints,captureFormat:this.captureFormat,captureQuality:this.captureQuality,showCancelButton:this.showCancelButton,facingMode:this.facingMode},onClose:e=>this.controlTrait.setValue(e??null)})}},{e:[d,p,h,_,y,x,C,T,D,k,j,N,F,s],c:[se,c]}=ne(o,[[u,1,`label`],[f,1,`heading`],[m,1,`captureLabel`],[g,1,`confirmLabel`],[v,1,`retakeLabel`],[b,1,`cancelLabel`],[S,1,`facingMode`],[w,1,`constraints`],[E,1,`captureFormat`],[O,1,`captureQuality`],[A,1,`showCancelButton`],[M,1,`fileNamePrefix`],[P,1,`mediaConstraints`]],l,0,void 0,t.default),c(),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return se}});
|
|
6
|
+
//# sourceMappingURL=PhotoCapture.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhotoCapture.cjs.js","names":["html","property","customElement","FormControlComponent","showDialog","PhotoCaptureModal","_classDecs","_PhotoCapture","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_ref","_labelDecs","type","String","reflect","_headingDecs","_captureLabelDecs","attribute","_confirmLabelDecs","_retakeLabelDecs","_cancelLabelDecs","_facingModeDecs","_constraintsDecs","_captureFormatDecs","_captureQualityDecs","Number","_showCancelButtonDecs","Boolean","_fileNamePrefixDecs","_mediaConstraintsDecs","PhotoCapture","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_label","_init_heading","_init_captureLabel","_init_confirmLabel","_init_retakeLabel","_init_cancelLabel","_init_facingMode","_init_constraints","_init_captureFormat","_init_captureQuality","undefined","_init_showCancelButton","_init_fileNamePrefix","_init_mediaConstraints","_defineProperty","_classPrivateFieldGet","label","v","_classPrivateFieldSet","heading","captureLabel","confirmLabel","retakeLabel","cancelLabel","facingMode","constraints","captureFormat","captureQuality","showCancelButton","fileNamePrefix","mediaConstraints","render","onClick","disabled","props","name","onClose","value","controlTrait","setValue","_PhotoCapture2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/photo-capture/PhotoCapture.ts"],"sourcesContent":["import { html } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { customElement, FormControlComponent } from '@/lib/components'\nimport { showDialog } from '@/lib/dialogs'\n\nimport PhotoCaptureModal from '@/components/photo-capture-modal'\n\n@customElement('solid-ui-photo-capture')\nexport default class PhotoCapture extends FormControlComponent<File> {\n @property({ type: String, reflect: true })\n accessor label = 'Take Photo'\n\n @property({ type: String, reflect: true })\n accessor heading = 'Take a photo'\n\n @property({ type: String, attribute: 'capture-label', reflect: true })\n accessor captureLabel = 'Take Photo'\n\n @property({ type: String, attribute: 'confirm-label', reflect: true })\n accessor confirmLabel = 'Use Photo'\n\n @property({ type: String, attribute: 'retake-label', reflect: true })\n accessor retakeLabel = 'Retake'\n\n @property({ type: String, attribute: 'cancel-label', reflect: true })\n accessor cancelLabel = 'Cancel'\n\n @property({ type: String, attribute: 'facing-mode', reflect: true })\n accessor facingMode = 'user'\n\n @property({ type: String, reflect: true })\n accessor constraints = ''\n\n @property({ type: String, attribute: 'capture-format', reflect: true })\n accessor captureFormat = 'image/png'\n\n @property({ type: Number, attribute: 'capture-quality' })\n accessor captureQuality: number | undefined = undefined\n\n @property({ type: Boolean, attribute: 'show-cancel-button', reflect: true })\n accessor showCancelButton = true\n\n @property({ type: String, attribute: 'file-name-prefix', reflect: true })\n accessor fileNamePrefix = ''\n\n @property({ attribute: false })\n accessor mediaConstraints: MediaStreamConstraints | undefined = undefined\n\n protected controlElement = null\n\n protected render () {\n return html`\n <slot name=\"trigger\" @click=${this.onClick}>\n <solid-ui-button ?disabled=\"${this.disabled}\">${this.label}</solid-ui-button>\n </slot>\n `\n }\n\n private onClick () {\n showDialog(PhotoCaptureModal, {\n props: {\n name: this.name,\n heading: this.heading,\n captureLabel: this.captureLabel,\n confirmLabel: this.confirmLabel,\n retakeLabel: this.retakeLabel,\n cancelLabel: this.cancelLabel,\n fileNamePrefix: this.fileNamePrefix,\n mediaConstraints: this.mediaConstraints,\n constraints: this.constraints,\n captureFormat: this.captureFormat,\n captureQuality: this.captureQuality,\n showCancelButton: this.showCancelButton,\n facingMode: this.facingMode,\n },\n onClose: value => this.controlTrait.setValue(value ?? null)\n })\n }\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { FormControlComponent } from '../../lib/components';
|
|
2
|
+
export default class PhotoCapture extends FormControlComponent<File> {
|
|
3
|
+
accessor label: string;
|
|
4
|
+
accessor heading: string;
|
|
5
|
+
accessor captureLabel: string;
|
|
6
|
+
accessor confirmLabel: string;
|
|
7
|
+
accessor retakeLabel: string;
|
|
8
|
+
accessor cancelLabel: string;
|
|
9
|
+
accessor facingMode: string;
|
|
10
|
+
accessor constraints: string;
|
|
11
|
+
accessor captureFormat: string;
|
|
12
|
+
accessor captureQuality: number | undefined;
|
|
13
|
+
accessor showCancelButton: boolean;
|
|
14
|
+
accessor fileNamePrefix: string;
|
|
15
|
+
accessor mediaConstraints: MediaStreamConstraints | undefined;
|
|
16
|
+
protected controlElement: null;
|
|
17
|
+
protected render(): import('lit-html').TemplateResult<1>;
|
|
18
|
+
private onClick;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=PhotoCapture.d.ts.map
|