Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@appnest/masonry-layout

Package Overview
Dependencies
Maintainers
2
Versions
31
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@appnest/masonry-layout - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

24

masonry-layout.d.ts

@@ -15,3 +15,3 @@ import { MasonryCols } from "./masonry-helpers";

export declare class MasonryLayout extends HTMLElement {
static readonly observedAttributes: string[];
static get observedAttributes(): string[];
private currentColHeightMap;

@@ -26,3 +26,4 @@ private ro;

*/
maxColWidth: number;
set maxColWidth(v: number);
get maxColWidth(): number;
/**

@@ -33,3 +34,4 @@ * Whether the items should be locked in their columns after the have been placed.

*/
colLock: boolean;
set colLock(v: boolean);
get colLock(): boolean;
/**

@@ -40,3 +42,4 @@ * The gap in pixels between the columns.

*/
gap: number;
set gap(v: number);
get gap(): number;
/**

@@ -47,3 +50,4 @@ * The amount of columns.

*/
cols: MasonryCols;
set cols(v: MasonryCols);
get cols(): MasonryCols;
/**

@@ -54,3 +58,4 @@ * Whether the items should have a transition.

*/
transition: boolean;
set transition(v: boolean);
get transition(): boolean;
/**

@@ -61,7 +66,8 @@ * The ms of debounce when the element resizes.

*/
debounce: number;
set debounce(v: number);
get debounce(): number;
/**
* The slot element.
*/
private readonly $slot;
private get $slot();
/**

@@ -71,3 +77,3 @@ * All of the elements in the slot that are an Node.ELEMENT_NODE.

*/
private readonly $items;
private get $items();
constructor();

@@ -74,0 +80,0 @@ /**

{
"name": "@appnest/masonry-layout",
"version": "1.0.1",
"version": "1.0.2",
"license": "MIT",

@@ -49,5 +49,5 @@ "module": "index.js",

"devDependencies": {
"@appnest/readme": "^1.2.3",
"@appnest/web-config": "0.4.28"
"@appnest/readme": "^1.2.5",
"@appnest/web-config": "0.4.33"
}
}

@@ -156,2 +156,8 @@ <h1 align="center">@appnest/masonry-layout</h1>

#### Slots
| Name | Description |
|------|-------------------------------------------------|
| | Items that should be distributed in the layout. |
#### CSS Custom Properties

@@ -163,10 +169,4 @@

#### Slots
| Name | Description |
|------|-------------------------------------------------|
| | Items that should be distributed in the layout. |
[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)](#resizeobserver)

@@ -173,0 +173,0 @@

declare type MasonryCols = number | "auto";
/**
* Debounces a function.
* @param cb
* @param ms
* @param id
*/
declare function debounce(cb: (() => void), ms: number, id: string): void;
declare global {
interface Window {
ShadyCSS?: any;
}
}
/**
* Masonry layout web component. It places the slotted elements in the optimal position based

@@ -22,3 +10,3 @@ * on the available vertical space, just like mason fitting stones in a wall.

declare class MasonryLayout extends HTMLElement {
static readonly observedAttributes: string[];
static get observedAttributes(): string[];
private currentColHeightMap;

@@ -33,3 +21,4 @@ private ro;

*/
maxColWidth: number;
set maxColWidth(v: number);
get maxColWidth(): number;
/**

@@ -40,3 +29,4 @@ * Whether the items should be locked in their columns after the have been placed.

*/
colLock: boolean;
set colLock(v: boolean);
get colLock(): boolean;
/**

@@ -47,3 +37,4 @@ * The gap in pixels between the columns.

*/
gap: number;
set gap(v: number);
get gap(): number;
/**

@@ -54,3 +45,4 @@ * The amount of columns.

*/
cols: MasonryCols;
set cols(v: MasonryCols);
get cols(): MasonryCols;
/**

@@ -61,3 +53,4 @@ * Whether the items should have a transition.

*/
transition: boolean;
set transition(v: boolean);
get transition(): boolean;
/**

@@ -68,7 +61,8 @@ * The ms of debounce when the element resizes.

*/
debounce: number;
set debounce(v: number);
get debounce(): number;
/**
* The slot element.
*/
private readonly $slot;
private get $slot();
/**

@@ -78,3 +72,3 @@ * All of the elements in the slot that are an Node.ELEMENT_NODE.

*/
private readonly $items;
private get $items();
constructor();

@@ -115,7 +109,2 @@ /**

}
declare global {
interface HTMLElementTagNameMap {
"masonry-layout": MasonryLayout;
}
}
export { MasonryLayout };
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