{"__symbolic":"module","version":4,"metadata":{"IMenuItem":{"__symbolic":"interface"},"IMenuSettings":{"__symbolic":"interface"},"NgxMenuFloatComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ngx-menu-float","template":"\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\n\n    <div class=\"ngx-floating-toolbar container\"\n         [ngClass]=\"{'position-top': settings.position === 'top'}\"\n         [ngStyle]=\"{'background-color': settings.backgroundColor  || '#ffffff'}\"    >\n      <div class=\"items-container\" *ngIf=\"menuItems\">\n        <div\n          *ngFor=\"let item of menuItems; let i = index\" class=\"menu-item\"\n          (click)=\"selectItem(i); item.action ? item.action() : null\"\n          [ngClass]=\"{'selected-menu-item': item.selected}\"\n          [ngStyle]=\"{'background-color': (item.selected  ? item.selectedBackground || 'rgba(186, 186, 186, 0.31)' : 'transparent') }\">\n          <a class=\"material-icons\" [ngStyle]=\"{'color': item.color || 'gray'}\">{{item.icon}}</a>\n        </div>\n      </div>\n    </div>\n  ","styles":["\n5680\ngmai\n\n    .ngx-floating-toolbar {\n      z-index: 99999999;\n      background-color: #fff;\n    }\n    .ngx-floating-toolbar.container {\n      width: 80vw;\n      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n      height: 50px;\n      border-radius: 24px;\n      position: fixed;\n      left: 10vw;\n    }\n    .ngx-floating-toolbar.position-top {\n      top: 1.2rem;\n    }\n    .ngx-floating-toolbar:not(.position-top) {\n      bottom: 1.2rem;\n    }\n    .ngx-floating-toolbar .items-container {\n      display: flex;\n      justify-content: space-around;\n      height: 100%;\n      align-items: center;\n      padding: 0 0;\n    }\n    .ngx-floating-toolbar .items-container .menu-item {\n      overflow: hidden;\n      flex-grow: 1;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .ngx-floating-toolbar .items-container .menu-item:last-child {\n      border: none;\n      border-bottom-right-radius: 24px;\n      border-top-right-radius: 24px;\n    }\n    .ngx-floating-toolbar .items-container .menu-item:first-child {\n      border-bottom-left-radius: 24px;\n      border-top-left-radius: 24px;\n    }\n    .ngx-floating-toolbar .items-container .menu-item.selected-menu-item {\n      transition: 0.5s;\n      animation-fill-mode: forwards;\n      animation: ease-in-out;\n    }\n\n\n  "]}]}],"members":{"menuItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"settings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}]}},"NgxMenuFloatModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxMenuFloatComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"NgxMenuFloatComponent"}]}]}],"members":{}}},"origins":{"IMenuItem":"./lib/ngx-menu-float.component","IMenuSettings":"./lib/ngx-menu-float.component","NgxMenuFloatComponent":"./lib/ngx-menu-float.component","NgxMenuFloatModule":"./lib/ngx-menu-float.module"},"importAs":"ngx-menu-float"}