How to use the @dynatrace/barista-components/core.removeCssClass function in @dynatrace/barista-components

To help you get started, we’ve selected a few @dynatrace/barista-components examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github dynatrace-oss / barista / components / chart / src / selection-area / selection-area.ts View on Github external
// 0 is initial drag and -1 is mouse release
          if (this._chart._range && resize < 1) {
            this._chart._range._reflectRangeReleased(isMouseRelease(resize));

            // if the drag is completed we can emit a stateChanges
            if (isMouseRelease(resize)) {
              this._chart._range._emitDragEnd();
              this._chart._range.focus();
            }
          }

          // every drag regardless of if it is a handle or initial drag should have the grab cursors
          if (resize >= 0) {
            addCssClass(this._elementRef.nativeElement, GRAB_CURSOR_CLASS);
          } else {
            removeCssClass(this._elementRef.nativeElement, GRAB_CURSOR_CLASS);
          }
        });
    }
github dynatrace-oss / barista / components / selection-area / src / selection-area-container.ts View on Github external
_reset(): void {
    if (this._isSelectedAreaVisible) {
      this._selectedArea.nativeElement.style.width = '0px';
      removeCssClass(this._selectedArea.nativeElement, 'dt-no-pointer');
      this._width = 0;
      this._left = 0;
      this._isSelectedAreaVisible = false;
      this._changeDetectorRef.markForCheck();
    }
  }
github dynatrace-oss / barista / components / chart / src / range / range.ts View on Github external
_reflectRangeReleased(add: boolean): void {
    if (add) {
      addCssClass(this._elementRef.nativeElement, DT_RANGE_RELEASED_CLASS);
    } else {
      removeCssClass(this._elementRef.nativeElement, DT_RANGE_RELEASED_CLASS);
    }
  }
github dynatrace-oss / barista / components / copy-to-clipboard / src / copy-to-clipboard.ts View on Github external
private _resetCopyState(): void {
    this._showIcon = false;
    removeCssClass(this._input.nativeElement, DT_COPY_TO_CLIPBOARD_SUCCESSFUL);
    if (this._copyButton) {
      removeCssClass(
        this._copyButton.nativeElement,
        DT_COPY_TO_CLIPBOARD_SUCCESSFUL,
      );
    }
    this._cd.markForCheck();
    this._timer.unsubscribe();
  }
github dynatrace-oss / barista / components / radio / src / radio.ts View on Github external
private _onInputFocusChange(focusOrigin: FocusOrigin): void {
    const element = this._elementRef.nativeElement;

    if (focusOrigin === 'keyboard') {
      addCssClass(element, 'dt-radio-focused', this._renderer);
    } else if (!focusOrigin) {
      removeCssClass(element, 'dt-radio-focused', this._renderer);
      if (this._radioGroup) {
        this._radioGroup._touch();
      }
    }
  }
}
github dynatrace-oss / barista / components / chart / src / selection-area / selection-area.ts View on Github external
tap(() => {
          removeCssClass(
            this._elementRef.nativeElement,
            NO_POINTER_EVENTS_CLASS,
          );
        }),
        share(),
github dynatrace-oss / barista / components / table / src / cell.ts View on Github external
export function _setDtColumnCssClasses(
  columnDef: DtColumnDef,
  elementRef: ElementRef,
): void {
  const { align, cssClassFriendlyName } = columnDef;
  const cssAlignmentClass = coerceAlignment(align);

  removeCssClass(elementRef.nativeElement, 'dt-table-column-align-left');
  removeCssClass(elementRef.nativeElement, 'dt-table-column-align-center');
  removeCssClass(elementRef.nativeElement, 'dt-table-column-align-right');
  addCssClass(
    elementRef.nativeElement,
    `dt-table-column-align-${cssAlignmentClass}`,
  );
  addCssClass(
    elementRef.nativeElement,
    `dt-table-column-${cssClassFriendlyName}`,
  );
}
github dynatrace-oss / barista / components / table / src / cell.ts View on Github external
export function _setDtColumnCssClasses(
  columnDef: DtColumnDef,
  elementRef: ElementRef,
): void {
  const { align, cssClassFriendlyName } = columnDef;
  const cssAlignmentClass = coerceAlignment(align);

  removeCssClass(elementRef.nativeElement, 'dt-table-column-align-left');
  removeCssClass(elementRef.nativeElement, 'dt-table-column-align-center');
  removeCssClass(elementRef.nativeElement, 'dt-table-column-align-right');
  addCssClass(
    elementRef.nativeElement,
    `dt-table-column-align-${cssAlignmentClass}`,
  );
  addCssClass(
    elementRef.nativeElement,
    `dt-table-column-${cssClassFriendlyName}`,
  );
}