@sme.up/ketchup 6.0.0 → 6.2.0

package/dist/ketchup/p-e1039cf2.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,f as i,h as o,H as s,g as r}from"./p-34b74425.js";import{k as h}from"./p-aca0e54b.js";import{g as a,s as n}from"./p-e0035c58.js";import{c as p}from"./p-97e8ea42.js";var f;!function(t){t.customStyle="Custom style of the component.",t.placeholderAttrs="Html attributes of the picture before the component enters the viewport.",t.resourceAttrs="Html attributes of the picture after the component enters the viewport."}(f||(f={}));var c,l,d,m,u,w,b=function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)},v=function(t,e,i,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,i):s?s.value=i:e.set(t,i),i};const k=class{constructor(i){t(this,i),this.kupPhotoFramePlaceholderLoad=e(this,"kup-photoframe-placeholderload",6),this.kupPhotoFrameResourceLoad=e(this,"kup-photoframe-resourceload",6),this.isInViewport=!1,this.customStyle="",this.placeholderAttrs={},this.resourceAttrs={},this.threshold=.25,c.set(this,null),l.set(this,h()),d.set(this,null),m.set(this,null),u.set(this,!1),w.set(this,null)}async getProps(t){return a(this,f,t)}async refresh(){i(this)}async setProps(t){n(this,f,t)}setObserver(){v(this,c,new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.isInViewport=!0,b(this,c,"f").unobserve(this.rootElement))}))}),{threshold:this.threshold}),"f")}componentWillLoad(){b(this,l,"f").debug.logLoad(this,!1),b(this,l,"f").theme.register(this),this.setObserver()}componentDidLoad(){b(this,l,"f").debug.logLoad(this,!0)}componentWillRender(){b(this,l,"f").debug.logRender(this,!1)}componentDidRender(){b(this,l,"f").debug.logRender(this,!0)}render(){return this.isInViewport&&!b(this,u,"f")&&v(this,u,!0,"f"),o(s,null,o("style",null,b(this,l,"f").theme.setKupStyle(this.rootElement)),o("div",{id:p,ref:t=>{v(this,w,t,"f")}},o("img",Object.assign({},this.placeholderAttrs,{class:"placeholder",ref:t=>v(this,d,t,"f"),onLoad:()=>{b(this,d,"f").naturalWidth>b(this,d,"f").naturalHeight?b(this,w,"f").classList.add("horizontal"):b(this,w,"f").classList.add("vertical"),b(this,c,"f").observe(this.rootElement),b(this,d,"f").classList.add("placeholder--loaded"),this.kupPhotoFramePlaceholderLoad.emit({comp:this,id:this.rootElement.id})}})),b(this,u,"f")?o("img",Object.assign({},this.resourceAttrs,{class:"resource",ref:t=>v(this,m,t,"f"),onLoad:()=>{b(this,m,"f").classList.add("resource--fade-in"),b(this,d,"f").classList.add("placeholder--fade-out"),this.kupPhotoFrameResourceLoad.emit({comp:this,id:this.rootElement.id})}})):null))}disconnectedCallback(){b(this,l,"f").theme.unregister(this),b(this,c,"f").unobserve(this.rootElement)}get rootElement(){return r(this)}};c=new WeakMap,l=new WeakMap,d=new WeakMap,m=new WeakMap,u=new WeakMap,w=new WeakMap,k.style=":host{--kup_photoframe_border:var(\n    --kup-photoframe-border,\n    1px inset var(--kup-border-color)\n  );--kup_photoframe_fade_out_time:var(--kup-photoframe-fade-out-time, 3000ms);border:var(--kup_photoframe_border);display:block;height:100%;position:relative;width:100%}#kup-component{position:relative;height:100%;width:100%}img{max-height:100%;max-width:100%}.horizontal img{width:100%}.vertical img{height:100%}.placeholder{opacity:1;transition:opacity var(--kup_photoframe_fade_out_time) ease-out;z-index:1}.placeholder--fade-out{opacity:0}.resource{left:0;position:absolute;top:0;z-index:-1}:host(.kup-fit) img{height:100%;object-fit:cover;width:100%}";export{k as kup_photo_frame}

