@sme.up/ketchup 9.1.0 → 9.3.0

package/dist/esm/f-text-field-4d91ccfc.js

@@ -1,214 +0,0 @@
-import { h, a as getAssetPath } from './index-c161a33e.js';
-import { K as KupThemeIconValues } from './kup-manager-94b3d177.js';
-
-const dom = document.documentElement;
-/*-------------------------------------------------*/
-/*                C o m p o n e n t                */
-/*-------------------------------------------------*/
-const FTextField = (props, children) => {
-  return (h("div", Object.assign({ class: `f-text-field ${props.danger ? 'kup-danger' : ''} ${props.fullHeight ? 'kup-full-height' : ''} ${props.fullWidth ? 'kup-full-width' : ''}  ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.shaped ? 'kup-shaped' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''}  ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
-    props.leadingLabel || props.trailingLabel ? (h("div", { class: `mdc-form-field ${props.leadingLabel ? 'mdc-form-field--align-end' : ''}` }, [
-      setContent(props),
-      setHelper(props),
-      h("label", null, props.label),
-    ])) : ([setContent(props), setHelper(props)]),
-    children));
-};
-/*-------------------------------------------------*/
-/*                  M e t h o d s                  */
-/*-------------------------------------------------*/
-function setContent(props) {
-  var _a, _b;
-  const isOutlined = props.textArea || props.outlined;
-  let labelEl;
-  let iconEl;
-  if (props.label && !props.leadingLabel && !props.trailingLabel) {
-    labelEl = (h("label", { class: "mdc-floating-label", htmlFor: "kup-input" }, props.label));
-  }
-  if (props.icon) {
-    let iconStyle;
-    let iconClass = '';
-    if (Object.values(KupThemeIconValues).indexOf(props.icon) > -1) {
-      iconClass = props.icon.replace('--', '');
-    }
-    else {
-      let svg = `url('${getAssetPath(`./assets/svg/${props.icon}.svg`)}') no-repeat center`;
-      iconStyle = {
-        mask: svg,
-        webkitMask: svg,
-      };
-    }
-    iconEl = (h("span", { style: iconStyle, onClick: props.onIconClick, class: `mdc-text-field__icon kup-icon action ${iconClass}` }));
-  }
-  const classObj = {
-    'is-clearable': props.isClearable,
-    'mdc-text-field': true,
-    'mdc-text-field--disabled': props.disabled,
-    'mdc-text-field--filled': !props.fullWidth && !isOutlined,
-    'mdc-text-field--no-label': !props.label,
-    'mdc-text-field--fullwidth': props.fullWidth,
-    'mdc-text-field--outlined': isOutlined,
-    'mdc-text-field--textarea': props.textArea,
-    'mdc-text-field--with-leading-icon': props.icon && !props.trailingIcon,
-    'mdc-text-field--with-trailing-icon': props.icon && props.trailingIcon,
-  };
-  let value = props.value;
-  let inputType = (_a = props.inputType) !== null && _a !== void 0 ? _a : 'text';
-  let persManageForNumberFormat = false;
-  if (props.inputType === 'number' &&
-    ((props.decimals && props.decimals > 0) || props.group)) {
-    inputType = 'text';
-    persManageForNumberFormat = true;
-  }
-  if (props.inputType === 'number') {
-    const options = {
-      allowNegative: (_b = props.allowNegative) !== null && _b !== void 0 ? _b : true,
-      decimal: props.decimals,
-      group: props.group,
-      integer: props.integers,
-    };
-    value = formatValue(value, options, false);
-  }
-  return (h("div", { class: classObj },
-    props.textArea && props.maxLength ? (h("div", { class: "mdc-text-field-character-counter" },
-      "'0 / ' + ",
-      props.maxLength)) : undefined,
-    !props.trailingIcon ? iconEl : undefined,
-    props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
-      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { inputmode: props.inputMode ? props.inputMode : undefined, type: inputType, step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth && !props.outlined
-        ? props.label
-        : undefined, maxlength: props.maxLength, size: props.size, value: value, onBlur: (e) => {
-        var _a;
-        if (persManageForNumberFormat) {
-          const options = {
-            allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
-            decimal: props.decimals,
-            group: props.group,
-            integer: props.integers,
-          };
-          e.target.value = formatValue(e.target.value, options, true);
-        }
-        if (props.onBlur) {
-          props.onBlur(e);
-        }
-      }, onChange: (e) => {
-        var _a;
-        if (persManageForNumberFormat) {
-          const options = {
-            allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
-            decimal: props.decimals,
-            group: props.group,
-            integer: props.integers,
-          };
-          if (props.min !== undefined &&
-            props.min !== null &&
-            props.min >
-              parseFloat(e.target.value)) {
-            e.target.value =
-              formatValue(props.min.toString(), options, true);
-          }
-          else if (props.max !== undefined &&
-            props.max !== null &&
-            props.max <
-              parseFloat(e.target.value)) {
-            e.target.value =
-              formatValue(props.max.toString(), options, true);
-          }
-          else {
-            e.target.value =
-              formatValue(e.target.value, options, true);
-          }
-        }
-        else {
-          if (props.min !== undefined &&
-            props.min !== null &&
-            props.min >
-              parseFloat(e.target.value)) {
-            e.target.value =
-              props.min.toString();
-          }
-          else if (props.max !== undefined &&
-            props.max !== null &&
-            props.max <
-              parseFloat(e.target.value)) {
-            e.target.value =
-              props.max.toString();
-          }
-        }
-        if (props.onChange) {
-          props.onChange(e);
-        }
-      }, onClick: props.onClick, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown, onKeyPress: (e) => {
-        var _a;
-        if (!persManageForNumberFormat) {
-          return;
-        }
-        if (e.ctrlKey) {
-          return;
-        }
-        if (e.key.length > 1) {
-          return;
-        }
-        const options = {
-          allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
-          decimal: props.decimals,
-          group: props.group,
-          integer: props.integers,
-        };
-        let component = e.target;
-        let value = component.value;
-        let beginVal = value.substring(0, component.selectionStart);
-        let endVal = value.substring(component.selectionEnd, component.selectionEnd + value.length - 1);
-        let val = beginVal + e.key + endVal;
-        if (!dom.ketchup.math.matchNumericValueWithOptions(val, options)) {
-          e.preventDefault();
-          return;
-        }
-      } })),
-    props.isClearable ? (h("span", { class: `mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
-    props.trailingIcon ? iconEl : undefined,
-    !props.fullWidth && !isOutlined ? labelEl : undefined,
-    isOutlined ? (h("div", { class: "mdc-notched-outline" },
-      h("div", { class: "mdc-notched-outline__leading" }),
-      h("div", { class: "mdc-notched-outline__notch" }, labelEl),
-      h("div", { class: "mdc-notched-outline__trailing" }))) : (h("span", { class: "mdc-line-ripple" }))));
-}
-function setHelper(props) {
-  if (props.helperEnabled !== false) {
-    if (props.helper) {
-      const classObj = {
-        'mdc-text-field-helper-text': true,
-        'mdc-text-field-helper-text--persistent': !props.helperWhenFocused,
-      };
-      return (h("div", { class: "mdc-text-field-helper-line" },
-        h("div", { class: classObj }, props.helper),
-        props.hiddenCounter !== true &&
-          props.maxLength &&
-          !props.textArea ? (h("div", { class: "mdc-text-field-character-counter" },
-          "'0 / ' + ",
-          props.maxLength.toString())) : undefined));
-    }
-    else {
-      if (props.hiddenCounter !== true &&
-        props.maxLength &&
-        !props.textArea) {
-        return (h("div", { class: "mdc-text-field-helper-line" },
-          h("div", { class: "mdc-text-field-character-counter" },
-            "'0 / ' + ",
-            props.maxLength)));
-      }
-    }
-  }
-}
-const formatValue = function (value, options, inputIsLocalized) {
-  let formatedValue = value;
-  if (!formatedValue) {
-    return formatedValue;
-  }
-  if (formatedValue == '-') {
-    return '';
-  }
-  return dom.ketchup.math.format(formatedValue, dom.ketchup.math.createFormatPattern(options.group, options.decimal), inputIsLocalized);
-};
-
-export { FTextField as F };

package/dist/ketchup/p-12e47371.js

@@ -1 +0,0 @@
-import{a9 as e,aa as s,b as t,a6 as c,ab as a,F as i,ac as n,ad as l,ae as o,af as r,ag as u}from"./p-2c47b88f.js";import{h as p,a as d}from"./p-20e8ab84.js";import{F as k}from"./p-ba003975.js";import{F as b}from"./p-679ccbf8.js";import{F as h}from"./p-bb80719e.js";import{F as f,a as m}from"./p-4d7c02f4.js";import{F as g}from"./p-b0678a34.js";var v,w,y;!function(e){e.customStyle="Custom style of the component.",e.data="The data of the list.",e.displayMode="Selects how the items must display their label and how they can be filtered for.",e.filter="Keeps string for filtering elements when filter mode is active",e.hideText="Hides rows' text, ideally to display a list of icons only.",e.isMenu="Defines whether the list is a menu or not.",e.keyboardNavigation="When true, enables items' navigation through arrow keys.",e.menuVisible="Sets the status of the menu, when false it's hidden otherwise it's visible.",e.roleType="Defines the type of selection. Values accepted: listbox, radiogroup or group.",e.selectable="Defines whether items are selectable or not.",e.showIcons="Displays the icons associated to each row when set to true.",e.twoLine="The list elements descriptions will be arranged in two lines."}(v||(v={})),function(e){e.LISTBOX="listbox",e.RADIOGROUP="radiogroup",e.GROUP="group"}(w||(w={})),function(e){e.CODE="code",e.DESCRIPTION="description",e.DESCRIPTION_AND_CODE="both"}(y||(y={}));const j=e=>p("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),p("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},p("div",{class:`switch ${e.checked?"switch--checked":""} ${e.disabled?"switch--disabled":""}`},p("div",{class:"switch__track"}),p("div",{class:"switch__thumb-underlay"},p("div",{class:"switch__thumb"},p("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),p("label",{onClick:e.onChange},e.label))),$=e=>{e.centeredLabel||0==!e.centeredLabel||(e.centeredLabel=!0);let s,t=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""}   ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`,c="pie";t+=e.isRadial?" pie-wrapper is-radial":" progress-bar";const a={width:`${e.value}%`};e.centeredLabel?e.value>49&&(t+=" text-color-on-primary"):(s=a,e.value>2&&(t+=" text-color-on-primary"));let i=null;return e.icon?i=function(e){if(e.icon){if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1)return p("span",{class:"label kup-icon is-image"},p("img",{src:e.icon}));{let s=`url('${d(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;return p("span",{style:{mask:s,webkitMask:s},class:"label kup-icon"})}}}(e):e.hideLabel||(i=e.isRadial?e.label?p("span",{class:"label"},e.label):p("span",{class:"label"},e.value,p("span",{class:"smaller"},"%")):e.label?e.label:e.value+"%"),e.value>0&&(c+=" has-value",c+=e.value>50?" is-more-than-half":" is-less-than-half"),e.isRadial?p("div",{class:t},i,p("div",{class:c},p("div",{style:undefined,class:"left-side half-circle"}),p("div",{class:"right-side half-circle"})),p("div",{class:"shadow"})):p("div",{class:t},p("div",{class:"progress-bar-percentage",style:a},p("span",{style:s},i)))},x=e=>{var s;const t=!!e.columns,c=[];for(let t=0;t<(null===(s=e.data)||void 0===s?void 0:s.length);t++){const s=e.data[t];c.push(p("div",{class:"form-field "+(e.leadingLabel?" form-field--align-end":"")},p("div",{class:{radio:!0,"radio--checked":!!s.checked,"radio--disabled":!!e.disabled}},p("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,t):null,onFocus:e.onFocus}),p("div",{class:"radio__background"},p("div",{class:"radio__outer-circle"}),p("div",{class:"radio__inner-circle"}))),p("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,t):null},s.label?s.label:"")))}return p("div",{class:`f-radio radio-wrapper ${t?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`,style:{"--kup_radio_columns":t?`repeat(${e.columns}, 1fr)`:""}},c)},O=e=>(e.maxValue||(e.maxValue=5),p("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},function(e){const s=[];for(let t=1;t<=e.maxValue;t++)s.push(p("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},t<=e.value?"★":"☆"));return s}(e))),_=document.documentElement,C=(n,o)=>{const d=n.cell,v=n.column,w=n.row,C=n.shape?n.shape:d.shape?d.shape:v.shape?v.shape:null,D=!_.ketchup.objects.isEmptyKupObj(d.obj),K=!(!d.isEditable&&!v.isEditable||!n.editable),M=n.previousValue!==d.value?d.value:"",V=_.ketchup.data.cell.getType(d,C),H=Object.assign({},d.data);let T=d.cssClass?d.cssClass:v.cssClass?v.cssClass:"";const X={"f-cell":!0,[l.OBJ]:!!D,[V+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||V===c.BAR),[T]:!!T};let W=M;K&&e.includes(V)?W=function(e,s,t,a,n){switch(e){case c.AUTOCOMPLETE:return p("kup-autocomplete",Object.assign({key:a.name+n.row.id,initialValue:t.value},t.data,{class:z(n)?"kup-full-width":"","onkup-autocomplete-change":s=>I(s,n,e,u.UPDATE),"onkup-autocomplete-input":s=>I(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>I(s,n,e,u.ICON_CLICK)}));case c.CHECKBOX:return F(n)&&(s[l.C_CENTERED]=!0),t.shape===i.INPUT_CHECKBOX?p("input",{checked:"on"===t.value||"1"===t.value,class:"input-checkbox",onChange:s=>I(s,n,e,u.UPDATE),type:"checkbox"}):p(k,Object.assign({},t.data,{onChange:s=>I(s,n,e,u.UPDATE)}));case c.CHIP:return p("kup-chip",Object.assign({},t.data,{type:f.INPUT,enableInput:!0,"onKup-chip-change":s=>I(s,n,e,u.UPDATE)}),p("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},t.slotData)));case c.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:a.name+n.row.id,initialValue:t.value},t.data,{class:z(n)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":s=>I(s,n,e,u.UPDATE)}));case c.COMBOBOX:return p("kup-combobox",Object.assign({key:a.name+n.row.id,initialValue:t.value},t.data,{class:z(n)?"kup-full-width":"","onkup-combobox-change":s=>I(s,n,e,u.UPDATE),"onkup-combobox-input":s=>I(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>I(s,n,e,u.ICON_CLICK)}));case c.DATE:return p("kup-date-picker",Object.assign({key:a.name+n.row.id,initialValue:t.value},t.data,{class:z(n)?"kup-full-width":"","onkup-datepicker-change":s=>I(s,n,e,u.UPDATE),"onkup-datepicker-input":s=>I(s,n,e,u.INPUT)}));case c.MULTI_AUTOCOMPLETE:return p("kup-chip",Object.assign({displayId:!0},t.data,{type:f.INPUT,enableInput:!0,"onKup-chip-change":s=>I(s,n,e,u.UPDATE)}),p("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:y.DESCRIPTION_AND_CODE,selectMode:y.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":s=>I(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>I(s,n,e,u.ICON_CLICK),showDropDownIcon:!1},t.slotData)));case c.MULTI_COMBOBOX:return p("kup-chip",Object.assign({displayId:!0},t.data,{type:f.INPUT,enableInput:!0,"onKup-chip-change":s=>I(s,n,e,u.UPDATE)}),p("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:y.DESCRIPTION_AND_CODE,selectMode:y.DESCRIPTION_AND_CODE,"onkup-combobox-input":s=>I(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>I(s,n,e,u.ICON_CLICK)},t.slotData)));case c.RATING:return p("kup-rating",Object.assign({key:a.name+n.row.id},t.data,{disabled:!1,"onkup-rating-click":s=>I(s,n,e,u.UPDATE)}));case c.SWITCH:return p(j,Object.assign({},t.data,{disabled:!1,onChange:s=>I(s,n,e,u.UPDATE)}));case c.TIME:return p("kup-time-picker",Object.assign({key:a.name+n.row.id,initialValue:t.value},t.data,{class:z(n)?"kup-full-width":"","onkup-timepicker-change":s=>I(s,n,e,u.UPDATE),"onkup-timepicker-input":s=>I(s,n,e,u.INPUT)}));case c.NUMBER:s[l.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.STRING:const o=s=>I(s,n,e,u.UPDATE),r=s=>I(s,n,e,u.INPUT),d=e===c.NUMBER?"number":null,h=e===c.NUMBER&&t.value?_.ketchup.math.numberifySafe(t.value).toString():t.value;return t.shape===i.INPUT_FIELD?p("input",{class:"input-field",onChange:o,onInput:r,type:d,value:h}):p(b,Object.assign({inputType:d,fullWidth:!!z(n)},t.data,{icon:t.data&&t.data.icon?t.data.icon:t.icon?t.icon:a.icon?a.icon:null,value:h,onChange:o,onInput:r,onIconClick:s=>I(s,n,e,u.ICON_CLICK)}))}}(V,X,d,v,n):d.data&&s.includes(V)?(n.setSizes&&function(e,s,t){switch(e){case c.BAR:s.sizeY||(s.sizeY="26px");break;case c.BUTTON:let e="";s.label&&(e="36px"),t.style?t.style.height||(t.style.minHeight=e):t.style={minHeight:e};break;case c.CHART:s.sizeX||(s.sizeX="100%"),s.sizeY||(s.sizeY="100%");break;case c.CHIP:case c.RADIO:t.style?t.style.height||(t.style.minHeight="40px"):t.style={minHeight:"40px"}}}(V,H,d),W=n.renderKup?function(e,s,t,a,i,n,o){switch(e){case c.BAR:return t.data?p("div",{style:{height:t.sizeY,width:"100%"}},p(h,Object.assign({},t))):p("kup-image",Object.assign({key:n.name+o.row.id,sizeX:"250px"},t));case c.BUTTON:return F(o)&&(s[l.C_CENTERED]=!0),p(g,Object.assign({},t,{onClick:s=>I(s,o,e,u.CLICK)}));case c.BUTTON_LIST:return F(o)&&(s[l.C_CENTERED]=!0),t["data-storage"]={cell:a,row:i,column:n},p("kup-button-list",Object.assign({key:n.name+o.row.id},t));case c.CHART:return F(o)&&(s[l.C_CENTERED]=!0),p("kup-chart",Object.assign({key:n.name+o.row.id},t));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return p(m,Object.assign({},t));case c.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:n.name+o.row.id},t,{class:z(o)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return p("kup-gauge",Object.assign({key:n.name+o.row.id,value:_.ketchup.math.numberifySafe(a.value),"width-component":"280px"},t));case c.KNOB:case c.PROGRESS_BAR:return t.customStyle?p("kup-progress-bar",Object.assign({key:n.name+o.row.id},t)):p($,Object.assign({},t));case c.RADIO:return F(o)&&(s[l.C_CENTERED]=!0),t.disabled=i.readOnly,p(x,Object.assign({},t));case c.RATING:return p(O,Object.assign({},t,{disabled:!0}))}}(V,X,H,d,w,v,n):p("span",{class:"cell-"+V+" placeholder"})):(n.setSizes&&function(e,s,t,i){switch(e){case c.CHECKBOX:case c.ICON:s.sizeX||(s.sizeX="18px"),s.sizeY||(s.sizeY="18px"),t.style?t.style.height||(t.style.minHeight=s.sizeY):t.style={minHeight:s.sizeY};break;case c.IMAGE:i.component.rootElement.tagName===a.BOX?(s.sizeY||(s.sizeY="auto"),void 0===s.fit&&(s.fit=!0)):s.sizeX||(s.sizeX="auto"),s.sizeY||(s.sizeY="64px")}}(V,H,d,n),W=function(e,s,t,a,i,n,o){switch(e){case c.AUTOCOMPLETE:case c.COMBOBOX:case c.DATE:case c.DATETIME:case c.TIME:if(t&&""!=t){const e=r(n,i);return p("div",{class:"f-cell__text"},e)}return t;case c.CHECKBOX:return F(o)&&(a[l.C_CENTERED]=!0),p(h,{resource:s.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:return p("div",{innerHTML:i.value});case c.ICON:case c.IMAGE:return F(o)&&(a[l.C_CENTERED]=!0),s.badgeData&&(a[l.C_PADDED]=!0),p(h,Object.assign({},s));case c.LINK:return p("a",{href:t,target:"_blank"},i.value);case c.NUMBER:if(t&&""!=t){const e=_.ketchup.math.numberifySafe(i.value),s=r(n,i);return e<0&&(a[l.TEXT_DANGER]=!0),F(o)&&(a[l.C_RIGHT_ALIGNED]=!0),p("div",{class:"f-cell__text"},s)}return p("div",{class:"f-cell__text"},t);case c.SWITCH:return F(o)&&(a[l.C_CENTERED]=!0),s.disabled=!0,p(j,Object.assign({},s));default:return p("div",{class:"f-cell__text"},t)}}(V,H,W,X,d,v,n));let Y=null;!K&&(v.icon||d.icon)&&W&&(Y=p(h,Object.assign({},{color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:d.icon?d.icon:v.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let B=null;_.ketchup.debug.isDebug()&&D?B=d.obj.t+"; "+d.obj.p+"; "+d.obj.k+";":null!=d.title&&""!=d.title.trim()&&(B=d.title);let S=null;if(d.info){const e=Object.assign({},d.info);e.color||(e.color=`var(${t.INFO})`),e.icon||(e.icon="info"),S=p(h,Object.assign({},{color:e.color,resource:e.icon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return p("div",{onKeyUp:e=>I(e,n,V,u.KEYUP),class:X,"kup-get-cell-props":()=>n,ref:e=>d.element=e,style:d.style},p("div",{class:"f-cell__content",style:d.styleContent,title:B},o&&o.length>0?o:[n.indents,S,Y,W]))};function I(e,s,t,a){const i=s.cell,n=s.column,l=s.component,o=s.row;let p=function(e,s){const t=!("INPUT"!==e.target.tagName);let a=t?e.target.value:e.detail.value;return s===c.CHECKBOX&&t&&(a=e.target.checked?"off":"on"),s===c.NUMBER&&t&&(a=_.ketchup.math.formattedStringToNumberString(a,"")),a}(e,t);if(a===u.UPDATE){switch(t){case c.AUTOCOMPLETE:case c.COMBOBOX:case c.DATE:case c.TIME:i.data&&(i.data.initialValue=p);break;case c.CHECKBOX:case c.SWITCH:p="on"===p?"0":"1",i.data&&(i.data.checked="0"!==p);break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:p=e.detail.stringifiedValues,i.data&&(i.data.data=e.detail.comp.data)}i.obj&&(i.obj.k=p.toString()),i.value=p.toString(),i.displayedValue=null,i.displayedValue=r(n,i)}if(l&&l.rootElement){const s=new CustomEvent(a,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:l,id:l.rootElement.id,cell:i,column:n,event:e,row:o,type:t}});if(l.rootElement.dispatchEvent(s),a===u.UPDATE)try{l.refresh()}catch(e){}}}function F(e){var s;return o.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}function z(e){var s;return n.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}export{C as F,y as I,w as K,v as a,$ as b,x as c,O as d,j as e}

package/dist/ketchup/p-15548f51.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,f as e,h as a,H as s,g as r}from"./p-20e8ab84.js";import{k as o,g as n,s as l,m,d as p}from"./p-2c47b88f.js";import{c}from"./p-635bb4b3.js";import{F as h}from"./p-bb80719e.js";import{F as g}from"./p-b0678a34.js";import{F as _}from"./p-b00f3575.js";import{F as u}from"./p-12e47371.js";import{M as d}from"./p-d4a879fc.js";import"./p-ba003975.js";import"./p-679ccbf8.js";import"./p-4d7c02f4.js";var f;!function(i){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."}(f||(f={}));class b{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var k,v,w,y,x,j,C,M=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)};const W=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),k.add(this),this.state=new b,this.kupManager=o(),v.set(this,[]),w.set(this,o()),y.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=M(this,w,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:_.FLAT,wrapperClass:"navigation-bar__back"}),x.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:_.FLAT,wrapperClass:"navigation-bar__top"}),this.currentNode=null,this.navigationBarToggled=!1,this.customStyle="",this.data=[],this.ripple=!0,this.selectedNode=[],this.stateId="",this.store=void 0}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=this.kupManager.data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=!1,t=this.currentNode?this.currentNode.id:"";if(this.kupManager.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)}}onKupClick(i){i.children&&i.children.length>0&&(this.currentNode=i),this.kupClick.emit({comp:this,id:this.rootElement.id,node:i})}onKupContextMenu(i,t){i.preventDefault(),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,node:t})}onKupDblClick(i){for(let i=0;i<M(this,v,"f").length;i++)clearTimeout(M(this,v,"f")[i]);(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");"a"===a?s.call(i,e):s?s.value=e:t.set(i,e)})(this,v,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,node:i})}selectNode(i){i&&0!=i.length&&(this.currentNode=this.kupManager.data.node.find(this.data,i))}async getProps(i){return n(this,f,i)}async refresh(){e(this)}async setProps(i){l(this,f,i)}componentWillLoad(){M(this,w,"f").debug.logLoad(this,!1),M(this,w,"f").language.register(this),M(this,w,"f").theme.register(this)}componentDidLoad(){M(this,w,"f").debug.logLoad(this,!0)}componentWillRender(){M(this,w,"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++)d.attachTo(t[i])}this.persistState(),M(this,w,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;return a(s,null,a("style",null,M(this,w,"f").theme.setKupStyle(this.rootElement)),a("div",{id:c},a("div",{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(h,{fit:!0,resource:this.currentNode.icon,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({},M(this,y,"f"),{label:M(this,w,"f").language.translate(m.BACK)})),a(g,Object.assign({},M(this,x,"f"),{label:M(this,w,"f").language.translate(m.TOP)}))):null),a("div",{class:"image-list"},...M(this,k,"m",C).call(this))))}disconnectedCallback(){M(this,w,"f").language.unregister(this),M(this,w,"f").theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{selectedNode:["selectNode"]}}};v=new WeakMap,w=new WeakMap,y=new WeakMap,x=new WeakMap,k=new WeakSet,j=function(i){const t=a(h,Object.assign({},{fit:!0,resource:i.icon,title:i.title,wrapperClass:"image-list__image"})),e=a("div",{class:"image-list__label"},i.value);return a(u,{cell:{value:i.value,icon:i.icon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:p.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"},t,e))},C=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],r=a("div",{onClick:()=>{M(this,v,"f").push(setTimeout((()=>this.onKupClick(s)),300))},onContextMenu:i=>this.onKupContextMenu(i,s),onDblClick:()=>this.onKupDblClick(s),class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},M(this,k,"m",j).call(this,s));i.push(r)}return i},W.style=":host{--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, 0.5em);--kup_imagelist_image_margin:var(--kup-imagelist-image-margin, 1em auto);--kup_imagelist_image_min_height:var(--kup-imagelist-image-min-height, 64px);--kup_imagelist_item_border_radius:var(\n    --kup-imagelist-item-border-radius,\n    8px\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-color)\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{font-size:1.2em;font-weight:bold;letter-spacing:0.12em;overflow:hidden;padding:0 0.5em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.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, 4), minmax(0px, 1fr));margin-top:1em;width:100%}.image-list .f-cell{height:100%;width:100%}.image-list__item{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__image.f-image{margin:var(--kup_imagelist_image_margin)}.image-list__image.f-image .f-image__icon{min-height:var(--kup_imagelist_image_min_height)}.image-list__label{color:var(--kup_imagelist_text_color);letter-spacing:0.12em;margin:var(--kup_imagelist_label_margin);overflow:hidden;text-align:center;text-overflow:ellipsis}.image-list .mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.image-list .mdc-ripple-surface:before,.image-list .mdc-ripple-surface:after{background-color:var(--kup_imagelist_primary_color)}: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{W as kup_image_list}

