{"__symbolic":"module","version":4,"metadata":{"position":{"__symbolic":"interface"},"Origin":{"__symbolic":"class","members":{}},"LyTemplateMenu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":53,"character":1},"arguments":[{"selector":"ly-template-menu","template":"\n  <div #container></div>\n  ","styles":["\n    :host {\n      position: absolute;\n      display: block;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n  "]}]}],"members":{"_vcr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":70,"character":34}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":71,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}],"tmpl":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"LyMenu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":83,"character":1},"arguments":[{"selector":"ly-menu","styles":[".ly-menu { display: inline-block; position: fixed; padding: 8px 0px; max-height: 248px; overflow: auto; user-select: none; z-index: 1000; opacity: 0; min-width: 84px; width: fit-content; transform: scale3d(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.15) 0 2px 6px, rgba(0, 0, 0, 0.15) 0 1px 4px; border-radius: 2px; transition: transform 175ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, opacity 275ms ease-in 0ms; will-change: opacity, transform; font-family: Roboto, \"Helvetica Neue\", sans-serif; } .ly-list-x { z-index: 0; max-height: 100%; } .ly-menu /deep/ ly-menu { position: absolute; } .ly-menu.ly-list { position: relative; transform: scale3d(1, 1, 1); transition: all 0ms linear 0ms; } :host.ly-list .ly-menu { position: relative; transform: scale(1, 1); transition: all 0ms linear 0ms; opacity: 1; } :host.ly-list .ly-background-menu { pointer-events: none; } .ly-menu.ly-menu-opened { transform: scale3d(1, 1, 1); opacity: 1; } .ly-background-menu { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent; z-index: 999; user-select: none; pointer-events: none; } .ly-background-on { pointer-events: all !important; pointer-events: auto !important; } ::ng-deep button[ly-menu-item] { display: block; min-height: 48px; border-radius: 0; width: 100%; } "],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":87,"character":4},"arguments":["menu",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":88,"character":6},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":88,"character":27},"arguments":["150ms 50ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":88,"character":56},"arguments":[{"opacity":0}]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":89,"character":6},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":89,"character":18},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":92,"character":6},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":92,"character":27},"arguments":["100ms linear"]}]}]]}],"template":"\n  <ng-template>\n    <div #_menu [@menu]=\"menuAnimationsState\"\n      class=\"ly-menu\"\n      bg=\"main\"\n      color=\"colorText\"\n      [style.transform-origin]=\"targetOrigin\"\n      [style.top.px]=\"rootStyle.top + rootStylePosition.top\"\n      [style.left.px]=\"rootStyle.left + rootStylePosition.left\"\n      [style.transform]=\"_targetPosition | async\">\n      <div class=\"ly-menu-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n    <div\n    class=\"ly-background-menu ly-background-on\"\n    (click)=\"hiddeMenu()\"></div>\n  </ng-template>\n  ","exportAs":"lyMenu","preserveWhitespaces":false}]}],"members":{"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"_anchorOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3},"arguments":["anchor-origin"]}]}],"_targetOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3},"arguments":["target-origin"]}]}],"_menuElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":133,"character":3},"arguments":["_menu"]}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":134,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":134,"character":13}]}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"updateTargetPosition":[{"__symbolic":"method"}],"target":[{"__symbolic":"method"}],"toggleMenu":[{"__symbolic":"method"}],"showMenu":[{"__symbolic":"method"}],"hiddeMenu":[{"__symbolic":"method"}],"_destroyMenu":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":263,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":71,"character":40},{"__symbolic":"reference","module":"alyle-ui/core","name":"DomService","line":265,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":266,"character":16},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":267,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"LyMenuTriggerFor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":283,"character":1},"arguments":[{"selector":"[lyMenuTriggerFor]","host":{"(click)":"_handleClick($event)"}}]}],"members":{"lyMenuTriggerFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":291,"character":3},"arguments":["lyMenuTriggerFor"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":263,"character":24}]}],"targetPosition":[{"__symbolic":"method"}],"_handleClick":[{"__symbolic":"method"}]}},"LyMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":26},{"__symbolic":"reference","module":"alyle-ui/core","name":"ThemeModule","line":8,"character":39},{"__symbolic":"reference","module":"alyle-ui/core","name":"LxDomModule","line":8,"character":52}],"exports":[{"__symbolic":"reference","name":"LyMenu"},{"__symbolic":"reference","name":"LyMenuTriggerFor"}],"declarations":[{"__symbolic":"reference","name":"LyMenu"},{"__symbolic":"reference","name":"LyMenuTriggerFor"},{"__symbolic":"reference","name":"LyTemplateMenu"}]}]}],"members":{}}},"origins":{"position":"./menu","Origin":"./menu","LyTemplateMenu":"./menu","LyMenu":"./menu","LyMenuTriggerFor":"./menu","LyMenuModule":"./menu.module"},"importAs":"alyle-ui/menu"}