package/dist/ketchup/p-ea10176c.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,f as s,h as e,H as o,g as l}from"./p-34b74425.js";import{k as a,c as h}from"./p-aca0e54b.js";import{c as n}from"./p-97e8ea42.js";var u;!function(t){t.customStyle="Custom style of the component.",t.data="Effective data to pass to the component.",t.label="The text of the label. If set to empty or has only white space chars, the label will be removed.",t.labelPos="Sets the label's position, left right or top.",t.showSubmit="Sets whether the submit button must be displayed or not.",t.submitLabel="Sets the submit button's label.",t.submitPos="Sets the submit button's position, top right bottom or left.",t.type="The type of the FLD"}(u||(u={}));const r=class{constructor(s){t(this,s),this.kupChange=i(this,"kup-field-change",6),this.kupSubmit=i(this,"kup-field-submit",6),this.customStyle="",this.data={},this.label="",this.labelPos="left",this.showSubmit=!1,this.submitLabel="",this.submitPos="right",this.type=void 0,this.kupManager=a(),this.currentValue=null,this.previousValue=null,this.onChangeInstance=this.onChange.bind(this),this.onSubmitInstance=this.onSubmit.bind(this)}onChange(t){const{value:i,info:s}=t.detail;this.kupChange.emit({originalEvent:t,oldValue:this.currentValue,value:i,info:s}),this.previousValue=this.currentValue,this.currentValue=i}onSubmit(t){this.kupSubmit.emit({originalEvent:t,oldValue:this.previousValue,value:this.currentValue,info:{obj:t.detail.info&&t.detail.info.obj?t.detail.info.obj:void 0}})}async getCurrentValue(){return this.currentValue}async getProps(t){let i={};if(t)i=u;else for(const t in u)Object.prototype.hasOwnProperty.call(u,t)&&(i[t]=this[t]);return i}async refresh(){s(this)}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.kupManager.debug.logRender(this,!0)}render(){let t=[],i=null,s=null,l="",a=Object.assign({},this.data);this.label.trim().length&&(l+=" label-"+this.labelPos,i=e("label",{class:"kup-field__label kup-field--"+this.labelPos},this.label)),this.showSubmit&&(l+=" submit-"+this.submitPos,s=e("kup-button",{class:"kup-field__submit",label:this.submitLabel,"onkup-button-click":this.onSubmitInstance}));const u="top"===this.labelPos,r="left"===this.labelPos,b="right"===this.labelPos,p="top"===this.submitPos,c="left"===this.submitPos,m="right"===this.submitPos,f="bottom"===this.submitPos;let d;if((u||p)&&t.push(e("div",{class:"kup-field__top-container"},u&&i?i:null,p&&s?s:null)),r&&i&&t.push(i),c&&s&&t.push(s),void 0===this.type)this.kupManager.debug.logMessage(this,"Type (state) is undefined!",h.WARNING);else switch(this.type.toLowerCase()){case"cmb":d="kup-combobox",a.onKupComboboxChange=this.onChangeInstance;break;case"itx":d="kup-text-field",a.onkupTextFieldChange=this.onChangeInstance;break;case"rad":d="kup-radio",a.onkupRadioChange=this.onChangeInstance}return t.push(e(d,Object.assign({class:"kup-field__component"},a))),b&&i&&t.push(i),(m||f)&&s&&t.push(s),e(o,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:n,class:l},t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return l(this)}};r.style=":host{display:block;font-size:var(--kup-font-size)}label{color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:1em}.kup-field__component{display:inline-block}.label-top.submit-top label{float:left;margin:auto auto 1em auto}.label-top.submit-top kup-button{float:right;margin:auto auto 1em auto}.label-right label{display:inline-block;margin:auto auto auto 1em}.submit-right kup-button{display:inline-block;margin:auto auto auto 1em}.label-left label{display:inline-block;margin:auto 1em auto auto}.submit-left kup-button{display:inline-block;margin:auto 1em auto auto}.submit-bottom kup-button{display:block;margin:1em auto auto auto}";export{r as kup_field}

