@appnest/masonry-layout
Advanced tools
Comparing version 1.0.1 to 1.0.2
@@ -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 }; |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
44224
690