@rededor/cura 2.0.0-alpha.16 → 2.0.0-alpha.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/assets/{cura-assets.zip → Cura Assets.zip} +0 -0
- package/dist/assets/assets/icons/iconset-default-list.ts +1 -1
- package/dist/assets/assets/icons/iconset-default-tmp.svg +78 -2
- package/dist/assets/assets/icons/iconset-default.svg +1 -1
- package/dist/cjs/cura-accordion_22.cjs.entry.js +2 -2
- package/dist/cjs/cura-icons-view.cjs.entry.js +1 -1
- package/dist/collection/assets/icons/iconset-default-list.js +1 -1
- package/dist/collection/assets/icons/iconset-default-tmp.svg +78 -2
- package/dist/collection/assets/icons/iconset-default.svg +1 -1
- package/dist/collection/assets-raw/icons/default/airCond.svg +3 -0
- package/dist/collection/assets-raw/icons/default/backspaceDelete.svg +3 -0
- package/dist/collection/assets-raw/icons/default/bathroom.svg +3 -0
- package/dist/collection/assets-raw/icons/default/bed.svg +3 -0
- package/dist/collection/assets-raw/icons/default/blinds.svg +3 -0
- package/dist/collection/assets-raw/icons/default/clean.svg +3 -0
- package/dist/collection/assets-raw/icons/default/docs.svg +4 -0
- package/dist/collection/assets-raw/icons/default/door.svg +3 -0
- package/dist/collection/assets-raw/icons/default/keyboardArrows.svg +3 -0
- package/dist/collection/assets-raw/icons/default/keyboardNum.svg +10 -0
- package/dist/collection/assets-raw/icons/default/lampSmart.svg +3 -0
- package/dist/collection/assets-raw/icons/default/mobileRotate2.svg +1 -1
- package/dist/collection/assets-raw/icons/default/nutrition.svg +3 -0
- package/dist/collection/assets-raw/icons/default/pause.svg +3 -0
- package/dist/collection/assets-raw/icons/default/sink.svg +3 -0
- package/dist/collection/assets-raw/icons/default/stop.svg +1 -1
- package/dist/collection/assets-raw/icons/default/tv.svg +3 -0
- package/dist/collection/assets-raw/icons/default/userChecklist.svg +3 -0
- package/dist/collection/assets-raw/icons/default/window.svg +3 -0
- package/dist/collection/components/cura-calendar/cura-calendar.css +1 -2
- package/dist/collection/components/forms/cura-select/cura-select.css +128 -0
- package/dist/components/cura-calendar.js +1 -1
- package/dist/components/cura-icons-view.js +1 -1
- package/dist/components/cura-input-date.js +1 -1
- package/dist/components/cura-select.js +1 -1
- package/dist/components/{p-BHVSbubb.js → p-CvyVDrFO.js} +1 -1
- package/dist/components/p-DsdtwUUz.js +1 -0
- package/dist/cura/cura.esm.js +1 -1
- package/dist/cura/p-0dda7b42.entry.js +1 -0
- package/dist/cura/p-cc5d2e34.entry.js +1 -0
- package/dist/esm/cura-accordion_22.entry.js +2 -2
- package/dist/esm/cura-icons-view.entry.js +1 -1
- package/package.json +4 -2
- package/dist/components/p-D4hCuriT.js +0 -1
- package/dist/cura/p-a305e17a.entry.js +0 -1
- package/dist/cura/p-c987ddde.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as i,H as a}from"./p-BxFVLGIR.js";import{i as r}from"./p-sjLA93YY.js";import"./p-BTIDzOyO.js";var o=["360","accessibility","accessibility2","accessibility3","accessibility4","addUser","airCond","airdrop","alertCircle","alertTriangle","arrowDown","arrowDownCircle","arrowLeft","arrowLeftCircle","arrowRight","arrowRightCircle","arrowUp","arrowUpCircle","attach","autism","avatarF","avatarM","backspaceDelete","bathroom","bed","bike","biometry","biop","blinds","bloodGroup","calendar","cam","camOff","cart","central","chatCircle","check","checkBadge","checkCircle","checkDouble","clean","clock","close","closeCircle","coffee","collapse","config","contacts","currency","delete","desktop","doc","docs","door","down","download","drug","duplicate","edit","elevator","exam","examDoc","expand","facebook","fileBmp","fileJpg","filePdf","filePng","fileUpload","fileXls","filter","fullscreen","gallery","geotag","geotagUnity","geotagUnityGroup","google","graph","healthPlan","heart","height","height2","home","horizontalList","id","image","imageUp","infoCircle","instagram","key","keyboardArrows","keyboardNum","lab","lamp","lampSmart","language","language2","languageEN","languagePT","lattes","left","like","link","linkExternal","linkedin","list","login","logout","mail","maintenance","medDoc","medEspec","medImg","medUser","medical","menuHamburguer","menuKebab","menuMeatballs","mic","micOff","minus","minusCircle","minusSquare","mobile","mobileClick","mobileRotate1","mobileRotate2","mobileRotate3","news","notification","npsDeslike","npsHate","npsLike","npsLove","npsNeutral","nutrition","order","parking","partner","pause","phone","play","plus","plusCircle","plusSquare","print","profile","profileCircle","questionCircle","questionSquare","range","reload","ribbon","right","schedule","scheduleCancel","scheduleCheck","scheduleHistorico","search","secure","share","sink","siren","sound","soundOff","star","stop","store","subItem","swap","target","team","telegram","tv","twitter","unLink","unSecure","unity","unlike","up","upload","userChecklist","vaccine","verticalList","viewFalse","viewTrue","weight","whatsapp","wifi","wifiOff","window","xray","youtube","zoomIn","zoomOut"];const c=class{constructor(i){e(this,i),this.sizes=Object.keys(r).filter((e=>"default"!==e)),this.colors=["primary","secondary","accent","info","warning","error","success","neutral"],this.selected=o[0],this.setSelected=e=>{this.selected=e}}connectedCallback(){this.sizes.unshift(this.sizes.pop())}render(){return i(a,{key:"f25d10b3f380cc58fd5b4e77b437e09ba0787df4"},i("div",{key:"5162f1c8aff585a60f37ef9af8451dae8b310394",class:"iconDetail"},i("cura-heading",{key:"2e95f88bf98bcb3b5ea8b2ce6b015ef5d3c984e5",size:"small","margin-block":"0 24px"},"Icon: ",i("b",{key:"102d867291ca3af92c370f044a7140571b15c737"},this.selected)),i("div",{key:"e2fd0833644705ea8b406508be51c6d2d5683d24",class:"iconSizes"},this.sizes.map((e=>i("div",{class:"size"},i("cura-icon",{name:this.selected,size:e}),i("span",null,e))))),i("div",{key:"fa842318750f3cdb5e5d7f7333c9221aaf66b585",class:"iconSizes invert"},this.sizes.map((e=>i("div",{class:"size"},i("cura-icon",{name:this.selected,size:e,color:"neutral-white"}),i("span",null,e)))))),i("div",{key:"a25fd5649fe3bda93f80208e634790da44dde89b",class:"icons"},o.map((e=>i("div",{class:{icon:!0,selected:e===this.selected},onClick:()=>this.setSelected(e)},i("cura-icon",{name:e,size:"32",color:e===this.selected?"accent-dark":"neutral-dark"}),i("cura-label",{size:"xsmall",weight:e===this.selected?"bold":"regular",color:e===this.selected?"accent-dark":"neutral-dark"},e))))))}};c.style=':host{display:block;padding:24px;font-family:"Roboto", Arial, Helvetica, sans-serif}.iconDetail{display:block}.iconSizes{display:flex;align-items:center}.iconSizes .size{display:flex;flex-direction:column;text-align:center;align-items:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px;margin:8px 0}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#2d2d2d;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:flex;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;transition:opacity 0.2s linear;width:105px;display:flex;flex-direction:column;text-align:center;align-items:center;margin-bottom:16px;box-sizing:border-box;}.icons .icon cura-label{margin-top:8px}.icons .icon cura-paragraph{margin-top:4px}';export{c as cura_icons_view}
|
|
@@ -6795,7 +6795,7 @@ var locale = {
|
|
|
6795
6795
|
}
|
|
6796
6796
|
};
|
|
6797
6797
|
|
|
6798
|
-
const curaCalendarCss = () => `:host{display:block;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);margin:0 auto}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);border-radius:4px;overflow:hidden;background:var(--color-neutral-purewhite);font-family:var(--font-family);position:relative}:host .calendar.embedded{border:2px solid var(--neutral-light);padding:0px 12px 12px 12px}:host .calendar.floating{box-shadow:0 4px 8px var(--neutral-light)}:host .header{position:relative;padding:12px 0}:host .header::after{content:"";position:absolute;bottom:0;left:2px;right:2px;border-bottom:2px dotted var(--neutral-light)}:host .month-year{display:flex;padding:12px 8px;justify-content:space-between;align-self:stretch}:host .month-year.dropdown{padding:0%}:host .select{display:flex;padding:7px 10px 0px;justify-content:center;align-items:center;gap:6px;flex:1 0 0}:host .drop-month{display:flex;
|
|
6798
|
+
const curaCalendarCss = () => `:host{display:block;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);margin:0 auto}:host .calendar{display:flex;flex-direction:column;gap:5px;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);border-radius:4px;overflow:hidden;background:var(--color-neutral-purewhite);font-family:var(--font-family);position:relative}:host .calendar.embedded{border:2px solid var(--neutral-light);padding:0px 12px 12px 12px}:host .calendar.floating{box-shadow:0 4px 8px var(--neutral-light)}:host .header{position:relative;padding:12px 0}:host .header::after{content:"";position:absolute;bottom:0;left:2px;right:2px;border-bottom:2px dotted var(--neutral-light)}:host .month-year{display:flex;padding:12px 8px;justify-content:space-between;align-self:stretch}:host .month-year.dropdown{padding:0%}:host .select{display:flex;padding:7px 10px 0px;justify-content:center;align-items:center;gap:6px;flex:1 0 0}:host .drop-month{display:flex;min-width:118px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .drop-year{display:flex;min-width:80px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .days-of-week{display:flex;height:30px;padding:4px;justify-content:center;align-items:center;gap:4px;flex-shrink:0}:host .day{flex:1;text-align:center}:host .dates{display:flex;flex-wrap:wrap;align-items:center;align-self:stretch;gap:0}:host .icon{cursor:pointer;position:relative;overflow:hidden;border-radius:50%}:host .icon.dropdown{margin-top:10px}:host .icon::before{content:"";position:absolute;border-radius:50%;top:50%;left:50%;width:20px;height:20px;background:var(--primary-base);transform:translate(-50%, -50%) scale(0);transition:transform 0.2s ease}:host .icon:active::before{transform:translate(-50%, -50%) scale(1)}:host .icon:active{transform:scale(1)}:host .collapsed-container{text-align:center;position:relative;display:flex;align-items:center;justify-content:center;padding-top:10px}:host .collapsed-container::before{content:"";position:absolute;bottom:0;top:0;left:2px;right:2px;border-top:2px dotted var(--neutral-light)}:host .date{display:flex;justify-content:center;align-items:center;height:auto;width:14.2857142857%;aspect-ratio:1;font-size:14px;cursor:pointer;position:relative;box-sizing:border-box;text-align:center;flex-shrink:0}:host .date.today{border:2px solid var(--primary-darker);border-radius:50%;color:var(--primary-darker)}:host .date.selected{color:var(--select-label) !important;background:var(--primary-base);border-radius:50%}:host .date.default-dates{color:var(--select-label) !important;background:var(--primary-base);border-radius:50%;border:none}:host .date.invalid{color:var(--neutral-dark) !important;cursor:not-allowed}:host .date.invalid:hover{background:none;box-shadow:none}:host .date.valid{color:var(--primary-darker);font-weight:var(--font-weight-bold)}:host .date.range.start{border-radius:50% 0 0 50%;color:var(--select-label) !important;background:var(--primary-base)}:host .date.range.interval{border-radius:0;background:var(--primary-lighter);color:var(--neutral-black) !important}:host .date.range.interval.today{border:none}:host .date.range.end{border-radius:0 50% 50% 0;color:var(--select-label) !important;background:var(--primary-base)}@media (min-width: 992px){:host .date:hover{background:var(--primary-lighter);border-radius:50%;color:var(--neutral-white)}}:host select,:host input{width:60px;font-size:16px;box-shadow:0 2px 2px var(--neutral-black);padding:5px;border-radius:4px;border:1px solid #ccc;background:#f7f7f7}:host .--disabled .icon::before{display:none}:host .--disabled .date{cursor:initial}@media (min-width: 992px){:host .--disabled .date:hover{color:var(--neutral-dark);cursor:initial;background:none;box-shadow:none}}:host .--disabled .default-dates{background-color:transparent;color:var(--neutral-dark) !important}:host .--disabled .today{border:2px solid var(--neutral-dark);color:var(--neutral-dark);cursor:initial}:host .--disabled .valid{color:var(--neutral-dark);font-weight:initial}:host .loading-container{align-items:center;background-color:var(--color-neutral-purewhite);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;position:absolute;width:calc(100% - 12px)}`;
|
|
6799
6799
|
|
|
6800
6800
|
const CuraCalendar = class {
|
|
6801
6801
|
constructor(hostRef) {
|
|
@@ -14057,7 +14057,7 @@ const computePosition = (reference, floating, options) => {
|
|
|
14057
14057
|
});
|
|
14058
14058
|
};
|
|
14059
14059
|
|
|
14060
|
-
const curaSelectCss = () => `:host{display:block;position:relative;font-family:var(--font-family)}.wrapper{width:100%;user-select:none;text-align:left !important}.wrapper cura-label{margin-bottom:8px}.wrapper .helper-text{margin-top:8px;color:var(--neutral-dark)}.wrapper .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper .cura-input-field .feedback-icon{padding-left:12px}.wrapper .cura-input-field .up-down-icon{order:3;padding-right:6px;cursor:pointer;pointer-events:all}.wrapper .cura-input-field .up-down-button{background-color:transparent;border:none}.wrapper .cura-input-field input{padding:0px 12px 0px 8px;cursor:pointer}.wrapper .cura-input-field.open{border-radius:4px 4px 0 0 !important}.wrapper.transparent{background-color:transparent;padding:0px;max-height:80px}.wrapper.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px}.wrapper.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.transparent .cura-input-field .feedback-icon{padding-left:12px}.wrapper.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.wrapper.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.wrapper.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.wrapper.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.wrapper.transparent .helper-text{margin-top:0px}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.wrapper:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black) !important}.wrapper:focus-within.selection .cura-input-field{border-radius:4px 4px 0px 0px}.wrapper.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success .cura-input-field .feedback-icon{padding-left:12px}.wrapper.success .cura-input-field input{color:var(--success-darker) !important}.wrapper.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.wrapper.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.wrapper.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field input{color:var(--error-darker) !important}.wrapper.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.wrapper.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.wrapper.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.wrapper.disabled .cura-input-field input{color:var(--neutral-medium)}.wrapper.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.required{color:red}.menu{position:fixed;left:0;top:0;box-sizing:border-box;background:#fff;border:2px solid var(--neutral-light);border-radius:4px;z-index:1000;max-height:var(--max-height);overflow:hidden;border-top:transparent;align-items:center;scrollbar-color:var(--neutral-medium) var(--neutral-black-20);overflow-y:auto;box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}.menu.open{border-radius:0 !important;padding:12px}`;
|
|
14060
|
+
const curaSelectCss = () => `:host{display:block;position:relative;font-family:var(--font-family)}.wrapper{width:100%;user-select:none;text-align:left !important}.wrapper cura-label{margin-bottom:8px}.wrapper .helper-text{margin-top:8px;color:var(--neutral-dark)}.wrapper .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper .cura-input-field .feedback-icon{padding-left:12px}.wrapper .cura-input-field .up-down-icon{order:3;padding-right:6px;cursor:pointer;pointer-events:all}.wrapper .cura-input-field .up-down-button{background-color:transparent;border:none}.wrapper .cura-input-field input{padding:0px 12px 0px 8px;cursor:pointer}.wrapper .cura-input-field.open{border-radius:4px 4px 0 0 !important}.wrapper.transparent{background-color:transparent;padding:0px;max-height:80px}.wrapper.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px}.wrapper.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.transparent .cura-input-field .feedback-icon{padding-left:12px}.wrapper.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.wrapper.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.wrapper.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.wrapper.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.wrapper.transparent .helper-text{margin-top:0px}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.wrapper:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black) !important}.wrapper:focus-within.selection .cura-input-field{border-radius:4px 4px 0px 0px}.wrapper.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.small .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.wrapper.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.medium .cura-input-field .feedback-icon{padding-left:12px}.wrapper.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.wrapper.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.large .cura-input-field .feedback-icon{padding-left:12px}.wrapper.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.wrapper.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success .cura-input-field .feedback-icon{padding-left:12px}.wrapper.success .cura-input-field input{color:var(--success-darker) !important}.wrapper.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.wrapper.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.wrapper.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field input{color:var(--error-darker) !important}.wrapper.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.wrapper.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.wrapper.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.wrapper.disabled .cura-input-field input{color:var(--neutral-medium)}.wrapper.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.required{color:red}.menu{position:fixed;left:0;top:0;box-sizing:border-box;background:#fff;border:2px solid var(--neutral-light);border-radius:4px;z-index:1000;max-height:var(--max-height);overflow:hidden;border-top:transparent;align-items:center;scrollbar-color:var(--neutral-medium) var(--neutral-black-20);overflow-y:auto;box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}.menu.open{border-radius:0 !important;padding:12px}`;
|
|
14061
14061
|
|
|
14062
14062
|
const CuraSelect = class {
|
|
14063
14063
|
constructor(hostRef) {
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host } from './index-Ce1Pxw3V.js';
|
|
|
2
2
|
import { i as iconSizes } from './cura-icon.definitions-sjLA93YY.js';
|
|
3
3
|
import './theme-legacy-default-BTIDzOyO.js';
|
|
4
4
|
|
|
5
|
-
var iconsetdefaulticons = ["360", "accessibility", "accessibility2", "accessibility3", "accessibility4", "addUser", "airdrop", "alertCircle", "alertTriangle", "arrowDown", "arrowDownCircle", "arrowLeft", "arrowLeftCircle", "arrowRight", "arrowRightCircle", "arrowUp", "arrowUpCircle", "attach", "autism", "avatarF", "avatarM", "bike", "biometry", "biop", "bloodGroup", "calendar", "cam", "camOff", "cart", "central", "chatCircle", "check", "checkBadge", "checkCircle", "checkDouble", "clock", "close", "closeCircle", "coffee", "collapse", "config", "contacts", "currency", "delete", "desktop", "doc", "down", "download", "drug", "duplicate", "edit", "elevator", "exam", "examDoc", "expand", "facebook", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "geotagUnity", "geotagUnityGroup", "google", "graph", "healthPlan", "heart", "height", "height2", "home", "horizontalList", "id", "image", "imageUp", "infoCircle", "instagram", "key", "lab", "lamp", "language", "language2", "languageEN", "languagePT", "lattes", "left", "like", "link", "linkExternal", "linkedin", "list", "login", "logout", "mail", "maintenance", "medDoc", "medEspec", "medImg", "medUser", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "mobileClick", "mobileRotate1", "mobileRotate2", "mobileRotate3", "news", "notification", "npsDeslike", "npsHate", "npsLike", "npsLove", "npsNeutral", "order", "parking", "partner", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profileCircle", "questionCircle", "questionSquare", "range", "reload", "ribbon", "right", "schedule", "scheduleCancel", "scheduleCheck", "scheduleHistorico", "search", "secure", "share", "siren", "sound", "soundOff", "star", "stop", "store", "subItem", "swap", "target", "team", "telegram", "twitter", "unLink", "unSecure", "unity", "unlike", "up", "upload", "vaccine", "verticalList", "viewFalse", "viewTrue", "weight", "whatsapp", "wifi", "wifiOff", "xray", "youtube", "zoomIn", "zoomOut"];
|
|
5
|
+
var iconsetdefaulticons = ["360", "accessibility", "accessibility2", "accessibility3", "accessibility4", "addUser", "airCond", "airdrop", "alertCircle", "alertTriangle", "arrowDown", "arrowDownCircle", "arrowLeft", "arrowLeftCircle", "arrowRight", "arrowRightCircle", "arrowUp", "arrowUpCircle", "attach", "autism", "avatarF", "avatarM", "backspaceDelete", "bathroom", "bed", "bike", "biometry", "biop", "blinds", "bloodGroup", "calendar", "cam", "camOff", "cart", "central", "chatCircle", "check", "checkBadge", "checkCircle", "checkDouble", "clean", "clock", "close", "closeCircle", "coffee", "collapse", "config", "contacts", "currency", "delete", "desktop", "doc", "docs", "door", "down", "download", "drug", "duplicate", "edit", "elevator", "exam", "examDoc", "expand", "facebook", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "geotagUnity", "geotagUnityGroup", "google", "graph", "healthPlan", "heart", "height", "height2", "home", "horizontalList", "id", "image", "imageUp", "infoCircle", "instagram", "key", "keyboardArrows", "keyboardNum", "lab", "lamp", "lampSmart", "language", "language2", "languageEN", "languagePT", "lattes", "left", "like", "link", "linkExternal", "linkedin", "list", "login", "logout", "mail", "maintenance", "medDoc", "medEspec", "medImg", "medUser", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "mobileClick", "mobileRotate1", "mobileRotate2", "mobileRotate3", "news", "notification", "npsDeslike", "npsHate", "npsLike", "npsLove", "npsNeutral", "nutrition", "order", "parking", "partner", "pause", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profileCircle", "questionCircle", "questionSquare", "range", "reload", "ribbon", "right", "schedule", "scheduleCancel", "scheduleCheck", "scheduleHistorico", "search", "secure", "share", "sink", "siren", "sound", "soundOff", "star", "stop", "store", "subItem", "swap", "target", "team", "telegram", "tv", "twitter", "unLink", "unSecure", "unity", "unlike", "up", "upload", "userChecklist", "vaccine", "verticalList", "viewFalse", "viewTrue", "weight", "whatsapp", "wifi", "wifiOff", "window", "xray", "youtube", "zoomIn", "zoomOut"];
|
|
6
6
|
|
|
7
7
|
const curaIconsViewCss = () => `:host{display:block;padding:24px;font-family:"Roboto", Arial, Helvetica, sans-serif}.iconDetail{display:block}.iconSizes{display:flex;align-items:center}.iconSizes .size{display:flex;flex-direction:column;text-align:center;align-items:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px;margin:8px 0}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#2d2d2d;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:flex;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;transition:opacity 0.2s linear;width:105px;display:flex;flex-direction:column;text-align:center;align-items:center;margin-bottom:16px;box-sizing:border-box;}.icons .icon cura-label{margin-top:8px}.icons .icon cura-paragraph{margin-top:4px}`;
|
|
8
8
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rededor/cura",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.21",
|
|
4
4
|
"description": "Cura Design System",
|
|
5
5
|
"author": "Rede D`Or São Luiz",
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,6 +20,8 @@
|
|
|
20
20
|
"build": "stencil build --docs && npm run build-storybook",
|
|
21
21
|
"start": "stencil build --dev --watch --serve",
|
|
22
22
|
"test": "stencil test --spec --e2e",
|
|
23
|
+
"test:ci": "stencil test --spec",
|
|
24
|
+
"test:coverage": "stencil test --spec --coverage",
|
|
23
25
|
"test.watch": "stencil test --spec --e2e --watchAll",
|
|
24
26
|
"generate": "stencil generate",
|
|
25
27
|
"build:iconset": "node ./node/iconset-builder.js",
|
|
@@ -54,5 +56,5 @@
|
|
|
54
56
|
"storybook": "^7.6.7",
|
|
55
57
|
"svgo": "^3.3.2"
|
|
56
58
|
},
|
|
57
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "72e4d0405f3610ede8c4c22472eb2952e2fa6d8c"
|
|
58
60
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as t,H as e,k as r,i as n,j as i,t as o}from"./p-DBXUEjWh.js";import{d as a}from"./p-DI66_jP6.js";import{d as s}from"./p-i55vIhdM.js";const l=Math.min,c=Math.max,u=Math.round,d=Math.floor,p=t=>({x:t,y:t}),h={left:"right",right:"left",bottom:"top",top:"bottom"};function f(t,e,r){return c(t,l(e,r))}function b(t,e){return"function"==typeof t?t(e):t}function m(t){return t.split("-")[0]}function x(t){return t.split("-")[1]}function g(t){return"x"===t?"y":"x"}function w(t){return"y"===t?"height":"width"}function v(t){const e=t[0];return"t"===e||"b"===e?"y":"x"}function y(t){return g(v(t))}function k(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const z=["left","right"],O=["right","left"],A=["top","bottom"],S=["bottom","top"];function C(t){const e=m(t);return h[e]+t.slice(e.length)}function F(t){const{x:e,y:r,width:n,height:i}=t;return{width:n,height:i,top:r,left:e,right:e+n,bottom:r+i,x:e,y:r}}function M(t,e,r){let{reference:n,floating:i}=t;const o=v(e),a=y(e),s=w(a),l=m(e),c="y"===o,u=n.x+n.width/2-i.width/2,d=n.y+n.height/2-i.height/2,p=n[s]/2-i[s]/2;let h;switch(l){case"top":h={x:u,y:n.y-i.height};break;case"bottom":h={x:u,y:n.y+n.height};break;case"right":h={x:n.x+n.width,y:d};break;case"left":h={x:n.x-i.width,y:d};break;default:h={x:n.x,y:n.y}}switch(x(e)){case"start":h[a]-=p*(r&&c?-1:1);break;case"end":h[a]+=p*(r&&c?-1:1)}return h}async function E(t,e){var r;void 0===e&&(e={});const{x:n,y:i,platform:o,rects:a,elements:s,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:p=!1,padding:h=0}=b(e,t),f=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(h),m=s[p?"floating"===d?"reference":"floating":d],x=F(await o.getClippingRect({element:null==(r=await(null==o.isElement?void 0:o.isElement(m)))||r?m:m.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(s.floating)),boundary:c,rootBoundary:u,strategy:l})),g="floating"===d?{x:n,y:i,width:a.floating.width,height:a.floating.height}:a.reference,w=await(null==o.getOffsetParent?void 0:o.getOffsetParent(s.floating)),v=await(null==o.isElement?void 0:o.isElement(w))&&await(null==o.getScale?void 0:o.getScale(w))||{x:1,y:1},y=F(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:g,offsetParent:w,strategy:l}):g);return{top:(x.top-y.top+f.top)/v.y,bottom:(y.bottom-x.bottom+f.bottom)/v.y,left:(x.left-y.left+f.left)/v.x,right:(y.right-x.right+f.right)/v.x}}const L=new Set(["left","top"]);function R(){return"undefined"!=typeof window}function I(t){return j(t)?(t.nodeName||"").toLowerCase():"#document"}function D(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function P(t){var e;return null==(e=(j(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function j(t){return!!R()&&(t instanceof Node||t instanceof D(t).Node)}function H(t){return!!R()&&(t instanceof Element||t instanceof D(t).Element)}function T(t){return!!R()&&(t instanceof HTMLElement||t instanceof D(t).HTMLElement)}function $(t){return!(!R()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof D(t).ShadowRoot)}function q(t){const{overflow:e,overflowX:r,overflowY:n,display:i}=Y(t);return/auto|scroll|overlay|hidden|clip/.test(e+n+r)&&"inline"!==i&&"contents"!==i}function N(t){return/^(table|td|th)$/.test(I(t))}function B(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const V=/transform|translate|scale|rotate|perspective|filter/,U=/paint|layout|strict|content/,W=t=>!!t&&"none"!==t;let X;function _(t){const e=H(t)?Y(t):t;return W(e.transform)||W(e.translate)||W(e.scale)||W(e.rotate)||W(e.perspective)||!J()&&(W(e.backdropFilter)||W(e.filter))||V.test(e.willChange||"")||U.test(e.contain||"")}function J(){return null==X&&(X="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),X}function K(t){return/^(html|body|#document)$/.test(I(t))}function Y(t){return D(t).getComputedStyle(t)}function G(t){return H(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Q(t){if("html"===I(t))return t;const e=t.assignedSlot||t.parentNode||$(t)&&t.host||P(t);return $(e)?e.host:e}function Z(t){const e=Q(t);return K(e)?t.ownerDocument?t.ownerDocument.body:t.body:T(e)&&q(e)?e:Z(e)}function tt(t,e,r){var n;void 0===e&&(e=[]),void 0===r&&(r=!0);const i=Z(t),o=i===(null==(n=t.ownerDocument)?void 0:n.body),a=D(i);if(o){const t=et(a);return e.concat(a,a.visualViewport||[],q(i)?i:[],t&&r?tt(t):[])}return e.concat(i,tt(i,[],r))}function et(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function rt(t){const e=Y(t);let r=parseFloat(e.width)||0,n=parseFloat(e.height)||0;const i=T(t),o=i?t.offsetWidth:r,a=i?t.offsetHeight:n,s=u(r)!==o||u(n)!==a;return s&&(r=o,n=a),{width:r,height:n,$:s}}function nt(t){return H(t)?t:t.contextElement}function it(t){const e=nt(t);if(!T(e))return p(1);const r=e.getBoundingClientRect(),{width:n,height:i,$:o}=rt(e);let a=(o?u(r.width):r.width)/n,s=(o?u(r.height):r.height)/i;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const ot=p(0);function at(t){const e=D(t);return J()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:ot}function st(t,e,r,n){void 0===e&&(e=!1),void 0===r&&(r=!1);const i=t.getBoundingClientRect(),o=nt(t);let a=p(1);e&&(n?H(n)&&(a=it(n)):a=it(t));const s=function(t,e,r){return void 0===e&&(e=!1),!(!r||e&&r!==D(t))&&e}(o,r,n)?at(o):p(0);let l=(i.left+s.x)/a.x,c=(i.top+s.y)/a.y,u=i.width/a.x,d=i.height/a.y;if(o){const t=D(o),e=n&&H(n)?D(n):n;let r=t,i=et(r);for(;i&&n&&e!==r;){const t=it(i),e=i.getBoundingClientRect(),n=Y(i),o=e.left+(i.clientLeft+parseFloat(n.paddingLeft))*t.x,a=e.top+(i.clientTop+parseFloat(n.paddingTop))*t.y;l*=t.x,c*=t.y,u*=t.x,d*=t.y,l+=o,c+=a,r=D(i),i=et(r)}}return F({width:u,height:d,x:l,y:c})}function lt(t,e){const r=G(t).scrollLeft;return e?e.left+r:st(P(t)).left+r}function ct(t,e){const r=t.getBoundingClientRect();return{x:r.left+e.scrollLeft-lt(t,r),y:r.top+e.scrollTop}}function ut(t,e,r){let n;if("viewport"===e)n=function(t,e){const r=D(t),n=P(t),i=r.visualViewport;let o=n.clientWidth,a=n.clientHeight,s=0,l=0;if(i){o=i.width,a=i.height;const t=J();(!t||t&&"fixed"===e)&&(s=i.offsetLeft,l=i.offsetTop)}const c=lt(n);if(c<=0){const t=n.ownerDocument,e=t.body,r=getComputedStyle(e),i="CSS1Compat"===t.compatMode&&parseFloat(r.marginLeft)+parseFloat(r.marginRight)||0,a=Math.abs(n.clientWidth-e.clientWidth-i);a<=25&&(o-=a)}else c<=25&&(o+=c);return{width:o,height:a,x:s,y:l}}(t,r);else if("document"===e)n=function(t){const e=P(t),r=G(t),n=t.ownerDocument.body,i=c(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),o=c(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight);let a=-r.scrollLeft+lt(t);const s=-r.scrollTop;return"rtl"===Y(n).direction&&(a+=c(e.clientWidth,n.clientWidth)-i),{width:i,height:o,x:a,y:s}}(P(t));else if(H(e))n=function(t,e){const r=st(t,!0,"fixed"===e),n=r.top+t.clientTop,i=r.left+t.clientLeft,o=T(t)?it(t):p(1);return{width:t.clientWidth*o.x,height:t.clientHeight*o.y,x:i*o.x,y:n*o.y}}(e,r);else{const r=at(t);n={x:e.x-r.x,y:e.y-r.y,width:e.width,height:e.height}}return F(n)}function dt(t,e){const r=Q(t);return!(r===e||!H(r)||K(r))&&("fixed"===Y(r).position||dt(r,e))}function pt(t,e,r){const n=T(e),i=P(e),o="fixed"===r,a=st(t,!0,o,e);let s={scrollLeft:0,scrollTop:0};const l=p(0);function c(){l.x=lt(i)}if(n||!n&&!o)if(("body"!==I(e)||q(i))&&(s=G(e)),n){const t=st(e,!0,o,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else i&&c();o&&!n&&i&&c();const u=!i||n||o?p(0):ct(i,s);return{x:a.left+s.scrollLeft-l.x-u.x,y:a.top+s.scrollTop-l.y-u.y,width:a.width,height:a.height}}function ht(t){return"static"===Y(t).position}function ft(t,e){if(!T(t)||"fixed"===Y(t).position)return null;if(e)return e(t);let r=t.offsetParent;return P(t)===r&&(r=r.ownerDocument.body),r}function bt(t,e){const r=D(t);if(B(t))return r;if(!T(t)){let e=Q(t);for(;e&&!K(e);){if(H(e)&&!ht(e))return e;e=Q(e)}return r}let n=ft(t,e);for(;n&&N(n)&&ht(n);)n=ft(n,e);return n&&K(n)&&ht(n)&&!_(n)?r:n||function(t){let e=Q(t);for(;T(e)&&!K(e);){if(_(e))return e;if(B(e))return null;e=Q(e)}return null}(t)||r}const mt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:r,offsetParent:n,strategy:i}=t;const o="fixed"===i,a=P(n),s=!!e&&B(e.floating);if(n===a||s&&o)return r;let l={scrollLeft:0,scrollTop:0},c=p(1);const u=p(0),d=T(n);if((d||!d&&!o)&&(("body"!==I(n)||q(a))&&(l=G(n)),d)){const t=st(n);c=it(n),u.x=t.x+n.clientLeft,u.y=t.y+n.clientTop}const h=!a||d||o?p(0):ct(a,l);return{width:r.width*c.x,height:r.height*c.y,x:r.x*c.x-l.scrollLeft*c.x+u.x+h.x,y:r.y*c.y-l.scrollTop*c.y+u.y+h.y}},getDocumentElement:P,getClippingRect:function(t){let{element:e,boundary:r,rootBoundary:n,strategy:i}=t;const o=[..."clippingAncestors"===r?B(e)?[]:function(t,e){const r=e.get(t);if(r)return r;let n=tt(t,[],!1).filter((t=>H(t)&&"body"!==I(t))),i=null;const o="fixed"===Y(t).position;let a=o?Q(t):t;for(;H(a)&&!K(a);){const e=Y(a),r=_(a);r||"fixed"!==e.position||(i=null),(o?!r&&!i:!r&&"static"===e.position&&i&&("absolute"===i.position||"fixed"===i.position)||q(a)&&!r&&dt(t,a))?n=n.filter((t=>t!==a)):i=e,a=Q(a)}return e.set(t,n),n}(e,this._c):[].concat(r),n],a=ut(e,o[0],i);let s=a.top,u=a.right,d=a.bottom,p=a.left;for(let t=1;t<o.length;t++){const r=ut(e,o[t],i);s=c(r.top,s),u=l(r.right,u),d=l(r.bottom,d),p=c(r.left,p)}return{width:u-p,height:d-s,x:p,y:s}},getOffsetParent:bt,getElementRects:async function(t){const e=this.getOffsetParent||bt,r=this.getDimensions,n=await r(t.floating);return{reference:pt(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:r}=rt(t);return{width:e,height:r}},getScale:it,isElement:H,isRTL:function(t){return"rtl"===Y(t).direction}};function xt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}const gt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:r,y:n,placement:i,platform:o}=e,{mainAxis:a=!0,crossAxis:s=!1,limiter:l={fn:t=>{let{x:e,y:r}=t;return{x:e,y:r}}},...c}=b(t,e),u={x:r,y:n},d=await o.detectOverflow(e,c),p=v(m(i)),h=g(p);let x=u[h],w=u[p];a&&(x=f(x+d["y"===h?"top":"left"],x,x-d["y"===h?"bottom":"right"])),s&&(w=f(w+d["y"===p?"top":"left"],w,w-d["y"===p?"bottom":"right"]));const y=l.fn({...e,[h]:x,[p]:w});return{...y,data:{x:y.x-r,y:y.y-n,enabled:{[h]:a,[p]:s}}}}}},wt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var r,n;const{placement:i,middlewareData:o,rects:a,initialPlacement:s,platform:l,elements:c}=e,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:p,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:g=!0,...F}=b(t,e);if(null!=(r=o.arrow)&&r.alignmentOffset)return{};const M=m(i),E=v(s),L=m(s)===s,R=await(null==l.isRTL?void 0:l.isRTL(c.floating)),I=p||(L||!g?[C(s)]:function(t){const e=C(t);return[k(t),e,k(e)]}(s)),D="none"!==f;!p&&D&&I.push(...function(t,e,r,n){const i=x(t);let o=function(t,e,r){switch(t){case"top":case"bottom":return r?e?O:z:e?z:O;case"left":case"right":return e?A:S;default:return[]}}(m(t),"start"===r,n);return i&&(o=o.map((t=>t+"-"+i)),e&&(o=o.concat(o.map(k)))),o}(s,g,f,R));const P=[s,...I],j=await l.detectOverflow(e,F),H=[];let T=(null==(n=o.flip)?void 0:n.overflows)||[];if(u&&H.push(j[M]),d){const t=function(t,e,r){void 0===r&&(r=!1);const n=x(t),i=y(t),o=w(i);let a="x"===i?n===(r?"end":"start")?"right":"left":"start"===n?"bottom":"top";return e.reference[o]>e.floating[o]&&(a=C(a)),[a,C(a)]}(i,a,R);H.push(j[t[0]],j[t[1]])}if(T=[...T,{placement:i,overflows:H}],!H.every((t=>t<=0))){var $,q;const t=((null==($=o.flip)?void 0:$.index)||0)+1,e=P[t];if(e&&("alignment"!==d||E===v(e)||T.every((t=>v(t.placement)!==E||t.overflows[0]>0))))return{data:{index:t,overflows:T},reset:{placement:e}};let r=null==(q=T.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:q.placement;if(!r)switch(h){case"bestFit":{var N;const t=null==(N=T.filter((t=>{if(D){const e=v(t.placement);return e===E||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:N[0];t&&(r=t);break}case"initialPlacement":r=s}if(i!==r)return{reset:{placement:r}}}return{}}}},vt=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var r,n;const{placement:i,rects:o,platform:a,elements:s}=e,{apply:u=()=>{},...d}=b(t,e),p=await a.detectOverflow(e,d),h=m(i),f=x(i),g="y"===v(i),{width:w,height:y}=o.floating;let k,z;"top"===h||"bottom"===h?(k=h,z=f===(await(null==a.isRTL?void 0:a.isRTL(s.floating))?"start":"end")?"left":"right"):(z=h,k="end"===f?"top":"bottom");const O=y-p.top-p.bottom,A=w-p.left-p.right;let S=l(y-p[k],O),C=l(w-p[z],A);if(null!=(r=e.middlewareData.shift)&&r.enabled.x&&(C=A),null!=(n=e.middlewareData.shift)&&n.enabled.y&&(S=O),!e.middlewareData.shift&&!f){const t=c(p.left,0),e=c(p.right,0),r=c(p.top,0),n=c(p.bottom,0);g?C=w-2*(0!==t||0!==e?t+e:c(p.left,p.right)):S=y-2*(0!==r||0!==n?r+n:c(p.top,p.bottom))}await u({...e,availableWidth:C,availableHeight:S});const F=await a.getDimensions(s.floating);return w!==F.width||y!==F.height?{reset:{rects:!0}}:{}}}},yt=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selected=r(this,"selected"),this.searchTermInput=r(this,"searchTermInput"),this.internals=this.attachInternals(),this.label="",this.placeholder="",this.value="",this.mode="default",this.size="medium",this.status="default",this.disabled=!1,this.required=!1,this.searchBehavior=!1,this.caseSensitive=!0,this.maxHeight="285px",this.isHovered=!1,this.isFocused=!1,this.isOpen=!1,this.isPositioned=!1,this.menuStyle={top:"0px",left:"0px",width:"0px",maxHeight:this.maxHeight},this.activeIndex=-1,this.preferredPlacement="bottom",this.textInput="",this.floatingPlacement="bottom-start",this.styles={},this.theme=window.CuraAPI.theme,this.handleMutations=t=>{t.forEach((t=>{"attributes"===t.type&&"selected"===t.attributeName&&this.updateSelectedOption()}))},this.onOptiselected=t=>{const e=t.target;this.clearSelectedAttributes(),e.setAttribute("selected","true")},this.handleKeyNavigation=t=>{var e;const{code:r}=t;if(!this.isOpen&&"ArrowDown"===r)return this.openMenu(),void(this.activeIndex=0);"ArrowDown"===r&&(t.preventDefault(),this.updateActiveIndex(1)),"ArrowUp"===r&&(t.preventDefault(),this.updateActiveIndex(-1)),"Enter"!==r&&"Space"!==r||null===(e=this.options[this.activeIndex])||void 0===e||e.click(),"Escape"===r&&this.closeMenu()},this.handleInputChange=t=>{this.textInput=t.target.value,this.searchBehavior&&(this.textInput.length>0&&!this.isOpen&&this.openMenu(),0===this.textInput.length&&this.isOpen&&this.closeMenu()),this.internals.setFormValue(this.textInput)},this.handleClick=t=>this.disabled?t.preventDefault():"CURA-SELECT-OPTION"===t.target.tagName?this.onOptiselected(t):void(this.isOpen?this.closeMenu():this.openMenu()),this.handleClickOutside=t=>{const e=t.composedPath&&t.composedPath()||[];!(e.includes(this.host)||this.menuElement&&e.includes(this.menuElement))&&this.closeMenu()},this.handleViewportChange=()=>{this.isOpen&&this.updateMenuPosition()}}updateOptionHighlights(t){this.options.forEach(((e,r)=>e.active=r===t))}filterOptions(t){if(this.searchTermInput.emit(t),!this.isOpen||!this.searchBehavior)return;const e=t=>t.normalize("NFD").replace(/[\u0300-\u036f]/g,"");let r=t;this.caseSensitive||(r=e(r).toLocaleLowerCase()),this.options.forEach((t=>{let n=t.textContent||"";this.caseSensitive||(n=e(null==n?void 0:n.toLowerCase()));const i=n.includes(r);t.style.display=i?"block":"none"}))}formAssociatedCallback(t){t.ariaLabel=this.label}formStateRestoreCallback(t){this.textInput=t.value,this.updateSelectedOption()}formResetCallback(){this.textInput="",this.clearSelectedAttributes(),this.internals.setFormValue(""),this.internals.setValidity({})}formDisabledCallback(t){this.disabled=t}componentWillLoad(){this.initializeOptions()}componentDidLoad(){this.setupMutationObserver(),this.addOutsideClickListener(),this.addPositionListeners()}connectedCallback(){this.applyStyles()}disconnectedCallback(){var t,e;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.removeOutsideClickListener(),this.removePositionListeners(),null===(e=this.cleanupAutoUpdate)||void 0===e||e.call(this)}initializeOptions(){var t;this.options=this.host.querySelectorAll("cura-select-option"),this.options.forEach((t=>{t.setAttribute("size",this.size);const e=this.value===t.value;t.setAttribute("selected",JSON.stringify(e)),e&&(this.value=t.value,this.internals.setFormValue(t.value))})),this.textInput=(null===(t=Array.from(this.options).find((t=>t.value===this.value)))||void 0===t?void 0:t.textContent)||this.textInput}applyStyles(){const{fonts:t,colors:e}=this.theme,r=t.getWeights();this.styles=Object.assign(Object.assign({},this.styles),{"--font-weight-medium":r.medium,"--font-weight-bold":r.bold,"--font-weight-regular":r.regular,"--font-color":t.getColor(),"--font-family":t.getFamily(),"--font-size":t.getSize()}),["primary-base","neutral-purewhite","neutral-white","neutral-black","neutral-medium","neutral-light","neutral-base","neutral-dark","success-dark","success-darker","success-lighter","error-lighter","error-dark","error-darker","error-base","info-base"].forEach((t=>{this.styles[`--${t}`]=e.getColor(t)}))}setupMutationObserver(){this.mutationObserver=new MutationObserver(this.handleMutations),this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0,attributeFilter:["selected","value"]})}handleValueChange(t){this.clearSelectedAttributes();const e=this.host.querySelector(`cura-select-option[value="${t}"]`);e&&e.setAttribute("selected","true")}updateSelectedOption(){const t=this.host.querySelector("cura-select-option[selected]");t&&(this.value=t.value,this.internals.setFormValue(this.value),this.textInput!==t.textContent&&(this.textInput=t.textContent,this.closeMenu(),this.selected.emit(t.value)))}clearSelectedAttributes(){this.options.forEach((t=>t.removeAttribute("selected")))}updateActiveIndex(t){0!==this.options.length&&(this.activeIndex=(this.activeIndex+t+this.options.length)%this.options.length)}getClasses(){return{wrapper:!0,label:!!this.label,disabled:this.disabled,transparent:"transparent"===this.mode,[this.size.toLowerCase()]:!0,[this.status.toLowerCase()]:!0}}getColor(t){if(this.disabled)return"neutral-medium";const e="default"===this.status,r=this.isFocused||this.isHovered;return"label"===t?!e||r?"neutral-black":"neutral-dark":r&&e?"neutral-black":"success"===this.status?"success-dark":"error"===this.status?"error-dark":"neutral-dark"}renderIcon(){return"default"!==this.status||this.iconName?n("cura-icon",{class:"feedback-icon",name:{default:this.iconName,success:"checkCircle",error:"alertCircle"}[this.status],iconset:"default",size:"large"===this.size?20:16,color:this.getColor("icon"),style:this.styles}):null}openMenu(){this.isOpen=!0,this.isPositioned=!1,requestAnimationFrame((()=>this.setupFloating()))}closeMenu(){var t;this.isOpen=!1,this.isPositioned=!1,null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this)}addOutsideClickListener(){document.addEventListener("click",this.handleClickOutside)}removeOutsideClickListener(){document.removeEventListener("click",this.handleClickOutside)}addPositionListeners(){window.addEventListener("resize",this.handleViewportChange,{passive:!0}),window.addEventListener("scroll",this.handleViewportChange,!0)}removePositionListeners(){window.removeEventListener("resize",this.handleViewportChange),window.removeEventListener("scroll",this.handleViewportChange,!0)}parseMaxHeight(){const t=parseFloat(this.maxHeight);return Number.isFinite(t)?t:285}setupFloating(){var t;this.inputWrapper&&this.menuElement&&(null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),this.cleanupAutoUpdate=function(t,e,r,n){void 0===n&&(n={});const{ancestorScroll:i=!0,ancestorResize:o=!0,elementResize:a="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:u=!1}=n,p=nt(t),h=i||o?[...p?tt(p):[],...e?tt(e):[]]:[];h.forEach((t=>{i&&t.addEventListener("scroll",r,{passive:!0}),o&&t.addEventListener("resize",r)}));const f=p&&s?function(t,e){let r,n=null;const i=P(t);function o(){var t;clearTimeout(r),null==(t=n)||t.disconnect(),n=null}return function a(s,u){void 0===s&&(s=!1),void 0===u&&(u=1),o();const p=t.getBoundingClientRect(),{left:h,top:f,width:b,height:m}=p;if(s||e(),!b||!m)return;const x={rootMargin:-d(f)+"px "+-d(i.clientWidth-(h+b))+"px "+-d(i.clientHeight-(f+m))+"px "+-d(h)+"px",threshold:c(0,l(1,u))||1};let g=!0;function w(e){const n=e[0].intersectionRatio;if(n!==u){if(!g)return a();n?a(!1,n):r=setTimeout((()=>{a(!1,1e-7)}),1e3)}1!==n||xt(p,t.getBoundingClientRect())||a(),g=!1}try{n=new IntersectionObserver(w,{...x,root:i.ownerDocument})}catch(t){n=new IntersectionObserver(w,x)}n.observe(t)}(!0),o}(p,r):null;let b,m=-1,x=null;a&&(x=new ResizeObserver((t=>{let[n]=t;n&&n.target===p&&x&&e&&(x.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame((()=>{var t;null==(t=x)||t.observe(e)}))),r()})),p&&!u&&x.observe(p),e&&x.observe(e));let g=u?st(t):null;return u&&function e(){const n=st(t);g&&!xt(g,n)&&r(),g=n,b=requestAnimationFrame(e)}(),r(),()=>{var t;h.forEach((t=>{i&&t.removeEventListener("scroll",r),o&&t.removeEventListener("resize",r)})),null==f||f(),null==(t=x)||t.disconnect(),x=null,u&&cancelAnimationFrame(b)}}(this.inputWrapper,this.menuElement,(()=>{this.updateMenuPosition()})),this.updateMenuPosition())}updateMenuPosition(){var t;this.inputWrapper&&this.menuElement&&((t,e,r)=>{const n=new Map,i={platform:mt,...r},o={...i.platform,_c:n};return(async(t,e,r)=>{const{placement:n="bottom",strategy:i="absolute",middleware:o=[],platform:a}=r,s=a.detectOverflow?a:{...a,detectOverflow:E},l=await(null==a.isRTL?void 0:a.isRTL(e));let c=await a.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:d}=M(c,n,l),p=n,h=0;const f={};for(let r=0;r<o.length;r++){const b=o[r];if(!b)continue;const{name:m,fn:x}=b,{x:g,y:w,data:v,reset:y}=await x({x:u,y:d,initialPlacement:n,placement:p,strategy:i,middlewareData:f,rects:c,platform:s,elements:{reference:t,floating:e}});u=null!=g?g:u,d=null!=w?w:d,f[m]={...f[m],...v},y&&h<50&&(h++,"object"==typeof y&&(y.placement&&(p=y.placement),y.rects&&(c=!0===y.rects?await a.getElementRects({reference:t,floating:e,strategy:i}):y.rects),({x:u,y:d}=M(c,p,l))),r=-1)}return{x:u,y:d,placement:p,strategy:i,middlewareData:f}})(t,e,{...i,platform:o})})(this.inputWrapper,this.menuElement,{strategy:"fixed",placement:this.floatingPlacement,middleware:[(t=0,void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var r,n;const{x:i,y:o,placement:a,middlewareData:s}=e,l=await async function(t,e){const{placement:r,platform:n,elements:i}=t,o=await(null==n.isRTL?void 0:n.isRTL(i.floating)),a=m(r),s=x(r),l="y"===v(r),c=L.has(a)?-1:1,u=o&&l?-1:1,d=b(e,t);let{mainAxis:p,crossAxis:h,alignmentAxis:f}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return s&&"number"==typeof f&&(h="end"===s?-1*f:f),l?{x:h*u,y:p*c}:{x:p*c,y:h*u}}(e,t);return a===(null==(r=s.offset)?void 0:r.placement)&&null!=(n=s.arrow)&&n.alignmentOffset?{}:{x:i+l.x,y:o+l.y,data:{...l,placement:a}}}}),wt(),gt({padding:8}),vt({apply:({rects:t,availableHeight:e})=>{this.menuStyle=Object.assign(Object.assign({},this.menuStyle),{width:`${t.reference.width}px`,maxHeight:`${Math.min(e,this.parseMaxHeight())}px`})}})]}).then((({x:t,y:e,placement:r})=>{this.preferredPlacement=r.startsWith("top")?"top":"bottom",this.menuStyle=Object.assign(Object.assign({},this.menuStyle),{top:`${e}px`,left:`${t}px`}),this.isPositioned=!0}))}render(){return n(i,{key:"7621641772e6c166b5359346f0d0681a614c1f5c",style:this.styles,role:"combobox","aria-label":this.label,"aria-required":String(this.required),"aria-disabled":String(this.disabled),"aria-invalid":String("error"===this.status)},n("div",{key:"7cc11beb3a10ada937c4668fdfcdb98b380200e0",class:this.getClasses(),onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,onClick:this.handleClick},this.label&&n("cura-label",{key:"d10426c84bb97db84074430f537293407f7afa05",class:"label",weight:"bold",size:"large"===this.size?"small":"xsmall",color:this.getColor("label")},this.label," ",this.required&&n("span",{key:"82808b9add65b3c6abf03e56fe63dccd574229f3",class:"required"},"* ")),n("div",{key:"e37b1468d0bf2bdac3f1c2096c22840fe7e0eced",class:{"cura-input-field":!0,open:this.isOpen},ref:t=>this.inputWrapper=t},this.renderIcon(),n("input",{key:"7fabd1a5fc59c479ea09d95f7552f49f8448125e",type:"text",autocomplete:"off",onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1,onKeyDown:this.handleKeyNavigation,"aria-required":String(this.required),"aria-disabled":String(this.disabled),"aria-invalid":String("error"===this.status),onInput:this.handleInputChange,style:this.styles,placeholder:this.placeholder,disabled:this.disabled,required:this.required,value:this.textInput,readonly:!this.searchBehavior||null}),n("button",{key:"9fa767799517d3872d60e33a9d71562bfe24d0c5",class:"up-down-button"},n("cura-icon",{key:"2299a69d28c72eba5f2a18faa87c653226105034",name:this.isOpen?"up":"down",class:"up-down-icon",color:this.disabled?"neutral-dark":"primary-base",size:16,iconset:"default"}))),n("cura-label",{key:"6c88858d35cdf9c756b9ee7d9e93f5ff0596e372",class:"helper-text",size:"xsmall",color:this.getColor("text"),weight:"transparent"===this.mode?"bold":"regular"},n("slot",{key:"55a075d118ba10f7921d6cf13331c7c0a0ddae46"})),this.isOpen&&n("div",{key:"d36637fb50aeefbb10991dd2fa8212886293fff3",class:{menu:!0,open:this.isOpen,[this.preferredPlacement]:!0},ref:t=>this.menuElement=t,style:{"--max-height":this.maxHeight,top:this.menuStyle.top,left:this.menuStyle.left,width:this.menuStyle.width,maxHeight:this.menuStyle.maxHeight,visibility:this.isPositioned?"visible":"hidden",opacity:this.isPositioned?"1":"0",pointerEvents:this.isPositioned?"auto":"none"}},n("slot",{key:"399d62fd686ed4c0a0729d336a3502b53918e371",name:"option"}))))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{activeIndex:[{updateOptionHighlights:0}],textInput:[{filterOptions:0}],value:[{handleValueChange:0}]}}static get style(){return":host{display:block;position:relative;font-family:var(--font-family)}.wrapper{width:100%;user-select:none;text-align:left !important}.wrapper cura-label{margin-bottom:8px}.wrapper .helper-text{margin-top:8px;color:var(--neutral-dark)}.wrapper .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper .cura-input-field .feedback-icon{padding-left:12px}.wrapper .cura-input-field .up-down-icon{order:3;padding-right:6px;cursor:pointer;pointer-events:all}.wrapper .cura-input-field .up-down-button{background-color:transparent;border:none}.wrapper .cura-input-field input{padding:0px 12px 0px 8px;cursor:pointer}.wrapper .cura-input-field.open{border-radius:4px 4px 0 0 !important}.wrapper.transparent{background-color:transparent;padding:0px;max-height:80px}.wrapper.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px}.wrapper.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.transparent .cura-input-field .feedback-icon{padding-left:12px}.wrapper.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.wrapper.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.wrapper.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.wrapper.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.wrapper.transparent .helper-text{margin-top:0px}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.wrapper:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black) !important}.wrapper:focus-within.selection .cura-input-field{border-radius:4px 4px 0px 0px}.wrapper.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success .cura-input-field .feedback-icon{padding-left:12px}.wrapper.success .cura-input-field input{color:var(--success-darker) !important}.wrapper.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.wrapper.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.wrapper.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field input{color:var(--error-darker) !important}.wrapper.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.wrapper.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.wrapper.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.wrapper.disabled .cura-input-field input{color:var(--neutral-medium)}.wrapper.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.required{color:red}.menu{position:fixed;left:0;top:0;box-sizing:border-box;background:#fff;border:2px solid var(--neutral-light);border-radius:4px;z-index:1000;max-height:var(--max-height);overflow:hidden;border-top:transparent;align-items:center;scrollbar-color:var(--neutral-medium) var(--neutral-black-20);overflow-y:auto;box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}.menu.open{border-radius:0 !important;padding:12px}"}},[321,"cura-select",{label:[513],placeholder:[513],value:[1537],mode:[513],size:[513],iconName:[1,"icon-name"],status:[1537],disabled:[516],required:[516],searchBehavior:[516,"search-behavior"],caseSensitive:[516,"case-sensitive"],maxHeight:[513,"max-height"],isHovered:[32],isFocused:[32],isOpen:[32],isPositioned:[32],menuStyle:[32],options:[32],activeIndex:[32],preferredPlacement:[32],textInput:[32]},void 0,{activeIndex:[{updateOptionHighlights:0}],textInput:[{filterOptions:0}],value:[{handleValueChange:0}]}]);function kt(){"undefined"!=typeof customElements&&["cura-select","cura-icon","cura-label"].forEach((t=>{switch(t){case"cura-select":customElements.get(o(t))||customElements.define(o(t),yt);break;case"cura-icon":customElements.get(o(t))||a();break;case"cura-label":customElements.get(o(t))||s()}}))}export{yt as C,kt as d}
|