UNPKG

@aurigma/ui-framework

Version:

A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.

1 lines 73 kB
(window.multistep_editor_jsonpFunction=window.multistep_editor_jsonpFunction||[]).push([[23],{544:function(n,e,t){"use strict";var o,a,i=t(0),r=t(12),l=t(15),s=t(1);!function(n){function e(){var e=null!==n&&n.apply(this,arguments)||this;return e.total=1,e.page=0,e.limit=50,e.size=2,e.pages=0,e.items=[],e}Object(i.d)(e,n),e.prototype.willUpdate=function(){if(s.a.isNotNullOrUndefined(this.limit)&&s.a.isNotNullOrUndefined(this.total)&&(this.pages=parseInt(Math.ceil(parseFloat(this.total)/parseFloat(this.limit)),10)),s.a.isNotNullOrUndefined(this.page)&&s.a.isNotNullOrUndefined(this.limit)&&s.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}},e.prototype.goToPage=function(n){this.dispatchEvent(new CustomEvent("changed",{detail:{page:n},bubbles:!0,composed:!0,cancelable:!0}))},e.prototype.onBefore=function(){this.page=this.page>0?this.page-1:1,this.goToPage(this.page)},e.prototype.onNext=function(){this.page=this.page<this.pages?parseInt(this.page,10)+1:this.pages,this.goToPage(this.page)},e.prototype.onBegin=function(){this.page=1,this.goToPage(this.page)},e.prototype.onEnd=function(){this.page=this.pages,this.goToPage(this.page)},e.prototype.isCurrent=function(n,e){return n===e},e.prototype._isCurrent=function(n,e){return n===e},e.prototype._firstIndex=function(n,e){var t=n-e;return t<1?1:t},e.prototype._lastIndex=function(n,e){var t=n+e;return t>this.pages?this.pages:t},Object.defineProperty(e,"styles",{get:function(){return Object(r.b)(o||(o=Object(i.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}),e.prototype.render=function(){var n=this,e=this.page>1,t=this.page<this.pages,o=this.items.length<this.total;return Object(r.c)(a||(a=Object(i.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(i.c)([Object(l.b)({reflect:!0}),Object(i.g)("design:type",Number)],e.prototype,"total",void 0),Object(i.c)([Object(l.b)({reflect:!0}),Object(i.g)("design:type",Number)],e.prototype,"page",void 0),Object(i.c)([Object(l.b)({reflect:!0}),Object(i.g)("design:type",Number)],e.prototype,"limit",void 0),Object(i.c)([Object(l.b)({reflect:!0}),Object(i.g)("design:type",Number)],e.prototype,"size",void 0),Object(i.c)([Object(l.d)(),Object(i.g)("design:type",Number)],e.prototype,"pages",void 0),Object(i.c)([Object(l.d)(),Object(i.g)("design:type",Object)],e.prototype,"items",void 0),e=Object(i.c)([Object(l.a)("au-lit-pagination")],e)}(r.a)},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.js":628,"./bs":629,"./bs.js":629,"./ca":630,"./ca.js":630,"./cs":631,"./cs.js":631,"./cv":632,"./cv.js":632,"./cy":633,"./cy.js":633,"./da":634,"./da.js":634,"./de":635,"./de-at":636,"./de-at.js":636,"./de-ch":637,"./de-ch.js":637,"./de.js":635,"./dv":638,"./dv.js":638,"./el":639,"./el.js":639,"./en-au":640,"./en-au.js":640,"./en-ca":641,"./en-ca.js":641,"./en-gb":642,"./en-gb.js":642,"./en-ie":643,"./en-ie.js":643,"./en-nz":644,"./en-nz.js":644,"./eo":645,"./eo.js":645,"./es":646,"./es-do":647,"./es-do.js":647,"./es-us":648,"./es-us.js":648,"./es.js":646,"./et":649,"./et.js":649,"./eu":650,"./eu.js":650,"./fa":651,"./fa.js":651,"./fi":652,"./fi.js":652,"./fo":653,"./fo.js":653,"./fr":654,"./fr-ca":655,"./fr-ca.js":655,"./fr-ch":656,"./fr-ch.js":656,"./fr.js":654,"./fy":657,"./fy.js":657,"./gd":658,"./gd.js":658,"./gl":659,"./gl.js":659,"./gom-latn":660,"./gom-latn.js":660,"./gu":661,"./gu.js":661,"./he":662,"./he.js":662,"./hi":663,"./hi.js":663,"./hr":664,"./hr.js":664,"./hu":665,"./hu.js":665,"./hy-am":666,"./hy-am.js":666,"./id":667,"./id.js":667,"./is":668,"./is.js":668,"./it":669,"./it.js":669,"./ja":670,"./ja.js":670,"./jv":671,"./jv.js":671,"./ka":672,"./ka.js":672,"./kk":673,"./kk.js":673,"./km":674,"./km.js":674,"./kn":675,"./kn.js":675,"./ko":676,"./ko.js":676,"./ky":677,"./ky.js":677,"./lb":678,"./lb.js":678,"./lo":679,"./lo.js":679,"./lt":680,"./lt.js":680,"./lv":681,"./lv.js":681,"./me":682,"./me.js":682,"./mi":683,"./mi.js":683,"./mk":684,"./mk.js":684,"./ml":685,"./ml.js":685,"./mr":686,"./mr.js":686,"./ms":687,"./ms-my":688,"./ms-my.js":688,"./ms.js":687,"./mt":689,"./mt.js":689,"./my":690,"./my.js":690,"./nb":691,"./nb.js":691,"./ne":692,"./ne.js":692,"./nl":693,"./nl-be":694,"./nl-be.js":694,"./nl.js":693,"./nn":695,"./nn.js":695,"./pa-in":696,"./pa-in.js":696,"./pl":697,"./pl.js":697,"./pt":698,"./pt-br":699,"./pt-br.js":699,"./pt.js":698,"./ro":700,"./ro.js":700,"./ru":701,"./ru.js":701,"./sd":702,"./sd.js":702,"./se":703,"./se.js":703,"./si":704,"./si.js":704,"./sk":705,"./sk.js":705,"./sl":706,"./sl.js":706,"./sq":707,"./sq.js":707,"./sr":708,"./sr-cyrl":709,"./sr-cyrl.js":709,"./sr.js":708,"./ss":710,"./ss.js":710,"./sv":711,"./sv.js":711,"./sw":712,"./sw.js":712,"./ta":713,"./ta.js":713,"./te":714,"./te.js":714,"./tet":715,"./tet.js":715,"./th":716,"./th.js":716,"./tl-ph":717,"./tl-ph.js":717,"./tlh":718,"./tlh.js":718,"./tr":719,"./tr.js":719,"./tzl":720,"./tzl.js":720,"./tzm":721,"./tzm-latn":722,"./tzm-latn.js":722,"./tzm.js":721,"./uk":723,"./uk.js":723,"./ur":724,"./ur.js":724,"./uz":725,"./uz-latn":726,"./uz-latn.js":726,"./uz.js":725,"./vi":727,"./vi.js":727,"./x-pseudo":728,"./x-pseudo.js":728,"./yo":729,"./yo.js":729,"./zh-cn":730,"./zh-cn.js":730,"./zh-hk":731,"./zh-hk.js":731,"./zh-tw":732,"./zh-tw.js":732};function a(n){var e=i(n);return t(e)}function i(n){if(!t.o(o,n)){var e=new Error("Cannot find module '"+n+"'");throw e.code="MODULE_NOT_FOUND",e}return o[n]}a.keys=function(){return Object.keys(o)},a.resolve=i,n.exports=a,a.id=830},835:function(n,e){},836:function(n,e){},926:function(n,e,t){"use strict";t.r(e),t.d(e,"AuWidgetDataSheet",(function(){return k})),t.d(e,"widget",(function(){return k}));var o=t(0),a=t(827),i=t.n(a),r=t(537),l=t(733),s=t(598),d=t(202),h=t(2),c=(t(544),t(1)),b=t(160),p=t(828),u=t.n(p),g=t(613),f=t.n(g),m=t(127),x=function(n){Object.assign(this,n)},y=function(){function n(){}return n.getAllHeaders=function(n){var e,t,a,i,r=[];try{for(var l=Object(o.k)(n),s=l.next();!s.done;s=l.next()){var d=s.value;try{for(var h=(a=void 0,Object(o.k)(Object.keys(d))),c=h.next();!c.done;c=h.next()){var b=c.value;-1===r.indexOf(b)&&r.push(b)}}catch(p){a={error:p}}finally{try{c&&!c.done&&(i=h.return)&&i.call(h)}finally{if(a)throw a.error}}}}catch(u){e={error:u}}finally{try{s&&!s.done&&(t=l.return)&&t.call(l)}finally{if(e)throw e.error}}return r},n.ensureObjectKeysPercents=function(n){return n.map((function(n){for(var e in n){var t=e;t.startsWith("%")||(t="%"+t),t.endsWith("%")||(t+="%"),t!==e&&(n[t]=n[e],delete n[e])}return n}))},n.removeDuplicates=function(n){return n.filter((function(e,t){var o=JSON.stringify(e);return t===n.findIndex((function(n){return JSON.stringify(n)===o}))}))},n.appendEmptyKeys=function(n,e){var t=e.reduce((function(n,e){return n[e]="",n}),{});return n.map((function(n){return Object.assign({},t,n)}))},n}();function w(n,e,t,o,a,i,r){f.a.renderers.TextRenderer.apply(this,arguments);var l=n.getDataAtCell(t,o);e.title=r.error||l||"",e.style.backgroundColor=r.error?"#F78181":"#FFF"}var v=function(){function n(){this.widget=null,this.rowSelectedSubject=new m.a,this.cellChangedSubject=new m.a,this._grid=null,this.headers=[],this.rowsMetadata=[{}],this.isTableCreated=!1,this.selectedRowIndex=0,this.itemsPerPage=50,this.currentPage=1,this.observerAdded=!1}return Object.defineProperty(n.prototype,"rowSelected$",{get:function(){return this.rowSelectedSubject.asObservable()},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"cellChanged$",{get:function(){return this.cellChangedSubject.asObservable()},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"currentHeaders",{get:function(){return this.headers},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"isTableEmpty",{get:function(){return this.isTableCreated&&(this.widget._isDataLoaded&&0===this.widget._data.length&&1===this.widget.page||1===this.widget.page&&0===this._grid.countRows())},enumerable:!1,configurable:!0}),n.prototype.drawTable=function(n,e){if(!(Object(d.a)(e)||e.length<=0)){var t=e.map((function(n){return n.header})),o=e.filter((function(n){return n.readonly})).map((function(n){return n.header}));this.setHeaders(t),this.isTableCreated?this.updateTable(o):this.initializeTable(n,o),this._grid.selectRows(0)}},n.prototype.selectRow=function(n){this._grid.selectRows(n)},n.prototype.getCell=function(n,e){return this._grid.getCell(n,e)},n.prototype.loadData=function(n){for(n=y.appendEmptyKeys(n,this.headers);this.rowsMetadata.length<n.length;)this.rowsMetadata.push({});this._grid.loadData(n);var e=0,t=0,o=this._grid.getSelected();o&&(e=o[0][0],t=o[0][1]),e=n.length>=e?e:0,this._grid.selectCell(e,t)},n.prototype.getData=function(){var n=this;return!this._grid||this._grid.isDestroyed?[]:this._grid.getData().map((function(e){var t={};return e.forEach((function(e,o){t[n.headers[o]]=null===e?"":e})),t}))},n.prototype.addRow=function(){this.rowsMetadata.push({}),this._grid.alter("insert_row")},n.prototype.deleteRow=function(){var n=this._grid.getSelected();if(Object(l.a)(n))return-1;var e=n[0][0];return this.rowsMetadata.splice(e,1),this._grid.alter("remove_row",e),e},n.prototype.destroyTable=function(){this.isTableCreated&&(this._grid.destroy(),this.isTableCreated=!1,this.rowsMetadata=[{}])},n.prototype.setDataAtCell=function(n,e,t,o){void 0===o&&(o=null),this._grid.setDataAtCell(n,e,t,o)},n.prototype.setErrorAtCell=function(n,e,t){var a=this.rowsMetadata[n],i="string"==typeof e?e:this.headers[e];a[i]=Object(o.a)(Object(o.a)({},a[i]),{error:t}),this.render()},n.prototype.removeErrorAtCell=function(n,e){var t=this.rowsMetadata[n],a="string"==typeof e?e:this.headers[e];t[a]=Object(o.a)(Object(o.a)({},t[a]),{error:null}),this.render()},n.prototype.getColumnIndex=function(n){return this.headers.findIndex((function(e){return e===n}))},n.prototype.render=function(n){var e=this;void 0===n&&(n=!0),this._grid&&this.isTableCreated&&(n?setTimeout((function(){e._grid.render()}),0):this._grid.render())},n.prototype.setHeaders=function(n,e){var t,a;if(void 0===e&&(e=!1),e)try{for(var i=Object(o.k)(n),r=i.next();!r.done;r=i.next()){var l=r.value;-1===this.headers.indexOf(l)&&-1===this.headers.indexOf("%".concat(l,"%"))&&-1===this.headers.indexOf(l.replace(/%/g,""))&&this.headers.push(l)}}catch(s){t={error:s}}finally{try{r&&!r.done&&(a=i.return)&&a.call(i)}finally{if(t)throw t.error}}else this.headers=n},n.prototype.initializeTable=function(n,e){var t=this;Object(d.a)(this.headers)?console.log("Table headers are not presented"):(this._grid=new f.a(n,{data:[[]],columns:this.headers.map((function(n){return{title:(n||"").replace(/%/g,""),data:n,type:"text"}})),cells:function(n,a){var i=t.getCellMeta(n,a);return Object(o.a)(Object(o.a)({},i),{readOnly:e.indexOf(t.headers[a])>-1,renderer:w})},rowHeaders:function(n){return t.itemsPerPage*(t.currentPage-1)+n+1},colHeaders:!0,viewportRowRenderingOffset:1e3,filters:!1,dropdownMenu:!1,allowRemoveColumn:!0,allowRemoveRow:!0,allowInsertRow:!0,autoColumnSize:!0,autoRowSize:!0,columnSorting:!1,contextMenu:!1,currentRowClassName:"highlight",fillHandle:!1,outsideClickDeselects:!1,selectionMode:"single",sortByRelevance:!1,stretchH:"all",enterMoves:{row:0,col:1},undo:!1,afterChange:function(n,e){if(n){var o=n[0],a=o[2]!==o[3],i=o[0],r=o[1],l=t.headers.findIndex((function(n){return n===r}));-1===l&&(r=r.replace(/^%|%$/gi,""),l=t.headers.findIndex((function(n){return n===r}))),"edit"!==e&&"CopyPaste.paste"!==e||!a||(t.removeErrorAtCell(i,l),t.cellChangedSubject.next(new x({rowIndex:i,colIndex:l,colName:r})))}},afterSelection:function(n){var e=t._grid.getActiveEditor();e&&!t.observerAdded&&(new MutationObserver((function(){var n=e.TEXTAREA_PARENT;if(n){var t=e.TD,o=0===e.row?t.offsetTop:t.offsetTop-1,a=0===e.col?t.offsetLeft:t.offsetLeft-1,i=t.offsetWidth,r=e.TEXTAREA;n.style.position="absolute",n.style.setProperty("top","".concat(o,"px")),n.style.setProperty("left","".concat(a,"px")),r.style.setProperty("width","".concat(i-10,"px")),r.style.setProperty("max-width","".concat(i-10,"px"))}})).observe(e.TEXTAREA,{attributes:!0,childList:!1,subtree:!1}),t.observerAdded=!0),Object(d.a)(n)||t.rowSelectedSubject.next(n)},afterRemoveRow:function(n){Object(d.a)(n)||t.rowSelectedSubject.next(n)},beforeKeyDown:function(n){var e,o,a;8===n.keyCode||46===n.keyCode?f.a.dom.stopImmediatePropagation(n):37!==n.keyCode&&39!==n.keyCode||"STATE_EDITING"!==t._grid.getActiveEditor().state?13===n.keyCode||(null===(a=null===(o=null===(e=n.target)||void 0===e?void 0:e.root)||void 0===o?void 0:o.activeElement)||void 0===a?void 0:a.closest("#inputSavedProjectNameDialog"))&&f.a.dom.stopImmediatePropagation(n):f.a.dom.stopImmediatePropagation(n)},modifyColWidth:function(n){if(n>300)return 300}}),this.isTableCreated=!0)},n.prototype.updateTable=function(n){var e=this;Object(d.a)(this.headers)?console.log("Table headers are not presented"):this._grid.updateSettings({columns:this.headers.map((function(n){return{title:(n||"").replace(/%/g,""),data:n,type:"text"}})),cells:function(t,a){var i=e.getCellMeta(t,a);return Object(o.a)(Object(o.a)({},i),{readOnly:n.indexOf(e.headers[a])>-1,renderer:w})}},!1)},n.prototype.getCellMeta=function(n,e){var t=n>=this.rowsMetadata.length,o=e>=this.headers.length;if(!t&&!o)return this.rowsMetadata[n][this.headers[e]]},n}(),j=t(833),_=function(){function n(n){void 0===n&&(n=!0),this.rABS=n}return n.prototype.parseFile=function(n){var e=this;if(!n)return Promise.resolve([]);var t=new FileReader;return new Promise((function(o,a){t.onload=function(n){var t=n.target.result;e.rABS||(t=new Uint8Array(t));var a=e.parseXSLT(t);o(a)},t.onerror=function(n){a(n)},e.rABS?t.readAsBinaryString(n):t.readAsArrayBuffer(n)}))},n.prototype.createWorkbook=function(n){var e=this.createTable(n);return j.utils.table_to_book(e)},n.prototype.createWorkbookAndDownload=function(n,e){var t=this.createWorkbook(n);j.writeFile(t,e)},n.prototype.parseXSLT=function(n){var e=j.read(n,{type:this.rABS?"binary":"array"});return j.utils.sheet_to_json(e.Sheets.Sheet1,{raw:!1})},n.prototype.createTable=function(n){var e=[];n.forEach((function(n){Object.keys(n).forEach((function(n){-1===e.indexOf(n)&&e.push(n)}))}));var t=document.createElement("table"),o=document.createElement("tbody"),a=document.createElement("tr");return e.forEach((function(n){var e=document.createElement("th");e.textContent=n.replace(/%/g,""),a.appendChild(e)})),o.appendChild(a),n.forEach((function(n){var e=document.createElement("tr");Object.keys(n).forEach((function(t){var o=document.createElement("td");o.textContent=n[t],e.appendChild(o)})),o.appendChild(e)})),t.appendChild(o),t},n}(),k=function(n){function e(){var e=n.call(this)||this;return e.selectedRowIndex=0,e.workbookName="out.xlsx",e.columnSchemes=[],e.cellsData=[],e._isScrollingToRow=!0,e._isRestoring=!1,e.page=1,e._itemsPerPage=50,e._data=[],e.total=1,e._isDataLoaded=!1,e.format="full-height",e.tableService=new v,e.tableService.widget=e,e.xlsxService=new _,e.rowSelectedSub=e.tableService.rowSelected$.subscribe((function(n){return Object(o.b)(e,void 0,void 0,(function(){var e;return Object(o.e)(this,(function(t){switch(t.label){case 0:return e=this.selectedRowIndex.toString(),this.rowSelectedHandler(n),this._onRowChange&&e!==n.toString()?[4,this._onRowChange()]:[3,2];case 1:t.sent(),t.label=2;case 2:return[2]}}))}))})),e.cellChangedSub=e.tableService.cellChanged$.subscribe((function(n){return Object(o.b)(e,void 0,void 0,(function(){return Object(o.e)(this,(function(e){switch(e.label){case 0:return this.cellChangedHandler(n),this._onCellTextChange?[4,this._onCellTextChange()]:[3,2];case 1:e.sent(),e.label=2;case 2:return[2]}}))}))})),e}return Object(o.d)(e,n),Object.defineProperty(e.prototype,"_",{get:function(){return this.selectedRow},enumerable:!1,configurable:!0}),e.prototype._dataObserver=function(n){var e=n&&0!==n.length?n.length:1;this._setTotal(e)},e.prototype.updateParams=function(n){null!=n&&(n.itemsPerPage&&(this._itemsPerPage=n.itemsPerPage),this.tableService.itemsPerPage=this._itemsPerPage,n.fileName&&(this.workbookName=n.fileName),n.data&&(Object(s.a)(n.data,this.columnSchemes)||(this.columnSchemes=n.data,n.order&&this._sortColumnSchemesByOrder(this.columnSchemes,n.order),this.drawTable(this.columnSchemes),this.hideButtonsLeft=n.hideButtonsLeft||!1,this.hideButtonsRight=n.hideButtonsRight||!1,this.hideButtonsLeft&&this.$.buttonsLeft.classList.add("hidden"),this.hideButtonsRight&&this.$.buttonsRight.classList.add("hidden"),this.showPreloader(!1)),!c.a.isNotEmptyArray(n.tableData)||!c.a.isNotEmptyArray(n.data)||Object(s.a)(n.tableData,this.defaultTableData)&&Object(s.a)(n.data,this.columnSchemes)||(this.defaultTableData=n.tableData,this.loadData(n.tableData),this.showPreloader(!1))),Object(l.a)(n.updateItem)||this.updateItemData(n.updateItem),Object(l.a)(n.customTexts)||this.updateTexts(n.customTexts),c.a.isNotNullOrUndefined(n.scrollToRowEnabled)&&(this._isScrollingToRow=n.scrollToRowEnabled),n.allowedFileTypes&&this._updateFileTypes(n.allowedFileTypes),n.onRowChange&&(this._onRowChange=c.a.functionWrapperConstructor(n.onRowChange)),n.onCellTextChange&&(this._onCellTextChange=c.a.functionWrapperConstructor(n.onCellTextChange)),this.notifyPath("tableService.isTableEmpty"),this.emitChange())},e.prototype._sortColumnSchemesByOrder=function(n,e){var t=e.map((function(n){return n.toLowerCase()})),o=[],a=[];n.forEach((function(n){var e=t.indexOf(n.name.toLowerCase());-1===e?a.push(n):o[e]=n})),this.columnSchemes=o.concat(a).filter((function(n){return null!==n}))},e.prototype._updateFileTypes=function(n){var e=Array.isArray(n)?n:[n];this.$.openFile.accept=e.join(",")},e.prototype._setTotal=function(n){this.total=0===n?1:n},e.prototype.clearSelection=function(){throw new Error("Method not implemented.")},e.prototype.addRow=function(){var n=this;!function(){var e;n.tableService.addRow(),n.tableService.render(!0);var t=n.tableService.getData();(e=n._data).splice.apply(e,Object(o.j)([(n.page-1)*n._itemsPerPage,n._itemsPerPage],Object(o.h)(t.slice(0,t.length-1)),!1)),n._data.push(t.slice(t.length-1)[0]),n._setTotal(n._data.length),n.goToPage(Math.ceil(n._data.length/n._itemsPerPage));var a=n._data.length%n._itemsPerPage-1;n.tableService.selectRow(a),n._isScrollingToRow&&n.tableService.getCell(a,0).scrollIntoView(),n.notifyPath("tableService.isTableEmpty"),n.emitChange()}()},e.prototype.deleteRow=function(){var n=this;!function(){var e;n.cellsData.length>n.selectedRowIndex&&n.cellsData.splice(n.selectedRowIndex,1);var t=n.tableService.deleteRow();n.tableService.render(!0);var a=n.tableService.getData();-1!==t&&((e=n._data).splice.apply(e,Object(o.j)([(n.page-1)*n._itemsPerPage,n._itemsPerPage],Object(o.h)(a),!1)),n._setTotal(n._data.length),0===a.length&&n._data.length%n._itemsPerPage==0&&1!==n.page&&(n.page-=1),n.goToPage(n.page),n.tableService.selectRow(n._itemsPerPage-1),n._isScrollingToRow&&n.tableService.getCell(a.length-1,0).scrollIntoView()),n.notifyPath("tableService.isTableEmpty"),n.emitChange()}()},e.prototype.setErrors=function(n){var e,t;if(!Object(l.a)(n))try{for(var a=Object(o.k)(n),i=a.next();!i.done;i=a.next()){var r=i.value;Object(d.a)(r.rowIndex)||Object(d.a)(r.itemName)||this.tableService.setErrorAtCell(r.rowIndex,r.itemName,r.message)}}catch(s){e={error:s}}finally{try{i&&!i.done&&(t=a.return)&&t.call(a)}finally{if(e)throw e.error}}},e.prototype.getSelectedRowData=function(){return this.getRowData(this.selectedRowIndex)},e.prototype.getTableData=function(){var n=this;return this.tableService.getData().map((function(e,t){return n.getRowData(t)}))},e.prototype._showTableMessages=function(n,e){return!n||e},e.prototype._tableStyle=function(n){return this.tableService.render(!0),n?"display: block;":"display: none;"},e.prototype.onStepChanged=function(){this.tableService.render(!0)},e.prototype.getRowData=function(n){var e=this,t=this.tableService.getData()[n],a=this.cellsData[n];return Object.keys(t).map((function(n){var i=Object(r.a)(e.columnSchemes.find((function(e){return e.name===n}))),l=a?a[n]:{};return Object(o.a)(Object(o.a)(Object(o.a)({},i),l),{value:t[n]})}))},e.prototype.updateItemData=function(n){if(n&&n.name&&!this.columnSchemes.every((function(e){return e.name!==n.name}))){var e=this.cellsData[this.selectedRowIndex];if(Object(d.a)(e)&&(e=this.cellsData[this.selectedRowIndex]={}),e[n.name]=n,n.value){var t=this.tableService.currentHeaders.findIndex((function(e){return e===n.name}));"ImagePlaceholder"===this.columnSchemes[t].type&&this.tableService.setDataAtCell(this.selectedRowIndex,t,n.value,"silent")}this.selectedRow=this.tableService.getData()[this.selectedRowIndex],c.a.isNotNullOrUndefined(this.selectedRow)&&this.emitChange({selectedRow:this.selectedRow})}},e.prototype.drawTable=function(n){if(Object(l.a)(n))this.tableService.destroyTable();else{var e=n.map((function(n){return{header:n.name,defaultValue:n.value,readonly:n.readonly}}));this.tableService.drawTable(this.$.table,e)}this.notifyPath("tableService.isTableCreated"),this.notifyPath("tableService.isTableEmpty")},e.prototype.loadData=function(n){this._isDataLoaded=!0,this._data=n,this.page=1,this.tableService.isTableCreated&&(this._isRestoring||this.emitChange(),this.goToPage(1))},e.prototype.goToPage=function(n){void 0===n&&(n=1),this.page=n,this.tableService.currentPage=n;var e=this._data.slice((n-1)*this._itemsPerPage,n*this._itemsPerPage);this.tableService.loadData(e),this.notifyPath("tableService.isTableEmpty")},e.prototype._pageChangedHandler=function(n){this.goToPage(n.detail.page)},e.prototype.renderTable=function(){this.tableService.render(!0)},e.prototype.exportWidgetData=function(n){return Object(o.b)(this,void 0,void 0,(function(){var n,e;return Object(o.e)(this,(function(t){return n=this.tableService.getData(),(e=this._data.slice(0)).splice.apply(e,Object(o.j)([(this.page-1)*this._itemsPerPage,this._itemsPerPage],Object(o.h)(n),!1)),[2,{tableData:e,columnSchemes:this.columnSchemes}]}))}))},e.prototype.restoreWidgetFromData=function(n,e){return Object(o.b)(this,void 0,void 0,(function(){return Object(o.e)(this,(function(e){return n&&n.tableData&&(this._isRestoring=!0,this.columnSchemes=n.columnSchemes,this.drawTable(this.columnSchemes),this.loadData(n.tableData),this.tableService.render()),this._isRestoring=!1,[2]}))}))},e.prototype.updateTexts=function(n){n.tableIsEmpty&&this.set("texts.emptyRowsText",n.tableIsEmpty),n.tableNotCreatedText&&this.set("texts.tableNotCreatedText",n.tableNotCreatedText)},e.prototype.rowSelectedHandler=function(n){this.selectedRowIndex=n,this.selectedRow=this.tableService.getData()[n],c.a.isNotNullOrUndefined(this.selectedRow)&&this.emitChange({selectedRowIndex:this.selectedRowIndex,selectedRow:this.selectedRow})},e.prototype.cellChangedHandler=function(n){this.selectedColumnIndex=n.colIndex;var e=this.columnSchemes.find((function(e){return e.name===n.colName}));if(e&&"ImagePlaceholder"===e.type){var t=this.cellsData[n.rowIndex];t&&(t[n.colName]=null)}this.rowSelectedHandler(n.rowIndex)},e.prototype.openFileDialog=function(){this.$.openFile.click()},e.prototype.downloadXSLTFile=function(){var n,e=this.tableService.getData();(n=this._data).splice.apply(n,Object(o.j)([(this.page-1)*this._itemsPerPage,this._itemsPerPage],Object(o.h)(e),!1)),this.xlsxService.createWorkbookAndDownload(this._data,this.workbookName)},e.prototype.changeFile=function(n){return Object(o.b)(this,void 0,void 0,(function(){var e,t,a,i,r;return Object(o.e)(this,(function(o){switch(o.label){case 0:return e=n.target.files,(t=e[0]).name&&this.params.allowedFileTypes&&(a="."+t.name.split(".").slice(-1)[0].toLowerCase(),-1===c.a.ensureArray(this.params.allowedFileTypes).map((function(n){return n.toLowerCase()})).indexOf(a))?(i=this.localize("widgets.datasheet.messages.wrongFileExtension"),this.showToast(i,5e3),[2]):[4,this.xlsxService.parseFile(t)];case 1:return r=o.sent(),this.loadData(r),this.$.openFile.value="",this._onRowChange?[4,this._onRowChange()]:[3,3];case 2:return o.sent(),[3,5];case 3:return this._onCellTextChange?[4,this._onCellTextChange()]:[3,5];case 4:o.sent(),o.label=5;case 5:return[2]}}))}))},e.prototype.dispose=function(){this.rowSelectedSub&&!this.rowSelectedSub.closed&&this.rowSelectedSub.unsubscribe(),this.cellChangedSub&&!this.cellChangedSub.closed&&this.cellChangedSub.unsubscribe()},Object(o.c)([Object(h.c)(),Object(o.g)("design:type",Object),Object(o.g)("design:paramtypes",[])],e.prototype,"_",null),Object(o.c)([Object(h.c)(),Object(o.g)("design:type",Object)],e.prototype,"selectedRow",void 0),Object(o.c)([Object(h.c)(),Object(o.g)("design:type",Number)],e.prototype,"selectedRowIndex",void 0),Object(o.c)([Object(h.c)(),Object(o.g)("design:type",Number)],e.prototype,"selectedColumnIndex",void 0),Object(o.c)([Object(h.c)(),Object(o.g)("design:type",Object)],e.prototype,"params",void 0),Object(o.c)([Object(h.c)(),Object(o.g)("design:type",String)],e.prototype,"text",void 0),Object(o.c)([Object(h.c)(),Object(o.g)("design:type",String)],e.prototype,"workbookName",void 0),Object(o.c)([Object(h.c)(),Object(o.g)("design:type",Array)],e.prototype,"tableData",void 0),Object(o.c)([Object(h.c)(),Object(o.g)("design:type",Number)],e.prototype,"total",void 0),Object(o.c)([Object(h.b)("_data"),Object(o.g)("design:type",Function),Object(o.g)("design:paramtypes",[Array]),Object(o.g)("design:returntype",void 0)],e.prototype,"_dataObserver",null),Object(o.c)([Object(h.a)("au-widget-datasheet",i.a+u.a),Object(o.g)("design:paramtypes",[])],e)}(b.b)}}]);