Socket
Socket
Sign inDemoInstall

@corentinmag/ngx-float-button

Package Overview
Dependencies
Maintainers
1
Versions
17
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@corentinmag/ngx-float-button - npm Package Compare versions

Comparing version 0.0.1 to 1.5.0

4

package.json
{
"name": "@corentinmag/ngx-float-button",
"version": "0.0.1",
"version": "1.5.0",
"description": "A highly customizable float action button build for Angular2+ with Angular material",

@@ -29,2 +29,2 @@ "author": {

}
}
}

@@ -5,2 +5,3 @@ To use this library:

$ npm install @corentinmag/ngx-float-button
$ ng add @angular/material
```

@@ -12,2 +13,4 @@

import { NgxFloatButtonModule } from '@corentinmag/ngx-float-button';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
...

@@ -18,3 +21,4 @@

imports: [
...,
BrowserModule,
BrowserAnimationsModule,
NgxFloatButtonModule

@@ -47,6 +51,6 @@ ]

| **disabled** | `boolean` | `false` | either the main button is disabled or not |
| **spaceBetween** | `number` | `5` | the space in pixel between the main button and the first child button |
| **spaceGap** | `number` | `15` | the space in pixel between each child button |
| **spaceBetween** | `number` | `5` | the space in pixel between each child button |
| **spaceGap** | `number` | `15` | the space in pixel between the main button and the first child button |
| **isOpen** | `boolean` | `false` | either the child buttons should appear at startup |
| **isHoverable** | `boolean` | `false` | either the user should hover or click the main button to reveal the child buttons |
| **hoverable** | `boolean` | `false` | either the user should hover or click the main button to reveal the child buttons |
| **tooltipDisabled** | `boolean` | `false` | either tooltip is enabled or not |

@@ -53,0 +57,0 @@

@@ -22,3 +22,3 @@ import { Component, OnInit, Input, ViewContainerRef, AfterViewInit, ContentChildren, QueryList, AfterContentInit, OnDestroy, ChangeDetectionStrategy } from '@angular/core';

transition('open => closed',
query('ngx-floating-button-item', [
query('ngx-float-item-button', [
style({transform: 'scale(1)'}),

@@ -29,3 +29,3 @@ stagger(100, [animate('0.05s', style({transform:'scale(0)'}))])

transition('closed => open', [style({visibility: 'visible'}),
query('ngx-floating-button-item', [
query('ngx-float-item-button', [
style({transform: 'scale(0)'}),

@@ -32,0 +32,0 @@ stagger(100, [animate('0.05s', style({transform:'scale(1)'}))])

@@ -9,3 +9,3 @@ import { CommonModule } from '@angular/common';

import { MatButtonModule } from '@angular/material/buttons';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';

@@ -31,5 +31,3 @@

FlexLayoutModule,
OverlayModule,
BrowserModule,
BrowserAnimationsModule
OverlayModule
],

@@ -36,0 +34,0 @@ exports: [

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc