@saasquatch/mint-components 1.15.0-96 → 1.15.0-97

package/dist/mint-components/p-8cc9e337.js

@@ -0,0 +1 @@
+import{h as o}from"./p-c7c11325.js";import{c as t}from"./p-cef45012.js";import{H as r}from"./p-49b20dae.js";const l={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""};function n(n){const{buttonStyle:s="icon"}=n,i=t({HostBlock:r,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%",color:n.textColor||"var(--sqm-input-color)"},"&::part(input-label)":{"--sl-input-label-color":n.textColor||"var(--sqm-input-color)"},"&::part(base)":{"--sl-input-border-radius":`${n.borderRadius}px`||"var(--sqm-border-radius-normal)","--sl-input-background-color":n.backgroundColor||"var(--sqm-portal-background)","--sl-input-color":"var(--sqm-input-color)","--sl-input-border-color":"var(--sqm-border-color)","--sl-input-border-color-hover":"#999999","--sl-input-border-color-focus":"#999999","--sl-input-color-hover":"var(--sqm-input-color-hover)","--sl-input-color-focus":"var(--sqm-input-color-focus)","--sl-input-color-disabled":"var(--sqm-input-disabled-color)","--sl-input-background-color-focus":"var(--sqm-portal-background)","--sl-input-background-color-hover":"var(--sqm-portal-background)",cursor:"pointer",overflow:"visible",borderRadius:`${n.borderRadius}px`||"var(--sqm-border-radius-normal)",background:n.backgroundColor||"var(--sqm-portal-background)",border:`var(--sqm-border-thickness) solid ${n.borderColor||"var(--sqm-border-color)"}`},width:"100%"},icon:{"&::part(base)":{color:n.textColor||"var(--sqm-text)"}},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},ContainerDiv:{display:"flex",alignItems:"flex-start",flexDirection:"column",justifyContent:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sqm-danger-color-text)"},notificationTextStyle:{margin:"0",color:"inherit"}}),e=i.toString(),a=!n.loading&&n.error,p=a?n.inputPlaceholderText:n.copyString,c=a||n.loading||n.disabled,u=o("sl-tooltip",{trigger:"manual",content:n.tooltiptext,placement:"button-below"===n.buttonStyle?"bottom":"button-outside"===n.buttonStyle?"top":"top-end",disabled:n.disabled,open:n.open,skidding:"icon"===n.buttonStyle?-5:0,slot:"suffix"},"icon"===s?o("sl-icon-button",{class:i.classes.icon,exportparts:"base: icon-button-base",onClick:()=>{var o;return null===(o=n.onClick)||void 0===o?void 0:o.call(n)},name:"files",disabled:c}):o("sl-button",{exportparts:`base: ${n.buttonType||"primary"}button-base`,onClick:()=>{var o;return null===(o=n.onClick)||void 0===o?void 0:o.call(n)},size:"medium",style:{width:`${"button-below"===s&&"100%"}`},disabled:c,type:"primary"},n.copyButtonLabel||"Copy"));return o("div",{class:i.classes.ContainerDiv},o("style",{type:"text/css"},e,"\n  :host{\n    display: block;   \n    width: 100%;\n  }\n",l[n.textAlign],c&&"\n  sl-input::part(input){\n    cursor: default;\n  }\n"),o("div",{class:i.classes.containerStyle,style:{flexDirection:"button-below"===s?"column":"row"}},o("sl-input",{class:`${i.classes.inputStyle} ${a?i.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:n.loading?"Loading...":p,readonly:!0,disabled:c},"icon"===s&&u,a&&o("p",{slot:"help-text",class:i.classes.errorTextStyle},n.errorText)),("button-outside"===s||"button-below"===s)&&u),n.isCopied&&n.showNotificationText&&n.notificationText&&o("p",{part:"sqm-notification-text",class:i.classes.notificationTextStyle},n.notificationText))}export{n as C}