package/dist/ketchup/p-20e8ab84.js

@@ -1,2 +0,0 @@
-let e,n,t=!1,l=!1;const o=e=>{const n=new URL(e,re.t);return n.origin!==ie.location.origin?n.href:n.pathname},s=e=>re.t=e,i="http://www.w3.org/1999/xlink",c={},r=e=>"object"==(e=typeof e)||"function"===e;function u(e){var n,t,l;return null!==(l=null===(t=null===(n=e.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const a=(e,n,...t)=>{let l=null,o=null,s=!1,i=!1;const c=[],u=n=>{for(let t=0;t<n.length;t++)l=n[t],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!r(l))&&(l+=""),s&&i?c[c.length-1].l+=l:c.push(s?f(null,l):l),i=s)};if(u(t),n){n.key&&(o=n.key);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}if("function"==typeof e)return e(null===n?{}:n,c,p);const a=f(e,null);return a.o=n,c.length>0&&(a.i=c),a.u=o,a},f=(e,n)=>({p:0,v:e,l:n,h:null,i:null,o:null,u:null}),d={},p={forEach:(e,n)=>e.map(v).forEach(n),map:(e,n)=>e.map(v).map(n).map(y)},v=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.m,vtag:e.v,vtext:e.l}),y=e=>{if("function"==typeof e.vtag){const n=Object.assign({},e.vattrs);return e.vkey&&(n.key=e.vkey),e.vname&&(n.name=e.vname),a(e.vtag,n,...e.vchildren||[])}const n=f(e.vtag,e.vtext);return n.o=e.vattrs,n.i=e.vchildren,n.u=e.vkey,n.m=e.vname,n},h=e=>Y(e).$,m=(e,n,t)=>{const l=h(e);return{emit:e=>w(l,n,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},w=(e,n,t)=>{const l=re.ce(n,t);return e.dispatchEvent(l),l},$=new WeakMap,b=e=>"sc-"+e.g,g=(e,n,t,l,o,s)=>{if(t!==l){let c=ne(e,n),u=n.toLowerCase();if("class"===n){const n=e.classList,o=k(t),s=k(l);n.remove(...o.filter((e=>e&&!s.includes(e)))),n.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===n){for(const n in t)l&&null!=l[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in l)t&&l[n]===t[n]||(n.includes("-")?e.style.setProperty(n,l[n]):e.style[n]=l[n])}else if("key"===n);else if("ref"===n)l&&l(e);else if(c||"o"!==n[0]||"n"!==n[1]){const a=r(l);if((c||a&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[n]=l;else{const o=null==l?"":l;"list"===n?c=!1:null!=t&&e[n]==o||(e[n]=o)}}catch(e){}let f=!1;u!==(u=u.replace(/^xlink\:?/,""))&&(n=u,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(n)||(f?e.removeAttributeNS(i,n):e.removeAttribute(n)):(!c||4&s||o)&&!a&&(l=!0===l?"":l,f?e.setAttributeNS(i,n,l):e.setAttribute(n,l))}else n="-"===n[2]?n.slice(3):ne(ie,u)?u.slice(2):u[2]+n.slice(3),t&&re.rel(e,n,t,!1),l&&re.ael(e,n,l,!1)}},j=/\s/,k=e=>e?e.split(j):[],S=(e,n,t,l)=>{const o=11===n.h.nodeType&&n.h.host?n.h.host:n.h,s=e&&e.o||c,i=n.o||c;for(l in s)l in i||g(o,l,s[l],void 0,t,n.p);for(l in i)g(o,l,s[l],i[l],t,n.p)},O=(n,l,o)=>{const s=l.i[o];let i,c,r=0;if(null!==s.l)i=s.h=ce.createTextNode(s.l);else{if(t||(t="svg"===s.v),i=s.h=ce.createElementNS(t?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",s.v),t&&"foreignObject"===s.v&&(t=!1),S(null,s,t),null!=e&&i["s-si"]!==e&&i.classList.add(i["s-si"]=e),s.i)for(r=0;r<s.i.length;++r)c=O(n,s,r),c&&i.appendChild(c);"svg"===s.v?t=!1:"foreignObject"===i.tagName&&(t=!0)}return i},M=(e,t,l,o,s,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=O(null,l,s),c&&(o[s].h=c,r.insertBefore(c,t)))},x=(e,n,t)=>{for(let l=n;l<=t;++l){const n=e[l];if(n){const e=n.h;L(n),e&&e.remove()}}},C=(e,n)=>e.v===n.v&&e.u===n.u,P=(e,n)=>{const l=n.h=e.h,o=e.i,s=n.i,i=n.v,c=n.l;null===c?(t="svg"===i||"foreignObject"!==i&&t,"slot"===i||S(e,n,t),null!==o&&null!==s?((e,n,t,l)=>{let o,s,i=0,c=0,r=0,u=0,a=n.length-1,f=n[0],d=n[a],p=l.length-1,v=l[0],y=l[p];for(;i<=a&&c<=p;)if(null==f)f=n[++i];else if(null==d)d=n[--a];else if(null==v)v=l[++c];else if(null==y)y=l[--p];else if(C(f,v))P(f,v),f=n[++i],v=l[++c];else if(C(d,y))P(d,y),d=n[--a],y=l[--p];else if(C(f,y))P(f,y),e.insertBefore(f.h,d.h.nextSibling),f=n[++i],y=l[--p];else if(C(d,v))P(d,v),e.insertBefore(d.h,f.h),d=n[--a],v=l[++c];else{for(r=-1,u=i;u<=a;++u)if(n[u]&&null!==n[u].u&&n[u].u===v.u){r=u;break}r>=0?(s=n[r],s.v!==v.v?o=O(n&&n[c],t,r):(P(s,v),n[r]=void 0,o=s.h),v=l[++c]):(o=O(n&&n[c],t,c),v=l[++c]),o&&f.h.parentNode.insertBefore(o,f.h)}i>a?M(e,null==l[p+1]?null:l[p+1].h,t,l,c,p):c>p&&x(n,i,a)})(l,o,n,s):null!==s?(null!==e.l&&(l.textContent=""),M(l,null,n,s,0,s.length-1)):null!==o&&x(o,0,o.length-1),t&&"svg"===i&&(t=!1)):e.l!==c&&(l.data=c)},L=e=>{e.o&&e.o.ref&&e.o.ref(null),e.i&&e.i.map(L)},R=(e,n)=>{n&&!e.j&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.j=n)))},U=(e,n)=>{if(e.p|=16,!(4&e.p))return R(e,e.k),me((()=>W(e,n)));e.p|=512},W=(e,n)=>{const t=e.S;let l;return n?(e.p|=256,e.O&&(e.O.map((([e,n])=>q(t,e,n))),e.O=void 0),l=q(t,"componentWillLoad")):l=q(t,"componentWillUpdate"),l=E(l,(()=>q(t,"componentWillRender"))),E(l,(()=>D(e,t,n)))},E=(e,n)=>A(e)?e.then(n):n(),A=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,D=async(e,n,t)=>{var l;const o=e.$,s=o["s-rc"];t&&(e=>{const n=e.M,t=e.$,l=n.p,o=((e,n)=>{var t;const l=b(n),o=se.get(l);if(e=11===e.nodeType?e:ce,o)if("string"==typeof o){let n,s=$.get(e=e.head||e);if(s||$.set(e,s=new Set),!s.has(l)){{n=ce.createElement("style"),n.innerHTML=o;const l=null!==(t=re.C)&&void 0!==t?t:u(ce);null!=l&&n.setAttribute("nonce",l),e.insertBefore(n,e.querySelector("link"))}s&&s.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&l&&(t["s-sc"]=o,t.classList.add(o+"-h"))})(e);N(e,n,o,t),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const n=null!==(l=o["s-p"])&&void 0!==l?l:[],t=()=>T(e);0===n.length?t():(Promise.all(n).then(t),e.p|=4,n.length=0)}},N=(t,l,o,s)=>{try{l=l.render(),t.p&=-17,t.p|=2,((t,l,o=!1)=>{const s=t.$,i=t.M,c=t.P||f(null,null),r=(e=>e&&e.v===d)(l)?l:a(null,null,l);if(n=s.tagName,i.L&&(r.o=r.o||{},i.L.map((([e,n])=>r.o[n]=s[e]))),o&&r.o)for(const e of Object.keys(r.o))s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.o[e]=s[e]);r.v=null,r.p|=4,t.P=r,r.h=c.h=s.shadowRoot||s,e=s["s-sc"],P(c,r)})(t,l,s)}catch(e){te(e,t.$)}return null},T=e=>{const n=e.$,t=e.S,l=e.k;q(t,"componentDidRender"),64&e.p?q(t,"componentDidUpdate"):(e.p|=64,V(n),q(t,"componentDidLoad"),e.R(n),l||H()),e.U(n),e.j&&(e.j(),e.j=void 0),512&e.p&&he((()=>U(e,!1))),e.p&=-517},F=e=>{{const n=Y(e),t=n.$.isConnected;return t&&2==(18&n.p)&&U(n,!1),t}},H=()=>{V(ce.documentElement),he((()=>w(ie,"appload",{detail:{namespace:"ketchup"}})))},q=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){te(e)}},V=e=>e.classList.add("hydrated"),_=(e,n,t)=>{var l;if(n.W){e.watchers&&(n.A=e.watchers);const o=Object.entries(n.W),s=e.prototype;if(o.map((([e,[l]])=>{31&l||2&t&&32&l?Object.defineProperty(s,e,{get(){return((e,n)=>Y(this).D.get(n))(0,e)},set(t){((e,n,t,l)=>{const o=Y(e),s=o.$,i=o.D.get(n),c=o.p,u=o.S;if(t=((e,n)=>null==e||r(e)?e:4&n?"false"!==e&&(""===e||!!e):2&n?parseFloat(e):1&n?e+"":e)(t,l.W[n][0]),(!(8&c)||void 0===i)&&t!==i&&(!Number.isNaN(i)||!Number.isNaN(t))&&(o.D.set(n,t),u)){if(l.A&&128&c){const e=l.A[n];e&&e.map((e=>{try{u[e](t,i,n)}catch(e){te(e,s)}}))}2==(18&c)&&U(o,!1)}})(this,e,t,n)},configurable:!0,enumerable:!0}):1&t&&64&l&&Object.defineProperty(s,e,{value(...n){const t=Y(this);return t.N.then((()=>t.S[e](...n)))}})})),1&t){const t=new Map;s.attributeChangedCallback=function(e,l,o){re.jmp((()=>{const i=t.get(e);if(this.hasOwnProperty(i))o=this[i],delete this[i];else{if(s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==o)return;if(null==i){const t=Y(this),s=null==t?void 0:t.p;if(!(8&s)&&128&s&&o!==l){const s=t.S,i=n.A[e];null==i||i.forEach((n=>{null!=s[n]&&s[n].call(s,o,l,e)}))}return}}this[i]=(null!==o||"boolean"!=typeof this[i])&&o}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=n.A)&&void 0!==l?l:{}),...o.filter((([e,n])=>15&n[0])).map((([e,l])=>{const o=l[1]||e;return t.set(o,e),512&l[0]&&n.L.push([e,o]),o}))]))}}return e},z=e=>{q(e,"disconnectedCallback")},B=(e,n={})=>{var t;const l=[],o=n.exclude||[],s=ie.customElements,i=ce.head,c=i.querySelector("meta[charset]"),r=ce.createElement("style"),a=[];let f,d=!0;Object.assign(re,n),re.t=new URL(n.resourcesUrl||"./",ce.baseURI).href,e.map((e=>{e[1].map((n=>{var t;const i={p:n[0],g:n[1],W:n[2],T:n[3]};i.W=n[2],i.T=n[3],i.L=[],i.A=null!==(t=n[4])&&void 0!==t?t:{};const c=i.g,r=class extends HTMLElement{constructor(e){super(e),ee(e=this,i),1&i.p&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):re.jmp((()=>(e=>{if(0==(1&re.p)){const n=Y(e),t=n.M,l=()=>{};if(1&n.p)G(e,n,t.T),(null==n?void 0:n.S)||(null==n?void 0:n.F)&&n.F.then((()=>{}));else{n.p|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){R(n,n.k=t);break}}t.W&&Object.entries(t.W).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t,l,o)=>{if(0==(32&n.p)){n.p|=32;{if((o=oe(t)).then){const e=()=>{};o=await o,e()}o.isProxied||(t.A=o.watchers,_(o,t,2),o.isProxied=!0);const e=()=>{};n.p|=8;try{new o(n)}catch(e){te(e)}n.p&=-9,n.p|=128,e()}if(o.style){let e=o.style;const n=b(t);if(!se.has(n)){const l=()=>{};((e,n,t)=>{let l=se.get(e);ae&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,se.set(e,l)})(n,e,!!(1&t.p)),l()}}}const s=n.k,i=()=>U(n,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,n,t)}l()}})(this)))}disconnectedCallback(){re.jmp((()=>(async()=>{if(0==(1&re.p)){const e=Y(this);e.H&&(e.H.map((e=>e())),e.H=void 0),(null==e?void 0:e.S)?z(e.S):(null==e?void 0:e.F)&&e.F.then((()=>z(e.S)))}})()))}componentOnReady(){return Y(this).F}};i.q=e[0],o.includes(c)||s.get(c)||(l.push(c),s.define(c,_(r,i,1)))}))}));{r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles","");const e=null!==(t=re.C)&&void 0!==t?t:u(ce);null!=e&&r.setAttribute("nonce",e),i.insertBefore(r,c?c.nextSibling:i.firstChild)}d=!1,a.length?a.map((e=>e.connectedCallback())):re.jmp((()=>f=setTimeout(H,30)))},G=(e,n,t)=>{t&&t.map((([t,l,o])=>{const s=J(e,t),i=I(n,o),c=K(t);re.ael(s,l,i,c),(n.H=n.H||[]).push((()=>re.rel(s,l,i,c)))}))},I=(e,n)=>t=>{try{256&e.p?e.S[n](t):(e.O=e.O||[]).push([n,t])}catch(e){te(e)}},J=(e,n)=>4&n?ce:e,K=e=>0!=(2&e),Q=e=>re.C=e,X=new WeakMap,Y=e=>X.get(e),Z=(e,n)=>X.set(n.S=e,n),ee=(e,n)=>{const t={p:0,$:e,M:n,D:new Map};return t.N=new Promise((e=>t.U=e)),t.F=new Promise((e=>t.R=e)),e["s-p"]=[],e["s-rc"]=[],G(e,t,n.T),X.set(e,t)},ne=(e,n)=>n in e,te=(e,n)=>(0,console.error)(e,n),le=new Map,oe=e=>{const n=e.g.replace(/-/g,"_"),t=e.q,l=le.get(t);return l?l[n]:import(`./${t}.entry.js`).then((e=>(le.set(t,e),e[n])),te)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},se=new Map,ie="undefined"!=typeof window?window:{},ce=ie.document||{head:{}},re={p:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,l)=>e.addEventListener(n,t,l),rel:(e,n,t,l)=>e.removeEventListener(n,t,l),ce:(e,n)=>new CustomEvent(e,n)},ue=e=>Promise.resolve(e),ae=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),fe=[],de=[],pe=(e,n)=>t=>{e.push(t),l||(l=!0,n&&4&re.p?he(ye):re.raf(ye))},ve=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){te(e)}e.length=0},ye=()=>{ve(fe),ve(de),(l=fe.length>0)&&re.raf(ye)},he=e=>ue().then(e),me=pe(de,!0);export{d as H,o as a,B as b,m as c,s as d,F as f,h as g,a as h,ue as p,Z as r,Q as s}

package/dist/ketchup/p-21f1b22a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,f as i,h,H as s,g as a}from"./p-20e8ab84.js";import{k as o,g as n,s as l}from"./p-2c47b88f.js";import{c as p}from"./p-635bb4b3.js";var r,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(r||(r={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(i){t(this,i),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(t){return n(this,r,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){l(this,r,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,i=this.componentName;switch(this.componentName){case"kup-button":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":default:e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},h("path",{d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},h("path",{d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=h(this.componentName,Object.assign({},this.data,{ref:t=>this.lazyComponent=t})),i+=" kup-loaded"):this.showPlaceholder&&(t=e,i+=" kup-to-be-loaded"),h(s,{class:i},h("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),h("div",{id:p},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return a(this)}};d.style=":host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}