New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@types/isotope-layout

Package Overview
Dependencies
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@types/isotope-layout - npm Package Compare versions

Comparing version 3.0.8 to 3.0.9

82

isotope-layout/index.d.ts

@@ -20,11 +20,11 @@ // Type definitions for isotope 3.0

*/
cellsByColumn?: CellsByColumn;
cellsByColumn?: CellsByColumn | undefined;
/**
* A vertical grid layout where items are centered inside each cell. The grid is defined by columnWidth and rowHeight options.
*/
cellsByRow?: CellsByRow;
cellsByRow?: CellsByRow | undefined;
/**
* CSS styles that are applied to the container element.
*/
containerStyle?: Style;
containerStyle?: Style | undefined;
/**

@@ -35,7 +35,7 @@ * Shows items that match the filter and hides items that do not match.

*/
filter?: string | ((itemElement: HTMLElement) => boolean);
filter?: string | ((itemElement: HTMLElement) => boolean) | undefined;
/**
* Items are arranged into rows. Rows progress vertically. Similar to what you would expect from a layout that uses CSS floats. fitRows works well for items that have the same height.
*/
fitRows?: FitRows;
fitRows?: FitRows | undefined;
/**

@@ -46,3 +46,3 @@ * Enables layout on initialization. Enabled by default initLayout: true.

*/
initLayout?: boolean;
initLayout?: boolean | undefined;
/**

@@ -52,3 +52,3 @@ * Specifies which child elements will be used as item elements in the layout.

*/
itemSelector?: string;
itemSelector?: string | undefined;
/**

@@ -58,3 +58,3 @@ * Layout modes can have their own separate options. These are set in a corresponding object within the options.

*/
layoutMode?: LayoutModes;
layoutMode?: LayoutModes | undefined;
/**

@@ -64,39 +64,39 @@ * Isotope reads data from HTML with the getSortData option.

*/
getSortData?: Sorter;
getSortData?: Sorter | undefined;
/**
* The styles applied to hide items when filtering.
*/
hiddenStyle?: Style;
hiddenStyle?: Style | undefined;
/**
* Items are arranged horizontally.
*/
horiz?: Horizontal;
horiz?: Horizontal | undefined;
/**
* The default layout mode. Items are arranged in a vertically cascading grid.
*/
masonry?: Masonry;
masonry?: Masonry | undefined;
/**
* Horizontal version of masonry. Items are arranged in a horizontally cascading grid.
*/
masontryHorizontal?: MasonryHorizontal;
masontryHorizontal?: MasonryHorizontal | undefined;
/**
* Controls the horizontal flow of the layout. By default, item elements start positioning at the left, with originLeft: true. Set originLeft: false for right-to-left layouts.
*/
originLeft?: boolean;
originLeft?: boolean | undefined;
/**
* Controls the vertical flow of the layout. By default, item elements start positioning at the top. Set to false for bottom-up layouts. It’s like Tetris!
*/
originTop?: boolean;
originTop?: boolean | undefined;
/**
* The packery layout mode uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” It works similarly to masonry, except gaps will be filled.
*/
packery?: Packery;
packery?: Packery | undefined;
/**
* Sets item positions in percent values, rather than pixel values. percentPosition: true works well with percent-width items, as items will not transition their position on resize.
*/
percentPosition?: boolean;
percentPosition?: boolean | undefined;
/**
* Adjusts sizes and positions when window is resized. Enabled by default resize: true.
*/
resize?: boolean;
resize?: boolean | undefined;
/**

@@ -106,11 +106,11 @@ * Sorts items ascendingly if sortAscending: true “A, B, C…”, “1, 2, 3…”, or descendingly if sortAscending: false, “Z, Y, X…”, “9, 8, 7…”.

*/
sortAscending?: boolean | SortOrder;
sortAscending?: boolean | SortOrder | undefined;
/**
* Sorts items according to which property of getSortData. The value of sortBy needs to match a key name in getSortData.
*/
sortBy?: string | string[];
sortBy?: string | string[] | undefined;
/**
* Staggers item transitions, so items transition incrementally after one another. Set as a CSS time format, '0.03s', or as a number in milliseconds, 30.
*/
stagger?: number | string;
stagger?: number | string | undefined;
/**

@@ -121,15 +121,15 @@ * Specifies which elements are stamped within the layout. Isotope will layout items around stamped elements.

*/
stamp?: string;
stamp?: string | undefined;
/**
* Duration of the transition when items change position or appearance, set in a CSS time format, or as a number in milliseconds. Default: transitionDuration: '0.4s'
*/
transitionDuration?: number | string;
transitionDuration?: number | string | undefined;
/**
* Items are stacked vertically.
*/
vertical?: Vertical;
vertical?: Vertical | undefined;
/**
* The styles applied to reveal items when filtering.
*/
visibleStyle?: Style;
visibleStyle?: Style | undefined;
}

