@angular/cdk/scrolling#ScrollingModule TypeScript Examples

The following examples show how to use @angular/cdk/scrolling#ScrollingModule. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.

Example #1

Source File: tokens-select.module.ts From rubic-app with GNU General Public License v3.0

6 votes

@NgModule({
  declarations: [
    TokensSelectComponent,
    BlockchainsAsideComponent,
    TokensSearchBarComponent,
    TokensListComponent,
    TokensListElementComponent,
    CustomTokenComponent,
    CustomTokenWarningModalComponent
  ],
  imports: [
    CommonModule,
    SharedModule,
    TuiScrollbarModule,
    TuiInputModule,
    FormsModule,
    TuiTextfieldControllerModule,
    TuiSvgModule,
    TuiButtonModule,
    ScrollingModule,
    TuiHintModule,
    TuiManualHintModule,
    TuiLoaderModule,
    InlineSVGModule
  ],
  providers: [TokensSelectService],
  entryComponents: [TokensSelectComponent, CustomTokenWarningModalComponent]
})
export class TokensSelectModule {}

Example #2

Source File: shared.module.ts From angular-communities with MIT License

6 votes

MATERIAL_MODULES = [
  MatInputModule,
  MatButtonModule,
  MatFormFieldModule,
  MatSelectModule,
  MatIconModule,
  MatCardModule,
  MatToolbarModule,
  MatProgressSpinnerModule,
  MatSnackBarModule,
  MatPaginatorModule,
  MatGridListModule,
  MatSidenavModule,
  MatAutocompleteModule,
  MatDividerModule,
  ScrollingModule,
  MatChipsModule,
  ClipboardModule
]

Example #3

Source File: custom-material.module.ts From ledge with Mozilla Public License 2.0

6 votes

modules = [
  MatToolbarModule,
  MatButtonModule,
  MatMenuModule,
  MatProgressSpinnerModule,
  MatSliderModule,
  MatSidenavModule,
  MatIconModule,
  MatDialogModule,
  MatCardModule,
  MatInputModule,
  MatTooltipModule,
  MatTabsModule,
  MatSelectModule,
  MatFormFieldModule,

  ScrollingModule,
]

Example #4

Source File: search.module.ts From onchat-web with Apache License 2.0

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    SkeletonItemModule,
    EmptyModule,
    SharedModule,
    ScrollingModule,
    SearchPageRoutingModule,
    ForTrackByIdModule
  ],
  declarations: [
    SearchPage,
    UserComponent,
    ChatroomComponent
  ]
})
export class SearchPageModule { }

Example #5

Source File: home.module.ts From onchat-web with Apache License 2.0

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    HomePageRoutingModule,
    SharedModule,
    RippleModule,
    ScrollingModule,
    ActiveClassModule,
    EmptyModule,
    ScrollbarModule,
    SkeletonItemModule,
    ForTrackByIdModule
  ],
  declarations: [
    HomePage,
    SessionPage,
    SettingsPage,
    ProfilePage,
    ContactPage,
    NewComponent,
    FriendComponent,
    ChatroomComponent,
    HomeMenuComponent
  ]
})
export class HomePageModule { }

Example #6

Source File: home.module.ts From onchat-web with Apache License 2.0

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    HomePageRoutingModule,
    AvatarCropperModule,
    ActiveClassModule,
    ScrollbarModule,
    ScrollingModule,
    ChatSessionSelectorModule,
    EmptyModule,
    RippleModule,
    SharedModule,
    SkeletonItemModule,
    ForTrackByIdModule
  ],
  declarations: [
    HomePage,
    ChatMemberListComponent
  ]
})
export class HomePageModule { }

Example #7

Source File: chat-session-selector.module.ts From onchat-web with Apache License 2.0

6 votes

@NgModule({
  declarations: [
    ChatSessionSelectorComponent
  ],
  imports: [
    EmptyModule,
    CommonModule,
    FormsModule,
    IonicModule,
    ScrollbarModule,
    ScrollingModule,
    ForTrackByIdModule
  ],
  exports: [
    ChatSessionSelectorComponent
  ]
})
export class ChatSessionSelectorModule { }

Example #8

Source File: logs.module.ts From dayz-server-manager with MIT License

