Every importable symbol from the pota/use/* sub-paths, grouped by module. Some modules are props plugins : importing them for their side effect registers one or more use:* attributes you can apply to elements.
Importing these registers use:* props globally. You can import the side effect alone, or import any named exports to call the helpers imperatively.
import { animateClassTo , animatePartTo } from ' pota/use/animate ' import { bind } from ' pota/use/bind ' Registers the use:bind attribute. See use:bind .
import { isMobile , isFirefox } from ' pota/use/browser ' Side-effect import. Registers use:clickoutside and use:clickoutsideonce . See use:clickoutside .
import { eyeDropper , scale , setAlpha , textColor , textColorWhenBackgroundIsBlack , textColorWhenBackgroundIsWhite , textColorWhenBackgroundIs , validateColor } from ' pota/use/color ' import { CSSStyleSheet , css , sheet , getAdoptedStyleSheets , adoptedStyleSheets , addAdoptedStyleSheet , removeAdoptedStyleSheet , addStyleSheets , addStyleSheetExternal } from ' pota/use/css ' import { document , head , documentElement , DocumentFragment , isConnected , activeElement , createElement , createElementNS , createTextNode , createComment , createTreeWalker , importNode , querySelector , querySelectorAll , walkElements , getDocumentForElement , getValueElement , setAttribute , hasAttribute , removeAttribute , addClass , removeClass , addPart , removePart , tokenList , toDiff } from ' pota/use/dom ' import { Emitter } from ' pota/use/emitter ' Base class used by the on* / use* pairs in modules like fullscreen , orientation , resize , visibility .
import { preventDefault , stopPropagation , stopImmediatePropagation , stopEvent , emit , waitEvent , addEventNative , removeEventNative , passiveEvent } from ' pota/use/event ' import { focusNext , focusPrevious , onDocumentFocus , useDocumentFocus } from ' pota/use/focus ' import { isDisabled , focusNextInput , form2object , object2form } from ' pota/use/form ' Registers use:click-focus-children-input , use:enter-focus-next , use:prevent-enter , use:size-to-input .
import { isFullscreen , exitFullscreen , requestFullscreen , toggleFullscreen , onFullscreen , useFullscreen } from ' pota/use/fullscreen ' Registers use:fullscreen . See use:fullscreen .
import { location , navigate , navigateSync , addListeners , useBeforeLeave } from ' pota/use/location ' See useLocation .
import { onOrientation , useOrientation } from ' pota/use/orientation ' import { paginate , paginateValues } from ' pota/use/paginate ' import { chance , random , randomBetween , randomColor , randomId , randomSeeded } from ' pota/use/random ' import { documentSize , onDocumentSize , useDocumentSize } from ' pota/use/resize ' import { scrollToElement , scrollToSelector , scrollToSelectorWithFallback , scrollToLocationHash , scrollToTop } from ' pota/use/scroll ' import { getSelection , restoreSelection } from ' pota/use/selection ' Registers use:click-selects-all .
import { useSelector , usePrevious } from ' pota/use/selector ' See useSelector .
import { copyAudioTracks , copyVideoTracks , removeAudioTracks , removeVideoTracks , stopStream , stopTrack , stopTracks } from ' pota/use/stream ' import { capitalizeFirstLetter , dashesToCamelCase , copyToClipboard , ensureString , hash , isEmoji , label , short , toString , validateEmail , validatePassword , wholeNumber , diff } from ' pota/use/string ' import { test , isProxy , rerenders , body , head , childNodes , microtask , macrotask , sleep , sleepLong , $ , $$ } from ' pota/use/test ' import { now , date , datetime , time , timeWithSeconds , day , measure , timing , useTimeout } from ' pota/use/time ' See useTimeout .
import { cleanLink , encodeURIComponent , decodeURIComponent , isAbsolute , isRelative , isExternal , isFileProtocol , isHash , hasProtocol , removeNestedProtocol , paramsRegExp , replaceParams } from ' pota/use/url ' import { isDocumentVisible , onDocumentVisible , useDocumentVisible } from ' pota/use/visibility '