{"/Templates/components/books/content.html":"<!-- ko template: { name: 'components/books/activities/search', data: searchActivity } --><!-- /ko -->\r\n\r\n<section>\r\n\t<!-- ko if: items().length -->\r\n\t<table>\r\n\t\t<colgroup data-bind=\"foreach: columns\">\r\n\t\t\t<col />\r\n\t\t</colgroup>\r\n\t\t<thead>\r\n\t\t\t<tr data-bind=\"foreach: columns\">\r\n\t\t\t\t<th data-bind=\"text: caption\"></th>\r\n\t\t\t</tr>\r\n\t\t</thead>\r\n\t\t<tbody data-bind=\"foreach: pager.items\">\r\n\t\t\t<tr class=\"tr--striped tr-link\" data-bind=\"event: { click: $parent.edit.bind($parent) }\">\r\n\t\t\t\t<td>\r\n\t\t\t\t\t<span class=\"with-icon\" role=\"presentation\">\r\n\t\t\t\t\t\t<span class=\"with-icon__icon icon-mini\" data-bind=\"css: icon\" role=\"presentation\"></span>\r\n\t\t\t\t\t\t<a class=\"with-icon__text\" data-bind=\"attr: { href: url }, event: { click: $parent.edit.bind($parent) }, html: $parent.highlight(firstValue())\"></a>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</td>\r\n\t\t\t\t<!-- ko foreach: otherValues -->\r\n\t\t\t\t<td data-bind=\"html: $parents[1].highlight($data)\"></td>\r\n\t\t\t\t<!-- /ko -->\r\n\t\t\t</tr>\r\n\t\t</tbody>\r\n\t</table>\r\n\t<!-- /ko -->\r\n\t<!-- ko template: { name: 'controls/pager', data: pager } --><!-- /ko -->\r\n</section>","/Templates/components/books/edit.html":"<section>\r\n\t<div class=\"form\" data-bind=\"template: { name: 'components/books/layout-row', foreach: rows }\"></div>\r\n</section>\r\n<!-- ko if: hasLanguageDependentFields -->\r\n\t<section>\r\n\t\t<div class=\"tabs\">\r\n\t\t\t<!-- ko module: { name: 'controls/tab-list', afterRender: 'onAfterRender', data: { activeTab: currentLanguageTab, tabs: languageTabs } } --><!-- /ko -->\r\n\r\n\t\t\t<div class=\"tabpanel tabs__tabpanel\" role=\"tabpanel\">\r\n\t\t\t\t<div class=\"form\" data-bind=\"template: { name: 'components/books/layout-row', foreach: currentLanguage().rows }\"></div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</section>\r\n<!-- /ko -->","/Templates/components/books/field.html":"<div class=\"form__row\" data-bind=\"css: { 'form__row--text': noEditing }\">\r\n\t<label class=\"form__item form__label form__item--book\" data-bind=\"attr: { for: name }, css: { 'form__label--text': noEditing }, text: label\"></label>\r\n\t<!-- ko template: { name: $data.template() } --><!-- /ko -->\r\n</div>","/Templates/components/books/layout-column.html":"<div class=\"form__column\" data-bind=\"template: { name: 'components/books/field', foreach: visibleFields }\"></div>","/Templates/components/books/layout-row.html":"<div class=\"form__row\" data-bind=\"template: { name: 'components/books/layout-column', foreach: columns }\"></div>","/Templates/components/books/index/book.html":"<div class=\"explorer__wrapper\" data-context-menu=\"show\">\r\n\t<a aria-haspopup=\"true\" class=\"explorer__item\" data-bind=\"attr: { href: url }\">\r\n\t\t<span class=\"icon-wrap-small\" data-bind=\"css: { 'overlay-small overlay-readonly': isReadOnly }\" role=\"presentation\">\r\n\t\t\t<span class=\"explorer__icon explorer__icon--48 icon-file icon-small icon-book overlay-small\" data-bind=\"css: 'overlay-' + icon\" role=\"presentation\"></span>\r\n\t\t</span>\r\n\t\t<span class=\"explorer__labels\">\r\n\t\t\t<span class=\"explorer__caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t<span class=\"explorer__property\" data-bind=\"text: itemCountString, visible: itemCountString\"></span>\r\n\t\t</span>\r\n\t</a>\r\n\t<div aria-hidden=\"true\" class=\"context-menu\" role=\"menu\">\r\n\t\t<div class=\"context-menu__content\" role=\"presentation\">\r\n\t\t\t<h5 data-bind=\"text: caption\" class=\"context-menu__header context-menu__header--dialog-only\"></h5>\r\n\t\t\t<a class=\"context-menu__item context-menu__item--default\" data-bind=\"attr: { href: url }\" role=\"menuitem\" tabindex=\"0\">\r\n\t\t\t\t<span class=\"context-menu__item-icon icon-open\" role=\"presentation\"></span>\r\n\t\t\t\t<span class=\"context-menu__item-caption\">Boek openen...</span>\r\n\t\t\t</a>\r\n\t\t\t<hr />\r\n\t\t\t<a class=\"context-menu__item\" data-bind=\"click: function () { $parents[1].editProperties($parent, $data); }\" role=\"menuitem\" tabindex=\"0\">\r\n\t\t\t\t<span class=\"context-menu__item-icon icon-details\" role=\"presentation\"></span>\r\n\t\t\t\t<span class=\"context-menu__item-caption\">Details...</span>\r\n\t\t\t</a>\r\n\t\t</div>\r\n\t</div>\r\n</div>","/Templates/components/books/edit/fields/book-item-group.html":"<div class=\"form__item form__item--book\" data-bind=\"css: 'form__item--' + (noEditing ? 'text' : 'control')\">\r\n\t<div class=\"listbox\">\r\n\t\t<!-- ko if: items.length === 0 -->\r\n\t\t\t<span class=\"listbox__placeholder\">(leeg)</span>\r\n\t\t<!-- /ko -->\r\n\t\t<!-- ko if: items.length > 0 -->\r\n\t\t\t<!-- ko foreach: items -->\r\n\t\t\t\t<div class=\"listbox__item\">\r\n\t\t\t\t\t<span class=\"listbox__item-icon icon-mini\" data-bind=\"css: 'icon-' + icon\"></span>\r\n\t\t\t\t\t<span class=\"listbox__item-caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t\t</div>\r\n\t\t\t<!-- /ko -->\r\n\t\t<!-- /ko -->\r\n\t</div>\r\n</div>","/Templates/components/books/edit/fields/book-selector.html":"<!-- ko if: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--text\">\r\n\t\t<span data-bind=\"text: formattedValue\"></span>\r\n\t</div>\r\n<!-- /ko -->\r\n<!-- ko ifnot: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--control\">\r\n\t\t<!-- ko ifnot: readonly -->\r\n\t\t\t<div aria-live=\"polite\" class=\"input-group\">\r\n\t\t\t\t<input class=\"input-group__item input-group__item--main form__control\" data-bind=\"attr: { id: name, name: name }, css: { 'form__control--invalid': invalid, 'form__control--disabled': !enabled }, value: formattedValue\" data-context-menu=\"browser\" readonly type=\"text\" />\r\n\t\t\t\t<span class=\"form__tag\"></span>\r\n\t\t\t\t<span class=\"input-group__item input-group__item--end input-group__item--button\">\r\n\t\t\t\t\t<button aria-label=\"Bladeren...\" class=\"button btn btn-primary\" data-bind=\"click: showBook, enable: enabled, hasFocus: hasFocus\" title=\"Bladeren...\" type=\"button\">\r\n\t\t\t\t\t\t<span class=\"icon-btn icon-book-browse\" role=\"presentation\"></span>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</span>\r\n\t\t\t\t<!-- ko if: canReset() -->\r\n\t\t\t\t\t<span class=\"input-group__item input-group__item--end input-group__item--button\">\r\n\t\t\t\t\t\t<button aria-label=\"Wissen\" class=\"button btn btn-toolbar\" data-bind=\"click: $data.reset.bind($data), enable: resetEnabled\" title=\"Wissen\" type=\"button\">\r\n\t\t\t\t\t\t\t<span class=\"button__icon icon-btn icon-reset\" role=\"presentation\"></span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t<!-- /ko -->\r\n\t\t\t</div>\r\n\t\t<!-- /ko -->\r\n\t\t<!-- ko if: readonly -->\r\n\t\t\t<input class=\"form__control\" data-bind=\"value: formattedValue, attr: { name: name, id: name }\" readonly type=\"text\" />\r\n\t\t<!-- /ko -->\r\n\t</div>\r\n<!-- /ko -->","/Templates/components/books/edit/fields/checkbox.html":"<div class=\"form__item form__item--book\" data-bind=\"css: 'form__item--' + (readonly ? 'text' : 'control')\">\r\n\t<div class=\"form__item form__item--control checkbox\">\r\n\t\t<input data-bind=\"attr: { 'id': name }, checked: checked, enable: (enabled && !readonly), hasFocus: hasFocus\" type=\"checkbox\">\r\n\t\t<label data-bind=\"attr: {'for': name}\">&nbsp;</label>\r\n\t\t<input type=\"hidden\" data-bind=\"value: checked, attr: { name: name }\">\r\n\t</div>\r\n</div>","/Templates/components/books/edit/fields/combobox.html":"<!-- ko if: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--text\">\r\n\t\t<span data-bind=\"text: formattedValue\"></span>\r\n\t</div>\r\n<!-- /ko -->\r\n<!-- ko ifnot: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--control\">\r\n\t\t<!-- ko ifnot: readonly -->\r\n\t\t\t<select class=\"form__control\" data-bind=\"options: options, value: selectedOption, optionsText: 'caption', optionsCaption: '', attr: { name: name, id: name }, css: { 'form__control--invalid': invalid }, enable: enabled, hasFocus: hasFocus\"></select><span class=\"form__tag\"></span>\r\n\t\t<!-- /ko -->\r\n\t\t<!-- ko if: readonly -->\r\n\t\t\t<input class=\"form__control\" data-bind=\"attr: { name: name, id: name }, css: { 'form__control--invalid': invalid }, value: formattedValue\" readonly type=\"text\" /><span class=\"form__tag\"></span>\r\n\t\t<!-- /ko -->\r\n\t</div>\r\n<!-- /ko -->","/Templates/components/books/edit/fields/country-selector.html":"<!-- ko if: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--text\">\r\n\t\t<span data-bind=\"text: formattedValue\"></span>\r\n\t</div>\r\n<!-- /ko -->\r\n<!-- ko ifnot: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--control\">\r\n\t\t<!-- ko ifnot: readonly -->\r\n\t\t\t<select class=\"form__control\" data-bind=\"options: countries, value: value, optionsValue: 'key', optionsText: 'value', attr: { name: name, id: name }, css: { 'form__control--invalid': invalid }, enable: enabled, hasFocus: hasFocus\"></select><span class=\"form__tag\"></span>\r\n\t\t<!-- /ko -->\r\n\t\t<!-- ko if: readonly -->\r\n\t\t\t<input class=\"form__control\" data-bind=\"value: formattedValue, attr: { name: name, id: name }, css: { 'form__control--invalid': invalid }\" readonly type=\"text\" /><span class=\"form__tag\"></span>\r\n\t\t<!-- /ko -->\r\n\t</div>\r\n<!-- /ko -->","/Templates/components/books/edit/fields/date-selector.html":"<!-- ko if: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--text\">\r\n\t\t<span data-bind=\"text: formattedValue\"></span>\r\n\t</div>\r\n<!-- /ko -->\r\n<!-- ko ifnot: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--control\" data-bind=\"css: { 'form__item--active': isActive }\">\r\n\t\t<!-- ko if: readonly -->\r\n\t\t\t<input type=\"text\" class=\"form__control\" data-bind=\"attr: { name: name, id: name }, enable: enabled, value: formattedValue\" readonly />\r\n\t\t\t<span class=\"form__tag\" data-bind=\"css: { 'form__tag--invalid': invalid }\" role=\"presentation\"></span>\r\n\t\t<!-- /ko -->\r\n\t\t<!-- ko ifnot: readonly -->\r\n\t\t\t<!-- ko module: { name: 'controls/date-picker', data: $data } -->\r\n\t\t\t\t<div class=\"datepicker datepicker--block datepicker--book\" data-bind=\"attr: { id: id }, css: css\">\r\n\t\t\t\t\t<button aria-haspopup=\"true\" class=\"input-group__item button button--select btn btn-default\" data-bind=\"attr: { 'aria-expanded': expanded, 'aria-controls': viewId }, click: $data.toggle.bind($data), css: { 'button--invalid': invalid, 'input-group__item--last': !canReset() }, disable: disabledOrReadonly, event: { keydown: buttonKeydown }, hasFocus: buttonFocus\" type=\"button\">\r\n\t\t\t\t\t\t<span class=\"button__caption\" data-bind=\"text: displayValue\"></span>\r\n\t\t\t\t\t\t<span class=\"button__dropdown-arrow icon-btn icon-calendar\" role=\"presentation\"></span>\r\n\t\t\t\t\t\t<span class=\"button__dropdown-arrow icon-mini icon-dropdown\" role=\"presentation\"></span>\r\n\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t<span class=\"form__tag form__tag--datepicker\" data-bind=\"css: { 'form__tag--invalid': invalid }\" role=\"presentation\"></span>\r\n\r\n\t\t\t\t\t<!-- ko if: canReset -->\r\n\t\t\t\t\t\t<span class=\"input-group__item input-group__item--last input-group__item--end input-group__item--button\">\r\n\t\t\t\t\t\t\t<button aria-label=\"Wissen\" class=\"button btn btn-toolbar\" data-bind=\"click: $data.clear, enable: resetEnabled\" title=\"Wissen\" type=\"button\">\r\n\t\t\t\t\t\t\t\t<span class=\"button__icon icon-btn icon-reset\" role=\"presentation\"></span>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t<!-- /ko -->\r\n\r\n\t\t\t\t\t<div class=\"datepicker__view\" data-bind=\"attr: { id: viewId }, event: { keydown: viewKeydown, focusout: viewFocusout }, template: { name: view().template, data: view(), afterRender: view().onAfterRender }\" tabindex=\"-1\"></div>\r\n\t\t\t\t</div>\r\n\t\t\t<!-- /ko -->\r\n\t\t<!-- /ko -->\r\n\t</div>\r\n<!-- /ko -->","/Templates/components/books/edit/fields/file-selector.html":"<!-- ko if: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--text\">\r\n\t\t<span data-bind=\"text: formattedValue\"></span>\r\n\t</div>\r\n<!-- /ko -->\r\n<!-- ko ifnot: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--control\">\r\n\t\t<!-- ko ifnot: readonly -->\r\n\t\t\t<div class=\"input-group\" data-bind=\"module: { name: 'controls/file/file-browser', data: { value: value, formattedValue: formattedValue, id: name, filter: filter, invalid: invalid } }\"></div>\r\n\t\t<!-- /ko -->\r\n\t\t<!-- ko if: readonly -->\r\n\t\t\t<input class=\"form__control\" data-bind=\"value: formattedValue, attr: { name: name, id: name }\" readonly type=\"text\" />\r\n\t\t<!-- /ko -->\r\n\t</div>\r\n<!-- /ko -->","/Templates/components/books/edit/fields/text-field.html":"<!-- ko if: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--text\">\r\n\t\t<span data-bind=\"text: formattedValue\"></span>\r\n\t</div>\r\n<!-- /ko -->\r\n<!-- ko ifnot: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--control\">\r\n\t\t<input class=\"form__control\" data-bind=\"attr: { name: name, id: name }, css: { 'form__control--invalid': invalid }, enable: enabled, hasFocus: hasFocus, readonly: readonly, textInput: value\" data-context-menu=\"browser\" type=\"text\" /><span class=\"form__tag\"></span>\r\n\t</div>\r\n<!-- /ko -->","/Templates/components/books/edit/fields/textarea.html":"<!-- ko if: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--text\">\r\n\t\t<span class=\"u--text--pre-line\" data-bind=\"text: formattedValue\"></span>\r\n\t</div>\r\n<!-- /ko -->\r\n<!-- ko ifnot: noEditing -->\r\n\t<div class=\"form__item form__item--book form__item--control\">\r\n\t\t<textarea class=\"form__control\" data-bind=\"attr: { rows: lines, name: name, id: name }, css: { 'form__control--invalid': invalid }, hasFocus: hasFocus, enable: enabled, readonly: readonly, textInput: value\" data-context-menu=\"browser\"></textarea><span class=\"form__tag\"></span>\r\n\t</div>\r\n<!-- /ko -->","/Templates/components/books/dialogs/book-picker.html":"<div class=\"dialog__body menu dialog__menu\">\r\n\t<!-- ko foreach: books -->\r\n\t<button class=\"menu__item\" data-bind=\"css: { 'menu__item--active': $parent.current === $data }, click: $parent.select.bind($parent, $data)\" type=\"button\">\r\n\t\t<span class=\"menu__item-icon icon-tiny\" data-bind=\"css: { 'icon-book-open': $parent.current === $data, 'icon-book': $parent.current !== $data }\"></span>\r\n\t\t<span class=\"menu__item-caption\" data-bind=\"text: caption\"></span>\r\n\t</button>\r\n\t<!-- /ko -->\r\n</div>\r\n","/Templates/components/books/dialogs/delete.html":"<div class=\"dialog__body\">\r\n\t<div class=\"spinwrapper\">\r\n\t<div role=\"alert\" class=\"sr-only\">Bezig met laden...</div>\r\n\t<div class=\"spinner \">\r\n\t\t<div class=\"bounce1\"></div>\r\n\t\t<div class=\"bounce2\"></div>\r\n\t\t<div class=\"bounce3\"></div>\r\n\t</div>\r\n</div>\r\n\r\n\r\n\t<div class=\"transparent-on-loading\">\r\n\t\t<p>Weet u zeker dat u dit item permanent wilt verwijderen?</p>\r\n\r\n\t\t<br/>\r\n\r\n\t\t<div class=\"icon-panel\" role=\"presentation\">\r\n\t\t\t<span data-bind=\"css: icon\" class=\"icon-panel__icon icon-normal overlay-normal overlay-delete\" role=\"presentation\"></span>\r\n\r\n\t\t\t<div class=\"icon-panel__content\" role=\"presentation\">\r\n\t\t\t\t<div class=\"form__row form__row--compact-text\">\r\n\t\t\t\t\t<div class=\"form__item form__label form__label--text\">Titel:</div>\r\n\t\t\t\t\t<div class=\"form__item form__item--text\" data-bind=\"text: itemCaption\">—</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"form__row form__row--compact-text\">\r\n\t\t\t\t\t<div class=\"form__item form__label form__label--text\">Boek:</div>\r\n\t\t\t\t\t<div class=\"form__item form__item--text\" data-bind=\"text: bookCaption\">—</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"form__row form__row--compact-text\">\r\n\t\t\t\t\t<div class=\"form__item form__label form__label--text\">Categorie:</div>\r\n\t\t\t\t\t<div class=\"form__item form__item--text\" data-bind=\"text: categoryCaption\">—</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div class=\"dialog__footer transparent-on-loading\">\r\n\t<button class=\"button btn btn-danger\" data-bind=\"click: $data.doDelete\" type=\"submit\">\r\n\t\t<span class=\"button__icon icon-btn icon-delete\" role=\"presentation\"></span>\r\n\t\t<span class=\"button__caption\">Verwijderen</span>\r\n\t</button>\r\n\t<button class=\"button btn btn-default\" data-bind=\"click: dismiss.bind($data, 'cancel')\" type=\"button\">\r\n\t\t<span class=\"button__icon icon-btn icon-cancel\" role=\"presentation\"></span>\r\n\t\t<span class=\"button__caption\">Annuleren</span>\r\n\t</button>\r\n</div>\r\n","/Templates/components/books/dialogs/edit-custom.html":"<div class=\"dialog__body\">\r\n\t<div class=\"spinwrapper\">\r\n\t<div role=\"alert\" class=\"sr-only\">Bezig met laden...</div>\r\n\t<div class=\"spinner \">\r\n\t\t<div class=\"bounce1\"></div>\r\n\t\t<div class=\"bounce2\"></div>\r\n\t\t<div class=\"bounce3\"></div>\r\n\t</div>\r\n</div>\r\n\r\n\r\n\t<div class=\"transparent-on-loading\">\r\n\r\n\t\t<div class=\"form__row\">\r\n\t\t\t<label class=\"form__item form__label\" for=\"custom-addressee\">Geadresseerde:</label>\r\n\t\t\t<div class=\"form__item form__item--control textarea-fixed-size textarea-4\">\r\n\t\t\t\t<textarea class=\"form__control\" id=\"custom-addressee\" data-bind=\"value: to\"></textarea>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- ko if: !suppressAddressAtoms() -->\r\n\t\t<hr />\r\n\r\n\t\t<div class=\"form__row\">\r\n\t\t\t<label class=\"form__item form__label\" for=\"custom-country\">Land:</label>\r\n\t\t\t<div class=\"form__item form__item--control\">\r\n\t\t\t\t<select class=\"form__control\" data-bind=\"options: countries, value: country, optionsValue: 'key', optionsText: 'value', valueUpdate: 'afterkeydown'\" id=\"custom-country\" type=\"text\"></select>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- ko foreach: valuesLines -->\r\n\t\t<div class=\"form__row\">\r\n\t\t\t<label class=\"form__item form__label\" data-bind=\"text: line.caption, attr: { for: line.controlName }\"></label>\r\n\t\t\t<div class=\"form__item form__item--control\">\r\n\t\t\t\t<input class=\"form__control\" data-bind=\"value: value, attr: { maxlength: line.maxLength, name: line.controlName, id: line.controlName }\" type=\"text\">\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<!-- /ko -->\r\n\t\t<!-- /ko -->\r\n\t</div>\r\n</div>\r\n\r\n<div class=\"dialog__footer\">\r\n\t<button class=\"button btn btn-primary\" data-bind=\"click: $data.save, enable: $data.isModified\" type=\"button\">\r\n\t\t<span class=\"button__icon icon-btn icon-select\" role=\"presentation\"></span>\r\n\t\t<span class=\"button__caption\">OK</span>\r\n\t</button>\r\n\t<button class=\"button btn btn-default\" data-bind=\"click: dismiss.bind($data, 'cancel')\" type=\"button\">\r\n\t\t<span class=\"button__icon icon-btn icon-cancel\" role=\"presentation\"></span>\r\n\t\t<span class=\"button__caption\">Annuleren</span>\r\n\t</button>\r\n</div>","/Templates/components/books/dialogs/properties.html":"<div class=\"dialog__body dialog__body--tabs tabs transparent-on-loading\">\r\n\t<div class=\"spinwrapper\">\r\n\t<div role=\"alert\" class=\"sr-only\">Bezig met laden...</div>\r\n\t<div class=\"spinner \">\r\n\t\t<div class=\"bounce1\"></div>\r\n\t\t<div class=\"bounce2\"></div>\r\n\t\t<div class=\"bounce3\"></div>\r\n\t</div>\r\n</div>\r\n\r\n\r\n\t<div class=\"tablist tabs__tablist\" role=\"tablist\">\r\n\t\t<button aria-controls=\"properties-rights\" class=\"tab tab--active tablist__tab\" id=\"properties-rights-tab\" role=\"tab\">\r\n\t\t\t<span class=\"tab__caption\">Rechten</span>\r\n\t\t</button>\r\n\t</div>\r\n\r\n\t<div class=\"tabpanel tabs__tabpanel\" data-bind=\"template: { name: 'components/common/rights/edit-rights', data: rights }\" id=\"properties-rights\" role=\"tabpanel\"></div>\r\n</div>\r\n\r\n<div class=\"dialog__footer transparent-on-loading\">\r\n\t<button class=\"button btn btn-primary\" data-bind=\"visible: canWrite, click: doSave\" type=\"submit\">\r\n\t\t<span class=\"button__icon icon-btn icon-ok\" role=\"presentation\"></span>\r\n\t\t<span class=\"button__caption\">OK</span>\r\n\t</button>\r\n\t<button class=\"button btn btn-default\" data-bind=\"visible: canWrite, click: dismiss.bind($data, 'cancel')\" type=\"button\">\r\n\t\t<span class=\"button__icon icon-btn icon-cancel\" role=\"presentation\"></span>\r\n\t\t<span class=\"button__caption\">Annuleren</span>\r\n\t</button>\r\n\t<button class=\"button btn btn-default\" data-bind=\"visible: !canWrite(), click: dismiss.bind($data, 'close')\" type=\"button\">\r\n\t\t<span class=\"button__icon icon-btn icon-close\" role=\"presentation\"></span>\r\n\t\t<span class=\"button__caption\">Dialoog Sluiten</span>\r\n\t</button>\r\n</div>\r\n","/Templates/components/books/dialogs/select/details.html":"<div class=\"dialog__body\" data-bind=\"with: details \">\r\n\t<div class=\"spinwrapper\">\r\n\t<div role=\"alert\" class=\"sr-only\">Bezig met laden...</div>\r\n\t<div class=\"spinner \">\r\n\t\t<div class=\"bounce1\"></div>\r\n\t\t<div class=\"bounce2\"></div>\r\n\t\t<div class=\"bounce3\"></div>\r\n\t</div>\r\n</div>\r\n\r\n\r\n\t<div class=\"toolbar toolbar--main\" role=\"toolbar\">\r\n\t\t<button aria-label=\"Terug\" class=\"toolbar__item button button--large btn btn-default\" data-bind=\"click: $data.showOverview\" title=\"Terug\" type=\"button\">\r\n\t\t\t<span class=\"button__icon icon-tiny icon-back\" role=\"presentation\"></span>\r\n\t\t</button>\r\n\r\n\t\t<div class=\"toolbar__item button button--large btn\">\r\n\t\t\t<span class=\"button__icon icon-tiny\" data-bind=\"css: 'icon-' + currentBook().icon\" role=\"presentation\"></span>\r\n\t\t\t<span class=\"button__caption\" data-bind=\"text: caption\">(naamloos)</span>\r\n\t\t</div>\r\n\r\n\t\t<span class=\"toolbar__space\" role=\"separator\"></span>\r\n\r\n\t\t<button aria-label=\"Verversen\" class=\"toolbar__item button button--large btn btn-toolbar\" data-bind=\"click: $data.refresh\" title=\"Verversen\" type=\"button\">\r\n\t\t\t<span class=\"button__icon icon-tiny icon-refresh\" role=\"presentation\"></span>\r\n\t\t</button>\r\n\r\n\t\t<button aria-label=\"Bewerken...\" class=\"toolbar__item button button--large btn btn-toolbar\" data-bind=\"click: $data.editItem, visible: !currentBook().isReadOnly\" title=\"Bewerken...\" type=\"button\">\r\n\t\t\t<span class=\"button__icon icon-tiny overlay-tiny overlay-edit\" data-bind=\"css: 'icon-' + currentBook().icon\" role=\"presentation\"></span>\r\n\t\t</button>\r\n\t</div>\r\n\r\n\t<div class=\"transparent-on-loading\">\r\n\t\t<!-- ko if: item -->\r\n\t\t<!-- ko template: { name: \"components/books/edit\", data: item } -->\r\n\t\t<!-- /ko -->\r\n\t\t<!-- /ko -->\r\n\t</div>\r\n</div>\r\n\r\n<div class=\"dialog__footer\">\r\n\t<button class=\"button btn btn-primary\" data-bind=\"click: details().select.bind(details())\" type=\"button\">\r\n\t\t<span class=\"button__icon icon-btn icon-select\" role=\"presentation\"></span>\r\n\t\t<span class=\"button__caption\">Selecteren</span>\r\n\t</button>\r\n\t<button class=\"button btn btn-toolbar\" data-bind=\"click: dismiss.bind($data, 'cancel')\" type=\"button\">\r\n\t\t<span class=\"button__icon icon-btn icon-cancel\" role=\"presentation\"></span>\r\n\t\t<span class=\"button__caption\">Annuleren</span>\r\n\t</button>\r\n</div>","/Templates/components/books/dialogs/select/overview.html":"<div class=\"dialog__body\" data-bind=\"with: overview\" data-menu=\"fit\">\r\n\r\n\t<div class=\"toolbar toolbar--main\" role=\"toolbar\">\r\n\t\t<button aria-label=\"Terug\" class=\"toolbar__item button button--large btn btn-toolbar\" disabled title=\"Terug\" type=\"button\">\r\n\t\t\t<span class=\"button__icon icon-tiny icon-back\" role=\"presentation\"></span>\r\n\t\t</button>\r\n\r\n\t\t<!-- ko if: bookPicker() === 'menu' -->\r\n\t\t<div class=\"menu__container toolbar__item\" data-menu=\"show\">\r\n\t\t\t<button aria-expanded=\"false\" aria-haspopup=\"true\" class=\"button button--large btn btn-toolbar\" data-menu=\"focus\" type=\"button\">\r\n\t\t\t\t<span class=\"button__icon icon-tiny icon-book-open\" role=\"presentation\"></span>\r\n\t\t\t\t<span class=\"button__caption\" data-bind=\"text: selectedBookCaption\">(selecteer een boek)</span>\r\n\t\t\t\t<span class=\"button__dropdown icon-mini icon-dropdown\" role=\"presentation\"></span>\r\n\t\t\t</button>\r\n\t\t\t<div aria-label=\"(selecteer een boek)\" class=\"menu\" data-menu=\"menu\" data-bind=\"attr: { 'aria-label': selectedBookCaption }, foreach: allowedBooks\" role=\"menu\">\r\n\t\t\t\t<button class=\"menu__item\" data-bind=\"css: { 'menu__item--active': $parent.book() === $data.name }, click: $parent.selectBook.bind($parent, $data.name)\" role=\"menuitem\" type=\"button\">\r\n\t\t\t\t\t<span class=\"menu__item-icon icon-mini\" data-bind=\"css: { 'icon-book-open': $parent.book() === $data.name, 'icon-book-closed': $parent.book() !== $data.name }\" role=\"presentation\"></span>\r\n\t\t\t\t\t<span class=\"menu__item-caption\" data-bind=\"text: caption\"></span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<!-- /ko -->\r\n\t\t<!-- ko if: bookPicker() === 'dialog' -->\r\n\t\t<div class=\"menu__container toolbar__item\">\r\n\t\t\t<button aria-haspopup=\"true\" class=\"button button--large btn btn-toolbar\" data-bind=\"click: showBookPickerDialog.bind($data)\" type=\"button\">\r\n\t\t\t\t<span class=\"button__icon icon-tiny icon-book-open\" role=\"presentation\"></span>\r\n\t\t\t\t<span class=\"button__caption\" data-bind=\"text: selectedBookCaption\">(selecteer een boek)</span>\r\n\t\t\t\t<span class=\"button__dropdown icon-mini icon-dropdown\" role=\"presentation\"></span>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t\t<!-- /ko -->\r\n\t\t<!-- ko ifnot: bookPicker() -->\r\n\t\t<div class=\"toolbar__item button button--large\">\r\n\t\t\t<span class=\"button__icon icon-tiny icon-book-open\"></span>\r\n\t\t\t<span class=\"button__caption\" data-bind=\"text: selectedBookCaption\">(selecteer een boek)</span>\r\n\t\t</div>\r\n\t\t<!-- /ko -->\r\n\r\n\t\t<span class=\"toolbar__space\" role=\"separator\"></span>\r\n\r\n\t\t<button aria-label=\"Verversen\" class=\"toolbar__item button button--large btn btn-toolbar\" data-bind=\"click: $data.refresh\" title=\"Verversen\" type=\"button\">\r\n\t\t\t<span class=\"button__icon icon-tiny icon-refresh\" role=\"presentation\"></span>\r\n\t\t</button>\r\n\r\n\t\t<button class=\"toolbar__item button button--large btn btn-toolbar\" data-bind=\"click: newItem.bind($data), visible: !currentBook().isReadOnly, attr: { 'aria-label': currentBook().newItemCaption, title: currentBook().newItemCaption }\" type=\"button\">\r\n\t\t\t<span class=\"button__icon icon-tiny overlay-tiny overlay-new\" data-bind=\"css: 'icon-' + currentBook().icon\" role=\"presentation\"></span>\r\n\t\t</button>\r\n\t</div>\r\n\r\n\t<!-- ko template: { name: 'components/books/activities/search', data: searchActivity } --><!-- /ko -->\r\n\t<!-- ko if: items().length -->\r\n\t<section>\r\n\t\t<table>\r\n\t\t\t<colgroup>\r\n\t\t\t\t<!-- ko foreach: columns -->\r\n\t\t\t\t<col />\r\n\t\t\t\t<!-- /ko -->\r\n\t\t\t\t<col style=\"width: 1%\" />\r\n\t\t\t</colgroup>\r\n\t\t\t<thead>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<!-- ko foreach: columns -->\r\n\t\t\t\t\t<th data-bind=\"text: caption\" scope=\"col\"></th>\r\n\t\t\t\t\t<!-- /ko -->\r\n\t\t\t\t\t<th scope=\"col\"><span class=\"sr-only\">Acties</span></th>\r\n\t\t\t\t</tr>\r\n\t\t\t</thead>\r\n\t\t\t<tbody data-bind=\"foreach: { data: pager.items, as: 'item' }\">\r\n\t\t\t\t<tr class=\"tr--striped tr--link\" data-bind=\"css: { 'tr--active': item.active }, click: item.primaryAction.bind(item)\">\r\n\t\t\t\t\t<!-- ko foreach: { data: values, as: 'value' } -->\r\n\t\t\t\t\t<!-- ko if: $index() === 0 -->\r\n\t\t\t\t\t<th scope=\"row\">\r\n\t\t\t\t\t\t<span class=\"with-icon\" role=\"presentation\">\r\n\t\t\t\t\t\t\t<span class=\"with-icon__icon icon-mini\" data-bind=\"css: $parent.icon\" role=\"presentation\"></span>\r\n\t\t\t\t\t\t\t<span class=\"with-icon__text\" role=\"presentation\">\r\n\t\t\t\t\t\t\t\t<!-- ko if: $parents[1].bookActionSelect && item.active() --><span class=\"tr__selected\">Geselecteerd</span><!-- /ko -->\r\n\t\t\t\t\t\t\t\t<a data-bind=\"click: item.primaryAction.bind(item), html: $parents[1].highlight(value)\" href=\"#\"></a>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t\t<!-- /ko -->\r\n\t\t\t\t\t<!-- ko ifnot: $index() === 0 -->\r\n\t\t\t\t\t<td data-bind=\"html: $parents[1].highlight($data)\"></td>\r\n\t\t\t\t\t<!-- /ko -->\r\n\t\t\t\t\t<!-- /ko -->\r\n\t\t\t\t\t<td class=\"tr--link__ignore\">\r\n\t\t\t\t\t\t<!-- ko if: $parent.bookActionSelect -->\r\n\t\t\t\t\t\t<button class=\"button button--small btn btn-default pull-right\" data-bind=\"click: item.showDetails\">\r\n\t\t\t\t\t\t\t<span class=\"button__caption\">Details</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<!-- /ko -->\r\n\t\t\t\t\t\t<!-- ko ifnot: $parent.bookActionSelect -->\r\n\t\t\t\t\t\t<!-- ko if: item.id === $parent.value() && $data.book === $parent.valueBook() -->\r\n\t\t\t\t\t\t<button aria-selected=\"true\" class=\"button button--small button--active btn btn-primary pull-right\" data-bind=\"click: item.select.bind(item)\">\r\n\t\t\t\t\t\t\t<span class=\"button--icon icon-btn-xs icon-select\" role=\"presentation\"></span>\r\n\t\t\t\t\t\t\t<span class=\"button__caption\">Geselecteerd</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<!-- /ko-->\r\n\t\t\t\t\t\t<!-- ko if: item.id !== $parent.value() || $data.book !== $parent.valueBook() -->\r\n\t\t\t\t\t\t<button class=\"button button--small btn btn-default pull-right\" data-bind=\"click: item.select.bind(item)\">\r\n\t\t\t\t\t\t\t<span class=\"button__caption\">Selecteren</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<!-- /ko-->\r\n\t\t\t\t\t\t<!-- /ko-->\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t</tbody>\r\n\t\t</table>\r\n\t\t<!-- ko template: { name: 'controls/pager', data: pager } -->\r\n\t\t<!-- /ko -->\r\n\t</section>\r\n\t<!-- /ko -->\r\n</div>\r\n\r\n<div class=\"dialog__footer\">\r\n\t<button class=\"button btn btn-toolbar\" data-bind=\"click: dismiss.bind($data, 'cancel')\" type=\"button\">\r\n\t\t<span class=\"button__icon icon-btn icon-cancel\"></span>\r\n\t\t<span class=\"button__caption\">Annuleren</span>\r\n\t</button>\r\n</div>","/Templates/components/books/dialogs/auth/activity.html":"<div class=\"dialog__body dialog__activity\">\r\n\t<!-- ko template: { name: 'components/activities/activity', data: authActivity } --><!-- /ko -->\r\n</div>","/Templates/components/books/activities/search.html":"<!-- ko if: authState() === \"activity\" -->\r\n<section>\r\n\t<div class=\"alert alert--warning\" role=\"alert\">\r\n\t\t<span class=\"alert__icon icon-btn icon-warning\" role=\"presentation\"></span>\r\n\t\t<div class=\"alert__content\">\r\n\t\t\t<p>U moet inloggen op dit boek om de inhoud te kunnen zien.</p>\r\n\t\t\t<button class=\"alert__button button btn btn-default\" data-bind=\"click: auth\">\r\n\t\t\t\t<span class=\"button__icon icon-btn icon-log-in\" role=\"presentation\"></span>\r\n\t\t\t\t<span class=\"button__caption\">Inloggen</span>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</div>\r\n</section>\r\n<!-- /ko -->\r\n<!-- ko if: authState() === \"oauth2\" -->\r\n<section>\r\n\t<div class=\"alert alert--warning\" role=\"alert\">\r\n\t\t<span class=\"alert__icon icon-btn icon-warning\" role=\"presentation\"></span>\r\n\t\t<div class=\"alert__content\">\r\n\t\t\t<p>U moet inloggen op dit boek om de inhoud te kunnen zien. Om in te loggen wordt een nieuw venster geopend.</p>\r\n\t\t\t<button class=\"alert__button button btn btn-default\" data-bind=\"click: auth\">\r\n\t\t\t\t<span class=\"button__icon icon-btn icon-log-in\" role=\"presentation\"></span>\r\n\t\t\t\t<span class=\"button__caption\">Inloggen</span>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</div>\r\n</section>\r\n<!-- /ko -->\r\n<!-- ko if: authState() === \"refresh\" -->\r\n<section>\r\n\t<div class=\"alert alert--info\" role=\"alert\">\r\n\t\t<span class=\"alert__icon icon-btn icon-info\" role=\"presentation\"></span>\r\n\t\t<div class=\"alert__content\">\r\n\t\t\t<p>Ververs dit venster nadat u ingelogd bent.</p>\r\n\t\t\t<button class=\"alert__button button btn btn-default\" data-bind=\"click: refresh\">\r\n\t\t\t\t<span class=\"button__icon icon-btn icon-refresh\" role=\"presentation\"></span>\r\n\t\t\t\t<span class=\"button__caption\">Venster verversen</span>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</div>\r\n</section>\r\n<!-- /ko -->\r\n<!-- ko ifnot: authState() -->\r\n<!-- ko template: { name: 'components/activities/activity' } --><!-- /ko -->\r\n\r\n<section>\r\n\t<!-- ko if: message() -->\r\n\t<div class=\"alert\" data-bind=\"css: 'alert--' + messageType()\">\r\n\t\t<span class=\"alert__icon icon-btn\" data-bind=\"css: 'icon-' + messageType()\"></span>\r\n\t\t<span class=\"alert__content\" data-bind=\"text: messageText\"></span>\r\n\t</div>\r\n\t<!-- /ko -->\r\n\t<!-- ko if: maxBookItemCountReached() -->\r\n\t<div class=\"alert alert--info\">\r\n\t\t<span class=\"alert__icon icon-btn icon-info\"></span>\r\n\t\t<span class=\"alert__content\" data-bind=\"text: maxBookItemText\"></span>\r\n\t</div>\r\n\t<!-- /ko -->\r\n</section>\r\n<!-- /ko -->"}