6 votes

@NgModule({
    imports: [
        CommonModule,
        RouterModule,
        CdkScrollableModule,
        ScrollingModule,
        ReactiveFormsModule,
        FormsModule,
        AppCommonModule,
        NavigationModule,
    ],
    providers: [
        DecimalPipe,
        ...services.services,
    ],
    declarations: [
        ...containers.containers,
        LogMonitorComponent,
    ],
    exports: [
        ...containers.containers,
        LogMonitorComponent,
    ],
})
export class LogsModule {}

Example #9

Source File: ui-layout.module.ts From geonetwork-ui with GNU General Public License v2.0

6 votes

@NgModule({
  imports: [
    CommonModule,
    MatTableModule,
    MatSortModule,
    MatIconModule,
    TableVirtualScrollModule,
    ScrollingModule,
    TranslateModule.forChild(),
  ],
  declarations: [
    TableComponent,
    FigureComponent,
    ExpandablePanelComponent,
    StickyHeaderComponent,
    AnchorLinkDirective,
  ],
  exports: [
    TableComponent,
    FigureComponent,
    ExpandablePanelComponent,
    StickyHeaderComponent,
    AnchorLinkDirective,
  ],
})
export class UiLayoutModule {}

Example #10

Source File: quota-list.module.ts From VIR with MIT License

6 votes

@NgModule({
  declarations: [QuotaListComponent],
  imports: [
    CommonModule,
    MatTreeModule,
    MatIconModule,
    MatButtonModule,
    MatDialogModule,
    ItemDetailsModule,
    ItemModule,
    MatTooltipModule,
    MatInputModule,
    MatSlideToggleModule,
    MatDividerModule,
    FormsModule,
    DragDropModule,
    ScrollingModule,
    MatButtonToggleModule,
    QuotaRuleModule,
    QuotaRuleDetailsModule,
  ],
  exports: [
    QuotaListComponent,
  ],
})
export class QuotaListModule {
}

Example #11

Source File: queue.module.ts From VIR with MIT License

6 votes

@NgModule({
  declarations: [QueueComponent],
  imports: [
    CommonModule,
    MatTreeModule,
    MatIconModule,
    MatButtonModule,
    MatDialogModule,
    ItemDetailsModule,
    ItemModule,
    MatTooltipModule,
    MatInputModule,
    MatSlideToggleModule,
    MatDividerModule,
    FormsModule,
    DragDropModule,
    ScrollingModule,
    MatButtonToggleModule,
    MatCheckboxModule,
  ],
  exports: [
    QueueComponent,
  ],
})
export class QueueModule {
}

Example #12

Source File: items.module.ts From VIR with MIT License

6 votes

@NgModule({
  declarations: [ItemsComponent],
  imports: [
    CommonModule,
    MatTreeModule,
    MatIconModule,
    MatButtonModule,
    MatDialogModule,
    ItemDetailsModule,
    ItemModule,
    MatTooltipModule,
    MatInputModule,
    GotoItemModule,
    MatSlideToggleModule,
    MatDividerModule,
    FormsModule,
    DragDropModule,
    ScrollingModule,
    MatButtonToggleModule,
    MatCheckboxModule,
  ],
  exports: [
    ItemsComponent,
  ],
})
export class ItemsModule {
}

Example #13

Source File: alert-list.module.ts From VIR with MIT License

6 votes

@NgModule({
  declarations: [AlertListComponent],
  imports: [
    CommonModule,
    MatTreeModule,
    MatIconModule,
    MatButtonModule,
    MatDialogModule,
    ItemDetailsModule,
    ItemModule,
    MatTooltipModule,
    MatInputModule,
    MatSlideToggleModule,
    MatDividerModule,
    FormsModule,
    DragDropModule,
    ScrollingModule,
    MatButtonToggleModule,
    QuotaRuleModule,
    QuotaRuleDetailsModule,
    MatMenuModule,
  ],
  exports: [
    AlertListComponent,
  ],
})
export class AlertListModule {
}

Example #14

Source File: app.module.ts From Angular-Cookbook with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent,
    TheAmazingListComponent,
    LoaderComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    ReactiveFormsModule,
    HttpClientModule,
    ScrollingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Example #15

