@sme.up/ketchup 9.6.3 → 9.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{f-button-9a0eba42.js → f-button-89de2403.js} +1 -1
- package/dist/cjs/{f-cell-1ad41071.js → f-cell-75dbd6eb.js} +9 -29
- package/dist/cjs/{f-chip-48851b4f.js → f-chip-08857345.js} +2 -2
- package/dist/cjs/{f-image-541e5f4d.js → f-image-a41d7f1e.js} +1 -1
- package/dist/cjs/{f-paginator-utils-8ff2a9b4.js → f-paginator-utils-ff07301e.js} +3 -3
- package/dist/cjs/{f-text-field-ac5d6497.js → f-text-field-eb207a83.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/ketchup.cjs.js +1 -1
- package/dist/cjs/kup-accordion.cjs.entry.js +3 -3
- package/dist/cjs/kup-autocomplete_27.cjs.entry.js +47 -47
- package/dist/cjs/kup-box.cjs.entry.js +8 -8
- package/dist/cjs/kup-calendar.cjs.entry.js +5 -5
- package/dist/cjs/kup-card-list.cjs.entry.js +2 -2
- package/dist/cjs/kup-cell.cjs.entry.js +7 -7
- package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js +8 -8
- package/dist/cjs/kup-dashboard.cjs.entry.js +5 -5
- package/dist/cjs/{kup-dates-b7d53b4d.js → kup-dates-e22ee32c.js} +21 -0
- package/dist/cjs/kup-drawer.cjs.entry.js +2 -2
- package/dist/cjs/kup-echart.cjs.entry.js +2 -2
- package/dist/cjs/kup-editor.cjs.entry.js +2 -2
- package/dist/cjs/kup-family-tree.cjs.entry.js +4 -4
- package/dist/cjs/kup-gantt_10.cjs.entry.js +21 -21
- package/dist/cjs/kup-grid.cjs.entry.js +2 -2
- package/dist/cjs/kup-iframe.cjs.entry.js +2 -2
- package/dist/cjs/kup-image-list.cjs.entry.js +7 -7
- package/dist/cjs/kup-input-panel.cjs.entry.js +298 -0
- package/dist/cjs/kup-lazy.cjs.entry.js +13 -13
- package/dist/cjs/kup-magic-box.cjs.entry.js +6 -6
- package/dist/cjs/{kup-manager-26a9154b.js → kup-manager-abfe4ddd.js} +9 -1
- package/dist/cjs/kup-nav-bar.cjs.entry.js +3 -3
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +4 -4
- package/dist/cjs/kup-pdf.cjs.entry.js +76600 -0
- package/dist/cjs/kup-photo-frame.cjs.entry.js +4 -4
- package/dist/cjs/{kup-planner-renderer-helper-680bbd5a.js → kup-planner-renderer-helper-9f776d6e.js} +1 -1
- package/dist/cjs/kup-planner-renderer.cjs.entry.js +3 -3
- package/dist/cjs/kup-planner.cjs.entry.js +4 -4
- package/dist/cjs/kup-probe.cjs.entry.js +3 -3
- package/dist/cjs/kup-qlik.cjs.entry.js +3 -3
- package/dist/cjs/kup-snackbar.cjs.entry.js +5 -5
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/index.js +8 -0
- package/dist/collection/assets/input-panel.js +249 -0
- package/dist/collection/assets/pdf.js +15 -0
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/kup-input-panel/kup-input-panel-declarations.js +8 -0
- package/dist/collection/components/kup-input-panel/kup-input-panel.css +132 -0
- package/dist/collection/components/kup-input-panel/kup-input-panel.e2e.js +305 -0
- package/dist/collection/components/kup-input-panel/kup-input-panel.js +522 -0
- package/dist/collection/components/kup-lazy/kup-lazy.js +11 -11
- package/dist/collection/components/kup-list/kup-list.js +1 -1
- package/dist/collection/components/kup-magic-box/kup-magic-box.js +3 -3
- package/dist/collection/components/kup-nav-bar/kup-nav-bar.js +1 -1
- package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js +1 -1
- package/dist/collection/components/kup-pdf/kup-pdf-declarations.js +8 -0
- package/dist/collection/components/kup-pdf/kup-pdf.css +169 -0
- package/dist/collection/components/kup-pdf/kup-pdf.js +262 -0
- package/dist/collection/components/kup-photo-frame/kup-photo-frame.js +2 -2
- package/dist/collection/components/kup-planner/kup-planner.js +1 -1
- package/dist/collection/components/kup-planner/utils/custom-task-list-header.js +2 -2
- package/dist/collection/components/kup-planner/utils/custom-task-list-table.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.js +2 -2
- package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.js +2 -2
- package/dist/collection/components/kup-planner/utils/kup-planner-renderer.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-switcher/kup-switcher.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.js +2 -2
- package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-header.js +7 -7
- package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-table.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-tooltip.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.js +2 -2
- package/dist/collection/components/kup-probe/kup-probe.js +1 -1
- package/dist/collection/components/kup-progress-bar/kup-progress-bar.js +1 -1
- package/dist/collection/components/kup-qlik/kup-qlik.js +1 -1
- package/dist/collection/components/kup-rating/kup-rating.js +1 -1
- package/dist/collection/components/kup-snackbar/kup-snackbar.js +1 -1
- package/dist/collection/components/kup-spinner/kup-spinner.js +34 -34
- package/dist/collection/components/kup-switch/kup-switch.js +1 -1
- package/dist/collection/components/kup-time-picker/kup-time-picker.js +1 -1
- package/dist/collection/f-components/f-cell/f-cell.js +5 -24
- package/dist/collection/managers/kup-theme/kup-theme-declarations.js +7 -0
- package/dist/collection/types/GenericTypes.js +1 -0
- package/dist/components/custom-task-list-header.js +2 -2
- package/dist/components/custom-task-list-table.js +1 -1
- package/dist/components/kup-autocomplete2.js +44 -64
- package/dist/components/kup-box2.js +1 -1
- package/dist/components/kup-calendar.js +1 -1
- package/dist/components/kup-cell.js +1 -1
- package/dist/components/kup-dashboard.js +1 -1
- package/dist/components/kup-dates.js +20 -1
- package/dist/components/kup-echart2.js +1 -1
- package/dist/components/kup-gantt-calendar2.js +1 -1
- package/dist/components/kup-gantt2.js +1 -1
- package/dist/components/kup-grid-renderer2.js +2 -2
- package/dist/components/kup-grid2.js +1 -1
- package/dist/components/kup-horizontal-scroll2.js +2 -2
- package/dist/components/kup-iframe.js +1 -1
- package/dist/components/kup-image-list.js +1 -1
- package/dist/components/kup-input-panel.d.ts +11 -0
- package/dist/components/kup-input-panel.js +449 -0
- package/dist/components/kup-lazy.js +11 -11
- package/dist/components/kup-magic-box.js +4 -4
- package/dist/components/kup-manager.js +9 -1
- package/dist/components/kup-nav-bar.js +1 -1
- package/dist/components/kup-numeric-picker.js +2 -2
- package/dist/components/kup-pdf.d.ts +11 -0
- package/dist/components/kup-pdf.js +76756 -0
- package/dist/components/kup-photo-frame.js +2 -2
- package/dist/components/kup-planner-renderer2.js +1 -1
- package/dist/components/kup-planner.js +1 -1
- package/dist/components/kup-probe.js +1 -1
- package/dist/components/kup-qlik.js +1 -1
- package/dist/components/kup-snackbar.js +1 -1
- package/dist/components/kup-standard-tooltip2.js +1 -1
- package/dist/components/kup-switcher2.js +1 -1
- package/dist/components/kup-task-gantt2.js +2 -2
- package/dist/components/kup-task-list-header2.js +7 -7
- package/dist/components/kup-task-list-table2.js +1 -1
- package/dist/components/kup-task-list2.js +1 -1
- package/dist/components/kup-tooltip2.js +1 -1
- package/dist/components/kup-vertical-scroll2.js +2 -2
- package/dist/esm/{f-button-45d690a5.js → f-button-1eebd42e.js} +1 -1
- package/dist/esm/{f-cell-63db06db.js → f-cell-af19d5c7.js} +9 -29
- package/dist/esm/{f-chip-f1ab6c5e.js → f-chip-9e5fdb25.js} +2 -2
- package/dist/esm/{f-image-8b382cc5.js → f-image-1e1ed567.js} +1 -1
- package/dist/esm/{f-paginator-utils-ae563cd5.js → f-paginator-utils-dede029b.js} +3 -3
- package/dist/esm/{f-text-field-b5fcb598.js → f-text-field-802b45fb.js} +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/ketchup.js +1 -1
- package/dist/esm/kup-accordion.entry.js +3 -3
- package/dist/esm/kup-autocomplete_27.entry.js +47 -47
- package/dist/esm/kup-box.entry.js +8 -8
- package/dist/esm/kup-calendar.entry.js +5 -5
- package/dist/esm/kup-card-list.entry.js +2 -2
- package/dist/esm/kup-cell.entry.js +7 -7
- package/dist/esm/kup-custom-task-list-header_4.entry.js +8 -8
- package/dist/esm/kup-dashboard.entry.js +5 -5
- package/dist/esm/{kup-dates-4ad48be7.js → kup-dates-26a56bf7.js} +20 -1
- package/dist/esm/kup-drawer.entry.js +2 -2
- package/dist/esm/kup-echart.entry.js +2 -2
- package/dist/esm/kup-editor.entry.js +2 -2
- package/dist/esm/kup-family-tree.entry.js +4 -4
- package/dist/esm/kup-gantt_10.entry.js +21 -21
- package/dist/esm/kup-grid.entry.js +2 -2
- package/dist/esm/kup-iframe.entry.js +2 -2
- package/dist/esm/kup-image-list.entry.js +7 -7
- package/dist/esm/kup-input-panel.entry.js +294 -0
- package/dist/esm/kup-lazy.entry.js +13 -13
- package/dist/esm/kup-magic-box.entry.js +6 -6
- package/dist/esm/{kup-manager-cdb4f21a.js → kup-manager-dd24fb5a.js} +9 -1
- package/dist/esm/kup-nav-bar.entry.js +3 -3
- package/dist/esm/kup-numeric-picker.entry.js +4 -4
- package/dist/esm/kup-pdf.entry.js +76596 -0
- package/dist/esm/kup-photo-frame.entry.js +4 -4
- package/dist/esm/{kup-planner-renderer-helper-da0518be.js → kup-planner-renderer-helper-b4727e44.js} +1 -1
- package/dist/esm/kup-planner-renderer.entry.js +3 -3
- package/dist/esm/kup-planner.entry.js +4 -4
- package/dist/esm/kup-probe.entry.js +3 -3
- package/dist/esm/kup-qlik.entry.js +3 -3
- package/dist/esm/kup-snackbar.entry.js +5 -5
- package/dist/esm/loader.js +1 -1
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/p-14943de9.entry.js +1 -0
- package/dist/ketchup/{p-c6b34763.entry.js → p-158076de.entry.js} +1 -1
- package/dist/ketchup/{p-670354ef.entry.js → p-180cd7ab.entry.js} +1 -1
- package/dist/ketchup/{p-b6a21b6a.entry.js → p-19a13672.entry.js} +1 -1
- package/dist/ketchup/{p-d9284d98.entry.js → p-201f8d7b.entry.js} +1 -1
- package/dist/ketchup/{p-41e8402e.entry.js → p-26d42b88.entry.js} +1 -1
- package/dist/ketchup/{p-590c34bc.js → p-2d4a9235.js} +1 -1
- package/dist/ketchup/{p-090e5097.entry.js → p-2e04042b.entry.js} +1 -1
- package/dist/ketchup/{p-e508b2fd.entry.js → p-34d70475.entry.js} +1 -1
- package/dist/ketchup/{p-e0a1fbe7.entry.js → p-3b544027.entry.js} +1 -1
- package/dist/ketchup/{p-4c100286.entry.js → p-43ce397b.entry.js} +1 -1
- package/dist/ketchup/{p-31c0cfc0.entry.js → p-489af77f.entry.js} +1 -1
- package/dist/ketchup/{p-ca8a1f53.entry.js → p-4f69f6f9.entry.js} +1 -1
- package/dist/ketchup/{p-ba0f28b7.js → p-61e8d573.js} +1 -1
- package/dist/ketchup/{p-ca42a421.entry.js → p-636be6f1.entry.js} +2 -2
- package/dist/ketchup/{p-ec4050e1.entry.js → p-63c141d9.entry.js} +1 -1
- package/dist/ketchup/{p-4dfc5927.entry.js → p-6972fa0c.entry.js} +1 -1
- package/dist/ketchup/{p-a5074ce4.js → p-6c888179.js} +1 -1
- package/dist/ketchup/{p-1474852d.entry.js → p-79f4dc5b.entry.js} +1 -1
- package/dist/ketchup/{p-2b40d9b9.entry.js → p-818e61d5.entry.js} +1 -1
- package/dist/ketchup/{p-9a856951.js → p-8229b97a.js} +1 -1
- package/dist/ketchup/p-8f3d400a.entry.js +44 -0
- package/dist/ketchup/{p-bedabdb5.js → p-8fcdf454.js} +1 -1
- package/dist/ketchup/{p-ad6a3c2a.entry.js → p-a2e14d8b.entry.js} +1 -1
- package/dist/ketchup/{p-d839ce21.entry.js → p-a2e691b8.entry.js} +2 -2
- package/dist/ketchup/p-a46f99d4.js +1 -0
- package/dist/ketchup/{p-1cd48eea.entry.js → p-b238cde7.entry.js} +1 -1
- package/dist/ketchup/{p-837bd0a6.entry.js → p-b3b50bb5.entry.js} +1 -1
- package/dist/ketchup/{p-d50515f7.js → p-c0f660d6.js} +1 -1
- package/dist/ketchup/{p-157f0e89.entry.js → p-cd7fec02.entry.js} +1 -1
- package/dist/ketchup/{p-cbe42afd.entry.js → p-dcf7e9b6.entry.js} +1 -1
- package/dist/ketchup/{p-e0c10de2.entry.js → p-e0e47ca9.entry.js} +1 -1
- package/dist/ketchup/{p-9852b1e9.js → p-e4c63684.js} +1 -1
- package/dist/ketchup/{p-cc7352a8.entry.js → p-e7507dd6.entry.js} +1 -1
- package/dist/ketchup/p-eb8ea3a6.js +1 -0
- package/dist/ketchup/{p-d608f866.entry.js → p-f998ff28.entry.js} +1 -1
- package/dist/ketchup/{p-21351b19.entry.js → p-f9a7c21c.entry.js} +1 -1
- package/dist/types/components/kup-input-panel/kup-input-panel-declarations.d.ts +79 -0
- package/dist/types/components/kup-input-panel/kup-input-panel.d.ts +67 -0
- package/dist/types/components/kup-pdf/kup-pdf-declarations.d.ts +7 -0
- package/dist/types/components/kup-pdf/kup-pdf.d.ts +42 -0
- package/dist/types/components.d.ts +158 -0
- package/dist/types/types/GenericTypes.d.ts +1 -0
- package/package.json +2 -1
- package/dist/ketchup/p-5c79cb74.js +0 -1
- package/dist/ketchup/p-935f58fc.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as o,H as n,d as s}from"./p-47040db6.js";import{F as a}from"./p-590c34bc.js";import{F as l}from"./p-e2bf2bb6.js";import{F as h}from"./p-a5074ce4.js";import{F as r}from"./p-b3577066.js";import{k as c,g as p,s as d,ah as f,l as m,Q as u,d as g}from"./p-9a856951.js";import{c as x}from"./p-635bb4b3.js";import"./p-c634eb82.js";import"./p-d50515f7.js";import"./p-d4a879fc.js";import"./p-935f58fc.js";var y;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(y||(y={}));const b=class{constructor(e){t(this,e),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=c(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return p(this,y,t)}async refresh(){e(this)}async setProps(t){d(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(f.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(f.SAVE),onClick:()=>this.onKupSave()};return o("div",{class:"header"},this.enableDesign?o(a,Object.assign({},t)):void 0,this.enableDesign?o(a,Object.assign({},i)):void 0)}buildForm(t,i){return t?o("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:e=>{e&&(e.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):o("div",null,this.kupManager.language.translate(m.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(f.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value,this.refresh()}},n={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},s={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1),this.resetData(this.internalData)}},r={checked:t.loaded,label:this.kupManager.language.translate(f.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},c={checked:"column"==t.layout,label:this.kupManager.language.translate(f.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return o("div",{class:"section-header"},o("div",null,t.id," - ",t.layout),o("div",null,o("div",{class:"section-header-actions"},o(h,Object.assign({},e)),o(l,Object.assign({},r)),o(l,Object.assign({},c)),o(a,Object.assign({},n)),o(a,Object.assign({},s)))))}buildSection(t,i){const e={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return o("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:e=>{e&&(e.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,o("div",{class:e,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:o("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,e,o,n){let s=o;for(let o=0;o<n.length;o++){const a=n[o].getBoundingClientRect();if(e&&t<a.y){s=o;break}if(!e&&i<a.x){s=o;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,u.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const o=this.calcSectionPosition(t,i,"column"==e.kupData.form.layout,e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,o)}else if(e.kupData.section){const o=this.calcSectionPosition(t,i,"column"==e.kupData.section.layout,e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,o)}}dropped(t,i,e){const o=e.kupData.parent.sections.indexOf(e.kupData.section);if(e.kupData.parent.sections.splice(o,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,e.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{e+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=e),"row"==t.layout&&(i.gridTemplateColumns=e)}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder",t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{r(t)}))}this.didRenderInteractables()}render(){return o(n,{key:"d137a4cd1fe9f41d4b3b26bd9ea21661b005e824"},o("style",{key:"97e692c9fde917dc863029428329b4a08cbed122"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"7e48783550fee1e317c77b3ff5edab3d4cbc0274",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{b as kup_dashboard}
|
|
1
|
+
import{r as t,c as i,f as e,h as o,H as n,d as s}from"./p-47040db6.js";import{F as a}from"./p-2d4a9235.js";import{F as l}from"./p-e2bf2bb6.js";import{F as h}from"./p-6c888179.js";import{F as r}from"./p-b3577066.js";import{k as c,g as p,s as d,ah as f,l as m,Q as u,d as g}from"./p-8229b97a.js";import{c as x}from"./p-635bb4b3.js";import"./p-c634eb82.js";import"./p-c0f660d6.js";import"./p-d4a879fc.js";import"./p-eb8ea3a6.js";var y;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(y||(y={}));const b=class{constructor(e){t(this,e),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=c(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return p(this,y,t)}async refresh(){e(this)}async setProps(t){d(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(f.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(f.SAVE),onClick:()=>this.onKupSave()};return o("div",{class:"header"},this.enableDesign?o(a,Object.assign({},t)):void 0,this.enableDesign?o(a,Object.assign({},i)):void 0)}buildForm(t,i){return t?o("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:e=>{e&&(e.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):o("div",null,this.kupManager.language.translate(m.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(f.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value,this.refresh()}},n={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},s={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1),this.resetData(this.internalData)}},r={checked:t.loaded,label:this.kupManager.language.translate(f.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},c={checked:"column"==t.layout,label:this.kupManager.language.translate(f.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return o("div",{class:"section-header"},o("div",null,t.id," - ",t.layout),o("div",null,o("div",{class:"section-header-actions"},o(h,Object.assign({},e)),o(l,Object.assign({},r)),o(l,Object.assign({},c)),o(a,Object.assign({},n)),o(a,Object.assign({},s)))))}buildSection(t,i){const e={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return o("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:e=>{e&&(e.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,o("div",{class:e,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:o("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,e,o,n){let s=o;for(let o=0;o<n.length;o++){const a=n[o].getBoundingClientRect();if(e&&t<a.y){s=o;break}if(!e&&i<a.x){s=o;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,u.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const o=this.calcSectionPosition(t,i,"column"==e.kupData.form.layout,e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,o)}else if(e.kupData.section){const o=this.calcSectionPosition(t,i,"column"==e.kupData.section.layout,e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,o)}}dropped(t,i,e){const o=e.kupData.parent.sections.indexOf(e.kupData.section);if(e.kupData.parent.sections.splice(o,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,e.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{e+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=e),"row"==t.layout&&(i.gridTemplateColumns=e)}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder",t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{r(t)}))}this.didRenderInteractables()}render(){return o(n,{key:"d137a4cd1fe9f41d4b3b26bd9ea21661b005e824"},o("style",{key:"97e692c9fde917dc863029428329b4a08cbed122"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"7e48783550fee1e317c77b3ff5edab3d4cbc0274",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{b as kup_dashboard}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as r,f as i,h as a,H as n,d as t}from"./p-47040db6.js";import{k as c,g as e,s as p,c as d,a as s}from"./p-9a856951.js";import{F as l}from"./p-d50515f7.js";import{c as u}from"./p-635bb4b3.js";import{M as h}from"./p-d4a879fc.js";import"./p-935f58fc.js";var f;!function(o){o.customStyle="Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization",o.data="Data of the accordion.",o.ripple="When enabled displays Material's ripple effect on item headers."}(f||(f={}));const k=class{constructor(i){o(this,i),this.kupAccordionItemSelected=r(this,"kup-accordion-itemselected",6),this.kupManager=c(),this.slotsNames=[],this.selectedItems=[],this.customStyle="",this.data=null,this.ripple=!0}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const r=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(r)for(let o=0;o<r.length;o++)h.attachTo(r[o])}}async collapseAll(){const o=[];for(let r=0;r<this.data.columns.length;r++){const i=this.data.columns[r].name;!this.isItemExpandible(i)&&this.isItemSelected(i)&&o.push(i)}this.selectedItems=o}async expandAll(){const o=[];for(let r=0;r<this.data.columns.length;r++){const i=this.data.columns[r].name;this.isItemExpandible(i)&&o.push(i)}this.selectedItems=o}async getProps(o){return e(this,f,o)}async refresh(){i(this)}async setProps(o){p(this,f,o)}async toggleItem(o){const r=this.isItemExpandible(o),i=[...this.selectedItems];i.includes(o)?i.splice(i.indexOf(o),1):i.push(o),this.selectedItems=i,r||this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[],r=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<r.length;o++)this.slotsNames.push(r[o].slot);for(let r=0;r<this.data.columns.length;r++){const i=this.data.columns[r],n=i.name,t=this.isItemSelected(n),c=this.isItemExpandible(n),e={"accordion-item__content":!0,"accordion-item__content--selected":!!t};o.push(a("div",{class:"accordion-item"},a("div",{title:i.title,class:{"accordion-item__header":!0,"accordion-item__header--selected":!(c||!t),"accordion-item__header--expanded":!(!c||!t),"mdc-ripple-surface":!!this.ripple},onClick:()=>this.toggleItem(n)},i.icon?a(l,{color:`var(${d.ICON})`,resource:i.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,a("span",{class:"accordion-item__text"},i.title),c?a("span",{class:`accordion-item__dropdown kup-icon ${s.DROPDOWN.replace("--","")}`}):null),a("div",{class:e},a("slot",{name:i.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const r=o.querySelectorAll(".mdc-ripple-surface");if(r)for(let o=0;o<r.length;o++)h.attachTo(r[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return a(n,{key:"12da47dc3f3462e4d3e78b5266ee5416c26a2a99"},a("style",{key:"af0aa37c789ba350584ffd5289e5e08a581a2bb7"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"e662e0fb3e38440eb105a18f0e6302d5b619a958",id:u},a("div",{key:"e5860263f1b09c6f9f64d3a15ccbde1d2d88a316",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return t(this)}static get watchers(){return{ripple:["applyRipple"]}}};k.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_background_color:var(\n --kup-accordion-background-color,\n var(--kup-background-color)\n );--kup_accordion_border:var(\n --kup-accordion-border,\n 1px solid var(--kup-border-color)\n );--kup_accordion_border_radius:var(--kup-accordion-border-radius, 4px);--kup-accordion_dropdown_icon_color:var(\n --kup-accordion-dropdown-icon-color,\n var(--kup-icon-color)\n );--kup_accordion_font_family:var(\n --kup-accordion-font-family,\n var(--kup-font-family)\n );--kup_accordion_font_size:var(\n --kup-accordion-font-size,\n var(--kup-font-size)\n );--kup_accordion_hover_background_color:var(\n --kup-accordion-hover-background-color,\n var(--kup-hover-background-color)\n );--kup_accordion_hover_color:var(\n --kup-accordion-hover-color,\n var(--kup-hover-color)\n );--kup_accordion_padding:var(--kup-accordion-padding, 1em 1.5em);--kup_accordion_primary_color:var(\n --kup-accordion-primary-color,\n var(--kup-primary-color)\n );--kup_accordion_primary_color_rgb:var(\n --kup-accordion-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_accordion_text_color:var(\n --kup-accordion-text-color,\n var(--kup-text-color)\n );--kup_accordion_text_on_primary_color:var(\n --kup-accordion-text-on-primary-color,\n var(--kup-text-on-primary-color)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{background-color:var(--kup_accordion_background_color);border-bottom:var(--kup_accordion_border);border-radius:var(--kup_accordion_border_radius);border-top:var(--kup_accordion_border);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-left:var(--kup_accordion_border);border-right:var(--kup_accordion_border);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:not(:first-of-type){border-top:var(--kup_accordion_border)}.accordion-item__header{align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%}.accordion-item__header:hover:not(.accordion-item__header--selected){color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded{color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__header--selected{background-color:rgba(var(--kup_accordion_primary_color_rgb), 0.175)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup-accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{animation:fade-in 0.25s ease-out;display:none}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color);--kup-accordion-primary-color-rgb:var(--kup-danger-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color);--kup-accordion-primary-color-rgb:var(--kup-success-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color);--kup-accordion-primary-color-rgb:var(--kup-warning-color-rgb);--kup-accordion-text-on-primary-color:white}";export{k as kup_accordion}
|
|
1
|
+
import{r as o,c as r,f as i,h as a,H as n,d as t}from"./p-47040db6.js";import{k as c,g as e,s as p,c as d,a as s}from"./p-8229b97a.js";import{F as l}from"./p-c0f660d6.js";import{c as u}from"./p-635bb4b3.js";import{M as h}from"./p-d4a879fc.js";import"./p-eb8ea3a6.js";var f;!function(o){o.customStyle="Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization",o.data="Data of the accordion.",o.ripple="When enabled displays Material's ripple effect on item headers."}(f||(f={}));const k=class{constructor(i){o(this,i),this.kupAccordionItemSelected=r(this,"kup-accordion-itemselected",6),this.kupManager=c(),this.slotsNames=[],this.selectedItems=[],this.customStyle="",this.data=null,this.ripple=!0}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const r=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(r)for(let o=0;o<r.length;o++)h.attachTo(r[o])}}async collapseAll(){const o=[];for(let r=0;r<this.data.columns.length;r++){const i=this.data.columns[r].name;!this.isItemExpandible(i)&&this.isItemSelected(i)&&o.push(i)}this.selectedItems=o}async expandAll(){const o=[];for(let r=0;r<this.data.columns.length;r++){const i=this.data.columns[r].name;this.isItemExpandible(i)&&o.push(i)}this.selectedItems=o}async getProps(o){return e(this,f,o)}async refresh(){i(this)}async setProps(o){p(this,f,o)}async toggleItem(o){const r=this.isItemExpandible(o),i=[...this.selectedItems];i.includes(o)?i.splice(i.indexOf(o),1):i.push(o),this.selectedItems=i,r||this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[],r=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<r.length;o++)this.slotsNames.push(r[o].slot);for(let r=0;r<this.data.columns.length;r++){const i=this.data.columns[r],n=i.name,t=this.isItemSelected(n),c=this.isItemExpandible(n),e={"accordion-item__content":!0,"accordion-item__content--selected":!!t};o.push(a("div",{class:"accordion-item"},a("div",{title:i.title,class:{"accordion-item__header":!0,"accordion-item__header--selected":!(c||!t),"accordion-item__header--expanded":!(!c||!t),"mdc-ripple-surface":!!this.ripple},onClick:()=>this.toggleItem(n)},i.icon?a(l,{color:`var(${d.ICON})`,resource:i.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,a("span",{class:"accordion-item__text"},i.title),c?a("span",{class:`accordion-item__dropdown kup-icon ${s.DROPDOWN.replace("--","")}`}):null),a("div",{class:e},a("slot",{name:i.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const r=o.querySelectorAll(".mdc-ripple-surface");if(r)for(let o=0;o<r.length;o++)h.attachTo(r[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return a(n,{key:"12da47dc3f3462e4d3e78b5266ee5416c26a2a99"},a("style",{key:"af0aa37c789ba350584ffd5289e5e08a581a2bb7"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"e662e0fb3e38440eb105a18f0e6302d5b619a958",id:u},a("div",{key:"e5860263f1b09c6f9f64d3a15ccbde1d2d88a316",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return t(this)}static get watchers(){return{ripple:["applyRipple"]}}};k.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_background_color:var(\n --kup-accordion-background-color,\n var(--kup-background-color)\n );--kup_accordion_border:var(\n --kup-accordion-border,\n 1px solid var(--kup-border-color)\n );--kup_accordion_border_radius:var(--kup-accordion-border-radius, 4px);--kup-accordion_dropdown_icon_color:var(\n --kup-accordion-dropdown-icon-color,\n var(--kup-icon-color)\n );--kup_accordion_font_family:var(\n --kup-accordion-font-family,\n var(--kup-font-family)\n );--kup_accordion_font_size:var(\n --kup-accordion-font-size,\n var(--kup-font-size)\n );--kup_accordion_hover_background_color:var(\n --kup-accordion-hover-background-color,\n var(--kup-hover-background-color)\n );--kup_accordion_hover_color:var(\n --kup-accordion-hover-color,\n var(--kup-hover-color)\n );--kup_accordion_padding:var(--kup-accordion-padding, 1em 1.5em);--kup_accordion_primary_color:var(\n --kup-accordion-primary-color,\n var(--kup-primary-color)\n );--kup_accordion_primary_color_rgb:var(\n --kup-accordion-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_accordion_text_color:var(\n --kup-accordion-text-color,\n var(--kup-text-color)\n );--kup_accordion_text_on_primary_color:var(\n --kup-accordion-text-on-primary-color,\n var(--kup-text-on-primary-color)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{background-color:var(--kup_accordion_background_color);border-bottom:var(--kup_accordion_border);border-radius:var(--kup_accordion_border_radius);border-top:var(--kup_accordion_border);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-left:var(--kup_accordion_border);border-right:var(--kup_accordion_border);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:not(:first-of-type){border-top:var(--kup_accordion_border)}.accordion-item__header{align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%}.accordion-item__header:hover:not(.accordion-item__header--selected){color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded{color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__header--selected{background-color:rgba(var(--kup_accordion_primary_color_rgb), 0.175)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup-accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{animation:fade-in 0.25s ease-out;display:none}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color);--kup-accordion-primary-color-rgb:var(--kup-danger-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color);--kup-accordion-primary-color-rgb:var(--kup-success-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color);--kup-accordion-primary-color-rgb:var(--kup-warning-color-rgb);--kup-accordion-text-on-primary-color:white}";export{k as kup_accordion}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e}from"./p-
|
|
1
|
+
import{b as e}from"./p-eb8ea3a6.js";const t=e=>"year"===e?120:60,r=(e,t)=>{for(let r=0;r<t.length;r++)if(t[r].id===e)return t[r]},n=(e,t)=>{for(let r=0;r<t.length;r++){if(a(t[r]))continue;const n=t[r];if(n.phases)for(let t=0;t<n.phases.length;t++)if(n.phases[t].id===e)return n.phases[t]}},a=e=>e&&e.schedule&&0!==e.schedule.length,o=(e,{id:t,start:r,end:n})=>e.map((e=>e.id===t?i(e,r,n):e)),s=(e,{id:t,start:r,end:n})=>{if(e)return e.map((e=>e.id===t?i(e,r,n):e))},d=(t,r,n)=>{var o;if(a(t))return[Object.assign({},l(t,r,n))];{const r=new e,n=t,{start:a,end:s}=r.validDates(n.startDate,n.endDate,n.name),{start:d,end:l}=r.validDates(n.secondaryStartDate,n.secondaryEndDate,n.name);return[{start:a,end:s,id:n.id,name:n.name,type:n.type,valuesToShow:n.valuesToShow,secondaryStart:d,secondaryEnd:l,progress:100,isDisabled:!1,hideChildren:!1,icon:n.icon},...(null!==(o=n.phases)&&void 0!==o?o:[]).map(c)]}},c=t=>(({startDate:r,endDate:n,secondaryStartDate:a,secondaryEndDate:o,name:s,id:d,color:c,selectedColor:l,dependencies:i,icon:y})=>{const u=new e,{start:m,end:f}=u.validDates(r,n,s),{start:h,end:b}=u.validDates(a,o,s);return{start:m,end:f,secondaryStart:h,secondaryEnd:b,name:s,valuesToShow:t.valuesToShow,id:d,type:"task",progress:100,dependencies:i,styles:c?{backgroundColor:c,progressColor:c,backgroundSelectedColor:l,progressSelectedColor:l}:{},icon:y}})(t),l=(t,r,n)=>{const a=new e,{id:o,name:s,schedule:d}=t,{start:c,end:l}=(e=>{let t=null!=r?r:"",o=null!=n?n:"";for(let r=0;r<e.schedule.length;r++){const n=e.schedule[r].startDate,a=e.schedule[r].endDate;(!t||n.localeCompare(t)<0)&&(t=n),(!o||a.localeCompare(o)>0)&&(o=a)}return a.validDates(t,o,"detail item")})(t),i="#595959";return{id:o,type:"timeline",timeline:d.map((e=>{const{startDate:t,endDate:r,color:n,selectedColor:o,icon:s}=e,{start:d,end:c}=a.validDates(t,r,"time frame");return{start:d,end:c,backgroundColor:null!=n?n:"0xffffff",backgroundSelectedColor:null!=o?o:n,icon:s}})),name:s,valuesToShow:t.valuesToShow,start:c,end:l,progress:100,styles:{backgroundColor:i,progressColor:i,backgroundSelectedColor:i,progressSelectedColor:i}}},i=(t,r,n)=>{const a=new e,o={startDate:a.formatToIsoDate(r),endDate:a.formatToIsoDate(n)};return Object.assign(Object.assign({},t),o)},y=(e,t,r,n,a)=>{const o=u(e,t,null!=a?a:1,r);if(n){const e=f(n,t,null!=a?a:1,r);e[0]<o[0]&&(o[0]=e[0]),e[1]>o[1]&&(o[1]=e[1])}return{displayedStartDate:o[0],displayedEndDate:o[1]}},u=(t,r,n,a)=>{const o=[],s=new e;return t.forEach((e=>{var t;o.push({start:s.parseToDayStart(e.startDate),end:s.parseToDayEnd(e.endDate),secondaryStart:s.parseToDayStart(e.secondaryStartDate),secondaryEnd:s.parseToDayEnd(e.secondaryEndDate)}),null===(t=e.phases)||void 0===t||t.forEach((e=>{o.push({start:s.parseToDayStart(e.startDate),end:s.parseToDayEnd(e.endDate),secondaryStart:s.parseToDayStart(e.secondaryStartDate),secondaryEnd:s.parseToDayEnd(e.secondaryEndDate)})}))})),m(o,r,n,a,!0)},m=(e,t,r,n,a)=>{let o=e.length>0?e[0].start:new Date,s=e.length>0?e[0].end:new Date;for(const t of e)t.start<o&&(o=t.start),t.end>s&&(s=t.end),n&&(t.secondaryStart&&t.secondaryStart<o&&(o=t.secondaryStart),t.secondaryEnd&&t.secondaryEnd>s&&(s=t.secondaryEnd));if(a)return[o,s];switch(t){case"year":o=h(o,-1,"year"),o=b(o,"year"),s=h(s,1,"year"),s=b(s,"year");break;case"month":o=h(o,-1*r,"month"),o=b(o,"month"),s=h(s,1,"month"),s=b(s,"month");break;case"week":o=b(o,"day"),o=h(w(o),-7*r,"day"),s=b(s,"day"),s=h(s,1.5,"month");break;case"day":o=b(o,"day"),o=h(o,-1*r,"day"),s=b(s,"day"),s=h(s,19,"day")}return[o,s]},f=(t,r,n,a)=>{const o=[],s=new e;return t.forEach((e=>{const t=e.schedule;t&&t.forEach((e=>{o.push({start:s.parseToDayStart(e.startDate),end:s.parseToDayEnd(e.endDate),secondaryStart:void 0,secondaryEnd:void 0})}))})),m(o,r,n,a,!0)},h=(e,t,r)=>new Date(e.getFullYear()+("year"===r?t:0),e.getMonth()+("month"===r?t:0),e.getDate()+("day"===r?t:0),e.getHours()+("hour"===r?t:0),e.getMinutes()+("minute"===r?t:0),e.getSeconds()+("second"===r?t:0),e.getMilliseconds()+("millisecond"===r?t:0)),b=(e,t)=>{const r=["millisecond","second","minute","hour","day","month","year"],n=e=>{const n=r.indexOf(t);return r.indexOf(e)<=n};return new Date(e.getFullYear(),n("year")?0:e.getMonth(),n("month")?1:e.getDate(),n("day")?0:e.getHours(),n("hour")?0:e.getMinutes(),n("minute")?0:e.getSeconds(),n("second")?0:e.getMilliseconds())},w=e=>{const t=e.getDay(),r=e.getDate()-t+(0===t?-6:1);return new Date(e.setDate(r))},p=(e,t,r,n,a,o)=>{const s=[];return e.forEach((e=>{s.push({start:e.start,end:e.end,secondaryStart:e.secondaryStart,secondaryEnd:e.secondaryEnd})})),a&&o&&s.push({start:a,end:o,secondaryStart:void 0,secondaryEnd:void 0}),m(s,t,r,n)},D=(e,t,r)=>{let n=new Date(e);const a=[n];for(;n<t;){switch(r){case"year":n=h(n,1,"year");break;case"month":n=h(n,1,"month");break;case"week":n=h(n,7,"day");break;case"day":n=h(n,1,"day")}a.push(n)}return a};export{d as a,r as b,y as c,s as d,t as e,p as f,n as g,h,o as m,D as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as i,h as e,H as s,d as n}from"./p-47040db6.js";import{k as h,e as o,g as a,s as p,Q as f,l}from"./p-
|
|
1
|
+
import{r as t,f as i,h as e,H as s,d as n}from"./p-47040db6.js";import{k as h,e as o,g as a,s as p,Q as f,l}from"./p-8229b97a.js";import{c as r}from"./p-635bb4b3.js";import{F as c}from"./p-a46f99d4.js";import"./p-eb8ea3a6.js";import"./p-e2bf2bb6.js";import"./p-6c888179.js";import"./p-c0f660d6.js";import"./p-61e8d573.js";import"./p-2d4a9235.js";import"./p-c634eb82.js";var m;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the cell.",t.density="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.",t.dragEnabled="When set to true, the component is draggable."}(m||(m={}));const g=class{constructor(i){t(this,i),this.kupManager=h(),this.customStyle="",this.data=null,this.density=o.NONE,this.dragEnabled=!1}async addCssClasses(t){if(this.data.cssClass||(this.data.cssClass=""),t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)<0&&(this.data.cssClass+=` ${e}`)}this.refresh()}async getProps(t){return a(this,m,t)}async refresh(){i(this)}async removeCssClasses(t){if(this.data.cssClass){if(t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)>0&&(this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),""))}this.refresh()}}async setProps(t){p(this,m,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector("#"+r),{cursorChecker:()=>null},{callback:t},f.BADGE)}}generateColumn(){return{name:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL",title:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:this.kupManager.language.translate(l.EMPTY_OBJECT)}}generateRow(){const t=this.generateColumn(),i={cells:{}};return i.cells[t.name]=this.data,i}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.didRenderInteractables(),this.kupManager.debug.logRender(this,!0)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:!0,row:this.generateRow()};return e(s,{key:"6eae5c64c3c22889f6d67c79150bb109e2a27c83"},e("style",{key:"a807aece995466845f8699d51e5d78ddba19cb5d"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"759dc36e0a82552f49238ada3906634c7ff032ea",id:r},e(c,Object.assign({key:"1f45b43d0dd416c935f1c2963806c3f90bf1f61d"},t))))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};g.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";export{g as kup_cell}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var t,e,r,n,i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function s(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function a(t){if(t.__esModule)return t;var e=Object.defineProperty({},"__esModule",{value:!0});return Object.keys(t).forEach((function(r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})})),e}function u(t){throw new Error('Could not dynamically require "'+t+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}!function(t){t.DATE="date",t.TIME="time",t.TIMESTAMP="timestamp"}(t||(t={})),function(t){t.CHINESE="cn",t.ENGLISH="en",t.FRENCH="fr",t.ITALIAN="it",t.POLISH="pl",t.RUSSIAN="ru",t.SPANISH="es"}(e||(e={})),function(t){t.NUMERIC="numeric",t.DIGIT2="2-digit",t.LONG="long",t.SHORT="short",t.NARROW="narrow"}(r||(r={})),function(t){t.ISO_DATE="YYYY-MM-DD",t.ISO_DATE_TIME="YYYY-MM-DD HH:mm:ss",t.ISO_TIME="HH:mm:ss",t.ISO_TIME_WITHOUT_SECONDS="HH:mm"}(n||(n={}));var o={exports:{}};o.exports=function(){var t=6e4,e=36e5,r="millisecond",n="second",i="minute",s="hour",a="day",u="week",o="month",c="quarter",h="year",_="date",d="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,f=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],r=t%100;return"["+t+(e[(r-20)%10]||e[r]||e[0])+"]"}},l=function(t,e,r){var n=String(t);return!n||n.length>=e?t:""+Array(e+1-n.length).join(r)+t},Y={s:l,z:function(t){var e=-t.utcOffset(),r=Math.abs(e),n=Math.floor(r/60),i=r%60;return(e<=0?"+":"-")+l(n,2,"0")+":"+l(i,2,"0")},m:function t(e,r){if(e.date()<r.date())return-t(r,e);var n=12*(r.year()-e.year())+(r.month()-e.month()),i=e.clone().add(n,o),s=r-i<0,a=e.clone().add(n+(s?-1:1),o);return+(-(n+(r-i)/(s?i-a:a-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:o,y:h,w:u,d:a,D:_,h:s,m:i,s:n,ms:r,Q:c}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},v="en",D={};D[v]=M;var y="$isDayjsObject",g=function(t){return t instanceof S||!(!t||!t[y])},L=function t(e,r,n){var i;if(!e)return v;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),r&&(D[s]=r,i=s);var a=e.split("-");if(!i&&a.length>1)return t(a[0])}else{var u=e.name;D[u]=e,i=u}return!n&&i&&(v=i),i||!n&&v},w=function(t,e){if(g(t))return t.clone();var r="object"==typeof e?e:{};return r.date=t,r.args=arguments,new S(r)},p=Y;p.l=L,p.i=g,p.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var S=function(){function M(t){this.$L=L(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[y]=!0}var l=M.prototype;return l.parse=function(t){this.$d=function(t){var e=t.date,r=t.utc;if(null===e)return new Date(NaN);if(p.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var n=e.match(m);if(n){var i=n[2]-1||0,s=(n[7]||"0").substring(0,3);return r?new Date(Date.UTC(n[1],i,n[3]||1,n[4]||0,n[5]||0,n[6]||0,s)):new Date(n[1],i,n[3]||1,n[4]||0,n[5]||0,n[6]||0,s)}}return new Date(e)}(t),this.init()},l.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},l.$utils=function(){return p},l.isValid=function(){return!(this.$d.toString()===d)},l.isSame=function(t,e){var r=w(t);return this.startOf(e)<=r&&r<=this.endOf(e)},l.isAfter=function(t,e){return w(t)<this.startOf(e)},l.isBefore=function(t,e){return this.endOf(e)<w(t)},l.$g=function(t,e,r){return p.u(t)?this[e]:this.set(r,t)},l.unix=function(){return Math.floor(this.valueOf()/1e3)},l.valueOf=function(){return this.$d.getTime()},l.startOf=function(t,e){var r=this,c=!!p.u(e)||e,d=p.p(t),m=function(t,e){var n=p.w(r.$u?Date.UTC(r.$y,e,t):new Date(r.$y,e,t),r);return c?n:n.endOf(a)},f=function(t,e){return p.w(r.toDate()[t].apply(r.toDate("s"),(c?[0,0,0,0]:[23,59,59,999]).slice(e)),r)},M=this.$W,l=this.$M,Y=this.$D,v="set"+(this.$u?"UTC":"");switch(d){case h:return c?m(1,0):m(31,11);case o:return c?m(1,l):m(0,l+1);case u:var D=this.$locale().weekStart||0,y=(M<D?M+7:M)-D;return m(c?Y-y:Y+(6-y),l);case a:case _:return f(v+"Hours",0);case s:return f(v+"Minutes",1);case i:return f(v+"Seconds",2);case n:return f(v+"Milliseconds",3);default:return this.clone()}},l.endOf=function(t){return this.startOf(t,!1)},l.$set=function(t,e){var u,c=p.p(t),d="set"+(this.$u?"UTC":""),m=(u={},u[a]=d+"Date",u[_]=d+"Date",u[o]=d+"Month",u[h]=d+"FullYear",u[s]=d+"Hours",u[i]=d+"Minutes",u[n]=d+"Seconds",u[r]=d+"Milliseconds",u)[c],f=c===a?this.$D+(e-this.$W):e;if(c===o||c===h){var M=this.clone().set(_,1);M.$d[m](f),M.init(),this.$d=M.set(_,Math.min(this.$D,M.daysInMonth())).$d}else m&&this.$d[m](f);return this.init(),this},l.set=function(t,e){return this.clone().$set(t,e)},l.get=function(t){return this[p.p(t)]()},l.add=function(r,c){var _,d=this;r=Number(r);var m=p.p(c),f=function(t){var e=w(d);return p.w(e.date(e.date()+Math.round(t*r)),d)};if(m===o)return this.set(o,this.$M+r);if(m===h)return this.set(h,this.$y+r);if(m===a)return f(1);if(m===u)return f(7);var M=(_={},_[i]=t,_[s]=e,_[n]=1e3,_)[m]||1,l=this.$d.getTime()+r*M;return p.w(l,this)},l.subtract=function(t,e){return this.add(-1*t,e)},l.format=function(t){var e=this,r=this.$locale();if(!this.isValid())return r.invalidDate||d;var n=t||"YYYY-MM-DDTHH:mm:ssZ",i=p.z(this),s=this.$H,a=this.$m,u=this.$M,o=r.weekdays,c=r.months,h=function(t,r,i,s){return t&&(t[r]||t(e,n))||i[r].slice(0,s)},_=function(t){return p.s(s%12||12,t,"0")},m=r.meridiem||function(t,e,r){var n=t<12?"AM":"PM";return r?n.toLowerCase():n};return n.replace(f,(function(t,n){return n||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return p.s(e.$y,4,"0");case"M":return u+1;case"MM":return p.s(u+1,2,"0");case"MMM":return h(r.monthsShort,u,c,3);case"MMMM":return h(c,u);case"D":return e.$D;case"DD":return p.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(r.weekdaysMin,e.$W,o,2);case"ddd":return h(r.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return p.s(s,2,"0");case"h":return _(1);case"hh":return _(2);case"a":return m(s,a,!0);case"A":return m(s,a,!1);case"m":return String(a);case"mm":return p.s(a,2,"0");case"s":return String(e.$s);case"ss":return p.s(e.$s,2,"0");case"SSS":return p.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},l.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},l.diff=function(r,_,d){var m,f=this,M=p.p(_),l=w(r),Y=(l.utcOffset()-this.utcOffset())*t,v=this-l,D=function(){return p.m(f,l)};switch(M){case h:m=D()/12;break;case o:m=D();break;case c:m=D()/3;break;case u:m=(v-Y)/6048e5;break;case a:m=(v-Y)/864e5;break;case s:m=v/e;break;case i:m=v/t;break;case n:m=v/1e3;break;default:m=v}return d?m:p.a(m)},l.daysInMonth=function(){return this.endOf(o).$D},l.$locale=function(){return D[this.$L]},l.locale=function(t,e){if(!t)return this.$L;var r=this.clone(),n=L(t,e,!0);return n&&(r.$L=n),r},l.clone=function(){return p.w(this.$d,this)},l.toDate=function(){return new Date(this.valueOf())},l.toJSON=function(){return this.isValid()?this.toISOString():null},l.toISOString=function(){return this.$d.toISOString()},l.toString=function(){return this.$d.toUTCString()},M}(),b=S.prototype;return w.prototype=b,[["$ms",r],["$s",n],["$m",i],["$H",s],["$W",a],["$M",o],["$y",h],["$D",_]].forEach((function(t){b[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),w.extend=function(t,e){return t.$i||(t(e,S,w),t.$i=!0),w},w.locale=L,w.isDayjs=g,w.unix=function(t){return w(1e3*t)},w.en=D[v],w.Ls=D,w.p={},w}();const c=o.exports;var h,_,d;const m={exports:{}}.exports=(h="minute",_=/[+-]\d\d(?::?\d\d)?/g,d=/([+-]|\d\d)/g,function(t,e,r){var n=e.prototype;r.utc=function(t){return new e({date:t,utc:!0,args:arguments})},n.utc=function(t){var e=r(this.toDate(),{locale:this.$L,utc:!0});return t?e.add(this.utcOffset(),h):e},n.local=function(){return r(this.toDate(),{locale:this.$L,utc:!1})};var i=n.parse;n.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),i.call(this,t)};var s=n.init;n.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else s.call(this)};var a=n.utcOffset;n.utcOffset=function(t,e){var r=this.$utils().u;if(r(t))return this.$u?0:r(this.$offset)?a.call(this):this.$offset;if("string"==typeof t&&(t=function(t){void 0===t&&(t="");var e=t.match(_);if(!e)return null;var r=(""+e[0]).match(d)||["-",0,0],n=60*+r[1]+ +r[2];return 0===n?0:"+"===r[0]?n:-n}(t),null===t))return this;var n=Math.abs(t)<=16?60*t:t,i=this;if(e)return i.$offset=n,i.$u=0===t,i;if(0!==t){var s=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(i=this.local().add(n+s,h)).$offset=n,i.$x.$localOffset=s}else i=this.utc();return i};var u=n.format;n.format=function(t){return u.call(this,t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":""))},n.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},n.isUTC=function(){return!!this.$u},n.toISOString=function(){return this.toDate().toISOString()},n.toString=function(){return this.toDate().toUTCString()};var o=n.toDate;n.toDate=function(t){return"s"===t&&this.$offset?r(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():o.call(this)};var c=n.diff;n.diff=function(t,e,n){if(t&&this.$u===t.$u)return c.call(this,t,e,n);var i=this.local(),s=r(t).local();return c.call(i,s,e,n)}});var f={exports:{}};f.exports=function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},e=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,r=/\d\d/,n=/\d\d?/,i=/\d*[^-_:/,()\s\d]+/,s={},a=function(t){return(t=+t)+(t>68?1900:2e3)},u=function(t){return function(e){this[t]=+e}},o=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var e=t.match(/([+-]|\d\d)/g),r=60*e[1]+(+e[2]||0);return 0===r?0:"+"===e[0]?-r:r}(t)}],c=function(t){var e=s[t];return e&&(e.indexOf?e:e.s.concat(e.f))},h=function(t,e){var r,n=s.meridiem;if(n){for(var i=1;i<=24;i+=1)if(t.indexOf(n(i,0,e))>-1){r=i>12;break}}else r=t===(e?"pm":"PM");return r},_={A:[i,function(t){this.afternoon=h(t,!1)}],a:[i,function(t){this.afternoon=h(t,!0)}],S:[/\d/,function(t){this.milliseconds=100*+t}],SS:[r,function(t){this.milliseconds=10*+t}],SSS:[/\d{3}/,function(t){this.milliseconds=+t}],s:[n,u("seconds")],ss:[n,u("seconds")],m:[n,u("minutes")],mm:[n,u("minutes")],H:[n,u("hours")],h:[n,u("hours")],HH:[n,u("hours")],hh:[n,u("hours")],D:[n,u("day")],DD:[r,u("day")],Do:[i,function(t){var e=s.ordinal,r=t.match(/\d+/);if(this.day=r[0],e)for(var n=1;n<=31;n+=1)e(n).replace(/\[|\]/g,"")===t&&(this.day=n)}],M:[n,u("month")],MM:[r,u("month")],MMM:[i,function(t){var e=c("months"),r=(c("monthsShort")||e.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(r<1)throw new Error;this.month=r%12||r}],MMMM:[i,function(t){var e=c("months").indexOf(t)+1;if(e<1)throw new Error;this.month=e%12||e}],Y:[/[+-]?\d+/,u("year")],YY:[r,function(t){this.year=a(t)}],YYYY:[/\d{4}/,u("year")],Z:o,ZZ:o};function d(r){var n;n=s&&s.formats;for(var i=(r=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,r,i){var s=i&&i.toUpperCase();return r||n[i]||t[i]||n[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,r){return e||r.slice(1)}))}))).match(e),a=i.length,u=0;u<a;u+=1){var o=i[u],c=_[o],h=c&&c[1];i[u]=h?{regex:c&&c[0],parser:h}:o.replace(/^\[|\]$/g,"")}return function(t){for(var e={},r=0,n=0;r<a;r+=1){var s=i[r];if("string"==typeof s)n+=s.length;else{var u=s.regex,o=s.parser,c=t.slice(n),h=u.exec(c)[0];o.call(e,h),t=t.replace(h,"")}}return function(t){var e=t.afternoon;if(void 0!==e){var r=t.hours;e?r<12&&(t.hours+=12):12===r&&(t.hours=0),delete t.afternoon}}(e),e}}return function(t,e,r){r.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(a=t.parseTwoDigitYear);var n=e.prototype,i=n.parse;n.parse=function(t){var e=t.date,n=t.utc,a=t.args;this.$u=n;var u=a[1];if("string"==typeof u){var o=!0===a[2],c=!0===a[3],h=o||c,_=a[2];c&&(_=a[2]),s=this.$locale(),!o&&_&&(s=r.Ls[_]),this.$d=function(t,e,r){try{if(["x","X"].indexOf(e)>-1)return new Date(("X"===e?1e3:1)*t);var n=d(e)(t),i=n.year,s=n.month,a=n.day,u=n.hours,o=n.minutes,c=n.seconds,h=n.milliseconds,_=n.zone,m=new Date,f=a||(i||s?1:m.getDate()),M=i||m.getFullYear(),l=0;i&&!s||(l=s>0?s-1:m.getMonth());var Y=u||0,v=o||0,D=c||0,y=h||0;return _?new Date(Date.UTC(M,l,f,Y,v,D,y+60*_.offset*1e3)):r?new Date(Date.UTC(M,l,f,Y,v,D,y)):new Date(M,l,f,Y,v,D,y)}catch(t){return new Date("")}}(e,u,n),this.init(),_&&!0!==_&&(this.$L=this.locale(_).$L),h&&e!=this.format(u)&&(this.$d=new Date("")),s={}}else if(u instanceof Array)for(var m=u.length,f=1;f<=m;f+=1){a[1]=u[f-1];var M=r.apply(this,a);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}f===m&&(this.$d=new Date(""))}else i.call(this,t)}}}();const M=f.exports;var l={exports:{}};l.exports=function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(e,r,n){var i=r.prototype,s=i.format;n.en.formats=t,i.format=function(e){void 0===e&&(e="YYYY-MM-DDTHH:mm:ssZ");var r=this.$locale().formats,n=function(e,r){return e.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,n,i){var s=i&&i.toUpperCase();return n||r[i]||t[i]||r[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,r){return e||r.slice(1)}))}))}(e,void 0===r?{}:r);return s.call(this,n)}}}();const Y=l.exports;var v={exports:function(t,e,r){var n=function(t,e){if(!e||!e.length||1===e.length&&!e[0]||1===e.length&&Array.isArray(e[0])&&!e[0].length)return null;var r;1===e.length&&e[0].length>0&&(e=e[0]),r=(e=e.filter((function(t){return t})))[0];for(var n=1;n<e.length;n+=1)e[n].isValid()&&!e[n][t](r)||(r=e[n]);return r};r.max=function(){var t=[].slice.call(arguments,0);return n("isAfter",t)},r.min=function(){var t=[].slice.call(arguments,0);return n("isBefore",t)}}};const D=v.exports;var y,g;y=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(o.exports),g={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function(t){return t+"º"}},y.default.locale(g,null,!0),function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(o.exports),e={name:"fr",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},ordinal:function(t){return t+(1===t?"er":"")}};t.default.locale(e,null,!0)}(),function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(o.exports),e={name:"it",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"tra %s",past:"%s fa",s:"qualche secondo",m:"un minuto",mm:"%d minuti",h:"un' ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},ordinal:function(t){return t+"º"}};t.default.locale(e,null,!0)}(),function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(o.exports);function e(t){return t%10<5&&t%10>1&&~~(t/10)%10!=1}function r(t,r,n){var i=t+" ";switch(n){case"m":return r?"minuta":"minutę";case"mm":return i+(e(t)?"minuty":"minut");case"h":return r?"godzina":"godzinę";case"hh":return i+(e(t)?"godziny":"godzin");case"MM":return i+(e(t)?"miesiące":"miesięcy");case"yy":return i+(e(t)?"lata":"lat")}}var n="stycznia_lutego_marca_kwietnia_maja_czerwca_lipca_sierpnia_września_października_listopada_grudnia".split("_"),i="styczeń_luty_marzec_kwiecień_maj_czerwiec_lipiec_sierpień_wrzesień_październik_listopad_grudzień".split("_"),s=/D MMMM/,a=function(t,e){return s.test(e)?n[t.month()]:i[t.month()]};a.s=i,a.f=n;var u={name:"pl",weekdays:"niedziela_poniedziałek_wtorek_środa_czwartek_piątek_sobota".split("_"),weekdaysShort:"ndz_pon_wt_śr_czw_pt_sob".split("_"),weekdaysMin:"Nd_Pn_Wt_Śr_Cz_Pt_So".split("_"),months:a,monthsShort:"sty_lut_mar_kwi_maj_cze_lip_sie_wrz_paź_lis_gru".split("_"),ordinal:function(t){return t+"."},weekStart:1,yearStart:4,relativeTime:{future:"za %s",past:"%s temu",s:"kilka sekund",m:r,mm:r,h:r,hh:r,d:"1 dzień",dd:"%d dni",M:"miesiąc",MM:r,y:"rok",yy:r},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"}};t.default.locale(u,null,!0)}(),function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(o.exports),e="января_февраля_марта_апреля_мая_июня_июля_августа_сентября_октября_ноября_декабря".split("_"),r="январь_февраль_март_апрель_май_июнь_июль_август_сентябрь_октябрь_ноябрь_декабрь".split("_"),n="янв._февр._мар._апр._мая_июня_июля_авг._сент._окт._нояб._дек.".split("_"),i="янв._февр._март_апр._май_июнь_июль_авг._сент._окт._нояб._дек.".split("_"),s=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function a(t,e,r){var n,i;return"m"===r?e?"минута":"минуту":t+" "+(n=+t,i={mm:e?"минута_минуты_минут":"минуту_минуты_минут",hh:"час_часа_часов",dd:"день_дня_дней",MM:"месяц_месяца_месяцев",yy:"год_года_лет"}[r].split("_"),n%10==1&&n%100!=11?i[0]:n%10>=2&&n%10<=4&&(n%100<10||n%100>=20)?i[1]:i[2])}var u=function(t,n){return s.test(n)?e[t.month()]:r[t.month()]};u.s=r,u.f=e;var c=function(t,e){return s.test(e)?n[t.month()]:i[t.month()]};c.s=i,c.f=n;var h={name:"ru",weekdays:"воскресенье_понедельник_вторник_среда_четверг_пятница_суббота".split("_"),weekdaysShort:"вск_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"вс_пн_вт_ср_чт_пт_сб".split("_"),months:u,monthsShort:c,weekStart:1,yearStart:4,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY г.",LLL:"D MMMM YYYY г., H:mm",LLLL:"dddd, D MMMM YYYY г., H:mm"},relativeTime:{future:"через %s",past:"%s назад",s:"несколько секунд",m:a,mm:a,h:"час",hh:a,d:"день",dd:a,M:"месяц",MM:a,y:"год",yy:a},ordinal:function(t){return t},meridiem:function(t){return t<4?"ночи":t<12?"утра":t<17?"дня":"вечера"}};t.default.locale(h,null,!0)}(),function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(o.exports),e={name:"zh",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"周日_周一_周二_周三_周四_周五_周六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function(t,e){return"W"===e?t+"周":t+"日"},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日Ah点mm分",LLLL:"YYYY年M月D日ddddAh点mm分",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s后",past:"%s前",s:"几秒",m:"1 分钟",mm:"%d 分钟",h:"1 小时",hh:"%d 小时",d:"1 天",dd:"%d 天",M:"1 个月",MM:"%d 个月",y:"1 年",yy:"%d 年"},meridiem:function(t,e){var r=100*t+e;return r<600?"凌晨":r<900?"早上":r<1100?"上午":r<1300?"中午":r<1800?"下午":"晚上"}};t.default.locale(e,null,!0)}();class L{constructor(t){this.formatToIsoDate=t=>{var e;return null!==(e=c(t).toISOString())&&void 0!==e?e:void 0},this.parseToDayStart=t=>c(t).toDate(),this.parseToDayEnd=t=>c(t).set("hour",23).set("minute",59).set("second",59).toDate(),this.validDates=(t,e)=>{let r=this.parseToDayStart(t);const n=this.parseToDayEnd(e);return(null==r?void 0:r.getTime())>(null==n?void 0:n.getTime())&&(r=this.parseToDayStart(e)),{start:r,end:n}},this.formatToLocaleSimple=t=>c(t).format("DD/MM/YYYY"),this.managedComponents=new Set,this.setLocale(t),this.dayjs=c,c.extend(m),c.extend(M),c.extend(Y),c.extend(D)}setLocale(t){if(t)this.locale=t;else{const t=navigator.languages||!!navigator.language&&[navigator.language];if(!t||!t.length)return"en";this.locale=t[0].split("-")[0].toLowerCase();let r=!1;for(const t in e)if(Object.prototype.hasOwnProperty.call(e,t)&&e[t]==this.locale){r=!0;break}r||(console.log("set forced locale: en"),this.locale=e.ENGLISH)}c.locale(this.locale),this.managedComponents.forEach((function(t){t.isConnected&&t.refresh()})),document.dispatchEvent(new CustomEvent("kup-dates-localechange"))}getLocale(){return this.locale}getLocales(){return Object.keys(e).map((t=>e[t])).filter((t=>"string"==typeof t))}getDateFormat(){return new Intl.DateTimeFormat(this.getLocale()).formatToParts(new Date).map((t=>{switch(t.type){case"day":return"DD";case"month":return"MM";case"year":return"YYYY";default:return t.value}})).join("")}getTimeFormat(t){const e={hour:"2-digit",minute:"2-digit",hour12:!1};return 1==t&&(e.second="2-digit"),new Intl.DateTimeFormat(this.getLocale()+"-u-hc-h23",e).formatToParts(new Date).map((t=>{switch(t.type){case"hour":return"HH";case"minute":return"mm";case"second":return"ss";default:return t.value}})).join("")}format(t,e){return e||(e="L"),c.utc(t).format(e)}formatTime(t,e){const r={hour:"2-digit",minute:"2-digit",hour12:!1};return 1==e&&(r.second="2-digit"),t.toLocaleTimeString(this.getLocale()+"-u-hc-h23",r)}isValid(t,e,r){return e&&null!=e?c(t,e,r).isValid():c(t,void 0,r).isValid()}isValidFormattedStringTime(t,e){let r=this.getTimeFormat(e);return this.isValid(t,r,!0)}toDate(t,e){return e&&null!=e?c.utc(t,e).toDate():c.utc(t).toDate()}toDayjs(t,e){return e?c(t,e):c(t)}normalize(e,r){const n=c.Ls[this.locale].formats.L,i=["0","1","2","3","4","5","6","7","8","9"];let s="";for(let t=0;t<e.length;t++){let r=e.charAt(t);i.includes(r)&&(s+=r)}switch(e=s,r){case t.TIME:const r=function(){const t=new Date;let r=0,n=0,i=0,s=0;switch(e.length){case 1:case 2:r=parseInt(e),t.setHours(r,0,0,0);break;case 3:case 4:r=parseInt(e.substring(0,2)),n=parseInt(e.substring(2,4)),t.setHours(r,n,0,0);break;case 5:case 6:r=parseInt(e.substring(0,2)),n=parseInt(e.substring(2,4)),i=parseInt(e.substring(4,6)),t.setHours(r,n,i,0);break;case 7:case 8:r=parseInt(e.substring(0,2)),n=parseInt(e.substring(2,4)),i=parseInt(e.substring(4,6)),s=parseInt(e.substring(6,8)),t.setHours(r,n,i,s)}return t}();return c(r);case t.TIMESTAMP:return c(e);default:const i=function(){const t=new Date,r=n.indexOf("DD"),i=n.indexOf("MM");let s=0,a=0,u="";switch(e.length){case 1:case 2:s=parseInt(e),t.setDate(s);break;case 3:case 4:s=parseInt(e.substring(0,2)),a=parseInt(e.substring(2,4)),0===i?(t.setDate(a),t.setMonth(s-1)):0===r&&(t.setDate(s),t.setMonth(a-1));break;case 5:case 6:s=parseInt(e.substring(0,2)),a=parseInt(e.substring(2,4)),u=t.getFullYear().toString(),u=u.substring(0,2)+e.substring(4),0===i?t.setFullYear(parseInt(u),s-1,a):0===r&&t.setFullYear(parseInt(u),a-1,s);break;case 7:case 8:s=parseInt(e.substring(0,2)),a=parseInt(e.substring(2,4)),u=e.substring(4),0===i?t.setFullYear(parseInt(u),s-1,a):0===r&&t.setFullYear(parseInt(u),a-1,s)}return t}();return c(i)}}min(t){const e=[];for(let r=0;r<t.length;r++)e.push(c(t[r]));return c.min(e)}max(t){const e=[];for(let r=0;r<t.length;r++)e.push(c(t[r]));return c.max(e)}add(t,e,r){return c(t).add(e,r)}subtract(t,e,r){return c(t).subtract(e,r)}getMonthAsString(t,e){if(null==t)return"";const r=new Date;r.setDate(1),r.setMonth(t-1);const n={month:e};return new Intl.DateTimeFormat(this.getLocale(),n).format(r)}getMonthsAsString(t){null!=t&&""!=t.trim()||(t=r.LONG);for(var e=[],n=0;n<12;n++)e[n]=this.getMonthAsString(n+1,t);return e}getDayAsString(t){return null==t?"":new Intl.DateTimeFormat(this.getLocale(),{weekday:"narrow"}).format(t)}firstDayThisWeek(t){var e=new Date;const r=e.getDay();return e.setDate(e.getDate()-r),e.setDate(e.getDate()+t),e}thisWeek(t){const e=this.firstDayThisWeek(t);return{startDate:e,endDate:function(t){const e=new Date(t);return e.setDate(t.getDate()+6),e}(e)}}getDaysOfWeekAsString(t){for(var e=this.thisWeek(t).startDate,r=[],n=0;n<7;n++){var i=new Date(e.toISOString());i.setDate(i.getDate()+n),r[n]=this.getDayAsString(i)}return r}timestampStringToFormattedString(e){return this.toDate(this.normalize(e,t.TIMESTAMP)).toLocaleString(this.getLocale()+"-u-hc-h23",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})}formattedStringToTimestampString(t){return this.formattedStringToCustomDateTime(t,n.ISO_DATE_TIME,!0)}formattedStringToCustomDateTime(e,r,n){let i=this.getTimeFormat(n);return this.isValid(e,i)?this.format(this.normalize(e,t.TIME),r):""}timeStringToFormattedString(e,r,n){const i={hour:"2-digit",minute:"2-digit",hour12:!1};return 1==r&&(i.second="2-digit"),function(t,e,r,n,i){if(null==n)return e.toLocaleTimeString(i.getLocale()+"-u-hc-h23",r);switch(n){case"I13":case"I12":break;case"I11":case"I14":case"I1H":case"I1M":case"I21":case"I22":case"I23":case"I24":case"I2H":case"I2D":case"I2M":return t}return e.toLocaleTimeString(i.getLocale()+"-u-hc-h23",r)}(e,this.toDate(this.normalize(e,t.TIME)),i,n,this)}register(t){this.managedComponents.add(t.rootElement?t.rootElement:t)}unregister(t){this.managedComponents&&this.managedComponents.delete(t.rootElement?t.rootElement:t)}}export{n as K,t as a,L as b,i as c,e as d,r as e,a as f,s as g,u as h}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as a,H as l,d as r}from"./p-47040db6.js";import{F as o}from"./p-590c34bc.js";import{F as n}from"./p-c634eb82.js";import{F as s}from"./p-d50515f7.js";import{k as f,g as _,s as m,l as p,M as h}from"./p-9a856951.js";import{c}from"./p-635bb4b3.js";import"./p-935f58fc.js";var u;!function(t){t.autofitOnExpand="The component will autofit everytime a node is expanded.",t.autofitOnLoad="The component's initial render will fit the container by invoking the runAutofit method.",t.cardData="Used to render the family tree boxes as kup-cards (through kup-box).",t.collapsible="Nodes can be expanded/collapsed.",t.customStyle="Custom style of the component.",t.data="Actual data of the component",t.layout="Layout of the boxes.",t.stackedLeaves="Child nodes that have no children are arranged vertically."}(u||(u={}));var d,y,g,k,x,v,b,w,z,j,C,E,T,W,M,S,D,L,O,P,A,F,R,X,Y,H=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)},$=function(t,e,i,a,l){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?l.call(t,i):l?l.value=i:e.set(t,i),i};const B=class{constructor(i){t(this,i),this.kupClick=e(this,"kup-familytree-click",6),this.kupContextMenu=e(this,"kup-familytree-contextmenu",6),this.kupDblClick=e(this,"kup-familytree-dblclick",6),d.add(this),y.set(this,[]),g.set(this,!1),k.set(this,0),x.set(this,0),v.set(this,[]),b.set(this,f()),w.set(this,(t=>{const e=t.clientX-H(this,k,"f"),i=t.clientY-H(this,x,"f");this.rootElement.scrollTop-=i,this.rootElement.scrollLeft-=e,$(this,k,t.clientX,"f"),$(this,x,t.clientY,"f")})),z.set(this,!1),j.set(this,null),this.autofitOnExpand=!0,this.autofitOnLoad=!0,this.cardData=null,this.collapsible=!0,this.customStyle="",this.data=null,this.layout=null,this.stackedLeaves=!1}async collapseAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!1},!0),this.refresh()}async expandAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!0},!0),this.refresh()}async getProps(t){return _(this,u,t)}async refresh(){i(this)}async runAutofit(){const t=H(this,j,"f").clientWidth,e=H(this,j,"f").children[0].clientWidth,i=.01,a=.85*t,l=.95*t;let r=1,o=2e3,n=e;for(;(n<a||n>l)&&o>0&&r>i;)o--,n<a?r+=i:n>l?r-=i:o=0,n=e*r;H(this,j,"f").style.setProperty("--kup_familytree_scale",r<=1?r.toFixed(2):"1")}async setProps(t){m(this,u,t)}componentWillLoad(){H(this,b,"f").debug.logLoad(this,!1),H(this,b,"f").language.register(this),H(this,b,"f").theme.register(this)}componentDidLoad(){H(this,d,"m",X).call(this),this.autofitOnLoad&&this.runAutofit(),H(this,b,"f").debug.logLoad(this,!0)}componentWillRender(){H(this,b,"f").debug.logRender(this,!1)}componentDidRender(){H(this,z,"f")&&($(this,z,!1,"f"),this.runAutofit()),H(this,b,"f").debug.logRender(this,!0)}render(){return a(l,{key:"84ce528e459f5a79624e5e9fc5787477ff623746",onDrag:t=>t.preventDefault(),onPointerDown:t=>{t.preventDefault(),H(this,d,"m",O).call(this,t)},onWheel:t=>{H(this,d,"m",Y).call(this,t)}},a("style",{key:"1fe47674c65a2cd4929f907d8a2a7ae0c7d21f73"},H(this,b,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"253190ac263c49f65981919ad5bdc26388832d66",id:c},H(this,d,"m",D).call(this)))}disconnectedCallback(){H(this,b,"f").language.unregister(this),H(this,b,"f").theme.unregister(this)}get rootElement(){return r(this)}};y=new WeakMap,g=new WeakMap,k=new WeakMap,x=new WeakMap,v=new WeakMap,b=new WeakMap,w=new WeakMap,z=new WeakMap,j=new WeakMap,d=new WeakSet,C=function(t,e,i,l){const r=[];return r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--right":!t,"family-tree__line--top":!t}},a("div",{class:"family-tree__line--placeholder"}))),r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--left":t,"family-tree__line--top":t&&!i||l&&!e}},a("div",{class:"family-tree__line--placeholder"}))),r},E=function t(e){var i;let l=null,r=null;(!this.collapsible||this.collapsible&&e.isExpanded)&&(null===(i=e.children)||void 0===i||i.forEach((t=>{t.isStaff?(r||(r=[]),r.push(t)):(l||(l=[]),l.push(t))})));const s=this.stackedLeaves&&l&&l.every((t=>!t.children||0==t.children.length)),f=l?2*l.length:1,_={"family-tree__line":!0,"family-tree__line--placeholder":!(!l&&!r),"family-tree__line--vertical":!(!l&&!r)},m={columns:[{name:"*TREECOL",title:"Fake column",visible:!1},...this.data.columns],rows:[{cells:Object.assign({"*TREECOL":e},e.cells)}]},h=e.layout||this.layout||1,c={icon:e.isExpanded?"remove":"plus",shaped:!0,slim:!0,styling:n.OUTLINED,title:`${H(this,b,"f").language.translate(p.EXPAND)}/${H(this,b,"f").language.translate(p.COLLAPSE)} (CTRL + Click)`,onClick:t=>{t.ctrlKey&&e.children&&e.children.length>0&&(e.isExpanded?this.collapseAll(e.children):this.expandAll(e.children)),e.isExpanded=!e.isExpanded,this.autofitOnExpand&&$(this,z,!0,"f"),this.refresh()},wrapperClass:"family-tree__item__expand"};let u=null;H(this,d,"m",L).call(this,h)&&(u=a("kup-box",{class:"kup-borderless kup-paddingless",customStyle:"#kup-component { background: var(--kup_familytree_item_background_color); border: 2px solid var(--kup_familytree_lines_color); box-sizing: border-box; height: var(--kup_familytree_item_height); padding: 0 var(--kup_familytree_item_h_padding); } #kup-component .box-component { background: var(--kup_familytree_item_background_color); box-sizing: border-box; height: 100%;} #kup-component .f-cell__text { color: var(--kup_familytree_item_color); }",data:m,cardData:this.cardData,layout:this.cardData?null:h,showSelection:!1}));const y=a("div",{class:"family-tree__item"},a("div",{class:"family-tree__item__wrapper"},H(this,d,"m",L).call(this,h)?u:H(this,d,"m",T).call(this,e,h),this.collapsible&&e.children&&e.children.length>0?a(o,Object.assign({},c)):void 0)),g={"--kup_familytree_staffchildren":(null==r?void 0:r.length.toString())||"0"};return a("table",{class:{"family-tree__node":!0,"family-tree__node--stacked":this.stackedLeaves&&!e.isStaff&&(!e.children||0==e.children.length)}},a("tr",null,a("td",{"data-row":e,colSpan:f},y)),a("tr",null,a("td",{colSpan:f},a("div",{class:_}))),r?[a("tr",null,a("td",{colSpan:f},a("div",{class:Object.assign(Object.assign({},_),{"family-tree__line--staff":!0}),style:g}),a("div",{class:"family-tree__node__staff",style:g},r.map((e=>[a("div",{class:"family-tree__node__staff__item"},H(this,d,"m",t).call(this,e))])))))]:null,r&&l?[a("tr",null,a("td",{colSpan:f},a("div",{class:_})))]:null,l?[a("tr",null,s?a("td",{colSpan:f},a("div",{class:_})):l.map((t=>H(this,d,"m",C).call(this,0==l.indexOf(t),l.indexOf(t)==l.length-1,1==l.length,l.length>2)))),a("tr",null,s?a("td",{colSpan:f},l.map((e=>H(this,d,"m",t).call(this,e)))):l.map((e=>a("td",{colSpan:2},H(this,d,"m",t).call(this,e)))))]:void 0)},T=function(t,e){return 2===e?H(this,d,"m",M).call(this,t):H(this,d,"m",W).call(this,t)},W=function(t){return a("div",{class:"family-tree__item__layout family-tree__item__layout--1"},a("div",{class:"family-tree__item__layout__text__title"},t.value))},M=function(t){return a("div",{class:"family-tree__item__layout family-tree__item__layout--2"},a("div",{class:"family-tree__item__layout__color"}),a("div",{class:"family-tree__item__layout__image"},a(s,{resource:t.icon,sizeX:"48px",sizeY:"48px"})),a("div",{class:"family-tree__item__layout__text"},a("div",{class:"family-tree__item__layout__text__title"},t.value),t.title?a("div",{class:"family-tree__item__layout__text__subtitle"},t.title):null))},S=function(t){return t.map((t=>H(this,d,"m",E).call(this,t)))},D=function(){return a("div",{class:"family-tree",onContextMenu:t=>{t.preventDefault()},ref:t=>$(this,j,t,"f")},this.data&&this.data.rows&&this.data.rows.length?H(this,d,"m",S).call(this,this.data.rows):a("div",null,H(this,b,"f").language.translate(p.EMPTY_DATA)))},L=function(t){return!!this.cardData||t&&t.sections&&t.sections.length>0},O=function(t){$(this,k,t.clientX,"f"),$(this,x,t.clientY,"f"),H(this,j,"f").classList.add("family-tree--dragging");const e=()=>{document.removeEventListener("pointermove",H(this,w,"f")),document.removeEventListener("pointerup",e),H(this,j,"f").classList.remove("family-tree--dragging")};document.addEventListener("pointermove",H(this,w,"f")),document.addEventListener("pointerup",e)},P=function(t,e){let i,a;if(t)for(let e=t.length-1;e>=0;e--){const l=t[e];l.tagName&&(l.classList.contains("family-tree__item__expand")&&(i=l),"TD"===l.tagName.toUpperCase())&&(a=l)}let l=null,r=null,o=null;return a&&(l=a["data-cell"],r=a["data-column"],o=a["data-row"]),{cell:l||null,column:r||null,expandButton:i||null,originalEvent:e,row:o||null,td:a||null}},A=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},F=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},R=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},X=function(){H(this,v,"f").push(this.rootElement),H(this,b,"f").interact.on(this.rootElement,h.TAP,(t=>{if(H(this,g,"f"))$(this,g,!1,"f");else switch(t.button){case 0:const e={};for(const i in t)e[i]=t[i];H(this,y,"f").push(setTimeout((()=>{this.kupClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).call(this,e)})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",F).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.DOUBLETAP,(t=>{if(0===t.button){for(let t=0;t<H(this,y,"f").length;t++)clearTimeout(H(this,y,"f")[t]),H(this,b,"f").debug.logMessage(this,"Cleared clickHandler timeout("+H(this,y,"f")[t]+").");$(this,y,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",R).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||($(this,g,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",F).call(this,t)}))}))},Y=function(t){if(t.ctrlKey){t.preventDefault();const e=parseFloat(H(this,j,"f").style.getPropertyValue("--kup_familytree_scale"))||1,i=.05;let a=t.deltaY>0?e-i:e+i;a<i&&(a=i),H(this,j,"f").style.setProperty("--kup_familytree_scale",a.toFixed(2))}},B.style='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_familytree_item_background_color:var(\n --kup-familytree-item-background-color,\n var(--kup-background-color)\n );--kup_familytree_item_color:var(\n --kup-familytree-item-color,\n var(--kup-text-color)\n );--kup_familytree_item_height:var(--kup-familytree-item-height, 80px);--kup_familytree_item_h_padding:var(--kup-familytree-item-h-padding, 8px);--kup_familytree_item_v_padding:var(--kup-familytree-item-v-padding, 10px);--kup_familytree_item_width:var(--kup-familytree-item-width, 280px);--kup_familytree_lines_color:var(\n --kup-familytree-lines-color,\n var(--kup-border-color)\n );display:block;overflow:hidden}.family-tree{cursor:grab;display:flex;transform:scale(var(--kup_familytree_scale, 1));transform-origin:0px 0px}.family-tree--dragging{cursor:grabbing}.family-tree__node{border-collapse:collapse;margin:auto}.family-tree__node--stacked{margin-bottom:4px}.family-tree__node__staff{align-items:center;display:flex;flex-direction:column;height:0;transform:translateX(calc((var(--kup_familytree_item_width) + var(--kup_familytree_item_h_padding) * 2) / 2)) translateY(calc(0px - (var(--kup_familytree_staffchildren) * var(--kup_familytree_item_height) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)))}.family-tree__node__staff__item{padding:var(--kup_familytree_item_v_padding);text-align:left}.family-tree__node__staff__item:before{border-top:2px solid var(--kup_familytree_lines_color);content:"";position:absolute;transform:translateX(calc(100% + 2px)) translateY(calc(var(--kup_familytree_item_height) / 2));width:var(--kup_familytree_item_h_padding)}.family-tree__node td{vertical-align:top;padding:0}.family-tree__line--left{border-left:2px solid var(--kup_familytree_lines_color)}.family-tree__line--placeholder{height:calc(var(--kup_familytree_item_height) / 2)}.family-tree__line--staff{height:calc(var(--kup_familytree_staffchildren) * var(--kup_familytree_item_height) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)}.family-tree__line--right{border-right:2px solid var(--kup_familytree_lines_color)}.family-tree__line--top{border-top:2px solid var(--kup_familytree_lines_color)}.family-tree__line--vertical{background-color:var(--kup_familytree_lines_color);margin-left:auto;margin-right:auto;width:2px}.family-tree__item{display:flex}.family-tree__item__wrapper{margin:auto}.family-tree__item__wrapper kup-box{margin:0 auto;overflow:hidden;padding:0 18px;width:var(--kup_familytree_item_width);z-index:1}.family-tree__item__wrapper .f-button{--kup-button-primary-color:var(--kup-text-color);--kup-button-primary-color-rgb:var(--kup-text-color-rgb);--kup-button-primary-color-h:var(--kup-text-color-h);--kup-button-primary-color-s:var(--kup-text-color-s);--kup-button-primary-color-l:var(--kup-text-color-l);margin:0 auto;width:max-content}.family-tree__item__wrapper .f-button button{height:32px;width:32px}.family-tree__item__layout{background-color:var(--kup_familytree_item_background_color);border:1px solid var(--kup_familytree_lines_color);border-radius:8px;box-sizing:border-box;display:flex;height:var(--kup_familytree_item_height);margin:0 18px;width:var(--kup_familytree_item_width)}.family-tree__item__layout--1{justify-content:center;color:var(--kup_familytree_item_color)}.family-tree__item__layout--1>.family-tree__item__layout__text__title{margin-top:auto;margin-bottom:auto}.family-tree__item__layout--2{background-color:var(--kup_familytree_item_background_color);justify-content:flex-start}.family-tree__item__layout__color{background-color:var(--kup-secondary-color);border-bottom-left-radius:8px;border-top-left-radius:8px;height:100%;width:10px}.family-tree__item__layout__image{display:flex;margin:auto 10px}.family-tree__item__layout__image img{border-radius:50px;object-fit:cover}.family-tree__item__layout__text{display:flex;flex-direction:column;justify-content:center}.family-tree__item__layout__text__title{font-size:18px;margin-bottom:5px}.family-tree__item__layout__text__subtitle{font-size:14px}.family-tree__item__layout__text__title,.family-tree__item__layout__text__subtitle{max-width:calc(var(--kup_familytree_item_width) - 30%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}';export{B as kup_family_tree}
|
|
1
|
+
import{r as t,c as e,f as i,h as a,H as l,d as r}from"./p-47040db6.js";import{F as o}from"./p-2d4a9235.js";import{F as n}from"./p-c634eb82.js";import{F as s}from"./p-c0f660d6.js";import{k as f,g as _,s as m,l as p,M as h}from"./p-8229b97a.js";import{c}from"./p-635bb4b3.js";import"./p-eb8ea3a6.js";var u;!function(t){t.autofitOnExpand="The component will autofit everytime a node is expanded.",t.autofitOnLoad="The component's initial render will fit the container by invoking the runAutofit method.",t.cardData="Used to render the family tree boxes as kup-cards (through kup-box).",t.collapsible="Nodes can be expanded/collapsed.",t.customStyle="Custom style of the component.",t.data="Actual data of the component",t.layout="Layout of the boxes.",t.stackedLeaves="Child nodes that have no children are arranged vertically."}(u||(u={}));var d,y,g,k,x,v,b,w,z,j,C,E,T,W,M,S,D,L,O,P,A,F,R,X,Y,H=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)},$=function(t,e,i,a,l){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?l.call(t,i):l?l.value=i:e.set(t,i),i};const B=class{constructor(i){t(this,i),this.kupClick=e(this,"kup-familytree-click",6),this.kupContextMenu=e(this,"kup-familytree-contextmenu",6),this.kupDblClick=e(this,"kup-familytree-dblclick",6),d.add(this),y.set(this,[]),g.set(this,!1),k.set(this,0),x.set(this,0),v.set(this,[]),b.set(this,f()),w.set(this,(t=>{const e=t.clientX-H(this,k,"f"),i=t.clientY-H(this,x,"f");this.rootElement.scrollTop-=i,this.rootElement.scrollLeft-=e,$(this,k,t.clientX,"f"),$(this,x,t.clientY,"f")})),z.set(this,!1),j.set(this,null),this.autofitOnExpand=!0,this.autofitOnLoad=!0,this.cardData=null,this.collapsible=!0,this.customStyle="",this.data=null,this.layout=null,this.stackedLeaves=!1}async collapseAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!1},!0),this.refresh()}async expandAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!0},!0),this.refresh()}async getProps(t){return _(this,u,t)}async refresh(){i(this)}async runAutofit(){const t=H(this,j,"f").clientWidth,e=H(this,j,"f").children[0].clientWidth,i=.01,a=.85*t,l=.95*t;let r=1,o=2e3,n=e;for(;(n<a||n>l)&&o>0&&r>i;)o--,n<a?r+=i:n>l?r-=i:o=0,n=e*r;H(this,j,"f").style.setProperty("--kup_familytree_scale",r<=1?r.toFixed(2):"1")}async setProps(t){m(this,u,t)}componentWillLoad(){H(this,b,"f").debug.logLoad(this,!1),H(this,b,"f").language.register(this),H(this,b,"f").theme.register(this)}componentDidLoad(){H(this,d,"m",X).call(this),this.autofitOnLoad&&this.runAutofit(),H(this,b,"f").debug.logLoad(this,!0)}componentWillRender(){H(this,b,"f").debug.logRender(this,!1)}componentDidRender(){H(this,z,"f")&&($(this,z,!1,"f"),this.runAutofit()),H(this,b,"f").debug.logRender(this,!0)}render(){return a(l,{key:"84ce528e459f5a79624e5e9fc5787477ff623746",onDrag:t=>t.preventDefault(),onPointerDown:t=>{t.preventDefault(),H(this,d,"m",O).call(this,t)},onWheel:t=>{H(this,d,"m",Y).call(this,t)}},a("style",{key:"1fe47674c65a2cd4929f907d8a2a7ae0c7d21f73"},H(this,b,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"253190ac263c49f65981919ad5bdc26388832d66",id:c},H(this,d,"m",D).call(this)))}disconnectedCallback(){H(this,b,"f").language.unregister(this),H(this,b,"f").theme.unregister(this)}get rootElement(){return r(this)}};y=new WeakMap,g=new WeakMap,k=new WeakMap,x=new WeakMap,v=new WeakMap,b=new WeakMap,w=new WeakMap,z=new WeakMap,j=new WeakMap,d=new WeakSet,C=function(t,e,i,l){const r=[];return r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--right":!t,"family-tree__line--top":!t}},a("div",{class:"family-tree__line--placeholder"}))),r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--left":t,"family-tree__line--top":t&&!i||l&&!e}},a("div",{class:"family-tree__line--placeholder"}))),r},E=function t(e){var i;let l=null,r=null;(!this.collapsible||this.collapsible&&e.isExpanded)&&(null===(i=e.children)||void 0===i||i.forEach((t=>{t.isStaff?(r||(r=[]),r.push(t)):(l||(l=[]),l.push(t))})));const s=this.stackedLeaves&&l&&l.every((t=>!t.children||0==t.children.length)),f=l?2*l.length:1,_={"family-tree__line":!0,"family-tree__line--placeholder":!(!l&&!r),"family-tree__line--vertical":!(!l&&!r)},m={columns:[{name:"*TREECOL",title:"Fake column",visible:!1},...this.data.columns],rows:[{cells:Object.assign({"*TREECOL":e},e.cells)}]},h=e.layout||this.layout||1,c={icon:e.isExpanded?"remove":"plus",shaped:!0,slim:!0,styling:n.OUTLINED,title:`${H(this,b,"f").language.translate(p.EXPAND)}/${H(this,b,"f").language.translate(p.COLLAPSE)} (CTRL + Click)`,onClick:t=>{t.ctrlKey&&e.children&&e.children.length>0&&(e.isExpanded?this.collapseAll(e.children):this.expandAll(e.children)),e.isExpanded=!e.isExpanded,this.autofitOnExpand&&$(this,z,!0,"f"),this.refresh()},wrapperClass:"family-tree__item__expand"};let u=null;H(this,d,"m",L).call(this,h)&&(u=a("kup-box",{class:"kup-borderless kup-paddingless",customStyle:"#kup-component { background: var(--kup_familytree_item_background_color); border: 2px solid var(--kup_familytree_lines_color); box-sizing: border-box; height: var(--kup_familytree_item_height); padding: 0 var(--kup_familytree_item_h_padding); } #kup-component .box-component { background: var(--kup_familytree_item_background_color); box-sizing: border-box; height: 100%;} #kup-component .f-cell__text { color: var(--kup_familytree_item_color); }",data:m,cardData:this.cardData,layout:this.cardData?null:h,showSelection:!1}));const y=a("div",{class:"family-tree__item"},a("div",{class:"family-tree__item__wrapper"},H(this,d,"m",L).call(this,h)?u:H(this,d,"m",T).call(this,e,h),this.collapsible&&e.children&&e.children.length>0?a(o,Object.assign({},c)):void 0)),g={"--kup_familytree_staffchildren":(null==r?void 0:r.length.toString())||"0"};return a("table",{class:{"family-tree__node":!0,"family-tree__node--stacked":this.stackedLeaves&&!e.isStaff&&(!e.children||0==e.children.length)}},a("tr",null,a("td",{"data-row":e,colSpan:f},y)),a("tr",null,a("td",{colSpan:f},a("div",{class:_}))),r?[a("tr",null,a("td",{colSpan:f},a("div",{class:Object.assign(Object.assign({},_),{"family-tree__line--staff":!0}),style:g}),a("div",{class:"family-tree__node__staff",style:g},r.map((e=>[a("div",{class:"family-tree__node__staff__item"},H(this,d,"m",t).call(this,e))])))))]:null,r&&l?[a("tr",null,a("td",{colSpan:f},a("div",{class:_})))]:null,l?[a("tr",null,s?a("td",{colSpan:f},a("div",{class:_})):l.map((t=>H(this,d,"m",C).call(this,0==l.indexOf(t),l.indexOf(t)==l.length-1,1==l.length,l.length>2)))),a("tr",null,s?a("td",{colSpan:f},l.map((e=>H(this,d,"m",t).call(this,e)))):l.map((e=>a("td",{colSpan:2},H(this,d,"m",t).call(this,e)))))]:void 0)},T=function(t,e){return 2===e?H(this,d,"m",M).call(this,t):H(this,d,"m",W).call(this,t)},W=function(t){return a("div",{class:"family-tree__item__layout family-tree__item__layout--1"},a("div",{class:"family-tree__item__layout__text__title"},t.value))},M=function(t){return a("div",{class:"family-tree__item__layout family-tree__item__layout--2"},a("div",{class:"family-tree__item__layout__color"}),a("div",{class:"family-tree__item__layout__image"},a(s,{resource:t.icon,sizeX:"48px",sizeY:"48px"})),a("div",{class:"family-tree__item__layout__text"},a("div",{class:"family-tree__item__layout__text__title"},t.value),t.title?a("div",{class:"family-tree__item__layout__text__subtitle"},t.title):null))},S=function(t){return t.map((t=>H(this,d,"m",E).call(this,t)))},D=function(){return a("div",{class:"family-tree",onContextMenu:t=>{t.preventDefault()},ref:t=>$(this,j,t,"f")},this.data&&this.data.rows&&this.data.rows.length?H(this,d,"m",S).call(this,this.data.rows):a("div",null,H(this,b,"f").language.translate(p.EMPTY_DATA)))},L=function(t){return!!this.cardData||t&&t.sections&&t.sections.length>0},O=function(t){$(this,k,t.clientX,"f"),$(this,x,t.clientY,"f"),H(this,j,"f").classList.add("family-tree--dragging");const e=()=>{document.removeEventListener("pointermove",H(this,w,"f")),document.removeEventListener("pointerup",e),H(this,j,"f").classList.remove("family-tree--dragging")};document.addEventListener("pointermove",H(this,w,"f")),document.addEventListener("pointerup",e)},P=function(t,e){let i,a;if(t)for(let e=t.length-1;e>=0;e--){const l=t[e];l.tagName&&(l.classList.contains("family-tree__item__expand")&&(i=l),"TD"===l.tagName.toUpperCase())&&(a=l)}let l=null,r=null,o=null;return a&&(l=a["data-cell"],r=a["data-column"],o=a["data-row"]),{cell:l||null,column:r||null,expandButton:i||null,originalEvent:e,row:o||null,td:a||null}},A=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},F=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},R=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},X=function(){H(this,v,"f").push(this.rootElement),H(this,b,"f").interact.on(this.rootElement,h.TAP,(t=>{if(H(this,g,"f"))$(this,g,!1,"f");else switch(t.button){case 0:const e={};for(const i in t)e[i]=t[i];H(this,y,"f").push(setTimeout((()=>{this.kupClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).call(this,e)})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",F).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.DOUBLETAP,(t=>{if(0===t.button){for(let t=0;t<H(this,y,"f").length;t++)clearTimeout(H(this,y,"f")[t]),H(this,b,"f").debug.logMessage(this,"Cleared clickHandler timeout("+H(this,y,"f")[t]+").");$(this,y,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",R).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||($(this,g,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",F).call(this,t)}))}))},Y=function(t){if(t.ctrlKey){t.preventDefault();const e=parseFloat(H(this,j,"f").style.getPropertyValue("--kup_familytree_scale"))||1,i=.05;let a=t.deltaY>0?e-i:e+i;a<i&&(a=i),H(this,j,"f").style.setProperty("--kup_familytree_scale",a.toFixed(2))}},B.style='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_familytree_item_background_color:var(\n --kup-familytree-item-background-color,\n var(--kup-background-color)\n );--kup_familytree_item_color:var(\n --kup-familytree-item-color,\n var(--kup-text-color)\n );--kup_familytree_item_height:var(--kup-familytree-item-height, 80px);--kup_familytree_item_h_padding:var(--kup-familytree-item-h-padding, 8px);--kup_familytree_item_v_padding:var(--kup-familytree-item-v-padding, 10px);--kup_familytree_item_width:var(--kup-familytree-item-width, 280px);--kup_familytree_lines_color:var(\n --kup-familytree-lines-color,\n var(--kup-border-color)\n );display:block;overflow:hidden}.family-tree{cursor:grab;display:flex;transform:scale(var(--kup_familytree_scale, 1));transform-origin:0px 0px}.family-tree--dragging{cursor:grabbing}.family-tree__node{border-collapse:collapse;margin:auto}.family-tree__node--stacked{margin-bottom:4px}.family-tree__node__staff{align-items:center;display:flex;flex-direction:column;height:0;transform:translateX(calc((var(--kup_familytree_item_width) + var(--kup_familytree_item_h_padding) * 2) / 2)) translateY(calc(0px - (var(--kup_familytree_staffchildren) * var(--kup_familytree_item_height) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)))}.family-tree__node__staff__item{padding:var(--kup_familytree_item_v_padding);text-align:left}.family-tree__node__staff__item:before{border-top:2px solid var(--kup_familytree_lines_color);content:"";position:absolute;transform:translateX(calc(100% + 2px)) translateY(calc(var(--kup_familytree_item_height) / 2));width:var(--kup_familytree_item_h_padding)}.family-tree__node td{vertical-align:top;padding:0}.family-tree__line--left{border-left:2px solid var(--kup_familytree_lines_color)}.family-tree__line--placeholder{height:calc(var(--kup_familytree_item_height) / 2)}.family-tree__line--staff{height:calc(var(--kup_familytree_staffchildren) * var(--kup_familytree_item_height) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)}.family-tree__line--right{border-right:2px solid var(--kup_familytree_lines_color)}.family-tree__line--top{border-top:2px solid var(--kup_familytree_lines_color)}.family-tree__line--vertical{background-color:var(--kup_familytree_lines_color);margin-left:auto;margin-right:auto;width:2px}.family-tree__item{display:flex}.family-tree__item__wrapper{margin:auto}.family-tree__item__wrapper kup-box{margin:0 auto;overflow:hidden;padding:0 18px;width:var(--kup_familytree_item_width);z-index:1}.family-tree__item__wrapper .f-button{--kup-button-primary-color:var(--kup-text-color);--kup-button-primary-color-rgb:var(--kup-text-color-rgb);--kup-button-primary-color-h:var(--kup-text-color-h);--kup-button-primary-color-s:var(--kup-text-color-s);--kup-button-primary-color-l:var(--kup-text-color-l);margin:0 auto;width:max-content}.family-tree__item__wrapper .f-button button{height:32px;width:32px}.family-tree__item__layout{background-color:var(--kup_familytree_item_background_color);border:1px solid var(--kup_familytree_lines_color);border-radius:8px;box-sizing:border-box;display:flex;height:var(--kup_familytree_item_height);margin:0 18px;width:var(--kup_familytree_item_width)}.family-tree__item__layout--1{justify-content:center;color:var(--kup_familytree_item_color)}.family-tree__item__layout--1>.family-tree__item__layout__text__title{margin-top:auto;margin-bottom:auto}.family-tree__item__layout--2{background-color:var(--kup_familytree_item_background_color);justify-content:flex-start}.family-tree__item__layout__color{background-color:var(--kup-secondary-color);border-bottom-left-radius:8px;border-top-left-radius:8px;height:100%;width:10px}.family-tree__item__layout__image{display:flex;margin:auto 10px}.family-tree__item__layout__image img{border-radius:50px;object-fit:cover}.family-tree__item__layout__text{display:flex;flex-direction:column;justify-content:center}.family-tree__item__layout__text__title{font-size:18px;margin-bottom:5px}.family-tree__item__layout__text__subtitle{font-size:14px}.family-tree__item__layout__text__title,.family-tree__item__layout__text__subtitle{max-width:calc(var(--kup_familytree_item_width) - 30%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}';export{B as kup_family_tree}
|