pagedjs
Version:
Chunks up a document into paged media flows and applies print styles
169 lines (159 loc) • 7.43 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _handler = _interopRequireDefault(require("../handler.cjs"));
var _cssTree = _interopRequireDefault(require("css-tree"));
var _css = require("../../utils/css.cjs");
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
var StringSets = /*#__PURE__*/function (_Handler) {
(0, _inherits2["default"])(StringSets, _Handler);
var _super = _createSuper(StringSets);
function StringSets(chunker, polisher, caller) {
var _this;
(0, _classCallCheck2["default"])(this, StringSets);
_this = _super.call(this, chunker, polisher, caller);
_this.stringSetSelectors = {};
_this.type;
// pageLastString = last string variable defined on the page
_this.pageLastString;
return _this;
}
(0, _createClass2["default"])(StringSets, [{
key: "onDeclaration",
value: function onDeclaration(declaration, dItem, dList, rule) {
var _this2 = this;
if (declaration.property === "string-set") {
var selector = _cssTree["default"].generate(rule.ruleNode.prelude);
var identifiers = [];
var functions = [];
var values = [];
declaration.value.children.forEach(function (child) {
if (child.type === "Identifier") {
identifiers.push(child.name);
}
if (child.type === "Function") {
functions.push(child.name);
child.children.forEach(function (subchild) {
if (subchild.type === "Identifier") {
values.push(subchild.name);
}
});
}
});
identifiers.forEach(function (identifier, index) {
var func = functions[index];
var value = values[index];
_this2.stringSetSelectors[identifier] = {
identifier: identifier,
func: func,
value: value,
selector: selector
};
});
}
}
}, {
key: "onContent",
value: function onContent(funcNode, fItem, fList, declaration, rule) {
if (funcNode.name === "string") {
var identifier = funcNode.children && funcNode.children.first().name;
this.type = funcNode.children.last().name;
funcNode.name = "var";
funcNode.children = new _cssTree["default"].List();
if (this.type === "first" || this.type === "last" || this.type === "start" || this.type === "first-except") {
funcNode.children.append(funcNode.children.createItem({
type: "Identifier",
loc: null,
name: "--pagedjs-string-" + this.type + "-" + identifier
}));
} else {
funcNode.children.append(funcNode.children.createItem({
type: "Identifier",
loc: null,
name: "--pagedjs-string-first-" + identifier
}));
}
}
}
}, {
key: "afterPageLayout",
value: function afterPageLayout(fragment) {
var _this3 = this;
if (this.pageLastString === undefined) {
this.pageLastString = {};
}
var _loop = function _loop() {
var name = _Object$keys[_i];
var set = _this3.stringSetSelectors[name];
var value = set.value;
var func = set.func;
var selected = fragment.querySelectorAll(set.selector);
// Get the last found string for the current identifier
var stringPrevPage = name in _this3.pageLastString ? _this3.pageLastString[name] : "";
var varFirst, varLast, varStart, varFirstExcept;
if (selected.length == 0) {
// if there is no sel. on the page
varFirst = stringPrevPage;
varLast = stringPrevPage;
varStart = stringPrevPage;
varFirstExcept = stringPrevPage;
} else {
selected.forEach(function (sel) {
// push each content into the array to define in the variable the first and the last element of the page.
if (func === "content") {
_this3.pageLastString[name] = selected[selected.length - 1].textContent;
}
if (func === "attr") {
_this3.pageLastString[name] = selected[selected.length - 1].getAttribute(value) || "";
}
});
/* FIRST */
if (func === "content") {
varFirst = selected[0].textContent;
}
if (func === "attr") {
varFirst = selected[0].getAttribute(value) || "";
}
/* LAST */
if (func === "content") {
varLast = selected[selected.length - 1].textContent;
}
if (func === "attr") {
varLast = selected[selected.length - 1].getAttribute(value) || "";
}
/* START */
// Hack to find if the sel. is the first elem of the page / find a better way
var selTop = selected[0].getBoundingClientRect().top;
var pageContent = selected[0].closest(".pagedjs_page_content");
var pageContentTop = pageContent.getBoundingClientRect().top;
if (selTop == pageContentTop) {
varStart = varFirst;
} else {
varStart = stringPrevPage;
}
/* FIRST EXCEPT */
varFirstExcept = "";
}
fragment.style.setProperty("--pagedjs-string-first-".concat(name), "\"".concat((0, _css.cleanPseudoContent)(varFirst)));
fragment.style.setProperty("--pagedjs-string-last-".concat(name), "\"".concat((0, _css.cleanPseudoContent)(varLast)));
fragment.style.setProperty("--pagedjs-string-start-".concat(name), "\"".concat((0, _css.cleanPseudoContent)(varStart)));
fragment.style.setProperty("--pagedjs-string-first-except-".concat(name), "\"".concat((0, _css.cleanPseudoContent)(varFirstExcept)));
};
for (var _i = 0, _Object$keys = Object.keys(this.stringSetSelectors); _i < _Object$keys.length; _i++) {
_loop();
}
}
}]);
return StringSets;
}(_handler["default"]);
var _default = StringSets;
exports["default"] = _default;