@sme.up/ketchup 11.0.0-SNAPSHOT-20241118161105 → 11.0.0-SNAPSHOT-20241118171002

package/dist/ketchup/p-cc32b7a2.js

@@ -1,2 +0,0 @@
-import{h as t}from"./p-d7c15b0e.js";import{a as e}from"./p-e3062c19.js";import{F as n}from"./p-2b519589.js";const o=(n,o)=>{if(!n.styling){n.styling=e.RAISED}if(!n.label&&!n.icon){return}const r=!!(n.styling.toLowerCase()===e.ICON||n.styling.toLowerCase()===e.RAISED&&n.icon&&(n.label===null||n.label===undefined));const l={"f-button":true,"kup-danger":n.danger,"kup-full-height":n.fullHeight,"kup-full-width":n.fullWidth,"kup-info":n.info,"kup-large":n.large,"kup-pulsating":n.pulsating,"kup-shaped":n.shaped,"kup-secondary":n.secondary,"kup-slim":n.slim,"kup-success":n.success,"kup-warning":n.warning,"kup-neutral":n.neutral,"kup-black-mode":n.blackMode,[n.wrapperClass]:!!n.wrapperClass};return t("div",Object.assign({class:l},n.dataSet,{id:n.id,title:n.title}),r?s(n):u(n),o)};function u(o){const u=o.styling.toLowerCase()===e.FLAT;const s=o.styling.toLowerCase()===e.FLOATING;const r=o.styling.toLowerCase()===e.ICON;const l=o.styling.toLowerCase()===e.OUTLINED;const a=!u&&!s&&!l&&!r?true:false;const c={color:o.neutral?`var(--kup-text-primary)`:o.disabled?`var(--kup_button_text_color_disabled)`:l||u?`var(--kup_button_text_color)`:`var(--kup_button_text_color)`,resource:o.icon,placeholderResource:o.placeholderIcon,sizeX:s?"1.75em":"1.475em",sizeY:s?"1.75em":"1.475em",wrapperClass:"button__icon kup-icon"};if(o.showSpinner)c.wrapperClass+=" content--hidden";const i={button:true,"button--disabled":o.disabled?true:false,"button--floating":s?true:false,"button--flat":u?true:false,"button--outlined":l?true:false,"button--raised":a?true:false,"button--no-label":!o.label||o.label===" "?true:false,"button--with-spinner":o.showSpinner&&!o.disabled?true:false,[`button--${o.sizing}`]:o.sizing?true:false,[`button--${o.contentAlign}`]:o.contentAlign?true:false};const p={button__label:true,"content--hidden":o.showSpinner&&!o.disabled?true:false};const b={"--kup_button_spinner_height":c.sizeY};return t("button",{type:o.buttonType?o.buttonType:"button",class:i,disabled:o.disabled,onBlur:o.onBlur,onClick:o.onClick,onFocus:o.onFocus,style:b,"aria-label":o.title},o.trailingIcon?[o.label?t("span",{class:p},o.label):undefined,o.icon?t(n,Object.assign({},c)):undefined]:[o.icon?t(n,Object.assign({},c)):undefined,o.label?t("span",{class:p},o.label):undefined],o.showSpinner&&!o.disabled?t("div",{class:"button__spinner-container"},t("slot",{name:"spinner"})):undefined)}function s(e){const o={color:e.neutral?`var(--kup-text-primary)`:e.disabled?`var(--kup_button_text_color_disabled)`:`var(--kup_button_text_color)`,sizeX:e.large?"calc(1.75em * 1.5)":"1.75em",sizeY:e.large?"calc(1.75em * 1.5)":"1.75em"};const u={"icon-button":true,"button--disabled":e.disabled?true:false,"icon-button--on":e.toggable&&e.checked?true:false,toggable:e.toggable?true:false,"button--with-spinner":e.showSpinner&&!e.disabled?true:false};const s={"--kup_button_spinner_height":o.sizeY,"--kup_button_spinner_width":o.sizeX};const r=e.iconOff?e.iconOff:e.icon+"_border";return t("button",{type:e.buttonType?e.buttonType:"button",class:u,disabled:e.disabled,onClick:e.onClick,style:s,value:e.checked?"on":"off","aria-label":e.title},!e.showSpinner||e.disabled?t(n,Object.assign({},o,{resource:e.toggable&&!e.checked?r:e.icon,placeholderResource:e.placeholderIcon,wrapperClass:`icon-button__icon kup-icon`})):null,e.toggable&&!e.showSpinner?t(n,Object.assign({},o,{resource:e.icon,placeholderResource:e.placeholderIcon,wrapperClass:`icon-button__icon icon-button__icon--on kup-icon`})):null,e.showSpinner&&!e.disabled?t("div",{class:"icon-button__spinner-container"},t("slot",{name:"spinner"})):undefined)}export{o as F};
-//# sourceMappingURL=p-cc32b7a2.js.map