Source File: app.module.ts From Angular-Cookbook with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent,
    TheAmazingListComponent,
    LoaderComponent,
    TheAmazingListItemComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    ReactiveFormsModule,
    HttpClientModule,
    ScrollingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Example #16

Source File: app.module.ts From Angular-Cookbook with MIT License

6 votes

@NgModule({
  declarations: [AppComponent, TheAmazingListComponent, LoaderComponent],
  imports: [
    BrowserModule,
    AppRoutingModule,
    ReactiveFormsModule,
    HttpClientModule,
    ScrollingModule,
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

Example #17

Source File: app.module.ts From Angular-Cookbook with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent,
    TheAmazingListComponent,
    LoaderComponent,
    TheAmazingListItemComponent,
    PopoverPositionalClassDirective,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    ReactiveFormsModule,
    HttpClientModule,
    ScrollingModule,
    OverlayModule,
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

Example #18

Source File: mat-module.ts From WowUp with GNU General Public License v3.0

5 votes

@NgModule({
  exports: [
    MatSliderModule,
    MatTabsModule,
    MatSelectModule,
    MatButtonModule,
    MatTableModule,
    MatSortModule,
    MatInputModule,
    MatIconModule,
    MatSlideToggleModule,
    MatProgressBarModule,
    MatCheckboxModule,
    MatDividerModule,
    MatProgressSpinnerModule,
    MatMenuModule,
    MatRadioModule,
    MatTooltipModule,
    MatDialogModule,
    MatCardModule,
    MatSnackBarModule,
    MatSidenavModule,
    MatListModule,
    MatBadgeModule,
    ClipboardModule,
    ScrollingModule,
    MatGridListModule,
    MatExpansionModule,
  ],
  imports: [
    MatSliderModule,
    MatTabsModule,
    MatSelectModule,
    MatButtonModule,
    MatTableModule,
    MatSortModule,
    MatInputModule,
    MatIconModule,
    MatSlideToggleModule,
    MatProgressBarModule,
    MatCheckboxModule,
    MatDividerModule,
    MatProgressSpinnerModule,
    MatMenuModule,
    MatRadioModule,
    MatTooltipModule,
    MatDialogModule,
    MatCardModule,
    MatSnackBarModule,
    MatSidenavModule,
    MatListModule,
    MatBadgeModule,
    ClipboardModule,
    ScrollingModule,
    MatGridListModule,
    MatExpansionModule,
  ],
})
export class MatModule {}

Example #19

Source File: app.module.ts From svg-path-editor with Apache License 2.0

5 votes

@NgModule({
  declarations: [
    AppComponent,
    ExpandableComponent,
    CanvasComponent,
    OpenComponent,
    OpenDialogComponent,
    SaveComponent,
    SaveDialogComponent,
    ExportComponent,
    ExportDialogComponent,
    UploadImageComponent,
    UploadImageDialogComponent,
    FormatterDirective,
    KeyboardNavigableDirective
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    FormsModule,
    MatInputModule,
    MatButtonModule,
    MatFormFieldModule,
    MatIconModule,
    MatCheckboxModule,
    MatMenuModule,
    MatTooltipModule,
    MatDialogModule,
    MatTableModule,
    MatSortModule,
    MatSliderModule,
    BrowserAnimationsModule,
    ScrollingModule,
    ServiceWorkerModule.register('ngsw-worker.js', {
      enabled: environment.production,
      // Register the ServiceWorker as soon as the app is stable
      // or after 30 seconds (whichever comes first).
      registrationStrategy: 'registerWhenStable:30000'
    })
  ],
  providers: [{
    provide: MAT_TOOLTIP_SCROLL_STRATEGY,
    deps: [Overlay],
    useFactory(overlay: Overlay): () => ScrollStrategy {
      return () => overlay.scrollStrategies.close();
    }
  }],
  bootstrap: [AppComponent]
})
export class AppModule { }

Example #20

Source File: logs-viewer.module.ts From models-web-app with Apache License 2.0

5 votes

@NgModule({
  declarations: [LogsViewerComponent],
  imports: [CommonModule, ScrollingModule, HeadingSubheadingRowModule],
  exports: [LogsViewerComponent],
})
export class LogsViewerModule {}

Example #21

Source File: np-virtual-scroll.module.ts From np-ui-lib with MIT License

5 votes

@NgModule({
  declarations: [NpVirtualScrollComponent],
  imports: [CommonModule, ScrollingModule],
  exports: [NpVirtualScrollComponent],
})
export class NpVirtualScrollModule { }

Example #22

Source File: material.module.ts From ngSurvey with MIT License

5 votes

@NgModule({
  exports: [
    A11yModule,
    ClipboardModule,
    CdkStepperModule,
    CdkTableModule,
    CdkTreeModule,
    DragDropModule,
    MatAutocompleteModule,
    MatBadgeModule,
    MatBottomSheetModule,
    MatButtonModule,
    MatButtonToggleModule,
    MatCardModule,
    MatCheckboxModule,
    MatChipsModule,
    MatStepperModule,
    MatDatepickerModule,
    MatDialogModule,
    MatDividerModule,
    MatExpansionModule,
    MatGridListModule,
    MatIconModule,
    MatInputModule,
    MatListModule,
    MatMenuModule,
    MatNativeDateModule,
    MatPaginatorModule,
    MatProgressBarModule,
    MatProgressSpinnerModule,
    MatRadioModule,
    MatRippleModule,
    MatSelectModule,
    MatSidenavModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatSnackBarModule,
    MatSortModule,
    MatTableModule,
    MatTabsModule,
    MatToolbarModule,
    MatTooltipModule,
    MatTreeModule,
    PortalModule,
    ScrollingModule,
  ]
})
export class MaterialModule {}

Example #23

Source File: preview.module.ts From sba-angular with MIT License

5 votes

@NgModule({
    imports: [
        CommonModule,
        FormsModule, ReactiveFormsModule,
        ScrollingModule,

        IntlModule,
        WebServicesModule,
        ValidationModule,

        UtilsModule,
        CollapseModule,
        MetadataModule,
        BsModalModule,
        BsFacetModule,
        ResultModule,
        BsActionModule,
        BsSearchModule,
        PreviewModule
    ],
    declarations: [
        BsPreviewHighlights, BsPreviewLinks,
        BsPreviewPopup, BsPreviewPanel, BsResultLinkPreview,
        BsFacetPreview, BsFacetPreviewComponent2,
        BsSimilarDocuments,
        BsPreviewEntityFacetComponent,
        BsPreviewEntityPanelComponent,
        BsPreviewExtractsPanelComponent,
        BsPreviewSearchFormComponent,
        BsPreviewPagesPanelComponent,
        BsPreviewPageFormComponent,
        BsPreviewMinimapComponent
    ],
    exports: [
        PreviewModule,
        BsPreviewHighlights, BsPreviewLinks,
        BsPreviewPopup, BsPreviewPanel, BsResultLinkPreview,
        BsFacetPreview, BsFacetPreviewComponent2,
        BsSimilarDocuments,
        BsPreviewEntityFacetComponent,
        BsPreviewEntityPanelComponent,
        BsPreviewExtractsPanelComponent,
        BsPreviewSearchFormComponent,
        BsPreviewPagesPanelComponent,
        BsPreviewPageFormComponent,
        BsPreviewMinimapComponent
    ],
    providers: [
        {provide: PREVIEW_MODAL, useValue: BsPreviewPopup}
    ]
})
export class BsPreviewModule {
}

Example #24

Source File: wallet.module.ts From xBull-Wallet with GNU Affero General Public License v3.0

5 votes

@NgModule({
  declarations: [
    AssetDetailsComponent,
    WalletDashboardComponent,
    WalletAssetItemComponent,
    SendPaymentComponent,
    ReceivePaymentComponent,
  ],
  imports: [
    CommonModule,
    WalletRoutingModule,
    SegmentModule,
    FormsComponentsModule,
    LoadingModule,
    ClipboardModule,
    SharedPipesModule,
    ModalsModule,
    NzImageModule,
    NzButtonModule,
    NzIconModule,
    NzInputModule,
    NzDrawerModule,
    NgxMaskModule,
    NzAutocompleteModule,
    NzSelectModule,
    NzSpinModule,
    NzModalModule,
    LiquidityPoolsModule,
    NzListModule,
    ScrollingModule,
    NzCardModule,
    NzTableModule,
    NzDropDownModule,
    NzBreadCrumbModule,
    NgxChartsModule,
    NzRadioModule,
    NzEmptyModule,
    TranslationModule.forChild(),
    NzDividerModule,
    NzTabsModule,
    SharedComponentsModule,
    NzToolTipModule,
  ],
})
export class WalletModule { }

Example #25

Source File: shared.module.ts From rubic-app with GNU General Public License v3.0

4 votes

@NgModule({
  declarations: [
    // Components.
    DropdownSelectorComponent,
    RubicButtonCircleComponent,
    RubicButtonCircleComponent,
    RubicButtonComponent,
    IconButtonComponent,
    RubicLanguageSelectComponent,
    RubicVolumeComponent,
    RubicTokensComponent,
    RubicRefreshButtonComponent,
    SuccessTxModalComponent,
    SuccessTrxNotificationComponent,
    GasIndicatorComponent,
    PanelErrorContentComponent,
    PanelContentComponent,
    UsdPriceContainerComponent,
    RotatingIconComponent,
    InfoHintComponent,
    BuyTokenComponent,
    IframeBlockchainIndicatorComponent,
    RubicContainerComponent,
    RotatingIconComponent,
    InfoHintComponent,
    NotificationBadgeComponent,
    CopyContainerComponent,
    IframeBlockchainIndicatorComponent,
    StatusBadgeComponent,
    ChipsComponent,
    ProgressTrxNotificationComponent,
    // Pipes.
    BigNumberFormatPipe,
    ScannerLinkPipe,
    ShortAddressPipe,
    WithRoundPipe,
    ShortenAmountPipe,
    ThemedIconPipe,
    FalsyPipe,
    FunctionCallPipe,
    // Directives.
    SafetyLinkDirective,
    TokenAmountDirective,
    LetDirective,
    NoFrameDirective,
    OnlyFrameDirective
  ],
  imports: [
    CommonModule,
    TranslateModule,
    FormsModule,
    ReactiveFormsModule,
    RouterModule,
    ScrollingModule,
    InlineSVGModule.forRoot(),
    TuiSvgModule,
    TuiTooltipModule,
    TuiHintModule,
    TuiInputModule,
    TuiButtonModule,
    TuiDataListModule,
    TuiActiveZoneModule,
    TuiDropdownModule,
    TuiHostedDropdownModule,
    TuiToggleModule,
    TuiSvgModule,
    TuiHintModule,
    TuiToggleModule,
    TuiTabsModule,
    TuiInputCountModule,
    TuiDataListWrapperModule,
    TuiLoaderModule,
    TuiBadgeModule,
    TuiManualHintModule,
    TuiTagModule
  ],
  exports: [
    BigNumberFormatPipe,
    ScannerLinkPipe,
    TranslateModule,
    ShortAddressPipe,
    RubicButtonCircleComponent,
    DropdownSelectorComponent,
    RubicButtonCircleComponent,
    RubicButtonComponent,
    IconButtonComponent,
    ShortenAmountPipe,
    RubicLanguageSelectComponent,
    RubicVolumeComponent,
    FalsyPipe,
    WithRoundPipe,
    SafetyLinkDirective,
    RubicTokensComponent,
    RubicRefreshButtonComponent,
    TokenAmountDirective,
    GasIndicatorComponent,
    PanelErrorContentComponent,
    PanelContentComponent,
    LetDirective,
    NoFrameDirective,
    OnlyFrameDirective,
    IframeBlockchainIndicatorComponent,
    ThemedIconPipe,
    UsdPriceContainerComponent,
    RotatingIconComponent,
    InfoHintComponent,
    BuyTokenComponent,
    NotificationBadgeComponent,
    RubicContainerComponent,
    CopyContainerComponent,
    FunctionCallPipe,
    StatusBadgeComponent,
    ChipsComponent
  ],
  providers: [ScannerLinkPipe, WithRoundPipe, BigNumberFormatPipe],
  entryComponents: [SuccessTrxNotificationComponent, ProgressTrxNotificationComponent]
})
export class SharedModule {}