ngx-menu-toggler
Version:
An Angular component for toggling menus in a simple and customizable way
1 lines • 4.92 kB
Source Map (JSON)
{"version":3,"file":"ngx-menu-toggler.mjs","sources":["../../../projects/ngx-menu-toggler/src/lib/ngx-menu-toggler.ts","../../../projects/ngx-menu-toggler/src/lib/ngx-menu-toggler.html","../../../projects/ngx-menu-toggler/src/public-api.ts","../../../projects/ngx-menu-toggler/src/ngx-menu-toggler.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ngx-menu-toggler',\r\n imports: [],\r\n templateUrl: './ngx-menu-toggler.html',\r\n styleUrl: './ngx-menu-toggler.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class NgxMenuToggler {\r\n\r\n /** OPEN FEATURES */\r\n\r\n isOpen = input<boolean>(false);\r\n setIsOpen = output<any>();\r\n\r\n handleIsOpen() {\r\n this.setIsOpen.emit(!this.isOpen());\r\n }\r\n\r\n /** STYLES */\r\n \r\n type = input< 'dots' | 'bars' | 'uneven' >('bars');\r\n invert = input<boolean>(false);\r\n thin = input<boolean>(false);\r\n rounded = input<boolean>(false);\r\n color = input<string>('black');\r\n animation = input< 'rotateX' | 'rotateY' | 'soft' >('soft');\r\n faster = input<boolean>(false);\r\n\r\n /** ACCESIBILITY */\r\n\r\n tabIndex = input<number>(0);\r\n ariaLabelOpened = input<string>('Close menu');\r\n ariaLabelClosed = input<string>('Open menu');\r\n\r\n}\r\n","<button \r\n class=\"ngxMenuToggler__button\"\r\n (click)=\"handleIsOpen()\"\r\n [class.isOpen]=\"isOpen()\"\r\n [class.rotateX]=\"animation() === 'rotateX'\"\r\n [class.rotateY]=\"animation() === 'rotateY'\"\r\n [class.faster]=\"faster()\"\r\n [class.rounded]=\"rounded()\"\r\n [class.invert]=\"invert()\"\r\n [style.--toggle-color]=\"color()\"\r\n [tabIndex]=\"tabIndex()\"\r\n [aria-expanded]=\"isOpen()\"\r\n [aria-label]=\"isOpen() ? ariaLabelOpened() : ariaLabelClosed()\"\r\n>\r\n <!-- HORIZONTAL BARS -->\r\n <span \r\n class=\"ngxMenuToggler__bar ngxMenuToggler__bar--1\"\r\n [class.isOpen]=\"isOpen()\"\r\n [class.thin]=\"thin()\"\r\n [class.rounded]=\"rounded()\"\r\n [class.dots]=\"type() === 'dots'\"\r\n [style.background-color]=\"color()\"\r\n ></span>\r\n\r\n <span \r\n class=\"ngxMenuToggler__bar ngxMenuToggler__bar--2\"\r\n [class.thin]=\"thin()\"\r\n [class.dots]=\"type() === 'dots'\"\r\n ></span>\r\n\r\n <span \r\n class=\"ngxMenuToggler__bar ngxMenuToggler__bar--3\"\r\n [class.isOpen]=\"isOpen()\"\r\n [class.thin]=\"thin()\"\r\n [class.rounded]=\"rounded()\"\r\n [class.dots]=\"type() === 'dots'\"\r\n [style.background-color]=\"color()\"\r\n [class.uneven]=\"type() === 'uneven'\"\r\n ></span>\r\n\r\n <!-- CROSS BARS -->\r\n <span \r\n class=\"ngxMenuToggler__bar ngxMenuToggler__bar--4\"\r\n [class.isOpen]=\"isOpen()\"\r\n [class.thin]=\"thin()\"\r\n [class.rounded]=\"rounded()\"\r\n [class.dots]=\"type() === 'dots'\"\r\n [class.uneven]=\"type() === 'uneven'\"\r\n [class.invert]=\"invert()\"\r\n [style.background-color]=\"color()\"\r\n ></span>\r\n\r\n <span \r\n class=\"ngxMenuToggler__bar ngxMenuToggler__bar--5\"\r\n [class.isOpen]=\"isOpen()\"\r\n [class.thin]=\"thin()\"\r\n [class.rounded]=\"rounded()\"\r\n [class.dots]=\"type() === 'dots'\"\r\n [class.uneven]=\"type() === 'uneven'\"\r\n [class.invert]=\"invert()\"\r\n [style.background-color]=\"color()\"\r\n ></span>\r\n\r\n</button>","/*\r\n * Public API Surface of ngx-menu-toggler\r\n */\r\n\r\nexport * from './lib/ngx-menu-toggler';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MASa,cAAc,CAAA;;AAIzB,IAAA,MAAM,GAAG,KAAK,CAAU,KAAK,kDAAC;IAC9B,SAAS,GAAG,MAAM,EAAO;IAEzB,YAAY,GAAA;QACV,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;IACrC;;AAIA,IAAA,IAAI,GAAG,KAAK,CAA+B,MAAM,gDAAC;AAClD,IAAA,MAAM,GAAG,KAAK,CAAU,KAAK,kDAAC;AAC9B,IAAA,IAAI,GAAG,KAAK,CAAU,KAAK,gDAAC;AAC5B,IAAA,OAAO,GAAG,KAAK,CAAU,KAAK,mDAAC;AAC/B,IAAA,KAAK,GAAG,KAAK,CAAS,OAAO,iDAAC;AAC9B,IAAA,SAAS,GAAG,KAAK,CAAmC,MAAM,qDAAC;AAC3D,IAAA,MAAM,GAAG,KAAK,CAAU,KAAK,kDAAC;;AAI9B,IAAA,QAAQ,GAAG,KAAK,CAAS,CAAC,oDAAC;AAC3B,IAAA,eAAe,GAAG,KAAK,CAAS,YAAY,2DAAC;AAC7C,IAAA,eAAe,GAAG,KAAK,CAAS,WAAW,2DAAC;uGAzBjC,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,+/CCT3B,orEA+DS,EAAA,MAAA,EAAA,CAAA,6qGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDtDI,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,OAAA,EACnB,EAAE,EAAA,eAAA,EAGM,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,orEAAA,EAAA,MAAA,EAAA,CAAA,6qGAAA,CAAA,EAAA;;;AEPjD;;AAEG;;ACFH;;AAEG;;;;"}