@aurigma/ui-framework
Version:
A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.
1 lines • 72.5 kB
JavaScript
(window.multistep_editor_jsonpFunction=window.multistep_editor_jsonpFunction||[]).push([[23],{544:function(n,e,t){var o,a,i,r=t(0),l=t(12),s=t(15),d=t(1);o=l.a,Object(r.d)(h,o),h.prototype.willUpdate=function(){if(d.a.isNotNullOrUndefined(this.limit)&&d.a.isNotNullOrUndefined(this.total)&&(this.pages=parseInt(Math.ceil(parseFloat(this.total)/parseFloat(this.limit)),10)),d.a.isNotNullOrUndefined(this.page)&&d.a.isNotNullOrUndefined(this.limit)&&d.a.isNotNullOrUndefined(this.total)){for(var n=[],e=this._firstIndex(this.page,this.size),t=this._lastIndex(this.page,this.size),o=e;o<=t;o++)n.push(o);this.items=n}},h.prototype.goToPage=function(n){this.dispatchEvent(new CustomEvent("changed",{detail:{page:n},bubbles:!0,composed:!0,cancelable:!0}))},h.prototype.onBefore=function(){this.page=0<this.page?this.page-1:1,this.goToPage(this.page)},h.prototype.onNext=function(){this.page=this.page<this.pages?parseInt(this.page,10)+1:this.pages,this.goToPage(this.page)},h.prototype.onBegin=function(){this.page=1,this.goToPage(this.page)},h.prototype.onEnd=function(){this.page=this.pages,this.goToPage(this.page)},h.prototype.isCurrent=function(n,e){return n===e},h.prototype._isCurrent=function(n,e){return n===e},h.prototype._firstIndex=function(n,e){n-=e;return n<1?1:n},h.prototype._lastIndex=function(n,e){n+=e;return n>this.pages?this.pages:n},Object.defineProperty(h,"styles",{get:function(){return Object(l.b)(a=a||Object(r.f)(['\n :host {\n display: block;\n font-size: 14px;\n }\n\n div.paginator-page-container {\n display: flex;\n align-items: center;\n @apply --layout-horizontal;\n @apply --layout-center;\n @apply --layout-center-justified;\n @apply --layout-center-center;\n }\n\n svg {\n stroke: #666666;\n vertical-align: middle;\n }\n\n span {\n vertical-align: middle;\n }\n\n span,\n button {\n font-family: "Roboto";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 36px;\n letter-spacing: 0em;\n text-align: center;\n }\n\n button {\n align-items: center;\n display: flex;\n background-color: white;\n border: none;\n height: 36px;\n line-height: 20px;\n padding: 8px 12px;\n margin: 0px;\n }\n\n button:hover {\n cursor: pointer;\n }\n\n button:disabled {\n color: #bbbbbb;\n }\n\n button:disabled svg {\n stroke: #bbbbbb;\n }\n\n .pages-title {\n display: inline-block;\n text-align: center;\n margin: 0px 8px;\n font-family: "Roboto";\n font-size: 14px;\n font-weight: 500;\n }\n '],['\n :host {\n display: block;\n font-size: 14px;\n }\n\n div.paginator-page-container {\n display: flex;\n align-items: center;\n @apply --layout-horizontal;\n @apply --layout-center;\n @apply --layout-center-justified;\n @apply --layout-center-center;\n }\n\n svg {\n stroke: #666666;\n vertical-align: middle;\n }\n\n span {\n vertical-align: middle;\n }\n\n span,\n button {\n font-family: "Roboto";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 36px;\n letter-spacing: 0em;\n text-align: center;\n }\n\n button {\n align-items: center;\n display: flex;\n background-color: white;\n border: none;\n height: 36px;\n line-height: 20px;\n padding: 8px 12px;\n margin: 0px;\n }\n\n button:hover {\n cursor: pointer;\n }\n\n button:disabled {\n color: #bbbbbb;\n }\n\n button:disabled svg {\n stroke: #bbbbbb;\n }\n\n .pages-title {\n display: inline-block;\n text-align: center;\n margin: 0px 8px;\n font-family: "Roboto";\n font-size: 14px;\n font-weight: 500;\n }\n ']))},enumerable:!1,configurable:!0}),h.prototype.render=function(){var n=this,e=1<this.page,t=this.page<this.pages,o=this.items.length<this.total;return Object(l.c)(i=i||Object(r.f)(['\n <div class="paginator-page-container" ?hidden="','">\n <button @click="','" ?disabled="','" class="prev-button">\n <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M12.5 15L7.5 10L12.5 5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />\n </svg>\n <span>Prev</span>\n </button>\n <div class="pages-title">'," of ","</div>\n <button @click=",' ?disabled="','" class="next-button">\n <span>Next</span>\n <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M7.5 15L12.5 10L7.5 5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />\n </svg>\n </button>\n </div>\n '],['\n <div class="paginator-page-container" ?hidden="','">\n <button @click="','" ?disabled="','" class="prev-button">\n <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M12.5 15L7.5 10L12.5 5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />\n </svg>\n <span>Prev</span>\n </button>\n <div class="pages-title">'," of ","</div>\n <button @click=",' ?disabled="','" class="next-button">\n <span>Next</span>\n <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M7.5 15L12.5 10L7.5 5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />\n </svg>\n </button>\n </div>\n ']),!o,function(){return n.onBefore()},!e,this.page,this.pages,function(){return n.onNext()},!t)},Object(r.c)([Object(s.b)({reflect:!0}),Object(r.g)("design:type",Number)],h.prototype,"total",void 0),Object(r.c)([Object(s.b)({reflect:!0}),Object(r.g)("design:type",Number)],h.prototype,"page",void 0),Object(r.c)([Object(s.b)({reflect:!0}),Object(r.g)("design:type",Number)],h.prototype,"limit",void 0),Object(r.c)([Object(s.b)({reflect:!0}),Object(r.g)("design:type",Number)],h.prototype,"size",void 0),Object(r.c)([Object(s.d)(),Object(r.g)("design:type",Number)],h.prototype,"pages",void 0),Object(r.c)([Object(s.d)(),Object(r.g)("design:type",Object)],h.prototype,"items",void 0),Object(r.c)([Object(s.a)("au-lit-pagination")],h);function h(){var n=null!==o&&o.apply(this,arguments)||this;return n.total=1,n.page=0,n.limit=50,n.size=2,n.pages=0,n.items=[],n}},735:function(n,e){},827:function(n,e){n.exports='<style>\n #body {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n }\n\n #table {\n width: 100%;\n height: 100%;\n overflow-y: auto;\n flex: 1 1 auto;\n }\n\n /* A style of the current row. */\n /* .highlight {\n background-color: var(--theme-primary-color) !important;\n } */\n\n .wtBorder.current {\n background-color: var(--theme-primary-color) !important;\n }\n\n .ht_master.handsontable {\n padding-bottom: 20px;\n }\n\n .buttons-parent {\n flex-direction: row;\n width: 100%;\n display: flex;\n padding-bottom: 10px;\n }\n\n paper-button {\n background-color: var(--theme-interface-color);\n color: var(--theme-enabled-button-color);\n @apply --au-header-button-geometry;\n @apply --paper-font-title;\n line-height: calc(1.125 * var(--au-hem));\n font-size: calc(0.875 * var(--au-hem));\n font-weight: 500;\n text-align: center;\n text-transform: none;\n margin: 0;\n padding: 8px 12px;\n height: 36px;\n }\n\n .buttons-body-left {\n flex-grow: 1;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n }\n\n .buttons-body-left paper-button {\n color: var(--theme-primary-color);\n }\n\n .buttons-body-center {\n flex-grow: 6;\n display: flex;\n justify-content: center;\n }\n\n .buttons-body-right {\n flex-grow: 1;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n }\n\n .buttons-body-right:first-child {\n padding-right: 0px;\n }\n\n .buttons-body-right:last-child {\n margin-right: 0px\n }\n\n .hidden {\n display: none !important;\n }\n\n .table-messages {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .ht_master .wtHolder {\n overflow: visible !important;\n }\n\n .ht_clone_left.handsontable {\n overflow: visible !important;\n }\n\n .ht_master.handsontable {\n overflow: visible !important;\n }\n\n .ht_clone_left .wtHolder {\n overflow: visible !important;\n }\n\n .ht_master.handsontable {\n padding-bottom: 0px !important;\n }\n\n /* correct show table header when scroll table to right */\n .ht_clone_top {\n overflow: visible !important;\n }\n\n .wtHolder {\n overflow: visible !important;\n height: 100% !important;\n }\n\n .pagination {}\n\n .mobile-pagination {\n display: none;\n }\n\n .right-corner {\n margin-right: 24px;\n }\n\n @media (max-width: 769px) {\n .pagination {\n display: none;\n }\n\n .buttons-body-left {\n justify-content: space-between;\n }\n\n .mobile-pagination {\n justify-content: center;\n display: flex !important;\n }\n\n .left-corner paper-button:last-child {\n margin-right: 0px !important;\n }\n }\n</style>\n<div id="body">\n <div class="buttons-parent">\n <div class="buttons-body-left" id="buttonsLeft">\n <input type="file" style="display:none;" on-change="changeFile" id="openFile" />\n\n <div class="right-corner">\n <paper-button on-tap="downloadXSLTFile">{{ localize(\'widgets.datasheet.data.export\') }}</paper-button>\n <paper-button on-tap="openFileDialog">{{ localize(\'widgets.datasheet.data.import\') }}</paper-button>\n </div>\n\n <div class="left-corner">\n <paper-button on-tap="addRow" disabled$="[[!tableService.isTableCreated]]">\n {{localize(\'widgets.datasheet.row.add\')}}\n </paper-button>\n <paper-button on-tap="deleteRow" disabled$="[[!tableService.isTableCreated]]">\n {{localize(\'widgets.datasheet.row.delete\')}}\n </paper-button>\n </div>\n </div>\n <div class="buttons-body-right pagination" id="buttonsRight">\n <au-lit-pagination total="[[total]]" page="[[page]]" limit="[[_itemsPerPage]]"\n on-changed="_pageChangedHandler"></au-lit-pagination>\n </div>\n </div>\n\n \x3c!-- Table --\x3e\n <div id="table" style$="[[_tableStyle(tableService.isTableCreated)]]"></div>\n\n <div class="mobile-pagination">\n <au-lit-pagination total="[[total]]" page="[[page]]" limit="[[_itemsPerPage]]" on-changed="_pageChangedHandler">\n </au-lit-pagination>\n </div>\n\n \x3c!-- Messages --\x3e\n <template is="dom-if" if="[[_showTableMessages(tableService.isTableCreated, tableService.isTableEmpty)]]">\n <div class="table-messages">\n \x3c!-- Table not created text --\x3e\n <template is="dom-if" if="[[!tableService.isTableCreated]]">\n <iron-label class="flex-3">\n {{ localize(\'widgets.datasheet.messages.tableNotCreated\') }}\n </iron-label>\n </template>\n\n \x3c!-- Table empty text --\x3e\n <template is="dom-if" if="[[tableService.isTableEmpty]]">\n <iron-label class="flex-3">\n {{ localize(\'widgets.datasheet.messages.tableIsEmpty\') }}\n </iron-label>\n </template>\n </div>\n </template>\n</div>'},828:function(n,e){n.exports='<style>\n .handsontable .table td,\n .handsontable .table th {\n border-top: none\n }\n\n .handsontable tr {\n background: #fff\n }\n\n .handsontable td {\n background-color: inherit\n }\n\n .handsontable .table caption+thead tr:first-child td,\n .handsontable .table caption+thead tr:first-child th,\n .handsontable .table colgroup+thead tr:first-child td,\n .handsontable .table colgroup+thead tr:first-child th,\n .handsontable .table thead:first-child tr:first-child td,\n .handsontable .table thead:first-child tr:first-child th {\n border-top: 1px solid #ccc\n }\n\n .handsontable .table-bordered {\n border: 0;\n border-collapse: separate\n }\n\n .handsontable .table-bordered td,\n .handsontable .table-bordered th {\n border-left: none\n }\n\n .handsontable .table-bordered td:first-child,\n .handsontable .table-bordered th:first-child {\n border-left: 1px solid #ccc\n }\n\n .handsontable .table>tbody>tr>td,\n .handsontable .table>tbody>tr>th,\n .handsontable .table>tfoot>tr>td,\n .handsontable .table>tfoot>tr>th,\n .handsontable .table>thead>tr>td,\n .handsontable .table>thead>tr>th {\n line-height: 21px;\n padding: 0 4px\n }\n\n .col-lg-1.handsontable,\n .col-lg-2.handsontable,\n .col-lg-3.handsontable,\n .col-lg-4.handsontable,\n .col-lg-5.handsontable,\n .col-lg-6.handsontable,\n .col-lg-7.handsontable,\n .col-lg-8.handsontable,\n .col-lg-9.handsontable,\n .col-lg-10.handsontable,\n .col-lg-11.handsontable,\n .col-lg-12.handsontable,\n .col-md-1.handsontable,\n .col-md-2.handsontable,\n .col-md-3.handsontable,\n .col-md-4.handsontable,\n .col-md-5.handsontable,\n .col-md-6.handsontable,\n .col-md-7.handsontable,\n .col-md-8.handsontable,\n .col-md-9.handsontable .col-sm-1.handsontable,\n .col-md-10.handsontable,\n .col-md-11.handsontable,\n .col-md-12.handsontable,\n .col-sm-2.handsontable,\n .col-sm-3.handsontable,\n .col-sm-4.handsontable,\n .col-sm-5.handsontable,\n .col-sm-6.handsontable,\n .col-sm-7.handsontable,\n .col-sm-8.handsontable,\n .col-sm-9.handsontable .col-xs-1.handsontable,\n .col-sm-10.handsontable,\n .col-sm-11.handsontable,\n .col-sm-12.handsontable,\n .col-xs-2.handsontable,\n .col-xs-3.handsontable,\n .col-xs-4.handsontable,\n .col-xs-5.handsontable,\n .col-xs-6.handsontable,\n .col-xs-7.handsontable,\n .col-xs-8.handsontable,\n .col-xs-9.handsontable,\n .col-xs-10.handsontable,\n .col-xs-11.handsontable,\n .col-xs-12.handsontable {\n padding-left: 0;\n padding-right: 0\n }\n\n .handsontable .table-striped>tbody>tr:nth-of-type(2n) {\n background-color: #fff\n }\n\n .handsontable {\n position: relative\n }\n\n .handsontable .hide {\n display: none\n }\n\n .handsontable .relative {\n position: relative\n }\n\n .handsontable.htAutoSize {\n visibility: hidden;\n left: -99000px;\n position: absolute;\n top: -99000px\n }\n\n .handsontable .wtHider {\n width: 0\n }\n\n .handsontable .wtSpreader {\n position: relative;\n width: 0;\n height: auto\n }\n\n .handsontable div,\n .handsontable input,\n .handsontable table,\n .handsontable tbody,\n .handsontable td,\n .handsontable textarea,\n .handsontable th,\n .handsontable thead {\n box-sizing: content-box;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box\n }\n\n .handsontable input,\n .handsontable textarea {\n min-height: 0\n }\n\n .handsontable table.htCore {\n border-collapse: separate;\n border-spacing: 0;\n margin: 0;\n border-width: 0;\n table-layout: fixed;\n width: 0;\n outline-width: 0;\n cursor: default;\n max-width: none;\n max-height: none\n }\n\n .handsontable col,\n .handsontable col.rowHeader {\n width: 50px\n }\n\n .handsontable td,\n .handsontable th {\n border-top-width: 0;\n border-left-width: 0;\n border-right: 1px solid #ccc;\n border-bottom: 1px solid #ccc;\n height: 22px;\n empty-cells: show;\n line-height: 21px;\n padding: 0 4px;\n background-color: #fff;\n vertical-align: top;\n overflow: hidden;\n outline-width: 0;\n white-space: pre-line;\n background-clip: padding-box\n }\n\n .handsontable td.htInvalid {\n background-color: #ff4c42 !important\n }\n\n .handsontable td.htNoWrap {\n white-space: nowrap\n }\n\n .handsontable th:last-child {\n border-right: 1px solid #ccc;\n border-bottom: 1px solid #ccc\n }\n\n .handsontable th.htNoFrame,\n .handsontable th:first-child.htNoFrame,\n .handsontable tr:first-child th.htNoFrame {\n border-left-width: 0;\n background-color: #fff;\n border-color: #fff\n }\n\n .handsontable .htNoFrame+td,\n .handsontable .htNoFrame+th,\n .handsontable.htRowHeaders thead tr th:nth-child(2),\n .handsontable td:first-of-type,\n .handsontable th:first-child,\n .handsontable th:nth-child(2) {\n border-left: 1px solid #ccc\n }\n\n .handsontable tr:first-child td,\n .handsontable tr:first-child th {\n border-top: 1px solid #ccc\n }\n\n .ht_master:not(.innerBorderLeft):not(.emptyColumns)~.handsontable:not(.ht_clone_top) thead tr th:first-child,\n .ht_master:not(.innerBorderLeft):not(.emptyColumns)~.handsontable tbody tr th {\n border-right-width: 0\n }\n\n .ht_master:not(.innerBorderTop) thead tr.lastChild th,\n .ht_master:not(.innerBorderTop) thead tr:last-child th,\n .ht_master:not(.innerBorderTop)~.handsontable thead tr.lastChild th,\n .ht_master:not(.innerBorderTop)~.handsontable thead tr:last-child th {\n border-bottom-width: 0\n }\n\n .handsontable th {\n background-color: #f0f0f0;\n color: #222;\n text-align: center;\n font-weight: 400;\n white-space: nowrap\n }\n\n .handsontable thead th {\n padding: 0\n }\n\n .handsontable th.active {\n background-color: #ccc\n }\n\n .handsontable thead th .relative {\n padding: 2px 4px\n }\n\n #hot-display-license-info {\n font-size: 10px;\n color: #323232;\n padding: 5px 0 3px;\n font-family: Helvetica, Arial, sans-serif;\n text-align: left\n }\n\n .handsontable .manualColumnResizer {\n position: fixed;\n top: 0;\n cursor: col-resize;\n z-index: 110;\n width: 5px;\n height: 25px\n }\n\n .handsontable .manualRowResizer {\n position: fixed;\n left: 0;\n cursor: row-resize;\n z-index: 110;\n height: 5px;\n width: 50px\n }\n\n .handsontable .manualColumnResizer.active,\n .handsontable .manualColumnResizer:hover,\n .handsontable .manualRowResizer.active,\n .handsontable .manualRowResizer:hover {\n background-color: #34a9db\n }\n\n .handsontable .manualColumnResizerGuide {\n position: fixed;\n right: 0;\n top: 0;\n background-color: #34a9db;\n display: none;\n width: 0;\n border-right: 1px dashed #777;\n margin-left: 5px\n }\n\n .handsontable .manualRowResizerGuide {\n position: fixed;\n left: 0;\n bottom: 0;\n background-color: #34a9db;\n display: none;\n height: 0;\n border-bottom: 1px dashed #777;\n margin-top: 5px\n }\n\n .handsontable .manualColumnResizerGuide.active,\n .handsontable .manualRowResizerGuide.active {\n display: block;\n z-index: 199\n }\n\n .handsontable .columnSorting {\n position: relative\n }\n\n .handsontable .columnSorting:hover {\n text-decoration: underline;\n cursor: pointer\n }\n\n .handsontable .columnSorting.ascending:after {\n content: "\\25B2";\n color: #5f5f5f;\n position: absolute;\n right: -15px\n }\n\n .handsontable .columnSorting.descending:after {\n content: "\\25BC";\n color: #5f5f5f;\n position: absolute;\n right: -15px\n }\n\n .handsontable .wtBorder {\n position: absolute;\n font-size: 0\n }\n\n .handsontable .wtBorder.hidden {\n display: none !important\n }\n\n .handsontable .wtBorder.current {\n z-index: 10\n }\n\n .handsontable .wtBorder.area {\n z-index: 8\n }\n\n .handsontable .wtBorder.fill {\n z-index: 6\n }\n\n .handsontable td.area,\n .handsontable td.area-1,\n .handsontable td.area-2,\n .handsontable td.area-3,\n .handsontable td.area-4,\n .handsontable td.area-5,\n .handsontable td.area-6,\n .handsontable td.area-7 {\n position: relative\n }\n\n .handsontable td.area-1:before,\n .handsontable td.area-2:before,\n .handsontable td.area-3:before,\n .handsontable td.area-4:before,\n .handsontable td.area-5:before,\n .handsontable td.area-6:before,\n .handsontable td.area-7:before,\n .handsontable td.area:before {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n bottom: -100%\\9;\n background: #005eff\n }\n\n @media (-ms-high-contrast:none),\n screen and (-ms-high-contrast:active) {\n\n .handsontable td.area-1:before,\n .handsontable td.area-2:before,\n .handsontable td.area-3:before,\n .handsontable td.area-4:before,\n .handsontable td.area-5:before,\n .handsontable td.area-6:before,\n .handsontable td.area-7:before,\n .handsontable td.area:before {\n bottom: -100%\n }\n }\n\n .handsontable td.area:before {\n opacity: .1\n }\n\n .handsontable td.area-1:before {\n opacity: .2\n }\n\n .handsontable td.area-2:before {\n opacity: .27\n }\n\n .handsontable td.area-3:before {\n opacity: .35\n }\n\n .handsontable td.area-4:before {\n opacity: .41\n }\n\n .handsontable td.area-5:before {\n opacity: .47\n }\n\n .handsontable td.area-6:before {\n opacity: .54\n }\n\n .handsontable td.area-7:before {\n opacity: .58\n }\n\n .handsontable tbody th.ht__highlight,\n .handsontable thead th.ht__highlight {\n background-color: #dcdcdc\n }\n\n .handsontable tbody th.ht__active_highlight,\n .handsontable thead th.ht__active_highlight {\n background-color: #8eb0e7;\n color: #000\n }\n\n .handsontable .wtBorder.corner {\n font-size: 0;\n cursor: crosshair\n }\n\n .handsontable .htBorder.htFillBorder {\n background: red;\n width: 1px;\n height: 1px\n }\n\n .handsontableInput {\n border: none;\n outline-width: 0;\n margin: 0;\n padding: 1px 5px 0;\n font-family: inherit;\n line-height: 21px;\n font-size: inherit;\n box-shadow: inset 0 0 0 2px #5292f7;\n resize: none;\n display: block;\n color: #000;\n border-radius: 0;\n background-color: #fff\n }\n\n .handsontableInputHolder {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 104\n }\n\n .htSelectEditor {\n -webkit-appearance: menulist-button !important;\n position: absolute;\n width: auto\n }\n\n .handsontable .htDimmed {\n color: #777\n }\n\n .handsontable .htSubmenu {\n position: relative\n }\n\n .handsontable .htSubmenu :after {\n content: "\\25B6";\n color: #777;\n position: absolute;\n right: 5px;\n font-size: 9px\n }\n\n .handsontable .htLeft {\n text-align: left\n }\n\n .handsontable .htCenter {\n text-align: center\n }\n\n .handsontable .htRight {\n text-align: right\n }\n\n .handsontable .htJustify {\n text-align: justify\n }\n\n .handsontable .htTop {\n vertical-align: top\n }\n\n .handsontable .htMiddle {\n vertical-align: middle\n }\n\n .handsontable .htBottom {\n vertical-align: bottom\n }\n\n .handsontable .htPlaceholder {\n color: #999\n }\n\n .handsontable .htAutocompleteArrow {\n float: right;\n font-size: 10px;\n color: #eee;\n cursor: default;\n width: 16px;\n text-align: center\n }\n\n .handsontable td .htAutocompleteArrow:hover {\n color: #777\n }\n\n .handsontable td.area .htAutocompleteArrow {\n color: #d3d3d3\n }\n\n .handsontable .htCheckboxRendererInput {\n display: inline-block;\n vertical-align: middle\n }\n\n .handsontable .htCheckboxRendererInput.noValue {\n opacity: .5\n }\n\n .handsontable .htCheckboxRendererLabel {\n cursor: pointer;\n display: inline-block;\n width: 100%\n }\n\n .handsontable .handsontable.ht_clone_top .wtHider {\n padding: 0 0 5px\n }\n\n .handsontable .autocompleteEditor.handsontable {\n padding-right: 17px\n }\n\n .handsontable .autocompleteEditor.handsontable.htMacScroll {\n padding-right: 15px\n }\n\n .handsontable.listbox {\n margin: 0\n }\n\n .handsontable.listbox .ht_master table {\n border: 1px solid #ccc;\n border-collapse: separate;\n background: #fff\n }\n\n .handsontable.listbox td,\n .handsontable.listbox th,\n .handsontable.listbox tr:first-child td,\n .handsontable.listbox tr:first-child th,\n .handsontable.listbox tr:last-child th {\n border-color: transparent\n }\n\n .handsontable.listbox td,\n .handsontable.listbox th {\n white-space: nowrap;\n text-overflow: ellipsis\n }\n\n .handsontable.listbox td.htDimmed {\n cursor: default;\n color: inherit;\n font-style: inherit\n }\n\n .handsontable.listbox .wtBorder {\n visibility: hidden\n }\n\n .handsontable.listbox tr:hover td,\n .handsontable.listbox tr td.current {\n background: #eee\n }\n\n .ht_clone_top {\n z-index: 101\n }\n\n .ht_clone_left {\n z-index: 102\n }\n\n .ht_clone_bottom_left_corner,\n .ht_clone_debug,\n .ht_clone_top_left_corner {\n z-index: 103\n }\n\n .handsontable td.htSearchResult {\n background: #fcedd9;\n color: #583707\n }\n\n .htBordered {\n border-width: 1px\n }\n\n .htBordered.htTopBorderSolid {\n border-top-style: solid;\n border-top-color: #000\n }\n\n .htBordered.htRightBorderSolid {\n border-right-style: solid;\n border-right-color: #000\n }\n\n .htBordered.htBottomBorderSolid {\n border-bottom-style: solid;\n border-bottom-color: #000\n }\n\n .htBordered.htLeftBorderSolid {\n border-left-style: solid;\n border-left-color: #000\n }\n\n .handsontable tbody tr th:nth-last-child(2) {\n border-right: 1px solid #ccc\n }\n\n .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {\n border-bottom: 1px solid #ccc;\n padding-bottom: 5px\n }\n\n .ht_clone_top_left_corner thead tr th:nth-last-child(2) {\n border-right: 1px solid #ccc\n }\n\n .htCollapseButton {\n width: 10px;\n height: 10px;\n line-height: 10px;\n text-align: center;\n border-radius: 5px;\n border: 1px solid #f3f3f3;\n box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);\n cursor: pointer;\n margin-bottom: 3px;\n position: relative\n }\n\n .htCollapseButton:after {\n content: "";\n height: 300%;\n width: 1px;\n display: block;\n background: #ccc;\n margin-left: 4px;\n position: absolute;\n bottom: 10px\n }\n\n thead .htCollapseButton {\n right: 5px;\n position: absolute;\n top: 5px;\n background: #fff\n }\n\n thead .htCollapseButton:after {\n height: 1px;\n width: 700%;\n right: 10px;\n top: 4px\n }\n\n .handsontable tr th .htExpandButton {\n position: absolute;\n width: 10px;\n height: 10px;\n line-height: 10px;\n text-align: center;\n border-radius: 5px;\n border: 1px solid #f3f3f3;\n box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);\n cursor: pointer;\n top: 0;\n display: none\n }\n\n .handsontable thead tr th .htExpandButton {\n top: 5px\n }\n\n .handsontable tr th .htExpandButton.clickable {\n display: block\n }\n\n .collapsibleIndicator {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 5px;\n border: 1px solid #a6a6a6;\n line-height: 10px;\n color: #222;\n border-radius: 10px;\n font-size: 10px;\n width: 10px;\n height: 10px;\n cursor: pointer;\n box-shadow: 0 0 0 6px #eee;\n background: #eee\n }\n\n .handsontable col.hidden {\n width: 0 !important\n }\n\n .handsontable table tr th.lightRightBorder {\n border-right: 1px solid #e6e6e6\n }\n\n .handsontable tr.hidden,\n .handsontable tr.hidden td,\n .handsontable tr.hidden th {\n display: none\n }\n\n .ht_clone_bottom,\n .ht_clone_left,\n .ht_clone_top,\n .ht_master {\n overflow: hidden\n }\n\n .ht_master .wtHolder {\n overflow: auto\n }\n\n .handsontable .ht_clone_left thead,\n .handsontable .ht_master thead,\n .handsontable .ht_master tr th {\n visibility: hidden\n }\n\n .ht_clone_bottom .wtHolder,\n .ht_clone_left .wtHolder,\n .ht_clone_top .wtHolder {\n overflow: hidden\n }\n\n .handsontable.mobile,\n .handsontable.mobile .wtHolder {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-overflow-scrolling: touch\n }\n\n .htMobileEditorContainer {\n display: none;\n position: absolute;\n top: 0;\n width: 70%;\n height: 54pt;\n background: #f8f8f8;\n border-radius: 20px;\n border: 1px solid #ebebeb;\n z-index: 999;\n box-sizing: border-box;\n -webkit-box-sizing: border-box;\n -webkit-text-size-adjust: none\n }\n\n .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea),\n .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle) {\n z-index: 9999\n }\n\n .bottomRightSelectionHandle,\n .bottomRightSelectionHandle-HitArea,\n .topLeftSelectionHandle,\n .topLeftSelectionHandle-HitArea {\n left: -10000px;\n top: -10000px\n }\n\n .htMobileEditorContainer.active {\n display: block\n }\n\n .htMobileEditorContainer .inputs {\n position: absolute;\n right: 210pt;\n bottom: 10pt;\n top: 10pt;\n left: 14px;\n height: 34pt\n }\n\n .htMobileEditorContainer .inputs textarea {\n font-size: 13pt;\n border: 1px solid #a1a1a1;\n -webkit-appearance: none;\n box-shadow: none;\n position: absolute;\n left: 14px;\n right: 14px;\n top: 0;\n bottom: 0;\n padding: 7pt\n }\n\n .htMobileEditorContainer .cellPointer {\n position: absolute;\n top: -13pt;\n height: 0;\n width: 0;\n left: 30px;\n border-left: 13pt solid transparent;\n border-right: 13pt solid transparent;\n border-bottom: 13pt solid #ebebeb\n }\n\n .htMobileEditorContainer .cellPointer.hidden {\n display: none\n }\n\n .htMobileEditorContainer .cellPointer:before {\n content: "";\n display: block;\n position: absolute;\n top: 2px;\n height: 0;\n width: 0;\n left: -13pt;\n border-left: 13pt solid transparent;\n border-right: 13pt solid transparent;\n border-bottom: 13pt solid #f8f8f8\n }\n\n .htMobileEditorContainer .moveHandle {\n position: absolute;\n top: 10pt;\n left: 5px;\n width: 30px;\n bottom: 0;\n cursor: move;\n z-index: 9999\n }\n\n .htMobileEditorContainer .moveHandle:after {\n content: "..\\A..\\A..\\A..";\n white-space: pre;\n line-height: 10px;\n font-size: 20pt;\n display: inline-block;\n margin-top: -8px;\n color: #ebebeb\n }\n\n .htMobileEditorContainer .positionControls {\n width: 205pt;\n position: absolute;\n right: 5pt;\n top: 0;\n bottom: 0\n }\n\n .htMobileEditorContainer .positionControls>div {\n width: 50pt;\n height: 100%;\n float: left\n }\n\n .htMobileEditorContainer .positionControls>div:after {\n content: " ";\n display: block;\n width: 15pt;\n height: 15pt;\n text-align: center;\n line-height: 50pt\n }\n\n .htMobileEditorContainer .downButton:after,\n .htMobileEditorContainer .leftButton:after,\n .htMobileEditorContainer .rightButton:after,\n .htMobileEditorContainer .upButton:after {\n transform-origin: 5pt 5pt;\n -webkit-transform-origin: 5pt 5pt;\n margin: 21pt 0 0 21pt\n }\n\n .htMobileEditorContainer .leftButton:after {\n border-top: 2px solid #288ffe;\n border-left: 2px solid #288ffe;\n -webkit-transform: rotate(-45deg)\n }\n\n .htMobileEditorContainer .leftButton:active:after {\n border-color: #cfcfcf\n }\n\n .htMobileEditorContainer .rightButton:after {\n border-top: 2px solid #288ffe;\n border-left: 2px solid #288ffe;\n -webkit-transform: rotate(135deg)\n }\n\n .htMobileEditorContainer .rightButton:active:after {\n border-color: #cfcfcf\n }\n\n .htMobileEditorContainer .upButton:after {\n border-top: 2px solid #288ffe;\n border-left: 2px solid #288ffe;\n -webkit-transform: rotate(45deg)\n }\n\n .htMobileEditorContainer .upButton:active:after {\n border-color: #cfcfcf\n }\n\n .htMobileEditorContainer .downButton:after {\n border-top: 2px solid #288ffe;\n border-left: 2px solid #288ffe;\n -webkit-transform: rotate(225deg)\n }\n\n .htMobileEditorContainer .downButton:active:after {\n border-color: #cfcfcf\n }\n\n .handsontable.hide-tween {\n animation: opacity-hide .3s;\n animation-fill-mode: forwards;\n -webkit-animation-fill-mode: forwards\n }\n\n .handsontable.show-tween {\n animation: opacity-show .3s;\n animation-fill-mode: forwards;\n -webkit-animation-fill-mode: forwards\n }\n\n /*!\n * Pikaday\n * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/\n */\n\n .pika-single {\n z-index: 9999;\n display: block;\n position: relative;\n color: #333;\n background: #fff;\n border: 1px solid #ccc;\n border-bottom-color: #bbb;\n font-family: Helvetica Neue, Helvetica, Arial, sans-serif\n }\n\n .pika-single:after,\n .pika-single:before {\n content: " ";\n display: table\n }\n\n .pika-single:after {\n clear: both\n }\n\n .pika-single {\n *zoom: 1\n }\n\n .pika-single.is-hidden {\n display: none\n }\n\n .pika-single.is-bound {\n position: absolute;\n box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)\n }\n\n .pika-lendar {\n float: left;\n width: 240px;\n margin: 8px\n }\n\n .pika-title {\n position: relative;\n text-align: center\n }\n\n .pika-label {\n display: inline-block;\n *display: inline;\n position: relative;\n z-index: 9999;\n overflow: hidden;\n margin: 0;\n padding: 5px 3px;\n font-size: 14px;\n line-height: 20px;\n font-weight: 700;\n background-color: #fff\n }\n\n .pika-title select {\n cursor: pointer;\n position: absolute;\n z-index: 9998;\n margin: 0;\n left: 0;\n top: 5px;\n filter: alpha(opacity=0);\n opacity: 0\n }\n\n .pika-next,\n .pika-prev {\n display: block;\n cursor: pointer;\n position: relative;\n outline: none;\n border: 0;\n padding: 0;\n width: 20px;\n height: 30px;\n text-indent: 20px;\n white-space: nowrap;\n overflow: hidden;\n background-color: transparent;\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 75% 75%;\n opacity: .5;\n *position: absolute;\n *top: 0\n }\n\n .pika-next:hover,\n .pika-prev:hover {\n opacity: 1\n }\n\n .is-rtl .pika-next,\n .pika-prev {\n float: left;\n background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");\n *left: 0\n }\n\n .is-rtl .pika-prev,\n .pika-next {\n float: right;\n background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");\n *right: 0\n }\n\n .pika-next.is-disabled,\n .pika-prev.is-disabled {\n cursor: default;\n opacity: .2\n }\n\n .pika-select {\n display: inline-block;\n *display: inline\n }\n\n .pika-table {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n border: 0\n }\n\n .pika-table td,\n .pika-table th {\n width: 14.285714285714286%;\n padding: 0\n }\n\n .pika-table th {\n color: #999;\n font-size: 12px;\n line-height: 25px;\n font-weight: 700;\n text-align: center\n }\n\n .pika-button {\n cursor: pointer;\n display: block;\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n outline: none;\n border: 0;\n margin: 0;\n width: 100%;\n padding: 5px;\n color: #666;\n font-size: 12px;\n line-height: 15px;\n text-align: right;\n background: #f5f5f5\n }\n\n .pika-week {\n font-size: 11px;\n color: #999\n }\n\n .is-today .pika-button {\n color: #3af;\n font-weight: 700\n }\n\n .is-selected .pika-button {\n color: #fff;\n font-weight: 700;\n background: #3af;\n box-shadow: inset 0 1px 3px #178fe5;\n border-radius: 3px\n }\n\n .is-inrange .pika-button {\n background: #d5e9f7\n }\n\n .is-startrange .pika-button {\n color: #fff;\n background: #6cb31d;\n box-shadow: none;\n border-radius: 3px\n }\n\n .is-endrange .pika-button {\n color: #fff;\n background: #3af;\n box-shadow: none;\n border-radius: 3px\n }\n\n .is-disabled .pika-button,\n .is-outside-current-month .pika-button {\n pointer-events: none;\n cursor: default;\n color: #999;\n opacity: .3\n }\n\n .pika-button:hover {\n color: #fff;\n background: #ff8000;\n box-shadow: none;\n border-radius: 3px\n }\n\n .pika-table abbr {\n border-bottom: none;\n cursor: help\n }\n\n .htCommentCell {\n position: relative\n }\n\n .htCommentCell:after {\n content: "";\n position: absolute;\n top: 0;\n right: 0;\n border-left: 6px solid transparent;\n border-top: 6px solid #000\n }\n\n .htComments {\n display: none;\n z-index: 1059;\n position: absolute\n }\n\n .htCommentTextArea {\n box-shadow: 0 1px 3px rgba(0, 0, 0, .117647), 0 1px 2px rgba(0, 0, 0, .239216);\n box-sizing: border-box;\n border: none;\n border-left: 3px solid #ccc;\n background-color: #fff;\n width: 215px;\n height: 90px;\n font-size: 12px;\n padding: 5px;\n outline: 0 !important;\n -webkit-appearance: none\n }\n\n .htCommentTextArea:focus {\n box-shadow: 0 1px 3px rgba(0, 0, 0, .117647), 0 1px 2px rgba(0, 0, 0, .239216), inset 0 0 0 1px #5292f7;\n border-left: 3px solid #5292f7\n }\n\n /*!\n * Handsontable ContextMenu\n */\n\n .htContextMenu:not(.htGhostTable) {\n display: none;\n position: absolute;\n z-index: 1060\n }\n\n .htContextMenu .ht_clone_corner,\n .htContextMenu .ht_clone_debug,\n .htContextMenu .ht_clone_left,\n .htContextMenu .ht_clone_top {\n display: none\n }\n\n .htContextMenu table.htCore {\n border: 1px solid #ccc;\n border-bottom-width: 2px;\n border-right-width: 2px\n }\n\n .htContextMenu .wtBorder {\n visibility: hidden\n }\n\n .htContextMenu table tbody tr td {\n background: #fff;\n border-width: 0;\n padding: 4px 6px 0;\n cursor: pointer;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis\n }\n\n .htContextMenu table tbody tr td:first-child {\n border: 0\n }\n\n .htContextMenu table tbody tr td.htDimmed {\n font-style: normal;\n color: #323232\n }\n\n .htContextMenu table tbody tr td.current,\n .htContextMenu table tbody tr td.zeroclipboard-is-hover {\n background: #f3f3f3\n }\n\n .htContextMenu table tbody tr td.htSeparator {\n border-top: 1px solid #e6e6e6;\n height: 0;\n padding: 0;\n cursor: default\n }\n\n .htContextMenu table tbody tr td.htDisabled {\n color: #999;\n cursor: default\n }\n\n .htContextMenu table tbody tr td.htDisabled:hover {\n background: #fff;\n color: #999;\n cursor: default\n }\n\n .htContextMenu table tbody tr.htHidden {\n display: none\n }\n\n .htContextMenu table tbody tr td .htItemWrapper {\n margin-left: 10px;\n margin-right: 6px\n }\n\n .htContextMenu table tbody tr td div span.selected {\n margin-top: -2px;\n position: absolute;\n left: 4px\n }\n\n .htContextMenu .ht_master .wtHolder {\n overflow: hidden\n }\n\n textarea#HandsontableCopyPaste {\n position: fixed !important;\n top: 0 !important;\n right: 100% !important;\n overflow: hidden;\n opacity: 0;\n outline: 0 none !important\n }\n\n .htRowHeaders .ht_master.innerBorderLeft~.ht_clone_left td:first-of-type,\n .htRowHeaders .ht_master.innerBorderLeft~.ht_clone_top_left_corner th:nth-child(2) {\n border-left: 0 none\n }\n\n .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {\n cursor: move;\n cursor: -webkit-grab;\n cursor: grab\n }\n\n .handsontable.ht__manualColumnMove.on-moving--columns,\n .handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: grabbing\n }\n\n .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {\n display: none\n }\n\n .handsontable .ht__manualColumnMove--backlight,\n .handsontable .ht__manualColumnMove--guideline {\n position: absolute;\n height: 100%;\n display: none\n }\n\n .handsontable .ht__manualColumnMove--guideline {\n background: #757575;\n width: 2px;\n top: 0;\n margin-left: -1px;\n z-index: 105\n }\n\n .handsontable .ht__manualColumnMove--backlight {\n background: #343434;\n background: rgba(52, 52, 52, .25);\n display: none;\n z-index: 105;\n pointer-events: none\n }\n\n .handsontable.on-moving--columns .ht__manualColumnMove--backlight,\n .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline {\n display: block\n }\n\n .handsontable .wtHider {\n position: relative\n }\n\n .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {\n cursor: move;\n cursor: -webkit-grab;\n cursor: grab\n }\n\n .handsontable.ht__manualRowMove.on-moving--rows,\n .handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: grabbing\n }\n\n .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {\n display: none\n }\n\n .handsontable .ht__manualRowMove--backlight,\n .handsontable .ht__manualRowMove--guideline {\n position: absolute;\n width: 100%;\n display: none\n }\n\n .handsontable .ht__manualRowMove--guideline {\n background: #757575;\n height: 2px;\n left: 0;\n margin-top: -1px;\n z-index: 105\n }\n\n .handsontable .ht__manualRowMove--backlight {\n background: #343434;\n background: rgba(52, 52, 52, .25);\n display: none;\n z-index: 105;\n pointer-events: none\n }\n\n .handsontable.on-moving--rows .ht__manualRowMove--backlight,\n .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline {\n display: block\n }\n\n .handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*=fullySelectedMergedCell]):before {\n opacity: 0\n }\n\n .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before,\n .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]:before {\n opacity: .1\n }\n\n .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before {\n opacity: .2\n }\n\n .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before {\n opacity: .27\n }\n\n .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before {\n opacity: .35\n }\n\n .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before {\n opacity: .41\n }\n\n .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before {\n opacity: .47\n }\n\n .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before {\n opacity: .54\n }\n\n .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before {\n opacity: .58\n }\n</style>'},830:function(n,e,t){var o={"./af":614,"./af.js":614,"./ar":615,"./ar-dz":616,"./ar-dz.js":616,"./ar-kw":617,"./ar-kw.js":617,"./ar-ly":618,"./ar-ly.js":618,"./ar-ma":619,"./ar-ma.js":619,"./ar-sa":620,"./ar-sa.js":620,"./ar-tn":621,"./ar-tn.js":621,"./ar.js":615,"./az":622,"./az.js":622,"./be":623,"./be.js":623,"./bg":624,"./bg.js":624,"./bm":625,"./bm.js":625,"./bn":626,"./bn.js":626,"./bo":627,"./bo.js":627,"./br":628,"./br.j