filestack-adaptive
Version:
HTML5 picture elements powered by Filestack
90 lines (88 loc) • 11.3 kB
JavaScript
import { __decorate, __extends, __makeTemplateObject } from "tslib";
import 'regenerator-runtime/runtime';
import { LitElement, property, html, customElement } from 'lit-element';
import { makePicture } from './adapters/DOM';
import { EFitOptions, EAlignFacesOptions, ECropfacesType, EShapeType, EBlurMode, ENoiseType, EStyleType, EColorspaceType, EAlignOptions, EVideoAccessMode, EVideoTypes, EVideoLocations, EVideoAccess, EUrlscreenshotAgent, EUrlscreenshotMode, EUrlscreenshotOrientation, } from 'filestack-js';
import { makePictureTree } from './tree';
/**
* Helper that composes makePictureTree with the DOM adapter for generating
* actual picture elements.
*/
var picture = function (handle, opts) {
return makePicture(makePictureTree(handle, opts));
};
export { makePictureTree, EStyleType, EShapeType, ENoiseType, EFitOptions, EColorspaceType, EBlurMode, EAlignOptions, EAlignFacesOptions, ECropfacesType, EVideoAccessMode, EVideoTypes, EVideoLocations, EVideoAccess, EUrlscreenshotAgent, EUrlscreenshotMode, EUrlscreenshotOrientation, };
export var fsAdaptive = { picture: picture };
var FsAdaptiveWebComponent = /** @class */ (function (_super) {
__extends(FsAdaptiveWebComponent, _super);
function FsAdaptiveWebComponent() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.src = '';
return _this;
}
FsAdaptiveWebComponent.prototype.render = function () {
var security;
if (this.signature && this.policy) {
security = { signature: this.signature, policy: this.policy };
}
var options = {
security: security,
alt: this.alt,
width: this.width,
cname: this.cname,
sizes: this.sizes,
formats: this.formats,
};
if (this.resolutions) {
options.resolutions = this.resolutions;
}
var el = fsAdaptive.picture(this.src, options);
if (el && this.class) {
el.setAttribute('class', this.class);
}
if (el && this.id) {
el.setAttribute('id', this.id);
}
return html(templateObject_1 || (templateObject_1 = __makeTemplateObject(["", ""], ["", ""])), el);
};
__decorate([
property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "src", void 0);
__decorate([
property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "alt", void 0);
__decorate([
property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "width", void 0);
__decorate([
property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "cname", void 0);
__decorate([
property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "signature", void 0);
__decorate([
property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "policy", void 0);
__decorate([
property({ type: Array, reflect: true })
], FsAdaptiveWebComponent.prototype, "resolutions", void 0);
__decorate([
property({ type: Array, reflect: true })
], FsAdaptiveWebComponent.prototype, "formats", void 0);
__decorate([
property({ type: Object, reflect: true })
], FsAdaptiveWebComponent.prototype, "sizes", void 0);
__decorate([
property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "class", void 0);
__decorate([
property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "id", void 0);
FsAdaptiveWebComponent = __decorate([
customElement('fs-adaptive')
], FsAdaptiveWebComponent);
return FsAdaptiveWebComponent;
}(LitElement));
export { FsAdaptiveWebComponent };
var templateObject_1;
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBRUwsV0FBVyxFQUNYLGtCQUFrQixFQUNsQixjQUFjLEVBQ2QsVUFBVSxFQUNWLFNBQVMsRUFDVCxVQUFVLEVBQ1YsVUFBVSxFQUNWLGVBQWUsRUFDZixhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLFdBQVcsRUFDWCxlQUFlLEVBQ2YsWUFBWSxFQUNaLG1CQUFtQixFQUNuQixrQkFBa0IsRUFDbEIseUJBQXlCLEdBQzFCLE1BQU0sY0FBYyxDQUFDO0FBQ3RCLE9BQU8sRUFBRSxlQUFlLEVBQThCLE1BQU0sUUFBUSxDQUFDO0FBRXJFOzs7R0FHRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQ2QsTUFBa0IsRUFDbEIsSUFBcUI7SUFFckIsT0FBTyxXQUFXLENBQUMsZUFBZSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDO0FBQ3BELENBQUMsQ0FBQztBQUVGLE9BQU8sRUFDTCxlQUFlLEVBRWYsVUFBVSxFQUNWLFVBQVUsRUFDVixVQUFVLEVBQ1YsV0FBVyxFQUNYLGVBQWUsRUFDZixTQUFTLEVBQ1QsYUFBYSxFQUNiLGtCQUFrQixFQUNsQixjQUFjLEVBQ2QsZ0JBQWdCLEVBQ2hCLFdBQVcsRUFDWCxlQUFlLEVBQ2YsWUFBWSxFQUNaLG1CQUFtQixFQUNuQixrQkFBa0IsRUFDbEIseUJBQXlCLEdBQzFCLENBQUM7QUFFRixNQUFNLENBQUMsSUFBTSxVQUFVLEdBQUcsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFDO0FBR3RDO0lBQTRDLDBDQUFVO0lBQXREO1FBQUEscUVBa0VDO1FBaEVDLFNBQUcsR0FBVyxFQUFFLENBQUM7O0lBZ0VuQixDQUFDO0lBaENDLHVDQUFNLEdBQU47UUFDRSxJQUFJLFFBQVEsQ0FBQztRQUViLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2pDLFFBQVEsR0FBRyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDL0Q7UUFFRCxJQUFNLE9BQU8sR0FBUTtZQUNuQixRQUFRLFVBQUE7WUFDUixHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUc7WUFDYixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7WUFDakIsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO1lBQ2pCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztZQUNqQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87U0FDdEIsQ0FBQztRQUVGLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixPQUFPLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7U0FDeEM7UUFFRCxJQUFNLEVBQUUsR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFFakQsSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNwQixFQUFFLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDdEM7UUFFRCxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQ2pCLEVBQUUsQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUNoQztRQUVELE9BQU8sSUFBSSx5RUFBQSxFQUFHLEVBQUUsRUFBRSxLQUFKLEVBQUUsRUFBRztJQUNyQixDQUFDO0lBL0REO1FBREMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7dURBQ3pCO0lBR2pCO1FBREMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7dURBQy9CO0lBR1o7UUFEQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFHLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQzt5REFDN0I7SUFHZDtRQURDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUcsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO3lEQUM3QjtJQUdkO1FBREMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7NkRBQ3pCO0lBR2xCO1FBREMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7MERBQzVCO0lBR2Y7UUFEQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFHLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQzsrREFDcEI7SUFHdEI7UUFEQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFHLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQzsyREFDeEI7SUFHbEI7UUFEQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFHLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQzt5REFDaEM7SUFHWDtRQURDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUcsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO3lEQUM3QjtJQUdkO1FBREMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7c0RBQ2hDO0lBaENBLHNCQUFzQjtRQURsQyxhQUFhLENBQUMsYUFBYSxDQUFDO09BQ2hCLHNCQUFzQixDQWtFbEM7SUFBRCw2QkFBQztDQWxFRCxBQWtFQyxDQWxFMkMsVUFBVSxHQWtFckQ7U0FsRVksc0JBQXNCIiwiZmlsZSI6ImluZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICdyZWdlbmVyYXRvci1ydW50aW1lL3J1bnRpbWUnO1xuaW1wb3J0IHsgTGl0RWxlbWVudCwgcHJvcGVydHksIGh0bWwsIGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQtZWxlbWVudCc7XG5pbXBvcnQgeyBtYWtlUGljdHVyZSB9IGZyb20gJy4vYWRhcHRlcnMvRE9NJztcbmltcG9ydCB7XG4gIFRyYW5zZm9ybU9wdGlvbnMsXG4gIEVGaXRPcHRpb25zLFxuICBFQWxpZ25GYWNlc09wdGlvbnMsXG4gIEVDcm9wZmFjZXNUeXBlLFxuICBFU2hhcGVUeXBlLFxuICBFQmx1ck1vZGUsXG4gIEVOb2lzZVR5cGUsXG4gIEVTdHlsZVR5cGUsXG4gIEVDb2xvcnNwYWNlVHlwZSxcbiAgRUFsaWduT3B0aW9ucyxcbiAgRVZpZGVvQWNjZXNzTW9kZSxcbiAgRVZpZGVvVHlwZXMsXG4gIEVWaWRlb0xvY2F0aW9ucyxcbiAgRVZpZGVvQWNjZXNzLFxuICBFVXJsc2NyZWVuc2hvdEFnZW50LFxuICBFVXJsc2NyZWVuc2hvdE1vZGUsXG4gIEVVcmxzY3JlZW5zaG90T3JpZW50YXRpb24sXG59IGZyb20gJ2ZpbGVzdGFjay1qcyc7XG5pbXBvcnQgeyBtYWtlUGljdHVyZVRyZWUsIFBpY3R1cmVPcHRpb25zLCBGaWxlSGFuZGxlIH0gZnJvbSAnLi90cmVlJztcblxuLyoqXG4gKiBIZWxwZXIgdGhhdCBjb21wb3NlcyBtYWtlUGljdHVyZVRyZWUgd2l0aCB0aGUgRE9NIGFkYXB0ZXIgZm9yIGdlbmVyYXRpbmdcbiAqIGFjdHVhbCBwaWN0dXJlIGVsZW1lbnRzLlxuICovXG5jb25zdCBwaWN0dXJlID0gKFxuICBoYW5kbGU6IEZpbGVIYW5kbGUsXG4gIG9wdHM/OiBQaWN0dXJlT3B0aW9uc1xuKTogYW55ID0+IHtcbiAgcmV0dXJuIG1ha2VQaWN0dXJlKG1ha2VQaWN0dXJlVHJlZShoYW5kbGUsIG9wdHMpKTtcbn07XG5cbmV4cG9ydCB7XG4gIG1ha2VQaWN0dXJlVHJlZSxcbiAgVHJhbnNmb3JtT3B0aW9ucyxcbiAgRVN0eWxlVHlwZSxcbiAgRVNoYXBlVHlwZSxcbiAgRU5vaXNlVHlwZSxcbiAgRUZpdE9wdGlvbnMsXG4gIEVDb2xvcnNwYWNlVHlwZSxcbiAgRUJsdXJNb2RlLFxuICBFQWxpZ25PcHRpb25zLFxuICBFQWxpZ25GYWNlc09wdGlvbnMsXG4gIEVDcm9wZmFjZXNUeXBlLFxuICBFVmlkZW9BY2Nlc3NNb2RlLFxuICBFVmlkZW9UeXBlcyxcbiAgRVZpZGVvTG9jYXRpb25zLFxuICBFVmlkZW9BY2Nlc3MsXG4gIEVVcmxzY3JlZW5zaG90QWdlbnQsXG4gIEVVcmxzY3JlZW5zaG90TW9kZSxcbiAgRVVybHNjcmVlbnNob3RPcmllbnRhdGlvbixcbn07XG5cbmV4cG9ydCBjb25zdCBmc0FkYXB0aXZlID0geyBwaWN0dXJlIH07XG5cbkBjdXN0b21FbGVtZW50KCdmcy1hZGFwdGl2ZScpXG5leHBvcnQgY2xhc3MgRnNBZGFwdGl2ZVdlYkNvbXBvbmVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBAcHJvcGVydHkoeyB0eXBlOiBTdHJpbmcsIHJlZmxlY3Q6IHRydWUgfSlcbiAgc3JjOiBzdHJpbmcgPSAnJztcblxuICBAcHJvcGVydHkoeyB0eXBlOiBTdHJpbmcsICByZWZsZWN0OiB0cnVlIH0pXG4gIGFsdDogc3RyaW5nO1xuXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IFN0cmluZywgIHJlZmxlY3Q6IHRydWUgfSlcbiAgd2lkdGg6IHN0cmluZztcblxuICBAcHJvcGVydHkoeyB0eXBlOiBTdHJpbmcsICByZWZsZWN0OiB0cnVlIH0pXG4gIGNuYW1lOiBzdHJpbmc7XG5cbiAgQHByb3BlcnR5KHsgdHlwZTogU3RyaW5nLCAgcmVmbGVjdDogdHJ1ZSB9KVxuICBzaWduYXR1cmU6IHN0cmluZztcblxuICBAcHJvcGVydHkoeyB0eXBlOiBTdHJpbmcsICByZWZsZWN0OiB0cnVlIH0pXG4gIHBvbGljeTogc3RyaW5nO1xuXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IEFycmF5LCAgcmVmbGVjdDogdHJ1ZSB9KVxuICByZXNvbHV0aW9uczogc3RyaW5nW107XG5cbiAgQHByb3BlcnR5KHsgdHlwZTogQXJyYXksICByZWZsZWN0OiB0cnVlIH0pXG4gIGZvcm1hdHM6IHN0cmluZ1tdO1xuXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IE9iamVjdCwgIHJlZmxlY3Q6IHRydWUgfSlcbiAgc2l6ZXM6IGFueTtcblxuICBAcHJvcGVydHkoeyB0eXBlOiBTdHJpbmcsICByZWZsZWN0OiB0cnVlIH0pXG4gIGNsYXNzOiBzdHJpbmc7XG5cbiAgQHByb3BlcnR5KHsgdHlwZTogU3RyaW5nLCAgcmVmbGVjdDogdHJ1ZSB9KVxuICBpZDogc3RyaW5nO1xuXG4gIHJlbmRlcigpIHtcbiAgICBsZXQgc2VjdXJpdHk7XG5cbiAgICBpZiAodGhpcy5zaWduYXR1cmUgJiYgdGhpcy5wb2xpY3kpIHtcbiAgICAgIHNlY3VyaXR5ID0geyBzaWduYXR1cmU6IHRoaXMuc2lnbmF0dXJlLCBwb2xpY3k6IHRoaXMucG9saWN5IH07XG4gICAgfVxuXG4gICAgY29uc3Qgb3B0aW9uczogYW55ID0ge1xuICAgICAgc2VjdXJpdHksXG4gICAgICBhbHQ6IHRoaXMuYWx0LFxuICAgICAgd2lkdGg6IHRoaXMud2lkdGgsXG4gICAgICBjbmFtZTogdGhpcy5jbmFtZSxcbiAgICAgIHNpemVzOiB0aGlzLnNpemVzLFxuICAgICAgZm9ybWF0czogdGhpcy5mb3JtYXRzLFxuICAgIH07XG5cbiAgICBpZiAodGhpcy5yZXNvbHV0aW9ucykge1xuICAgICAgb3B0aW9ucy5yZXNvbHV0aW9ucyA9IHRoaXMucmVzb2x1dGlvbnM7XG4gICAgfVxuXG4gICAgY29uc3QgZWwgPSBmc0FkYXB0aXZlLnBpY3R1cmUodGhpcy5zcmMsIG9wdGlvbnMpO1xuXG4gICAgaWYgKGVsICYmIHRoaXMuY2xhc3MpIHtcbiAgICAgIGVsLnNldEF0dHJpYnV0ZSgnY2xhc3MnLCB0aGlzLmNsYXNzKTtcbiAgICB9XG5cbiAgICBpZiAoZWwgJiYgdGhpcy5pZCkge1xuICAgICAgZWwuc2V0QXR0cmlidXRlKCdpZCcsIHRoaXMuaWQpO1xuICAgIH1cblxuICAgIHJldHVybiBodG1sYCR7ZWx9YDtcbiAgfVxufVxuIl19