@rededor/cura-hydrate 1.5.0 → 1.6.0
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/index.js +585 -413
- package/index.mjs +585 -413
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -127,7 +127,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
|
|
|
127
127
|
|
|
128
128
|
|
|
129
129
|
const NAMESPACE = 'cura';
|
|
130
|
-
const BUILD = /* cura */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender:
|
|
130
|
+
const BUILD = /* cura */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
|
|
131
131
|
|
|
132
132
|
/**
|
|
133
133
|
* Cura Default Theme
|
|
@@ -674,6 +674,7 @@ class CuraAPI {
|
|
|
674
674
|
get: function (size, position) { return themeModule.breakpoints.get(size, position); }
|
|
675
675
|
}
|
|
676
676
|
};
|
|
677
|
+
this._addGlobalClasses();
|
|
677
678
|
if (config && config.customTheme) {
|
|
678
679
|
this.theme.setCustom(config.customTheme);
|
|
679
680
|
}
|
|
@@ -682,6 +683,24 @@ class CuraAPI {
|
|
|
682
683
|
this.theme.load(theme);
|
|
683
684
|
}
|
|
684
685
|
}
|
|
686
|
+
_addGlobalClasses() {
|
|
687
|
+
const styleId = "cura_global_classes";
|
|
688
|
+
let styleElement = document.head.querySelector(`#${styleId}`);
|
|
689
|
+
if (!styleElement) {
|
|
690
|
+
styleElement = document.createElement("style");
|
|
691
|
+
styleElement.id = styleId;
|
|
692
|
+
styleElement.textContent = `
|
|
693
|
+
.cura-body-scroll-lock {
|
|
694
|
+
overflow: hidden;
|
|
695
|
+
position: fixed;
|
|
696
|
+
left: 0;
|
|
697
|
+
right: 0;
|
|
698
|
+
top: 0;
|
|
699
|
+
}
|
|
700
|
+
`;
|
|
701
|
+
document.head.appendChild(styleElement);
|
|
702
|
+
}
|
|
703
|
+
}
|
|
685
704
|
}
|
|
686
705
|
|
|
687
706
|
function appGlobalScript () {
|
|
@@ -1936,9 +1955,6 @@ var postUpdateComponent = (hostRef) => {
|
|
|
1936
1955
|
const endPostUpdate = createTime("postUpdate", tagName);
|
|
1937
1956
|
const instance = hostRef.$lazyInstance$ ;
|
|
1938
1957
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
1939
|
-
{
|
|
1940
|
-
safeCall(instance, "componentDidRender");
|
|
1941
|
-
}
|
|
1942
1958
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
1943
1959
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
1944
1960
|
{
|
|
@@ -1957,6 +1973,9 @@ var postUpdateComponent = (hostRef) => {
|
|
|
1957
1973
|
} else {
|
|
1958
1974
|
endPostUpdate();
|
|
1959
1975
|
}
|
|
1976
|
+
{
|
|
1977
|
+
hostRef.$onInstanceResolve$(elm);
|
|
1978
|
+
}
|
|
1960
1979
|
{
|
|
1961
1980
|
if (hostRef.$onRenderResolve$) {
|
|
1962
1981
|
hostRef.$onRenderResolve$();
|
|
@@ -2079,6 +2098,17 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
2079
2098
|
configurable: true,
|
|
2080
2099
|
enumerable: true
|
|
2081
2100
|
});
|
|
2101
|
+
} else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
|
|
2102
|
+
Object.defineProperty(prototype, memberName, {
|
|
2103
|
+
value(...args) {
|
|
2104
|
+
var _a2;
|
|
2105
|
+
const ref = getHostRef(this);
|
|
2106
|
+
return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
|
|
2107
|
+
var _a3;
|
|
2108
|
+
return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
|
|
2109
|
+
});
|
|
2110
|
+
}
|
|
2111
|
+
});
|
|
2082
2112
|
}
|
|
2083
2113
|
});
|
|
2084
2114
|
if ((flags & 1 /* isElementConstructor */)) {
|
|
@@ -2891,7 +2921,7 @@ class CuraAccordion {
|
|
|
2891
2921
|
this.host.querySelectorAll('cura-accordion-item').forEach(item => {
|
|
2892
2922
|
this.setChildProperties(item);
|
|
2893
2923
|
});
|
|
2894
|
-
const options = { childList: true, subtree:
|
|
2924
|
+
const options = { childList: true, subtree: false, attributes: false };
|
|
2895
2925
|
this.mutationObserver.observe(this.host, options);
|
|
2896
2926
|
}
|
|
2897
2927
|
disconnectedCallback() {
|
|
@@ -2914,7 +2944,7 @@ class CuraAccordion {
|
|
|
2914
2944
|
this.styles = Object.assign(Object.assign({}, this.styles), { "--acc-color": window.CuraAPI.theme.colors.getColor("neutral-black"), "--acc-color-hover": window.CuraAPI.theme.colors.getColor(`${this.color}-base`), "--acc-color-icon": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-base`), "--acc-color-icon-hover": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-darker`), "--acc-color-inverted": window.CuraAPI.theme.colors.getColor("neutral-white"), "--acc-color-hover-inverted": window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`), "--acc-color-icon-inverted": window.CuraAPI.theme.colors.getColor("neutral-white"), "--acc-color-icon-hover-inverted": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-lighter`) });
|
|
2915
2945
|
}
|
|
2916
2946
|
render() {
|
|
2917
|
-
return (hAsync(Host, { key: '
|
|
2947
|
+
return (hAsync(Host, { key: '58c69f7911698dae68dacaeb4cd226d61e09fe17', style: this.styles }, hAsync("slot", { key: 'd808861eb471bfd7c356fb942121d20d547abfcb', name: 'accordion-item' })));
|
|
2918
2948
|
}
|
|
2919
2949
|
get host() { return getElement(this); }
|
|
2920
2950
|
static get watchers() { return {
|
|
@@ -2942,7 +2972,7 @@ class CuraAccordion {
|
|
|
2942
2972
|
}; }
|
|
2943
2973
|
}
|
|
2944
2974
|
|
|
2945
|
-
const curaAccordionItemCss = ":host{display:block}:host .accordion-item{width:100%}:host .accordion-item::after{content:\"\";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active)::after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--
|
|
2975
|
+
const curaAccordionItemCss = ":host{display:block}:host .accordion-item{width:100%}:host .accordion-item::after{content:\"\";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active)::after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--cura-spacing-base) * 3px);padding:calc(var(--cura-spacing-base) * 3px);word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular)}:host .accordion-item .label .label-container .label-content{display:flex;justify-content:center;align-items:center;gap:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item .label .label-container .label-content cura-icon{--color:var(--acc-color) !important}:host .accordion-item .label .label-container .label-content cura-heading{--color-body:var(--acc-color) !important}:host .accordion-item .label .label-container cura-icon{--color:var(--acc-color-icon) !important;margin-right:4px}:host .accordion-item .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover) !important}:host .accordion-item .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;transition:max-height 0.25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item.inverted:hover:not(.active)::after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover-inverted);width:100%}:host .accordion-item.inverted .label .label-container cura-heading{--color-body:var(--acc-color-inverted) !important}:host .accordion-item.inverted .label .label-container cura-icon{--color:var(--acc-color-icon-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-heading{--color-body:var(--acc-color-hover-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color:var(--acc-color-icon-hover-inverted) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;transition:max-height 0.5s ease 0.14s}@media (min-width: 769px) and (max-width: 992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media (min-width: 993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}";
|
|
2946
2976
|
var CuraAccordionItemStyle0 = curaAccordionItemCss;
|
|
2947
2977
|
|
|
2948
2978
|
class CuraAccordionItem {
|
|
@@ -2999,7 +3029,7 @@ class CuraAccordionItem {
|
|
|
2999
3029
|
}; }
|
|
3000
3030
|
}
|
|
3001
3031
|
|
|
3002
|
-
const curaAlertCss = ":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--
|
|
3032
|
+
const curaAlertCss = ":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 3px);gap:calc(var(--cura-spacing-base) * 3px);flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .content{flex:1;flex-direction:column;display:flex;gap:calc(var(--cura-spacing-base) * 1px)}:host .icon-right{cursor:pointer}";
|
|
3003
3033
|
var CuraAlertStyle0 = curaAlertCss;
|
|
3004
3034
|
|
|
3005
3035
|
class CuraAlert {
|
|
@@ -3049,7 +3079,7 @@ class CuraAlert {
|
|
|
3049
3079
|
return this.icon ? this.icon : iconMapping[this.type];
|
|
3050
3080
|
}
|
|
3051
3081
|
render() {
|
|
3052
|
-
return (hAsync(Host, { key: 'a0b22404673b1568b9cb937150dda71ce4c99d50' }, hAsync("div", { key: 'c30bf1b97d1e1ffaf334ef3bca6cdd1f081c679c', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: '1bd88c8a19e073d7b9d967d8df38bb74063cd110', name: this.getNameIcon(), class: "icon-left", size: 16, color: `${this.type}-dark` }), hAsync("div", { key: '0df09a27c27c7e1743f7cfb9e71c96b102ff4484', class: "content" }, this.label ? (hAsync("cura-
|
|
3082
|
+
return (hAsync(Host, { key: 'a0b22404673b1568b9cb937150dda71ce4c99d50' }, hAsync("div", { key: 'c30bf1b97d1e1ffaf334ef3bca6cdd1f081c679c', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: '1bd88c8a19e073d7b9d967d8df38bb74063cd110', name: this.getNameIcon(), class: "icon-left", size: 16, color: `${this.type}-dark` }), hAsync("div", { key: '0df09a27c27c7e1743f7cfb9e71c96b102ff4484', class: "content" }, this.label ? (hAsync("cura-heading", { class: "title", size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "1px 0" }, this.label)) : '', hAsync("cura-paragraph", { key: '00a039ac0b80bac62eb261c5cf8401b605e867a4', class: "text", color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: 'ba6989082e1f15337d5bb390b799b3dc3fda12eb' })), hAsync("slot", { key: 'def5ab8aeca163432a52c9eb810f69c95d012313', name: "actions" })), this.closeable ?
|
|
3053
3083
|
(hAsync("cura-icon", { name: "close", size: 16, color: "error-dark", class: "icon-right", onClick: this.handleClose }))
|
|
3054
3084
|
: '')));
|
|
3055
3085
|
}
|
|
@@ -3100,9 +3130,7 @@ class CuraAvatar {
|
|
|
3100
3130
|
this.styles = {};
|
|
3101
3131
|
}
|
|
3102
3132
|
sizeHandler(size) {
|
|
3103
|
-
|
|
3104
|
-
this.styles['--border'] = this.border && `${avatarSize.border}px`;
|
|
3105
|
-
this.styles['--size'] = `${this.size}px`;
|
|
3133
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--size': `${size}px` });
|
|
3106
3134
|
}
|
|
3107
3135
|
getClasses() {
|
|
3108
3136
|
const classes = {};
|
|
@@ -3115,17 +3143,19 @@ class CuraAvatar {
|
|
|
3115
3143
|
this.sizeHandler(this.size);
|
|
3116
3144
|
}
|
|
3117
3145
|
hostCSSProperties() {
|
|
3146
|
+
const avatarSize = avatarSizes[this.size];
|
|
3118
3147
|
return {
|
|
3119
3148
|
'--background-color': window.CuraAPI.theme.colors.getColor(this.backgroundColor),
|
|
3120
3149
|
'--border-color': window.CuraAPI.theme.colors.getColor(this.borderColor),
|
|
3121
3150
|
'--border-radius': `${this.borderRadius}`,
|
|
3151
|
+
'--border': this.border ? `${avatarSize.border}px` : '0',
|
|
3122
3152
|
};
|
|
3123
3153
|
}
|
|
3124
3154
|
onSrcError() {
|
|
3125
3155
|
this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;
|
|
3126
3156
|
}
|
|
3127
3157
|
render() {
|
|
3128
|
-
return (hAsync(Host, { key: '
|
|
3158
|
+
return (hAsync(Host, { key: '4e81726b8f163587f37fc80a537470147ca0b8f8', style: this.hostCSSProperties(), role: "img" }, hAsync("div", { key: '0e844cd40171f401e51fef97a434e4ffbad1c946', class: this.getClasses(), style: this.styles }, hAsync("img", { key: '92e0ecfb0996f822b53bcb41e91b92f619e1fbf6', src: this.imageSrc || this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`, onError: () => this.onSrcError() }))));
|
|
3129
3159
|
}
|
|
3130
3160
|
get host() { return getElement(this); }
|
|
3131
3161
|
static get watchers() { return {
|
|
@@ -3153,7 +3183,7 @@ class CuraAvatar {
|
|
|
3153
3183
|
}; }
|
|
3154
3184
|
}
|
|
3155
3185
|
|
|
3156
|
-
const curaBadgeDotCss = ":host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--
|
|
3186
|
+
const curaBadgeDotCss = ":host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--cura-spacing-base) * 2px);height:calc(var(--cura-spacing-base) * 2px);position:relative;box-sizing:border-box}:host .container::before{width:100%;height:100%;position:absolute;left:0;top:0;content:\"\";box-sizing:border-box;border-radius:50%;border:1px solid var(--color-dark);background:var(--color)}:host .container.disabled::before{background:var(--neutral-pale);border:1px solid var(--neutral-medium)}:host .container.outline::before{background:transparent;border:2px solid var(--color)}:host .container.outline.disabled::before{border:2px solid var(--neutral-medium)}:host .container.transparent::before{background:var(--color-dark);border:none}:host .container.transparent.disabled::before{background:var(--neutral-medium);border:none}";
|
|
3157
3187
|
var CuraBadgeDotStyle0 = curaBadgeDotCss;
|
|
3158
3188
|
|
|
3159
3189
|
class CuraBadgeDot {
|
|
@@ -3201,7 +3231,7 @@ class CuraBadgeDot {
|
|
|
3201
3231
|
}; }
|
|
3202
3232
|
}
|
|
3203
3233
|
|
|
3204
|
-
const curaBadgeCounterCss = ":host{width:fit-content;display:inline-block;height:calc(var(--
|
|
3234
|
+
const curaBadgeCounterCss = ":host{width:fit-content;display:inline-block;height:calc(var(--cura-spacing-base) * 4px);position:relative}:host .container{display:flex;min-width:calc(var(--cura-spacing-base) * 4px);width:fit-content;height:calc(var(--cura-spacing-base) * 4px);justify-content:center;align-items:center;border-radius:calc(calc(var(--cura-spacing-base) * 4px) / 2);background:var(--background-color);box-sizing:border-box;padding:0 calc(var(--cura-spacing-base) * 1px);position:relative}:host .container.outline,:host .container.transparent{background:transparent !important}:host .container.outline::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:1px solid var(--background-color);border-radius:calc(calc(var(--cura-spacing-base) * 4px) / 2)}";
|
|
3205
3235
|
var CuraBadgeCounterStyle0 = curaBadgeCounterCss;
|
|
3206
3236
|
|
|
3207
3237
|
class CuraBadgeNumber {
|
|
@@ -3269,7 +3299,7 @@ class CuraBadgeNumber {
|
|
|
3269
3299
|
}; }
|
|
3270
3300
|
}
|
|
3271
3301
|
|
|
3272
|
-
const curaBadgePillCss = ".badge-container{display:flex;align-items:center;justify-content:center;gap:calc(var(--
|
|
3302
|
+
const curaBadgePillCss = ".badge-container{display:flex;align-items:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 1px);padding:calc(var(--cura-spacing-base) * 1px);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size);position:relative;box-sizing:border-box;width:fit-content;height:calc(var(--cura-spacing-base) * 5px);min-width:calc(var(--cura-spacing-base) * 5px);background-color:var(--color-background)}.badge-container::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:1px solid transparent;border-radius:var(--border-radius);pointer-events:none}.badge-container.icon-only cura-label{display:none !important}.badge-container.disabled{background-color:var(--color-background-disabled)}.badge-container.outline{background-color:transparent}.badge-container.outline::before{border:1px solid var(--color-base)}.badge-container.outline.disabled::before{border:1px solid var(--color-outline-disabled)}.badge-container.transparent{background-color:transparent}.badge-container.transparent::before{border:1px solid transparent}.badge-container.transparent.disabled{background-color:transparent}.badge-container cura-icon{display:flex}";
|
|
3273
3303
|
var CuraBadgePillStyle0 = curaBadgePillCss;
|
|
3274
3304
|
|
|
3275
3305
|
class CuraBadgePill {
|
|
@@ -3364,7 +3394,7 @@ const labelSizes = {
|
|
|
3364
3394
|
"default": "medium"
|
|
3365
3395
|
};
|
|
3366
3396
|
|
|
3367
|
-
const curaButtonCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--color-base-neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid transparent;border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading)::before,:host a:not(.disabled):not(.isLoading)::before{border:2px solid var(--color-base-color-light)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background:var(--color-base-color-light);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host button:not(.disabled):not(.isLoading):hover::before,:host a:not(.disabled):not(.isLoading):hover::before{border-color:var(--color-dark-color-base)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark-color-light)}:host button:not(.isLoading):not(.disabled):active::before,:host a:not(.isLoading):not(.disabled):active::before{border-color:var(--color-dark-color-light)}:host button:hover,:host a:hover{box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{box-shadow:none !important}:host button.large,:host a.large{padding:calc(var(--
|
|
3397
|
+
const curaButtonCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--color-base-neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid transparent;border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading)::before,:host a:not(.disabled):not(.isLoading)::before{border:2px solid var(--color-base-color-light)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background:var(--color-base-color-light);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host button:not(.disabled):not(.isLoading):hover::before,:host a:not(.disabled):not(.isLoading):hover::before{border-color:var(--color-dark-color-base)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark-color-light)}:host button:not(.isLoading):not(.disabled):active::before,:host a:not(.isLoading):not(.disabled):active::before{border-color:var(--color-dark-color-light)}:host button:hover,:host a:hover{box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{box-shadow:none !important}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-pale-neutral-black)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3368
3398
|
var CuraButtonStyle0 = curaButtonCss;
|
|
3369
3399
|
|
|
3370
3400
|
class CuraButton {
|
|
@@ -3499,7 +3529,7 @@ class CuraButton {
|
|
|
3499
3529
|
}; }
|
|
3500
3530
|
}
|
|
3501
3531
|
|
|
3502
|
-
const curaButtonOutlineCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--
|
|
3532
|
+
const curaButtonOutlineCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled::before,:host a.disabled::before{border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3503
3533
|
var CuraButtonOutlineStyle0 = curaButtonOutlineCss;
|
|
3504
3534
|
|
|
3505
3535
|
class CuraButtonOutline {
|
|
@@ -3634,7 +3664,7 @@ class CuraButtonOutline {
|
|
|
3634
3664
|
}; }
|
|
3635
3665
|
}
|
|
3636
3666
|
|
|
3637
|
-
const curaButtonSelectCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-border);border-radius:var(--border-radius)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover-pressed)}:host button:focus,:host a:focus{border-color:var(--color-border) !important}:host button.large,:host a.large{padding:calc(var(--
|
|
3667
|
+
const curaButtonSelectCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid var(--color-border);border-radius:var(--border-radius)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover-pressed)}:host button:focus,:host a:focus{border-color:var(--color-border) !important}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative;flex-direction:row !important}:host button .button-container .badge-number,:host a .button-container .badge-number{margin-left:10px}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--color-select);border-color:var(--color-select)}:host button.selected:not(.disabled):hover,:host a.selected:not(.disabled):hover{background-color:var(--color-border-hover-pressed);border-color:var(--color-border-hover-pressed)}:host button.selected:focus,:host a.selected:focus{border-color:var(--color-select-focus) !important}:host button.selected.disabled,:host a.selected.disabled{background-color:var(--color-disable-select);border-color:var(--color-disable-select)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--color-border-disable-unselect)}";
|
|
3638
3668
|
var CuraButtonSelectStyle0 = curaButtonSelectCss;
|
|
3639
3669
|
|
|
3640
3670
|
class CuraButtonSelect {
|
|
@@ -3764,7 +3794,7 @@ class CuraButtonSelect {
|
|
|
3764
3794
|
}; }
|
|
3765
3795
|
}
|
|
3766
3796
|
|
|
3767
|
-
const curaButtonTransparentCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.large,:host a.large{padding:calc(var(--
|
|
3797
|
+
const curaButtonTransparentCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
|
|
3768
3798
|
var CuraButtonTransparentStyle0 = curaButtonTransparentCss;
|
|
3769
3799
|
|
|
3770
3800
|
class CuraButtonTransparent {
|
|
@@ -7449,7 +7479,7 @@ var locale = {
|
|
|
7449
7479
|
};
|
|
7450
7480
|
var ptBR = locale;
|
|
7451
7481
|
|
|
7452
|
-
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:#fff;font-family:var(--font-family)}: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;max-width:118px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .drop-year{display:flex;min-width:80px;max-width:85px;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(--
|
|
7482
|
+
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:#fff;font-family:var(--font-family)}: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;max-width:118px;padding:0px;align-items:flex-start;gap:0px;flex:1 0 0}:host .drop-year{display:flex;min-width:80px;max-width:85px;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)}: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}";
|
|
7453
7483
|
var CuraCalendarStyle0 = curaCalendarCss;
|
|
7454
7484
|
|
|
7455
7485
|
class CuraCalendar {
|
|
@@ -7477,10 +7507,11 @@ class CuraCalendar {
|
|
|
7477
7507
|
this.collapsed = null;
|
|
7478
7508
|
this.floating = undefined;
|
|
7479
7509
|
this.embedded = undefined;
|
|
7480
|
-
this.
|
|
7510
|
+
this.selectLabelColorMode = 'light';
|
|
7481
7511
|
this.selectedDates = [];
|
|
7482
7512
|
this.rangeStart = null;
|
|
7483
7513
|
this.defaultDates = [];
|
|
7514
|
+
this.currentDate = new Date();
|
|
7484
7515
|
this.selectMonth = '';
|
|
7485
7516
|
this.selectYear = '';
|
|
7486
7517
|
this.styles = {};
|
|
@@ -7489,12 +7520,15 @@ class CuraCalendar {
|
|
|
7489
7520
|
this.setFontProperties();
|
|
7490
7521
|
this.initializeDefaultDates();
|
|
7491
7522
|
const colors = [
|
|
7492
|
-
{ name: '--
|
|
7493
|
-
{ name: '--
|
|
7523
|
+
{ name: '--primary-base', theme: 'primary-base' },
|
|
7524
|
+
{ name: '--primary-lighter', theme: 'primary-lighter' },
|
|
7525
|
+
{ name: '--primary-light', theme: 'primary-light' },
|
|
7494
7526
|
{ name: '--neutral-black', theme: 'neutral-black' },
|
|
7495
7527
|
{ name: '--primary-darker', theme: 'primary-darker' },
|
|
7496
7528
|
{ name: '--neutral-dark', theme: 'neutral-dark' },
|
|
7497
7529
|
{ name: '--neutral-light', theme: 'neutral-light' },
|
|
7530
|
+
{ name: '--neutral-white', theme: 'neutral-white' },
|
|
7531
|
+
{ name: '--select-label', theme: this.selectLabelColorMode === 'dark' ? 'neutral-black' : 'neutral-white' },
|
|
7498
7532
|
];
|
|
7499
7533
|
colors.forEach(color => (this.styles = Object.assign(Object.assign({}, this.styles), { [color.name]: this.theme.colors.getColor(color.theme) })));
|
|
7500
7534
|
}
|
|
@@ -7520,6 +7554,7 @@ class CuraCalendar {
|
|
|
7520
7554
|
}
|
|
7521
7555
|
}
|
|
7522
7556
|
this.defaultDates = this.expandDateRanges(this.defaultDate);
|
|
7557
|
+
this.currentDate = this.defaultDates[0] ? this.defaultDates[0] : this.currentDate;
|
|
7523
7558
|
}
|
|
7524
7559
|
/**
|
|
7525
7560
|
* Get the locale for the calendar.
|
|
@@ -7613,7 +7648,7 @@ class CuraCalendar {
|
|
|
7613
7648
|
* @param {string} direction - 'prev' | 'next'
|
|
7614
7649
|
*/
|
|
7615
7650
|
updateCurrentMonth(direction) {
|
|
7616
|
-
let newMonth =
|
|
7651
|
+
let newMonth = this.currentDate;
|
|
7617
7652
|
if (direction === 'prev')
|
|
7618
7653
|
newMonth = subMonths(this.currentDate, 1);
|
|
7619
7654
|
if (direction === 'next')
|
|
@@ -7751,7 +7786,7 @@ class CuraCalendar {
|
|
|
7751
7786
|
return daysIncurrentDate.slice(0, DAYS_IN_CALENDAR_VIEW);
|
|
7752
7787
|
}
|
|
7753
7788
|
updateCurrentWeek(direction) {
|
|
7754
|
-
let newWeek =
|
|
7789
|
+
let newWeek = this.currentDate;
|
|
7755
7790
|
if (direction === 'prev')
|
|
7756
7791
|
newWeek = subWeeks(this.currentDate, 1);
|
|
7757
7792
|
if (direction === 'next')
|
|
@@ -7904,7 +7939,7 @@ class CuraCalendar {
|
|
|
7904
7939
|
}
|
|
7905
7940
|
render() {
|
|
7906
7941
|
const { months } = this.fetchMonthNames();
|
|
7907
|
-
return (hAsync(Host, { key: '
|
|
7942
|
+
return (hAsync(Host, { key: 'a27b858fff12fe2d19898dbb0be8080a0175c465', style: this.getHostCSSProperties() }, hAsync("div", { key: 'e2fe9991e3ef03d11b0e58b412d31020ead1b344', class: `calendar ${this.floating ? 'floating' : ''} ${this.embedded ? 'embedded' : ''}`, style: this.styles }, hAsync("header", { key: '8bf8a4f703043d907d8bc81ed22061380cd67ade', class: "header" }, hAsync("div", { key: '66c2b27693f188929065972828c2ce4a672f1e74', class: `month-year ${this.type === 'dropdown' && 'dropdown'}` }, hAsync("cura-icon", { key: '0e6841eb77061f404e23fbfc28be40600255767a', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "left", color: this.determinePrevButtonColor(), onClick: !this.collapsed ? () => this.updateCurrentMonth('prev') : () => this.updateCurrentWeek('prev') }), this.type === 'dropdown' ? (hAsync("div", { class: "select" }, hAsync("cura-select", { size: "small", class: "drop-month", mode: "transparent", value: months[getMonth(this.currentDate)], onSelected: e => this.onMonthDropdownChange(e) }, months.map((month, index) => (hAsync("cura-select-option", { size: "xsmall", key: index, value: month }, month)))), hAsync("cura-select", { size: "small", class: "drop-year", mode: "transparent", value: getYear(this.currentDate).toString(), onSelected: e => this.onYearDropdownChange(e) }, this.fetchYearList().map((year, index) => (hAsync("cura-select-option", { key: index, value: year.toString() }, year.toString())))))) : (hAsync("cura-label", { color: "neutral-black", size: "large" }, months[getMonth(this.currentDate)].slice(0, 3), ", ", getYear(this.currentDate))), hAsync("cura-icon", { key: 'cdc62d8666dc7b890daadf63d2ffe0d0000ec545', class: `icon ${this.type === 'dropdown' && 'dropdown'}`, name: "right", color: "primary-base", onClick: !this.collapsed ? () => this.updateCurrentMonth('next') : () => this.updateCurrentWeek('next') }))), hAsync("span", { key: 'fa0d8c6ff291f343da594799b3ba366d3e020e74', class: "days-of-week" }, this.fetchWeekDays().map((day, index) => (hAsync("cura-label", { class: "day", size: "xsmall", color: "neutral-black", weight: "bold", key: index }, day === 'sab' ? 'SÁB' : day.toLocaleUpperCase())))), hAsync("div", { key: 'dc072663767251cc694d51612cacd94f1fe31a84', class: "dates" }, !this.collapsed
|
|
7908
7943
|
? this.fetchDaysOfMonth().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))
|
|
7909
7944
|
: this.fetchDaysOfWeek().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))), this.collapsed !== null ? (this.collapsed ? (hAsync("div", { class: "collapsed-container" }, hAsync("cura-button-transparent", { onClick: () => this.showNotColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "plusCircle" }, "Veja mais datas"))) : (hAsync("div", { class: "collapsed-container" }, hAsync("cura-button-transparent", { onClick: () => this.showColapsedCalendar(), size: "small", color: "primary", fontColor: "dark", iconName: "minusCircle" }, "Veja menos datas")))) : null)));
|
|
7910
7945
|
}
|
|
@@ -7935,17 +7970,18 @@ class CuraCalendar {
|
|
|
7935
7970
|
"collapsed": [1540],
|
|
7936
7971
|
"floating": [1540],
|
|
7937
7972
|
"embedded": [1540],
|
|
7938
|
-
"
|
|
7973
|
+
"selectLabelColorMode": [1537, "select-label-color-mode"],
|
|
7939
7974
|
"selectedDates": [32],
|
|
7940
7975
|
"rangeStart": [32],
|
|
7941
7976
|
"defaultDates": [32],
|
|
7977
|
+
"currentDate": [32],
|
|
7942
7978
|
"selectMonth": [32],
|
|
7943
7979
|
"selectYear": [32],
|
|
7944
7980
|
"styles": [32]
|
|
7945
7981
|
},
|
|
7946
7982
|
"$listeners$": undefined,
|
|
7947
7983
|
"$lazyBundleId$": "-",
|
|
7948
|
-
"$attrsToReflect$": [["period", "period"], ["width", "width"], ["minWidth", "min-width"], ["maxWidth", "max-width"], ["mode", "mode"], ["dateFormat", "date-format"], ["locale", "locale"], ["type", "type"], ["defaultDate", "default-date"], ["limitRange", "limit-range"], ["disablePassDates", "disable-pass-dates"], ["disableFutureDates", "disable-future-dates"], ["collapsed", "collapsed"], ["floating", "floating"], ["embedded", "embedded"]]
|
|
7984
|
+
"$attrsToReflect$": [["period", "period"], ["width", "width"], ["minWidth", "min-width"], ["maxWidth", "max-width"], ["mode", "mode"], ["dateFormat", "date-format"], ["locale", "locale"], ["type", "type"], ["defaultDate", "default-date"], ["limitRange", "limit-range"], ["disablePassDates", "disable-pass-dates"], ["disableFutureDates", "disable-future-dates"], ["collapsed", "collapsed"], ["floating", "floating"], ["embedded", "embedded"], ["selectLabelColorMode", "select-label-color-mode"]]
|
|
7949
7985
|
}; }
|
|
7950
7986
|
}
|
|
7951
7987
|
|
|
@@ -8183,7 +8219,7 @@ class CuraCheckbox {
|
|
|
8183
8219
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
8184
8220
|
}
|
|
8185
8221
|
render() {
|
|
8186
|
-
return (hAsync(Host, { key: '
|
|
8222
|
+
return (hAsync(Host, { key: '8c4fdab5276ff9eb200299a5584ac8e96ef11974' }, hAsync("div", { key: '3074370b481f50e7c3b8183e1aa643a37992f05b', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, hAsync("div", { key: 'adb656d2d5dc3212735c427e08c7d03d8c94f83e', class: "info" }, hAsync("div", { key: '55747701dd4ed57a6ed3132d996639219ba950e1', class: "label-wrapper" }, hAsync("cura-label", { key: 'b5224ec0a274789c03f6b8e0a5c5ed7fda911c58', class: "label", weight: 'bold', size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: '188a2ed6c915cec53d495edd77ec2dd88fafe714', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: '6b63e628f4aeb066dc73feaca720edb12dc207f1', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: '880c28c63878169f84a14c96d12c925edc3611bb' }))), hAsync("div", { key: '01dd5e638a5043c4349193c97dd7acfe57dc4498', class: 'checkbox', tabIndex: this.ontabindex }, hAsync("input", { key: '5ff82da2b58e7bd88f2866a2677151fb49814b3c', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
|
|
8187
8223
|
}
|
|
8188
8224
|
static get formAssociated() { return true; }
|
|
8189
8225
|
get host() { return getElement(this); }
|
|
@@ -8220,7 +8256,7 @@ class CuraCheckbox {
|
|
|
8220
8256
|
}; }
|
|
8221
8257
|
}
|
|
8222
8258
|
|
|
8223
|
-
const curaDisplayCss = ":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}
|
|
8259
|
+
const curaDisplayCss = ":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}:host h1 ::slotted(b),:host h1 ::slotted(strong),:host h2 ::slotted(b),:host h2 ::slotted(strong),:host h3 ::slotted(b),:host h3 ::slotted(strong),:host h4 ::slotted(b),:host h4 ::slotted(strong),:host h5 ::slotted(b),:host h5 ::slotted(strong),:host h6 ::slotted(b),:host h6 ::slotted(strong){font-weight:var(--font-weight-bold)}:host h1 ::slotted(a),:host h2 ::slotted(a),:host h3 ::slotted(a),:host h4 ::slotted(a),:host h5 ::slotted(a),:host h6 ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host h1 ::slotted(u),:host h2 ::slotted(u),:host h3 ::slotted(u),:host h4 ::slotted(u),:host h5 ::slotted(u),:host h6 ::slotted(u){text-underline-offset:10%}:host h1 ::slotted(i),:host h1 ::slotted(em),:host h2 ::slotted(i),:host h2 ::slotted(em),:host h3 ::slotted(i),:host h3 ::slotted(em),:host h4 ::slotted(i),:host h4 ::slotted(em),:host h5 ::slotted(i),:host h5 ::slotted(em),:host h6 ::slotted(i),:host h6 ::slotted(em){font-style:italic;font-weight:var(--font-weight-medium)}:host h1 ::slotted(abbr),:host h2 ::slotted(abbr),:host h3 ::slotted(abbr),:host h4 ::slotted(abbr),:host h5 ::slotted(abbr),:host h6 ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}";
|
|
8224
8260
|
var CuraDisplayStyle0 = curaDisplayCss;
|
|
8225
8261
|
|
|
8226
8262
|
class CuraDisplay {
|
|
@@ -8285,7 +8321,7 @@ class CuraDisplay {
|
|
|
8285
8321
|
return tags[`${this.level}`] || tags['default'];
|
|
8286
8322
|
}
|
|
8287
8323
|
render() {
|
|
8288
|
-
return (hAsync(Host, { key: '
|
|
8324
|
+
return (hAsync(Host, { key: '4cd3f3b8491d02da7e1be104ebf23c8c21b013fd', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8289
8325
|
}
|
|
8290
8326
|
get host() { return getElement(this); }
|
|
8291
8327
|
static get watchers() { return {
|
|
@@ -8311,7 +8347,7 @@ class CuraDisplay {
|
|
|
8311
8347
|
}; }
|
|
8312
8348
|
}
|
|
8313
8349
|
|
|
8314
|
-
const curaBadgeDistanceCss = ":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--
|
|
8350
|
+
const curaBadgeDistanceCss = ":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--cura-spacing-base) * 10px);height:calc(var(--cura-spacing-base) * 10px);border-radius:calc(var(--cura-spacing-base) * 1px);background:var(--neutral-pale)}";
|
|
8315
8351
|
var CuraBadgeDistanceStyle0 = curaBadgeDistanceCss;
|
|
8316
8352
|
|
|
8317
8353
|
class CuraDistance {
|
|
@@ -8361,397 +8397,448 @@ class CuraDistance {
|
|
|
8361
8397
|
}; }
|
|
8362
8398
|
}
|
|
8363
8399
|
|
|
8364
|
-
|
|
8400
|
+
function checkMobile() {
|
|
8401
|
+
return (window === null || window === void 0 ? void 0 : window.innerWidth) < Static.breakpoints.medium.min;
|
|
8402
|
+
}
|
|
8403
|
+
function checkIOS() {
|
|
8404
|
+
return [
|
|
8405
|
+
'iPad Simulator',
|
|
8406
|
+
'iPhone Simulator',
|
|
8407
|
+
'iPod Simulator',
|
|
8408
|
+
'iPad',
|
|
8409
|
+
'iPhone',
|
|
8410
|
+
'iPod'
|
|
8411
|
+
].includes(navigator.userAgent)
|
|
8412
|
+
// iPad on iOS 13 detection
|
|
8413
|
+
|| (navigator.userAgent.includes("Mac") && "ontouchend" in document);
|
|
8414
|
+
}
|
|
8415
|
+
function fakeInputIOSHack(targetElement) {
|
|
8416
|
+
if (!checkMobile() || !checkIOS())
|
|
8417
|
+
return null;
|
|
8418
|
+
const fakeInput = document.createElement('input');
|
|
8419
|
+
fakeInput.setAttribute('type', 'text');
|
|
8420
|
+
fakeInput.style.position = 'absolute';
|
|
8421
|
+
fakeInput.style.opacity = '0';
|
|
8422
|
+
fakeInput.style.height = '0';
|
|
8423
|
+
fakeInput.style.fontSize = '16px'; // disable auto zoom
|
|
8424
|
+
targetElement.prepend(fakeInput);
|
|
8425
|
+
// focus so that subsequent async focus will work
|
|
8426
|
+
fakeInput.focus();
|
|
8427
|
+
return fakeInput;
|
|
8428
|
+
}
|
|
8429
|
+
function addBodyScrollLockClass() {
|
|
8430
|
+
document.body.classList.add("cura-body-scroll-lock");
|
|
8431
|
+
}
|
|
8432
|
+
function removeBodyScrollLockClass() {
|
|
8433
|
+
if (document.body.classList.contains("cura-body-scroll-lock")) {
|
|
8434
|
+
document.body.classList.remove("cura-body-scroll-lock");
|
|
8435
|
+
}
|
|
8436
|
+
}
|
|
8437
|
+
|
|
8438
|
+
class FixedElementScrollBehavior {
|
|
8439
|
+
constructor(hostElement, scrollableElement) {
|
|
8440
|
+
this._stopPropagationEvent = (e) => {
|
|
8441
|
+
if (this.scrollableElement.scrollHeight <= this.scrollableElement.clientHeight) {
|
|
8442
|
+
e.preventDefault();
|
|
8443
|
+
}
|
|
8444
|
+
e.stopPropagation();
|
|
8445
|
+
};
|
|
8446
|
+
this._preventEvent = (ev) => {
|
|
8447
|
+
ev.preventDefault();
|
|
8448
|
+
ev.stopPropagation();
|
|
8449
|
+
};
|
|
8450
|
+
if (!hostElement || !scrollableElement) {
|
|
8451
|
+
console.error("Componentes host ou scrollable não foram informados corretamente ou não existem.");
|
|
8452
|
+
}
|
|
8453
|
+
else {
|
|
8454
|
+
this.hostElement = hostElement;
|
|
8455
|
+
this.scrollableElement = scrollableElement;
|
|
8456
|
+
}
|
|
8457
|
+
}
|
|
8458
|
+
disableScroll() {
|
|
8459
|
+
this.scrollPosition = window.scrollY;
|
|
8460
|
+
window.scrollTo({ top: 0, behavior: 'instant' });
|
|
8461
|
+
addBodyScrollLockClass();
|
|
8462
|
+
this._addEvents();
|
|
8463
|
+
}
|
|
8464
|
+
enableScroll() {
|
|
8465
|
+
removeBodyScrollLockClass();
|
|
8466
|
+
window.scrollTo({ top: this.scrollPosition, behavior: 'instant' });
|
|
8467
|
+
this._removeEvents();
|
|
8468
|
+
}
|
|
8469
|
+
_addEvents() {
|
|
8470
|
+
this.hostElement.addEventListener('wheel', this._preventEvent, { passive: false });
|
|
8471
|
+
this.hostElement.addEventListener('mousewheel', this._preventEvent, { passive: false });
|
|
8472
|
+
this.hostElement.addEventListener('touchmove', this._preventEvent, { passive: false });
|
|
8473
|
+
this.hostElement.addEventListener('scroll', this._preventEvent, { passive: false });
|
|
8474
|
+
this.scrollableElement.addEventListener('wheel', this._stopPropagationEvent, { passive: false });
|
|
8475
|
+
this.scrollableElement.addEventListener('mousewheel', this._stopPropagationEvent, { passive: false });
|
|
8476
|
+
this.scrollableElement.addEventListener('touchmove', this._stopPropagationEvent, { passive: false });
|
|
8477
|
+
this.scrollableElement.addEventListener('scroll', this._stopPropagationEvent, { passive: false });
|
|
8478
|
+
}
|
|
8479
|
+
_removeEvents() {
|
|
8480
|
+
this.hostElement.removeEventListener('wheel', this._preventEvent);
|
|
8481
|
+
this.hostElement.removeEventListener('mousewheel', this._preventEvent);
|
|
8482
|
+
this.hostElement.removeEventListener('touchmove', this._preventEvent);
|
|
8483
|
+
this.hostElement.removeEventListener('scroll', this._preventEvent);
|
|
8484
|
+
this.scrollableElement.removeEventListener('wheel', this._stopPropagationEvent);
|
|
8485
|
+
this.scrollableElement.removeEventListener('mousewheel', this._stopPropagationEvent);
|
|
8486
|
+
this.scrollableElement.removeEventListener('touchmove', this._stopPropagationEvent);
|
|
8487
|
+
this.scrollableElement.removeEventListener('scroll', this._stopPropagationEvent);
|
|
8488
|
+
}
|
|
8489
|
+
}
|
|
8490
|
+
|
|
8491
|
+
const curaDropdownSearchCss = ":host{display:block;box-sizing:border-box;position:relative}:host .component-controls{display:flex;align-items:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 1px)}:host .component-controls #button-back{padding:0 0 0 calc(var(--cura-spacing-base) * 3px);width:max-content}:host .component-container{box-sizing:border-box;width:100%;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:min-content 1fr}:host .component-container.zoom{position:fixed;top:0;left:0;width:100vw;background:var(--purewhite);height:var(--height);z-index:9999;overscroll-behavior:contain}:host .component-container.zoom .component-controls{border-bottom:2px solid var(--primary);padding:calc(var(--cura-spacing-base) * 3px) 0}:host .component-container.zoom.error .component-controls{border-bottom:2px solid var(--error-dark);background-color:var(--error-lighter)}:host .component-container .dropdown-container{box-sizing:border-box;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:calc(var(--cura-spacing-base) * 3px);overscroll-behavior:contain}:host .component-container:not(.zoom) .dropdown-container{box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));position:absolute;bottom:0;left:0;transform:translateY(100%);max-height:var(--max-height);background-color:var(--purewhite);border-radius:0px 0px calc(var(--cura-spacing-base) * 1px) calc(var(--cura-spacing-base) * 1px);border-bottom:2px solid var(--neutral-light);border-left:2px solid var(--neutral-light);border-right:2px solid var(--neutral-light);display:none;z-index:9997}:host .component-container:not(.zoom).dropdown-visible ::part(cura-input-field){border-radius:4px 4px 0px 0px}:host .component-container:not(.zoom).dropdown-visible ::part(cura-input-text-helper){height:0px;overflow:hidden;margin-top:0px}:host .component-container:not(.zoom).dropdown-visible .dropdown-container{display:block}";
|
|
8365
8492
|
var CuraDropdownSearchStyle0 = curaDropdownSearchCss;
|
|
8366
8493
|
|
|
8367
8494
|
class CuraDropdownSearch {
|
|
8368
8495
|
constructor(hostRef) {
|
|
8369
8496
|
registerInstance(this, hostRef);
|
|
8370
|
-
this.
|
|
8371
|
-
this.
|
|
8372
|
-
this.
|
|
8373
|
-
this.
|
|
8374
|
-
|
|
8375
|
-
|
|
8376
|
-
|
|
8377
|
-
|
|
8378
|
-
|
|
8379
|
-
|
|
8380
|
-
|
|
8381
|
-
|
|
8497
|
+
this.termchange = createEvent(this, "termchange", 7);
|
|
8498
|
+
this.optionselect = createEvent(this, "optionselect", 7);
|
|
8499
|
+
this.resizeTimeoutMs = 66;
|
|
8500
|
+
this.focusTimeoutMs = 300;
|
|
8501
|
+
this.blurTimeoutMs = 300;
|
|
8502
|
+
this.highlightedIndex = -1;
|
|
8503
|
+
this.dropdownSelectableItems = [];
|
|
8504
|
+
this.handleSlotChange = () => { this.getSlotElements(); };
|
|
8505
|
+
this.handleWindowResize = () => {
|
|
8506
|
+
if (this.resizeTimeout)
|
|
8507
|
+
clearTimeout(this.resizeTimeout);
|
|
8508
|
+
this.resizeTimeout = setTimeout(() => {
|
|
8509
|
+
this.isMobile = checkMobile();
|
|
8510
|
+
this.setZoomHeight();
|
|
8511
|
+
}, this.resizeTimeoutMs);
|
|
8512
|
+
};
|
|
8513
|
+
this.handleFocus = () => {
|
|
8514
|
+
if (this.focusTimeout)
|
|
8515
|
+
clearTimeout(this.focusTimeout);
|
|
8516
|
+
this.focusTimeout = setTimeout(() => {
|
|
8517
|
+
this.isOnFocus = true;
|
|
8518
|
+
this.clearHighlight();
|
|
8519
|
+
if (this.isMobile && !this.zoomState)
|
|
8520
|
+
this.enterZoom();
|
|
8521
|
+
if (this.zoomState)
|
|
8522
|
+
this.setZoomHeight();
|
|
8523
|
+
setTimeout(() => {
|
|
8524
|
+
var _a;
|
|
8525
|
+
(_a = this.selectedOptionElement) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'instant', block: 'nearest', inline: 'nearest' });
|
|
8526
|
+
}, 10);
|
|
8527
|
+
}, this.focusTimeoutMs);
|
|
8528
|
+
};
|
|
8529
|
+
this.handleBlur = () => {
|
|
8530
|
+
if (this.blurTimeout)
|
|
8531
|
+
clearTimeout(this.blurTimeout);
|
|
8532
|
+
this.blurTimeout = setTimeout(() => {
|
|
8533
|
+
if (this.zoomState) {
|
|
8534
|
+
const delay = checkIOS ? 500 : 100;
|
|
8535
|
+
setTimeout(() => this.setZoomHeight(), delay);
|
|
8382
8536
|
}
|
|
8383
|
-
|
|
8537
|
+
this.isOnFocus = false;
|
|
8538
|
+
}, this.blurTimeoutMs);
|
|
8384
8539
|
};
|
|
8385
|
-
this.
|
|
8386
|
-
|
|
8387
|
-
|
|
8388
|
-
this.updateHoveredIndex();
|
|
8540
|
+
this.handleFocusout = () => {
|
|
8541
|
+
if (this.zoomState)
|
|
8542
|
+
this.setZoomHeight();
|
|
8389
8543
|
};
|
|
8390
|
-
this.
|
|
8391
|
-
|
|
8392
|
-
this.
|
|
8393
|
-
this.
|
|
8544
|
+
this.handleBackClick = () => { this.exitZoom(); };
|
|
8545
|
+
this.handleOptionActionClick = (ev) => {
|
|
8546
|
+
this.getInputElement().setFocus();
|
|
8547
|
+
this._preventEvent(ev);
|
|
8394
8548
|
};
|
|
8395
|
-
this.
|
|
8396
|
-
|
|
8397
|
-
|
|
8398
|
-
|
|
8399
|
-
}
|
|
8400
|
-
else if (event.key === 'ArrowUp') {
|
|
8401
|
-
event.preventDefault();
|
|
8402
|
-
this.moveHighlight(-1);
|
|
8403
|
-
}
|
|
8404
|
-
else if (event.key === 'Enter') {
|
|
8405
|
-
event.preventDefault();
|
|
8406
|
-
if (this.hoveredIndex > -1) {
|
|
8407
|
-
this.handleOnBlur();
|
|
8408
|
-
this.onSelectedOption(this.hoveredIndex);
|
|
8409
|
-
}
|
|
8410
|
-
}
|
|
8549
|
+
this.handleInputClear = (ev) => {
|
|
8550
|
+
this.setValue('');
|
|
8551
|
+
this.clearSelectedOptions();
|
|
8552
|
+
this._preventEvent(ev);
|
|
8411
8553
|
};
|
|
8412
|
-
this.
|
|
8413
|
-
this.
|
|
8414
|
-
|
|
8415
|
-
|
|
8416
|
-
|
|
8417
|
-
|
|
8418
|
-
|
|
8419
|
-
|
|
8420
|
-
this.removeOverlay();
|
|
8421
|
-
}
|
|
8554
|
+
this.handleSelectOption = (ev) => {
|
|
8555
|
+
this._selectOption(ev.detail);
|
|
8556
|
+
this._preventEvent(ev);
|
|
8557
|
+
};
|
|
8558
|
+
this.handleInputValueChange = (ev) => {
|
|
8559
|
+
this.setValue(ev.detail);
|
|
8560
|
+
if (this.selectedOptionElement && ev.detail !== this.selectedOptionElement.value) {
|
|
8561
|
+
this.clearSelectedOptions();
|
|
8422
8562
|
}
|
|
8563
|
+
this._preventEvent(ev);
|
|
8564
|
+
};
|
|
8565
|
+
this.handleDropdownMouseOver = () => {
|
|
8566
|
+
if (this.highlightedElement || this.highlightedIndex >= 0)
|
|
8567
|
+
this.clearHighlight();
|
|
8568
|
+
};
|
|
8569
|
+
this.handleKeyDown = (ev) => {
|
|
8570
|
+
if (ev.key === 'ArrowDown')
|
|
8571
|
+
this.moveHighlight('next');
|
|
8572
|
+
if (ev.key === 'ArrowUp')
|
|
8573
|
+
this.moveHighlight('prev');
|
|
8574
|
+
if (ev.key === 'Enter')
|
|
8575
|
+
this.selectHighlight();
|
|
8423
8576
|
};
|
|
8424
|
-
this.
|
|
8425
|
-
|
|
8426
|
-
|
|
8577
|
+
this.getInputElement = () => { var _a; return (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('cura-input-text'); };
|
|
8578
|
+
this._preventEvent = (ev) => {
|
|
8579
|
+
ev.preventDefault();
|
|
8580
|
+
ev.stopPropagation();
|
|
8427
8581
|
};
|
|
8582
|
+
this.name = undefined;
|
|
8428
8583
|
this.size = 'large';
|
|
8429
8584
|
this.status = 'default';
|
|
8430
8585
|
this.disabled = false;
|
|
8431
|
-
this.name = undefined;
|
|
8432
8586
|
this.required = false;
|
|
8433
|
-
this.selected = false;
|
|
8434
|
-
this.value = '';
|
|
8435
8587
|
this.placeholder = '';
|
|
8436
8588
|
this.label = '';
|
|
8437
|
-
this.
|
|
8438
|
-
this.
|
|
8439
|
-
this.
|
|
8440
|
-
this.
|
|
8589
|
+
this.icon = 'search';
|
|
8590
|
+
this.maxheight = '400px';
|
|
8591
|
+
this.value = '';
|
|
8592
|
+
this.searchdelay = 400;
|
|
8593
|
+
this.searchminchars = 3;
|
|
8441
8594
|
this.styles = {};
|
|
8442
|
-
this.
|
|
8443
|
-
this.
|
|
8444
|
-
this.
|
|
8445
|
-
|
|
8446
|
-
|
|
8447
|
-
|
|
8448
|
-
|
|
8449
|
-
|
|
8595
|
+
this.zoomState = false;
|
|
8596
|
+
this.isOnFocus = false;
|
|
8597
|
+
this.dropdownItems = [];
|
|
8598
|
+
}
|
|
8599
|
+
/**
|
|
8600
|
+
* Set focus to input field.
|
|
8601
|
+
*/
|
|
8602
|
+
async setFocus() {
|
|
8603
|
+
this.getInputElement().setFocus();
|
|
8604
|
+
}
|
|
8605
|
+
/**
|
|
8606
|
+
* Select by optionid property of a selectable option component.
|
|
8607
|
+
*/
|
|
8608
|
+
async selectOption(optionid) {
|
|
8609
|
+
this._selectOption(optionid);
|
|
8450
8610
|
}
|
|
8451
8611
|
connectedCallback() {
|
|
8452
8612
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
8453
|
-
this.
|
|
8454
|
-
this.styles['--
|
|
8613
|
+
this.breakpoints = window.CuraAPI.theme.breakpoints.get();
|
|
8614
|
+
this.styles['--info'] = window.CuraAPI.theme.colors.getColor('info-base');
|
|
8615
|
+
this.styles['--purewhite'] = window.CuraAPI.theme.colors.getColor('neutral-purewhite');
|
|
8455
8616
|
this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor('neutral-light');
|
|
8456
8617
|
this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor('neutral-dark');
|
|
8457
8618
|
this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);
|
|
8458
8619
|
this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor('error-dark');
|
|
8459
8620
|
this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor('error-lighter');
|
|
8460
|
-
this.styles['--
|
|
8621
|
+
this.styles['--primary'] = window.CuraAPI.theme.colors.getColor('primary');
|
|
8461
8622
|
this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
|
|
8462
8623
|
this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
|
|
8463
8624
|
this.styles['--font-weight-medium'] = this.weights.medium;
|
|
8625
|
+
window === null || window === void 0 ? void 0 : window.addEventListener('resize', this.handleWindowResize);
|
|
8626
|
+
window === null || window === void 0 ? void 0 : window.addEventListener('orientationchange', this.handleWindowResize);
|
|
8627
|
+
this.isMobile = checkMobile();
|
|
8464
8628
|
}
|
|
8465
|
-
|
|
8466
|
-
|
|
8467
|
-
this.
|
|
8468
|
-
this.
|
|
8629
|
+
componentDidLoad() {
|
|
8630
|
+
var _a;
|
|
8631
|
+
this.dropdownElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-container');
|
|
8632
|
+
this.host.addEventListener('actionclick', this.handleOptionActionClick);
|
|
8633
|
+
this.host.addEventListener('selectoption', this.handleSelectOption);
|
|
8634
|
+
this.scrollBehavior = new FixedElementScrollBehavior(this.host, this.dropdownElement);
|
|
8635
|
+
setTimeout(() => this.getSlotElements(), 10);
|
|
8469
8636
|
}
|
|
8470
|
-
|
|
8471
|
-
|
|
8637
|
+
disconnectedCallback() {
|
|
8638
|
+
window === null || window === void 0 ? void 0 : window.removeEventListener('resize', this.handleWindowResize);
|
|
8639
|
+
window === null || window === void 0 ? void 0 : window.removeEventListener('orientationchange', this.handleWindowResize);
|
|
8472
8640
|
}
|
|
8473
|
-
|
|
8474
|
-
if (this.
|
|
8475
|
-
|
|
8476
|
-
|
|
8641
|
+
moveHighlight(direction) {
|
|
8642
|
+
if (!this.dropdownSelectableItems.length)
|
|
8643
|
+
return;
|
|
8644
|
+
let position = direction === 'next' ? this.highlightedIndex + 1 : this.highlightedIndex - 1;
|
|
8645
|
+
if (position < 0) {
|
|
8646
|
+
this.clearHighlight();
|
|
8647
|
+
return;
|
|
8477
8648
|
}
|
|
8478
|
-
|
|
8479
|
-
|
|
8649
|
+
const selectableItemsLastPosition = this.dropdownSelectableItems.length - 1;
|
|
8650
|
+
if (position > selectableItemsLastPosition)
|
|
8651
|
+
position = selectableItemsLastPosition;
|
|
8652
|
+
if (this.highlightedElement)
|
|
8653
|
+
this.highlightedElement.highlighted = false;
|
|
8654
|
+
this.highlightedIndex = position;
|
|
8655
|
+
this.highlightedElement = this.dropdownSelectableItems[position];
|
|
8656
|
+
if (this.highlightedElement.selected) {
|
|
8657
|
+
this.moveHighlight(direction);
|
|
8658
|
+
return;
|
|
8480
8659
|
}
|
|
8660
|
+
this.highlightedElement.highlighted = true;
|
|
8661
|
+
this.highlightedElement.scrollIntoView({ behavior: 'instant', block: 'nearest', inline: 'nearest' });
|
|
8481
8662
|
}
|
|
8482
|
-
|
|
8483
|
-
|
|
8484
|
-
|
|
8485
|
-
|
|
8486
|
-
|
|
8487
|
-
|
|
8488
|
-
disconnectedCallback() {
|
|
8489
|
-
var _a;
|
|
8490
|
-
window === null || window === void 0 ? void 0 : window.removeEventListener('resize', this.setUp);
|
|
8491
|
-
(_a = window === null || window === void 0 ? void 0 : window.visualViewport) === null || _a === void 0 ? void 0 : _a.removeEventListener('resize', this.adjustInputPosition);
|
|
8492
|
-
}
|
|
8493
|
-
showOverlay() {
|
|
8494
|
-
if (!this.overlayElement) {
|
|
8495
|
-
this.overlayElement = document.createElement('div');
|
|
8496
|
-
this.overlayElement.className = 'dropdown-overlay';
|
|
8497
|
-
this.overlayElement.style.position = 'fixed';
|
|
8498
|
-
this.overlayElement.style.top = '0';
|
|
8499
|
-
this.overlayElement.style.left = '0';
|
|
8500
|
-
this.overlayElement.style.width = '100%';
|
|
8501
|
-
this.overlayElement.style.height = '100%';
|
|
8502
|
-
this.overlayElement.style.zIndex = '9999';
|
|
8503
|
-
this.overlayElement.style.backgroundColor = 'white';
|
|
8504
|
-
document.body.appendChild(this.overlayElement);
|
|
8505
|
-
this.originalOverflow = document.body.style.overflow;
|
|
8506
|
-
document.body.style.overflow = 'hidden';
|
|
8507
|
-
}
|
|
8508
|
-
}
|
|
8509
|
-
removeOverlay() {
|
|
8510
|
-
if (this.overlayElement && this.overlayElement.parentNode === document.body) {
|
|
8511
|
-
document.body.removeChild(this.overlayElement);
|
|
8512
|
-
this.overlayElement = null;
|
|
8513
|
-
document.body.style.overflow = this.originalOverflow;
|
|
8514
|
-
}
|
|
8515
|
-
}
|
|
8516
|
-
addClickListenersToOptions() {
|
|
8517
|
-
this.options.forEach((option, index) => {
|
|
8518
|
-
option === null || option === void 0 ? void 0 : option.addEventListener('optionSelected', () => this.onSelectedOption(index));
|
|
8519
|
-
});
|
|
8663
|
+
clearHighlight() {
|
|
8664
|
+
if (this.highlightedElement) {
|
|
8665
|
+
this.highlightedElement.highlighted = false;
|
|
8666
|
+
this.highlightedElement = null;
|
|
8667
|
+
}
|
|
8668
|
+
this.highlightedIndex = -1;
|
|
8520
8669
|
}
|
|
8521
|
-
|
|
8522
|
-
|
|
8523
|
-
|
|
8524
|
-
|
|
8525
|
-
|
|
8526
|
-
|
|
8527
|
-
this.adjustInputPosition();
|
|
8670
|
+
selectHighlight() {
|
|
8671
|
+
if (this.highlightedElement) {
|
|
8672
|
+
this._selectOption(this.highlightedElement.optionid);
|
|
8673
|
+
this.clearHighlight();
|
|
8674
|
+
this.getInputElement().blur();
|
|
8675
|
+
}
|
|
8528
8676
|
}
|
|
8529
|
-
|
|
8530
|
-
|
|
8531
|
-
|
|
8532
|
-
if (
|
|
8533
|
-
|
|
8534
|
-
|
|
8535
|
-
this.
|
|
8536
|
-
|
|
8537
|
-
|
|
8538
|
-
this.resetDropdownStyles();
|
|
8539
|
-
this.removeOverlay();
|
|
8540
|
-
}
|
|
8541
|
-
}, 200);
|
|
8677
|
+
setValue(value) {
|
|
8678
|
+
if (this.value !== value) {
|
|
8679
|
+
this.value = value;
|
|
8680
|
+
if (this.valueTimeout)
|
|
8681
|
+
clearTimeout(this.valueTimeout);
|
|
8682
|
+
this.valueTimeout = setTimeout(() => {
|
|
8683
|
+
this.termchange.emit(this.value === '' || this.value.length < this.searchminchars ? '' : this.value);
|
|
8684
|
+
}, this.searchdelay || 300);
|
|
8685
|
+
}
|
|
8542
8686
|
}
|
|
8543
|
-
|
|
8544
|
-
|
|
8545
|
-
|
|
8546
|
-
|
|
8547
|
-
|
|
8548
|
-
|
|
8549
|
-
|
|
8550
|
-
|
|
8551
|
-
|
|
8552
|
-
|
|
8687
|
+
_selectOption(optionid) {
|
|
8688
|
+
if (!optionid) {
|
|
8689
|
+
this.clearSelectedOptions();
|
|
8690
|
+
this.setValue('');
|
|
8691
|
+
return;
|
|
8692
|
+
}
|
|
8693
|
+
const optionElement = this.dropdownSelectableItems.find(option => option.optionid === optionid);
|
|
8694
|
+
if (optionElement && !optionElement.selected) {
|
|
8695
|
+
this.clearSelectedOptions();
|
|
8696
|
+
this.selectedOptionElement = optionElement;
|
|
8697
|
+
this.selectedOptionElement.selected = true;
|
|
8698
|
+
this.setValue(this.selectedOptionElement.value);
|
|
8699
|
+
this.optionselect.emit(this.selectedOptionElement.optionid);
|
|
8700
|
+
if (this.zoomState)
|
|
8701
|
+
setTimeout(() => this.exitZoom(), this.blurTimeoutMs);
|
|
8702
|
+
}
|
|
8703
|
+
}
|
|
8704
|
+
clearSelectedOptions() {
|
|
8705
|
+
this.dropdownSelectableItems.forEach(option => {
|
|
8706
|
+
if (option.selected)
|
|
8707
|
+
option.selected = false;
|
|
8553
8708
|
});
|
|
8709
|
+
this.selectedOptionElement = null;
|
|
8710
|
+
}
|
|
8711
|
+
getSlotElements() {
|
|
8712
|
+
const elements = [];
|
|
8713
|
+
const selectable = [];
|
|
8714
|
+
let hasNotFound = false;
|
|
8715
|
+
if (this.dropdownElement) {
|
|
8716
|
+
this.dropdownElement
|
|
8717
|
+
.querySelector('slot')
|
|
8718
|
+
.assignedElements()
|
|
8719
|
+
.forEach(item => {
|
|
8720
|
+
elements.push(item);
|
|
8721
|
+
if (item.localName === 'cura-dropdown-search-option' && item["selectable"])
|
|
8722
|
+
selectable.push(item);
|
|
8723
|
+
if (item.localName === 'cura-dropdown-search-not-found')
|
|
8724
|
+
hasNotFound = true;
|
|
8725
|
+
});
|
|
8726
|
+
}
|
|
8727
|
+
this.dropdownSelectableItems = selectable;
|
|
8728
|
+
this.dropdownItems = elements;
|
|
8729
|
+
this.status = hasNotFound ? 'error' : 'default';
|
|
8554
8730
|
}
|
|
8555
|
-
|
|
8556
|
-
|
|
8557
|
-
|
|
8558
|
-
this.
|
|
8731
|
+
enterZoom() {
|
|
8732
|
+
this.scrollBehavior.disableScroll();
|
|
8733
|
+
this.setZoomHeight();
|
|
8734
|
+
this.zoomState = true;
|
|
8559
8735
|
}
|
|
8560
|
-
|
|
8561
|
-
|
|
8562
|
-
|
|
8563
|
-
|
|
8564
|
-
if (container && hoveredOption) {
|
|
8565
|
-
const optionRect = hoveredOption.getBoundingClientRect();
|
|
8566
|
-
const containerRect = container.getBoundingClientRect();
|
|
8567
|
-
if (optionRect.bottom > containerRect.bottom) {
|
|
8568
|
-
container.scrollTop += optionRect.bottom - containerRect.bottom;
|
|
8569
|
-
}
|
|
8570
|
-
if (optionRect.top < containerRect.top) {
|
|
8571
|
-
container.scrollTop -= containerRect.top - optionRect.top;
|
|
8572
|
-
}
|
|
8573
|
-
}
|
|
8736
|
+
exitZoom() {
|
|
8737
|
+
this.scrollBehavior.enableScroll();
|
|
8738
|
+
this.setZoomHeight();
|
|
8739
|
+
setTimeout(() => { this.zoomState = false; }, 300);
|
|
8574
8740
|
}
|
|
8575
|
-
|
|
8576
|
-
|
|
8577
|
-
|
|
8578
|
-
|
|
8579
|
-
this.resetDropdownStyles();
|
|
8580
|
-
this.removeOverlay();
|
|
8581
|
-
}, 200);
|
|
8582
|
-
}
|
|
8741
|
+
setZoomHeight() {
|
|
8742
|
+
var _a;
|
|
8743
|
+
const h = window ? `${((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || window.innerHeight}px` : '100vh';
|
|
8744
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--height': h });
|
|
8583
8745
|
}
|
|
8584
8746
|
getClasses() {
|
|
8585
8747
|
return {
|
|
8586
|
-
|
|
8587
|
-
|
|
8588
|
-
|
|
8589
|
-
|
|
8590
|
-
|
|
8591
|
-
}
|
|
8592
|
-
getDropdownClasses() {
|
|
8593
|
-
return {
|
|
8594
|
-
'dropdown-search-list': true,
|
|
8595
|
-
'visible': this.options.length && this.isDropdownOpen ? true : false,
|
|
8748
|
+
"component-container": true,
|
|
8749
|
+
"mobile": this.isMobile,
|
|
8750
|
+
"zoom": this.zoomState,
|
|
8751
|
+
"dropdown-visible": this.isOnFocus && (this.dropdownItems.length > 0 && !this.zoomState),
|
|
8752
|
+
"error": this.status === 'error'
|
|
8596
8753
|
};
|
|
8597
8754
|
}
|
|
8598
|
-
|
|
8755
|
+
getHostCSSProperties() {
|
|
8599
8756
|
return {
|
|
8600
|
-
'--
|
|
8757
|
+
'--max-height': this.maxheight || '400px'
|
|
8601
8758
|
};
|
|
8602
8759
|
}
|
|
8603
|
-
handleOnFocus() {
|
|
8604
|
-
this.isDropdownOpen = true;
|
|
8605
|
-
}
|
|
8606
|
-
getDropdownSearchListHeight() {
|
|
8607
|
-
setTimeout(() => {
|
|
8608
|
-
var _a;
|
|
8609
|
-
const dropdownInputSearchElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-input-search');
|
|
8610
|
-
if (dropdownInputSearchElement) {
|
|
8611
|
-
this.host.style.setProperty('--dynamic-input-search-height', `${dropdownInputSearchElement.offsetHeight}px`);
|
|
8612
|
-
}
|
|
8613
|
-
}, 310);
|
|
8614
|
-
}
|
|
8615
|
-
handleGoBack() {
|
|
8616
|
-
this.resetDropdownStyles();
|
|
8617
|
-
this.isMobile = false;
|
|
8618
|
-
}
|
|
8619
|
-
resetDropdownStyles() {
|
|
8620
|
-
var _a;
|
|
8621
|
-
const dropdown = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-mobile');
|
|
8622
|
-
if (dropdown && dropdown.style.position === 'fixed') {
|
|
8623
|
-
dropdown.style.position = 'relative';
|
|
8624
|
-
dropdown.style.removeProperty('bottom');
|
|
8625
|
-
}
|
|
8626
|
-
}
|
|
8627
8760
|
render() {
|
|
8628
|
-
|
|
8629
|
-
return (hAsync(Host, { key: '29caf35386c324e85a5b68caa280193e8f1a3aae', style: this.hostCSSProperties(), class: "dropdown-overlay" }, hAsync("div", { key: '879dc628c89920323a97f5b29aeadf6e774615ef', class: `dropdown ${isMobileDropdown ? 'dropdown-mobile' : ''}`, style: this.styles }, hAsync("div", { key: '31c2df66c5311abedfd1661fb9d8b135dde4ea8a', class: this.getClasses() }, this.isMobile && this.isDropdownOpen && (hAsync("cura-button-transparent", { key: '418fa19788b7dd8374d4c9c78837ad89c9f11f9e', fontColor: "dark", onClick: () => this.handleGoBack(), iconName: "arrowLeft", size: "medium", iconOnly: true, color: "primary" })), hAsync("cura-input-text", { key: '78dfa84f63f4a5a3b72f94e589b9c362d8e78e19', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: isMobileDropdown ? 'transparent' : 'default', required: this.required, hideErrorIcon: this.status === 'error', iconName: this.iconName || 'search', value: this.value, status: this.status, onValueChange: e => this.onValueChange(e.target.value), onInput: e => this.handleInputChange(e), onFocus: () => this.handleOnFocus(), onClick: () => (window.innerWidth < 768 ? (this.isMobile = true) : null), onBlur: () => {
|
|
8630
|
-
this.handleOnBlur();
|
|
8631
|
-
}, placeholder: this.placeholder, size: this.size, onKeyDown: this.handleKeyDown }, hAsync("slot", { key: 'e7f13fc467083f08b4666f4323b8734fb734fe1c', name: "helperText" }))), hAsync("div", { key: '9a39a16c1dfefd6481593ce062036e19cd1b65fa', id: "dropdown-search-list", class: this.getDropdownClasses() }, hAsync("slot", { key: '36af7eb7212ea066af0edb68b5e12bf9f931fae1', name: "dropdown-search-option", onSlotchange: this.handleSlotChange })))));
|
|
8761
|
+
return (hAsync(Host, { key: '936c26e5c23d95d8e905f66d8bcf7c636781351e', style: this.getHostCSSProperties() }, hAsync("div", { key: '6bd541e66e07d4db99af875886fbfaba5915fd48', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '4b5036b41878c317bc3b6716bf8590f1d672d21e', class: "component-controls" }, this.isMobile && this.zoomState ? (hAsync("cura-button-transparent", { fontColor: "dark", onClick: () => this.handleBackClick(), iconName: "arrowLeft", size: "large", iconOnly: true, color: "primary", id: "button-back" })) : '', hAsync("cura-input-text", { key: '7d0d8f3090389570d51612ad89cedda9c452527f', disabled: this.disabled, label: this.label, part: "cura-input-field", mode: this.zoomState ? 'transparent' : 'default', required: this.required, iconName: this.icon || 'search', value: this.value, status: this.status, onValueChange: (ev) => this.handleInputValueChange(ev), onInput: (ev) => this._preventEvent(ev), onFocus: () => this.handleFocus(), onClick: (ev) => this._preventEvent(ev), onBlur: () => this.handleBlur(), onFocusout: () => this.handleFocusout(), onInputClear: (ev) => this.handleInputClear(ev), placeholder: this.placeholder, size: this.size, onKeyDown: (ev) => this.handleKeyDown(ev) }, hAsync("slot", { key: 'e9cbf139d9b16a50bf0ca547246a66132e722add', name: "helperText" }))), hAsync("div", { key: 'd8d83a726ef6e87740240b9fb637742bc52151e2', class: "dropdown-container", onMouseOver: () => this.handleDropdownMouseOver() }, hAsync("slot", { key: '7cf5efd8ca64c1f07a19bf0ae6dfcdaeb057c04b', onSlotchange: () => this.handleSlotChange() })))));
|
|
8632
8762
|
}
|
|
8633
8763
|
get host() { return getElement(this); }
|
|
8634
|
-
static get watchers() { return {
|
|
8635
|
-
"value": ["onValueChange"]
|
|
8636
|
-
}; }
|
|
8637
8764
|
static get style() { return CuraDropdownSearchStyle0; }
|
|
8638
8765
|
static get cmpMeta() { return {
|
|
8639
8766
|
"$flags$": 9,
|
|
8640
8767
|
"$tagName$": "cura-dropdown-search",
|
|
8641
8768
|
"$members$": {
|
|
8642
|
-
"size": [1537],
|
|
8643
|
-
"status": [513],
|
|
8644
|
-
"disabled": [516],
|
|
8645
8769
|
"name": [513],
|
|
8646
|
-
"
|
|
8647
|
-
"
|
|
8648
|
-
"
|
|
8649
|
-
"
|
|
8650
|
-
"
|
|
8651
|
-
"
|
|
8652
|
-
"
|
|
8653
|
-
"
|
|
8654
|
-
"
|
|
8770
|
+
"size": [513],
|
|
8771
|
+
"status": [1537],
|
|
8772
|
+
"disabled": [516],
|
|
8773
|
+
"required": [516],
|
|
8774
|
+
"placeholder": [513],
|
|
8775
|
+
"label": [513],
|
|
8776
|
+
"icon": [513],
|
|
8777
|
+
"maxheight": [513],
|
|
8778
|
+
"value": [1025],
|
|
8779
|
+
"searchdelay": [514],
|
|
8780
|
+
"searchminchars": [514],
|
|
8655
8781
|
"styles": [32],
|
|
8656
|
-
"
|
|
8657
|
-
"
|
|
8658
|
-
"
|
|
8659
|
-
"
|
|
8660
|
-
"
|
|
8661
|
-
"options": [32],
|
|
8662
|
-
"originalOverflow": [32],
|
|
8663
|
-
"screenDefaultHeight": [32]
|
|
8782
|
+
"zoomState": [32],
|
|
8783
|
+
"isOnFocus": [32],
|
|
8784
|
+
"dropdownItems": [32],
|
|
8785
|
+
"setFocus": [64],
|
|
8786
|
+
"selectOption": [64]
|
|
8664
8787
|
},
|
|
8665
8788
|
"$listeners$": undefined,
|
|
8666
8789
|
"$lazyBundleId$": "-",
|
|
8667
|
-
"$attrsToReflect$": [["
|
|
8790
|
+
"$attrsToReflect$": [["name", "name"], ["size", "size"], ["status", "status"], ["disabled", "disabled"], ["required", "required"], ["placeholder", "placeholder"], ["label", "label"], ["icon", "icon"], ["maxheight", "maxheight"], ["searchdelay", "searchdelay"], ["searchminchars", "searchminchars"]]
|
|
8668
8791
|
}; }
|
|
8669
8792
|
}
|
|
8670
8793
|
|
|
8671
|
-
const
|
|
8672
|
-
var
|
|
8794
|
+
const curaDropdownSearchCategoryCss = ":host{display:block;box-sizing:border-box}:host .component-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:calc(var(--cura-spacing-base) * 10px);padding:0 calc(var(--cura-spacing-base) * 1px);border-bottom:1px solid var(--neutral-light);padding:calc(var(--cura-spacing-base) * 3px) 0}:host(:last-child) .component-container{border-bottom:none !important}";
|
|
8795
|
+
var CuraDropdownSearchCategoryStyle0 = curaDropdownSearchCategoryCss;
|
|
8673
8796
|
|
|
8674
|
-
class
|
|
8797
|
+
class CuraDropdownSearchCategory {
|
|
8675
8798
|
constructor(hostRef) {
|
|
8676
8799
|
registerInstance(this, hostRef);
|
|
8677
|
-
this.optionSelected = createEvent(this, "optionSelected", 7);
|
|
8678
|
-
this.handleOptionClick = (e) => {
|
|
8679
|
-
if (this.selectable) {
|
|
8680
|
-
this.selected = !this.selected;
|
|
8681
|
-
this.optionSelected.emit(this.value);
|
|
8682
|
-
this.updateIconColor();
|
|
8683
|
-
}
|
|
8684
|
-
else {
|
|
8685
|
-
e.preventDefault();
|
|
8686
|
-
e.stopImmediatePropagation();
|
|
8687
|
-
}
|
|
8688
|
-
};
|
|
8689
|
-
this.value = undefined;
|
|
8690
|
-
this.selected = false;
|
|
8691
|
-
this.selectable = true;
|
|
8692
|
-
this.hovered = false;
|
|
8693
8800
|
this.styles = {};
|
|
8801
|
+
this.theme = window.CuraAPI.theme;
|
|
8694
8802
|
}
|
|
8695
8803
|
connectedCallback() {
|
|
8696
|
-
this.
|
|
8697
|
-
|
|
8698
|
-
|
|
8699
|
-
this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);
|
|
8700
|
-
this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
|
|
8701
|
-
this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`, 50);
|
|
8702
|
-
}
|
|
8703
|
-
componentDidLoad() {
|
|
8704
|
-
this.updateIconColor();
|
|
8705
|
-
}
|
|
8706
|
-
updateIconColor() {
|
|
8707
|
-
const iconElement = this.hostElement.querySelector('[slot="image"] cura-icon');
|
|
8708
|
-
if (iconElement) {
|
|
8709
|
-
iconElement.setAttribute('color', this.selected ? 'primary' : 'neutral-dark');
|
|
8710
|
-
}
|
|
8804
|
+
this.styles = {
|
|
8805
|
+
'--neutral-light': this.theme.colors.getColor('neutral-light')
|
|
8806
|
+
};
|
|
8711
8807
|
}
|
|
8712
8808
|
render() {
|
|
8713
|
-
return (hAsync(Host, { key: '
|
|
8714
|
-
"option-container": true,
|
|
8715
|
-
hovered: this.selectable ? this.hovered : false,
|
|
8716
|
-
selected: this.selected,
|
|
8717
|
-
disabled: !this.selectable
|
|
8718
|
-
} }, hAsync("div", { key: '8c3cce88d40c764ae87cf8c54e3fb9fe9651f62d', class: "content-container" }, hAsync("div", { key: '1c674ff6a3721c42e034b994bf903d8608100cb8', class: "option-info", onClick: (e) => this.handleOptionClick(e) }, hAsync("slot", { key: '7a6545a242da0774b74a403b2dc26ce378d146fd', name: "image" }), hAsync("cura-heading", { key: '860fede2f20748b5e15ddf3222cd0c6ce3ff1f8c', size: "xsmall", lineHeight: "16px", marginBlock: "0px", weight: "bold", color: "neutral-black" }, hAsync("slot", { key: 'e9a7610e2d561cb399d58c44f98fb9ea0e6cf5c6' }))), hAsync("slot", { key: 'c784f7cddd4d5e246126ef43ab08e82db51fc2be', name: "action" })))));
|
|
8809
|
+
return (hAsync(Host, { key: '511391a8c6c1c998b04e3093838173ae76549715' }, hAsync("div", { key: '63da720bb3d2cc354ef5f1e9ceaf0f2f9c396f4e', class: "component-container", style: this.styles }, hAsync("cura-heading", { key: 'ba003607e581d4abaf2e6d617f94e3174d04a4b3', size: 'xsmall', weight: 'bold', color: 'neutral-dark', marginBlock: '0', lineHeight: '1em' }, hAsync("slot", { key: '80b14ff99b42a64082895db81b4dbe78cd7545a3' })))));
|
|
8719
8810
|
}
|
|
8720
|
-
get
|
|
8721
|
-
static get watchers() { return {
|
|
8722
|
-
"selected": ["updateIconColor"]
|
|
8723
|
-
}; }
|
|
8724
|
-
static get style() { return CuraDropdownSearchOptionStyle0; }
|
|
8811
|
+
static get style() { return CuraDropdownSearchCategoryStyle0; }
|
|
8725
8812
|
static get cmpMeta() { return {
|
|
8726
8813
|
"$flags$": 9,
|
|
8727
|
-
"$tagName$": "cura-dropdown-search-
|
|
8728
|
-
"$members$":
|
|
8729
|
-
"value": [513],
|
|
8730
|
-
"selected": [1540],
|
|
8731
|
-
"selectable": [516],
|
|
8732
|
-
"hovered": [1540],
|
|
8733
|
-
"styles": [32]
|
|
8734
|
-
},
|
|
8814
|
+
"$tagName$": "cura-dropdown-search-category",
|
|
8815
|
+
"$members$": undefined,
|
|
8735
8816
|
"$listeners$": undefined,
|
|
8736
8817
|
"$lazyBundleId$": "-",
|
|
8737
|
-
"$attrsToReflect$": [
|
|
8818
|
+
"$attrsToReflect$": []
|
|
8738
8819
|
}; }
|
|
8739
8820
|
}
|
|
8740
8821
|
|
|
8741
|
-
const
|
|
8742
|
-
var
|
|
8822
|
+
const curaDropdownSearchNotFoundCss = ":host{display:block;box-sizing:border-box}:host .component-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:calc(var(--cura-spacing-base) * 10px);padding:0 calc(var(--cura-spacing-base) * 1px);border-bottom:1px solid var(--neutral-light);border-bottom:none;cursor:default}:host .component-container cura-heading{--margin-block:0 !important;flex:1}";
|
|
8823
|
+
var CuraDropdownSearchNotFoundStyle0 = curaDropdownSearchNotFoundCss;
|
|
8743
8824
|
|
|
8744
|
-
class
|
|
8825
|
+
class CuraDropdownSearchNotFound {
|
|
8745
8826
|
constructor(hostRef) {
|
|
8746
8827
|
registerInstance(this, hostRef);
|
|
8828
|
+
this.actionclick = createEvent(this, "actionclick", 7);
|
|
8829
|
+
this.handleClick = (ev) => {
|
|
8830
|
+
this.actionclick.emit();
|
|
8831
|
+
ev.preventDefault();
|
|
8832
|
+
ev.stopPropagation();
|
|
8833
|
+
};
|
|
8747
8834
|
}
|
|
8748
8835
|
render() {
|
|
8749
|
-
return (hAsync(Host, { key: '
|
|
8836
|
+
return (hAsync(Host, { key: '899559f0e05394638cd9c6dd61897383453ed176' }, hAsync("div", { key: '0b1ed35b82f1df7feac928ab84e08149a38a79a3', class: "component-container", onClick: this.handleClick }, hAsync("cura-heading", { key: '49f423b01e6719790bf7f3bcda6f3239042c0c9f', size: "xsmall", weight: "bold", color: "error-dark" }, hAsync("slot", { key: '4fbcfb5602729f92f84a22d003d5b2e66e481b6c' })))));
|
|
8750
8837
|
}
|
|
8751
|
-
static get style() { return
|
|
8838
|
+
static get style() { return CuraDropdownSearchNotFoundStyle0; }
|
|
8752
8839
|
static get cmpMeta() { return {
|
|
8753
8840
|
"$flags$": 9,
|
|
8754
|
-
"$tagName$": "cura-dropdown-search-
|
|
8841
|
+
"$tagName$": "cura-dropdown-search-not-found",
|
|
8755
8842
|
"$members$": undefined,
|
|
8756
8843
|
"$listeners$": undefined,
|
|
8757
8844
|
"$lazyBundleId$": "-",
|
|
@@ -8759,7 +8846,73 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8759
8846
|
}; }
|
|
8760
8847
|
}
|
|
8761
8848
|
|
|
8762
|
-
const
|
|
8849
|
+
const curaDropdownSearchOptionCss = ":host{display:block;box-sizing:border-box}:host .component-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:calc(var(--cura-spacing-base) * 10px);padding:0 calc(var(--cura-spacing-base) * 1px);border-bottom:1px solid var(--neutral-light);transition:background-color 0.15s linear}:host .component-container:not(.selected):not(.not-selectable):has(.selectable-container:hover),:host .component-container:not(.selected):not(.not-selectable).highlighted{background-color:var(--neutral-white)}:host .selectable-container{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:calc(var(--cura-spacing-base) * 3px) 0;min-height:calc(var(--cura-spacing-base) * 10px);min-width:0;gap:calc(var(--cura-spacing-base) * 1px);cursor:pointer}:host .selectable-container .content{flex:1;align-items:center;justify-content:flex-end;padding-right:calc(var(--cura-spacing-base) * 1px);min-width:0}:host .selectable-container ::slotted(cura-icon){--color:var(--neutral-dark) !important;margin:0 10px}:host .selectable-container ::slotted(cura-avatar){margin:0 calc(var(--cura-spacing-base) * 1px)}:host .selectable-container ::slotted(cura-heading),:host .selectable-container ::slotted(cura-paragraph){--margin-block:0 !important;--color-spot:var(--primary) !important}:host .selectable-container ::slotted(cura-heading){--color-body:var(--neutral-black) !important}:host .selectable-container ::slotted(cura-paragraph){--color-body:var(--neutral-dark) !important}:host .selected{background-color:var(--primary-lighter-50);border-bottom-color:var(--primary-light)}:host .selected .selectable-container{cursor:default}:host .selected .selectable-container ::slotted(cura-icon){--color:var(--primary) !important}:host .selected .selectable-container ::slotted(cura-heading){--color-body:var(--primary) !important}:host .actions-container{display:flex}:host .actions-container ::slotted(*){padding-left:calc(var(--cura-spacing-base) * 1px)}:host .not-selectable .selectable-container{cursor:default}:host(:last-child) .component-container{border-bottom:none !important}";
|
|
8850
|
+
var CuraDropdownSearchOptionStyle0 = curaDropdownSearchOptionCss;
|
|
8851
|
+
|
|
8852
|
+
class CuraDropdownSearchOption {
|
|
8853
|
+
constructor(hostRef) {
|
|
8854
|
+
registerInstance(this, hostRef);
|
|
8855
|
+
this.actionclick = createEvent(this, "actionclick", 7);
|
|
8856
|
+
this.selectoption = createEvent(this, "selectoption", 7);
|
|
8857
|
+
this.styles = {};
|
|
8858
|
+
this.theme = window.CuraAPI.theme;
|
|
8859
|
+
this.value = undefined;
|
|
8860
|
+
this.optionid = undefined;
|
|
8861
|
+
this.selectable = true;
|
|
8862
|
+
this.selected = false;
|
|
8863
|
+
this.highlighted = false;
|
|
8864
|
+
}
|
|
8865
|
+
connectedCallback() {
|
|
8866
|
+
this.styles = {
|
|
8867
|
+
'--neutral-light': this.theme.colors.getColor('neutral-light'),
|
|
8868
|
+
'--neutral-white': this.theme.colors.getColor('neutral-white'),
|
|
8869
|
+
'--neutral-dark': this.theme.colors.getColor('neutral-dark'),
|
|
8870
|
+
'--neutral-black': this.theme.colors.getColor('neutral-black'),
|
|
8871
|
+
'--primary-lighter-50': this.theme.colors.getColor('primary-lighter', .5),
|
|
8872
|
+
'--primary-light': this.theme.colors.getColor('primary-light'),
|
|
8873
|
+
'--primary': this.theme.colors.getColor('primary-base')
|
|
8874
|
+
};
|
|
8875
|
+
}
|
|
8876
|
+
handleSelect() {
|
|
8877
|
+
if (this.selectable) {
|
|
8878
|
+
this.selectoption.emit(this.optionid);
|
|
8879
|
+
}
|
|
8880
|
+
else {
|
|
8881
|
+
this.actionclick.emit();
|
|
8882
|
+
}
|
|
8883
|
+
}
|
|
8884
|
+
handleActionsClick() {
|
|
8885
|
+
this.actionclick.emit();
|
|
8886
|
+
}
|
|
8887
|
+
getClasses() {
|
|
8888
|
+
return {
|
|
8889
|
+
'component-container': true,
|
|
8890
|
+
'selected': this.selected,
|
|
8891
|
+
'highlighted': this.highlighted,
|
|
8892
|
+
'not-selectable': !this.selectable
|
|
8893
|
+
};
|
|
8894
|
+
}
|
|
8895
|
+
render() {
|
|
8896
|
+
return (hAsync(Host, { key: '6168a95a628d07878f472c310390bf9c45bd5057' }, hAsync("div", { key: '29763282f101a9fbe205c91e7b3c70fa51878e63', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '46bd7a250ad866b984e6f4184aa4800e89b741c9', class: "selectable-container", onClick: () => this.handleSelect() }, hAsync("slot", { key: '77088405f3cc4f077e49a4266fb926348774d9e9', name: 'image' }), hAsync("div", { key: '96baef2af4ffe7c5ec809a5adbd0512120b6c71c', class: "content" }, hAsync("slot", { key: 'e41794e8eaff6bfe1516e88e8591ca915eb7ad3f' }))), hAsync("div", { key: '991bca3b0956519b531d576a1738bc3f200cc73f', class: "actions-container", onClick: () => this.handleActionsClick() }, hAsync("slot", { key: '098e8c29ab48ef8e0cfff2a48a31860eafb62487', name: 'actions' })))));
|
|
8897
|
+
}
|
|
8898
|
+
static get style() { return CuraDropdownSearchOptionStyle0; }
|
|
8899
|
+
static get cmpMeta() { return {
|
|
8900
|
+
"$flags$": 9,
|
|
8901
|
+
"$tagName$": "cura-dropdown-search-option",
|
|
8902
|
+
"$members$": {
|
|
8903
|
+
"value": [1],
|
|
8904
|
+
"optionid": [1],
|
|
8905
|
+
"selectable": [516],
|
|
8906
|
+
"selected": [516],
|
|
8907
|
+
"highlighted": [516]
|
|
8908
|
+
},
|
|
8909
|
+
"$listeners$": undefined,
|
|
8910
|
+
"$lazyBundleId$": "-",
|
|
8911
|
+
"$attrsToReflect$": [["selectable", "selectable"], ["selected", "selected"], ["highlighted", "highlighted"]]
|
|
8912
|
+
}; }
|
|
8913
|
+
}
|
|
8914
|
+
|
|
8915
|
+
const curaHeadingCss = ":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.714em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.071em;letter-spacing:-0.58px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:calc(var(--line-height) + 20%)}:host h1.small.bold-weight,:host h1.small ::slotted(b),:host h1.small ::slotted(strong),:host h2.small.bold-weight,:host h2.small ::slotted(b),:host h2.small ::slotted(strong),:host h3.small.bold-weight,:host h3.small ::slotted(b),:host h3.small ::slotted(strong),:host h4.small.bold-weight,:host h4.small ::slotted(b),:host h4.small ::slotted(strong),:host h5.small.bold-weight,:host h5.small ::slotted(b),:host h5.small ::slotted(strong),:host h6.small.bold-weight,:host h6.small ::slotted(b),:host h6.small ::slotted(strong){font-weight:var(--font-weight-bold)}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:0.8571428571em;font-weight:var(--font-weight-medium);letter-spacing:0.6px}:host h1.xsmall.bold-weight,:host h1.xsmall ::slotted(b),:host h1.xsmall ::slotted(strong),:host h2.xsmall.bold-weight,:host h2.xsmall ::slotted(b),:host h2.xsmall ::slotted(strong),:host h3.xsmall.bold-weight,:host h3.xsmall ::slotted(b),:host h3.xsmall ::slotted(strong),:host h4.xsmall.bold-weight,:host h4.xsmall ::slotted(b),:host h4.xsmall ::slotted(strong),:host h5.xsmall.bold-weight,:host h5.xsmall ::slotted(b),:host h5.xsmall ::slotted(strong),:host h6.xsmall.bold-weight,:host h6.xsmall ::slotted(b),:host h6.xsmall ::slotted(strong){font-weight:var(--font-weight-bold)}:host h1.textoverflow-single,:host h2.textoverflow-single,:host h3.textoverflow-single,:host h4.textoverflow-single,:host h5.textoverflow-single,:host h6.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host h1 ::slotted(b),:host h1 ::slotted(strong),:host h2 ::slotted(b),:host h2 ::slotted(strong),:host h3 ::slotted(b),:host h3 ::slotted(strong),:host h4 ::slotted(b),:host h4 ::slotted(strong),:host h5 ::slotted(b),:host h5 ::slotted(strong),:host h6 ::slotted(b),:host h6 ::slotted(strong){font-weight:var(--font-weight-medium)}:host h1 ::slotted(a),:host h2 ::slotted(a),:host h3 ::slotted(a),:host h4 ::slotted(a),:host h5 ::slotted(a),:host h6 ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-spot);text-underline-offset:10%;cursor:pointer}:host h1 ::slotted(u),:host h2 ::slotted(u),:host h3 ::slotted(u),:host h4 ::slotted(u),:host h5 ::slotted(u),:host h6 ::slotted(u){text-underline-offset:10%}:host h1 ::slotted(abbr),:host h2 ::slotted(abbr),:host h3 ::slotted(abbr),:host h4 ::slotted(abbr),:host h5 ::slotted(abbr),:host h6 ::slotted(abbr){color:var(--color-spot);text-decoration:underline dashed 1px var(--color-spot);text-underline-offset:10%;cursor:default}:host h1 ::slotted(i),:host h2 ::slotted(i),:host h3 ::slotted(i),:host h4 ::slotted(i),:host h5 ::slotted(i),:host h6 ::slotted(i){font-weight:var(--font-weight-medium)}:host h1 ::slotted(em),:host h2 ::slotted(em),:host h3 ::slotted(em),:host h4 ::slotted(em),:host h5 ::slotted(em),:host h6 ::slotted(em){color:var(--color-spot);font-weight:var(--font-weight-bold);font-style:normal}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em;letter-spacing:-0.66px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:0.8571428571em;line-height:calc(var(--line-height) + 3%);letter-spacing:0.72px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:calc(var(--line-height) + 5%);letter-spacing:-0.82px}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.929em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.714em;line-height:calc(var(--line-height) + 30%);letter-spacing:0%}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:1em;line-height:calc(var(--line-height) + 12.857%);letter-spacing:0.28px}}";
|
|
8763
8916
|
var CuraHeadingStyle0 = curaHeadingCss;
|
|
8764
8917
|
|
|
8765
8918
|
class CuraHeading {
|
|
@@ -8773,17 +8926,16 @@ class CuraHeading {
|
|
|
8773
8926
|
this.color = undefined;
|
|
8774
8927
|
this.marginBlock = '1.25em';
|
|
8775
8928
|
this.lineHeight = '130%';
|
|
8929
|
+
this.textOverflow = 'none';
|
|
8776
8930
|
this.styles = {};
|
|
8777
8931
|
}
|
|
8778
|
-
handleChangeColor() {
|
|
8779
|
-
this.setColors();
|
|
8780
|
-
}
|
|
8781
8932
|
connectedCallback() {
|
|
8782
8933
|
this.setFontProperties();
|
|
8783
|
-
this.setColors();
|
|
8784
8934
|
}
|
|
8785
8935
|
getClasses() {
|
|
8786
|
-
const classes = {
|
|
8936
|
+
const classes = {
|
|
8937
|
+
'textoverflow-single': this.textOverflow === 'single'
|
|
8938
|
+
};
|
|
8787
8939
|
classes[this.size.toLowerCase()] = true;
|
|
8788
8940
|
classes[`${this.weight.toLowerCase()}-weight`] = true;
|
|
8789
8941
|
return classes;
|
|
@@ -8808,11 +8960,9 @@ class CuraHeading {
|
|
|
8808
8960
|
'--font-size-base': this.fontSizeBase,
|
|
8809
8961
|
'--line-height': this.lineHeight,
|
|
8810
8962
|
'--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),
|
|
8963
|
+
'--color-spot': this.theme.colors.getColor(`${this.spotColor}`)
|
|
8811
8964
|
};
|
|
8812
8965
|
}
|
|
8813
|
-
setColors() {
|
|
8814
|
-
this.styles = Object.assign(Object.assign({}, this.styles), { '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
|
|
8815
|
-
}
|
|
8816
8966
|
getHeadingTag() {
|
|
8817
8967
|
const tags = {
|
|
8818
8968
|
'1': hAsync("h1", { style: this.styles, class: this.getClasses() }, hAsync("slot", null)),
|
|
@@ -8826,13 +8976,9 @@ class CuraHeading {
|
|
|
8826
8976
|
return tags[`${this.level}`] || tags['default'];
|
|
8827
8977
|
}
|
|
8828
8978
|
render() {
|
|
8829
|
-
return (hAsync(Host, { key: '
|
|
8979
|
+
return (hAsync(Host, { key: 'e79594795b4b4f7ba5402556d70ab39677da948e', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8830
8980
|
}
|
|
8831
8981
|
get host() { return getElement(this); }
|
|
8832
|
-
static get watchers() { return {
|
|
8833
|
-
"color": ["handleChangeColor"],
|
|
8834
|
-
"spotColor": ["handleChangeColor"]
|
|
8835
|
-
}; }
|
|
8836
8982
|
static get style() { return CuraHeadingStyle0; }
|
|
8837
8983
|
static get cmpMeta() { return {
|
|
8838
8984
|
"$flags$": 9,
|
|
@@ -8842,14 +8988,15 @@ class CuraHeading {
|
|
|
8842
8988
|
"size": [513],
|
|
8843
8989
|
"weight": [513],
|
|
8844
8990
|
"spotColor": [513, "spot-color"],
|
|
8845
|
-
"color": [
|
|
8991
|
+
"color": [513],
|
|
8846
8992
|
"marginBlock": [513, "margin-block"],
|
|
8847
8993
|
"lineHeight": [513, "line-height"],
|
|
8994
|
+
"textOverflow": [513, "text-overflow"],
|
|
8848
8995
|
"styles": [32]
|
|
8849
8996
|
},
|
|
8850
8997
|
"$listeners$": undefined,
|
|
8851
8998
|
"$lazyBundleId$": "-",
|
|
8852
|
-
"$attrsToReflect$": [["level", "level"], ["size", "size"], ["weight", "weight"], ["spotColor", "spot-color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"]]
|
|
8999
|
+
"$attrsToReflect$": [["level", "level"], ["size", "size"], ["weight", "weight"], ["spotColor", "spot-color"], ["color", "color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"], ["textOverflow", "text-overflow"]]
|
|
8853
9000
|
}; }
|
|
8854
9001
|
}
|
|
8855
9002
|
|
|
@@ -8867,7 +9014,7 @@ const iconSizes = {
|
|
|
8867
9014
|
"default": { size: 24, stroke: 2 }
|
|
8868
9015
|
};
|
|
8869
9016
|
|
|
8870
|
-
const curaIconCss = ":host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
|
|
9017
|
+
const curaIconCss = ":host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
|
|
8871
9018
|
var CuraIconStyle0 = curaIconCss;
|
|
8872
9019
|
|
|
8873
9020
|
class CuraIcon {
|
|
@@ -8898,7 +9045,7 @@ class CuraIcon {
|
|
|
8898
9045
|
this.host.style.setProperty(prop, value);
|
|
8899
9046
|
}
|
|
8900
9047
|
render() {
|
|
8901
|
-
return (hAsync(Host, { key: '
|
|
9048
|
+
return (hAsync(Host, { key: 'd2c7487f9fadebc1da94bc4b8cd661a75e0d93ef' }, hAsync("svg", { key: 'd8d0a70bf11cce073da95cce58c2fca4705b4b9f', version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, hAsync("use", { key: '10f2f6c34ce7cc782de70d9e9cdd22f54e08acc9', xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
|
|
8902
9049
|
}
|
|
8903
9050
|
get host() { return getElement(this); }
|
|
8904
9051
|
static get watchers() { return {
|
|
@@ -8942,7 +9089,7 @@ class CuraIconsView {
|
|
|
8942
9089
|
this.sizes.unshift(this.sizes.pop());
|
|
8943
9090
|
}
|
|
8944
9091
|
render() {
|
|
8945
|
-
return (hAsync(Host, { key: '
|
|
9092
|
+
return (hAsync(Host, { key: '08ac6235b9218c2202cd4957bb78100216b5b680' }, hAsync("div", { key: '71856330d5f050d46b83c06125d29a235532bf98', class: "iconDetail" }, hAsync("cura-heading", { key: '2520247cde8d71b1a31ce028c4525b04e6302bf1', size: "small", "margin-block": "0 24px" }, "Icon: ", hAsync("b", { key: '5cf48d96ed36dd5514357c65b0ec8c9f137bb1e4' }, this.selected)), hAsync("div", { key: '7eda1e7db5efc89abb583631a5e959e31397684f', class: "iconSizes" }, this.sizes.map(size => hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size }), hAsync("span", null, size)))), hAsync("div", { key: 'f443dab7e85fe89a207da8fbefb024b0c22fa084', class: "iconSizes invert" }, this.sizes.map(size => hAsync("div", { class: "size" }, hAsync("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), hAsync("span", null, size))))), hAsync("div", { key: '5ea3b71259ae5454297a94aef4ce1e154c968512', class: "icons" }, iconsetdefaulticons.map(icon => hAsync("div", { class: { icon: true, selected: icon === this.selected }, onClick: () => this.setSelected(icon) }, hAsync("cura-icon", { name: icon, size: "32", color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }), hAsync("cura-label", { size: "xsmall", weight: icon === this.selected ? 'bold' : 'regular', color: icon === this.selected ? 'accent-dark' : 'neutral-dark' }, icon))))));
|
|
8946
9093
|
}
|
|
8947
9094
|
static get style() { return CuraIconsViewStyle0; }
|
|
8948
9095
|
static get cmpMeta() { return {
|
|
@@ -8957,7 +9104,7 @@ class CuraIconsView {
|
|
|
8957
9104
|
}; }
|
|
8958
9105
|
}
|
|
8959
9106
|
|
|
8960
|
-
const curaInputDateCss = ":host{display:block}.container{display:flex;flex-direction:column;position:relative}.container .calendar{padding:0px calc(var(--
|
|
9107
|
+
const curaInputDateCss = ":host{display:block}.container{display:flex;flex-direction:column;position:relative}.container .calendar{padding:0px calc(var(--cura-spacing-base) * 3px);margin-top:-8px;border-radius:0px 0px 4px 4px;border-top:0px;border-right:2px solid #D4D4D4;border-bottom:2px solid #D4D4D4;border-left:2px solid #D4D4D4;box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));position:absolute;top:100%;z-index:10;display:none;opacity:0;pointer-events:none}.container .calendar.visible{box-sizing:border-box;display:block;opacity:1;pointer-events:auto;width:100%;background-color:#fff}";
|
|
8961
9108
|
var CuraInputDateStyle0 = curaInputDateCss;
|
|
8962
9109
|
|
|
8963
9110
|
class CuraInputDate {
|
|
@@ -9125,7 +9272,7 @@ class CuraInputDate {
|
|
|
9125
9272
|
}
|
|
9126
9273
|
}
|
|
9127
9274
|
render() {
|
|
9128
|
-
return (hAsync(Host, { key: '
|
|
9275
|
+
return (hAsync(Host, { key: 'd10f396cd49243f58ecbf5502e384a27ccfd0922' }, hAsync("div", { key: 'cbde3cfd318c010a9704664c24ae25b23a17506d', class: "container", style: this.styles }, hAsync("cura-input-text", { key: '55a8ba43111ce2af88c1a63de5d302190e6b4e54', label: this.label, name: this.name, status: this.status, value: this.value, onFocus: () => this.showCalendar(), size: this.size, "icon-name": this.iconName, placeholder: this.dateSettings.placeholder, "mask-preset": this.dateSettings.mask, "enable-selection-mode": true, onKeyUp: event => this.handleInputDates(event), autocomplete: "off", onValueChange: event => this.handleChangeDates(event) }, this.renderCalendarOrHelperText()))));
|
|
9129
9276
|
}
|
|
9130
9277
|
static get formAssociated() { return true; }
|
|
9131
9278
|
get el() { return getElement(this); }
|
|
@@ -12802,13 +12949,14 @@ const maskOptions = {
|
|
|
12802
12949
|
},
|
|
12803
12950
|
};
|
|
12804
12951
|
|
|
12805
|
-
const curaInputTextCss = ":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left !important}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .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}.cura-input-group .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}.cura-input-group .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group .cura-input-field cura-loader-circle{margin:0px 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{padding-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black) !important}.cura-input-group:focus-within.selection .cura-input-field{border-radius:4px 4px 0px 0px}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .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:var(--neutral-white) !important;border:2px solid var(--primary-base) !important}.cura-input-group.isLoading .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}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.isLoading .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.isLoading .cura-input-field input{cursor:wait;color:var(--primary-base) !important}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--primary-base) !important}.cura-input-group.readOnly[read-only] .cura-input-field{cursor:default}.cura-input-group.readOnly[read-only] .cura-input-field input{cursor:default}.cura-input-group.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}.cura-input-group.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}.cura-input-group.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.transparent{background-color:transparent;padding:0px;max-height:80px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.cura-input-group.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.cura-input-group.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.cura-input-group.transparent .helper-text{margin-top:0px}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0px;justify-content:start;align-items:center;max-height:80px;gap:4px}.cura-input-group.transparent.transparent .input-wrapper{display:flex;width:100%;flex-direction:column;justify-content:start}.cura-input-group.transparent.transparent cura-label{margin-bottom:4px}.cura-input-group.transparent.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;overflow:hidden}.cura-input-group.transparent.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}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent.transparent .cura-input-field input{order:1;color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent.transparent .cura-input-field .clear-button{order:2;cursor:pointer;margin:0 20px 0 0;padding:0}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding:6px 0 0 0}.cura-input-group.transparent.transparent .cura-input-field cura-loader-circle{order:2;margin:0 20px 0 0}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.error.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.error.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.error:not(.transparent).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;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.cura-input-group.error:not(.transparent).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}.cura-input-group.error:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.success.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.success.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.success:not(.transparent).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;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.cura-input-group.success:not(.transparent).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}.cura-input-group.success:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";
|
|
12952
|
+
const curaInputTextCss = ":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left !important}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .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}.cura-input-group .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}.cura-input-group .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group .cura-input-field cura-loader-circle{margin:0px 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{padding-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black) !important}.cura-input-group:focus-within.selection .cura-input-field{border-radius:4px 4px 0px 0px}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .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:var(--neutral-white) !important;border:2px solid var(--primary-base) !important}.cura-input-group.isLoading .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}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.isLoading .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.isLoading .cura-input-field input{cursor:wait;color:var(--primary-base) !important}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--primary-base) !important}.cura-input-group.readOnly[read-only] .cura-input-field{cursor:default}.cura-input-group.readOnly[read-only] .cura-input-field input{cursor:default}.cura-input-group.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}.cura-input-group.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}.cura-input-group.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.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}.cura-input-group.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}.cura-input-group.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.transparent{background-color:transparent;padding:0px;max-height:80px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.cura-input-group.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.cura-input-group.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.cura-input-group.transparent .helper-text{margin-top:0px}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0px;justify-content:start;align-items:center;max-height:80px;gap:4px}.cura-input-group.transparent.transparent .input-wrapper{display:flex;width:100%;flex-direction:column;justify-content:start}.cura-input-group.transparent.transparent cura-label{margin-bottom:4px;--color-body:var(--neutral-dark) !important}.cura-input-group.transparent.transparent.error cura-label{--color-body:var(--neutral-black) !important}.cura-input-group.transparent.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;overflow:hidden}.cura-input-group.transparent.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}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent.transparent .cura-input-field input{order:1;color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent.transparent .cura-input-field .clear-button{order:2;cursor:pointer;margin:0 20px 0 0;padding:0}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding:6px 0 0 0}.cura-input-group.transparent.transparent .cura-input-field cura-loader-circle{order:2;margin:0 20px 0 0}.cura-input-group.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}.cura-input-group.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}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker) !important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.error.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.error.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.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}.cura-input-group.error.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}.cura-input-group.error.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.error:not(.transparent).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;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.cura-input-group.error:not(.transparent).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}.cura-input-group.error:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.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}.cura-input-group.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}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker) !important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.cura-input-group.success.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.cura-input-group.success.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.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}.cura-input-group.success.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}.cura-input-group.success.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.success:not(.transparent).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;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.cura-input-group.success:not(.transparent).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}.cura-input-group.success:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";
|
|
12806
12953
|
var CuraInputTextStyle0 = curaInputTextCss;
|
|
12807
12954
|
|
|
12808
12955
|
class CuraInputText {
|
|
12809
12956
|
constructor(hostRef) {
|
|
12810
12957
|
registerInstance(this, hostRef);
|
|
12811
12958
|
this.valueChange = createEvent(this, "valueChange", 7);
|
|
12959
|
+
this.inputClear = createEvent(this, "inputClear", 7);
|
|
12812
12960
|
if (hostRef.$hostElement$["s-ei"]) {
|
|
12813
12961
|
this.internals = hostRef.$hostElement$["s-ei"];
|
|
12814
12962
|
}
|
|
@@ -12843,6 +12991,17 @@ class CuraInputText {
|
|
|
12843
12991
|
this.hideErrorIcon = false;
|
|
12844
12992
|
this.autocomplete = 'on';
|
|
12845
12993
|
}
|
|
12994
|
+
async setFocus() {
|
|
12995
|
+
// IOS needs large timeout value to work
|
|
12996
|
+
const timeoutMs = checkMobile() && checkIOS() ? 1000 : 200;
|
|
12997
|
+
// IOS fake input hack
|
|
12998
|
+
let fakeInput = fakeInputIOSHack(this.host);
|
|
12999
|
+
setTimeout(() => {
|
|
13000
|
+
this.inputRef.focus();
|
|
13001
|
+
if (fakeInput)
|
|
13002
|
+
fakeInput.remove();
|
|
13003
|
+
}, timeoutMs);
|
|
13004
|
+
}
|
|
12846
13005
|
/**
|
|
12847
13006
|
* Callback to restore the switch state from the form.
|
|
12848
13007
|
*/
|
|
@@ -12891,6 +13050,7 @@ class CuraInputText {
|
|
|
12891
13050
|
this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
|
|
12892
13051
|
this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();
|
|
12893
13052
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
13053
|
+
this.breakpoints = window.CuraAPI.theme.breakpoints.get();
|
|
12894
13054
|
this.styles['--font-weight-medium'] = this.weights.medium;
|
|
12895
13055
|
this.styles['--font-weight-bold'] = this.weights.bold;
|
|
12896
13056
|
this.styles['--font-weight-regular'] = this.weights.regular;
|
|
@@ -12936,8 +13096,9 @@ class CuraInputText {
|
|
|
12936
13096
|
success: { name: 'checkCircle', color: 'success-dark' },
|
|
12937
13097
|
error: { name: 'alertCircle', color: 'error-dark' },
|
|
12938
13098
|
default: { name: this.iconName, color: 'neutral-dark' },
|
|
13099
|
+
disabled: { name: this.iconName, color: 'neutral-medium' },
|
|
12939
13100
|
};
|
|
12940
|
-
const iconConfig = iconMap[this.isLoading ? 'loading' : this.status || 'default'];
|
|
13101
|
+
const iconConfig = iconMap[this.isLoading ? 'loading' : this.disabled ? 'disabled' : this.status || 'default'];
|
|
12941
13102
|
return (hAsync("div", { class: "feedback-icon", style: this.styles }, hAsync("cura-icon", { name: iconConfig.name, iconset: "default", size: baseIconSize, color: iconConfig.color })));
|
|
12942
13103
|
}
|
|
12943
13104
|
renderHelperText() {
|
|
@@ -12945,7 +13106,6 @@ class CuraInputText {
|
|
|
12945
13106
|
const isSuccess = this.status === 'success';
|
|
12946
13107
|
const isDefault = this.status === 'default';
|
|
12947
13108
|
const helperTextSize = this.size === 'large' ? 'small' : 'xsmall';
|
|
12948
|
-
const helperTextWeight = this.mode === 'transparent' ? 'bold' : 'regular';
|
|
12949
13109
|
const colorText = (() => {
|
|
12950
13110
|
if (this.disabled)
|
|
12951
13111
|
return 'neutral-medium';
|
|
@@ -12955,7 +13115,7 @@ class CuraInputText {
|
|
|
12955
13115
|
return 'neutral-black';
|
|
12956
13116
|
return 'neutral-dark';
|
|
12957
13117
|
})();
|
|
12958
|
-
return (hAsync("div", { style: this.styles, class: "helper-text" }, isDefault && (hAsync("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: colorText
|
|
13118
|
+
return (hAsync("div", { style: this.styles, class: "helper-text", part: "cura-input-text-helper" }, isDefault && (hAsync("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: colorText }, hAsync("slot", null))), isError && this.mode === "default" && (hAsync("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "error-dark" }, hAsync("slot", null))), isError && this.mode === "transparent" && (hAsync("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "neutral-black" }, hAsync("slot", null))), isSuccess && (hAsync("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: "success-dark" }, hAsync("slot", null)))));
|
|
12959
13119
|
}
|
|
12960
13120
|
handleMouseEnter() {
|
|
12961
13121
|
this.isHovered = true;
|
|
@@ -12979,7 +13139,9 @@ class CuraInputText {
|
|
|
12979
13139
|
this.value = '';
|
|
12980
13140
|
this.inputRef.value = '';
|
|
12981
13141
|
this.valueChange.emit(this.value);
|
|
13142
|
+
this.inputClear.emit(this.value);
|
|
12982
13143
|
this.handleMaskUpdate();
|
|
13144
|
+
this.setFocus();
|
|
12983
13145
|
}
|
|
12984
13146
|
handleInputFocus() {
|
|
12985
13147
|
this.handleMaskUpdate();
|
|
@@ -13101,9 +13263,10 @@ class CuraInputText {
|
|
|
13101
13263
|
e.preventDefault();
|
|
13102
13264
|
}
|
|
13103
13265
|
render() {
|
|
13104
|
-
return (hAsync(Host, { key: '
|
|
13266
|
+
return (hAsync(Host, { key: 'c53dc04465ff2231ccff332ac8b484160ab9132a' }, hAsync("div", { key: '58692ae518ada377a5c3e3ff1063b67e486bba27', style: this.styles, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), class: Object.assign({ 'cura-input-group': true }, this.getClasses()) }, hAsync("div", { key: '3b7beaaed8856c2b6effc496e613bc9c5bfeedcb', class: "input-wrapper" }, this.label && (hAsync("cura-label", { key: 'fd0bac070c03084ad9ad310f042564740f07873e', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getLabelColor() }, this.label, " ", this.required && hAsync("span", { key: '71a1c36a7326c7c1383321d80ecdb90ddd09ee24', class: "required" }, "* "))), hAsync("div", { key: '1be4fd76aa1e419eebc8feaa0a648579385b8bd2', class: "cura-input-field", part: "cura-input-field", style: this.styles }, this.renderIcon(), hAsync("input", { key: '57df52c9261513ee1cd7d8e00e653e7c1f2c92af', name: this.name ? this.name : '', type: this.type, onKeyDown: event => this.handleKeyDown(event), onBlur: this.handleInputBlur.bind(this), onFocus: this.handleInputFocus.bind(this), onInput: event => this.handleInputChange(event), class: this.getClasses(), style: this.styles, placeholder: this.placeholder, disabled: this.disabled || this.isLoading, required: this.required, readonly: this.readOnly, maxlength: this.maxlength, value: this.value !== undefined && this.value !== null ? this.value : '', inputmode: this.maskPreset ? 'tel' : this.inputMode, ref: ref => (this.inputRef = ref), autocomplete: this.autocomplete }), !!this.clearIcon && !this.readOnly && !this.isLoading && !this.disabled && this.value && this.isFocused && (hAsync("cura-icon", { key: '4c6e7fdd3dd5670019fea38c02ce077dec5fa4ad', size: this.size === 'large' || this.mode === 'transparent' ? 20 : 16, color: "primary-base", name: "closeCircle", iconset: "default", class: "clear-button", onClick: () => this.handleClearInput() })), this.isLoading && hAsync("cura-loader-circle", { key: 'e0aecafef20fac68dbeaff9669ea63df8cfd3ef6', size: this.size === 'large' ? 'medium' : 'small', color: "primary-base" })), this.renderHelperText()))));
|
|
13105
13267
|
}
|
|
13106
13268
|
static get formAssociated() { return true; }
|
|
13269
|
+
get host() { return getElement(this); }
|
|
13107
13270
|
static get watchers() { return {
|
|
13108
13271
|
"styles": ["connectedCallback"],
|
|
13109
13272
|
"size": ["getClasses"],
|
|
@@ -13126,7 +13289,7 @@ class CuraInputText {
|
|
|
13126
13289
|
"label": [513],
|
|
13127
13290
|
"name": [513],
|
|
13128
13291
|
"placeholder": [513],
|
|
13129
|
-
"value": [
|
|
13292
|
+
"value": [1544],
|
|
13130
13293
|
"iconName": [1537, "icon-name"],
|
|
13131
13294
|
"helperText": [1537, "helper-text"],
|
|
13132
13295
|
"disabled": [516],
|
|
@@ -13143,15 +13306,16 @@ class CuraInputText {
|
|
|
13143
13306
|
"autocomplete": [513],
|
|
13144
13307
|
"isHovered": [32],
|
|
13145
13308
|
"isFocused": [32],
|
|
13146
|
-
"styles": [32]
|
|
13309
|
+
"styles": [32],
|
|
13310
|
+
"setFocus": [64]
|
|
13147
13311
|
},
|
|
13148
13312
|
"$listeners$": undefined,
|
|
13149
13313
|
"$lazyBundleId$": "-",
|
|
13150
|
-
"$attrsToReflect$": [["mode", "mode"], ["status", "status"], ["size", "size"], ["type", "type"], ["inputMode", "input-mode"], ["label", "label"], ["name", "name"], ["placeholder", "placeholder"], ["iconName", "icon-name"], ["helperText", "helper-text"], ["disabled", "disabled"], ["required", "required"], ["enableSelectionMode", "enable-selection-mode"], ["maskRegex", "mask-regex"], ["maskAdvanced", "mask-advanced"], ["maxlength", "maxlength"], ["readOnly", "read-only"], ["isLoading", "is-loading"], ["clearIcon", "clear-icon"], ["autocomplete", "autocomplete"]]
|
|
13314
|
+
"$attrsToReflect$": [["mode", "mode"], ["status", "status"], ["size", "size"], ["type", "type"], ["inputMode", "input-mode"], ["label", "label"], ["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["iconName", "icon-name"], ["helperText", "helper-text"], ["disabled", "disabled"], ["required", "required"], ["enableSelectionMode", "enable-selection-mode"], ["maskRegex", "mask-regex"], ["maskAdvanced", "mask-advanced"], ["maxlength", "maxlength"], ["readOnly", "read-only"], ["isLoading", "is-loading"], ["clearIcon", "clear-icon"], ["autocomplete", "autocomplete"]]
|
|
13151
13315
|
}; }
|
|
13152
13316
|
}
|
|
13153
13317
|
|
|
13154
|
-
const curaLabelCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:1.143em;font-weight:var(--font-weight-medium);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.32px}:host p.bold-weight,:host p ::slotted(b),:host p ::slotted(strong),:host p ::slotted(u){font-weight:var(--font-weight-bold)}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) - 4%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 4%);letter-spacing:0.56px}:host p.xsmall{font-size:0.857em;line-height:calc(var(--line-height) - 17%);letter-spacing:0.72px}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
|
|
13318
|
+
const curaLabelCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:1.143em;font-weight:var(--font-weight-medium);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.32px}:host p.bold-weight,:host p ::slotted(b),:host p ::slotted(strong),:host p ::slotted(u){font-weight:var(--font-weight-bold)}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) - 4%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 4%);letter-spacing:0.56px}:host p.xsmall{font-size:0.857em;line-height:calc(var(--line-height) - 17%);letter-spacing:0.72px}:host p.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host p ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%}:host p ::slotted(u){text-underline-offset:10%}:host p ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
|
|
13155
13319
|
var CuraLabelStyle0 = curaLabelCss;
|
|
13156
13320
|
|
|
13157
13321
|
class CuraLabel {
|
|
@@ -13164,6 +13328,7 @@ class CuraLabel {
|
|
|
13164
13328
|
this.color = undefined;
|
|
13165
13329
|
this.marginBlock = '0';
|
|
13166
13330
|
this.lineHeight = '125%';
|
|
13331
|
+
this.textOverflow = 'none';
|
|
13167
13332
|
this.styles = {};
|
|
13168
13333
|
}
|
|
13169
13334
|
handleChangeColor() {
|
|
@@ -13174,10 +13339,12 @@ class CuraLabel {
|
|
|
13174
13339
|
this.setColors();
|
|
13175
13340
|
}
|
|
13176
13341
|
getClasses() {
|
|
13177
|
-
const
|
|
13178
|
-
|
|
13179
|
-
|
|
13180
|
-
|
|
13342
|
+
const classes = {
|
|
13343
|
+
'textoverflow-single': this.textOverflow === 'single',
|
|
13344
|
+
};
|
|
13345
|
+
classes[this.size.toLowerCase()] = true;
|
|
13346
|
+
classes[`${this.weight.toLowerCase()}-weight`] = true;
|
|
13347
|
+
return classes;
|
|
13181
13348
|
}
|
|
13182
13349
|
setFontProperties() {
|
|
13183
13350
|
this.weights = this.theme.fonts.getWeights();
|
|
@@ -13189,20 +13356,21 @@ class CuraLabel {
|
|
|
13189
13356
|
};
|
|
13190
13357
|
}
|
|
13191
13358
|
setColors() {
|
|
13359
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
|
|
13360
|
+
}
|
|
13361
|
+
hostCSSProperties() {
|
|
13192
13362
|
const fontColor = this.color
|
|
13193
13363
|
? this.theme.colors.getColor(this.color)
|
|
13194
13364
|
: this.theme.fonts.getColor();
|
|
13195
|
-
this.styles = Object.assign(Object.assign({}, this.styles), { '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'), '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
|
|
13196
|
-
}
|
|
13197
|
-
hostCSSProperties() {
|
|
13198
13365
|
return {
|
|
13199
13366
|
'--margin-block': this.marginBlock,
|
|
13200
13367
|
'--font-size-base': this.fontSizeBase,
|
|
13201
|
-
'--line-height': this.lineHeight
|
|
13368
|
+
'--line-height': this.lineHeight,
|
|
13369
|
+
'--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),
|
|
13202
13370
|
};
|
|
13203
13371
|
}
|
|
13204
13372
|
render() {
|
|
13205
|
-
return (hAsync(Host, { key: '
|
|
13373
|
+
return (hAsync(Host, { key: '3b60258fa4dd9330296e8112a763b2242771c6fc', style: this.hostCSSProperties() }, hAsync("p", { key: 'dbfc16e29a61c0f116d2055bdc1e3b61d79908b8', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: '032986e008067aae5b6b17b1e5fa70decf64d9e0' }))));
|
|
13206
13374
|
}
|
|
13207
13375
|
get host() { return getElement(this); }
|
|
13208
13376
|
static get watchers() { return {
|
|
@@ -13220,11 +13388,12 @@ class CuraLabel {
|
|
|
13220
13388
|
"color": [1],
|
|
13221
13389
|
"marginBlock": [513, "margin-block"],
|
|
13222
13390
|
"lineHeight": [513, "line-height"],
|
|
13391
|
+
"textOverflow": [513, "text-overflow"],
|
|
13223
13392
|
"styles": [32]
|
|
13224
13393
|
},
|
|
13225
13394
|
"$listeners$": undefined,
|
|
13226
13395
|
"$lazyBundleId$": "-",
|
|
13227
|
-
"$attrsToReflect$": [["size", "size"], ["weight", "weight"], ["spotColor", "spot-color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"]]
|
|
13396
|
+
"$attrsToReflect$": [["size", "size"], ["weight", "weight"], ["spotColor", "spot-color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"], ["textOverflow", "text-overflow"]]
|
|
13228
13397
|
}; }
|
|
13229
13398
|
}
|
|
13230
13399
|
|
|
@@ -13249,7 +13418,7 @@ class CuraLoaderBar {
|
|
|
13249
13418
|
this.setProgress();
|
|
13250
13419
|
}
|
|
13251
13420
|
render() {
|
|
13252
|
-
return (hAsync(Host, { key: '
|
|
13421
|
+
return (hAsync(Host, { key: '1998824d6b116e2c4333b347476cfee523095f94' }, hAsync("div", { key: '2c97c04b18b84edabfe603cb98f81330a7b21a68', id: "progress-bar", class: "progress-bar", style: this.styles }, hAsync("span", { key: '7cca25e41f5d310123e9a07dff37f83edb5bdc62', class: "progress-bar-fill" }))));
|
|
13253
13422
|
}
|
|
13254
13423
|
setColor() {
|
|
13255
13424
|
this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2), '--color-base': window.CuraAPI.theme.colors.getColor(this.color) });
|
|
@@ -13301,7 +13470,7 @@ class CuraLoaderCircle {
|
|
|
13301
13470
|
};
|
|
13302
13471
|
}
|
|
13303
13472
|
render() {
|
|
13304
|
-
return (hAsync(Host, { key: '
|
|
13473
|
+
return (hAsync(Host, { key: '32dd500d10e563701364bb6670a40ac9ccd0c2a6', style: this.getStyles() }, hAsync("svg", { key: '68c958972419a1f93009f2ea09cc957e6ca5ec82', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("g", { key: '16c8878c324b2eebf8c28d61c7fcf372ab348d60' }, hAsync("circle", { key: 'c26fade05ef6ec1861e14b6831b31922be12bc05', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), hAsync("path", { key: 'd7880ecb0164a214fbcabed606265bd3c349e858', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), hAsync("defs", { key: '4483e24d036775acdeba084ea8c6f2f18589ef3b' }, hAsync("linearGradient", { key: '3d629d00197dabe1fae8b02ebe521c0fa1c248d3', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, hAsync("stop", { key: 'd4df4cdb7d37a6d455b008488bc6a826f95708d3' }), hAsync("stop", { key: 'b79b8bf6ad212ebd6bae7fad917984e64aded96e', offset: "1" }))))));
|
|
13305
13474
|
}
|
|
13306
13475
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
13307
13476
|
static get cmpMeta() { return {
|
|
@@ -13317,7 +13486,7 @@ class CuraLoaderCircle {
|
|
|
13317
13486
|
}; }
|
|
13318
13487
|
}
|
|
13319
13488
|
|
|
13320
|
-
const curaModalCss = ":host{display:block}.modal{position:fixed;height:100%;width:100%;top:var(--top-offset);bottom:var(--bottom-offset);left:var(--left-offset);right:var(--right-offset);z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:var(--zIndex)}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn 0.3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.backdrop{background-color:var(--background-color);z-index:calc(var(--zIndex) - 10);animation:fadeIn 0.3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-white);border:2px solid var(--neutral-light);border-radius:calc(var(--
|
|
13489
|
+
const curaModalCss = ":host{display:block}.modal{position:fixed;height:100%;width:100%;top:var(--top-offset);bottom:var(--bottom-offset);left:var(--left-offset);right:var(--right-offset);z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:var(--zIndex)}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn 0.3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.backdrop{background-color:var(--background-color);z-index:calc(var(--zIndex) - 10);animation:fadeIn 0.3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-white);border:2px solid var(--neutral-light);border-radius:calc(var(--cura-spacing-base) * 3px);max-width:600px;min-width:200px;padding:0px calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px);z-index:var(--zIndex);box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12));transform:scale(0.95);transition:transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease}.wrapper ::slotted(*){max-height:80vh;overflow:auto;padding-right:calc(var(--cura-spacing-base) * 5px)}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:calc(var(--cura-spacing-base) * 4px);background:none;border:none;cursor:pointer}.close.mobile{display:none}.close.desktop{display:flex}@media (max-width: 768px){.wrapper{position:fixed;bottom:0px;width:80%;padding-top:calc(var(--cura-spacing-base) * 4px);padding-bottom:0px;border-radius:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px) 0px 0px;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:calc(var(--cura-spacing-base) * 4px);padding:calc(var(--cura-spacing-base) * 4px) 0px;justify-content:center;width:100%}.close.mobile{display:flex;gap:calc(var(--cura-spacing-base) * 2px)}.close.desktop{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}";
|
|
13321
13490
|
var CuraModalStyle0 = curaModalCss;
|
|
13322
13491
|
|
|
13323
13492
|
class CuraModal {
|
|
@@ -13369,7 +13538,7 @@ class CuraModal {
|
|
|
13369
13538
|
this.setRight();
|
|
13370
13539
|
}
|
|
13371
13540
|
render() {
|
|
13372
|
-
return (hAsync(Host, { key: '
|
|
13541
|
+
return (hAsync(Host, { key: 'cec1266a4daaac89f69e4f08c94574db9cd970f8', role: "dialog", "aria-modal": "true", style: { '--zIndex': this.zindex } }, hAsync("div", { key: '5b330fb69c2360e9c6053d2650c43cbf643eb751', class: this.open ? 'modal container open' : 'modal container', style: this.styles }, hAsync("div", { key: '8187dd2df05750a19f85e156059b66d8d56c8b00', class: this.open ? 'modal backdrop open' : 'modal backdrop', onClick: this.handleClose }), hAsync("div", { key: '6a34bc7d67fa48c86d2ada7c167a834c09713ad7', class: "wrapper" }, hAsync("button", { key: '6e268d5260404b51dd8779007725c19635066881', class: "close desktop", onClick: this.handleClose }, hAsync("cura-icon", { key: '7b5644d466b0b9282b6b9d484ea1c0f4384e2aef', name: "close", color: "error-dark", size: "small" })), hAsync("slot", { key: '890dc7befdbd96fc8d5cc62a4ad856631b6a7f1e' }), hAsync("button", { key: '5f7610ea323e3cad1e12acac7cb66345c8eacf98', class: "close mobile", onClick: this.handleClose }, hAsync("cura-icon", { key: 'e9e82d2d4fe0b181131bd0bd7fae8feebaabfd9c', name: "close", color: "error-dark", size: "16" }), hAsync("cura-paragraph", { key: 'b9930dd44ca205ec4747c62c005beb36e974698b', color: "error-dark", size: "small", marginBlock: "0" }, this.mobileCloseLabel))))));
|
|
13373
13542
|
}
|
|
13374
13543
|
static get watchers() { return {
|
|
13375
13544
|
"background": ["setColors"],
|
|
@@ -13418,7 +13587,7 @@ class CuraPageTemplate {
|
|
|
13418
13587
|
return classes;
|
|
13419
13588
|
}
|
|
13420
13589
|
render() {
|
|
13421
|
-
return (hAsync(Host, { key: '
|
|
13590
|
+
return (hAsync(Host, { key: '23b61f04dccd33e0abd6ac08f6521f5a9ec8bbd4' }, hAsync("div", { key: 'd1e86808dab1b1c46b2d6b6b8093420dae7e27fb', style: this.styles, class: "grid-template" }, hAsync("div", { key: 'e84d57b008abe440e59aa3734568b530a7440bdd', id: "sub-header" }, hAsync("slot", { key: '0e9942affc593384ec18a47b93a7aaba703ce62a', name: 'sub-header' })), hAsync("div", { key: 'a5ebc56a9ac49acdfebc7f83560c8a51b63619b0', id: "header" }, hAsync("slot", { key: '5957130f5f0df86ca0b3e915d48ac1b6973be2d5', name: 'header' })), hAsync("div", { key: '54c62c8f7bb9e774d1e9b2213db30da5cdd630a7', id: "pre-content" }, hAsync("slot", { key: '160871f4ceede7169d77e2d2bcba5b415ac33c44', name: 'pre-content' })), hAsync("div", { key: '1c69ecfcd2c605bc1024714b00854f072b3c3d2d', id: "content-container", class: this.getClasses() }, hAsync("div", { key: '6d3102743e3e602edb04d461e4604e0a60df350f', id: "sidebar-left" }, hAsync("slot", { key: '07f0c274f6fe9ec703ea5a11833bb5ae02a2db73', name: 'sidebar-left' })), hAsync("div", { key: '3d4a8dff0a572edc9bbeef15bed2f7de45b8e1c1', id: "content" }, hAsync("slot", { key: '5ca4395665823640d9c94dd71c3f746d413e0fb9', name: "content" }), hAsync("slot", { key: '49e69afad551228a6b9602457f7811a625b943ec' })), hAsync("div", { key: '43455d2bae0ffde066b6c31b3ff6ee4c3fe96723', id: "sidebar-right" }, hAsync("slot", { key: '6b047fcc8249614710886954f082910b14e91608', name: 'sidebar-right' }))), hAsync("div", { key: '49001b8066d664a180e9211cff345037f39a726d', id: "post-body" }, hAsync("slot", { key: '8dde2d8f83c93e8b7b2a74086678ba98e54cb9f6', name: 'post-body' })), hAsync("div", { key: '1091ad3443a6897ae879b31fead876ab891bb2d6', id: "footer" }, hAsync("slot", { key: '49d1a5efdf5c0ffd29b7469bef9a36db8fe9d3f0', name: 'footer' })), hAsync("div", { key: '8d20703614c90d4f2aabd0cef201a4850239b6e8', id: "sub-footer" }, hAsync("slot", { key: 'b9c393c804a563b34a1c55f33789b047c1bff095', name: 'sub-footer' })))));
|
|
13422
13591
|
}
|
|
13423
13592
|
get host() { return getElement(this); }
|
|
13424
13593
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -13434,7 +13603,7 @@ class CuraPageTemplate {
|
|
|
13434
13603
|
}; }
|
|
13435
13604
|
}
|
|
13436
13605
|
|
|
13437
|
-
const curaParagraphCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.
|
|
13606
|
+
const curaParagraphCss = ":host{display:block;font-size:var(--font-size-base);min-width:0}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px;width:100%}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.8571428571em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.6px}:host p.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host p ::slotted(b),:host p ::slotted(strong){font-weight:var(--font-weight-bold)}:host p ::slotted(a),:host p ::slotted(a:-webkit-any-link){font-weight:var(--font-weight-medium);color:var(--color-spot);text-underline-offset:10%}:host p ::slotted(u){font-weight:var(--font-weight-medium);text-underline-offset:10%}:host p ::slotted(i){font-style:italic}:host p ::slotted(em){font-weight:var(--font-weight-bold);color:var(--color-spot);font-style:normal}:host p ::slotted(abbr){color:var(--color-spot);text-decoration:underline dashed 1px var(--color-spot);text-underline-offset:10%;cursor:default}@media (min-width: 769px) and (max-width: 1920px){:host p{font-size:1.143em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.32px}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.56px}:host p.caption,:host p.xsmall{font-size:0.8571428571em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.72px}}@media (min-width: 1921px){:host p{font-size:1.429em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.large{font-size:1.714em;line-height:calc(var(--line-height) + 20%)}:host p.small{font-size:1.21em;line-height:calc(var(--line-height) + 5%);letter-spacing:0px}:host p.caption,:host p.xsmall{font-size:1em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.28px}}";
|
|
13438
13607
|
var CuraParagraphStyle0 = curaParagraphCss;
|
|
13439
13608
|
|
|
13440
13609
|
class CuraParagraph {
|
|
@@ -13446,19 +13615,11 @@ class CuraParagraph {
|
|
|
13446
13615
|
this.color = undefined;
|
|
13447
13616
|
this.marginBlock = '1.25em';
|
|
13448
13617
|
this.lineHeight = '140%';
|
|
13618
|
+
this.textOverflow = 'none';
|
|
13449
13619
|
this.styles = {};
|
|
13450
13620
|
}
|
|
13451
|
-
handleChangeColor() {
|
|
13452
|
-
this.setColors();
|
|
13453
|
-
}
|
|
13454
13621
|
connectedCallback() {
|
|
13455
13622
|
this.setFontProperties();
|
|
13456
|
-
this.setColors();
|
|
13457
|
-
}
|
|
13458
|
-
setsizeClass() {
|
|
13459
|
-
const sizeclass = {};
|
|
13460
|
-
sizeclass[this.size.toLowerCase()] = true;
|
|
13461
|
-
return sizeclass;
|
|
13462
13623
|
}
|
|
13463
13624
|
setFontProperties() {
|
|
13464
13625
|
this.weights = this.theme.fonts.getWeights();
|
|
@@ -13470,27 +13631,29 @@ class CuraParagraph {
|
|
|
13470
13631
|
'--font-weight-bold': this.weights.bold
|
|
13471
13632
|
};
|
|
13472
13633
|
}
|
|
13473
|
-
|
|
13634
|
+
hostCSSProperties() {
|
|
13474
13635
|
const fontColor = this.color
|
|
13475
13636
|
? this.theme.colors.getColor(this.color)
|
|
13476
13637
|
: this.theme.fonts.getColor();
|
|
13477
|
-
this.styles = Object.assign(Object.assign({}, this.styles), { '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'), '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
|
|
13478
|
-
}
|
|
13479
|
-
hostCSSProperties() {
|
|
13480
13638
|
return {
|
|
13481
13639
|
'--margin-block': this.marginBlock,
|
|
13482
13640
|
'--font-size-base': this.fontSizeBase,
|
|
13483
|
-
'--line-height': this.lineHeight
|
|
13641
|
+
'--line-height': this.lineHeight,
|
|
13642
|
+
'--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),
|
|
13643
|
+
'--color-spot': this.theme.colors.getColor(`${this.spotColor}`)
|
|
13644
|
+
};
|
|
13645
|
+
}
|
|
13646
|
+
getClasses() {
|
|
13647
|
+
const classes = {
|
|
13648
|
+
'textoverflow-single': this.textOverflow === 'single',
|
|
13484
13649
|
};
|
|
13650
|
+
classes[this.size.toLowerCase()] = true;
|
|
13651
|
+
return classes;
|
|
13485
13652
|
}
|
|
13486
13653
|
render() {
|
|
13487
|
-
return (hAsync(Host, { key: '
|
|
13654
|
+
return (hAsync(Host, { key: '82a00d925fb71039df0ae6f2e3a5d9cca5303088', style: this.hostCSSProperties() }, hAsync("p", { key: 'f4254d6492ffcd18f5f8fe1c50337b57e70124b7', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: 'a1fde2f7ce4185535c204e06883ce3588e6023c8' }))));
|
|
13488
13655
|
}
|
|
13489
13656
|
get host() { return getElement(this); }
|
|
13490
|
-
static get watchers() { return {
|
|
13491
|
-
"color": ["handleChangeColor"],
|
|
13492
|
-
"spotColor": ["handleChangeColor"]
|
|
13493
|
-
}; }
|
|
13494
13657
|
static get style() { return CuraParagraphStyle0; }
|
|
13495
13658
|
static get cmpMeta() { return {
|
|
13496
13659
|
"$flags$": 9,
|
|
@@ -13498,14 +13661,15 @@ class CuraParagraph {
|
|
|
13498
13661
|
"$members$": {
|
|
13499
13662
|
"size": [513],
|
|
13500
13663
|
"spotColor": [513, "spot-color"],
|
|
13501
|
-
"color": [
|
|
13664
|
+
"color": [513],
|
|
13502
13665
|
"marginBlock": [513, "margin-block"],
|
|
13503
13666
|
"lineHeight": [513, "line-height"],
|
|
13667
|
+
"textOverflow": [513, "text-overflow"],
|
|
13504
13668
|
"styles": [32]
|
|
13505
13669
|
},
|
|
13506
13670
|
"$listeners$": undefined,
|
|
13507
13671
|
"$lazyBundleId$": "-",
|
|
13508
|
-
"$attrsToReflect$": [["size", "size"], ["spotColor", "spot-color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"]]
|
|
13672
|
+
"$attrsToReflect$": [["size", "size"], ["spotColor", "spot-color"], ["color", "color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"], ["textOverflow", "text-overflow"]]
|
|
13509
13673
|
}; }
|
|
13510
13674
|
}
|
|
13511
13675
|
|
|
@@ -13526,7 +13690,7 @@ class CuraProgressBar {
|
|
|
13526
13690
|
const circumference = radius * Math.PI * 2;
|
|
13527
13691
|
const dash = (this.progress * circumference) / 100;
|
|
13528
13692
|
const viewBox = `0 0 ${this.size} ${this.size}`;
|
|
13529
|
-
return (hAsync(Host, { key: '
|
|
13693
|
+
return (hAsync(Host, { key: '9453ea7e8d763048b3a789ca720ed1fea987cd71' }, hAsync("div", { key: 'cf9624ef2a367e6d246a488af50e7a5534864dce', class: "progress-bar" }, hAsync("svg", { key: '54f0788b7d9cd26baebd3fa07a573f3cca9071c7', width: this.size, height: this.size, viewBox: viewBox }, hAsync("circle", { key: '3eb559fbde401961eb14e38113d38a32dd947165', fill: "none", stroke: "#ccc", cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px` }), this.active && (hAsync("circle", { key: '838fcf3567ff35a23a361ba1999e5c83f751179a', fill: "none", stroke: this.progressColor, cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px`, transform: `rotate(-90 ${this.size / 2} ${this.size / 2})`, "stroke-dasharray": `${dash}px ${circumference - dash}px`, "stroke-linecap": "round", style: { transition: 'all 0.5s' } }))), hAsync("span", { key: '1cc5c38639225399117c7ad34095a44dfe5093f4' }, hAsync("slot", { key: 'be0129c555a7e6a2901857e70a5540b087c04a81' })))));
|
|
13530
13694
|
}
|
|
13531
13695
|
static get style() { return CuraProgressBarStyle0; }
|
|
13532
13696
|
static get cmpMeta() { return {
|
|
@@ -13677,7 +13841,7 @@ class CuraRadio {
|
|
|
13677
13841
|
return statusColors[this.status][type];
|
|
13678
13842
|
}
|
|
13679
13843
|
render() {
|
|
13680
|
-
return (hAsync(Host, { key: '
|
|
13844
|
+
return (hAsync(Host, { key: '0383d2901fc62d6a2a4731cb8ae942a6048a95d2' }, hAsync("div", { key: '20baf755c464c22d27245040d16aab088c3f5f6b', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '187ac71dda217e0b9fbff9fafce7a48474285f06', class: "info" }, hAsync("div", { key: '65460b5be6a8f08c81109989cafc63eac165b170', class: "label-wrapper" }, hAsync("cura-label", { key: '83b9d50d07caba124bec86fd73581c7c59c6f8a6', class: "label", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && hAsync("cura-paragraph", { key: 'c78a7020d7a3ddb8b28cd5e90c93bfb4b830fd95', lineHeight: '0%', marginBlock: '0', color: "error-base" }, "* ")), hAsync("cura-label", { key: 'e1e12e9db63d9c7eeebb0705b7e8f0f4942fac94', color: this.assignColor('message'), size: "xsmall", class: "message" }, hAsync("slot", { key: 'c5ac9ee96c4ec2bd1f38a0a305c1c33f892f8e4a' }))), hAsync("input", { key: 'dc29309c6b7423263905ab1ae459cecb0cae6969', type: "radio", class: `radio ${this.size.toLocaleLowerCase()}`, name: this.name, value: this.value, required: this.required, tabIndex: this.ontabindex, disabled: this.disabled, checked: this.checked, onClick: this.handleClick }))));
|
|
13681
13845
|
}
|
|
13682
13846
|
static get formAssociated() { return true; }
|
|
13683
13847
|
get host() { return getElement(this); }
|
|
@@ -14015,13 +14179,13 @@ class CuraSelect {
|
|
|
14015
14179
|
return hAsync("cura-icon", { class: "feedback-icon", name: icon, iconset: "default", size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles });
|
|
14016
14180
|
}
|
|
14017
14181
|
render() {
|
|
14018
|
-
return (hAsync(Host, { key: '
|
|
14182
|
+
return (hAsync(Host, { key: 'd3f5e8b4c914f900a0b5472531fd0d74f6d8f7b3', style: this.styles }, hAsync("div", { key: '20dfeb3b9a24eec62ff8c5eae761b43fdfe4d11f', class: this.getClasses(), onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), onClick: this.handleClick }, this.label && (hAsync("cura-label", { key: '2018bf563e3a2bedc7d918f566805b70a75b9aec', class: "label", weight: "bold", size: this.size === 'large' ? 'small' : 'xsmall', color: this.getColor('label') }, this.label, " ", this.required && hAsync("span", { key: '0e9495c89ac0897062d247f89d3c3b3f85541283', class: "required" }, "* "))), hAsync("div", { key: 'e967796b98e74112d0f36e22d2b82591645416ab', class: {
|
|
14019
14183
|
'cura-input-field': true,
|
|
14020
14184
|
'open': this.isOpen,
|
|
14021
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
14185
|
+
} }, this.renderIcon(), hAsync("input", { key: 'dbf6bbb693f9d395bebd7ee376c4e38753e25fa3', type: "text", autocomplete: "off", onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), onKeyDown: this.handleKeyNavigation, "aria-required": String(this.required), "aria-disabled": String(this.disabled), "aria-invalid": String(this.status === 'error'), onInput: this.handleInputChange, style: this.styles, placeholder: this.placeholder, disabled: this.disabled, required: this.required, value: this.textInput, readonly: this.searchBehavior ? null : true }), hAsync("button", { key: 'f03d55a13bc8c51d63a31f57f6d661453ee8c93b', class: "up-down-button" }, hAsync("cura-icon", { key: 'c6c583d2d54063e5cfe0576f69d83b9125407157', name: this.isOpen ? 'up' : 'down', class: "up-down-icon", color: this.disabled ? 'neutral-dark' : 'primary-base', size: 16, iconset: "default" }))), hAsync("cura-label", { key: '8457e91bcb1c1152dd263346434f79d994a77817', class: "helper-text", size: "xsmall", color: this.getColor('text'), weight: this.mode === 'transparent' ? 'bold' : 'regular' }, hAsync("slot", { key: 'c4850de138a69d39bfd74942c7ca814b6c525c07' })), this.isOpen && (hAsync("div", { key: '8fdbde63603a7a33fac2836b5e9f0041395d6f9a', class: {
|
|
14022
14186
|
menu: true,
|
|
14023
14187
|
open: this.isOpen,
|
|
14024
|
-
} }, hAsync("slot", { key: '
|
|
14188
|
+
} }, hAsync("slot", { key: '2267652be709728cddf39d5b4df6c99e4a75e072', name: "option" }))))));
|
|
14025
14189
|
}
|
|
14026
14190
|
static get formAssociated() { return true; }
|
|
14027
14191
|
get host() { return getElement(this); }
|
|
@@ -14097,7 +14261,7 @@ class CuraSelectOption {
|
|
|
14097
14261
|
};
|
|
14098
14262
|
}
|
|
14099
14263
|
render() {
|
|
14100
|
-
return (hAsync(Host, { key: '
|
|
14264
|
+
return (hAsync(Host, { key: 'e03173e6697b1983f3fb7efabd4a902e1c4f13f1', slot: "option" }, hAsync("div", { key: '61334a4cd07414a4382b809f258e7783da73b1a9', class: this.getClasses(), style: this.styles }, hAsync("cura-label", { key: 'f2e22cb02da86f7d44ee36e1aff6a8da9a19bff2', color: `${this.selected ? 'primary-base' : 'neutral-black'}`, size: this.getSize('label'), "margin-block": "0" }, hAsync("slot", { key: '5e6f042d7a1223f1b9ceb43bdfa2f0dbe9b255de' })), this.selected && hAsync("cura-icon", { key: '19b57d12d5d470e58c9c90f66ebf36f98866541e', name: 'check', size: this.getSize('icon'), color: "primary-base" }))));
|
|
14101
14265
|
}
|
|
14102
14266
|
get host() { return getElement(this); }
|
|
14103
14267
|
static get watchers() { return {
|
|
@@ -14228,7 +14392,7 @@ class CuraStepper {
|
|
|
14228
14392
|
return (hAsync("div", { class: "container", style: this.styles }, hAsync("div", { class: "stepper-list" }, this.stepList.map((step, stepIndex) => this.renderStep(step, stepIndex)))));
|
|
14229
14393
|
}
|
|
14230
14394
|
render() {
|
|
14231
|
-
return hAsync(Host, { key: '
|
|
14395
|
+
return hAsync(Host, { key: '55bff7769007721f0c0366d1a6a9b197bbaebfbd' }, this.variant === 'default' ? this.renderStepper() : this.renderCompactStepper());
|
|
14232
14396
|
}
|
|
14233
14397
|
get host() { return getElement(this); }
|
|
14234
14398
|
static get style() { return CuraStepperStyle0; }
|
|
@@ -14310,7 +14474,7 @@ class CuraStepperItem {
|
|
|
14310
14474
|
}
|
|
14311
14475
|
render() {
|
|
14312
14476
|
const { badgeColor, textColor, icon, iconOnly } = this.getStatusProperties();
|
|
14313
|
-
return (hAsync(Host, { key: '
|
|
14477
|
+
return (hAsync(Host, { key: '779f6c1eb875477b8ceb8ed223e8432081f67bc9' }, hAsync("div", { key: '14f773ffa6d576f2894fa0515f878eddf48205fb', class: "item-container", style: this.styles }, hAsync("cura-badge-pill", { key: '492f9988b7f7f6f4fc0838a99a015da3411017fe', type: "solid", color: badgeColor, "icon-name": icon, "icon-only": iconOnly, "border-radius": "50%" }, this.label), this.displayHeading && this.heading && (hAsync("cura-paragraph", { key: 'b0d3cafa0bfddd990ee745b3b82b44df9daaca71', marginBlock: "0", size: "xsmall", color: textColor }, this.heading)))));
|
|
14314
14478
|
}
|
|
14315
14479
|
get hostElement() { return getElement(this); }
|
|
14316
14480
|
static get style() { return CuraStepperItemStyle0; }
|
|
@@ -14434,7 +14598,7 @@ class CuraSwitch {
|
|
|
14434
14598
|
return classes;
|
|
14435
14599
|
}
|
|
14436
14600
|
render() {
|
|
14437
|
-
return (hAsync(Host, { key: '
|
|
14601
|
+
return (hAsync(Host, { key: 'c6280d9632ccf98fef43051a1d1f7b3c47d8d40b' }, hAsync("div", { key: '50f5388b837f17564b9c9800566ab80460686177', class: this.getClasses(), style: this.styles }, hAsync("div", { key: '2f9aae45d0e9200d23a19859f28e9f7f15168c8b', class: "info" }, hAsync("cura-label", { key: '800d88c164ac8a9f0e7c78a4a294e1e459ec4d41', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), hAsync("cura-label", { key: 'cdc1076ffd0d52288242cd5a7c6da0742361a122', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, hAsync("slot", { key: 'f5a0a6900277f219be928188fde84742e85cac05' }))), hAsync("div", { key: '17e03356d9530060f874feebe4e5f8e2151c1fe5', onClick: this.toggleSwitch, class: "control" }, hAsync("div", { key: '643eca9aada42ea152497ec1b68ba8cbb463787c', class: `track ${this.size.toLowerCase()}` }, hAsync("div", { key: '6c7e3e5b69f8f22d572116774f646c6dd8bc4c48', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
|
|
14438
14602
|
}
|
|
14439
14603
|
static get formAssociated() { return true; }
|
|
14440
14604
|
static get watchers() { return {
|
|
@@ -14483,6 +14647,12 @@ class CuraToast {
|
|
|
14483
14647
|
this.styles = {};
|
|
14484
14648
|
this.progress = 0;
|
|
14485
14649
|
}
|
|
14650
|
+
/**
|
|
14651
|
+
* Method to close toast component
|
|
14652
|
+
*/
|
|
14653
|
+
async close() {
|
|
14654
|
+
this.closeContainer();
|
|
14655
|
+
}
|
|
14486
14656
|
handleChangeType() {
|
|
14487
14657
|
this.setStyle();
|
|
14488
14658
|
}
|
|
@@ -14490,7 +14660,7 @@ class CuraToast {
|
|
|
14490
14660
|
this.setStyle();
|
|
14491
14661
|
}
|
|
14492
14662
|
render() {
|
|
14493
|
-
return (hAsync(Host, { key: '
|
|
14663
|
+
return (hAsync(Host, { key: 'd5869739f883147328ee08bcf6564b6cc9097851' }, hAsync("div", { key: '367bdb7c433982902d018ec64e1372b85bbc52d2', class: this.getClasses(), style: this.styles }, hAsync("cura-icon", { key: '35dbde1e3dfbef3ec3faf3313aa607e2f74409be', class: "default-icon", name: this.getNameIcon(), size: 16, color: `${this.type}-dark` }), hAsync("div", { key: 'ca266eb0c1816f92af3468be34068c29fc4fc61f', class: "content" }, hAsync("cura-heading", { key: '86d3dc19bd9c4fa2ed8ecd21754385fba7635212', level: 4, size: "xsmall", color: `${this.type}-dark`, weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'dae10d64662b2681fa00e64ede122f29de49d505', color: `${this.type}-darker`, size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: '1b969326c2e051ea34d68ba5677b3d8e0159e723' })), hAsync("slot", { key: '2028c0a32df403290b1efcd158410563eda34bbf', name: "actions" })), this.closeButton && hAsync("cura-icon", { key: '91afab9024300f807e1dae585cfa79543e65d579', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.loader && !!this.autoCloseDelay && hAsync("cura-loader-bar", { key: '89abd5c338f443d8946faaed961de31c8d1eac64', color: `${this.type}-base`, progress: this.progress }))));
|
|
14494
14664
|
}
|
|
14495
14665
|
componentDidLoad() {
|
|
14496
14666
|
this.openContainer();
|
|
@@ -14570,7 +14740,8 @@ class CuraToast {
|
|
|
14570
14740
|
"loader": [516],
|
|
14571
14741
|
"autoCloseDelay": [514, "auto-close-delay"],
|
|
14572
14742
|
"styles": [32],
|
|
14573
|
-
"progress": [32]
|
|
14743
|
+
"progress": [32],
|
|
14744
|
+
"close": [64]
|
|
14574
14745
|
},
|
|
14575
14746
|
"$listeners$": undefined,
|
|
14576
14747
|
"$lazyBundleId$": "-",
|
|
@@ -14578,7 +14749,7 @@ class CuraToast {
|
|
|
14578
14749
|
}; }
|
|
14579
14750
|
}
|
|
14580
14751
|
|
|
14581
|
-
const curaTooltipCss = ":host{position:absolute;z-index:
|
|
14752
|
+
const curaTooltipCss = ":host{position:absolute;z-index:99998;display:block;width:fit-content;height:fit-content;box-sizing:border-box}@media (max-width: 768px){:host{width:100%}}:host .container{display:flex;box-sizing:border-box;max-width:var(--max-width);height:auto;padding:calc(var(--cura-spacing-base) * 2px);border:1px solid var(--neutral-light);border-radius:calc(var(--cura-spacing-base) * 1px);background-color:var(--neutral-purewhite);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}@media (max-width: 768px){:host .container{max-width:90%;height:fit-content;padding:calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px) 0 calc(var(--cura-spacing-base) * 4px);margin:0 auto;border:2px solid;border-radius:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px) 0 0;border-color:var(--neutral-light) var(--neutral-light) transparent var(--neutral-light)}}:host .container::after{content:\"\";position:absolute;z-index:99999;width:calc(var(--cura-spacing-base) * 2.5px);height:calc(var(--cura-spacing-base) * 2.5px);border:1px solid;border-radius:2px;background-color:var(--neutral-purewhite);left:var(--arrow-left);top:var(--arrow-top);border-color:var(--arrow-border-color);transform:var(--arrow-translate) rotate(45deg)}@media (max-width: 768px){:host .container::after{display:none}}:host .container .content{flex:1 1 0;display:flex;flex-direction:column;gap:calc(var(--cura-spacing-base) * 1px)}@media (max-width: 768px){:host .container .content{padding-bottom:calc(var(--cura-spacing-base) * 4px);border-bottom:1px dashed var(--neutral-light)}}:host .container .close-icon{margin-left:calc(var(--cura-spacing-base) * 3px);cursor:pointer}:host .container .close-button{padding:calc(var(--cura-spacing-base) * 2px) 0}";
|
|
14582
14753
|
var CuraTooltipStyle0 = curaTooltipCss;
|
|
14583
14754
|
|
|
14584
14755
|
const BREAKPOINT_SMALL_MAX = 768;
|
|
@@ -14609,7 +14780,7 @@ class CuraTooltip {
|
|
|
14609
14780
|
this.setStyle();
|
|
14610
14781
|
}
|
|
14611
14782
|
render() {
|
|
14612
|
-
return (hAsync(Host, { key: '
|
|
14783
|
+
return (hAsync(Host, { key: '8d60e1300b236087fdb740e018c1c0537cae8d14', role: "tooltip", id: this.elementId }, hAsync("div", { key: '1ee4abd823d291a62a0890f15e6dcf7de93d27ce', class: "container", style: this.styles }, hAsync("div", { key: '5b77522f5bfa31f0c57d1461c4fe74bb28056853', class: "content" }, hAsync("cura-heading", { key: '1829def9107ea1a6d4c26a7529f6342b9d1c3a4e', level: 4, size: "xsmall", color: "neutral-black", weight: "bold", "margin-block": "0" }, this.label), hAsync("cura-paragraph", { key: 'd7ef9857d141ef5aea60b1d9d1d79f47ebe1f6f8', color: "neutral-dark", "spot-color": "secondary-darker", size: "xsmall", marginBlock: "0", lineHeight: "133.33%" }, hAsync("slot", { key: 'f2dc8c8e8142205d0553af200875131a0cc09111' }))), this.closeButton && !this.isMobile && hAsync("cura-icon", { key: 'e7666bb54a3366f8c2ab3b0429237f7b5307b36a', class: "close-icon", name: "close", size: 16, color: "error-dark", onClick: this.handleClose }), this.isMobile && hAsync("cura-button-transparent", { key: 'cc64d822bf10b1d7788fd2df85a6b97287b7f7ee', class: "close-button", size: "small", type: "button", color: "error", "icon-name": "close", "icon-position": "right", onClick: this.handleClose }, "OK, entendi."))));
|
|
14613
14784
|
}
|
|
14614
14785
|
componentDidLoad() {
|
|
14615
14786
|
var _a, _b, _c, _d, _e;
|
|
@@ -14837,8 +15008,9 @@ registerComponents([
|
|
|
14837
15008
|
CuraDisplay,
|
|
14838
15009
|
CuraDistance,
|
|
14839
15010
|
CuraDropdownSearch,
|
|
15011
|
+
CuraDropdownSearchCategory,
|
|
15012
|
+
CuraDropdownSearchNotFound,
|
|
14840
15013
|
CuraDropdownSearchOption,
|
|
14841
|
-
CuraDropdownSearchOptionTitle,
|
|
14842
15014
|
CuraHeading,
|
|
14843
15015
|
CuraIcon,
|
|
14844
15016
|
CuraIconsView,
|