{"__symbolic":"module","version":4,"metadata":{"TsCopyModule":{"__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/flex-layout","name":"FlexLayoutModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":16,"character":4},{"__symbolic":"reference","module":"@terminus/ui/icon","name":"TsIconModule","line":17,"character":4},{"__symbolic":"reference","module":"@terminus/ui/tooltip","name":"TsTooltipModule","line":18,"character":4}],"exports":[{"__symbolic":"reference","name":"TsCopyComponent"}],"declarations":[{"__symbolic":"reference","name":"TsCopyComponent"}]}]}],"members":{}},"TsCopyDisplayFormat":{"__symbolic":"interface"},"TsCopyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":45,"character":1},"arguments":[{"selector":"ts-copy","host":{"class":"ts-copy","[class.ts-copy--standard]":"format === \"standard\"","[class.ts-copy--minimal]":"format === \"minimal\"","[class.ts-copy--icon]":"format === \"icon\"","[class.ts-copy--primary]":"theme === \"primary\"","[class.ts-copy--accent]":"theme === \"accent\"","[class.ts-copy--warn]":"theme === \"warn\"","$quoted$":["class","[class.ts-copy--standard]","[class.ts-copy--minimal]","[class.ts-copy--icon]","[class.ts-copy--primary]","[class.ts-copy--accent]","[class.ts-copy--warn]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":58,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":59,"character":17},"member":"None"},"exportAs":"tsCopy","template":"<div\n  class=\"c-copy qa-copy\"\n  fxLayout=\"row\"\n  tabindex=\"0\"\n  (click)=\"selectText(content, hasSelected, disableInitialSelection)\"\n  (blur)=\"resetSelection()\"\n>\n    <div\n      #content\n      class=\"c-copy__content qa-copy-content\"\n      fxFlex=\"auto\"\n    >\n      <ts-tooltip [tooltipValue]=\"textContent\">\n        <ng-content></ng-content>\n      </ts-tooltip>\n    </div>\n\n  <div class=\"c-copy__tooltip\">\n    <ts-tooltip tooltipValue=\"Copy to clipboard\" *ngIf=\"enableQuickCopy\">\n      <div\n        class=\"c-copy__icon qa-copy-icon\"\n        (click)=\"copyToClipboard(textContent)\"\n        mat-ripple\n        [matRippleColor]=\"rippleColor\"\n      >\n        <ts-icon matSuffix fxFlex>\n          {{ icon }}\n        </ts-icon>\n      </div>\n    </ts-tooltip>\n  </div>\n</div>\n","styles":[".ts-copy{display:block;max-width:100%}.ts-copy :not(.mat-form-field-label-wrapper){box-sizing:border-box}.ts-copy h1,.ts-copy h2,.ts-copy h3,.ts-copy h4,.ts-copy h5,.ts-copy p{margin:unset}.ts-copy .c-copy{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;letter-spacing:.01em;font-weight:400;color:#757575;position:relative}.ts-copy .c-copy:not(.c-button):not(.c-input):not(.c-select):not(.ts-checkbox){line-height:20px}.ts-copy--primary .mat-ripple-element{background-color:rgba(0,52,87,.4)!important}.ts-copy--accent .c-copy .c-copy__icon{background-color:#2f854d}.ts-copy--accent .mat-ripple-element{background-color:rgba(34,95,55,.4)!important}.ts-copy--warn .c-copy .c-copy__icon{background-color:#c8604d}.ts-copy--warn .mat-ripple-element{background-color:rgba(173,72,53,.4)!important}.ts-copy--standard{background-color:#f2f0f7;border:1px solid #cecdd1;border-radius:3px;transition:border-color .2s ease-in-out 50ms}.ts-copy--standard:focus{border:1px solid #999;outline:0;transition-delay:0}.ts-copy--minimal .c-copy__content{line-height:24px;padding:.25em .3em .25em .4em}.ts-copy--minimal .c-copy .c-copy__tooltip{bottom:3px;top:3px}.ts-copy--icon{display:inline-block}.ts-copy--icon .c-copy__content{width:35px}.ts-copy--icon .c-copy .c-copy__tooltip{opacity:1;pointer-events:auto}.ts-copy:focus .c-copy__tooltip,.ts-copy:hover .c-copy__tooltip{opacity:1;pointer-events:auto;transition-delay:70ms}.c-copy .c-copy__content{align-items:center;justify-content:center;line-height:32px;min-width:35px;overflow:hidden;white-space:nowrap}.c-copy .c-copy__content::-webkit-scrollbar{-webkit-appearance:none}.c-copy .c-copy__content::-webkit-scrollbar:vertical{width:0}.c-copy .c-copy__content::-webkit-scrollbar:horizontal{height:0}.c-copy .c-copy__content::-webkit-scrollbar-thumb{background-color:transparent;border-color:transparent}.c-copy .c-copy__content::-webkit-scrollbar-track{background-color:transparent;border-color:transparent}.c-copy .c-copy__content::-webkit-scrollbar-corner{background-color:transparent}.c-copy .c-copy__content .ts-tooltip{display:block;max-width:100%}.c-copy .c-copy__content .c-tooltip{display:block;overflow:hidden;padding:.2em 0 .2em .4em;text-overflow:ellipsis}.c-copy .c-copy__tooltip{bottom:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px;transition:opacity .2s ease-out}.c-copy .c-copy__tooltip .ts-tooltip{height:100%}.c-copy .c-copy__tooltip .ts-icon{align-items:center;display:flex}.c-copy .c-copy__icon{cursor:pointer;background-color:#00538a;border-radius:3px;bottom:0;color:#fafafa;height:100%;padding:.25em .3em .25em .4em;transition:background-color .2s ease-in}.c-copy .mat-icon{vertical-align:bottom}.ts-copy--standard .c-copy .c-copy__icon{border-radius:0 3px 3px 0}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":93,"character":3},"arguments":["content",{"static":true}]}]}],"tooltipCollection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":99,"character":3},"arguments":[{"__symbolic":"reference","module":"@terminus/ui/tooltip","name":"TsTooltipComponent","line":99,"character":16}]}]}],"disableInitialSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"enableQuickCopy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@terminus/ngx-tools/browser","name":"TsDocumentService","line":151,"character":29},{"__symbolic":"reference","module":"@terminus/ngx-tools/browser","name":"TsWindowService","line":152,"character":27}]}],"selectText":[{"__symbolic":"method"}],"resetSelection":[{"__symbolic":"method"}],"copyToClipboard":[{"__symbolic":"method"}]}}},"origins":{"TsCopyModule":"./copy.module","TsCopyDisplayFormat":"./copy.component","TsCopyComponent":"./copy.component"},"importAs":"@terminus/ui/copy"}