package/dist/types/components/kup-field/kup-field-declarations.d.ts

@@ -1,25 +0,0 @@
-/**
- * Props of the kup-field component.
- * Used to export every prop in an object.
- */
-export declare enum KupFieldProps {
-  customStyle = "Custom style of the component.",
-  data = "Effective data to pass to the component.",
-  label = "The text of the label. If set to empty or has only white space chars, the label will be removed.",
-  labelPos = "Sets the label's position, left right or top.",
-  showSubmit = "Sets whether the submit button must be displayed or not.",
-  submitLabel = "Sets the submit button's label.",
-  submitPos = "Sets the submit button's position, top right bottom or left.",
-  type = "The type of the FLD"
-}
-export interface KupPayloadEvent<KupPayloadEventData, KupPayloadEventInfo> {
-  value: KupPayloadEventData;
-  oldValue: KupPayloadEventData;
-  info: KupPayloadEventInfo;
-}
-export interface KupFieldSubmitEvent extends KupPayloadEvent<any, object> {
-  originalEvent: CustomEvent;
-}
-export interface KupFieldChangeEvent extends KupPayloadEvent<any, object> {
-  originalEvent: CustomEvent<any>;
-}

package/dist/types/components/kup-field/kup-field.d.ts

@@ -1,90 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { KupFieldChangeEvent, KupFieldSubmitEvent } from './kup-field-declarations';
-import { GenericObject } from '../../types/GenericTypes';
-export declare class KupField {
-  /**
-   * References the root HTML element of the component (<kup-field>).
-   */
-  rootElement: HTMLElement;
-  /**
-   * Custom style of the component.
-   * @default ""
-   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  customStyle: string;
-  /**
-   * Effective data to pass to the component.
-   * @default {}
-   */
-  data: Object;
-  /**
-   * The text of the label. If set to empty or has only white space chars, the label will be removed.
-   * @default ""
-   */
-  label: string;
-  /**
-   * Sets the label's position, left right or top.
-   * @default "left"
-   */
-  labelPos: string;
-  /**
-   * Sets whether the submit button must be displayed or not.
-   * @default false
-   */
-  showSubmit: boolean;
-  /**
-   * Sets the submit button's label.
-   * @default ""
-   */
-  submitLabel: string;
-  /**
-   * Sets the submit button's position, top right bottom or left.
-   * @default "right"
-   */
-  submitPos: string;
-  /**
-   * The type of the FLD
-   * @default undefined
-   */
-  type: string;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  currentValue: object | string;
-  previousValue: object | string;
-  onChangeInstance: any;
-  onSubmitInstance: any;
-  /**
-   * Launched when the value of the current FLD changes.
-   */
-  kupChange: EventEmitter<KupFieldChangeEvent>;
-  /**
-   * Launched when the FLD values are confirmed and a submit event is triggered.
-   */
-  kupSubmit: EventEmitter<KupFieldSubmitEvent>;
-  onChange(event: CustomEvent): void;
-  onSubmit(event: CustomEvent): void;
-  /**
-   * Provides an interface to get the current value programmatically
-   * @method getCurrentValue
-   * @returns {any}
-   */
-  getCurrentValue(): Promise<string | object>;
-  /**
-   * Used to retrieve component's props values.
-   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
-   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
-   */
-  getProps(descriptions?: boolean): Promise<GenericObject>;
-  /**
-   * This method is used to trigger a new render of the component.
-   */
-  refresh(): Promise<void>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-  disconnectedCallback(): void;
-}