@@ -150,39 +150,39 @@

interface CellsByColumn {
columnWidth?: number | string;
rowHeight?: number | string;
columnWidth?: number | string | undefined;
rowHeight?: number | string | undefined;
}
interface CellsByRow {
columnWidth?: number | string;
rowHeight?: number | string;
columnWidth?: number | string | undefined;
rowHeight?: number | string | undefined;
}
interface FitRows {
gutter?: number | string;
gutter?: number | string | undefined;
}
interface Horizontal {
verticalAligment?: number;
verticalAligment?: number | undefined;
}
interface Masonry {
columnWidth?: number | string;
fitWidth?: boolean;
gutter?: number | string;
columnWidth?: number | string | undefined;
fitWidth?: boolean | undefined;
gutter?: number | string | undefined;
}
interface MasonryHorizontal {
gutter?: number | string;
rowHeight?: number | string;
gutter?: number | string | undefined;
rowHeight?: number | string | undefined;
}
interface Packery {
columnWidth?: number | string;
gutter?: number | string;
horizontal?: boolean;
rowHeight?: number;
columnWidth?: number | string | undefined;
gutter?: number | string | undefined;
horizontal?: boolean | undefined;
rowHeight?: number | undefined;
}
interface Vertical {
horizontalAlignment?: number;
horizontalAlignment?: number | undefined;
}

@@ -189,0 +189,0 @@ }

{
"name": "@types/isotope-layout",
"version": "3.0.8",
"version": "3.0.9",
"description": "TypeScript definitions for isotope",
"homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/isotope-layout",
"license": "MIT",

@@ -24,3 +25,3 @@ "contributors": [

"main": "",
"types": "index",
"types": "index.d.ts",
"repository": {

@@ -33,4 +34,4 @@ "type": "git",

"dependencies": {},
"typesPublisherContentHash": "843978d8e4c2229c9da8db1f8f6ec56751113c141796a9484486b82487e9c662",
"typeScriptVersion": "2.3"
"typesPublisherContentHash": "38597117ab06fffb316bcb84a2ccaf3de743c6ece43eeb2d416b88a745b275d2",
"typeScriptVersion": "3.6"
}

@@ -5,13 +5,13 @@ # Installation

# Summary
This package contains type definitions for isotope ( https://isotope.metafizzy.co ).
This package contains type definitions for isotope (https://isotope.metafizzy.co).
# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/isotope-layout
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/isotope-layout.
Additional Details
* Last updated: Mon, 13 May 2019 16:48:49 GMT
### Additional Details
* Last updated: Thu, 08 Jul 2021 14:23:21 GMT
* Dependencies: none
* Global values: Isotope
* Global values: `Isotope`
# Credits
These definitions were written by Anže Videnič <https://github.com/avidenic>, Mălin Brândușe <https://github.com/malinushj>, SPWizard01 <https://github.com/SPWizard01>.
These definitions were written by [Anže Videnič](https://github.com/avidenic), [Mălin Brândușe](https://github.com/malinushj), and [SPWizard01](https://github.com/SPWizard01).

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