cupcakearmy/svelte-cloudinary
1
0
Fork 0
mirror of https://github.com/cupcakearmy/svelte-cloudinary.git synced 2024-12-22 16:06:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

add crop of not present when bind

Browse Source
This commit is contained in:
cupcakearmy 2020-11-08 11:59:06 +01:00
parent 70a076baca
commit df7c6c98ad
No known key found for this signature in database
GPG Key ID: D28129AE5654D9D9
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/index.ts
View File

@ -38,12 +38,13 @@ function getSizeOfElementOrSelector(node: ElementOrString, elOrString: ElementOr
}
}
type BindType = ElementOrString | true | { width?: ElementOrString; height?: ElementOrString }
type BindType = ElementOrString | true
type BindObject = BindType | { width?: BindType; height?: BindType }
export type ImageParameters = {
src: string
options?: Transformation | Transformation.Options
bind?: BindType
bind?: BindObject
}
export function image(node: HTMLImageElement, parameters?: ImageParameters) {
@ -59,16 +60,17 @@ export function image(node: HTMLImageElement, parameters?: ImageParameters) {
if (bind === true) {
bind = node
}
if (!options.crop) options.crop = 'fill'
if (bind instanceof Element) Object.assign(options, getSizeOfElement(bind))
else if (typeof bind === 'string') {
Object.assign(options, getSizeOfElementOrSelector(node, bind))
} else if (typeof bind === 'object') {
if (bind.width) {
options.width = getSizeOfElementOrSelector(node, bind.width).width
options.width = getSizeOfElementOrSelector(node, bind.width === true ? node : bind.width).width
}
if (bind.height) {
options.height = getSizeOfElementOrSelector(node, bind.height).height
options.height = getSizeOfElementOrSelector(node, bind.height === true ? node : bind.height).height
}
}
}