@sme.up/ketchup 7.4.2 → 8.0.0-a

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 (173) hide show
  1. package/dist/cjs/{component-72a5b626.js → component-85c2bd4d.js} +1 -1
  2. package/dist/cjs/{f-button-daddd700.js → f-button-b4493396.js} +2 -2
  3. package/dist/cjs/{f-cell-3682fad4.js → f-cell-356b4a8f.js} +6 -6
  4. package/dist/cjs/{f-checkbox-593f72c3.js → f-checkbox-1148e791.js} +1 -1
  5. package/dist/cjs/{f-chip-9d540d94.js → f-chip-617af9d4.js} +3 -3
  6. package/dist/cjs/{f-image-7b42d149.js → f-image-58de00ed.js} +5 -5
  7. package/dist/cjs/{f-paginator-utils-1baeba0f.js → f-paginator-utils-ded7ed1b.js} +3 -3
  8. package/dist/cjs/{f-text-field-a6ed2d22.js → f-text-field-fdba1e89.js} +2 -2
  9. package/dist/cjs/{f-text-field-mdc-85997738.js → f-text-field-mdc-0e22f3e3.js} +2 -2
  10. package/dist/cjs/{index-74433248.js → index-1f177abc.js} +0 -3
  11. package/dist/cjs/ketchup.cjs.js +3 -3
  12. package/dist/cjs/kup-accordion.cjs.entry.js +5 -5
  13. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +817 -822
  14. package/dist/cjs/kup-box.cjs.entry.js +14 -13
  15. package/dist/cjs/kup-calendar.cjs.entry.js +6 -6
  16. package/dist/cjs/kup-cell.cjs.entry.js +7 -7
  17. package/dist/cjs/kup-dash-list.cjs.entry.js +2 -2
  18. package/dist/cjs/kup-dash_2.cjs.entry.js +2 -2
  19. package/dist/cjs/kup-dashboard.cjs.entry.js +9 -12
  20. package/dist/cjs/kup-drawer.cjs.entry.js +2 -2
  21. package/dist/cjs/kup-echart.cjs.entry.js +26 -9
  22. package/dist/cjs/kup-family-tree.cjs.entry.js +9 -20
  23. package/dist/cjs/kup-iframe.cjs.entry.js +2 -2
  24. package/dist/cjs/kup-image-list.cjs.entry.js +10 -10
  25. package/dist/cjs/kup-lazy.cjs.entry.js +2 -2
  26. package/dist/cjs/kup-magic-box.cjs.entry.js +3 -3
  27. package/dist/cjs/{kup-manager-10351449.js → kup-manager-62ae342a.js} +81 -2
  28. package/dist/cjs/kup-nav-bar.cjs.entry.js +2 -2
  29. package/dist/cjs/kup-numeric-picker.cjs.entry.js +6 -6
  30. package/dist/cjs/kup-photo-frame.cjs.entry.js +2 -2
  31. package/dist/cjs/kup-planner.cjs.entry.js +1128 -219
  32. package/dist/cjs/kup-probe.cjs.entry.js +2 -2
  33. package/dist/cjs/kup-qlik.cjs.entry.js +3 -3
  34. package/dist/cjs/kup-snackbar.cjs.entry.js +5 -5
  35. package/dist/cjs/loader.cjs.js +3 -3
  36. package/dist/cjs/{tslib.es6-0ee02c67.js → tslib.es6-386654de.js} +9 -5
  37. package/dist/collection/assets/data-table.js +44 -0
  38. package/dist/collection/collection-manifest.json +1 -1
  39. package/dist/collection/components/kup-box/kup-box.js +1 -0
  40. package/dist/collection/components/kup-card/kup-card.css +4 -8
  41. package/dist/collection/components/kup-chip/kup-chip.js +4 -3
  42. package/dist/collection/components/kup-dashboard/kup-dashboard.js +0 -3
  43. package/dist/collection/components/kup-data-table/kup-data-table-state.js +1 -1
  44. package/dist/collection/components/kup-data-table/kup-data-table.css +3 -6
  45. package/dist/collection/components/kup-data-table/kup-data-table.js +6 -20
  46. package/dist/collection/components/kup-echart/kup-echart-declarations.js +2 -0
  47. package/dist/collection/components/kup-echart/kup-echart.js +23 -8
  48. package/dist/collection/components/kup-family-tree/kup-family-tree.css +2 -2
  49. package/dist/collection/components/kup-family-tree/kup-family-tree.js +4 -15
  50. package/dist/collection/components/kup-image/kup-image.js +28 -0
  51. package/dist/collection/components/kup-list/kup-list.css +1 -1
  52. package/dist/collection/components/kup-planner/kup-planner-declarations.js +5 -2
  53. package/dist/collection/components/kup-planner/kup-planner.css +6 -3
  54. package/dist/collection/components/kup-planner/kup-planner.js +347 -65
  55. package/dist/collection/components/kup-qlik/kup-qlik.css +4 -8
  56. package/dist/collection/components/kup-snackbar/kup-snackbar.css +4 -3
  57. package/dist/collection/components/kup-spinner/kup-spinner.css +2 -4
  58. package/dist/collection/components/kup-tree/kup-tree.js +66 -67
  59. package/dist/collection/f-components/f-image/f-image.js +3 -3
  60. package/dist/collection/managers/kup-data/kup-data-column-helper.js +1 -0
  61. package/dist/collection/managers/kup-manager/kup-manager.js +18 -0
  62. package/dist/collection/managers/kup-theme/kup-theme-declarations.js +1 -0
  63. package/dist/collection/types/GenericTypes.js +1 -0
  64. package/dist/components/kup-autocomplete2.js +229 -152
  65. package/dist/components/kup-box2.js +1 -0
  66. package/dist/components/kup-dashboard.js +0 -3
  67. package/dist/components/kup-echart2.js +24 -7
  68. package/dist/components/kup-family-tree.js +5 -16
  69. package/dist/components/kup-planner.js +1127 -219
  70. package/dist/components/kup-progress-bar.js +1 -1
  71. package/dist/components/kup-qlik.js +1 -1
  72. package/dist/components/kup-radio.js +1 -1
  73. package/dist/components/kup-rating.js +1 -1
  74. package/dist/components/kup-snackbar.js +1 -1
  75. package/dist/components/kup-spinner.js +1 -1
  76. package/dist/components/kup-switch.js +1 -1
  77. package/dist/components/kup-tab-bar.js +1 -1
  78. package/dist/components/kup-text-field.js +1 -1
  79. package/dist/components/kup-time-picker.js +1 -1
  80. package/dist/components/kup-tree.js +1 -1
  81. package/dist/esm/{component-b1bedf1d.js → component-120651a0.js} +1 -1
  82. package/dist/esm/{f-button-8d15b5a0.js → f-button-b556d392.js} +2 -2
  83. package/dist/esm/{f-cell-7b706e57.js → f-cell-bee3cc3d.js} +6 -6
  84. package/dist/esm/{f-checkbox-ec85b437.js → f-checkbox-9b3f5f5b.js} +1 -1
  85. package/dist/esm/{f-chip-c671fe90.js → f-chip-a036bc33.js} +3 -3
  86. package/dist/esm/{f-image-21451b15.js → f-image-363c7981.js} +5 -5
  87. package/dist/esm/{f-paginator-utils-92bbf277.js → f-paginator-utils-58ae68aa.js} +3 -3
  88. package/dist/esm/{f-text-field-0bb2d109.js → f-text-field-9df5c22b.js} +2 -2
  89. package/dist/esm/{f-text-field-mdc-d42d3f9e.js → f-text-field-mdc-cee583ea.js} +2 -2
  90. package/dist/esm/{index-b326ffc9.js → index-8bd38435.js} +1 -3
  91. package/dist/esm/ketchup.js +4 -4
  92. package/dist/esm/kup-accordion.entry.js +5 -5
  93. package/dist/esm/kup-autocomplete_27.entry.js +817 -822
  94. package/dist/esm/kup-box.entry.js +14 -13
  95. package/dist/esm/kup-calendar.entry.js +6 -6
  96. package/dist/esm/kup-cell.entry.js +7 -7
  97. package/dist/esm/kup-dash-list.entry.js +2 -2
  98. package/dist/esm/kup-dash_2.entry.js +2 -2
  99. package/dist/esm/kup-dashboard.entry.js +9 -12
  100. package/dist/esm/kup-drawer.entry.js +2 -2
  101. package/dist/esm/kup-echart.entry.js +26 -9
  102. package/dist/esm/kup-family-tree.entry.js +9 -20
  103. package/dist/esm/kup-iframe.entry.js +2 -2
  104. package/dist/esm/kup-image-list.entry.js +10 -10
  105. package/dist/esm/kup-lazy.entry.js +2 -2
  106. package/dist/esm/kup-magic-box.entry.js +3 -3
  107. package/dist/esm/{kup-manager-6145d980.js → kup-manager-5678a52f.js} +81 -3
  108. package/dist/esm/kup-nav-bar.entry.js +2 -2
  109. package/dist/esm/kup-numeric-picker.entry.js +6 -6
  110. package/dist/esm/kup-photo-frame.entry.js +2 -2
  111. package/dist/esm/kup-planner.entry.js +1128 -219
  112. package/dist/esm/kup-probe.entry.js +2 -2
  113. package/dist/esm/kup-qlik.entry.js +3 -3
  114. package/dist/esm/kup-snackbar.entry.js +5 -5
  115. package/dist/esm/loader.js +4 -4
  116. package/dist/esm/{tslib.es6-3eea2234.js → tslib.es6-8c2af864.js} +9 -5
  117. package/dist/ketchup/ketchup.esm.js +1 -1
  118. package/dist/ketchup/p-0eee4a5a.entry.js +39 -0
  119. package/dist/ketchup/{p-81605f08.js → p-10d84b1b.js} +1 -1
  120. package/dist/ketchup/{p-0c1cbf8b.entry.js → p-1ef0b60d.entry.js} +1 -1
  121. package/dist/ketchup/{p-a203f78b.js → p-27a56c87.js} +1 -1
  122. package/dist/ketchup/p-28617a01.entry.js +25 -0
  123. package/dist/ketchup/{p-439ac105.entry.js → p-297e3a99.entry.js} +1 -1
  124. package/dist/ketchup/{p-281cff81.entry.js → p-3e7fcb23.entry.js} +1 -1
  125. package/dist/ketchup/p-452794d7.entry.js +9 -0
  126. package/dist/ketchup/{p-0c9b7c80.entry.js → p-4a5bb19d.entry.js} +1 -1
  127. package/dist/ketchup/{p-ea16ddc0.js → p-4c28b140.js} +1 -1
  128. package/dist/ketchup/p-4fc2a726.js +30 -0
  129. package/dist/ketchup/{p-7cfdce27.js → p-59ecca83.js} +1 -1
  130. package/dist/ketchup/{p-89ac80c1.entry.js → p-5ea29654.entry.js} +1 -1
  131. package/dist/ketchup/{p-d87fb5ff.entry.js → p-63143986.entry.js} +1 -1
  132. package/dist/ketchup/{p-2a2dc2a8.entry.js → p-6a99d95a.entry.js} +1 -1
  133. package/dist/ketchup/{p-4d039705.entry.js → p-6aaf28ac.entry.js} +1 -1
  134. package/dist/ketchup/{p-c222d070.entry.js → p-6be4cc6b.entry.js} +1 -1
  135. package/dist/ketchup/p-7f59211b.js +1 -0
  136. package/dist/ketchup/{p-2915a66a.entry.js → p-86403c79.entry.js} +1 -1
  137. package/dist/ketchup/p-86fd64c8.entry.js +1 -0
  138. package/dist/ketchup/p-8b2fb87c.entry.js +1 -0
  139. package/dist/ketchup/{p-76bf53df.entry.js → p-91d07966.entry.js} +1 -1
  140. package/dist/ketchup/{p-e4975ffa.entry.js → p-98e85fb0.entry.js} +1 -1
  141. package/dist/ketchup/{p-d4ece435.js → p-9dcfbb1e.js} +2 -2
  142. package/dist/ketchup/{p-ae4fffe0.js → p-9f2416d4.js} +1 -1
  143. package/dist/ketchup/{p-c26975bf.js → p-9f9b6656.js} +1 -1
  144. package/dist/ketchup/{p-1242366a.entry.js → p-d299b9ce.entry.js} +1 -1
  145. package/dist/ketchup/p-db43c039.entry.js +1 -0
  146. package/dist/ketchup/{p-a641780a.entry.js → p-dfba4ea4.entry.js} +1 -1
  147. package/dist/ketchup/{p-da37c417.entry.js → p-ed79b1cd.entry.js} +1 -1
  148. package/dist/ketchup/{p-c4d9e3e2.js → p-f197df32.js} +1 -1
  149. package/dist/ketchup/{p-32517a99.entry.js → p-f3282015.entry.js} +1 -1
  150. package/dist/ketchup/{p-826c91d7.js → p-f9823319.js} +1 -1
  151. package/dist/ketchup/p-ff285e51.js +1 -0
  152. package/dist/types/components/kup-data-table/kup-data-table-state.d.ts +1 -1
  153. package/dist/types/components/kup-echart/kup-echart-declarations.d.ts +2 -0
  154. package/dist/types/components/kup-image/kup-image.d.ts +2 -0
  155. package/dist/types/components/kup-planner/kup-planner-declarations.d.ts +18 -3
  156. package/dist/types/components/kup-planner/kup-planner.d.ts +36 -11
  157. package/dist/types/components/kup-tree/kup-tree.d.ts +1 -5
  158. package/dist/types/components.d.ts +39 -4
  159. package/dist/types/f-components/f-image/f-image-declarations.d.ts +1 -0
  160. package/dist/types/managers/kup-language/kup-language-declarations.d.ts +1 -1
  161. package/dist/types/managers/kup-manager/kup-manager-declarations.d.ts +1 -0
  162. package/dist/types/managers/kup-manager/kup-manager.d.ts +7 -0
  163. package/dist/types/types/GenericTypes.d.ts +1 -0
  164. package/package.json +8 -20
  165. package/dist/ketchup/p-02a26d59.entry.js +0 -9
  166. package/dist/ketchup/p-462475ac.entry.js +0 -10
  167. package/dist/ketchup/p-5292ef67.js +0 -30
  168. package/dist/ketchup/p-79b0730b.js +0 -15
  169. package/dist/ketchup/p-849ad5d8.entry.js +0 -1
  170. package/dist/ketchup/p-9f00ad0f.js +0 -1
  171. package/dist/ketchup/p-be61dd36.entry.js +0 -39
  172. package/dist/ketchup/p-c022824e.entry.js +0 -1
  173. package/dist/ketchup/p-e83e70e2.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as s,c as t,h as i}from"./p-d4ece435.js";import{k as l,am as h,av as e}from"./p-5292ef67.js";const o=class{constructor(i){s(this,i),this.dashClick=t(this,"kup-dash-click",7),this.kupManager=l(),this.layout="1",this.fontsize="",this.active=!1,this.columnsNumber=1,this.fullWidth=!0,this.horizontal=!1,this.iconColor=[],this.valueColor=[],this.textColor=[],this.data=void 0}render(){let s=[];var t=0;return this.data.rows.forEach((l=>{let o="",d="",n="",a="",c="",r="",v={color:this.iconColor[t]?this.kupManager.theme.colorCheck(this.iconColor[t]).hexColor:null},u={color:this.textColor[t]?this.kupManager.theme.colorCheck(this.textColor[t]).hexColor:null},p={color:this.valueColor[t]?this.kupManager.theme.colorCheck(this.valueColor[t]).hexColor:null};if(o=this.data.columns[0]?i("div",{slot:"icon"},i("icon",{class:l.cells[this.data.columns[0].name].obj.k,style:v})):i("div",{slot:"icon"}),d=this.data.columns[1]?i("div",{slot:"unit",style:p},l.cells[this.data.columns[1].name].obj.k," "):i("div",{slot:"unit"}),n=this.data.columns[2]?i("div",{slot:"descr",style:u},l.cells[this.data.columns[2].name].obj.k):i("div",{slot:"descr"}),this.data.columns[3]){let s=this.data.columns[3];s.obj=l.cells[this.data.columns[3].name].obj;let t=h(s,l.cells[this.data.columns[3].name]);a=i("div",{slot:"value",style:p},t)}else a=i("div",{slot:"value"});if(this.data.columns[5]){let s=this.data.columns[5];s.obj=l.cells[this.data.columns[5].name].obj;let t=h(s,l.cells[this.data.columns[5].name]);this.data.columns[6]&&l.cells[this.data.columns[6].name].obj.k&&(t+=e(this.kupManager.dates.getLocale())),c=i("div",{slot:"value-int",style:p},t)}else c=i("div",{slot:"value-int"});r=this.data.columns[6]?i("div",{slot:"value-dec",style:p},l.cells[this.data.columns[6].name].obj.k):i("div",{slot:"value-dec"});const m=i("kup-dash",{layout:this.layout,fontsize:this.fontsize,index:t,active:this.active,slot:String(t)},o,d,n,a,c,r);s.push(m),t++})),i("div",null,i("link",{href:"https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css",rel:"stylesheet",type:"text/css"}),i("kup-grid",{columns:this.columnsNumber,singleLine:this.horizontal,class:this.fullWidth?"kup-full-width":""},s))}};o.style=".horizontal{display:inline-block;min-width:300px;max-width:100%;overflow:visible;white-space:nowrap;border:solid;border-width:1px;margin:2px}";export{o as kup_dash_list}
