@sme.up/ketchup 11.0.0-SNAPSHOT-20241217150918 → 11.0.0-SNAPSHOT-20241217171103
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-cell-f626dcfb.js → f-cell-52444bed.js} +4 -4
- package/dist/cjs/{f-chip-d90e592d.js → f-chip-414c8930.js} +1 -1
- package/dist/cjs/{f-object-field-043bf3fd.js → f-object-field-12123ee1.js} +2 -2
- package/dist/cjs/{f-paginator-utils-4d7672fb.js → f-paginator-utils-8a8ca810.js} +1 -1
- package/dist/cjs/{f-text-field-5428efcd.js → f-text-field-bf5ce772.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/kup-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
- package/dist/cjs/kup-autocomplete_28.cjs.entry.js +7 -7
- package/dist/cjs/kup-box.cjs.entry.js +7 -7
- package/dist/cjs/kup-calendar.cjs.entry.js +6 -5
- package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +5 -5
- package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
- package/dist/cjs/{kup-data-table-helper-ccaf278f.js → kup-data-table-helper-a9d48da9.js} +1 -1
- package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kup-echart.cjs.entry.js +1 -1
- package/dist/cjs/kup-editor.cjs.entry.js +1 -1
- package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
- package/dist/cjs/kup-grid.cjs.entry.js +1 -1
- package/dist/cjs/kup-htm.cjs.entry.js +1 -1
- package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +5 -5
- package/dist/cjs/kup-input-panel.cjs.entry.js +5 -5
- package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
- package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
- package/dist/cjs/{kup-manager-d3139668.js → kup-manager-5f32cc47.js} +1 -1
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
- package/dist/cjs/kup-object-field.cjs.entry.js +3 -3
- package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
- package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
- package/dist/cjs/kup-planner.cjs.entry.js +2 -2
- package/dist/cjs/kup-probe.cjs.entry.js +1 -1
- package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
- package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/kup-txt.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography.cjs.entry.js +1 -1
- package/dist/collection/components/kup-calendar/kup-calendar.js +4 -3
- package/dist/collection/managers/kup-scroll-on-hover/kup-scroll-on-hover.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/kup-accordion.js +2 -2
- package/dist/components/kup-activity-timeline.js +2 -2
- package/dist/components/kup-autocomplete.js +1 -1
- package/dist/components/kup-badge.js +1 -1
- package/dist/components/kup-box.js +1 -1
- package/dist/components/kup-button-list.js +1 -1
- package/dist/components/kup-button.js +1 -1
- package/dist/components/kup-calendar.js +6 -5
- package/dist/components/kup-card-list.js +3 -3
- package/dist/components/kup-card.js +1 -1
- package/dist/components/kup-cell.js +2 -2
- package/dist/components/kup-chart.js +1 -1
- package/dist/components/kup-checkbox.js +1 -1
- package/dist/components/kup-chip.js +1 -1
- package/dist/components/kup-color-picker.js +1 -1
- package/dist/components/kup-combobox.js +1 -1
- package/dist/components/kup-dashboard.js +2 -2
- package/dist/components/kup-data-table.js +1 -1
- package/dist/components/kup-date-picker.js +1 -1
- package/dist/components/kup-dialog.js +1 -1
- package/dist/components/kup-drawer.js +2 -2
- package/dist/components/kup-dropdown-button.js +1 -1
- package/dist/components/kup-echart.js +1 -1
- package/dist/components/kup-editor.js +1 -1
- package/dist/components/kup-family-tree.js +3 -3
- package/dist/components/kup-form.js +1 -1
- package/dist/components/kup-gauge.js +1 -1
- package/dist/components/kup-grid.js +1 -1
- package/dist/components/kup-htm.js +2 -2
- package/dist/components/kup-iframe.js +2 -2
- package/dist/components/kup-image-list.js +2 -2
- package/dist/components/kup-image.js +1 -1
- package/dist/components/kup-input-panel.js +3 -3
- package/dist/components/kup-lazy.js +2 -2
- package/dist/components/kup-list.js +1 -1
- package/dist/components/kup-magic-box.js +4 -4
- package/dist/components/kup-nav-bar.js +2 -2
- package/dist/components/kup-numeric-picker.js +2 -2
- package/dist/components/kup-object-field.js +2 -2
- package/dist/components/kup-pdf.js +2 -2
- package/dist/components/kup-photo-frame.js +2 -2
- package/dist/components/kup-planner.js +2 -2
- package/dist/components/kup-probe.js +2 -2
- package/dist/components/kup-progress-bar.js +1 -1
- package/dist/components/kup-qlik.js +2 -2
- package/dist/components/kup-radio.js +1 -1
- package/dist/components/kup-rating.js +1 -1
- package/dist/components/kup-snackbar.js +2 -2
- package/dist/components/kup-spinner.js +1 -1
- package/dist/components/kup-switch.js +1 -1
- package/dist/components/kup-tab-bar.js +1 -1
- package/dist/components/kup-text-field.js +1 -1
- package/dist/components/kup-time-picker.js +1 -1
- package/dist/components/kup-toolbar.js +1 -1
- package/dist/components/kup-tree.js +1 -1
- package/dist/components/kup-txt.js +2 -2
- package/dist/components/kup-typography-list.js +2 -2
- package/dist/components/kup-typography.js +2 -2
- package/dist/components/{p-cb19ead3.js → p-00acb6c9.js} +1 -1
- package/dist/components/{p-7a786d0e.js → p-3a60c571.js} +2 -2
- package/dist/components/{p-7ea265d4.js → p-761dbab0.js} +2 -2
- package/dist/components/{p-4f7dcb2f.js → p-8dff589f.js} +2 -2
- package/dist/components/{p-58f7825e.js → p-d147f210.js} +1 -1
- package/dist/components/{p-183727f3.js → p-eee5adff.js} +2 -2
- package/dist/esm/{f-cell-14f1b30d.js → f-cell-b78d55bd.js} +4 -4
- package/dist/esm/{f-chip-13a0db84.js → f-chip-ea3f1a9d.js} +1 -1
- package/dist/esm/{f-object-field-32132c67.js → f-object-field-c5ff4d10.js} +2 -2
- package/dist/esm/{f-paginator-utils-b5e0696c.js → f-paginator-utils-3fd34944.js} +1 -1
- package/dist/esm/{f-text-field-aff51c9c.js → f-text-field-428b17eb.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/kup-accordion.entry.js +1 -1
- package/dist/esm/kup-activity-timeline.entry.js +2 -2
- package/dist/esm/kup-autocomplete_28.entry.js +7 -7
- package/dist/esm/kup-box.entry.js +7 -7
- package/dist/esm/kup-calendar.entry.js +6 -5
- package/dist/esm/kup-card-list.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +5 -5
- package/dist/esm/kup-dashboard.entry.js +2 -2
- package/dist/esm/{kup-data-table-helper-01a60a20.js → kup-data-table-helper-2961c852.js} +1 -1
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +1 -1
- package/dist/esm/kup-editor.entry.js +1 -1
- package/dist/esm/kup-family-tree.entry.js +1 -1
- package/dist/esm/kup-grid.entry.js +1 -1
- package/dist/esm/kup-htm.entry.js +1 -1
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +5 -5
- package/dist/esm/kup-input-panel.entry.js +5 -5
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +1 -1
- package/dist/esm/{kup-manager-7926277d.js → kup-manager-4e1add8f.js} +1 -1
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-object-field.entry.js +3 -3
- package/dist/esm/kup-pdf.entry.js +1 -1
- package/dist/esm/kup-photo-frame.entry.js +1 -1
- package/dist/esm/kup-planner.entry.js +2 -2
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +1 -1
- package/dist/esm/kup-txt.entry.js +1 -1
- package/dist/esm/kup-typography-list.entry.js +1 -1
- package/dist/esm/kup-typography.entry.js +1 -1
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-26ea9370.entry.js → p-07c489d0.entry.js} +1 -1
- package/dist/ketchup/{p-3b751e20.entry.js → p-0e685ed0.entry.js} +1 -1
- package/dist/ketchup/{p-2c7b2e13.entry.js → p-1667fdad.entry.js} +1 -1
- package/dist/ketchup/{p-191ffef4.entry.js → p-3e60392f.entry.js} +1 -1
- package/dist/ketchup/{p-fd678a72.entry.js → p-441882cc.entry.js} +1 -1
- package/dist/ketchup/{p-7dc67db6.entry.js → p-46c12287.entry.js} +1 -1
- package/dist/ketchup/{p-14cd74b9.entry.js → p-4a27ce86.entry.js} +1 -1
- package/dist/ketchup/{p-f8cd1c6d.entry.js → p-500a68f5.entry.js} +1 -1
- package/dist/ketchup/{p-ac5c6b9c.entry.js → p-50f2c605.entry.js} +1 -1
- package/dist/ketchup/{p-b10051e0.entry.js → p-53bfc589.entry.js} +1 -1
- package/dist/ketchup/{p-166c53af.js → p-65533633.js} +1 -1
- package/dist/ketchup/{p-ea01cf19.js → p-6aeab427.js} +1 -1
- package/dist/ketchup/{p-81d3d8b5.entry.js → p-6cf0ff5d.entry.js} +1 -1
- package/dist/ketchup/{p-6ba2a784.js → p-7272d9aa.js} +1 -1
- package/dist/ketchup/{p-994dd8aa.entry.js → p-733abf06.entry.js} +1 -1
- package/dist/ketchup/{p-61afb3e9.entry.js → p-7652ba66.entry.js} +1 -1
- package/dist/ketchup/{p-f2796f2c.entry.js → p-7acd9250.entry.js} +1 -1
- package/dist/ketchup/{p-005fd6a2.entry.js → p-86056150.entry.js} +1 -1
- package/dist/ketchup/{p-ac327d1d.entry.js → p-963bcae8.entry.js} +1 -1
- package/dist/ketchup/{p-74193d4e.entry.js → p-9796e1bc.entry.js} +1 -1
- package/dist/ketchup/p-a817b0da.entry.js +1 -0
- package/dist/ketchup/{p-b0804c47.entry.js → p-ae346383.entry.js} +1 -1
- package/dist/ketchup/{p-eddd687c.entry.js → p-b144be13.entry.js} +1 -1
- package/dist/ketchup/{p-7c81cee6.js → p-b97db8dc.js} +1 -1
- package/dist/ketchup/{p-667e6285.js → p-b9ae3c6a.js} +1 -1
- package/dist/ketchup/{p-3ed6f1f5.entry.js → p-ba4816d8.entry.js} +1 -1
- package/dist/ketchup/{p-894e500b.entry.js → p-c275f515.entry.js} +1 -1
- package/dist/ketchup/{p-b6ed95cd.entry.js → p-c4fc52f4.entry.js} +1 -1
- package/dist/ketchup/{p-3325cc15.entry.js → p-ccc281db.entry.js} +1 -1
- package/dist/ketchup/{p-213ec175.entry.js → p-cdc54392.entry.js} +1 -1
- package/dist/ketchup/{p-8413123b.entry.js → p-d0ee6b4c.entry.js} +1 -1
- package/dist/ketchup/{p-651af91d.js → p-e0678743.js} +1 -1
- package/dist/ketchup/{p-e4547c42.entry.js → p-ecb57bcb.entry.js} +1 -1
- package/dist/ketchup/{p-2685e746.entry.js → p-f4e4ebd7.entry.js} +1 -1
- package/dist/ketchup/{p-7f6b336d.entry.js → p-f76e2bf8.entry.js} +1 -1
- package/dist/ketchup/{p-47dec6d0.entry.js → p-fa2b9766.entry.js} +1 -1
- package/dist/ketchup/{p-5aeaec7d.js → p-fae98674.js} +1 -1
- package/dist/ketchup/{p-4b2f6b96.entry.js → p-fde78da2.entry.js} +1 -1
- package/package.json +1 -1
- package/dist/ketchup/p-139ab887.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as a,H as l,d as r}from"./p-b0368f88.js";import{F as o}from"./p-1bdc7796.js";import{a as n}from"./p-e3062c19.js";import{F as s}from"./p-d1c818ae.js";import{k as f,g as _,s as p,h as m,N as h}from"./p-6ba2a784.js";import{c}from"./p-635bb4b3.js";import"./p-1ee561ba.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,k,g,v,x,b,w,z,j,C,E,T,W,M,S,D,L,O,P,R,A,F,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)},N=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 $=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,[]),k.set(this,!1),g.set(this,0),v.set(this,0),x.set(this,[]),b.set(this,f()),w.set(this,(t=>{const e=t.clientX-H(this,g,"f"),i=t.clientY-H(this,v,"f");this.rootElement.scrollTop-=i,this.rootElement.scrollLeft-=e,N(this,g,t.clientX,"f"),N(this,v,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){p(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")&&(N(this,z,!1,"f"),this.runAutofit()),H(this,b,"f").debug.logRender(this,!0)}render(){return a(l,{key:"09a067148b3438469a9773c276c6aaddecda73fa",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:"dbae8f187ff51f8168d4df72de2ba563ef7a9d7c"},H(this,b,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"cf23802e9e58e68d0c89ee7fdd13fde331a04705",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,k=new WeakMap,g=new WeakMap,v=new WeakMap,x=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)},p={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(m.EXPAND)}/${H(this,b,"f").language.translate(m.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&&N(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:p,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)),k={"--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:k}),a("div",{class:"family-tree__node__staff",style:k},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,placeholderResource:t.placeholderIcon,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=>N(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(m.EMPTY_DATA)))},L=function(t){return!!this.cardData||t&&t.sections&&t.sections.length>0},O=function(t){N(this,g,t.clientX,"f"),N(this,v,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}},R=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},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)},X=function(){H(this,x,"f").push(this.rootElement),H(this,b,"f").interact.on(this.rootElement,h.TAP,(t=>{if(H(this,k,"f"))N(this,k,!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",R).call(this,e)})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).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]+").");N(this,y,[],"f"),this.kupDblClick.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.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(N(this,k,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).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))}},$.style='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-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-layer-1,\n var(--kup-layer-1)\n );--kup_familytree_border_color:var(\n --kup-familytree-border-color,\n var(--kup-info-color-50)\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(\n --kup-familytree-item-h-padding,\n var(--kup-space-03)\n );--kup_familytree_item_v_padding:var(\n --kup-familytree-item-v-padding,\n var(--kup-space-03)\n );--kup_familytree_item_width:var(--kup-familytree-item-width, 280px);--kup_familytree_lines_color:var(\n --kup-familytree-lines-color,\n var(--kup-border-subtle)\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);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_familytree_border_color);height:100%;width:10px}.family-tree__item__layout__image{display:flex;margin:auto var(--kup-space-03)}.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{$ 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-b0368f88.js";import{F as o}from"./p-1bdc7796.js";import{a as n}from"./p-e3062c19.js";import{F as s}from"./p-d1c818ae.js";import{k as f,g as _,s as p,h as m,N as h}from"./p-7272d9aa.js";import{c}from"./p-635bb4b3.js";import"./p-1ee561ba.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,k,g,v,x,b,w,z,j,C,E,T,W,M,S,D,L,O,P,R,A,F,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)},N=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 $=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,[]),k.set(this,!1),g.set(this,0),v.set(this,0),x.set(this,[]),b.set(this,f()),w.set(this,(t=>{const e=t.clientX-H(this,g,"f"),i=t.clientY-H(this,v,"f");this.rootElement.scrollTop-=i,this.rootElement.scrollLeft-=e,N(this,g,t.clientX,"f"),N(this,v,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){p(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")&&(N(this,z,!1,"f"),this.runAutofit()),H(this,b,"f").debug.logRender(this,!0)}render(){return a(l,{key:"09a067148b3438469a9773c276c6aaddecda73fa",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:"dbae8f187ff51f8168d4df72de2ba563ef7a9d7c"},H(this,b,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"cf23802e9e58e68d0c89ee7fdd13fde331a04705",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,k=new WeakMap,g=new WeakMap,v=new WeakMap,x=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)},p={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(m.EXPAND)}/${H(this,b,"f").language.translate(m.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&&N(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:p,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)),k={"--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:k}),a("div",{class:"family-tree__node__staff",style:k},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,placeholderResource:t.placeholderIcon,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=>N(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(m.EMPTY_DATA)))},L=function(t){return!!this.cardData||t&&t.sections&&t.sections.length>0},O=function(t){N(this,g,t.clientX,"f"),N(this,v,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}},R=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},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)},X=function(){H(this,x,"f").push(this.rootElement),H(this,b,"f").interact.on(this.rootElement,h.TAP,(t=>{if(H(this,k,"f"))N(this,k,!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",R).call(this,e)})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).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]+").");N(this,y,[],"f"),this.kupDblClick.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.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(N(this,k,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).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))}},$.style='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-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-layer-1,\n var(--kup-layer-1)\n );--kup_familytree_border_color:var(\n --kup-familytree-border-color,\n var(--kup-info-color-50)\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(\n --kup-familytree-item-h-padding,\n var(--kup-space-03)\n );--kup_familytree_item_v_padding:var(\n --kup-familytree-item-v-padding,\n var(--kup-space-03)\n );--kup_familytree_item_width:var(--kup-familytree-item-width, 280px);--kup_familytree_lines_color:var(\n --kup-familytree-lines-color,\n var(--kup-border-subtle)\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);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_familytree_border_color);height:100%;width:10px}.family-tree__item__layout__image{display:flex;margin:auto var(--kup-space-03)}.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{$ as kup_family_tree}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as n,f as i,h as r,H as e,d as o,g as a}from"./p-b0368f88.js";import{k as s,g as u,s as l,d as f,e as h,v as c,o as v}from"./p-
|
|
1
|
+
import{r as t,c as n,f as i,h as r,H as e,d as o,g as a}from"./p-b0368f88.js";import{k as s,g as u,s as l,d as f,e as h,v as c,o as v}from"./p-7272d9aa.js";import{c as d}from"./p-635bb4b3.js";import"./p-1ee561ba.js";
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as o}from"./p-b0368f88.js";import{a as t,k as n,c as e}from"./p-
|
|
1
|
+
import{h as o}from"./p-b0368f88.js";import{a as t,k as n,c as e}from"./p-7272d9aa.js";import{F as c}from"./p-1bdc7796.js";import{a as i}from"./p-e3062c19.js";import{F as l}from"./p-e0678743.js";const s=new WeakMap,a=n=>{var e;return o("div",{class:`f-object-field ${n.wrapperClass?n.wrapperClass:""}`,ref:async o=>{o&&(n.root=o,b(n))}},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(e=n.cell)||void 0===e?void 0:e.data,{value:n.inputValue,onChange:n.onChange,onIconClick:d.icon.bind(n),onInput:d.input.bind(n),onKeyDown:d.keydown.bind(n)})),o(c,{icon:"menu",onClick:d.button.bind(n),sizing:t.SMALL,styling:i.FLAT,wrapperClass:"obj-field-extra-btn"}),o("kup-toolbar",{"onKup-toolbar-click":d.toolbar.bind(n)}))};function r(o){const{cell:t}=o,e=s.get(t),{clickCb:c}=e,{toolbar:i}=u(e),l=n();l.dynamicPosition.stop(i),l.removeClickCallback(c),i.style.display="none",e.isListOpened=!1}const u=o=>{const{children:t,clickCb:n,root:e}=o;return Object.keys(o.children).length||(t.button=e.querySelector(".f-button"),t.textfield=e.querySelector(".f-text-field"),t.toolbar=e.querySelector("kup-toolbar"),n.el=t.toolbar),t},b=o=>{const{cell:t,root:n}=o,e=s.get(t);s.set(t,e?Object.assign(Object.assign({},e),{root:n,children:u(e)}):{children:{},clickCb:{cb:r.bind(r,o)},inputValue:o.inputValue,isListOpened:!1,root:n})},p=(o,t,n)=>{const{cell:e,root:c}=o,{children:i,inputValue:l}=s.get(e),a=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:e,children:i,inputValue:l,originalEvent:n}});c.dispatchEvent(a)},d={button:function(o){(function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i}=c;i?r(o):function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i,clickCb:l}=c,{button:a,toolbar:r}=u(c);if(i)return;const b=n();b.dynamicPosition.isRegistered(r)?b.dynamicPosition.changeAnchor(r,a):b.dynamicPosition.register(r,a,0,e.AUTO,!0),b.dynamicPosition.start(r),b.addClickCallback(l,!0),r.style.display="block",c.isListOpened=!0}(o)})(this),p(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){p(this,"kup-objectfield-searchpayload",o)},input:function(o){const{cell:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),p(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){r(this),p(this,"kup-objectfield-selectedmenuitem",o)}};export{a as F}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,g as a,F as t}from"./p-b0368f88.js";import{a8 as s,a9 as n,aa as c,d as l,a5 as i,ab as o,ac as r,ad as u,F as d,ae as p,af as b,ag as f,ah as k,ai as v,aj as h,e as m}from"./p-6ba2a784.js";import{F as g}from"./p-1bdc7796.js";import{F as w}from"./p-3913eb45.js";import{F as j,c as y}from"./p-166c53af.js";import{F as O}from"./p-d1c818ae.js";import{F as x}from"./p-7c81cee6.js";import{F as $}from"./p-651af91d.js";var _,C,I;!function(e){e.customStyle="Custom style of the component.",e.data="The data of the list.",e.displayMode="Selects how the items must display their label and how they can be filtered for.",e.filter="Keeps string for filtering elements when filter mode is active",e.hideText="Hides rows' text, ideally to display a list of icons only.",e.isMenu="Defines whether the list is a menu or not.",e.keyboardNavigation="When true, enables items' navigation through arrow keys.",e.menuVisible="Sets the status of the menu, when false it's hidden otherwise it's visible.",e.roleType="Defines the type of selection. Values accepted: listbox, radiogroup or group.",e.selectable="Defines whether items are selectable or not.",e.showIcons="Displays the icons associated to each row when set to true.",e.twoLine="The list elements descriptions will be arranged in two lines."}(_||(_={})),function(e){e.LISTBOX="listbox",e.RADIOGROUP="radiogroup",e.GROUP="group"}(C||(C={})),function(e){e.CODE="CodeOnly",e.DESCRIPTION="DescOnly",e.DESCRIPTION_AND_CODE="Both"}(I||(I={}));const z=t=>{t.centeredLabel||0==!t.centeredLabel||(t.centeredLabel=!0);let s,n=`f-progress-bar ${t.danger?"kup-danger":""} ${t.animated?"kup-animated":""} ${t.padded?"kup-padded":""} ${t.info?"kup-info":""} ${t.slim?"kup-slim":""} ${t.striped?"kup-striped":""} ${t.secondary?"kup-secondary":""} ${t.slim?"kup-slim":""} ${t.success?"kup-success":""} ${t.warning?"kup-warning":""} ${t.wrapperClass?t.wrapperClass:""}`,c="pie";n+=t.isRadial?" pie-wrapper is-radial":" progress-bar";const l={width:`${t.value}%`};t.centeredLabel?t.value>49&&(n+=" text-color-on-primary"):(s=l,t.value>2&&(n+=" text-color-on-primary"));let i=null;return t.icon?i=function(t){if(t.icon){if(t.icon.indexOf(".")>-1||t.icon.indexOf("/")>-1||t.icon.indexOf("\\")>-1)return e("span",{class:"label kup-icon is-image"},e("img",{src:t.icon}));{let s=`url('${a(`./assets/svg/${t.icon}.svg`)}') no-repeat center`;return e("span",{style:{mask:s,webkitMask:s},class:"label kup-icon"})}}}(t):t.hideLabel||(i=t.isRadial?t.label?e("span",{class:"label"},t.label):e("span",{class:"label"},t.value,e("span",{class:"smaller"},"%")):t.label?t.label:t.value+"%"),t.value>0&&(c+=" has-value",c+=t.value>50?" is-more-than-half":" is-less-than-half"),t.isRadial?e("div",{class:n},i,e("div",{class:c},e("div",{style:undefined,class:"left-side half-circle"}),e("div",{class:"right-side half-circle"})),e("div",{class:"shadow"})):e("div",{class:n},e("div",{class:"progress-bar-percentage",style:l},e("span",{style:s},i)))};var F;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(F||(F={}));const D=a=>{var s;const n=!!a.columns,c=[],l=a.type||F.RADIO;for(let n=0;n<(null===(s=a.data)||void 0===s?void 0:s.length);n++){const s=a.data[n];c.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""}`},e("div",{class:{radio:!0,"radio--checked":!!s.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type}},l===F.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:a.onChange?a.onChange.bind(a.onChange,n):null,onFocus:a.onFocus}):e(t,null,e(O,s.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:a.onChange?a.onChange.bind(a.onChange,n):null})),l===F.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("label",{htmlFor:"radio-element",onClick:a.onChange?a.onChange.bind(a.onChange,n):null},s.label?s.label:"")))}return e("div",{class:`f-radio radio-wrapper\n ${n?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${a.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":n?`repeat(${a.columns}, 1fr)`:""}},c)},N=a=>(a.maxValue||(a.maxValue=5),e("div",{class:`f-rating ${a.disabled?"disabled":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},function(a){const t=[];for(let s=1;s<=a.maxValue;s++)t.push(e("span",{class:"rating",onClick:a.onClick?a.onClick.bind(a.onClick,s):null},s<=a.value?"★":"☆"));return t}(a)));var K;!function(e){e.SMALL="small",e.MEDIUM="medium"}(K||(K={}));const V=a=>{a.sizing||(a.sizing=K.MEDIUM),a.sizing.toLowerCase();const t={switch:!0,"switch--checked":a.checked,"switch--disabled":a.disabled,[`switch--${a.sizing}`]:!!a.sizing};return e("div",Object.assign({class:`f-switch ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},a.dataSet,{id:a.id,title:a.title}),e("div",{class:"form-field "+(a.leadingLabel?"form-field--align-end":"")},e("div",{class:t},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:a.checked,disabled:a.disabled,value:a.checked?"on":"off",onBlur:a.onBlur,onChange:a.onChange,onFocus:a.onFocus})))),e("label",{onClick:a.onChange},a.label)))},B=document.documentElement,M=(a,t)=>{var o,r,p,b;const m=a.cell,_=a.column,C=a.row,F=a.shape?a.shape:m.shape?m.shape:_.shape?_.shape:null,K=!B.ketchup.objects.isEmptyKupObj(m.obj);let M=!1;m.hasOwnProperty("isEditable")?M=m.isEditable:_.hasOwnProperty("isEditable")&&(M=_.isEditable),M=M&&a.editable,m.options&&(m.data=null!==(o=H(m,_))&&void 0!==o?o:m.data);const S=a.previousValue!==m.value?m.value:"",T=B.ketchup.data.cell.getType(m,F),X=Object.assign({},m.data);let E=m.cssClass?m.cssClass:(null==_?void 0:_.cssClass)?null==_?void 0:_.cssClass:"";const R={"f-cell":!0,[c.OBJ]:!!K,[T+"-cell"]:!0,[a.wrapperClass]:!!a.wrapperClass,[a.density]:!(!a.density||T===i.BAR),[E]:!!E,"c-input-uppercase":v(m),"c-input-lowercase":h(m),"monospace c-pre":null===(r=m.data)||void 0===r?void 0:r.legacyLook};let Y=S;m.data||function(e,a){function t(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function s(e){return e.toUpperCase().startsWith("SHAPE;")}function n(e){return e.toUpperCase().startsWith("BCOLOR;")}function c(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function o(e){const a={},i=e.split("\\\\"),o=[];for(const e of i){if(e){if(l(e))return null;if(s(e)){if(!t(e))return null;{const t=e.split(";");if(3===t.length){const e=t[2].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}}else if(n(e));else if(c(e)){const t=e.substring(7).replace(",",".");isNaN(parseFloat(t))||(a.height=`${t}%`)}else o.push(r(e,a))}return o.length?o:null}function r(e,a){const t=Object.assign({},a),s=e.split(";");if(s.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(s[0]);if(e){const[,a,s,n]=e;isNaN(parseInt(a,10))||isNaN(parseInt(s,10))||isNaN(parseInt(n,10))||(t.color=`rgb(${parseInt(a)},${parseInt(s)},${parseInt(n)})`)}if(s.length>=2){const e=s[1].replace(",",".");isNaN(parseFloat(e))||(t.width=`${e}%`)}}return t}}a.data={};switch(e){case i.CHECKBOX:case i.SWITCH:a.data.checked="1"===a.value;break;case i.BAR:s(a.value)?(a.data.isCanvas=!0,a.data.resource=a.value):a.data.data=function(e){if(!e)return null;const a=e.split("\\\\AND\\"),t=[];for(const e of a){const a=o(e);if(!a)return null;t.push(...a)}return t}(a.value);break;case i.BUTTON:a.data.label=a.value;break;case i.CHART:Object.assign(a.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:a.value,shape:"pie"}});break;case i.BUTTON_LIST:case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.RADIO:(()=>{var e;const t=null===(e=a.value)||void 0===e?void 0:e.split(";");if(""===(null==t?void 0:t[t.length-1].trim())&&t.pop(),t&&t.length){a.data.data=[];for(let e of t)a.data.data.push({id:e,value:e})}})();break;case i.COLOR_PICKER:a.data.initialValue=a.value;break;case i.GAUGE:case i.KNOB:case i.PROGRESS_BAR:case i.RATING:a.data.value=parseInt(a.value);break;case i.ICON:case i.IMAGE:a.data.resource=a.value}}(T,m),M&&s.includes(T)?(m.data.showMarker=null!==(p=m.tooltip)&&void 0!==p&&p,Y=function(a,t,s,n,l){var o,r,u,p;switch(a){case i.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:n.name+l.row.id,initialValue:s.value,initialValueDecode:s.decode},s.data,{class:Q(l)?"kup-full-width":"","onkup-autocomplete-change":e=>q(e,l,a,k.UPDATE),"onkup-autocomplete-input":e=>q(e,l,a,k.INPUT),"onkup-autocomplete-iconclick":e=>q(e,l,a,k.ICON_CLICK),"onKup-autocomplete-blur":e=>q(e,l,a,k.BLUR)}));case i.CHECKBOX:return J(l)&&(t[c.C_CENTERED]=!0),s.shape===d.INPUT_CHECKBOX?e("input",{checked:"on"===s.value||"1"===s.value,class:"input-checkbox",onChange:e=>q(e,l,a,k.UPDATE),type:"checkbox",onBlur:e=>q(e,l,a,k.BLUR)}):e(w,Object.assign({},s.data,{onChange:e=>q(e,l,a,k.UPDATE),onBlur:e=>q(e,l,a,k.BLUR)}));case i.CHIP:return e("kup-chip",Object.assign({},s.data,{type:j.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,l,a,k.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},s.slotData,{error:s.data.error,"onKup-textfield-blur":e=>q(e,l,a,k.BLUR)})));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:n.name+l.row.id,initialValue:s.value},s.data,{class:Q(l)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>q(e,l,a,k.UPDATE)}));case i.COMBOBOX:return e("kup-combobox",Object.assign({key:n.name+l.row.id,initialValue:s.value,initialValueDecode:s.decode},s.data,{class:Q(l)?"kup-full-width":"","onkup-combobox-change":e=>q(e,l,a,k.UPDATE),"onkup-combobox-input":e=>q(e,l,a,k.INPUT),"onkup-combobox-iconclick":e=>q(e,l,a,k.ICON_CLICK),"onKup-combobox-blur":e=>q(e,l,a,k.BLUR)}));case i.DATE:return e("kup-date-picker",Object.assign({key:n.name+l.row.id,initialValue:s.value},s.data,{class:Q(l)?"kup-full-width":"","onkup-datepicker-change":e=>q(e,l,a,k.UPDATE),"onkup-datepicker-input":e=>q(e,l,a,k.INPUT),"onKup-datepicker-blur":e=>q(e,l,a,k.BLUR)}));case i.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayId:!0},s.data,{type:j.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,l,a,k.UPDATE)}),e("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onKup-autocomplete-blur":e=>q(e,l,a,k.BLUR),"onkup-autocomplete-input":e=>q(e,l,a,k.INPUT),"onkup-autocomplete-iconclick":e=>q(e,l,a,k.ICON_CLICK),showDropDownIcon:!1},s.slotData,{error:s.data.error,showMarker:null!==(o=s.tooltip)&&void 0!==o&&o})));case i.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayId:!0},s.data,{type:j.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,l,a,k.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onKup-combobox-blur":e=>q(e,l,a,k.BLUR),"onkup-combobox-input":e=>q(e,l,a,k.INPUT),"onkup-combobox-iconclick":e=>q(e,l,a,k.ICON_CLICK)},s.slotData,{error:s.data.error,showMarker:null!==(r=s.tooltip)&&void 0!==r&&r})));case i.RADIO:return e(D,Object.assign({},s.data,{disabled:!1,onChange:(e,t)=>{const n=s.data.data;for(let a=0;a<n.length;a++){n[a].checked=a===e}q(t,l,a,k.UPDATE)},onBlur:e=>q(e,l,a,k.BLUR)}));case i.RATING:return e("kup-rating",Object.assign({key:n.name+l.row.id},s.data,{disabled:!1,"onkup-rating-click":e=>q(e,l,a,k.UPDATE)}));case i.SWITCH:return e(V,Object.assign({},s.data,{disabled:!1,onChange:e=>q(e,l,a,k.UPDATE),onBlur:e=>q(e,l,a,k.BLUR)}));case i.TIME:return e("kup-time-picker",Object.assign({key:n.name+l.row.id,initialValue:s.value},s.data,{class:Q(l)?"kup-full-width":"","onkup-timepicker-change":e=>q(e,l,a,k.UPDATE),"onkup-timepicker-input":e=>q(e,l,a,k.INPUT),"onKup-timepicker-blur":e=>q(e,l,a,k.BLUR)}));case i.OBJECT:return e(x,{cell:s,inputValue:s.value,onChange:e=>q(e,l,a,k.UPDATE)});case i.NUMBER:t[c.C_RIGHT_ALIGNED]=!0;case i.LINK:case i.MEMO:case i.STRING:const b=e=>q(e,l,a,k.UPDATE),f=e=>{var t,n;null===(n=null===(t=s.data)||void 0===t?void 0:t.onInput)||void 0===n||n.call(t,e),q(e,l,a,k.INPUT),q(e,l,a,k.UPDATE)},v=a===i.NUMBER?"number":null,h=a===i.NUMBER&&s.value?B.ketchup.math.numberifySafe(s.value).toString():s.value;return s.shape===d.INPUT_FIELD?e("input",{class:"input-field",onChange:b,onInput:f,type:v,value:h,maxLength:null!==(p=null===(u=n.cellData)||void 0===u?void 0:u.maxLength)&&void 0!==p?p:-1}):e($,Object.assign({textArea:!!s.shape&&s.shape===d.MEMO||!!a&&a===i.MEMO,inputType:v,fullWidth:!!Q(l)},s.data,{icon:s.data&&s.data.icon?s.data.icon:s.icon?s.icon:n.icon?n.icon:null,decimals:l.column.decimals,integers:l.column.integers,value:h,onChange:b,onInput:f,onIconClick:e=>q(e,l,a,k.ICON_CLICK),onBlur:e=>q(e,l,a,k.BLUR)}))}}(T,R,m,_,a)):m.data&&n.includes(T)?(a.setSizes&&function(e,a,t){switch(e){case i.BAR:a.sizeY||(a.sizeY="26px");break;case i.BUTTON:let e="";a.label&&(e="36px"),t.style?t.style.height||(t.style.minHeight=e):t.style={minHeight:e};break;case i.CHART:a.sizeX||(a.sizeX="100%"),a.sizeY||(a.sizeY="100%");break;case i.CHIP:case i.RADIO:t.style?t.style.height||(t.style.minHeight="40px"):t.style={minHeight:"40px"}}}(T,X,m),Y=a.renderKup?function(a,t,s,n,l,o,r){switch(a){case i.BAR:return s.data?e("div",{style:{height:s.sizeY,width:"100%"}},e(O,Object.assign({},s))):e("kup-image",Object.assign({key:o.name+r.row.id,sizeX:"250px"},s));case i.BUTTON:return J(r)&&(t[c.C_CENTERED]=!0),e(g,Object.assign({},s,{onClick:e=>q(e,r,a,k.CLICK)}));case i.BUTTON_LIST:return J(r)&&(t[c.C_CENTERED]=!0),s["data-storage"]={cell:n,row:l,column:o},e("kup-button-list",Object.assign({key:o.name+r.row.id},s));case i.CHART:return J(r)&&(t[c.C_CENTERED]=!0),e("kup-chart",Object.assign({key:o.name+r.row.id},s));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return e(y,Object.assign({},s));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:o.name+r.row.id},s,{class:Q(r)?"kup-full-width":"",disabled:!0}));case i.GAUGE:return e("kup-gauge",Object.assign({key:o.name+r.row.id,value:B.ketchup.math.numberifySafe(n.value),"width-component":"280px"},s));case i.KNOB:case i.PROGRESS_BAR:return s.customStyle?e("kup-progress-bar",Object.assign({key:o.name+r.row.id},s)):e(z,Object.assign({},s));case i.RADIO:return J(r)&&(t[c.C_CENTERED]=!0),s.disabled=l.readOnly,e(D,Object.assign({},s));case i.RATING:return e(N,Object.assign({},s,{disabled:!0}));case i.OBJECT:return e($,Object.assign({icon:"table"},s,{disabled:!0}))}}(T,R,X,m,C,_,a):e("span",{class:"cell-"+T+" placeholder"})):(a.setSizes&&function(e,a,t,s){var n;switch(e){case i.CHECKBOX:case i.ICON:a.sizeX||(a.sizeX="18px"),a.sizeY||(a.sizeY="18px"),t.style?t.style.height||(t.style.minHeight=a.sizeY):t.style={minHeight:a.sizeY};break;case i.IMAGE:const e=(null===(n=s.cell)||void 0===n?void 0:n.value)||"",c=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;s.component.rootElement.tagName!==u.DATA_TABLE||c||(a.sizeX||a.sizeY?(a.sizeX||(a.sizeX="100%",a.wrapperClass="noWidth"),a.sizeY||(a.sizeY="auto")):(a.sizeX="100%",a.sizeY="64px",a.wrapperClass="noWidth")),s.component.rootElement.tagName===u.BOX?(a.sizeY||(a.sizeY="auto"),void 0===a.fit&&(a.fit=!0)):a.sizeX||(a.sizeX="auto"),a.sizeY||(a.sizeY="64px")}}(T,X,m,a),R[c.INDICATOR_TOPRIGHT]=null!==(b=m.tooltip)&&void 0!==b&&b,Y=function(a,t,s,n,l,o,r){switch(a){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.DATETIME:case i.TIME:if(s&&""!=s){const a=f(o,l);return e("div",{class:"f-cell__text"},a)}return s;case i.CHECKBOX:return J(r)&&(n[c.C_CENTERED]=!0),e(O,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return e("div",{innerHTML:l.value});case i.ICON:case i.IMAGE:return J(r)&&(n[c.C_CENTERED]=!0),t.badgeData&&(n[c.C_PADDED]=!0),e(O,Object.assign({},t));case i.LINK:return e("a",{href:s,target:"_blank"},l.value);case i.NUMBER:if(s&&""!=s){const a=B.ketchup.math.numberifySafe(l.value),t=f(o,l);return a<0&&(n[c.TEXT_DANGER]=!0),J(r)&&(n[c.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},t)}return e("div",{class:"f-cell__text"},s);case i.SWITCH:return J(r)&&(n[c.C_CENTERED]=!0),t.disabled=!0,e(V,Object.assign({},t));default:return e("div",{class:"f-cell__text"},s)}}(T,X,Y,R,m,_,a));let A=null;!M&&(_.icon||m.icon)&&Y&&(A=e(O,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:m.icon?m.icon:_.icon,placeholderResource:m.placeholderIcon?m.placeholderIcon:_.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let W=null;B.ketchup.debug.isDebug()&&K?W=m.obj.t+"; "+m.obj.p+"; "+m.obj.k+";":null!=m.title&&""!=m.title.trim()&&(W=m.title);let G=null;if(m.info){const a=Object.assign({},m.info);a.color||(a.color=`var(${l.INFO})`),a.icon||(a.icon="info"),G=e(O,Object.assign({},{color:a.color,resource:a.icon,placeholderResource:a.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:a.message?a.message:"",wrapperClass:"cell-info"}))}return e("div",{onKeyUp:e=>q(e,a,T,k.KEYUP),class:R,"kup-get-cell-props":()=>a,ref:e=>m.element=e,style:m.style},e("div",{class:"f-cell__content",style:m.styleContent,title:W},a.cellActionIcon&&e(O,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"f-cell__iconfunction "+(T===i.NUMBER?"left":"right"),onClick:a.cellActionIcon.onClick,tabIndex:0}),t&&t.length>0?t:[a.indents,G,A,Y]))},H=(e,a)=>{if(!e)return null;const t=e.options,s=a.title,n=e.value,c=B.ketchup.data.cell.getType(e,e.shape),l=new Map([[i.BUTTON_LIST,E.bind(void 0)],[i.STRING,R.bind(void 0)],[i.RADIO,Y.bind(void 0)],[i.AUTOCOMPLETE,A.bind(void 0)],[i.COMBOBOX,A.bind(void 0)],[i.CHECKBOX,X.bind(void 0)],[i.OBJECT,T.bind(void 0)],[i.CHIP,S.bind(void 0)]]).get(c);return l?l(t,s,n,e):null},S=(e,a,t,s)=>{const n={data:(null==e?void 0:e.length)?null==e?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};s.data=Object.assign(Object.assign({},s.data),n)},T=(e,a,t)=>({data:{initialValue:t||"",label:a||"",value:t||""}}),X=(e,a,t,s)=>Object.assign(Object.assign({},s.data),{checked:"on"===t||"1"===t,label:a}),E=(e,a,t,s)=>({data:[Object.assign(Object.assign({},s.data),{icon:s.icon,value:t})]}),R=(e,a,t,s)=>Object.assign(Object.assign({},s.data),{label:a}),Y=(e,a,t,s)=>{const n=o(t,e);s.data=Object.assign(Object.assign({},s.data),n)},A=(e,a,t,s)=>{var n;if(!(null===(n=s.data)||void 0===n?void 0:n.data)&&e){const s=r(t,a,[]);return s.data["kup-list"].data=W(e,t),s}},W=(e,a)=>{const t=U.get(e.type);return t?t(e,a):e.map((e=>({value:e.label,id:e.id,selected:a===e.id})))},G=(e,a)=>e.children.map((e=>{var t;return{id:e.content.codice,value:e.content.testo,selected:a===e.content.codice,children:(null===(t=e.children)||void 0===t?void 0:t.length)?G(e,a):[]}})),L=(e,a)=>e.children.map((e=>{var t;return{id:e.obj.k,value:e.value,selected:a===e.obj.k,children:(null===(t=e.children)||void 0===t?void 0:t.length)?L(e,a):[]}})),P=(e,a)=>e.rows.map((e=>{var t;const s=e.fields||e.cells,[n,c]=Object.keys(s);return{id:s[n].value,value:(null===(t=s[c])||void 0===t?void 0:t.value)||s[n].value,selected:a===s[n].value}})),U=new Map([["SmeupTreeNode",G.bind(void 0)],["SmeupDataTree",L.bind(void 0)],["SmeupTable",P.bind(void 0)],["SmeupDataTable",P.bind(void 0)]]);function q(e,a,t,s){var n,c;const l=a.cell,o=a.column,r=a.component,u=a.row;if(s===k.UPDATE){let a=function(e,a){var t;let s=e.target.value;return a===i.CHECKBOX&&(s=e.target.checked?"off":"on"),a===i.DATE&&(s=null===(t=e.detail)||void 0===t?void 0:t.value),a===i.NUMBER&&(s=B.ketchup.math.formattedStringToNumberString(s,"")),s}(e,t);switch(v(l)?a=null==a?void 0:a.toUpperCase():h(l)&&(a=null==a?void 0:a.toLowerCase()),t){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:l.data&&(l.data.initialValue=a);break;case i.CHECKBOX:case i.SWITCH:a="on"===a?"0":"1",l.data&&(l.data.checked="0"!==a);break;case i.RADIO:if(l.data.data){const e=l.data.data.find((e=>e.checked));e&&(a=e.value)}break;case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:a=e.detail.stringifiedValues,l.data&&(l.data.data=e.detail.comp.data)}l.obj&&(l.obj.k=null==a?void 0:a.toString()),l.value=null==a?void 0:a.toString(),l.displayedValue=null,l.displayedValue=f(o,l)}if(r&&r.rootElement){const a=new CustomEvent(s,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:r,id:r.rootElement.id,cell:l,column:o,event:e,row:u,type:t,inputValue:(null===(c=null===(n=l.element)||void 0===n?void 0:n.querySelector("input"))||void 0===c?void 0:c.value)||null}});if(r.rootElement.dispatchEvent(a),s===k.UPDATE)try{r.refresh()}catch(e){B.ketchup.debug.logMessage(r,e,m.ERROR)}}}function J(e){var a;return b.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}function Q(e){var a;return p.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}export{M as F,I,C as K,_ as a,z as b,D as c,N as d,K as e,V as f}
|
|
1
|
+
import{h as e,g as a,F as t}from"./p-b0368f88.js";import{a8 as s,a9 as n,aa as c,d as l,a5 as i,ab as o,ac as r,ad as u,F as d,ae as p,af as b,ag as k,ah as f,ai as v,aj as h,e as m}from"./p-7272d9aa.js";import{F as g}from"./p-1bdc7796.js";import{F as w}from"./p-3913eb45.js";import{F as j,c as y}from"./p-65533633.js";import{F as O}from"./p-d1c818ae.js";import{F as x}from"./p-b97db8dc.js";import{F as $}from"./p-e0678743.js";var _,C,I;!function(e){e.customStyle="Custom style of the component.",e.data="The data of the list.",e.displayMode="Selects how the items must display their label and how they can be filtered for.",e.filter="Keeps string for filtering elements when filter mode is active",e.hideText="Hides rows' text, ideally to display a list of icons only.",e.isMenu="Defines whether the list is a menu or not.",e.keyboardNavigation="When true, enables items' navigation through arrow keys.",e.menuVisible="Sets the status of the menu, when false it's hidden otherwise it's visible.",e.roleType="Defines the type of selection. Values accepted: listbox, radiogroup or group.",e.selectable="Defines whether items are selectable or not.",e.showIcons="Displays the icons associated to each row when set to true.",e.twoLine="The list elements descriptions will be arranged in two lines."}(_||(_={})),function(e){e.LISTBOX="listbox",e.RADIOGROUP="radiogroup",e.GROUP="group"}(C||(C={})),function(e){e.CODE="CodeOnly",e.DESCRIPTION="DescOnly",e.DESCRIPTION_AND_CODE="Both"}(I||(I={}));const z=t=>{t.centeredLabel||0==!t.centeredLabel||(t.centeredLabel=!0);let s,n=`f-progress-bar ${t.danger?"kup-danger":""} ${t.animated?"kup-animated":""} ${t.padded?"kup-padded":""} ${t.info?"kup-info":""} ${t.slim?"kup-slim":""} ${t.striped?"kup-striped":""} ${t.secondary?"kup-secondary":""} ${t.slim?"kup-slim":""} ${t.success?"kup-success":""} ${t.warning?"kup-warning":""} ${t.wrapperClass?t.wrapperClass:""}`,c="pie";n+=t.isRadial?" pie-wrapper is-radial":" progress-bar";const l={width:`${t.value}%`};t.centeredLabel?t.value>49&&(n+=" text-color-on-primary"):(s=l,t.value>2&&(n+=" text-color-on-primary"));let i=null;return t.icon?i=function(t){if(t.icon){if(t.icon.indexOf(".")>-1||t.icon.indexOf("/")>-1||t.icon.indexOf("\\")>-1)return e("span",{class:"label kup-icon is-image"},e("img",{src:t.icon}));{let s=`url('${a(`./assets/svg/${t.icon}.svg`)}') no-repeat center`;return e("span",{style:{mask:s,webkitMask:s},class:"label kup-icon"})}}}(t):t.hideLabel||(i=t.isRadial?t.label?e("span",{class:"label"},t.label):e("span",{class:"label"},t.value,e("span",{class:"smaller"},"%")):t.label?t.label:t.value+"%"),t.value>0&&(c+=" has-value",c+=t.value>50?" is-more-than-half":" is-less-than-half"),t.isRadial?e("div",{class:n},i,e("div",{class:c},e("div",{style:undefined,class:"left-side half-circle"}),e("div",{class:"right-side half-circle"})),e("div",{class:"shadow"})):e("div",{class:n},e("div",{class:"progress-bar-percentage",style:l},e("span",{style:s},i)))};var F;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(F||(F={}));const D=a=>{var s;const n=!!a.columns,c=[],l=a.type||F.RADIO;for(let n=0;n<(null===(s=a.data)||void 0===s?void 0:s.length);n++){const s=a.data[n];c.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""}`},e("div",{class:{radio:!0,"radio--checked":!!s.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type}},l===F.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:a.onChange?a.onChange.bind(a.onChange,n):null,onFocus:a.onFocus}):e(t,null,e(O,s.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:a.onChange?a.onChange.bind(a.onChange,n):null})),l===F.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("label",{htmlFor:"radio-element",onClick:a.onChange?a.onChange.bind(a.onChange,n):null},s.label?s.label:"")))}return e("div",{class:`f-radio radio-wrapper\n ${n?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${a.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":n?`repeat(${a.columns}, 1fr)`:""}},c)},N=a=>(a.maxValue||(a.maxValue=5),e("div",{class:`f-rating ${a.disabled?"disabled":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},function(a){const t=[];for(let s=1;s<=a.maxValue;s++)t.push(e("span",{class:"rating",onClick:a.onClick?a.onClick.bind(a.onClick,s):null},s<=a.value?"★":"☆"));return t}(a)));var K;!function(e){e.SMALL="small",e.MEDIUM="medium"}(K||(K={}));const V=a=>{a.sizing||(a.sizing=K.MEDIUM),a.sizing.toLowerCase();const t={switch:!0,"switch--checked":a.checked,"switch--disabled":a.disabled,[`switch--${a.sizing}`]:!!a.sizing};return e("div",Object.assign({class:`f-switch ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},a.dataSet,{id:a.id,title:a.title}),e("div",{class:"form-field "+(a.leadingLabel?"form-field--align-end":"")},e("div",{class:t},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:a.checked,disabled:a.disabled,value:a.checked?"on":"off",onBlur:a.onBlur,onChange:a.onChange,onFocus:a.onFocus})))),e("label",{onClick:a.onChange},a.label)))},B=document.documentElement,M=(a,t)=>{var o,r,p,b;const m=a.cell,_=a.column,C=a.row,F=a.shape?a.shape:m.shape?m.shape:_.shape?_.shape:null,K=!B.ketchup.objects.isEmptyKupObj(m.obj);let M=!1;m.hasOwnProperty("isEditable")?M=m.isEditable:_.hasOwnProperty("isEditable")&&(M=_.isEditable),M=M&&a.editable,m.options&&(m.data=null!==(o=H(m,_))&&void 0!==o?o:m.data);const S=a.previousValue!==m.value?m.value:"",T=B.ketchup.data.cell.getType(m,F),X=Object.assign({},m.data);let E=m.cssClass?m.cssClass:(null==_?void 0:_.cssClass)?null==_?void 0:_.cssClass:"";const R={"f-cell":!0,[c.OBJ]:!!K,[T+"-cell"]:!0,[a.wrapperClass]:!!a.wrapperClass,[a.density]:!(!a.density||T===i.BAR),[E]:!!E,"c-input-uppercase":v(m),"c-input-lowercase":h(m),"monospace c-pre":null===(r=m.data)||void 0===r?void 0:r.legacyLook};let Y=S;m.data||function(e,a){function t(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function s(e){return e.toUpperCase().startsWith("SHAPE;")}function n(e){return e.toUpperCase().startsWith("BCOLOR;")}function c(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function o(e){const a={},i=e.split("\\\\"),o=[];for(const e of i){if(e){if(l(e))return null;if(s(e)){if(!t(e))return null;{const t=e.split(";");if(3===t.length){const e=t[2].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}}else if(n(e));else if(c(e)){const t=e.substring(7).replace(",",".");isNaN(parseFloat(t))||(a.height=`${t}%`)}else o.push(r(e,a))}return o.length?o:null}function r(e,a){const t=Object.assign({},a),s=e.split(";");if(s.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(s[0]);if(e){const[,a,s,n]=e;isNaN(parseInt(a,10))||isNaN(parseInt(s,10))||isNaN(parseInt(n,10))||(t.color=`rgb(${parseInt(a)},${parseInt(s)},${parseInt(n)})`)}if(s.length>=2){const e=s[1].replace(",",".");isNaN(parseFloat(e))||(t.width=`${e}%`)}}return t}}a.data={};switch(e){case i.CHECKBOX:case i.SWITCH:a.data.checked="1"===a.value;break;case i.BAR:s(a.value)?(a.data.isCanvas=!0,a.data.resource=a.value):a.data.data=function(e){if(!e)return null;const a=e.split("\\\\AND\\"),t=[];for(const e of a){const a=o(e);if(!a)return null;t.push(...a)}return t}(a.value);break;case i.BUTTON:a.data.label=a.value;break;case i.CHART:Object.assign(a.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:a.value,shape:"pie"}});break;case i.BUTTON_LIST:case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.RADIO:(()=>{var e;const t=null===(e=a.value)||void 0===e?void 0:e.split(";");if(""===(null==t?void 0:t[t.length-1].trim())&&t.pop(),t&&t.length){a.data.data=[];for(let e of t)a.data.data.push({id:e,value:e})}})();break;case i.COLOR_PICKER:a.data.initialValue=a.value;break;case i.GAUGE:case i.KNOB:case i.PROGRESS_BAR:case i.RATING:a.data.value=parseInt(a.value);break;case i.ICON:case i.IMAGE:a.data.resource=a.value}}(T,m),M&&s.includes(T)?(m.data.showMarker=null!==(p=m.tooltip)&&void 0!==p&&p,Y=function(a,t,s,n,l){var o,r,u,p;switch(a){case i.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:n.name+l.row.id,initialValue:s.value,initialValueDecode:s.decode},s.data,{class:Q(l)?"kup-full-width":"","onkup-autocomplete-change":e=>q(e,l,a,f.UPDATE),"onkup-autocomplete-input":e=>q(e,l,a,f.INPUT),"onkup-autocomplete-iconclick":e=>q(e,l,a,f.ICON_CLICK),"onKup-autocomplete-blur":e=>q(e,l,a,f.BLUR)}));case i.CHECKBOX:return J(l)&&(t[c.C_CENTERED]=!0),s.shape===d.INPUT_CHECKBOX?e("input",{checked:"on"===s.value||"1"===s.value,class:"input-checkbox",onChange:e=>q(e,l,a,f.UPDATE),type:"checkbox",onBlur:e=>q(e,l,a,f.BLUR)}):e(w,Object.assign({},s.data,{onChange:e=>q(e,l,a,f.UPDATE),onBlur:e=>q(e,l,a,f.BLUR)}));case i.CHIP:return e("kup-chip",Object.assign({},s.data,{type:j.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,l,a,f.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},s.slotData,{error:s.data.error,"onKup-textfield-blur":e=>q(e,l,a,f.BLUR)})));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:n.name+l.row.id,initialValue:s.value},s.data,{class:Q(l)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>q(e,l,a,f.UPDATE)}));case i.COMBOBOX:return e("kup-combobox",Object.assign({key:n.name+l.row.id,initialValue:s.value,initialValueDecode:s.decode},s.data,{class:Q(l)?"kup-full-width":"","onkup-combobox-change":e=>q(e,l,a,f.UPDATE),"onkup-combobox-input":e=>q(e,l,a,f.INPUT),"onkup-combobox-iconclick":e=>q(e,l,a,f.ICON_CLICK),"onKup-combobox-blur":e=>q(e,l,a,f.BLUR)}));case i.DATE:return e("kup-date-picker",Object.assign({key:n.name+l.row.id,initialValue:s.value},s.data,{class:Q(l)?"kup-full-width":"","onkup-datepicker-change":e=>q(e,l,a,f.UPDATE),"onkup-datepicker-input":e=>q(e,l,a,f.INPUT),"onKup-datepicker-blur":e=>q(e,l,a,f.BLUR)}));case i.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayId:!0},s.data,{type:j.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,l,a,f.UPDATE)}),e("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onKup-autocomplete-blur":e=>q(e,l,a,f.BLUR),"onkup-autocomplete-input":e=>q(e,l,a,f.INPUT),"onkup-autocomplete-iconclick":e=>q(e,l,a,f.ICON_CLICK),showDropDownIcon:!1},s.slotData,{error:s.data.error,showMarker:null!==(o=s.tooltip)&&void 0!==o&&o})));case i.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayId:!0},s.data,{type:j.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,l,a,f.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onKup-combobox-blur":e=>q(e,l,a,f.BLUR),"onkup-combobox-input":e=>q(e,l,a,f.INPUT),"onkup-combobox-iconclick":e=>q(e,l,a,f.ICON_CLICK)},s.slotData,{error:s.data.error,showMarker:null!==(r=s.tooltip)&&void 0!==r&&r})));case i.RADIO:return e(D,Object.assign({},s.data,{disabled:!1,onChange:(e,t)=>{const n=s.data.data;for(let a=0;a<n.length;a++){n[a].checked=a===e}q(t,l,a,f.UPDATE)},onBlur:e=>q(e,l,a,f.BLUR)}));case i.RATING:return e("kup-rating",Object.assign({key:n.name+l.row.id},s.data,{disabled:!1,"onkup-rating-click":e=>q(e,l,a,f.UPDATE)}));case i.SWITCH:return e(V,Object.assign({},s.data,{disabled:!1,onChange:e=>q(e,l,a,f.UPDATE),onBlur:e=>q(e,l,a,f.BLUR)}));case i.TIME:return e("kup-time-picker",Object.assign({key:n.name+l.row.id,initialValue:s.value},s.data,{class:Q(l)?"kup-full-width":"","onkup-timepicker-change":e=>q(e,l,a,f.UPDATE),"onkup-timepicker-input":e=>q(e,l,a,f.INPUT),"onKup-timepicker-blur":e=>q(e,l,a,f.BLUR)}));case i.OBJECT:return e(x,{cell:s,inputValue:s.value,onChange:e=>q(e,l,a,f.UPDATE)});case i.NUMBER:t[c.C_RIGHT_ALIGNED]=!0;case i.LINK:case i.MEMO:case i.STRING:const b=e=>q(e,l,a,f.UPDATE),k=e=>{var t,n;null===(n=null===(t=s.data)||void 0===t?void 0:t.onInput)||void 0===n||n.call(t,e),q(e,l,a,f.INPUT),q(e,l,a,f.UPDATE)},v=a===i.NUMBER?"number":null,h=a===i.NUMBER&&s.value?B.ketchup.math.numberifySafe(s.value).toString():s.value;return s.shape===d.INPUT_FIELD?e("input",{class:"input-field",onChange:b,onInput:k,type:v,value:h,maxLength:null!==(p=null===(u=n.cellData)||void 0===u?void 0:u.maxLength)&&void 0!==p?p:-1}):e($,Object.assign({textArea:!!s.shape&&s.shape===d.MEMO||!!a&&a===i.MEMO,inputType:v,fullWidth:!!Q(l)},s.data,{icon:s.data&&s.data.icon?s.data.icon:s.icon?s.icon:n.icon?n.icon:null,decimals:l.column.decimals,integers:l.column.integers,value:h,onChange:b,onInput:k,onIconClick:e=>q(e,l,a,f.ICON_CLICK),onBlur:e=>q(e,l,a,f.BLUR)}))}}(T,R,m,_,a)):m.data&&n.includes(T)?(a.setSizes&&function(e,a,t){switch(e){case i.BAR:a.sizeY||(a.sizeY="26px");break;case i.BUTTON:let e="";a.label&&(e="36px"),t.style?t.style.height||(t.style.minHeight=e):t.style={minHeight:e};break;case i.CHART:a.sizeX||(a.sizeX="100%"),a.sizeY||(a.sizeY="100%");break;case i.CHIP:case i.RADIO:t.style?t.style.height||(t.style.minHeight="40px"):t.style={minHeight:"40px"}}}(T,X,m),Y=a.renderKup?function(a,t,s,n,l,o,r){switch(a){case i.BAR:return s.data?e("div",{style:{height:s.sizeY,width:"100%"}},e(O,Object.assign({},s))):e("kup-image",Object.assign({key:o.name+r.row.id,sizeX:"250px"},s));case i.BUTTON:return J(r)&&(t[c.C_CENTERED]=!0),e(g,Object.assign({},s,{onClick:e=>q(e,r,a,f.CLICK)}));case i.BUTTON_LIST:return J(r)&&(t[c.C_CENTERED]=!0),s["data-storage"]={cell:n,row:l,column:o},e("kup-button-list",Object.assign({key:o.name+r.row.id},s));case i.CHART:return J(r)&&(t[c.C_CENTERED]=!0),e("kup-chart",Object.assign({key:o.name+r.row.id},s));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return e(y,Object.assign({},s));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:o.name+r.row.id},s,{class:Q(r)?"kup-full-width":"",disabled:!0}));case i.GAUGE:return e("kup-gauge",Object.assign({key:o.name+r.row.id,value:B.ketchup.math.numberifySafe(n.value),"width-component":"280px"},s));case i.KNOB:case i.PROGRESS_BAR:return s.customStyle?e("kup-progress-bar",Object.assign({key:o.name+r.row.id},s)):e(z,Object.assign({},s));case i.RADIO:return J(r)&&(t[c.C_CENTERED]=!0),s.disabled=l.readOnly,e(D,Object.assign({},s));case i.RATING:return e(N,Object.assign({},s,{disabled:!0}));case i.OBJECT:return e($,Object.assign({icon:"table"},s,{disabled:!0}))}}(T,R,X,m,C,_,a):e("span",{class:"cell-"+T+" placeholder"})):(a.setSizes&&function(e,a,t,s){var n;switch(e){case i.CHECKBOX:case i.ICON:a.sizeX||(a.sizeX="18px"),a.sizeY||(a.sizeY="18px"),t.style?t.style.height||(t.style.minHeight=a.sizeY):t.style={minHeight:a.sizeY};break;case i.IMAGE:const e=(null===(n=s.cell)||void 0===n?void 0:n.value)||"",c=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;s.component.rootElement.tagName!==u.DATA_TABLE||c||(a.sizeX||a.sizeY?(a.sizeX||(a.sizeX="100%",a.wrapperClass="noWidth"),a.sizeY||(a.sizeY="auto")):(a.sizeX="100%",a.sizeY="64px",a.wrapperClass="noWidth")),s.component.rootElement.tagName===u.BOX?(a.sizeY||(a.sizeY="auto"),void 0===a.fit&&(a.fit=!0)):a.sizeX||(a.sizeX="auto"),a.sizeY||(a.sizeY="64px")}}(T,X,m,a),R[c.INDICATOR_TOPRIGHT]=null!==(b=m.tooltip)&&void 0!==b&&b,Y=function(a,t,s,n,l,o,r){switch(a){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.DATETIME:case i.TIME:if(s&&""!=s){const a=k(o,l);return e("div",{class:"f-cell__text"},a)}return s;case i.CHECKBOX:return J(r)&&(n[c.C_CENTERED]=!0),e(O,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return e("div",{innerHTML:l.value});case i.ICON:case i.IMAGE:return J(r)&&(n[c.C_CENTERED]=!0),t.badgeData&&(n[c.C_PADDED]=!0),e(O,Object.assign({},t));case i.LINK:return e("a",{href:s,target:"_blank"},l.value);case i.NUMBER:if(s&&""!=s){const a=B.ketchup.math.numberifySafe(l.value),t=k(o,l);return a<0&&(n[c.TEXT_DANGER]=!0),J(r)&&(n[c.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},t)}return e("div",{class:"f-cell__text"},s);case i.SWITCH:return J(r)&&(n[c.C_CENTERED]=!0),t.disabled=!0,e(V,Object.assign({},t));default:return e("div",{class:"f-cell__text"},s)}}(T,X,Y,R,m,_,a));let A=null;!M&&(_.icon||m.icon)&&Y&&(A=e(O,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:m.icon?m.icon:_.icon,placeholderResource:m.placeholderIcon?m.placeholderIcon:_.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let W=null;B.ketchup.debug.isDebug()&&K?W=m.obj.t+"; "+m.obj.p+"; "+m.obj.k+";":null!=m.title&&""!=m.title.trim()&&(W=m.title);let G=null;if(m.info){const a=Object.assign({},m.info);a.color||(a.color=`var(${l.INFO})`),a.icon||(a.icon="info"),G=e(O,Object.assign({},{color:a.color,resource:a.icon,placeholderResource:a.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:a.message?a.message:"",wrapperClass:"cell-info"}))}return e("div",{onKeyUp:e=>q(e,a,T,f.KEYUP),class:R,"kup-get-cell-props":()=>a,ref:e=>m.element=e,style:m.style},e("div",{class:"f-cell__content",style:m.styleContent,title:W},a.cellActionIcon&&e(O,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"f-cell__iconfunction "+(T===i.NUMBER?"left":"right"),onClick:a.cellActionIcon.onClick,tabIndex:0}),t&&t.length>0?t:[a.indents,G,A,Y]))},H=(e,a)=>{if(!e)return null;const t=e.options,s=a.title,n=e.value,c=B.ketchup.data.cell.getType(e,e.shape),l=new Map([[i.BUTTON_LIST,E.bind(void 0)],[i.STRING,R.bind(void 0)],[i.RADIO,Y.bind(void 0)],[i.AUTOCOMPLETE,A.bind(void 0)],[i.COMBOBOX,A.bind(void 0)],[i.CHECKBOX,X.bind(void 0)],[i.OBJECT,T.bind(void 0)],[i.CHIP,S.bind(void 0)]]).get(c);return l?l(t,s,n,e):null},S=(e,a,t,s)=>{const n={data:(null==e?void 0:e.length)?null==e?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};s.data=Object.assign(Object.assign({},s.data),n)},T=(e,a,t)=>({data:{initialValue:t||"",label:a||"",value:t||""}}),X=(e,a,t,s)=>Object.assign(Object.assign({},s.data),{checked:"on"===t||"1"===t,label:a}),E=(e,a,t,s)=>({data:[Object.assign(Object.assign({},s.data),{icon:s.icon,value:t})]}),R=(e,a,t,s)=>Object.assign(Object.assign({},s.data),{label:a}),Y=(e,a,t,s)=>{const n=o(t,e);s.data=Object.assign(Object.assign({},s.data),n)},A=(e,a,t,s)=>{var n;if(!(null===(n=s.data)||void 0===n?void 0:n.data)&&e){const s=r(t,a,[]);return s.data["kup-list"].data=W(e,t),s}},W=(e,a)=>{const t=U.get(e.type);return t?t(e,a):e.map((e=>({value:e.label,id:e.id,selected:a===e.id})))},G=(e,a)=>e.children.map((e=>{var t;return{id:e.content.codice,value:e.content.testo,selected:a===e.content.codice,children:(null===(t=e.children)||void 0===t?void 0:t.length)?G(e,a):[]}})),L=(e,a)=>e.children.map((e=>{var t;return{id:e.obj.k,value:e.value,selected:a===e.obj.k,children:(null===(t=e.children)||void 0===t?void 0:t.length)?L(e,a):[]}})),P=(e,a)=>e.rows.map((e=>{var t;const s=e.fields||e.cells,[n,c]=Object.keys(s);return{id:s[n].value,value:(null===(t=s[c])||void 0===t?void 0:t.value)||s[n].value,selected:a===s[n].value}})),U=new Map([["SmeupTreeNode",G.bind(void 0)],["SmeupDataTree",L.bind(void 0)],["SmeupTable",P.bind(void 0)],["SmeupDataTable",P.bind(void 0)]]);function q(e,a,t,s){var n,c;const l=a.cell,o=a.column,r=a.component,u=a.row;if(s===f.UPDATE){let a=function(e,a){var t;let s=e.target.value;return a===i.CHECKBOX&&(s=e.target.checked?"off":"on"),a===i.DATE&&(s=null===(t=e.detail)||void 0===t?void 0:t.value),a===i.NUMBER&&(s=B.ketchup.math.formattedStringToNumberString(s,"")),s}(e,t);switch(v(l)?a=null==a?void 0:a.toUpperCase():h(l)&&(a=null==a?void 0:a.toLowerCase()),t){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:l.data&&(l.data.initialValue=a);break;case i.CHECKBOX:case i.SWITCH:a="on"===a?"0":"1",l.data&&(l.data.checked="0"!==a);break;case i.RADIO:if(l.data.data){const e=l.data.data.find((e=>e.checked));e&&(a=e.value)}break;case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:a=e.detail.stringifiedValues,l.data&&(l.data.data=e.detail.comp.data)}l.obj&&(l.obj.k=null==a?void 0:a.toString()),l.value=null==a?void 0:a.toString(),l.displayedValue=null,l.displayedValue=k(o,l)}if(r&&r.rootElement){const a=new CustomEvent(s,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:r,id:r.rootElement.id,cell:l,column:o,event:e,row:u,type:t,inputValue:(null===(c=null===(n=l.element)||void 0===n?void 0:n.querySelector("input"))||void 0===c?void 0:c.value)||null}});if(r.rootElement.dispatchEvent(a),s===f.UPDATE)try{r.refresh()}catch(e){B.ketchup.debug.logMessage(r,e,m.ERROR)}}}function J(e){var a;return b.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}function Q(e){var a;return p.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}export{M as F,I,C as K,_ as a,z as b,D as c,N as d,K as e,V as f}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as n,f as e,h as i,H as a,d as p}from"./p-b0368f88.js";import{k as o,e as s,g as h,s as l}from"./p-
|
|
1
|
+
import{r as t,c as n,f as e,h as i,H as a,d as p}from"./p-b0368f88.js";import{k as o,e as s,g as h,s as l}from"./p-7272d9aa.js";import{a as f,F as r}from"./p-60cfddce.js";import{c}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var u;!function(t){t.data="prop of the sub compoennt",t.Style="it is the style of the text",t.Border="when true it will appear a border",t.BorderWidth="it is the width of the border",t.Align="text alignment",t.FontBold="when true it will display the bold font",t.FontItalic="when true it will display the italic ( cursive )",t.FontName="it is the name of the font",t.FontSize="it is the size of the font of the text",t.FontULine="when true it will show the underline",t.FontColor="it is the color of the font of the text",t.BackColor="it is the background color of the text",t.Type="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"}(u||(u={}));const g=class{constructor(e){t(this,e),this.kupIconClick=n(this,"kup-typographylist-icon-click",6),this.KupClick=n(this,"kup-typographylist-click",6),this.kupManager=o(),this.customStyle="",this.data=[],this.type=f.BODY_COMPACT,this.toolbar=!1}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",s.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return h(this,u,t)}async refresh(){e(this)}async setProps(t){l(this,u,t)}renderTypography(t,n){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data text.",s.WARNING),null;const e=this.prepareDataFromTreeNode(t,n);return e.value?i(r,Object.assign({},{value:e.value,type:e.type,toolbar:e.toolbar})):(this.kupManager.debug.logMessage(this,"Empty text.",s.WARNING),null)}prepareDataFromTreeNode(t,n){const e=null!=t.data?Object.assign({},t.data):{};return null!=this.customStyle&&""!=this.customStyle.trim()&&(e.customStyle=this.customStyle),null==e.value&&(e.value=t.value),e.wrapperClass||(e.wrapperClass=""),null!=this.type&&(e.type=this.type),null!=this.toolbar&&(e.toolbar=this.toolbar),e.id=n.toString(),e}renderTypographys(){if(null==this.data||this.data.length<1)return null;const t=[];for(let n=0;n<this.data.length;n++){let e=null;e=this.renderTypography(this.data[n],n),e&&t.push(e)}return t}getObjForEvent(t,n){let e=Number(t),i=-1;null!=n&&""!=n.trim()&&(i=Number(n));let a=this.data[e];return-1!=i?a.children[i].obj:a.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.checkDataset(this.data),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t=this.renderTypographys();return i(a,{key:"0661fedfb4e320b368134cb5900d746df1bc6bfb"},i("style",{key:"ee4ead57702fc77d855885b3a47b859070b9a5b9"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"9698b9a86b6f400883a108eeb4a76a65754b19a6",id:c},i("div",{key:"1a7b1573f3f5d402ab0117e6a2448eb7ed88b8ee",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return p(this)}static get watchers(){return{data:["checkDataset"]}}};g.style=".kup-body-compact-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-compact-01-font-size, 14px);\n line-height: 18px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-01-font-size, 14px);\n line-height: 20px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n font-family: var(--kup-font-family-monospace);\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n font-family: var(--kup-font-family);\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n font-family: var(--kup-font-family);\n font-size: 12px;\n line-height: 15px;\n font-weight: 500;\n letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n font-family: var(--kup-font-family);\n font-size: 10px;\n line-height: 13px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n font-family: var(--kup-font-family);\n font-size: 6px;\n line-height: 9px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n font-family: var(--kup-font-family);\n font-size: 14px;\n line-height: 18px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n font-family: var(--kup-font-family);\n font-size: 14px;\n line-height: 20px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n font-family: var(--kup-font-family);\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n letter-spacing: 0;\n}\n\n.kup-heading-03 {\n font-family: var(--kup-font-family);\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-04 {\n font-family: var(--kup-font-family);\n font-size: 28px;\n line-height: 36px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-05 {\n font-family: var(--kup-font-family);\n font-size: 32px;\n line-height: 40px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-06 {\n font-family: var(--kup-font-family);\n font-size: 42px;\n line-height: 50px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-07 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-08 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 600;\n letter-spacing: 0;\n}\n\n:host {\n --kup_typographylist_wrapper_gap: var(\n --kup-typographylist-wrapper-gap,\n var(--kup-space-00) ;\n );\n}\n\n.typographies-wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n display: block;\n}";export{g as kup_typography_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-b0368f88.js";import{k as e,g as p,s as l}from"./p-
|
|
1
|
+
import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-b0368f88.js";import{k as e,g as p,s as l}from"./p-7272d9aa.js";import{c as s}from"./p-635bb4b3.js";import"./p-1ee561ba.js";const u="nav-bar";var c,h;!function(a){a.customStyle="Custom style of the component.",a.image="Image displayed by the nav bar, uses the kup-image component's props.",a.label="Text displayed by the nav bar.",a.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",a.styling="Defines the style of the nav bar"}(c||(c={})),function(a){a.SHORT="short",a.STANDARD="standard"}(h||(h={}));const _=class{constructor(r){a(this,r),this.kupNavbarReady=t(this,"kup-navbar-ready",6),this.kupNavbarResize=t(this,"kup-navbar-resize",6),this.kupManager=e(),this.customStyle="",this.styling=h.STANDARD}async getProps(a){return p(this,c,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){l(this,c,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0),t=[],r=[];for(let i=0;i<a.length;i++)"left"===a[i].slot?t.push(o("slot",{name:"left"})):r.push(o("slot",{name:"right"}));return[t.length?o("section",{class:`${u}__section ${u}__section--align-start`},t):null,r.length?o("section",{class:`${u}__section ${u}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(i,{key:"78c7f252d8e16460a2108c898e025209183103c8",class:"header"},o("style",{key:"f18b1188fbc590427245dd6acaeed14f3aba3033"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"58a440f172111617ad78da7352b3803356a16015",id:s},o("header",{key:"cb2783014d79eee887c8507a06d504fa614fdd77",class:`${u} ${u}--${this.styling.toLowerCase()} `},o("div",{key:"e9ca378c0a88b69abc3933780fcc4f33a6d9e6ed",class:`${u}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};_.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-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_navbar_item_color:var(\n --kup-navbar-item-color,\n var(--kup-primary-color-0)\n );--kup_navbar_background_color:var(\n --kup-navbar-background-color,\n var(--kup-layer-1-inverted)\n );--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";export{_ as kup_nav_bar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as n,H as o,d as a}from"./p-b0368f88.js";import{k as p,g as s,s as h,e as f}from"./p-
|
|
1
|
+
import{r as t,c as i,f as e,h as n,H as o,d as a}from"./p-b0368f88.js";import{k as p,g as s,s as h,e as f}from"./p-7272d9aa.js";import"./p-1ee561ba.js";var r;!function(t){t.buttonData="Props of the button (when isButton is set to true).",t.isButton="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.",t.src="The address the iframe should be referencing to."}(r||(r={}));const l=class{constructor(e){t(this,e),this.kupIframeError=i(this,"kup-iframe-error",6),this.kupIframeLoad=i(this,"kup-iframe-load",6),this.kupManager=p(),this.buttonData={},this.isButton=!1,this.src=void 0}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return s(this,r,t)}async refresh(){e(this)}async setProps(t){h(this,r,t)}openInNew(){window.open(this.src,"_blank")}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){if(null!=this.src&&""!==this.src)return this.buttonData.icon||(this.buttonData.icon="open_in_new"),this.buttonData.label||(this.buttonData.label="Open in new tab"),this.isButton?n(o,{"is-button":!0},n("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()}))):n(o,{"is-iframe":!0},n("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src}));this.kupManager.debug.logMessage(this,"Resource undefined, not rendering!",f.WARNING)}get rootElement(){return a(this)}};l.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-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}iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";export{l as kup_iframe}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,f as e,h as o,H as a,d as i}from"./p-b0368f88.js";import{k as p,g as n,s}from"./p-
|
|
1
|
+
import{r as t,c as r,f as e,h as o,H as a,d as i}from"./p-b0368f88.js";import{k as p,g as n,s}from"./p-7272d9aa.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";const d="drawer";var h;!function(t){t.customStyle="Custom style of the component.",t.opened="Defaults at false. When set to true, the drawer appears."}(h||(h={}));const c=class{constructor(e){t(this,e),this.kupDrawerClose=r(this,"kup-drawer-close",6),this.kupDrawerOpen=r(this,"kup-drawer-open",6),this.kupDrawerReady=r(this,"kup-drawer-ready",6),this.kupManager=p(),this.opened=!1,this.customStyle=""}async close(){this.opened=!1,this.kupDrawerClose.emit({comp:this,id:this.rootElement.id})}async getProps(t){return n(this,h,t)}async isOpened(){return this.opened}async open(){this.opened=!0,this.kupDrawerOpen.emit({comp:this,id:this.rootElement.id})}async refresh(){e(this)}async setProps(t){s(this,h,t)}async toggle(){this.opened?this.close():this.open()}content(){const t=[],r=Array.prototype.slice.call(this.rootElement.children,0),e=[];for(let e=0;e<r.length;e++)t.push(o("slot",null));return e.push(o("div",{class:`${d}__content`},t)),e}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupDrawerReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(a,{key:"93f1b8abbecb61a277b9e727363a63a79bec6b2f","kup-opened":this.opened},o("style",{key:"a4adae4c503ce4cd85171f3aba656d00cc537e11"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"241bc8dd79fc0a01b7912a525f6b7cb56ef7c8f6",class:"backdrop",onClick:t=>{t.preventDefault(),t.stopPropagation()},onPointerDown:t=>{t.preventDefault(),t.stopPropagation(),this.close()},onTouchStart:t=>{t.preventDefault(),t.stopPropagation()}}),o("div",{key:"b267c124462e0ca0b7255c004bbc25fd85897775",id:l},o("div",{key:"fa2ed194e5be92c1dabee9cd32fd641a4960561d",class:d},this.content())))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};c.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-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_drawer_backdrop:var(--kup-drawer-backdrop, rgba(0, 0, 0, 0.32));--kup_drawer_box_shadow:var(\n --kup-drawer-box-shadow,\n 0 8px 10px -5px rgba(0, 0, 0, 0.2),\n 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n 0 6px 30px 5px rgba(0, 0, 0, 0.12)\n );--kup_drawer_slotted_color:var(\n --kup-drawer-slotted-color,\n var(--kup-text-secondary)\n );--kup_drawer_background_color:var(\n --kup-drawer-background-color,\n var(--kup-layer-1)\n );--kup_drawer_permanent_border:var(\n --kup-drawer-permanent-border,\n 1px solid var(--kup-border-subtle)\n );--kup_drawer_slide_transition:var(--kup-drawer-slide-transition, 300ms);--kup_drawer_transition:var(--kup-drawer-transition, 250ms);box-shadow:var(--kup_drawer_box_shadow);display:block;height:100vh;left:calc(var(--kup-drawer-width) * -1);position:fixed;top:0;transition:left var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1), right var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1);width:var(--kup-drawer-width);z-index:var(--kup-drawer-zindex)}#kup-component{height:100%;width:100%}.backdrop{background:var(--kup_drawer_backdrop);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--kup-drawer-zindex)}.drawer{height:100%;position:fixed;width:var(--kup-drawer-width);z-index:calc(var(--kup-drawer-zindex) + 1)}.drawer__content{background-color:var(--kup_drawer_background_color);box-sizing:border-box;height:100%;overflow-y:auto;width:100%}.drawer ::slotted(*){--kup-button-primary-color:var(--kup_drawer_slotted_color);--kup-button-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-button-primary-color-h:var(--kup_drawer_slotted_color-h);--kup-button-primary-color-s:var(--kup_drawer_slotted_color-s);--kup-button-primary-color-l:var(--kup_drawer_slotted_color-l);--kup-switch-label-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-color:var(--kup_drawer_slotted_color);--kup-textfield-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-primary-color:var(--kup_drawer_slotted_color);--kup-textfield-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-color:var(--kup_drawer_slotted_color);--kup-tree-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-filter-background-color:var(--kup-drawer-background-color);--kup-tree-icon-color:var(--kup_drawer_slotted_color);color:var(--kup_drawer_slotted_color);fill:var(--kup_drawer_slotted_color)}:host([kup-opened]){left:0}:host([kup-opened]) .backdrop{display:block}:host(.kup-right){left:unset;right:-100%}:host([kup-opened].kup-right){right:0}:host(.kup-permanent){box-shadow:unset;transition:all 250ms}:host(.kup-permanent) .backdrop{display:none}:host(.kup-permanent) .drawer{position:relative}:host(.kup-permanent) .drawer__content{border-right:var(--kup_drawer_permanent_border)}";export{c as kup_drawer}
|