filestack-adaptive
Version:
HTML5 picture elements powered by Filestack
109 lines (107 loc) • 13.7 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.FsAdaptiveWebComponent = exports.fsAdaptive = exports.EUrlscreenshotOrientation = exports.EUrlscreenshotMode = exports.EUrlscreenshotAgent = exports.EVideoAccess = exports.EVideoLocations = exports.EVideoTypes = exports.EVideoAccessMode = exports.ECropfacesType = exports.EAlignFacesOptions = exports.EAlignOptions = exports.EBlurMode = exports.EColorspaceType = exports.EFitOptions = exports.ENoiseType = exports.EShapeType = exports.EStyleType = exports.makePictureTree = void 0;
var tslib_1 = require("tslib");
require("regenerator-runtime/runtime");
var lit_element_1 = require("lit-element");
var DOM_1 = require("./adapters/DOM");
var filestack_js_1 = require("filestack-js");
Object.defineProperty(exports, "EFitOptions", { enumerable: true, get: function () { return filestack_js_1.EFitOptions; } });
Object.defineProperty(exports, "EAlignFacesOptions", { enumerable: true, get: function () { return filestack_js_1.EAlignFacesOptions; } });
Object.defineProperty(exports, "ECropfacesType", { enumerable: true, get: function () { return filestack_js_1.ECropfacesType; } });
Object.defineProperty(exports, "EShapeType", { enumerable: true, get: function () { return filestack_js_1.EShapeType; } });
Object.defineProperty(exports, "EBlurMode", { enumerable: true, get: function () { return filestack_js_1.EBlurMode; } });
Object.defineProperty(exports, "ENoiseType", { enumerable: true, get: function () { return filestack_js_1.ENoiseType; } });
Object.defineProperty(exports, "EStyleType", { enumerable: true, get: function () { return filestack_js_1.EStyleType; } });
Object.defineProperty(exports, "EColorspaceType", { enumerable: true, get: function () { return filestack_js_1.EColorspaceType; } });
Object.defineProperty(exports, "EAlignOptions", { enumerable: true, get: function () { return filestack_js_1.EAlignOptions; } });
Object.defineProperty(exports, "EVideoAccessMode", { enumerable: true, get: function () { return filestack_js_1.EVideoAccessMode; } });
Object.defineProperty(exports, "EVideoTypes", { enumerable: true, get: function () { return filestack_js_1.EVideoTypes; } });
Object.defineProperty(exports, "EVideoLocations", { enumerable: true, get: function () { return filestack_js_1.EVideoLocations; } });
Object.defineProperty(exports, "EVideoAccess", { enumerable: true, get: function () { return filestack_js_1.EVideoAccess; } });
Object.defineProperty(exports, "EUrlscreenshotAgent", { enumerable: true, get: function () { return filestack_js_1.EUrlscreenshotAgent; } });
Object.defineProperty(exports, "EUrlscreenshotMode", { enumerable: true, get: function () { return filestack_js_1.EUrlscreenshotMode; } });
Object.defineProperty(exports, "EUrlscreenshotOrientation", { enumerable: true, get: function () { return filestack_js_1.EUrlscreenshotOrientation; } });
var tree_1 = require("./tree");
Object.defineProperty(exports, "makePictureTree", { enumerable: true, get: function () { return tree_1.makePictureTree; } });
/**
* Helper that composes makePictureTree with the DOM adapter for generating
* actual picture elements.
*/
var picture = function (handle, opts) {
return DOM_1.makePicture(tree_1.makePictureTree(handle, opts));
};
exports.fsAdaptive = { picture: picture };
var FsAdaptiveWebComponent = /** @class */ (function (_super) {
tslib_1.__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 = exports.fsAdaptive.picture(this.src, options);
if (el && this.class) {
el.setAttribute('class', this.class);
}
if (el && this.id) {
el.setAttribute('id', this.id);
}
return lit_element_1.html(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["", ""], ["", ""])), el);
};
tslib_1.__decorate([
lit_element_1.property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "src", void 0);
tslib_1.__decorate([
lit_element_1.property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "alt", void 0);
tslib_1.__decorate([
lit_element_1.property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "width", void 0);
tslib_1.__decorate([
lit_element_1.property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "cname", void 0);
tslib_1.__decorate([
lit_element_1.property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "signature", void 0);
tslib_1.__decorate([
lit_element_1.property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "policy", void 0);
tslib_1.__decorate([
lit_element_1.property({ type: Array, reflect: true })
], FsAdaptiveWebComponent.prototype, "resolutions", void 0);
tslib_1.__decorate([
lit_element_1.property({ type: Array, reflect: true })
], FsAdaptiveWebComponent.prototype, "formats", void 0);
tslib_1.__decorate([
lit_element_1.property({ type: Object, reflect: true })
], FsAdaptiveWebComponent.prototype, "sizes", void 0);
tslib_1.__decorate([
lit_element_1.property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "class", void 0);
tslib_1.__decorate([
lit_element_1.property({ type: String, reflect: true })
], FsAdaptiveWebComponent.prototype, "id", void 0);
FsAdaptiveWebComponent = tslib_1.__decorate([
lit_element_1.customElement('fs-adaptive')
], FsAdaptiveWebComponent);
return FsAdaptiveWebComponent;
}(lit_element_1.LitElement));
exports.FsAdaptiveWebComponent = FsAdaptiveWebComponent;
var templateObject_1;
//# sourceMappingURL=data:application/json;charset=utf8;base64,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USxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7eURBQzdCO0lBR2Q7UUFEQyxzQkFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7eURBQzdCO0lBR2Q7UUFEQyxzQkFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7NkRBQ3pCO0lBR2xCO1FBREMsc0JBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUcsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDOzBEQUM1QjtJQUdmO1FBREMsc0JBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUcsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDOytEQUNwQjtJQUd0QjtRQURDLHNCQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFHLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQzsyREFDeEI7SUFHbEI7UUFEQyxzQkFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7eURBQ2hDO0lBR1g7UUFEQyxzQkFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7eURBQzdCO0lBR2Q7UUFEQyxzQkFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7c0RBQ2hDO0lBaENBLHNCQUFzQjtRQURsQywyQkFBYSxDQUFDLGFBQWEsQ0FBQztPQUNoQixzQkFBc0IsQ0FrRWxDO0lBQUQsNkJBQUM7Q0FsRUQsQUFrRUMsQ0FsRTJDLHdCQUFVLEdBa0VyRDtBQWxFWSx3REFBc0IiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJ3JlZ2VuZXJhdG9yLXJ1bnRpbWUvcnVudGltZSc7XG5pbXBvcnQgeyBMaXRFbGVtZW50LCBwcm9wZXJ0eSwgaHRtbCwgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC1lbGVtZW50JztcbmltcG9ydCB7IG1ha2VQaWN0dXJlIH0gZnJvbSAnLi9hZGFwdGVycy9ET00nO1xuaW1wb3J0IHtcbiAgVHJhbnNmb3JtT3B0aW9ucyxcbiAgRUZpdE9wdGlvbnMsXG4gIEVBbGlnbkZhY2VzT3B0aW9ucyxcbiAgRUNyb3BmYWNlc1R5cGUsXG4gIEVTaGFwZVR5cGUsXG4gIEVCbHVyTW9kZSxcbiAgRU5vaXNlVHlwZSxcbiAgRVN0eWxlVHlwZSxcbiAgRUNvbG9yc3BhY2VUeXBlLFxuICBFQWxpZ25PcHRpb25zLFxuICBFVmlkZW9BY2Nlc3NNb2RlLFxuICBFVmlkZW9UeXBlcyxcbiAgRVZpZGVvTG9jYXRpb25zLFxuICBFVmlkZW9BY2Nlc3MsXG4gIEVVcmxzY3JlZW5zaG90QWdlbnQsXG4gIEVVcmxzY3JlZW5zaG90TW9kZSxcbiAgRVVybHNjcmVlbnNob3RPcmllbnRhdGlvbixcbn0gZnJvbSAnZmlsZXN0YWNrLWpzJztcbmltcG9ydCB7IG1ha2VQaWN0dXJlVHJlZSwgUGljdHVyZU9wdGlvbnMsIEZpbGVIYW5kbGUgfSBmcm9tICcuL3RyZWUnO1xuXG4vKipcbiAqIEhlbHBlciB0aGF0IGNvbXBvc2VzIG1ha2VQaWN0dXJlVHJlZSB3aXRoIHRoZSBET00gYWRhcHRlciBmb3IgZ2VuZXJhdGluZ1xuICogYWN0dWFsIHBpY3R1cmUgZWxlbWVudHMuXG4gKi9cbmNvbnN0IHBpY3R1cmUgPSAoXG4gIGhhbmRsZTogRmlsZUhhbmRsZSxcbiAgb3B0cz86IFBpY3R1cmVPcHRpb25zXG4pOiBhbnkgPT4ge1xuICByZXR1cm4gbWFrZVBpY3R1cmUobWFrZVBpY3R1cmVUcmVlKGhhbmRsZSwgb3B0cykpO1xufTtcblxuZXhwb3J0IHtcbiAgbWFrZVBpY3R1cmVUcmVlLFxuICBUcmFuc2Zvcm1PcHRpb25zLFxuICBFU3R5bGVUeXBlLFxuICBFU2hhcGVUeXBlLFxuICBFTm9pc2VUeXBlLFxuICBFRml0T3B0aW9ucyxcbiAgRUNvbG9yc3BhY2VUeXBlLFxuICBFQmx1ck1vZGUsXG4gIEVBbGlnbk9wdGlvbnMsXG4gIEVBbGlnbkZhY2VzT3B0aW9ucyxcbiAgRUNyb3BmYWNlc1R5cGUsXG4gIEVWaWRlb0FjY2Vzc01vZGUsXG4gIEVWaWRlb1R5cGVzLFxuICBFVmlkZW9Mb2NhdGlvbnMsXG4gIEVWaWRlb0FjY2VzcyxcbiAgRVVybHNjcmVlbnNob3RBZ2VudCxcbiAgRVVybHNjcmVlbnNob3RNb2RlLFxuICBFVXJsc2NyZWVuc2hvdE9yaWVudGF0aW9uLFxufTtcblxuZXhwb3J0IGNvbnN0IGZzQWRhcHRpdmUgPSB7IHBpY3R1cmUgfTtcblxuQGN1c3RvbUVsZW1lbnQoJ2ZzLWFkYXB0aXZlJylcbmV4cG9ydCBjbGFzcyBGc0FkYXB0aXZlV2ViQ29tcG9uZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIEBwcm9wZXJ0eSh7IHR5cGU6IFN0cmluZywgcmVmbGVjdDogdHJ1ZSB9KVxuICBzcmM6IHN0cmluZyA9ICcnO1xuXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IFN0cmluZywgIHJlZmxlY3Q6IHRydWUgfSlcbiAgYWx0OiBzdHJpbmc7XG5cbiAgQHByb3BlcnR5KHsgdHlwZTogU3RyaW5nLCAgcmVmbGVjdDogdHJ1ZSB9KVxuICB3aWR0aDogc3RyaW5nO1xuXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IFN0cmluZywgIHJlZmxlY3Q6IHRydWUgfSlcbiAgY25hbWU6IHN0cmluZztcblxuICBAcHJvcGVydHkoeyB0eXBlOiBTdHJpbmcsICByZWZsZWN0OiB0cnVlIH0pXG4gIHNpZ25hdHVyZTogc3RyaW5nO1xuXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IFN0cmluZywgIHJlZmxlY3Q6IHRydWUgfSlcbiAgcG9saWN5OiBzdHJpbmc7XG5cbiAgQHByb3BlcnR5KHsgdHlwZTogQXJyYXksICByZWZsZWN0OiB0cnVlIH0pXG4gIHJlc29sdXRpb25zOiBzdHJpbmdbXTtcblxuICBAcHJvcGVydHkoeyB0eXBlOiBBcnJheSwgIHJlZmxlY3Q6IHRydWUgfSlcbiAgZm9ybWF0czogc3RyaW5nW107XG5cbiAgQHByb3BlcnR5KHsgdHlwZTogT2JqZWN0LCAgcmVmbGVjdDogdHJ1ZSB9KVxuICBzaXplczogYW55O1xuXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IFN0cmluZywgIHJlZmxlY3Q6IHRydWUgfSlcbiAgY2xhc3M6IHN0cmluZztcblxuICBAcHJvcGVydHkoeyB0eXBlOiBTdHJpbmcsICByZWZsZWN0OiB0cnVlIH0pXG4gIGlkOiBzdHJpbmc7XG5cbiAgcmVuZGVyKCkge1xuICAgIGxldCBzZWN1cml0eTtcblxuICAgIGlmICh0aGlzLnNpZ25hdHVyZSAmJiB0aGlzLnBvbGljeSkge1xuICAgICAgc2VjdXJpdHkgPSB7IHNpZ25hdHVyZTogdGhpcy5zaWduYXR1cmUsIHBvbGljeTogdGhpcy5wb2xpY3kgfTtcbiAgICB9XG5cbiAgICBjb25zdCBvcHRpb25zOiBhbnkgPSB7XG4gICAgICBzZWN1cml0eSxcbiAgICAgIGFsdDogdGhpcy5hbHQsXG4gICAgICB3aWR0aDogdGhpcy53aWR0aCxcbiAgICAgIGNuYW1lOiB0aGlzLmNuYW1lLFxuICAgICAgc2l6ZXM6IHRoaXMuc2l6ZXMsXG4gICAgICBmb3JtYXRzOiB0aGlzLmZvcm1hdHMsXG4gICAgfTtcblxuICAgIGlmICh0aGlzLnJlc29sdXRpb25zKSB7XG4gICAgICBvcHRpb25zLnJlc29sdXRpb25zID0gdGhpcy5yZXNvbHV0aW9ucztcbiAgICB9XG5cbiAgICBjb25zdCBlbCA9IGZzQWRhcHRpdmUucGljdHVyZSh0aGlzLnNyYywgb3B0aW9ucyk7XG5cbiAgICBpZiAoZWwgJiYgdGhpcy5jbGFzcykge1xuICAgICAgZWwuc2V0QXR0cmlidXRlKCdjbGFzcycsIHRoaXMuY2xhc3MpO1xuICAgIH1cblxuICAgIGlmIChlbCAmJiB0aGlzLmlkKSB7XG4gICAgICBlbC5zZXRBdHRyaWJ1dGUoJ2lkJywgdGhpcy5pZCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGh0bWxgJHtlbH1gO1xuICB9XG59XG4iXX0=