UNPKG

ng-zorro-antd-mobile

Version:

An enterprise-class mobile UI components based on Ant Design and Angular

1 lines 4.92 kB
{"version":3,"file":"ng-zorro-antd-mobile-segmented-control.mjs","sources":["../../components/segmented-control/segmented-control.component.ts","../../components/segmented-control/segmented-control.component.html","../../components/segmented-control/segmented-control.module.ts","../../components/segmented-control/ng-zorro-antd-mobile-segmented-control.ts"],"sourcesContent":["import { Component, Input, Output, HostBinding, EventEmitter } from '@angular/core';\nimport { SegmentedControlOnChangeEvent } from './PropsType';\n\n@Component({\n selector: 'SegmentedControl, nz-segmented-control',\n templateUrl: './segmented-control.component.html'\n})\nexport class SegmentedControlComponent {\n prefixCls: string = 'am-segment';\n\n @Input()\n tintColor: string = '#2DB7F5';\n @Input()\n disabled: boolean = false;\n @Input()\n selectedIndex: number = 0;\n @Input()\n values: Array<string>[];\n @Output()\n onChange: EventEmitter<SegmentedControlOnChangeEvent> = new EventEmitter<SegmentedControlOnChangeEvent>();\n\n @HostBinding('attr.role')\n role = 'tablist';\n @HostBinding('class.am-segment')\n amSegment: boolean = true;\n @HostBinding('class.am-segment-disabled')\n get amDisabled(): boolean {\n return this.disabled;\n }\n\n constructor() {}\n\n onClick(index: number, value: string) {\n if (!this.disabled && index !== this.selectedIndex) {\n this.selectedIndex = index;\n this.onChange.emit({ selectedIndex: index, value: value });\n }\n }\n}\n","<div\n role=\"tab\"\n *ngFor=\"let value of values; let i = index\"\n class=\"{{ prefixCls }}-item\"\n [ngClass]=\"{ 'am-segment-item-selected': i === selectedIndex }\"\n [ngStyle]=\"{\n 'border-color': tintColor,\n color: i === selectedIndex ? '#fff' : tintColor,\n 'background-color': i === selectedIndex ? tintColor : 'transparent'\n }\"\n (click)=\"onClick(i, value)\"\n>\n <div\n class=\"{{ prefixCls }}-item-inner\"\n [ngStyle]=\"{ 'background-color': i === selectedIndex ? tintColor : 'transparent' }\"\n ></div>\n {{ value }}\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SegmentedControlComponent } from './segmented-control.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [SegmentedControlComponent],\n exports: [SegmentedControlComponent]\n})\nexport class SegmentedControlModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,yBAAyB,CAAA;AAkBpC,IAAA,IACI,UAAU,GAAA;QACZ,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;AAED,IAAA,WAAA,GAAA;QAtBA,IAAS,CAAA,SAAA,GAAW,YAAY,CAAC;QAGjC,IAAS,CAAA,SAAA,GAAW,SAAS,CAAC;QAE9B,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QAE1B,IAAa,CAAA,aAAA,GAAW,CAAC,CAAC;AAI1B,QAAA,IAAA,CAAA,QAAQ,GAAgD,IAAI,YAAY,EAAiC,CAAC;QAG1G,IAAI,CAAA,IAAA,GAAG,SAAS,CAAC;QAEjB,IAAS,CAAA,SAAA,GAAY,IAAI,CAAC;KAMV;IAEhB,OAAO,CAAC,KAAa,EAAE,KAAa,EAAA;QAClC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC,aAAa,EAAE;AAClD,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;AAC3B,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAC5D,SAAA;KACF;8GA9BU,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,uWCPtC,0jBAkBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDXa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,SAAS;+BACE,wCAAwC,EAAA,QAAA,EAAA,0jBAAA,EAAA,CAAA;wDAOlD,SAAS,EAAA,CAAA;sBADR,KAAK;gBAGN,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAGN,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAGN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAGN,QAAQ,EAAA,CAAA;sBADP,MAAM;gBAIP,IAAI,EAAA,CAAA;sBADH,WAAW;uBAAC,WAAW,CAAA;gBAGxB,SAAS,EAAA,CAAA;sBADR,WAAW;uBAAC,kBAAkB,CAAA;gBAG3B,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,2BAA2B,CAAA;;;MEhB7B,sBAAsB,CAAA;8GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EAHlB,YAAA,EAAA,CAAA,yBAAyB,CAD9B,EAAA,OAAA,EAAA,CAAA,YAAY,aAEZ,yBAAyB,CAAA,EAAA,CAAA,CAAA,EAAA;AAExB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAJvB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,yBAAyB,CAAC;oBACzC,OAAO,EAAE,CAAC,yBAAyB,CAAC;AACrC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}