{"__symbolic":"module","version":4,"metadata":{"TsMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":16,"character":4},{"__symbolic":"reference","module":"@terminus/ui/button","name":"TsButtonModule","line":17,"character":4},{"__symbolic":"reference","module":"@terminus/ui/icon","name":"TsIconModule","line":18,"character":4}],"exports":[{"__symbolic":"reference","name":"TsMenuComponent"}],"declarations":[{"__symbolic":"reference","name":"TsMenuComponent"}]}]}],"members":{}},"TsMenuPositionTypesX":{"__symbolic":"interface"},"TsMenuPositionTypesY":{"__symbolic":"interface"},"TsMenuTriggerTypes":{"__symbolic":"interface"},"TsMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":60,"character":1},"arguments":[{"selector":"ts-menu","host":{"class":"ts-menu","[class.ts-menu--disabled]":"isDisabled","$quoted$":["class","[class.ts-menu--disabled]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":68,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":69,"character":17},"member":"None"},"exportAs":"tsMenu","template":"<div\n  class=\"c-menu qa-menu\"\n  [ngClass]=\"{'c-menu--utility': isUtilityMenu}\"\n>\n  <mat-menu\n    #menu=\"matMenu\"\n    [yPosition]=\"menuPositionY\"\n    [xPosition]=\"menuPositionX\"\n    [overlapTrigger]=\"shouldOverlapTrigger\"\n    backdropClass=\"ts-menu__backdrop\"\n    class=\"ts-menu__panel\"\n  >\n    <ng-container [ngTemplateOutlet]=\"menuItemsTemplate\"></ng-container>\n  </mat-menu>\n\n  <ts-button\n    *ngIf=\"!isUtilityMenu\"\n    class=\"c-menu__trigger qa-menu-trigger\"\n    [theme]=\"theme\"\n    [format]=\"format\"\n    [matMenuTriggerFor]=\"menu\"\n    [isDisabled]=\"isDisabled\"\n    [attr.data-disabled]=\"isDisabled\"\n    format=\"filled\"\n  >\n    <ng-content></ng-content>\n\n    <ts-icon class=\"c-menu__caret\">\n      {{ triggerIcon }}\n    </ts-icon>\n  </ts-button>\n\n  <button\n    *ngIf=\"isUtilityMenu\"\n    class=\"c-menu__trigger c-menu__trigger--utility qa-menu-trigger\"\n    mat-icon-button\n    [matMenuTriggerFor]=\"menu\"\n    [disabled]=\"isDisabled\"\n  >\n    <ts-icon>\n      {{ triggerIcon }}\n    </ts-icon>\n  </button>\n</div>\n","styles":[".cdk-drag{position:relative}.cdk-drag:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.cdk-drag .cdk-drag-handle{color:#cecdd1;cursor:ns-resize;position:absolute;right:8px}.cdk-drag.cdk-drag-preview{--shadow:0 5px 5px -3px rgba(0, 0, 0, .2),0 8px 10px 1px rgba(0, 0, 0, .14),0 3px 14px 2px rgba(0, 0, 0, .12);background-color:#fafafa;box-shadow:var(--shadow);min-height:50px;padding:0!important}.cdk-drag.cdk-drag-preview .c-checkbox{margin-left:16px}.cdk-drag-placeholder{--drop-bg:#cce8d5;--drop-border:#7fd09c;background:var(--drop-bg);border:2px dotted var(--drop-border);cursor:ns-resize;transition:transform 250ms cubic-bezier(0,0,.2,1)}.ts-menu{--menu-caret-icon-adjustment:-.4em;display:inline-block}.ts-menu :not(.mat-form-field-label-wrapper){box-sizing:border-box}.ts-menu h1,.ts-menu h2,.ts-menu h3,.ts-menu h4,.ts-menu h5,.ts-menu p{margin:unset}.ts-menu--disabled{cursor:not-allowed}.ts-menu ts-button[data-disabled=true]{pointer-events:none}.ts-menu .c-menu{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;letter-spacing:.01em;font-weight:400;max-height:12rem}.ts-menu .c-menu:not(.c-button):not(.c-input):not(.c-select):not(.ts-checkbox){line-height:20px}.c-menu .c-menu__trigger .mat-button-wrapper{display:inline-block}.c-menu .c-menu__trigger .c-icon{vertical-align:middle}.c-menu .c-menu__trigger .c-button .c-menu__caret{margin-right:var(--menu-caret-icon-adjustment)}.ts-menu__panel .mat-menu-content{background-color:var(--ts-color-base-white)}.ts-menu__panel .mat-menu-content>*{display:block}.ts-menu__panel .ts-checkbox{background-color:var(--ts-color-base-white)}.ts-menu__panel .cdk-drag-placeholder{min-height:50px}.ts-checkbox.cdk-drag-preview{align-items:center;display:flex;flex-direction:row;padding:0 var(--ts-space-inset-500)}.c-card .c-menu.c-menu--utility{position:absolute;right:var(--ts-space-inset-200);top:var(--ts-space-inset-200)}"]}]}],"members":{"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":103,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":103,"character":13}]}]}],"defaultOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"menuItemsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"menuPositionX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"menuPositionY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3}}]}],"triggerType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}},"origins":{"TsMenuModule":"./menu.module","TsMenuPositionTypesX":"./menu.component","TsMenuPositionTypesY":"./menu.component","TsMenuTriggerTypes":"./menu.component","TsMenuComponent":"./menu.component"},"importAs":"@terminus/ui/menu"}