@sme.up/ketchup 11.0.0-SNAPSHOT-20250108105921 → 11.0.0-SNAPSHOT-20250108124144

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.
Files changed (185) hide show
  1. package/dist/cjs/{f-cell-f696873f.js → f-cell-837acc01.js} +4 -4
  2. package/dist/cjs/{f-chip-fbe1aa9a.js → f-chip-a1a38005.js} +1 -1
  3. package/dist/cjs/{f-object-field-a461f929.js → f-object-field-a6c12a08.js} +2 -2
  4. package/dist/cjs/{f-paginator-utils-89982628.js → f-paginator-utils-39ded702.js} +1 -1
  5. package/dist/cjs/{f-text-field-81ed712b.js → f-text-field-700b8ec5.js} +1 -1
  6. package/dist/cjs/index.cjs.js +1 -1
  7. package/dist/cjs/kup-accordion.cjs.entry.js +1 -1
  8. package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
  9. package/dist/cjs/kup-autocomplete_28.cjs.entry.js +7 -7
  10. package/dist/cjs/kup-box.cjs.entry.js +7 -7
  11. package/dist/cjs/kup-calendar.cjs.entry.js +2 -2
  12. package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
  13. package/dist/cjs/kup-cell.cjs.entry.js +5 -5
  14. package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
  15. package/dist/cjs/{kup-data-table-helper-4421e218.js → kup-data-table-helper-eb507104.js} +1 -1
  16. package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
  17. package/dist/cjs/kup-echart.cjs.entry.js +1 -1
  18. package/dist/cjs/kup-editor.cjs.entry.js +1 -1
  19. package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
  20. package/dist/cjs/kup-grid.cjs.entry.js +1 -1
  21. package/dist/cjs/kup-htm.cjs.entry.js +1 -1
  22. package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
  23. package/dist/cjs/kup-image-list.cjs.entry.js +5 -5
  24. package/dist/cjs/kup-input-panel.cjs.entry.js +5 -5
  25. package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
  26. package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
  27. package/dist/cjs/{kup-manager-43374f94.js → kup-manager-8623e363.js} +41 -41
  28. package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
  29. package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
  30. package/dist/cjs/kup-object-field.cjs.entry.js +3 -3
  31. package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
  32. package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
  33. package/dist/cjs/kup-planner.cjs.entry.js +2 -2
  34. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  35. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  36. package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
  37. package/dist/cjs/kup-txt.cjs.entry.js +1 -1
  38. package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
  39. package/dist/cjs/kup-typography.cjs.entry.js +1 -1
  40. package/dist/collection/managers/kup-math/kup-math-helper.js +9 -8
  41. package/dist/components/index.js +1 -1
  42. package/dist/components/kup-accordion.js +2 -2
  43. package/dist/components/kup-activity-timeline.js +2 -2
  44. package/dist/components/kup-autocomplete.js +1 -1
  45. package/dist/components/kup-badge.js +1 -1
  46. package/dist/components/kup-box.js +1 -1
  47. package/dist/components/kup-button-list.js +1 -1
  48. package/dist/components/kup-button.js +1 -1
  49. package/dist/components/kup-calendar.js +2 -2
  50. package/dist/components/kup-card-list.js +3 -3
  51. package/dist/components/kup-card.js +1 -1
  52. package/dist/components/kup-cell.js +2 -2
  53. package/dist/components/kup-chart.js +1 -1
  54. package/dist/components/kup-checkbox.js +1 -1
  55. package/dist/components/kup-chip.js +1 -1
  56. package/dist/components/kup-color-picker.js +1 -1
  57. package/dist/components/kup-combobox.js +1 -1
  58. package/dist/components/kup-dashboard.js +2 -2
  59. package/dist/components/kup-data-table.js +1 -1
  60. package/dist/components/kup-date-picker.js +1 -1
  61. package/dist/components/kup-dialog.js +1 -1
  62. package/dist/components/kup-drawer.js +2 -2
  63. package/dist/components/kup-dropdown-button.js +1 -1
  64. package/dist/components/kup-echart.js +1 -1
  65. package/dist/components/kup-editor.js +1 -1
  66. package/dist/components/kup-family-tree.js +3 -3
  67. package/dist/components/kup-form.js +1 -1
  68. package/dist/components/kup-gauge.js +1 -1
  69. package/dist/components/kup-grid.js +1 -1
  70. package/dist/components/kup-htm.js +2 -2
  71. package/dist/components/kup-iframe.js +2 -2
  72. package/dist/components/kup-image-list.js +2 -2
  73. package/dist/components/kup-image.js +1 -1
  74. package/dist/components/kup-input-panel.js +3 -3
  75. package/dist/components/kup-lazy.js +2 -2
  76. package/dist/components/kup-list.js +1 -1
  77. package/dist/components/kup-magic-box.js +4 -4
  78. package/dist/components/kup-nav-bar.js +2 -2
  79. package/dist/components/kup-numeric-picker.js +2 -2
  80. package/dist/components/kup-object-field.js +2 -2
  81. package/dist/components/kup-pdf.js +2 -2
  82. package/dist/components/kup-photo-frame.js +2 -2
  83. package/dist/components/kup-planner.js +2 -2
  84. package/dist/components/kup-probe.js +2 -2
  85. package/dist/components/kup-progress-bar.js +1 -1
  86. package/dist/components/kup-qlik.js +2 -2
  87. package/dist/components/kup-radio.js +1 -1
  88. package/dist/components/kup-rating.js +1 -1
  89. package/dist/components/kup-snackbar.js +2 -2
  90. package/dist/components/kup-spinner.js +1 -1
  91. package/dist/components/kup-switch.js +1 -1
  92. package/dist/components/kup-tab-bar.js +1 -1
  93. package/dist/components/kup-text-field.js +1 -1
  94. package/dist/components/kup-time-picker.js +1 -1
  95. package/dist/components/kup-toolbar.js +1 -1
  96. package/dist/components/kup-tree.js +1 -1
  97. package/dist/components/kup-txt.js +2 -2
  98. package/dist/components/kup-typography-list.js +2 -2
  99. package/dist/components/kup-typography.js +2 -2
  100. package/dist/components/{p-333db0bd.js → p-0e384530.js} +2 -2
  101. package/dist/components/{p-ef279eeb.js → p-24075bd0.js} +2 -2
  102. package/dist/components/{p-34b54cab.js → p-87432d08.js} +2 -2
  103. package/dist/components/{p-6c868f83.js → p-94fc3c00.js} +2 -2
  104. package/dist/components/{p-d0917b1c.js → p-c8389c1a.js} +41 -41
  105. package/dist/components/{p-7242a21e.js → p-f1ee3ada.js} +1 -1
  106. package/dist/esm/{f-cell-bebbd73f.js → f-cell-3b999c1c.js} +4 -4
  107. package/dist/esm/{f-chip-448d9abb.js → f-chip-207d4e6a.js} +1 -1
  108. package/dist/esm/{f-object-field-db1de9c8.js → f-object-field-fc05da83.js} +2 -2
  109. package/dist/esm/{f-paginator-utils-99b7bf6e.js → f-paginator-utils-e5824c9d.js} +1 -1
  110. package/dist/esm/{f-text-field-32f39382.js → f-text-field-ae84246a.js} +1 -1
  111. package/dist/esm/index.js +1 -1
  112. package/dist/esm/kup-accordion.entry.js +1 -1
  113. package/dist/esm/kup-activity-timeline.entry.js +2 -2
  114. package/dist/esm/kup-autocomplete_28.entry.js +7 -7
  115. package/dist/esm/kup-box.entry.js +7 -7
  116. package/dist/esm/kup-calendar.entry.js +2 -2
  117. package/dist/esm/kup-card-list.entry.js +1 -1
  118. package/dist/esm/kup-cell.entry.js +5 -5
  119. package/dist/esm/kup-dashboard.entry.js +2 -2
  120. package/dist/esm/{kup-data-table-helper-c8984498.js → kup-data-table-helper-814e63ca.js} +1 -1
  121. package/dist/esm/kup-drawer.entry.js +1 -1
  122. package/dist/esm/kup-echart.entry.js +1 -1
  123. package/dist/esm/kup-editor.entry.js +1 -1
  124. package/dist/esm/kup-family-tree.entry.js +1 -1
  125. package/dist/esm/kup-grid.entry.js +1 -1
  126. package/dist/esm/kup-htm.entry.js +1 -1
  127. package/dist/esm/kup-iframe.entry.js +1 -1
  128. package/dist/esm/kup-image-list.entry.js +5 -5
  129. package/dist/esm/kup-input-panel.entry.js +5 -5
  130. package/dist/esm/kup-lazy.entry.js +1 -1
  131. package/dist/esm/kup-magic-box.entry.js +1 -1
  132. package/dist/esm/{kup-manager-3aea2269.js → kup-manager-69018613.js} +41 -41
  133. package/dist/esm/kup-nav-bar.entry.js +1 -1
  134. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  135. package/dist/esm/kup-object-field.entry.js +3 -3
  136. package/dist/esm/kup-pdf.entry.js +1 -1
  137. package/dist/esm/kup-photo-frame.entry.js +1 -1
  138. package/dist/esm/kup-planner.entry.js +2 -2
  139. package/dist/esm/kup-probe.entry.js +1 -1
  140. package/dist/esm/kup-qlik.entry.js +1 -1
  141. package/dist/esm/kup-snackbar.entry.js +1 -1
  142. package/dist/esm/kup-txt.entry.js +1 -1
  143. package/dist/esm/kup-typography-list.entry.js +1 -1
  144. package/dist/esm/kup-typography.entry.js +1 -1
  145. package/dist/ketchup/index.esm.js +1 -1
  146. package/dist/ketchup/ketchup.esm.js +1 -1
  147. package/dist/ketchup/{p-34eb7555.entry.js → p-1de5af30.entry.js} +1 -1
  148. package/dist/ketchup/{p-dcfcf2bb.js → p-1e73ea04.js} +1 -1
  149. package/dist/ketchup/{p-b6974faa.entry.js → p-217ae85c.entry.js} +1 -1
  150. package/dist/ketchup/{p-04627efe.js → p-2252ad30.js} +1 -1
  151. package/dist/ketchup/{p-099af1ea.entry.js → p-24015160.entry.js} +1 -1
  152. package/dist/ketchup/{p-cadec395.entry.js → p-24dddc23.entry.js} +1 -1
  153. package/dist/ketchup/{p-6d0bb440.entry.js → p-3f5ee4c7.entry.js} +1 -1
  154. package/dist/ketchup/{p-454c3167.entry.js → p-3fcc6d1d.entry.js} +1 -1
  155. package/dist/ketchup/{p-7f7061d6.entry.js → p-41830b0d.entry.js} +1 -1
  156. package/dist/ketchup/{p-14647515.entry.js → p-474e978a.entry.js} +1 -1
  157. package/dist/ketchup/{p-e34d2a82.entry.js → p-5275f671.entry.js} +1 -1
  158. package/dist/ketchup/{p-cfb1092e.entry.js → p-556e06eb.entry.js} +1 -1
  159. package/dist/ketchup/{p-da2a7217.js → p-59ea2e16.js} +1 -1
  160. package/dist/ketchup/{p-4732b472.entry.js → p-5c2ac15a.entry.js} +1 -1
  161. package/dist/ketchup/{p-a4fbced2.entry.js → p-5d98bad4.entry.js} +1 -1
  162. package/dist/ketchup/{p-a010e98f.entry.js → p-613e2c59.entry.js} +1 -1
  163. package/dist/ketchup/{p-35f176a0.js → p-6954ad12.js} +1 -1
  164. package/dist/ketchup/{p-90205959.entry.js → p-7029eb59.entry.js} +1 -1
  165. package/dist/ketchup/{p-8f8eb625.entry.js → p-7982cbcf.entry.js} +1 -1
  166. package/dist/ketchup/{p-d6041b53.entry.js → p-8270992b.entry.js} +1 -1
  167. package/dist/ketchup/{p-d87e7f83.entry.js → p-8667f590.entry.js} +1 -1
  168. package/dist/ketchup/{p-3f44c485.js → p-8ddd83f1.js} +1 -1
  169. package/dist/ketchup/{p-7f6265c2.entry.js → p-9fb64fa4.entry.js} +1 -1
  170. package/dist/ketchup/{p-5b2529dc.entry.js → p-a29926c9.entry.js} +1 -1
  171. package/dist/ketchup/{p-07961f6e.entry.js → p-a3247374.entry.js} +1 -1
  172. package/dist/ketchup/{p-a4ba457a.entry.js → p-b15208a3.entry.js} +1 -1
  173. package/dist/ketchup/{p-737e3900.js → p-b9094df4.js} +2 -2
  174. package/dist/ketchup/{p-38a5b272.entry.js → p-ba661cef.entry.js} +1 -1
  175. package/dist/ketchup/{p-6044750e.entry.js → p-ca700b27.entry.js} +1 -1
  176. package/dist/ketchup/{p-84f06bca.entry.js → p-cdad0a11.entry.js} +1 -1
  177. package/dist/ketchup/{p-42719275.entry.js → p-d3dec47b.entry.js} +1 -1
  178. package/dist/ketchup/{p-672ec5b8.entry.js → p-d7991871.entry.js} +1 -1
  179. package/dist/ketchup/{p-e40dbf91.entry.js → p-e2d84f0b.entry.js} +1 -1
  180. package/dist/ketchup/{p-74d2a50e.js → p-f1d16d73.js} +1 -1
  181. package/dist/ketchup/{p-302f557b.entry.js → p-f4372c3c.entry.js} +1 -1
  182. package/dist/ketchup/{p-66dcd76c.entry.js → p-f7136e2e.entry.js} +1 -1
  183. package/dist/ketchup/{p-6fd7c0f6.entry.js → p-f943d857.entry.js} +1 -1
  184. package/dist/ketchup/{p-5b5adaf1.entry.js → p-fd091486.entry.js} +1 -1
  185. package/package.json +1 -1
