todo.txt

58.6kb
/////////////

https://joshuajohnson.co.uk/Choices/


input as search
grouped list
add to list
custom loader
createDocumentFragment
add inside choosy
choosy heaer city selction hover, header image change

movie list - left right section - on hover a item show cast in right section


//////////////////


let hostRef =  overlay({className:'overlay'}).host(comp,{elative:'global'|HTMLElement})
hostRef.open();
hostRef.close();
hostRef.otherInstanceOpened.subscribe();
hostRef.overlayClicked.subscribe()
hostRef.outsideClicked.subscribe()
hostRef.srcElementSizeChanged().subscribe()
hostRef.windowResized().subscribe()
hostRef.compRef


defaultBehaviorDecorator(hostRef);
btnBehaviorDecorator(hostRef);


overlayRef // overlay - backdrop
hostRef // placeholder for component
domRef // watch dom size change

const size = {x:'auto',y:'auto'}

ReltiveToElem({
  origin:'#src',
  initialPos:'bottom|left',
  autoUpdate:true
})

RelativeToWindow({
  position:'center|top left|custom'
  customPosX:11,
  customPosY:11
})


events.choosy
  - seleced
  - removed
events.global
  - window resize
  - doc click
events.overlay
  - backdrop click
  - host coords
  - created
  - destroyed
events.host
  - attached
  - detached
ref.close();
ref.componentInstance;
ref.events;
ref.config;
ref.posUpdate();

container.component(comp).overlay().open();

///
backdrop
auto pos change
ngzone
translationX
30secondaofcode
on scroll pos update