package/dist/ketchup/p-cc32b7a2.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FButton","props","children","styling","FButtonStyling","RAISED","label","icon","isIconButton","toLowerCase","ICON","undefined","classObj","danger","fullHeight","fullWidth","info","large","pulsating","shaped","secondary","slim","success","warning","neutral","blackMode","wrapperClass","h","Object","assign","class","dataSet","id","title","renderIconButton","renderButton","isFlat","FLAT","isFloating","FLOATING","isIcon","isOutlined","OUTLINED","isRaised","propsFImage","color","disabled","resource","placeholderResource","placeholderIcon","sizeX","sizeY","showSpinner","button","sizing","contentAlign","classLabelObj","button__label","styleSpinnerContainer","type","buttonType","onBlur","onClick","onFocus","style","trailingIcon","FImage","name","toggable","checked","iconOff","value"],"sources":["src/f-components/f-button/f-button.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n    props: FButtonProps,\n    children: VNode[]\n) => {\n    if (!props.styling) {\n        props.styling = FButtonStyling.RAISED;\n    }\n    if (!props.label && !props.icon) {\n        return;\n    }\n    const isIconButton: boolean = !!(\n        props.styling.toLowerCase() === FButtonStyling.ICON ||\n        (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n            props.icon &&\n            (props.label === null || props.label === undefined))\n    );\n    const classObj: Record<string, boolean> = {\n        'f-button': true,\n        'kup-danger': props.danger,\n        'kup-full-height': props.fullHeight,\n        'kup-full-width': props.fullWidth,\n        'kup-info': props.info,\n        'kup-large': props.large,\n        'kup-pulsating': props.pulsating,\n        'kup-shaped': props.shaped,\n        'kup-secondary': props.secondary,\n        'kup-slim': props.slim,\n        'kup-success': props.success,\n        'kup-warning': props.warning,\n        'kup-neutral': props.neutral,\n        'kup-black-mode': props.blackMode,\n        [props.wrapperClass]: !!props.wrapperClass,\n    };\n    return (\n        <div\n            class={classObj}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            {isIconButton ? renderIconButton(props) : renderButton(props)}\n            {children}\n        </div>\n    );\n};\n\n/*-------------------------------------------------*/\n/*                  M e t h o d s                  */\n/*-------------------------------------------------*/\n\nfunction renderButton(props: FButtonProps): VNode {\n    const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n    const isFloating: boolean =\n        props.styling.toLowerCase() === FButtonStyling.FLOATING;\n    const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n    const isOutlined: boolean =\n        props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n    const isRaised: boolean =\n        !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n    const propsFImage: FImageProps = {\n        color: props.neutral\n            ? `var(--kup-text-primary)`\n            : props.disabled\n            ? `var(--kup_button_text_color_disabled)`\n            : isOutlined || isFlat\n            ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n            : `var(--kup_button_text_color)`,\n        resource: props.icon,\n        placeholderResource: props.placeholderIcon,\n        sizeX: isFloating ? '1.75em' : '1.475em',\n        sizeY: isFloating ? '1.75em' : '1.475em',\n        wrapperClass: 'button__icon kup-icon',\n    };\n    if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n    const classObj: Record<string, boolean> = {\n        button: true,\n        'button--disabled': props.disabled ? true : false,\n        'button--floating': isFloating ? true : false,\n        'button--flat': isFlat ? true : false,\n        'button--outlined': isOutlined ? true : false,\n        'button--raised': isRaised ? true : false,\n        'button--no-label': !props.label || props.label === ' ' ? true : false,\n        'button--with-spinner':\n            props.showSpinner && !props.disabled ? true : false,\n        [`button--${props.sizing}`]: props.sizing ? true : false,\n        [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n    };\n\n    const classLabelObj: Record<string, boolean> = {\n        button__label: true,\n        'content--hidden': props.showSpinner && !props.disabled ? true : false,\n    };\n\n    const styleSpinnerContainer: Record<string, string> = {\n        '--kup_button_spinner_height': propsFImage.sizeY,\n    };\n\n    return (\n        <button\n            type={props.buttonType ? props.buttonType : 'button'}\n            class={classObj}\n            disabled={props.disabled}\n            onBlur={props.onBlur}\n            onClick={props.onClick}\n            onFocus={props.onFocus}\n            style={styleSpinnerContainer}\n            aria-label={props.title}\n        >\n            {props.trailingIcon\n                ? [\n                      props.label ? (\n                          <span class={classLabelObj}>{props.label}</span>\n                      ) : undefined,\n                      props.icon ? <FImage {...propsFImage} /> : undefined,\n                  ]\n                : [\n                      props.icon ? <FImage {...propsFImage} /> : undefined,\n                      props.label ? (\n                          <span class={classLabelObj}>{props.label}</span>\n                      ) : undefined,\n                  ]}\n            {props.showSpinner && !props.disabled ? (\n                <div class=\"button__spinner-container\">\n                    <slot name=\"spinner\"></slot>\n                </div>\n            ) : undefined}\n        </button>\n    );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n    const propsFImage: FImageProps = {\n        color: props.neutral\n            ? `var(--kup-text-primary)`\n            : props.disabled\n            ? `var(--kup_button_text_color_disabled)`\n            : `var(--kup_button_text_color)`,\n        sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n        sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n    };\n\n    const classObj: Record<string, boolean> = {\n        'icon-button': true,\n        'button--disabled': props.disabled ? true : false,\n        'icon-button--on': props.toggable && props.checked ? true : false,\n        toggable: props.toggable ? true : false,\n        'button--with-spinner':\n            props.showSpinner && !props.disabled ? true : false,\n    };\n\n    const styleSpinnerContainer: Record<string, string> = {\n        '--kup_button_spinner_height': propsFImage.sizeY,\n        '--kup_button_spinner_width': propsFImage.sizeX,\n    };\n\n    const iconOff: string = props.iconOff\n        ? props.iconOff\n        : props.icon + '_border';\n\n    return (\n        <button\n            type={props.buttonType ? props.buttonType : 'button'}\n            class={classObj}\n            disabled={props.disabled}\n            onClick={props.onClick}\n            style={styleSpinnerContainer}\n            value={props.checked ? 'on' : 'off'}\n            aria-label={props.title}\n        >\n            {!props.showSpinner || props.disabled ? (\n                <FImage\n                    {...propsFImage}\n                    resource={\n                        props.toggable && !props.checked ? iconOff : props.icon\n                    }\n                    placeholderResource={props.placeholderIcon}\n                    wrapperClass={`icon-button__icon kup-icon`}\n                />\n            ) : null}\n            {props.toggable && !props.showSpinner ? (\n                <FImage\n                    {...propsFImage}\n                    resource={props.icon}\n                    placeholderResource={props.placeholderIcon}\n                    wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n                />\n            ) : null}\n            {props.showSpinner && !props.disabled ? (\n                <div class=\"icon-button__spinner-container\">\n                    <slot name=\"spinner\"></slot>\n                </div>\n            ) : undefined}\n        </button>\n    );\n}\n"],"mappings":"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","ignoreList":[]}