@@ -1 +1 @@
1
- import{h as e,g as a,F as c}from"./p-b0368f88.js";import{aj as n,ak as l,al as s,d as t,a6 as i,af as o,ae as r,am as u,F as p,an as d,I as b,ao as k,ap as v,ab as f,aq as h,ar as m,as as g,e as j}from"./p-737e3900.js";import{F as w}from"./p-504fe614.js";import{F as O}from"./p-982a5cfc.js";import{F as x,c as $}from"./p-04627efe.js";import{F as y}from"./p-f2213e00.js";import{F as _}from"./p-35f176a0.js";import{F as C}from"./p-74d2a50e.js";const I=c=>{c.centeredLabel||0==!c.centeredLabel||(c.centeredLabel=!0);let n,l=`f-progress-bar ${c.danger?"kup-danger":""} ${c.animated?"kup-animated":""} ${c.padded?"kup-padded":""} ${c.info?"kup-info":""} ${c.slim?"kup-slim":""} ${c.striped?"kup-striped":""} ${c.secondary?"kup-secondary":""} ${c.slim?"kup-slim":""} ${c.success?"kup-success":""} ${c.warning?"kup-warning":""} ${c.wrapperClass?c.wrapperClass:""}`,s="pie";l+=c.isRadial?" pie-wrapper is-radial":" progress-bar";const t={width:`${c.value}%`};c.centeredLabel?c.value>49&&(l+=" text-color-on-primary"):(n=t,c.value>2&&(l+=" text-color-on-primary"));let i=null;return c.icon?i=function(c){if(c.icon){if(c.icon.indexOf(".")>-1||c.icon.indexOf("/")>-1||c.icon.indexOf("\\")>-1)return e("span",{class:"label kup-icon is-image"},e("img",{src:c.icon}));{let n=`url('${a(`./assets/svg/${c.icon}.svg`)}') no-repeat center`;return e("span",{style:{mask:n,webkitMask:n},class:"label kup-icon"})}}}(c):c.hideLabel||(i=c.isRadial?c.label?e("span",{class:"label"},c.label):e("span",{class:"label"},c.value,e("span",{class:"smaller"},"%")):c.label?c.label:c.value+"%"),c.value>0&&(s+=" has-value",s+=c.value>50?" is-more-than-half":" is-less-than-half"),c.isRadial?e("div",{class:l},i,e("div",{class:s},e("div",{style:undefined,class:"left-side half-circle"}),e("div",{class:"right-side half-circle"})),e("div",{class:"shadow"})):e("div",{class:l},e("div",{class:"progress-bar-percentage",style:t},e("span",{style:n},i)))};var z;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(z||(z={}));const F=a=>{var n;const l=!!a.columns,s=[],t=a.type||z.RADIO;for(let l=0;l<(null===(n=a.data)||void 0===n?void 0:n.length);l++){const n=a.data[l];s.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""}`},e("div",{class:{radio:!0,"radio--checked":!!n.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type}},t===z.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:n.value,checked:n.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:a.onChange?a.onChange.bind(a.onChange,l):null,onFocus:a.onFocus}):e(c,null,e(y,n.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:a.onChange?a.onChange.bind(a.onChange,l):null})),t===z.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,l):null},n.label?n.label:"")))}return e("div",{class:`f-radio radio-wrapper\n ${l?"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":l?`repeat(${a.columns}, 1fr)`:""}},s)},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 c=[];for(let n=1;n<=a.maxValue;n++)c.push(e("span",{class:"rating",onClick:a.onClick?a.onClick.bind(a.onClick,n):null},n<=a.value?"★":"☆"));return c}(a)));var K;!function(e){e.SMALL="small",e.MEDIUM="medium"}(K||(K={}));const D=a=>{a.sizing||(a.sizing=K.MEDIUM),a.sizing.toLowerCase();const c={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:c},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)))},M=document.documentElement,V=(a,c)=>{var o,r,d,k;const j=a.cell,z=a.column,K=a.row,V=a.shape?a.shape:j.shape?j.shape:z.shape?z.shape:null,E=!M.ketchup.objects.isEmptyKupObj(j.obj);let H=!1;j.hasOwnProperty("isEditable")?H=j.isEditable:z.hasOwnProperty("isEditable")&&(H=z.isEditable),H=H&&a.editable,j.options&&(j.data=null!==(o=B(j,z))&&void 0!==o?o:j.data);const X=a.previousValue!==j.value?j.value:"",R=M.ketchup.data.cell.getType(j,V),S=Object.assign({},j.data);let T=j.cssClass?j.cssClass:(null==z?void 0:z.cssClass)?null==z?void 0:z.cssClass:"";const Y={"f-cell":!0,[s.OBJ]:!!E,[R+"-cell"]:!0,[a.wrapperClass]:!!a.wrapperClass,[a.density]:!(!a.density||R===i.BAR),[T]:!!T,"c-input-uppercase":m(j),"c-input-lowercase":g(j),"monospace c-pre":null===(r=j.data)||void 0===r?void 0:r.legacyLook};let A=X;j.data||function(e,a){function c(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function n(e){return e.toUpperCase().startsWith("SHAPE;")}function l(e){return e.toUpperCase().startsWith("BCOLOR;")}function s(e){return e.toUpperCase().startsWith("HEIGHT;")}function t(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(t(e))return null;if(n(e)){if(!c(e))return null;{const c=e.split(";");if(3===c.length){const e=c[2].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}}else if(l(e));else if(s(e)){const c=e.substring(7).replace(",",".");isNaN(parseFloat(c))||(a.height=`${c}%`)}else o.push(r(e,a))}return o.length?o:null}function r(e,a){const c=Object.assign({},a),n=e.split(";");if(n.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(n[0]);if(e){const[,a,n,l]=e;isNaN(parseInt(a,10))||isNaN(parseInt(n,10))||isNaN(parseInt(l,10))||(c.color=`rgb(${parseInt(a)},${parseInt(n)},${parseInt(l)})`)}if(n.length>=2){const e=n[1].replace(",",".");isNaN(parseFloat(e))||(c.width=`${e}%`)}}return c}}a.data={};switch(e){case i.CHECKBOX:case i.SWITCH:a.data.checked="1"===a.value;break;case i.BAR:n(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\\"),c=[];for(const e of a){const a=o(e);if(!a)return null;c.push(...a)}return c}(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 c=null===(e=a.value)||void 0===e?void 0:e.split(";");if(""===(null==c?void 0:c[c.length-1].trim())&&c.pop(),c&&c.length){a.data.data=[];for(let e of c)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}}(R,j),H&&n.includes(R)?(j.data.showMarker=null!==(d=j.tooltip)&&void 0!==d&&d,A=function(a,c,n,l,t){var o,r,u,d;switch(a){case i.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+t.row.id,initialValue:n.value,initialValueDecode:n.decode},n.data,{class:J(t)?"kup-full-width":"","onkup-autocomplete-change":e=>q(e,t,a,h.UPDATE),"onkup-autocomplete-input":e=>q(e,t,a,h.INPUT),"onkup-autocomplete-iconclick":e=>q(e,t,a,h.ICON_CLICK),"onKup-autocomplete-blur":e=>q(e,t,a,h.BLUR)}));case i.CHECKBOX:return U(t)&&(c[s.C_CENTERED]=!0),n.shape===p.INPUT_CHECKBOX?e("input",{checked:"on"===n.value.toLowerCase()||"1"===n.value,class:"input-checkbox",onChange:e=>q(e,t,a,h.UPDATE),type:"checkbox",onBlur:e=>q(e,t,a,h.BLUR)}):e(O,Object.assign({},n.data,{onChange:e=>q(e,t,a,h.UPDATE),onBlur:e=>q(e,t,a,h.BLUR)}));case i.CHIP:return e("kup-chip",Object.assign({},n.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,t,a,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},n.slotData,{error:n.data.error,"onKup-textfield-blur":e=>q(e,t,a,h.BLUR)})));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+t.row.id,initialValue:n.value},n.data,{class:J(t)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>q(e,t,a,h.UPDATE)}));case i.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+t.row.id,initialValue:n.value,initialValueDecode:n.decode},n.data,{class:J(t)?"kup-full-width":"","onkup-combobox-change":e=>q(e,t,a,h.UPDATE),"onkup-combobox-input":e=>q(e,t,a,h.INPUT),"onkup-combobox-iconclick":e=>q(e,t,a,h.ICON_CLICK),"onKup-combobox-blur":e=>q(e,t,a,h.BLUR)}));case i.DATE:return e("kup-date-picker",Object.assign({key:l.name+t.row.id,initialValue:n.value},n.data,{class:J(t)?"kup-full-width":"","onkup-datepicker-change":e=>q(e,t,a,h.UPDATE),"onkup-datepicker-input":e=>q(e,t,a,h.INPUT),"onKup-datepicker-blur":e=>q(e,t,a,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>q(e,t,a,h.UPDATE)}));case i.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayId:!0},n.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,t,a,h.UPDATE)}),e("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:b.CODE_AND_DESC,selectMode:b.CODE_AND_DESC,"onKup-autocomplete-blur":e=>q(e,t,a,h.BLUR),"onkup-autocomplete-input":e=>q(e,t,a,h.INPUT),"onkup-autocomplete-iconclick":e=>q(e,t,a,h.ICON_CLICK),showDropDownIcon:!1},n.slotData,{error:n.data.error,showMarker:null!==(o=n.tooltip)&&void 0!==o&&o})));case i.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayId:!0},n.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,t,a,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:b.CODE_AND_DESC,selectMode:b.CODE_AND_DESC,"onKup-combobox-blur":e=>q(e,t,a,h.BLUR),"onkup-combobox-input":e=>q(e,t,a,h.INPUT),"onkup-combobox-iconclick":e=>q(e,t,a,h.ICON_CLICK)},n.slotData,{error:n.data.error,showMarker:null!==(r=n.tooltip)&&void 0!==r&&r})));case i.RADIO:return e(F,Object.assign({},n.data,{disabled:!1,onChange:(e,c)=>{const l=n.data.data;for(let a=0;a<l.length;a++){l[a].checked=a===e}q(c,t,a,h.UPDATE)},onBlur:e=>q(e,t,a,h.BLUR)}));case i.RATING:return e("kup-rating",Object.assign({key:l.name+t.row.id},n.data,{disabled:!1,"onkup-rating-click":e=>q(e,t,a,h.UPDATE)}));case i.SWITCH:return e(D,Object.assign({},n.data,{disabled:!1,onChange:e=>q(e,t,a,h.UPDATE),onBlur:e=>q(e,t,a,h.BLUR)}));case i.TIME:return e("kup-time-picker",Object.assign({key:l.name+t.row.id,initialValue:n.value},n.data,{class:J(t)?"kup-full-width":"","onkup-timepicker-change":e=>q(e,t,a,h.UPDATE),"onkup-timepicker-input":e=>q(e,t,a,h.INPUT),"onKup-timepicker-blur":e=>q(e,t,a,h.BLUR)}));case i.OBJECT:return e(_,{cell:n,column:t.column,row:t.row,inputValue:n.value,onChange:e=>q(e,t,a,h.UPDATE)});case i.NUMBER:c[s.C_RIGHT_ALIGNED]=!0;case i.LINK:case i.MEMO:case i.STRING:const k=e=>q(e,t,a,h.UPDATE),v=e=>{var c,l;null===(l=null===(c=n.data)||void 0===c?void 0:c.onInput)||void 0===l||l.call(c,e),q(e,t,a,h.INPUT)},f=e=>{var c,l;null===(l=null===(c=n.data)||void 0===c?void 0:c.onKeyDown)||void 0===l||l.call(c,e),"Enter"===e.key&&q(e,t,a,h.UPDATE)},m=a===i.NUMBER?"number":null,g=a===i.NUMBER&&n.value?M.ketchup.math.numberifySafe(n.value).toString():n.value;return n.shape===p.INPUT_FIELD?e("input",{class:"input-field",onChange:k,onInput:v,onKeyDown:f,type:m,value:g,maxLength:null!==(d=null===(u=l.cellData)||void 0===u?void 0:u.maxLength)&&void 0!==d?d:-1}):e(C,Object.assign({textArea:!!n.shape&&n.shape===p.MEMO||!!a&&a===i.MEMO,inputType:m,fullWidth:!!J(t)},n.data,{maxLength:a==i.NUMBER&&(t.column.decimals&&t.column.decimals>0||t.column.group)||t.column.integers&&t.column.integers>0?-1:n.data.maxLength,icon:n.data&&n.data.icon?n.data.icon:n.icon?n.icon:l.icon?l.icon:null,decimals:t.column.decimals,integers:t.column.integers,group:t.column.group,value:g,onChange:k,onInput:v,onKeyDown:f,onIconClick:e=>q(e,t,a,h.ICON_CLICK),onBlur:e=>q(e,t,a,h.BLUR)}))}}(R,Y,j,z,a)):j.data&&l.includes(R)?(a.setSizes&&function(e,a,c){switch(e){case i.BAR:a.sizeY||(a.sizeY="26px");break;case i.BUTTON:let e="";a.label&&(e="36px"),c.style?c.style.height||(c.style.minHeight=e):c.style={minHeight:e};break;case i.CHART:a.sizeX||(a.sizeX="100%"),a.sizeY||(a.sizeY="100%");break;case i.CHIP:case i.RADIO:c.style?c.style.height||(c.style.minHeight="40px"):c.style={minHeight:"40px"}}}(R,S,j),A=a.renderKup?function(a,c,n,l,t,o,r){switch(a){case i.BAR:return n.data?e("div",{style:{height:n.sizeY,width:"100%"}},e(y,Object.assign({},n))):e("kup-image",Object.assign({key:o.name+r.row.id,sizeX:"250px"},n));case i.BUTTON:return U(r)&&(c[s.C_CENTERED]=!0),e(w,Object.assign({},n,{onClick:e=>q(e,r,a,h.CLICK)}));case i.BUTTON_LIST:return U(r)&&(c[s.C_CENTERED]=!0),n["data-storage"]={cell:l,row:t,column:o},e("kup-button-list",Object.assign({key:o.name+r.row.id},n));case i.CHART:return U(r)&&(c[s.C_CENTERED]=!0),e("kup-chart",Object.assign({key:o.name+r.row.id},n));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return e($,Object.assign({},n));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:o.name+r.row.id},n,{class:J(r)?"kup-full-width":"",disabled:!0}));case i.GAUGE:return e("kup-gauge",Object.assign({key:o.name+r.row.id,value:M.ketchup.math.numberifySafe(l.value),"width-component":"280px"},n));case i.KNOB:case i.PROGRESS_BAR:return n.customStyle?e("kup-progress-bar",Object.assign({key:o.name+r.row.id},n)):e(I,Object.assign({},n));case i.RADIO:return U(r)&&(c[s.C_CENTERED]=!0),n.disabled=t.readOnly,e(F,Object.assign({},n));case i.RATING:return e(N,Object.assign({},n,{disabled:!0}));case i.OBJECT:return e(C,Object.assign({icon:"table"},n,{disabled:!0}))}}(R,Y,S,j,K,z,a):e("span",{class:"cell-"+R+" placeholder"})):(a.setSizes&&function(e,a,c,n){var l;switch(e){case i.CHECKBOX:case i.ICON:a.sizeX||(a.sizeX="18px"),a.sizeY||(a.sizeY="18px"),c.style?c.style.height||(c.style.minHeight=a.sizeY):c.style={minHeight:a.sizeY};break;case i.IMAGE:const e=(null===(l=n.cell)||void 0===l?void 0:l.value)||"",s=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;n.component.rootElement.tagName!==u.DATA_TABLE||s||(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")),n.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")}}(R,S,j,a),Y[s.INDICATOR_TOPRIGHT]=null!==(k=j.tooltip)&&void 0!==k&&k,A=function(a,c,n,l,t,o,r){switch(a){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.DATETIME:case i.TIME:if(n&&""!=n){const a=f(o,t);return e("div",{class:"f-cell__text"},a)}return n;case i.CHECKBOX:return U(r)&&(l[s.C_CENTERED]=!0),e(y,{resource:c.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return e("div",{innerHTML:t.value});case i.ICON:case i.IMAGE:return U(r)&&(l[s.C_CENTERED]=!0),c.badgeData&&(l[s.C_PADDED]=!0),e(y,Object.assign({},c));case i.LINK:return e("a",{href:n,target:"_blank"},t.value);case i.NUMBER:if(n&&""!=n){const a=M.ketchup.math.numberifySafe(t.value),c=f(o,t);return a<0&&(l[s.TEXT_DANGER]=!0),U(r)&&(l[s.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},c)}return e("div",{class:"f-cell__text"},n);case i.SWITCH:return U(r)&&(l[s.C_CENTERED]=!0),c.disabled=!0,e(D,Object.assign({},c));default:return e("div",{class:"f-cell__text"},t.data.displayMode?v(t,n,"-"):n)}}(R,S,A,Y,j,z,a));let W=null;!H&&(z.icon||j.icon)&&A&&(W=e(y,Object.assign({},{color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:j.icon?j.icon:z.icon,placeholderResource:j.placeholderIcon?j.placeholderIcon:z.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let L=null;M.ketchup.debug.isDebug()&&E?L=j.obj.t+"; "+j.obj.p+"; "+j.obj.k+";":null!=j.title&&""!=j.title.trim()&&(L=j.title);let G=null;if(j.info){const a=Object.assign({},j.info);a.color||(a.color=`var(${t.INFO})`),a.icon||(a.icon="info"),G=e(y,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,R,h.KEYUP),class:Y,"kup-get-cell-props":()=>a,ref:e=>j.element=e,style:j.style},e("div",{class:"f-cell__content",style:j.styleContent,title:L},a.cellActionIcon&&e(y,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"f-cell__iconfunction "+(R===i.NUMBER?"left":"right"),onClick:a.cellActionIcon.onClick,tabIndex:0}),c&&c.length>0?c:[a.indents,G,W,A]))},B=(e,a)=>{if(!e)return null;const c=e.options,n=a.title,l=e.value,s=M.ketchup.data.cell.getType(e,e.shape),t=new Map([[i.BUTTON_LIST,R.bind(void 0)],[i.STRING,S.bind(void 0)],[i.RADIO,T.bind(void 0)],[i.AUTOCOMPLETE,Y.bind(void 0)],[i.COMBOBOX,Y.bind(void 0)],[i.CHECKBOX,X.bind(void 0)],[i.OBJECT,H.bind(void 0)],[i.CHIP,E.bind(void 0)]]).get(s);return t?t(c,n,l,e):null},E=(e,a,c,n)=>{const l={data:(null==e?void 0:e.length)?null==e?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};n.data=Object.assign(Object.assign({},n.data),l)},H=(e,a,c)=>({data:{initialValue:c||"",label:a||"",value:c||""}}),X=(e,a,c,n)=>Object.assign(Object.assign({},n.data),{checked:"on"===c||"1"===c,label:a}),R=(e,a,c,n)=>({data:[Object.assign(Object.assign({},n.data),{icon:n.icon,value:c})]}),S=(e,a,c,n)=>Object.assign(Object.assign({},n.data),{label:a}),T=(e,a,c,n)=>{const l=o(c,e);n.data=Object.assign(Object.assign({},n.data),l)},Y=(e,a,c,n)=>{var l;if(!(null===(l=n.data)||void 0===l?void 0:l.data)&&e){const n=r(c,a,[]);return n.data["kup-list"].data=A(e,c),n}},A=(e,a)=>{const c=P.get(e.type);return c?c(e,a):e.map((e=>({value:e.label,id:e.id,selected:a===e.id})))},W=(e,a)=>e.children.map((e=>{var c;return{id:e.content.codice,value:e.content.testo,selected:a===e.content.codice,children:(null===(c=e.children)||void 0===c?void 0:c.length)?W(e,a):[]}})),L=(e,a)=>e.children.map((e=>{var c;return{id:e.obj.k,value:e.value,selected:a===e.obj.k,children:(null===(c=e.children)||void 0===c?void 0:c.length)?L(e,a):[]}})),G=(e,a)=>e.rows.map((e=>{var c;const n=e.fields||e.cells,[l,s]=Object.keys(n);return{id:n[l].value,value:(null===(c=n[s])||void 0===c?void 0:c.value)||n[l].value,selected:a===n[l].value}})),P=new Map([["SmeupTreeNode",W.bind(void 0)],["SmeupDataTree",L.bind(void 0)],["SmeupTable",G.bind(void 0)],["SmeupDataTable",G.bind(void 0)]]);function q(e,a,c,n){var l,s;const t=a.cell,o=a.column,r=a.component,u=a.row;if(n===h.UPDATE){let a=function(e,a){var c;let n=e.target.value;return a===i.CHECKBOX&&(n=e.target.checked?"off":"on"),a===i.DATE&&(n=null===(c=e.detail)||void 0===c?void 0:c.value),a===i.NUMBER&&(n=M.ketchup.math.formattedStringToNumberString(n,"")),n}(e,c);switch(m(t)?a=null==a?void 0:a.toUpperCase():g(t)&&(a=null==a?void 0:a.toLowerCase()),c){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:t.data&&(t.data.initialValue=a);break;case i.CHECKBOX:case i.SWITCH:a="on"===a.toLowerCase()?"0":"1",t.data&&(t.data.checked="0"!==a);break;case i.RADIO:if(t.data.data){const e=t.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,t.data&&(t.data.data=e.detail.comp.data)}t.obj&&(t.obj.k=null==a?void 0:a.toString()),t.value=null==a?void 0:a.toString(),t.displayedValue=null,t.displayedValue=f(o,t)}if(r&&r.rootElement){const a=new CustomEvent(n,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:r,id:r.rootElement.id,cell:t,column:o,event:e,row:u,type:c,inputValue:(null===(s=null===(l=t.element)||void 0===l?void 0:l.querySelector("input"))||void 0===s?void 0:s.value)||null}});if(r.rootElement.dispatchEvent(a),n===h.UPDATE)try{r.refresh()}catch(e){M.ketchup.debug.logMessage(r,e,j.ERROR)}}}function U(e){var a;return k.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}function J(e){var a;return d.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}export{V as F,I as a,F as b,N as c,K as d,D as e}
1
+ import{h as e,g as a,F as c}from"./p-b0368f88.js";import{aj as n,ak as l,al as s,d as t,a6 as i,af as o,ae as r,am as u,F as p,an as d,I as b,ao as k,ap as v,ab as f,aq as h,ar as m,as as g,e as j}from"./p-b9094df4.js";import{F as w}from"./p-504fe614.js";import{F as O}from"./p-982a5cfc.js";import{F as x,c as $}from"./p-2252ad30.js";import{F as y}from"./p-f2213e00.js";import{F as _}from"./p-6954ad12.js";import{F as C}from"./p-f1d16d73.js";const I=c=>{c.centeredLabel||0==!c.centeredLabel||(c.centeredLabel=!0);let n,l=`f-progress-bar ${c.danger?"kup-danger":""} ${c.animated?"kup-animated":""} ${c.padded?"kup-padded":""} ${c.info?"kup-info":""} ${c.slim?"kup-slim":""} ${c.striped?"kup-striped":""} ${c.secondary?"kup-secondary":""} ${c.slim?"kup-slim":""} ${c.success?"kup-success":""} ${c.warning?"kup-warning":""} ${c.wrapperClass?c.wrapperClass:""}`,s="pie";l+=c.isRadial?" pie-wrapper is-radial":" progress-bar";const t={width:`${c.value}%`};c.centeredLabel?c.value>49&&(l+=" text-color-on-primary"):(n=t,c.value>2&&(l+=" text-color-on-primary"));let i=null;return c.icon?i=function(c){if(c.icon){if(c.icon.indexOf(".")>-1||c.icon.indexOf("/")>-1||c.icon.indexOf("\\")>-1)return e("span",{class:"label kup-icon is-image"},e("img",{src:c.icon}));{let n=`url('${a(`./assets/svg/${c.icon}.svg`)}') no-repeat center`;return e("span",{style:{mask:n,webkitMask:n},class:"label kup-icon"})}}}(c):c.hideLabel||(i=c.isRadial?c.label?e("span",{class:"label"},c.label):e("span",{class:"label"},c.value,e("span",{class:"smaller"},"%")):c.label?c.label:c.value+"%"),c.value>0&&(s+=" has-value",s+=c.value>50?" is-more-than-half":" is-less-than-half"),c.isRadial?e("div",{class:l},i,e("div",{class:s},e("div",{style:undefined,class:"left-side half-circle"}),e("div",{class:"right-side half-circle"})),e("div",{class:"shadow"})):e("div",{class:l},e("div",{class:"progress-bar-percentage",style:t},e("span",{style:n},i)))};var z;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(z||(z={}));const F=a=>{var n;const l=!!a.columns,s=[],t=a.type||z.RADIO;for(let l=0;l<(null===(n=a.data)||void 0===n?void 0:n.length);l++){const n=a.data[l];s.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""}`},e("div",{class:{radio:!0,"radio--checked":!!n.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type}},t===z.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:n.value,checked:n.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:a.onChange?a.onChange.bind(a.onChange,l):null,onFocus:a.onFocus}):e(c,null,e(y,n.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:a.onChange?a.onChange.bind(a.onChange,l):null})),t===z.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,l):null},n.label?n.label:"")))}return e("div",{class:`f-radio radio-wrapper\n ${l?"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":l?`repeat(${a.columns}, 1fr)`:""}},s)},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 c=[];for(let n=1;n<=a.maxValue;n++)c.push(e("span",{class:"rating",onClick:a.onClick?a.onClick.bind(a.onClick,n):null},n<=a.value?"★":"☆"));return c}(a)));var K;!function(e){e.SMALL="small",e.MEDIUM="medium"}(K||(K={}));const D=a=>{a.sizing||(a.sizing=K.MEDIUM),a.sizing.toLowerCase();const c={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:c},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)))},M=document.documentElement,V=(a,c)=>{var o,r,d,k;const j=a.cell,z=a.column,K=a.row,V=a.shape?a.shape:j.shape?j.shape:z.shape?z.shape:null,E=!M.ketchup.objects.isEmptyKupObj(j.obj);let H=!1;j.hasOwnProperty("isEditable")?H=j.isEditable:z.hasOwnProperty("isEditable")&&(H=z.isEditable),H=H&&a.editable,j.options&&(j.data=null!==(o=B(j,z))&&void 0!==o?o:j.data);const X=a.previousValue!==j.value?j.value:"",R=M.ketchup.data.cell.getType(j,V),S=Object.assign({},j.data);let T=j.cssClass?j.cssClass:(null==z?void 0:z.cssClass)?null==z?void 0:z.cssClass:"";const Y={"f-cell":!0,[s.OBJ]:!!E,[R+"-cell"]:!0,[a.wrapperClass]:!!a.wrapperClass,[a.density]:!(!a.density||R===i.BAR),[T]:!!T,"c-input-uppercase":m(j),"c-input-lowercase":g(j),"monospace c-pre":null===(r=j.data)||void 0===r?void 0:r.legacyLook};let A=X;j.data||function(e,a){function c(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function n(e){return e.toUpperCase().startsWith("SHAPE;")}function l(e){return e.toUpperCase().startsWith("BCOLOR;")}function s(e){return e.toUpperCase().startsWith("HEIGHT;")}function t(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(t(e))return null;if(n(e)){if(!c(e))return null;{const c=e.split(";");if(3===c.length){const e=c[2].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}}else if(l(e));else if(s(e)){const c=e.substring(7).replace(",",".");isNaN(parseFloat(c))||(a.height=`${c}%`)}else o.push(r(e,a))}return o.length?o:null}function r(e,a){const c=Object.assign({},a),n=e.split(";");if(n.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(n[0]);if(e){const[,a,n,l]=e;isNaN(parseInt(a,10))||isNaN(parseInt(n,10))||isNaN(parseInt(l,10))||(c.color=`rgb(${parseInt(a)},${parseInt(n)},${parseInt(l)})`)}if(n.length>=2){const e=n[1].replace(",",".");isNaN(parseFloat(e))||(c.width=`${e}%`)}}return c}}a.data={};switch(e){case i.CHECKBOX:case i.SWITCH:a.data.checked="1"===a.value;break;case i.BAR:n(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\\"),c=[];for(const e of a){const a=o(e);if(!a)return null;c.push(...a)}return c}(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 c=null===(e=a.value)||void 0===e?void 0:e.split(";");if(""===(null==c?void 0:c[c.length-1].trim())&&c.pop(),c&&c.length){a.data.data=[];for(let e of c)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}}(R,j),H&&n.includes(R)?(j.data.showMarker=null!==(d=j.tooltip)&&void 0!==d&&d,A=function(a,c,n,l,t){var o,r,u,d;switch(a){case i.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+t.row.id,initialValue:n.value,initialValueDecode:n.decode},n.data,{class:J(t)?"kup-full-width":"","onkup-autocomplete-change":e=>q(e,t,a,h.UPDATE),"onkup-autocomplete-input":e=>q(e,t,a,h.INPUT),"onkup-autocomplete-iconclick":e=>q(e,t,a,h.ICON_CLICK),"onKup-autocomplete-blur":e=>q(e,t,a,h.BLUR)}));case i.CHECKBOX:return U(t)&&(c[s.C_CENTERED]=!0),n.shape===p.INPUT_CHECKBOX?e("input",{checked:"on"===n.value.toLowerCase()||"1"===n.value,class:"input-checkbox",onChange:e=>q(e,t,a,h.UPDATE),type:"checkbox",onBlur:e=>q(e,t,a,h.BLUR)}):e(O,Object.assign({},n.data,{onChange:e=>q(e,t,a,h.UPDATE),onBlur:e=>q(e,t,a,h.BLUR)}));case i.CHIP:return e("kup-chip",Object.assign({},n.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,t,a,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},n.slotData,{error:n.data.error,"onKup-textfield-blur":e=>q(e,t,a,h.BLUR)})));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+t.row.id,initialValue:n.value},n.data,{class:J(t)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>q(e,t,a,h.UPDATE)}));case i.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+t.row.id,initialValue:n.value,initialValueDecode:n.decode},n.data,{class:J(t)?"kup-full-width":"","onkup-combobox-change":e=>q(e,t,a,h.UPDATE),"onkup-combobox-input":e=>q(e,t,a,h.INPUT),"onkup-combobox-iconclick":e=>q(e,t,a,h.ICON_CLICK),"onKup-combobox-blur":e=>q(e,t,a,h.BLUR)}));case i.DATE:return e("kup-date-picker",Object.assign({key:l.name+t.row.id,initialValue:n.value},n.data,{class:J(t)?"kup-full-width":"","onkup-datepicker-change":e=>q(e,t,a,h.UPDATE),"onkup-datepicker-input":e=>q(e,t,a,h.INPUT),"onKup-datepicker-blur":e=>q(e,t,a,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>q(e,t,a,h.UPDATE)}));case i.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayId:!0},n.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,t,a,h.UPDATE)}),e("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:b.CODE_AND_DESC,selectMode:b.CODE_AND_DESC,"onKup-autocomplete-blur":e=>q(e,t,a,h.BLUR),"onkup-autocomplete-input":e=>q(e,t,a,h.INPUT),"onkup-autocomplete-iconclick":e=>q(e,t,a,h.ICON_CLICK),showDropDownIcon:!1},n.slotData,{error:n.data.error,showMarker:null!==(o=n.tooltip)&&void 0!==o&&o})));case i.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayId:!0},n.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,t,a,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:b.CODE_AND_DESC,selectMode:b.CODE_AND_DESC,"onKup-combobox-blur":e=>q(e,t,a,h.BLUR),"onkup-combobox-input":e=>q(e,t,a,h.INPUT),"onkup-combobox-iconclick":e=>q(e,t,a,h.ICON_CLICK)},n.slotData,{error:n.data.error,showMarker:null!==(r=n.tooltip)&&void 0!==r&&r})));case i.RADIO:return e(F,Object.assign({},n.data,{disabled:!1,onChange:(e,c)=>{const l=n.data.data;for(let a=0;a<l.length;a++){l[a].checked=a===e}q(c,t,a,h.UPDATE)},onBlur:e=>q(e,t,a,h.BLUR)}));case i.RATING:return e("kup-rating",Object.assign({key:l.name+t.row.id},n.data,{disabled:!1,"onkup-rating-click":e=>q(e,t,a,h.UPDATE)}));case i.SWITCH:return e(D,Object.assign({},n.data,{disabled:!1,onChange:e=>q(e,t,a,h.UPDATE),onBlur:e=>q(e,t,a,h.BLUR)}));case i.TIME:return e("kup-time-picker",Object.assign({key:l.name+t.row.id,initialValue:n.value},n.data,{class:J(t)?"kup-full-width":"","onkup-timepicker-change":e=>q(e,t,a,h.UPDATE),"onkup-timepicker-input":e=>q(e,t,a,h.INPUT),"onKup-timepicker-blur":e=>q(e,t,a,h.BLUR)}));case i.OBJECT:return e(_,{cell:n,column:t.column,row:t.row,inputValue:n.value,onChange:e=>q(e,t,a,h.UPDATE)});case i.NUMBER:c[s.C_RIGHT_ALIGNED]=!0;case i.LINK:case i.MEMO:case i.STRING:const k=e=>q(e,t,a,h.UPDATE),v=e=>{var c,l;null===(l=null===(c=n.data)||void 0===c?void 0:c.onInput)||void 0===l||l.call(c,e),q(e,t,a,h.INPUT)},f=e=>{var c,l;null===(l=null===(c=n.data)||void 0===c?void 0:c.onKeyDown)||void 0===l||l.call(c,e),"Enter"===e.key&&q(e,t,a,h.UPDATE)},m=a===i.NUMBER?"number":null,g=a===i.NUMBER&&n.value?M.ketchup.math.numberifySafe(n.value).toString():n.value;return n.shape===p.INPUT_FIELD?e("input",{class:"input-field",onChange:k,onInput:v,onKeyDown:f,type:m,value:g,maxLength:null!==(d=null===(u=l.cellData)||void 0===u?void 0:u.maxLength)&&void 0!==d?d:-1}):e(C,Object.assign({textArea:!!n.shape&&n.shape===p.MEMO||!!a&&a===i.MEMO,inputType:m,fullWidth:!!J(t)},n.data,{maxLength:a==i.NUMBER&&(t.column.decimals&&t.column.decimals>0||t.column.group)||t.column.integers&&t.column.integers>0?-1:n.data.maxLength,icon:n.data&&n.data.icon?n.data.icon:n.icon?n.icon:l.icon?l.icon:null,decimals:t.column.decimals,integers:t.column.integers,group:t.column.group,value:g,onChange:k,onInput:v,onKeyDown:f,onIconClick:e=>q(e,t,a,h.ICON_CLICK),onBlur:e=>q(e,t,a,h.BLUR)}))}}(R,Y,j,z,a)):j.data&&l.includes(R)?(a.setSizes&&function(e,a,c){switch(e){case i.BAR:a.sizeY||(a.sizeY="26px");break;case i.BUTTON:let e="";a.label&&(e="36px"),c.style?c.style.height||(c.style.minHeight=e):c.style={minHeight:e};break;case i.CHART:a.sizeX||(a.sizeX="100%"),a.sizeY||(a.sizeY="100%");break;case i.CHIP:case i.RADIO:c.style?c.style.height||(c.style.minHeight="40px"):c.style={minHeight:"40px"}}}(R,S,j),A=a.renderKup?function(a,c,n,l,t,o,r){switch(a){case i.BAR:return n.data?e("div",{style:{height:n.sizeY,width:"100%"}},e(y,Object.assign({},n))):e("kup-image",Object.assign({key:o.name+r.row.id,sizeX:"250px"},n));case i.BUTTON:return U(r)&&(c[s.C_CENTERED]=!0),e(w,Object.assign({},n,{onClick:e=>q(e,r,a,h.CLICK)}));case i.BUTTON_LIST:return U(r)&&(c[s.C_CENTERED]=!0),n["data-storage"]={cell:l,row:t,column:o},e("kup-button-list",Object.assign({key:o.name+r.row.id},n));case i.CHART:return U(r)&&(c[s.C_CENTERED]=!0),e("kup-chart",Object.assign({key:o.name+r.row.id},n));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return e($,Object.assign({},n));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:o.name+r.row.id},n,{class:J(r)?"kup-full-width":"",disabled:!0}));case i.GAUGE:return e("kup-gauge",Object.assign({key:o.name+r.row.id,value:M.ketchup.math.numberifySafe(l.value),"width-component":"280px"},n));case i.KNOB:case i.PROGRESS_BAR:return n.customStyle?e("kup-progress-bar",Object.assign({key:o.name+r.row.id},n)):e(I,Object.assign({},n));case i.RADIO:return U(r)&&(c[s.C_CENTERED]=!0),n.disabled=t.readOnly,e(F,Object.assign({},n));case i.RATING:return e(N,Object.assign({},n,{disabled:!0}));case i.OBJECT:return e(C,Object.assign({icon:"table"},n,{disabled:!0}))}}(R,Y,S,j,K,z,a):e("span",{class:"cell-"+R+" placeholder"})):(a.setSizes&&function(e,a,c,n){var l;switch(e){case i.CHECKBOX:case i.ICON:a.sizeX||(a.sizeX="18px"),a.sizeY||(a.sizeY="18px"),c.style?c.style.height||(c.style.minHeight=a.sizeY):c.style={minHeight:a.sizeY};break;case i.IMAGE:const e=(null===(l=n.cell)||void 0===l?void 0:l.value)||"",s=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;n.component.rootElement.tagName!==u.DATA_TABLE||s||(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")),n.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")}}(R,S,j,a),Y[s.INDICATOR_TOPRIGHT]=null!==(k=j.tooltip)&&void 0!==k&&k,A=function(a,c,n,l,t,o,r){switch(a){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.DATETIME:case i.TIME:if(n&&""!=n){const a=f(o,t);return e("div",{class:"f-cell__text"},a)}return n;case i.CHECKBOX:return U(r)&&(l[s.C_CENTERED]=!0),e(y,{resource:c.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return e("div",{innerHTML:t.value});case i.ICON:case i.IMAGE:return U(r)&&(l[s.C_CENTERED]=!0),c.badgeData&&(l[s.C_PADDED]=!0),e(y,Object.assign({},c));case i.LINK:return e("a",{href:n,target:"_blank"},t.value);case i.NUMBER:if(n&&""!=n){const a=M.ketchup.math.numberifySafe(t.value),c=f(o,t);return a<0&&(l[s.TEXT_DANGER]=!0),U(r)&&(l[s.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},c)}return e("div",{class:"f-cell__text"},n);case i.SWITCH:return U(r)&&(l[s.C_CENTERED]=!0),c.disabled=!0,e(D,Object.assign({},c));default:return e("div",{class:"f-cell__text"},t.data.displayMode?v(t,n,"-"):n)}}(R,S,A,Y,j,z,a));let W=null;!H&&(z.icon||j.icon)&&A&&(W=e(y,Object.assign({},{color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:j.icon?j.icon:z.icon,placeholderResource:j.placeholderIcon?j.placeholderIcon:z.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let L=null;M.ketchup.debug.isDebug()&&E?L=j.obj.t+"; "+j.obj.p+"; "+j.obj.k+";":null!=j.title&&""!=j.title.trim()&&(L=j.title);let G=null;if(j.info){const a=Object.assign({},j.info);a.color||(a.color=`var(${t.INFO})`),a.icon||(a.icon="info"),G=e(y,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,R,h.KEYUP),class:Y,"kup-get-cell-props":()=>a,ref:e=>j.element=e,style:j.style},e("div",{class:"f-cell__content",style:j.styleContent,title:L},a.cellActionIcon&&e(y,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"f-cell__iconfunction "+(R===i.NUMBER?"left":"right"),onClick:a.cellActionIcon.onClick,tabIndex:0}),c&&c.length>0?c:[a.indents,G,W,A]))},B=(e,a)=>{if(!e)return null;const c=e.options,n=a.title,l=e.value,s=M.ketchup.data.cell.getType(e,e.shape),t=new Map([[i.BUTTON_LIST,R.bind(void 0)],[i.STRING,S.bind(void 0)],[i.RADIO,T.bind(void 0)],[i.AUTOCOMPLETE,Y.bind(void 0)],[i.COMBOBOX,Y.bind(void 0)],[i.CHECKBOX,X.bind(void 0)],[i.OBJECT,H.bind(void 0)],[i.CHIP,E.bind(void 0)]]).get(s);return t?t(c,n,l,e):null},E=(e,a,c,n)=>{const l={data:(null==e?void 0:e.length)?null==e?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};n.data=Object.assign(Object.assign({},n.data),l)},H=(e,a,c)=>({data:{initialValue:c||"",label:a||"",value:c||""}}),X=(e,a,c,n)=>Object.assign(Object.assign({},n.data),{checked:"on"===c||"1"===c,label:a}),R=(e,a,c,n)=>({data:[Object.assign(Object.assign({},n.data),{icon:n.icon,value:c})]}),S=(e,a,c,n)=>Object.assign(Object.assign({},n.data),{label:a}),T=(e,a,c,n)=>{const l=o(c,e);n.data=Object.assign(Object.assign({},n.data),l)},Y=(e,a,c,n)=>{var l;if(!(null===(l=n.data)||void 0===l?void 0:l.data)&&e){const n=r(c,a,[]);return n.data["kup-list"].data=A(e,c),n}},A=(e,a)=>{const c=P.get(e.type);return c?c(e,a):e.map((e=>({value:e.label,id:e.id,selected:a===e.id})))},W=(e,a)=>e.children.map((e=>{var c;return{id:e.content.codice,value:e.content.testo,selected:a===e.content.codice,children:(null===(c=e.children)||void 0===c?void 0:c.length)?W(e,a):[]}})),L=(e,a)=>e.children.map((e=>{var c;return{id:e.obj.k,value:e.value,selected:a===e.obj.k,children:(null===(c=e.children)||void 0===c?void 0:c.length)?L(e,a):[]}})),G=(e,a)=>e.rows.map((e=>{var c;const n=e.fields||e.cells,[l,s]=Object.keys(n);return{id:n[l].value,value:(null===(c=n[s])||void 0===c?void 0:c.value)||n[l].value,selected:a===n[l].value}})),P=new Map([["SmeupTreeNode",W.bind(void 0)],["SmeupDataTree",L.bind(void 0)],["SmeupTable",G.bind(void 0)],["SmeupDataTable",G.bind(void 0)]]);function q(e,a,c,n){var l,s;const t=a.cell,o=a.column,r=a.component,u=a.row;if(n===h.UPDATE){let a=function(e,a){var c;let n=e.target.value;return a===i.CHECKBOX&&(n=e.target.checked?"off":"on"),a===i.DATE&&(n=null===(c=e.detail)||void 0===c?void 0:c.value),a===i.NUMBER&&(n=M.ketchup.math.formattedStringToNumberString(n,"")),n}(e,c);switch(m(t)?a=null==a?void 0:a.toUpperCase():g(t)&&(a=null==a?void 0:a.toLowerCase()),c){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:t.data&&(t.data.initialValue=a);break;case i.CHECKBOX:case i.SWITCH:a="on"===a.toLowerCase()?"0":"1",t.data&&(t.data.checked="0"!==a);break;case i.RADIO:if(t.data.data){const e=t.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,t.data&&(t.data.data=e.detail.comp.data)}t.obj&&(t.obj.k=null==a?void 0:a.toString()),t.value=null==a?void 0:a.toString(),t.displayedValue=null,t.displayedValue=f(o,t)}if(r&&r.rootElement){const a=new CustomEvent(n,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:r,id:r.rootElement.id,cell:t,column:o,event:e,row:u,type:c,inputValue:(null===(s=null===(l=t.element)||void 0===l?void 0:l.querySelector("input"))||void 0===s?void 0:s.value)||null}});if(r.rootElement.dispatchEvent(a),n===h.UPDATE)try{r.refresh()}catch(e){M.ketchup.debug.logMessage(r,e,j.ERROR)}}}function U(e){var a;return k.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}function J(e){var a;return d.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}export{V as F,I as a,F as b,N as c,K as d,D as e}
@@ -1 +1 @@
1
- import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-b0368f88.js";import{k as n,g as l,s as r,h as p,O as m,f as h}from"./p-737e3900.js";import{c}from"./p-635bb4b3.js";import{F as f}from"./p-f2213e00.js";import{F as g}from"./p-504fe614.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-dcfcf2bb.js";import{M as _}from"./p-c56195a0.js";import"./p-1ee561ba.js";import"./p-982a5cfc.js";import"./p-04627efe.js";import"./p-35f176a0.js";import"./p-74d2a50e.js";var k;!function(i){i.columns="Can set a specific number of columns",i.customStyle="Custom style of the component.",i.data="Actual data of the component",i.ripple="When enabled displays Material's ripple effect on clicked items.",i.rows="Cam set a specific number of rows. It overwrite the columns flow into rows flow",i.showFullDescription="When enabled, image descriptions will always be displayed entirely and not cut or truncated."}(k||(k={}));class v{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var b,w,y,x,j,z,C,W,M,$,E,O,T,P,D,I=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)},R=function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?s.call(i,e):s?s.value=e:t.set(i,e),e};const S=class{constructor(e){i(this,e),this.kupClick=t(this,"kup-imagelist-click",6),this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6),this.kupDblClick=t(this,"kup-imagelist-dblclick",6),b.add(this),this.state=new v,w.set(this,[]),y.set(this,n()),x.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=I(this,y,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:u.FLAT,wrapperClass:"navigation-bar__back"}),j.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:u.FLAT,wrapperClass:"navigation-bar__top"}),z.set(this,void 0),C.set(this,!1),W.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=[],this.customStyle="",this.data=[],this.ripple=!1,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0,this.showFullDescription=!1}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=I(this,y,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=!1,t=this.currentNode?this.currentNode.id:"";if(I(this,y,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}selectNode(i){i&&0!=i.length&&(this.currentNode=I(this,y,"f").data.node.find(this.data,i))}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){I(this,y,"f").debug.logLoad(this,!1),I(this,y,"f").language.register(this),I(this,y,"f").theme.register(this)}componentDidLoad(){I(this,b,"m",D).call(this),I(this,y,"f").debug.logLoad(this,!0)}componentWillRender(){I(this,y,"f").debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t)for(let i=0;i<t.length;i++)_.attachTo(t[i])}this.persistState(),I(this,y,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t={};this.columns&&(1===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}:2===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}:3===this.columns.length&&(t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}));let e=Object.assign({},t);if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"fc9dede25393c4124c50cf79ec668e76f4ef36ee"},a("style",{key:"784928f6c2c07e3e4d5bd570dadf6e9552a9320a"},I(this,y,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"490448ffb258388f237239b2e4648d11d165f0a1",id:c,ref:i=>{R(this,z,i,"f")}},a("div",{key:"6d1d5ee2288c5a7c401bb78e304ba4501284ae20",class:"navigation-bar"},i?a("div",{class:"navigation-bar__wrapper "+(this.navigationBarToggled?"navigation-bar__wrapper--active":"")},a("div",{class:"navigation-bar__title",onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:!0,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},I(this,x,"f"),{label:I(this,y,"f").language.translate(p.BACK)})),a(g,Object.assign({},I(this,j,"f"),{label:I(this,y,"f").language.translate(p.TOP)}))):null),a("div",{key:"6b085d0b583433b38a29c9142dd811681585949b",class:o,style:e},...I(this,b,"m",$).call(this))))}disconnectedCallback(){I(this,y,"f").interact.unregister(I(this,W,"f")),I(this,y,"f").language.unregister(this),I(this,y,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};w=new WeakMap,y=new WeakMap,x=new WeakMap,j=new WeakMap,z=new WeakMap,C=new WeakMap,W=new WeakMap,b=new WeakSet,M=function(i){const t={fit:!0,resource:i.icon,placeholderResource:i.placeholderIcon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData},e=a(f,Object.assign({},t)),s=a("div",{class:"image-list__label"},i.value),o=t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1;return a(d,{cell:{value:i.value,icon:i.icon,placeholderIcon:i.placeholderIcon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"+(o?" images":"")},!o&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e,s))},$=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],o=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},I(this,b,"m",M).call(this,s));i.push(o)}return i},E=function(i,t){let e;if(i)for(let t=i.length-1;t>=0;t--){let a=i[t];a.tagName&&a.classList.contains("f-cell")&&(e=a["kup-get-cell-props"]())}return{cell:null==e?void 0:e.cell,column:null==e?void 0:e.column,originalEvent:t,row:null==e?void 0:e.row}},O=function(i){return I(this,b,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},T=function(i){return I(this,b,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return I(this,b,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},D=function(){I(this,W,"f").push(I(this,z,"f")),I(this,y,"f").interact.on(I(this,z,"f"),m.HOLD,(i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||(R(this,C,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,b,"m",T).call(this,i)}))})),I(this,y,"f").interact.on(I(this,z,"f"),m.TAP,(i=>{if(I(this,C,"f"))R(this,C,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];I(this,w,"f").push(setTimeout((()=>{var i;const e=I(this,b,"m",O).call(this,t),a=e.row;(null===(i=null==a?void 0:a.children)||void 0===i?void 0:i.length)>0&&(this.currentNode=a),this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,b,"m",T).call(this,i)})}})),I(this,y,"f").interact.on(I(this,z,"f"),m.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<I(this,w,"f").length;i++)clearTimeout(I(this,w,"f")[i]),I(this,y,"f").debug.logMessage(this,"Cleared clickHandler timeout("+I(this,w,"f")[i]+").");R(this,w,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:I(this,b,"m",P).call(this,i)})}}))},S.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_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;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}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";export{S as kup_image_list}
1
+ import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-b0368f88.js";import{k as n,g as l,s as r,h as p,O as m,f as h}from"./p-b9094df4.js";import{c}from"./p-635bb4b3.js";import{F as f}from"./p-f2213e00.js";import{F as g}from"./p-504fe614.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-1e73ea04.js";import{M as _}from"./p-c56195a0.js";import"./p-1ee561ba.js";import"./p-982a5cfc.js";import"./p-2252ad30.js";import"./p-6954ad12.js";import"./p-f1d16d73.js";var k;!function(i){i.columns="Can set a specific number of columns",i.customStyle="Custom style of the component.",i.data="Actual data of the component",i.ripple="When enabled displays Material's ripple effect on clicked items.",i.rows="Cam set a specific number of rows. It overwrite the columns flow into rows flow",i.showFullDescription="When enabled, image descriptions will always be displayed entirely and not cut or truncated."}(k||(k={}));class v{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var b,w,y,x,j,z,C,W,M,$,E,O,T,P,D,I=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)},R=function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?s.call(i,e):s?s.value=e:t.set(i,e),e};const S=class{constructor(e){i(this,e),this.kupClick=t(this,"kup-imagelist-click",6),this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6),this.kupDblClick=t(this,"kup-imagelist-dblclick",6),b.add(this),this.state=new v,w.set(this,[]),y.set(this,n()),x.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=I(this,y,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:u.FLAT,wrapperClass:"navigation-bar__back"}),j.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:u.FLAT,wrapperClass:"navigation-bar__top"}),z.set(this,void 0),C.set(this,!1),W.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=[],this.customStyle="",this.data=[],this.ripple=!1,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0,this.showFullDescription=!1}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=I(this,y,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=!1,t=this.currentNode?this.currentNode.id:"";if(I(this,y,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}selectNode(i){i&&0!=i.length&&(this.currentNode=I(this,y,"f").data.node.find(this.data,i))}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){I(this,y,"f").debug.logLoad(this,!1),I(this,y,"f").language.register(this),I(this,y,"f").theme.register(this)}componentDidLoad(){I(this,b,"m",D).call(this),I(this,y,"f").debug.logLoad(this,!0)}componentWillRender(){I(this,y,"f").debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t)for(let i=0;i<t.length;i++)_.attachTo(t[i])}this.persistState(),I(this,y,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t={};this.columns&&(1===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}:2===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}:3===this.columns.length&&(t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}));let e=Object.assign({},t);if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"fc9dede25393c4124c50cf79ec668e76f4ef36ee"},a("style",{key:"784928f6c2c07e3e4d5bd570dadf6e9552a9320a"},I(this,y,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"490448ffb258388f237239b2e4648d11d165f0a1",id:c,ref:i=>{R(this,z,i,"f")}},a("div",{key:"6d1d5ee2288c5a7c401bb78e304ba4501284ae20",class:"navigation-bar"},i?a("div",{class:"navigation-bar__wrapper "+(this.navigationBarToggled?"navigation-bar__wrapper--active":"")},a("div",{class:"navigation-bar__title",onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:!0,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},I(this,x,"f"),{label:I(this,y,"f").language.translate(p.BACK)})),a(g,Object.assign({},I(this,j,"f"),{label:I(this,y,"f").language.translate(p.TOP)}))):null),a("div",{key:"6b085d0b583433b38a29c9142dd811681585949b",class:o,style:e},...I(this,b,"m",$).call(this))))}disconnectedCallback(){I(this,y,"f").interact.unregister(I(this,W,"f")),I(this,y,"f").language.unregister(this),I(this,y,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};w=new WeakMap,y=new WeakMap,x=new WeakMap,j=new WeakMap,z=new WeakMap,C=new WeakMap,W=new WeakMap,b=new WeakSet,M=function(i){const t={fit:!0,resource:i.icon,placeholderResource:i.placeholderIcon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData},e=a(f,Object.assign({},t)),s=a("div",{class:"image-list__label"},i.value),o=t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1;return a(d,{cell:{value:i.value,icon:i.icon,placeholderIcon:i.placeholderIcon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"+(o?" images":"")},!o&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e,s))},$=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],o=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},I(this,b,"m",M).call(this,s));i.push(o)}return i},E=function(i,t){let e;if(i)for(let t=i.length-1;t>=0;t--){let a=i[t];a.tagName&&a.classList.contains("f-cell")&&(e=a["kup-get-cell-props"]())}return{cell:null==e?void 0:e.cell,column:null==e?void 0:e.column,originalEvent:t,row:null==e?void 0:e.row}},O=function(i){return I(this,b,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},T=function(i){return I(this,b,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return I(this,b,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},D=function(){I(this,W,"f").push(I(this,z,"f")),I(this,y,"f").interact.on(I(this,z,"f"),m.HOLD,(i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||(R(this,C,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,b,"m",T).call(this,i)}))})),I(this,y,"f").interact.on(I(this,z,"f"),m.TAP,(i=>{if(I(this,C,"f"))R(this,C,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];I(this,w,"f").push(setTimeout((()=>{var i;const e=I(this,b,"m",O).call(this,t),a=e.row;(null===(i=null==a?void 0:a.children)||void 0===i?void 0:i.length)>0&&(this.currentNode=a),this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,b,"m",T).call(this,i)})}})),I(this,y,"f").interact.on(I(this,z,"f"),m.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<I(this,w,"f").length;i++)clearTimeout(I(this,w,"f")[i]),I(this,y,"f").debug.logMessage(this,"Cleared clickHandler timeout("+I(this,w,"f")[i]+").");R(this,w,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:I(this,b,"m",P).call(this,i)})}}))},S.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_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;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}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";export{S as kup_image_list}
@@ -1 +1 @@
1
- import{h as i}from"./p-b0368f88.js";import{F as c}from"./p-f2213e00.js";import{b as e,h as s}from"./p-737e3900.js";var n,p,l;!function(i){i.CHOICE="choice",i.FILTER="filter",i.INPUT="input",i.STANDARD="standard"}(n||(n={})),function(i){i.OUTLINED="outlined",i.RAISED="raised"}(p||(p={})),function(i){i.SMALL="small",i.MEDIUM="medium"}(l||(l={}));const r=document.documentElement,o=l=>{l.styling||(l.styling=p.RAISED),l.type||(l.type=n.STANDARD);const o=l.type.toLowerCase()===n.CHOICE,a=l.type.toLowerCase()===n.FILTER,t=l.type.toLowerCase()===n.INPUT,u=l.styling.toLowerCase()===p.OUTLINED,d={"chip-set":!0,"chip-set--choice":!!o,"chip-set--filter":!!a,"chip-set--input":!!t,"chip--outlined":!!u,"chip--raised":!u,[`chip--${l.sizing}`]:!!l.sizing};return i("div",Object.assign({class:`f-chip ${l.danger?"kup-danger":""} ${l.info?"kup-info":""} ${l.secondary?"kup-secondary":""} ${l.success?"kup-success":""} ${l.warning?"kup-warning":""} ${l.wrapperClass?l.wrapperClass:""} ${l.primary?"kup-primary":""}`},l.dataSet,{id:l.id,title:l.title}),i("div",{class:d,role:"grid"},function(n,p,l,o){const a=[];for(let t=0;n.data&&t<n.data.length;t++){const u=[];function d(p,l){const o=!!(p.children&&p.children.length>0),a=!(!o||!p.isExpanded),_={"--kup_chip_indent_offset":l.toString()};if(u.push(i("div",{class:"chip-set__wrapper "+(o&&!a?"chip-set__wrapper--hidden-children":"")},i("div",{class:"chip-set__indent",style:_}),o?i(c,{onClick:n.onExpansionClick&&n.onExpansionClick[t]?n.onExpansionClick[t].bind(n.onExpansionClick[t],p):null,resource:`${e.DROPDOWN}`,sizeX:"16px",sizeY:"16px",title:r.ketchup.language.translate(s.EXPAND)+"/"+r.ketchup.language.translate(s.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):l?i(c,{resource:"blank",sizeX:"16px",sizeY:"16px",wrapperClass:"dropdown-icon"}):null,h(p))),a)for(let i=0;i<p.children.length;i++)p.children[i]&&d(p.children[i],l+1)}function h(s){let r="chip "+(s.icon&&!s.value?"chip--only-icon":""),a=[],u="chip__icon chip__icon--leading";return(l||p)&&s.checked&&(r+=" chip--selected",l&&(u+=" chip__icon--leading-hidden")),s.icon&&a.push(i(c,Object.assign({},{color:p&&s.checked?"var(--kup_chip_primary_color)":"var(--kup_chip_text_color)",resource:s.icon,placeholderResource:s.placeholderIcon,sizeX:"16px",sizeY:"16px",wrapperClass:u}))),l&&a.push(i("span",{class:"chip__checkmark"},i("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},i("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})))),i("div",{class:r,"data-value":s.id,onClick:n.onClick&&n.onClick[t]?n.onClick[t].bind(n.onClick[t],s):null,role:"row",title:s.title?s.title:""},i("span",{class:"chip-set__indent"}),a,i("span",{role:"gridcell"},i("span",{role:"button",tabindex:t,class:"chip__primary-action",value:s.id,checked:s.checked,onBlur:n.onBlur&&n.onBlur[t]?n.onBlur[t].bind(n.onBlur[t],s):null,onFocus:n.onFocus&&n.onFocus[t]?n.onFocus[t].bind(n.onFocus[t],s):null},i("span",{class:"chip__text"},n.displayId?s.id+" - "+s.value:s.value))),o?i("span",{role:"gridcell"},i("span",{tabindex:"-1",class:`kup-icon chip__icon ${e.CLEAR.replace("--","")}`,onClick:n.onIconClick&&n.onIconClick[t]?n.onIconClick[t].bind(n.onIconClick[t],s):null})):null)}d(n.data[t],0),a.push(i("div",{class:"chip-set__item"},...u))}return a}(l,o,a,t)))};export{n as F,l as a,p as b,o as c}
1
+ import{h as i}from"./p-b0368f88.js";import{F as c}from"./p-f2213e00.js";import{b as e,h as s}from"./p-b9094df4.js";var n,p,l;!function(i){i.CHOICE="choice",i.FILTER="filter",i.INPUT="input",i.STANDARD="standard"}(n||(n={})),function(i){i.OUTLINED="outlined",i.RAISED="raised"}(p||(p={})),function(i){i.SMALL="small",i.MEDIUM="medium"}(l||(l={}));const r=document.documentElement,o=l=>{l.styling||(l.styling=p.RAISED),l.type||(l.type=n.STANDARD);const o=l.type.toLowerCase()===n.CHOICE,a=l.type.toLowerCase()===n.FILTER,t=l.type.toLowerCase()===n.INPUT,d=l.styling.toLowerCase()===p.OUTLINED,u={"chip-set":!0,"chip-set--choice":!!o,"chip-set--filter":!!a,"chip-set--input":!!t,"chip--outlined":!!d,"chip--raised":!d,[`chip--${l.sizing}`]:!!l.sizing};return i("div",Object.assign({class:`f-chip ${l.danger?"kup-danger":""} ${l.info?"kup-info":""} ${l.secondary?"kup-secondary":""} ${l.success?"kup-success":""} ${l.warning?"kup-warning":""} ${l.wrapperClass?l.wrapperClass:""} ${l.primary?"kup-primary":""}`},l.dataSet,{id:l.id,title:l.title}),i("div",{class:u,role:"grid"},function(n,p,l,o){const a=[];for(let t=0;n.data&&t<n.data.length;t++){const d=[];function u(p,l){const o=!!(p.children&&p.children.length>0),a=!(!o||!p.isExpanded),_={"--kup_chip_indent_offset":l.toString()};if(d.push(i("div",{class:"chip-set__wrapper "+(o&&!a?"chip-set__wrapper--hidden-children":"")},i("div",{class:"chip-set__indent",style:_}),o?i(c,{onClick:n.onExpansionClick&&n.onExpansionClick[t]?n.onExpansionClick[t].bind(n.onExpansionClick[t],p):null,resource:`${e.DROPDOWN}`,sizeX:"16px",sizeY:"16px",title:r.ketchup.language.translate(s.EXPAND)+"/"+r.ketchup.language.translate(s.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):l?i(c,{resource:"blank",sizeX:"16px",sizeY:"16px",wrapperClass:"dropdown-icon"}):null,h(p))),a)for(let i=0;i<p.children.length;i++)p.children[i]&&u(p.children[i],l+1)}function h(s){let r="chip "+(s.icon&&!s.value?"chip--only-icon":""),a=[],d="chip__icon chip__icon--leading";return(l||p)&&s.checked&&(r+=" chip--selected",l&&(d+=" chip__icon--leading-hidden")),s.icon&&a.push(i(c,Object.assign({},{color:p&&s.checked?"var(--kup_chip_primary_color)":"var(--kup_chip_text_color)",resource:s.icon,placeholderResource:s.placeholderIcon,sizeX:"16px",sizeY:"16px",wrapperClass:d}))),l&&a.push(i("span",{class:"chip__checkmark"},i("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},i("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})))),i("div",{class:r,"data-value":s.id,onClick:n.onClick&&n.onClick[t]?n.onClick[t].bind(n.onClick[t],s):null,role:"row",title:s.title?s.title:""},i("span",{class:"chip-set__indent"}),a,i("span",{role:"gridcell"},i("span",{role:"button",tabindex:t,class:"chip__primary-action",value:s.id,checked:s.checked,onBlur:n.onBlur&&n.onBlur[t]?n.onBlur[t].bind(n.onBlur[t],s):null,onFocus:n.onFocus&&n.onFocus[t]?n.onFocus[t].bind(n.onFocus[t],s):null},i("span",{class:"chip__text"},n.displayId?s.id+" - "+s.value:s.value))),o?i("span",{role:"gridcell"},i("span",{tabindex:"-1",class:`kup-icon chip__icon ${e.CLEAR.replace("--","")}`,onClick:n.onIconClick&&n.onIconClick[t]?n.onIconClick[t].bind(n.onIconClick[t],s):null})):null)}u(n.data[t],0),a.push(i("div",{class:"chip-set__item"},...d))}return a}(l,o,a,t)))};export{n as F,l as a,p as b,o as c}
@@ -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-737e3900.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 b=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:"38c140b67e815c3364f6ca68a2754c6939c57829",class:"header"},o("style",{key:"396b89e25fa2a0d7af9a44f77fcea5a2a29f84cd"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"d712f443ed0bb7a86ccc971aa1c748530f34daf2",id:s},o("header",{key:"12b8979b92807182fe6725ba6b2711377a012598",class:`${u} ${u}--${this.styling.toLowerCase()} `},o("div",{key:"0972ba4f78ec04f9290bb12e77ee219f40daac11",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)}};b.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{b as kup_nav_bar}
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-b9094df4.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 b=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:"38c140b67e815c3364f6ca68a2754c6939c57829",class:"header"},o("style",{key:"396b89e25fa2a0d7af9a44f77fcea5a2a29f84cd"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"d712f443ed0bb7a86ccc971aa1c748530f34daf2",id:s},o("header",{key:"12b8979b92807182fe6725ba6b2711377a012598",class:`${u} ${u}--${this.styling.toLowerCase()} `},o("div",{key:"0972ba4f78ec04f9290bb12e77ee219f40daac11",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)}};b.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{b as kup_nav_bar}