1
+ import{r as s,c as t,h as i}from"./p-9dcfbb1e.js";import{k as l,am as h,av as e}from"./p-4fc2a726.js";const o=class{constructor(i){s(this,i),this.dashClick=t(this,"kup-dash-click",7),this.kupManager=l(),this.layout="1",this.fontsize="",this.active=!1,this.columnsNumber=1,this.fullWidth=!0,this.horizontal=!1,this.iconColor=[],this.valueColor=[],this.textColor=[],this.data=void 0}render(){let s=[];var t=0;return this.data.rows.forEach((l=>{let o="",d="",n="",a="",c="",r="",v={color:this.iconColor[t]?this.kupManager.theme.colorCheck(this.iconColor[t]).hexColor:null},u={color:this.textColor[t]?this.kupManager.theme.colorCheck(this.textColor[t]).hexColor:null},p={color:this.valueColor[t]?this.kupManager.theme.colorCheck(this.valueColor[t]).hexColor:null};if(o=this.data.columns[0]?i("div",{slot:"icon"},i("icon",{class:l.cells[this.data.columns[0].name].obj.k,style:v})):i("div",{slot:"icon"}),d=this.data.columns[1]?i("div",{slot:"unit",style:p},l.cells[this.data.columns[1].name].obj.k," "):i("div",{slot:"unit"}),n=this.data.columns[2]?i("div",{slot:"descr",style:u},l.cells[this.data.columns[2].name].obj.k):i("div",{slot:"descr"}),this.data.columns[3]){let s=this.data.columns[3];s.obj=l.cells[this.data.columns[3].name].obj;let t=h(s,l.cells[this.data.columns[3].name]);a=i("div",{slot:"value",style:p},t)}else a=i("div",{slot:"value"});if(this.data.columns[5]){let s=this.data.columns[5];s.obj=l.cells[this.data.columns[5].name].obj;let t=h(s,l.cells[this.data.columns[5].name]);this.data.columns[6]&&l.cells[this.data.columns[6].name].obj.k&&(t+=e(this.kupManager.dates.getLocale())),c=i("div",{slot:"value-int",style:p},t)}else c=i("div",{slot:"value-int"});r=this.data.columns[6]?i("div",{slot:"value-dec",style:p},l.cells[this.data.columns[6].name].obj.k):i("div",{slot:"value-dec"});const m=i("kup-dash",{layout:this.layout,fontsize:this.fontsize,index:t,active:this.active,slot:String(t)},o,d,n,a,c,r);s.push(m),t++})),i("div",null,i("link",{href:"https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css",rel:"stylesheet",type:"text/css"}),i("kup-grid",{columns:this.columnsNumber,singleLine:this.horizontal,class:this.fullWidth?"kup-full-width":""},s))}};o.style=".horizontal{display:inline-block;min-width:300px;max-width:100%;overflow:visible;white-space:nowrap;border:solid;border-width:1px;margin:2px}";export{o as kup_dash_list}
@@ -1 +1 @@
1
- import{r as t,c as s,f as i,h as o,H as a,g as n}from"./p-d4ece435.js";import{k as e,g as r,s as c}from"./p-5292ef67.js";import{c as l}from"./p-97e8ea42.js";import{F as p}from"./p-7cfdce27.js";import"./p-6c77a36c.js";import"./p-9f00ad0f.js";const h="snackbar";var u;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(u||(u={}));const b=class{constructor(i){t(this,i),this.kupActionClick=s(this,"kup-snackbar-actionclick",6),this.kupManager=e(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}async getProps(t){return r(this,u,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){c(this,u,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return o(a,{"kup-visible":this.visible},o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:l},o("div",{class:h},o("div",{class:`${h}__text`},this.text),this.actionButton||this.closeButton?o("div",{class:`${h}__buttons`},this.actionButton?o("div",{class:`${h}__action`},o(p,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?o("div",{class:`${h}__close`},o(p,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};b.style=":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background:var(--kup-navbar-background-color);border-radius:5px;box-shadow:var(--kup-box-shadow);color:var(--kup-navbar-color);display:flex;justify-content:flex-start;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;white-space:nowrap}.snackbar__buttons{--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);align-items:center;display:flex;justify-content:flex-end;margin-right:8px;pointer-events:all;width:100%}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{b as kup_snackbar}
1
+ import{r as t,c as s,f as i,h as o,H as a,g as n}from"./p-9dcfbb1e.js";import{k as e,g as r,s as c}from"./p-4fc2a726.js";import{c as l}from"./p-97e8ea42.js";import{F as p}from"./p-59ecca83.js";import"./p-6c77a36c.js";import"./p-ff285e51.js";const h="snackbar";var u;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(u||(u={}));const b=class{constructor(i){t(this,i),this.kupActionClick=s(this,"kup-snackbar-actionclick",6),this.kupManager=e(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}async getProps(t){return r(this,u,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){c(this,u,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return o(a,{"kup-visible":this.visible},o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:l},o("div",{class:h},o("div",{class:`${h}__text`},this.text),this.actionButton||this.closeButton?o("div",{class:`${h}__buttons`},this.actionButton?o("div",{class:`${h}__action`},o(p,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?o("div",{class:`${h}__close`},o(p,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};b.style=":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background:var(--kup-navbar-background-color);border-radius:5px;box-shadow:var(--kup-box-shadow);color:var(--kup-navbar-color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;word-break:break-word}.snackbar__buttons{--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);align-items:center;display:flex;justify-content:flex-end;margin-right:8px;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{b as kup_snackbar}