@sme.up/ketchup 9.0.0 → 9.2.0

package/dist/types/f-components/f-cell/f-cell-declarations.d.ts

@@ -108,6 +108,7 @@ export declare enum FCellShapes {
   EDITOR = "EDT",
   GAUGE = "GAU",
   IMAGE = "IMG",
+  INPUT_CHECKBOX = "INC",
   INPUT_FIELD = "INF",
   KNOB = "KNB",
   MULTI_AUTOCOMPLETE = "AML",

package/dist/types/f-components/f-progress-bar/f-progress-bar-declarations.d.ts

@@ -0,0 +1,16 @@
+import type { FComponent } from '../../types/GenericTypes';
+/**
+ * Props of the f-progress-bar component.
+ */
+export interface FProgressBarProps extends FComponent {
+  animated?: boolean;
+  centeredLabel?: boolean;
+  hideLabel?: boolean;
+  icon?: string;
+  isRadial?: boolean;
+  label?: string;
+  padded?: boolean;
+  slim?: boolean;
+  striped?: boolean;
+  value?: number;
+}

package/dist/types/f-components/f-progress-bar/f-progress-bar.d.ts

@@ -0,0 +1,3 @@
+import type { FProgressBarProps } from './f-progress-bar-declarations';
+import { FunctionalComponent } from '../../stencil-public-runtime';
+export declare const FProgressBar: FunctionalComponent<FProgressBarProps>;

package/dist/types/f-components/f-radio/f-radio-declarations.d.ts

@@ -0,0 +1,22 @@
+import type { FComponent } from '../../types/GenericTypes';
+/**
+ * Props of the f-radio component.
+ */
+export interface FRadioProps extends FComponent {
+  columns?: number;
+  data?: FRadioData[];
+  disabled?: boolean;
+  label?: string;
+  leadingLabel?: boolean;
+  onBlur?: (event: FocusEvent) => void;
+  onChange?: (i: number, event: Event) => void;
+  onFocus?: (event: FocusEvent) => void;
+}
+/**
+ * The object of a single radio.
+ */
+export interface FRadioData {
+  checked: boolean;
+  label: string;
+  value: string;
+}

package/dist/types/f-components/f-radio/f-radio.d.ts

@@ -0,0 +1,3 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import type { FRadioProps } from './f-radio-declarations';
+export declare const FRadio: FunctionalComponent<FRadioProps>;

package/dist/types/f-components/f-rating/f-rating-declarations.d.ts

@@ -0,0 +1,10 @@
+import type { FComponent } from '../../types/GenericTypes';
+/**
+ * Props of the f-rating component.
+ */
+export interface FRatingProps extends FComponent {
+  disabled?: boolean;
+  maxValue?: number;
+  value?: number;
+  onClick?: (i: number, event: MouseEvent) => void;
+}

package/dist/types/f-components/f-rating/f-rating.d.ts

@@ -0,0 +1,3 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import type { FRatingProps } from './f-rating-declarations';
+export declare const FRating: FunctionalComponent<FRatingProps>;

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+import { KupManager } from './managers/kup-manager/kup-manager';
+import { KupManagerInitialization } from './managers/kup-manager/kup-manager-declarations';
+/** used for obtain a KupManager instance without a dom document (for UT)  */
+export declare function newKupManager(init: KupManagerInitialization): KupManager;

package/dist/types/managers/kup-theme/kup-theme-declarations.d.ts

@@ -27,6 +27,18 @@ export declare const fImageUsers: KupTagNames[];
  * Components using the FPaginator functional component.
  */
 export declare const fPaginatorUsers: KupTagNames[];
+/**
+ * Components using the FProgressBar functional component.
+ */
+export declare const fProgressBarUsers: KupTagNames[];
+/**
+ * Components using the FRadio functional component.
+ */
+export declare const fRadioUsers: KupTagNames[];
+/**
+ * Components using the FRating functional component.
+ */
+export declare const fRatingUsers: KupTagNames[];
 /**
  * Components using the FSwitch functional component.
  */

package/dist/types/stencil-public-runtime.d.ts

@@ -3,6 +3,16 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -62,7 +72,7 @@ export interface PropOptions {
     /**
      * The name of the associated DOM attribute.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
     attribute?: string | null;
     /**
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -128,7 +141,7 @@ export interface ListenOptions {
      * By default, Stencil uses several heuristics to determine if
      * it must attach a `passive` event listener or not.
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
      */
     passive?: boolean;
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -471,7 +490,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -872,6 +891,8 @@ export declare namespace JSXBase {
     }
     interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
@@ -1113,11 +1134,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;

package/dist/types/utils/utils.d.ts

@@ -1,7 +1,6 @@
 import { GenericObject } from '../types/GenericTypes';
 import { KupBoxRow } from '../components/kup-box/kup-box-declarations';
 import { KupDataRow } from '../managers/kup-data/kup-data-declarations';
-import { KupManager } from '../managers/kup-manager/kup-manager';
 export declare function identify(array: Array<KupBoxRow | KupDataRow>): void;
 /**
  * Fills a string with another string, eventually before
@@ -34,4 +33,3 @@ export declare function setProps(comp: any, list: GenericObject, props: GenericO
  * @returns the regular expression object
  */
 export declare function getRegExpFromString(s: string, flags?: string): RegExp;
-export declare function getNewKupManager(): KupManager;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "9.0.0",
+    "version": "9.2.0",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -62,9 +62,9 @@
         "vanilla-picker": "^2.12.1"
     },
     "devDependencies": {
-        "@stencil/core": "^4.0.2",
+        "@stencil/core": "^4.4.0",
         "@stencil/react-output-target": "0.5.3",
-        "@stencil/sass": "^3.0.5",
+        "@stencil/sass": "^3.0.6",
         "jest": "^27.4.5",
         "jest-cli": "^27.4.5",
         "jest-html-reporter": "^3.7.1",

package/dist/ketchup/p-008ad26c.js

@@ -1 +0,0 @@
-import{h as e,a as t}from"./p-2d42477d.js";import{K as l}from"./p-25de68e5.js";const i=document.documentElement,d=(t,l)=>e("div",Object.assign({class:`f-text-field ${t.danger?"kup-danger":""} ${t.fullHeight?"kup-full-height":""} ${t.fullWidth?"kup-full-width":""}  ${t.info?"kup-info":""} ${t.secondary?"kup-secondary":""} ${t.shaped?"kup-shaped":""} ${t.success?"kup-success":""} ${t.warning?"kup-warning":""}  ${t.wrapperClass?t.wrapperClass:""}`},t.dataSet,{id:t.id,title:t.title}),t.leadingLabel||t.trailingLabel?e("div",{class:"mdc-form-field "+(t.leadingLabel?"mdc-form-field--align-end":"")},[n(t),c(t),e("label",null,t.label)]):[n(t),c(t)],l);function n(d){var n,c;const o=d.textArea||d.outlined;let s,r;if(!d.label||d.leadingLabel||d.trailingLabel||(s=e("label",{class:"mdc-floating-label",htmlFor:"kup-input"},d.label)),d.icon){let i,n="";if(Object.values(l).indexOf(d.icon)>-1)n=d.icon.replace("--","");else{let e=`url('${t(`./assets/svg/${d.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}r=e("span",{style:i,onClick:d.onIconClick,class:`mdc-text-field__icon kup-icon action ${n}`})}const u={"is-clearable":d.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":d.disabled,"mdc-text-field--filled":!d.fullWidth&&!o,"mdc-text-field--no-label":!d.label,"mdc-text-field--fullwidth":d.fullWidth,"mdc-text-field--outlined":o,"mdc-text-field--textarea":d.textArea,"mdc-text-field--with-leading-icon":d.icon&&!d.trailingIcon,"mdc-text-field--with-trailing-icon":d.icon&&d.trailingIcon};let m=d.value,f=null!==(n=d.inputType)&&void 0!==n?n:"text",p=!1;if("number"===d.inputType&&d.decimals&&d.decimals>0&&(f="text",p=!0),"number"===d.inputType){const e={allowNegative:null===(c=d.allowNegative)||void 0===c||c,decimal:d.decimals,group:d.group,integer:d.integers};m=a(m,e,!1)}return e("div",{class:u},d.textArea&&d.maxLength?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",d.maxLength):void 0,d.trailingIcon?void 0:r,d.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:d.disabled,readOnly:d.readOnly,maxlength:d.maxLength,value:m,onBlur:d.onBlur,onClick:d.onClick,onChange:d.onChange,onFocus:d.onFocus,onInput:d.onInput,onKeyDown:d.onKeyDown})):e("input",{inputmode:d.inputMode?d.inputMode:void 0,type:f,step:d.step,min:d.min,max:d.max,name:d.name,class:"mdc-text-field__input",disabled:d.disabled,readOnly:d.readOnly,placeholder:d.fullWidth&&!d.outlined?d.label:void 0,maxlength:d.maxLength,size:d.size,value:m,onBlur:e=>{var t;if(p){const l={allowNegative:null===(t=d.allowNegative)||void 0===t||t,decimal:d.decimals,group:d.group,integer:d.integers};e.target.value=a(e.target.value,l,!0)}d.onBlur&&d.onBlur(e)},onChange:e=>{var t;if(p){const l={allowNegative:null===(t=d.allowNegative)||void 0===t||t,decimal:d.decimals,group:d.group,integer:d.integers};e.target.value=a(e.target.value,l,!0)}d.onChange&&d.onChange(e)},onClick:d.onClick,onFocus:d.onFocus,onInput:d.onInput,onKeyDown:d.onKeyDown,onKeyPress:e=>{var t;if(!p)return;if(e.ctrlKey)return;if(e.key.length>1)return;const l={allowNegative:null===(t=d.allowNegative)||void 0===t||t,decimal:d.decimals,group:d.group,integer:d.integers};let n=e.target,c=n.value,a=c.substring(0,n.selectionStart),o=c.substring(n.selectionEnd,n.selectionEnd+c.length-1);i.ketchup.math.matchNumericValueWithOptions(a+e.key+o,l)||e.preventDefault()}}),d.isClearable?e("span",{class:`mdc-text-field__icon kup-icon ${l.CLEAR.replace("--","")}`,onClick:d.onClearIconClick}):void 0,d.trailingIcon?r:void 0,d.fullWidth||o?void 0:s,o?e("div",{class:"mdc-notched-outline"},e("div",{class:"mdc-notched-outline__leading"}),e("div",{class:"mdc-notched-outline__notch"},s),e("div",{class:"mdc-notched-outline__trailing"})):e("span",{class:"mdc-line-ripple"}))}function c(t){if(!1!==t.helperEnabled){if(t.helper)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!t.helperWhenFocused}},t.helper),!0!==t.hiddenCounter&&t.maxLength&&!t.textArea?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",t.maxLength.toString()):void 0);if(!0!==t.hiddenCounter&&t.maxLength&&!t.textArea)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",t.maxLength))}}const a=function(e,t,l){let d=e;return d?"-"==d?"":i.ketchup.math.format(d,i.ketchup.math.createFormatPattern(t.group,t.decimal),l):d};export{d as F}