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 = { export type ImageParameters = {
src: string src: string
options?: Transformation | Transformation.Options options?: Transformation | Transformation.Options
bind?: BindType bind?: BindObject
} }
export function image(node: HTMLImageElement, parameters?: ImageParameters) { export function image(node: HTMLImageElement, parameters?: ImageParameters) {
@ -59,16 +60,17 @@ export function image(node: HTMLImageElement, parameters?: ImageParameters) {
if (bind === true) { if (bind === true) {
bind = node bind = node
} }
if (!options.crop) options.crop = 'fill'
if (bind instanceof Element) Object.assign(options, getSizeOfElement(bind)) if (bind instanceof Element) Object.assign(options, getSizeOfElement(bind))
else if (typeof bind === 'string') { else if (typeof bind === 'string') {
Object.assign(options, getSizeOfElementOrSelector(node, bind)) Object.assign(options, getSizeOfElementOrSelector(node, bind))
} else if (typeof bind === 'object') { } else if (typeof bind === 'object') {
if (bind.width) { if (bind.width) {
options.width = getSizeOfElementOrSelector(node, bind.width).width options.width = getSizeOfElementOrSelector(node, bind.width === true ? node : bind.width).width
} }
if (bind.height) { if (bind.height) {
options.height = getSizeOfElementOrSelector(node, bind.height).height options.height = getSizeOfElementOrSelector(node, bind.height === true ? node : bind.height).height
} }
} }
} }