@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.mjs
CHANGED
|
@@ -123,7 +123,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
|
|
|
123
123
|
|
|
124
124
|
|
|
125
125
|
const NAMESPACE = 'cura';
|
|
126
|
-
const BUILD = /* cura */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender:
|
|
126
|
+
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 };
|
|
127
127
|
|
|
128
128
|
/**
|
|
129
129
|
* Cura Default Theme
|
|
@@ -670,6 +670,7 @@ class CuraAPI {
|
|
|
670
670
|
get: function (size, position) { return themeModule.breakpoints.get(size, position); }
|
|
671
671
|
}
|
|
672
672
|
};
|
|
673
|
+
this._addGlobalClasses();
|
|
673
674
|
if (config && config.customTheme) {
|
|
674
675
|
this.theme.setCustom(config.customTheme);
|
|
675
676
|
}
|
|
@@ -678,6 +679,24 @@ class CuraAPI {
|
|
|
678
679
|
this.theme.load(theme);
|
|
679
680
|
}
|
|
680
681
|
}
|
|
682
|
+
_addGlobalClasses() {
|
|
683
|
+
const styleId = "cura_global_classes";
|
|
684
|
+
let styleElement = document.head.querySelector(`#${styleId}`);
|
|
685
|
+
if (!styleElement) {
|
|
686
|
+
styleElement = document.createElement("style");
|
|
687
|
+
styleElement.id = styleId;
|
|
688
|
+
styleElement.textContent = `
|
|
689
|
+
.cura-body-scroll-lock {
|
|
690
|
+
overflow: hidden;
|
|
691
|
+
position: fixed;
|
|
692
|
+
left: 0;
|
|
693
|
+
right: 0;
|
|
694
|
+
top: 0;
|
|
695
|
+
}
|
|
696
|
+
`;
|
|
697
|
+
document.head.appendChild(styleElement);
|
|
698
|
+
}
|
|
699
|
+
}
|
|
681
700
|
}
|
|
682
701
|
|
|
683
702
|
function appGlobalScript () {
|
|
@@ -1932,9 +1951,6 @@ var postUpdateComponent = (hostRef) => {
|
|
|
1932
1951
|
const endPostUpdate = createTime("postUpdate", tagName);
|
|
1933
1952
|
const instance = hostRef.$lazyInstance$ ;
|
|
1934
1953
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
1935
|
-
{
|
|
1936
|
-
safeCall(instance, "componentDidRender");
|
|
1937
|
-
}
|
|
1938
1954
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
1939
1955
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
1940
1956
|
{
|
|
@@ -1953,6 +1969,9 @@ var postUpdateComponent = (hostRef) => {
|
|
|
1953
1969
|
} else {
|
|
1954
1970
|
endPostUpdate();
|
|
1955
1971
|
}
|
|
1972
|
+
{
|
|
1973
|
+
hostRef.$onInstanceResolve$(elm);
|
|
1974
|
+
}
|
|
1956
1975
|
{
|
|
1957
1976
|
if (hostRef.$onRenderResolve$) {
|
|
1958
1977
|
hostRef.$onRenderResolve$();
|
|
@@ -2075,6 +2094,17 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
2075
2094
|
configurable: true,
|
|
2076
2095
|
enumerable: true
|
|
2077
2096
|
});
|
|
2097
|
+
} else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
|
|
2098
|
+
Object.defineProperty(prototype, memberName, {
|
|
2099
|
+
value(...args) {
|
|
2100
|
+
var _a2;
|
|
2101
|
+
const ref = getHostRef(this);
|
|
2102
|
+
return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
|
|
2103
|
+
var _a3;
|
|
2104
|
+
return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
|
|
2105
|
+
});
|
|
2106
|
+
}
|
|
2107
|
+
});
|
|
2078
2108
|
}
|
|
2079
2109
|
});
|
|
2080
2110
|
if ((flags & 1 /* isElementConstructor */)) {
|
|
@@ -2887,7 +2917,7 @@ class CuraAccordion {
|
|
|
2887
2917
|
this.host.querySelectorAll('cura-accordion-item').forEach(item => {
|
|
2888
2918
|
this.setChildProperties(item);
|
|
2889
2919
|
});
|
|
2890
|
-
const options = { childList: true, subtree:
|
|
2920
|
+
const options = { childList: true, subtree: false, attributes: false };
|
|
2891
2921
|
this.mutationObserver.observe(this.host, options);
|
|
2892
2922
|
}
|
|
2893
2923
|
disconnectedCallback() {
|
|
@@ -2910,7 +2940,7 @@ class CuraAccordion {
|
|
|
2910
2940
|
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`) });
|
|
2911
2941
|
}
|
|
2912
2942
|
render() {
|
|
2913
|
-
return (hAsync(Host, { key: '
|
|
2943
|
+
return (hAsync(Host, { key: '58c69f7911698dae68dacaeb4cd226d61e09fe17', style: this.styles }, hAsync("slot", { key: 'd808861eb471bfd7c356fb942121d20d547abfcb', name: 'accordion-item' })));
|
|
2914
2944
|
}
|
|
2915
2945
|
get host() { return getElement(this); }
|
|
2916
2946
|
static get watchers() { return {
|
|
@@ -2938,7 +2968,7 @@ class CuraAccordion {
|
|
|
2938
2968
|
}; }
|
|
2939
2969
|
}
|
|
2940
2970
|
|
|
2941
|
-
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(--
|
|
2971
|
+
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}}";
|
|
2942
2972
|
var CuraAccordionItemStyle0 = curaAccordionItemCss;
|
|
2943
2973
|
|
|
2944
2974
|
class CuraAccordionItem {
|
|
@@ -2995,7 +3025,7 @@ class CuraAccordionItem {
|
|
|
2995
3025
|
}; }
|
|
2996
3026
|
}
|
|
2997
3027
|
|
|
2998
|
-
const curaAlertCss = ":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--
|
|
3028
|
+
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}";
|
|
2999
3029
|
var CuraAlertStyle0 = curaAlertCss;
|
|
3000
3030
|
|
|
3001
3031
|
class CuraAlert {
|
|
@@ -3045,7 +3075,7 @@ class CuraAlert {
|
|
|
3045
3075
|
return this.icon ? this.icon : iconMapping[this.type];
|
|
3046
3076
|
}
|
|
3047
3077
|
render() {
|
|
3048
|
-
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-
|
|
3078
|
+
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 ?
|
|
3049
3079
|
(hAsync("cura-icon", { name: "close", size: 16, color: "error-dark", class: "icon-right", onClick: this.handleClose }))
|
|
3050
3080
|
: '')));
|
|
3051
3081
|
}
|
|
@@ -3096,9 +3126,7 @@ class CuraAvatar {
|
|
|
3096
3126
|
this.styles = {};
|
|
3097
3127
|
}
|
|
3098
3128
|
sizeHandler(size) {
|
|
3099
|
-
|
|
3100
|
-
this.styles['--border'] = this.border && `${avatarSize.border}px`;
|
|
3101
|
-
this.styles['--size'] = `${this.size}px`;
|
|
3129
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--size': `${size}px` });
|
|
3102
3130
|
}
|
|
3103
3131
|
getClasses() {
|
|
3104
3132
|
const classes = {};
|
|
@@ -3111,17 +3139,19 @@ class CuraAvatar {
|
|
|
3111
3139
|
this.sizeHandler(this.size);
|
|
3112
3140
|
}
|
|
3113
3141
|
hostCSSProperties() {
|
|
3142
|
+
const avatarSize = avatarSizes[this.size];
|
|
3114
3143
|
return {
|
|
3115
3144
|
'--background-color': window.CuraAPI.theme.colors.getColor(this.backgroundColor),
|
|
3116
3145
|
'--border-color': window.CuraAPI.theme.colors.getColor(this.borderColor),
|
|
3117
3146
|
'--border-radius': `${this.borderRadius}`,
|
|
3147
|
+
'--border': this.border ? `${avatarSize.border}px` : '0',
|
|
3118
3148
|
};
|
|
3119
3149
|
}
|
|
3120
3150
|
onSrcError() {
|
|
3121
3151
|
this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;
|
|
3122
3152
|
}
|
|
3123
3153
|
render() {
|
|
3124
|
-
return (hAsync(Host, { key: '
|
|
3154
|
+
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() }))));
|
|
3125
3155
|
}
|
|
3126
3156
|
get host() { return getElement(this); }
|
|
3127
3157
|
static get watchers() { return {
|
|
@@ -3149,7 +3179,7 @@ class CuraAvatar {
|
|
|
3149
3179
|
}; }
|
|
3150
3180
|
}
|
|
3151
3181
|
|
|
3152
|
-
const curaBadgeDotCss = ":host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--
|
|
3182
|
+
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}";
|
|
3153
3183
|
var CuraBadgeDotStyle0 = curaBadgeDotCss;
|
|
3154
3184
|
|
|
3155
3185
|
class CuraBadgeDot {
|
|
@@ -3197,7 +3227,7 @@ class CuraBadgeDot {
|
|
|
3197
3227
|
}; }
|
|
3198
3228
|
}
|
|
3199
3229
|
|
|
3200
|
-
const curaBadgeCounterCss = ":host{width:fit-content;display:inline-block;height:calc(var(--
|
|
3230
|
+
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)}";
|
|
3201
3231
|
var CuraBadgeCounterStyle0 = curaBadgeCounterCss;
|
|
3202
3232
|
|
|
3203
3233
|
class CuraBadgeNumber {
|
|
@@ -3265,7 +3295,7 @@ class CuraBadgeNumber {
|
|
|
3265
3295
|
}; }
|
|
3266
3296
|
}
|
|
3267
3297
|
|
|
3268
|
-
const curaBadgePillCss = ".badge-container{display:flex;align-items:center;justify-content:center;gap:calc(var(--
|
|
3298
|
+
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}";
|
|
3269
3299
|
var CuraBadgePillStyle0 = curaBadgePillCss;
|
|
3270
3300
|
|
|
3271
3301
|
class CuraBadgePill {
|
|
@@ -3360,7 +3390,7 @@ const labelSizes = {
|
|
|
3360
3390
|
"default": "medium"
|
|
3361
3391
|
};
|
|
3362
3392
|
|
|
3363
|
-
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(--
|
|
3393
|
+
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}";
|
|
3364
3394
|
var CuraButtonStyle0 = curaButtonCss;
|
|
3365
3395
|
|
|
3366
3396
|
class CuraButton {
|
|
@@ -3495,7 +3525,7 @@ class CuraButton {
|
|
|
3495
3525
|
}; }
|
|
3496
3526
|
}
|
|
3497
3527
|
|
|
3498
|
-
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(--
|
|
3528
|
+
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}";
|
|
3499
3529
|
var CuraButtonOutlineStyle0 = curaButtonOutlineCss;
|
|
3500
3530
|
|
|
3501
3531
|
class CuraButtonOutline {
|
|
@@ -3630,7 +3660,7 @@ class CuraButtonOutline {
|
|
|
3630
3660
|
}; }
|
|
3631
3661
|
}
|
|
3632
3662
|
|
|
3633
|
-
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(--
|
|
3663
|
+
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)}";
|
|
3634
3664
|
var CuraButtonSelectStyle0 = curaButtonSelectCss;
|
|
3635
3665
|
|
|
3636
3666
|
class CuraButtonSelect {
|
|
@@ -3760,7 +3790,7 @@ class CuraButtonSelect {
|
|
|
3760
3790
|
}; }
|
|
3761
3791
|
}
|
|
3762
3792
|
|
|
3763
|
-
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(--
|
|
3793
|
+
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}";
|
|
3764
3794
|
var CuraButtonTransparentStyle0 = curaButtonTransparentCss;
|
|
3765
3795
|
|
|
3766
3796
|
class CuraButtonTransparent {
|
|
@@ -7445,7 +7475,7 @@ var locale = {
|
|
|
7445
7475
|
};
|
|
7446
7476
|
var ptBR = locale;
|
|
7447
7477
|
|
|
7448
|
-
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(--
|
|
7478
|
+
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}";
|
|
7449
7479
|
var CuraCalendarStyle0 = curaCalendarCss;
|
|
7450
7480
|
|
|
7451
7481
|
class CuraCalendar {
|
|
@@ -7473,10 +7503,11 @@ class CuraCalendar {
|
|
|
7473
7503
|
this.collapsed = null;
|
|
7474
7504
|
this.floating = undefined;
|
|
7475
7505
|
this.embedded = undefined;
|
|
7476
|
-
this.
|
|
7506
|
+
this.selectLabelColorMode = 'light';
|
|
7477
7507
|
this.selectedDates = [];
|
|
7478
7508
|
this.rangeStart = null;
|
|
7479
7509
|
this.defaultDates = [];
|
|
7510
|
+
this.currentDate = new Date();
|
|
7480
7511
|
this.selectMonth = '';
|
|
7481
7512
|
this.selectYear = '';
|
|
7482
7513
|
this.styles = {};
|
|
@@ -7485,12 +7516,15 @@ class CuraCalendar {
|
|
|
7485
7516
|
this.setFontProperties();
|
|
7486
7517
|
this.initializeDefaultDates();
|
|
7487
7518
|
const colors = [
|
|
7488
|
-
{ name: '--
|
|
7489
|
-
{ name: '--
|
|
7519
|
+
{ name: '--primary-base', theme: 'primary-base' },
|
|
7520
|
+
{ name: '--primary-lighter', theme: 'primary-lighter' },
|
|
7521
|
+
{ name: '--primary-light', theme: 'primary-light' },
|
|
7490
7522
|
{ name: '--neutral-black', theme: 'neutral-black' },
|
|
7491
7523
|
{ name: '--primary-darker', theme: 'primary-darker' },
|
|
7492
7524
|
{ name: '--neutral-dark', theme: 'neutral-dark' },
|
|
7493
7525
|
{ name: '--neutral-light', theme: 'neutral-light' },
|
|
7526
|
+
{ name: '--neutral-white', theme: 'neutral-white' },
|
|
7527
|
+
{ name: '--select-label', theme: this.selectLabelColorMode === 'dark' ? 'neutral-black' : 'neutral-white' },
|
|
7494
7528
|
];
|
|
7495
7529
|
colors.forEach(color => (this.styles = Object.assign(Object.assign({}, this.styles), { [color.name]: this.theme.colors.getColor(color.theme) })));
|
|
7496
7530
|
}
|
|
@@ -7516,6 +7550,7 @@ class CuraCalendar {
|
|
|
7516
7550
|
}
|
|
7517
7551
|
}
|
|
7518
7552
|
this.defaultDates = this.expandDateRanges(this.defaultDate);
|
|
7553
|
+
this.currentDate = this.defaultDates[0] ? this.defaultDates[0] : this.currentDate;
|
|
7519
7554
|
}
|
|
7520
7555
|
/**
|
|
7521
7556
|
* Get the locale for the calendar.
|
|
@@ -7609,7 +7644,7 @@ class CuraCalendar {
|
|
|
7609
7644
|
* @param {string} direction - 'prev' | 'next'
|
|
7610
7645
|
*/
|
|
7611
7646
|
updateCurrentMonth(direction) {
|
|
7612
|
-
let newMonth =
|
|
7647
|
+
let newMonth = this.currentDate;
|
|
7613
7648
|
if (direction === 'prev')
|
|
7614
7649
|
newMonth = subMonths(this.currentDate, 1);
|
|
7615
7650
|
if (direction === 'next')
|
|
@@ -7747,7 +7782,7 @@ class CuraCalendar {
|
|
|
7747
7782
|
return daysIncurrentDate.slice(0, DAYS_IN_CALENDAR_VIEW);
|
|
7748
7783
|
}
|
|
7749
7784
|
updateCurrentWeek(direction) {
|
|
7750
|
-
let newWeek =
|
|
7785
|
+
let newWeek = this.currentDate;
|
|
7751
7786
|
if (direction === 'prev')
|
|
7752
7787
|
newWeek = subWeeks(this.currentDate, 1);
|
|
7753
7788
|
if (direction === 'next')
|
|
@@ -7900,7 +7935,7 @@ class CuraCalendar {
|
|
|
7900
7935
|
}
|
|
7901
7936
|
render() {
|
|
7902
7937
|
const { months } = this.fetchMonthNames();
|
|
7903
|
-
return (hAsync(Host, { key: '
|
|
7938
|
+
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
|
|
7904
7939
|
? this.fetchDaysOfMonth().map((day, index) => (hAsync("div", { key: index, class: this.getClasses(day), onClick: () => this.onDateClick(day) }, day ? format(day, 'd') : '')))
|
|
7905
7940
|
: 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)));
|
|
7906
7941
|
}
|
|
@@ -7931,17 +7966,18 @@ class CuraCalendar {
|
|
|
7931
7966
|
"collapsed": [1540],
|
|
7932
7967
|
"floating": [1540],
|
|
7933
7968
|
"embedded": [1540],
|
|
7934
|
-
"
|
|
7969
|
+
"selectLabelColorMode": [1537, "select-label-color-mode"],
|
|
7935
7970
|
"selectedDates": [32],
|
|
7936
7971
|
"rangeStart": [32],
|
|
7937
7972
|
"defaultDates": [32],
|
|
7973
|
+
"currentDate": [32],
|
|
7938
7974
|
"selectMonth": [32],
|
|
7939
7975
|
"selectYear": [32],
|
|
7940
7976
|
"styles": [32]
|
|
7941
7977
|
},
|
|
7942
7978
|
"$listeners$": undefined,
|
|
7943
7979
|
"$lazyBundleId$": "-",
|
|
7944
|
-
"$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"]]
|
|
7980
|
+
"$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"]]
|
|
7945
7981
|
}; }
|
|
7946
7982
|
}
|
|
7947
7983
|
|
|
@@ -8179,7 +8215,7 @@ class CuraCheckbox {
|
|
|
8179
8215
|
return hAsync("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
8180
8216
|
}
|
|
8181
8217
|
render() {
|
|
8182
|
-
return (hAsync(Host, { key: '
|
|
8218
|
+
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()))));
|
|
8183
8219
|
}
|
|
8184
8220
|
static get formAssociated() { return true; }
|
|
8185
8221
|
get host() { return getElement(this); }
|
|
@@ -8216,7 +8252,7 @@ class CuraCheckbox {
|
|
|
8216
8252
|
}; }
|
|
8217
8253
|
}
|
|
8218
8254
|
|
|
8219
|
-
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}
|
|
8255
|
+
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}}";
|
|
8220
8256
|
var CuraDisplayStyle0 = curaDisplayCss;
|
|
8221
8257
|
|
|
8222
8258
|
class CuraDisplay {
|
|
@@ -8281,7 +8317,7 @@ class CuraDisplay {
|
|
|
8281
8317
|
return tags[`${this.level}`] || tags['default'];
|
|
8282
8318
|
}
|
|
8283
8319
|
render() {
|
|
8284
|
-
return (hAsync(Host, { key: '
|
|
8320
|
+
return (hAsync(Host, { key: '4cd3f3b8491d02da7e1be104ebf23c8c21b013fd', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8285
8321
|
}
|
|
8286
8322
|
get host() { return getElement(this); }
|
|
8287
8323
|
static get watchers() { return {
|
|
@@ -8307,7 +8343,7 @@ class CuraDisplay {
|
|
|
8307
8343
|
}; }
|
|
8308
8344
|
}
|
|
8309
8345
|
|
|
8310
|
-
const curaBadgeDistanceCss = ":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--
|
|
8346
|
+
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)}";
|
|
8311
8347
|
var CuraBadgeDistanceStyle0 = curaBadgeDistanceCss;
|
|
8312
8348
|
|
|
8313
8349
|
class CuraDistance {
|
|
@@ -8357,397 +8393,448 @@ class CuraDistance {
|
|
|
8357
8393
|
}; }
|
|
8358
8394
|
}
|
|
8359
8395
|
|
|
8360
|
-
|
|
8396
|
+
function checkMobile() {
|
|
8397
|
+
return (window === null || window === void 0 ? void 0 : window.innerWidth) < Static.breakpoints.medium.min;
|
|
8398
|
+
}
|
|
8399
|
+
function checkIOS() {
|
|
8400
|
+
return [
|
|
8401
|
+
'iPad Simulator',
|
|
8402
|
+
'iPhone Simulator',
|
|
8403
|
+
'iPod Simulator',
|
|
8404
|
+
'iPad',
|
|
8405
|
+
'iPhone',
|
|
8406
|
+
'iPod'
|
|
8407
|
+
].includes(navigator.userAgent)
|
|
8408
|
+
// iPad on iOS 13 detection
|
|
8409
|
+
|| (navigator.userAgent.includes("Mac") && "ontouchend" in document);
|
|
8410
|
+
}
|
|
8411
|
+
function fakeInputIOSHack(targetElement) {
|
|
8412
|
+
if (!checkMobile() || !checkIOS())
|
|
8413
|
+
return null;
|
|
8414
|
+
const fakeInput = document.createElement('input');
|
|
8415
|
+
fakeInput.setAttribute('type', 'text');
|
|
8416
|
+
fakeInput.style.position = 'absolute';
|
|
8417
|
+
fakeInput.style.opacity = '0';
|
|
8418
|
+
fakeInput.style.height = '0';
|
|
8419
|
+
fakeInput.style.fontSize = '16px'; // disable auto zoom
|
|
8420
|
+
targetElement.prepend(fakeInput);
|
|
8421
|
+
// focus so that subsequent async focus will work
|
|
8422
|
+
fakeInput.focus();
|
|
8423
|
+
return fakeInput;
|
|
8424
|
+
}
|
|
8425
|
+
function addBodyScrollLockClass() {
|
|
8426
|
+
document.body.classList.add("cura-body-scroll-lock");
|
|
8427
|
+
}
|
|
8428
|
+
function removeBodyScrollLockClass() {
|
|
8429
|
+
if (document.body.classList.contains("cura-body-scroll-lock")) {
|
|
8430
|
+
document.body.classList.remove("cura-body-scroll-lock");
|
|
8431
|
+
}
|
|
8432
|
+
}
|
|
8433
|
+
|
|
8434
|
+
class FixedElementScrollBehavior {
|
|
8435
|
+
constructor(hostElement, scrollableElement) {
|
|
8436
|
+
this._stopPropagationEvent = (e) => {
|
|
8437
|
+
if (this.scrollableElement.scrollHeight <= this.scrollableElement.clientHeight) {
|
|
8438
|
+
e.preventDefault();
|
|
8439
|
+
}
|
|
8440
|
+
e.stopPropagation();
|
|
8441
|
+
};
|
|
8442
|
+
this._preventEvent = (ev) => {
|
|
8443
|
+
ev.preventDefault();
|
|
8444
|
+
ev.stopPropagation();
|
|
8445
|
+
};
|
|
8446
|
+
if (!hostElement || !scrollableElement) {
|
|
8447
|
+
console.error("Componentes host ou scrollable não foram informados corretamente ou não existem.");
|
|
8448
|
+
}
|
|
8449
|
+
else {
|
|
8450
|
+
this.hostElement = hostElement;
|
|
8451
|
+
this.scrollableElement = scrollableElement;
|
|
8452
|
+
}
|
|
8453
|
+
}
|
|
8454
|
+
disableScroll() {
|
|
8455
|
+
this.scrollPosition = window.scrollY;
|
|
8456
|
+
window.scrollTo({ top: 0, behavior: 'instant' });
|
|
8457
|
+
addBodyScrollLockClass();
|
|
8458
|
+
this._addEvents();
|
|
8459
|
+
}
|
|
8460
|
+
enableScroll() {
|
|
8461
|
+
removeBodyScrollLockClass();
|
|
8462
|
+
window.scrollTo({ top: this.scrollPosition, behavior: 'instant' });
|
|
8463
|
+
this._removeEvents();
|
|
8464
|
+
}
|
|
8465
|
+
_addEvents() {
|
|
8466
|
+
this.hostElement.addEventListener('wheel', this._preventEvent, { passive: false });
|
|
8467
|
+
this.hostElement.addEventListener('mousewheel', this._preventEvent, { passive: false });
|
|
8468
|
+
this.hostElement.addEventListener('touchmove', this._preventEvent, { passive: false });
|
|
8469
|
+
this.hostElement.addEventListener('scroll', this._preventEvent, { passive: false });
|
|
8470
|
+
this.scrollableElement.addEventListener('wheel', this._stopPropagationEvent, { passive: false });
|
|
8471
|
+
this.scrollableElement.addEventListener('mousewheel', this._stopPropagationEvent, { passive: false });
|
|
8472
|
+
this.scrollableElement.addEventListener('touchmove', this._stopPropagationEvent, { passive: false });
|
|
8473
|
+
this.scrollableElement.addEventListener('scroll', this._stopPropagationEvent, { passive: false });
|
|
8474
|
+
}
|
|
8475
|
+
_removeEvents() {
|
|
8476
|
+
this.hostElement.removeEventListener('wheel', this._preventEvent);
|
|
8477
|
+
this.hostElement.removeEventListener('mousewheel', this._preventEvent);
|
|
8478
|
+
this.hostElement.removeEventListener('touchmove', this._preventEvent);
|
|
8479
|
+
this.hostElement.removeEventListener('scroll', this._preventEvent);
|
|
8480
|
+
this.scrollableElement.removeEventListener('wheel', this._stopPropagationEvent);
|
|
8481
|
+
this.scrollableElement.removeEventListener('mousewheel', this._stopPropagationEvent);
|
|
8482
|
+
this.scrollableElement.removeEventListener('touchmove', this._stopPropagationEvent);
|
|
8483
|
+
this.scrollableElement.removeEventListener('scroll', this._stopPropagationEvent);
|
|
8484
|
+
}
|
|
8485
|
+
}
|
|
8486
|
+
|
|
8487
|
+
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}";
|
|
8361
8488
|
var CuraDropdownSearchStyle0 = curaDropdownSearchCss;
|
|
8362
8489
|
|
|
8363
8490
|
class CuraDropdownSearch {
|
|
8364
8491
|
constructor(hostRef) {
|
|
8365
8492
|
registerInstance(this, hostRef);
|
|
8366
|
-
this.
|
|
8367
|
-
this.
|
|
8368
|
-
this.
|
|
8369
|
-
this.
|
|
8370
|
-
|
|
8371
|
-
|
|
8372
|
-
|
|
8373
|
-
|
|
8374
|
-
|
|
8375
|
-
|
|
8376
|
-
|
|
8377
|
-
|
|
8493
|
+
this.termchange = createEvent(this, "termchange", 7);
|
|
8494
|
+
this.optionselect = createEvent(this, "optionselect", 7);
|
|
8495
|
+
this.resizeTimeoutMs = 66;
|
|
8496
|
+
this.focusTimeoutMs = 300;
|
|
8497
|
+
this.blurTimeoutMs = 300;
|
|
8498
|
+
this.highlightedIndex = -1;
|
|
8499
|
+
this.dropdownSelectableItems = [];
|
|
8500
|
+
this.handleSlotChange = () => { this.getSlotElements(); };
|
|
8501
|
+
this.handleWindowResize = () => {
|
|
8502
|
+
if (this.resizeTimeout)
|
|
8503
|
+
clearTimeout(this.resizeTimeout);
|
|
8504
|
+
this.resizeTimeout = setTimeout(() => {
|
|
8505
|
+
this.isMobile = checkMobile();
|
|
8506
|
+
this.setZoomHeight();
|
|
8507
|
+
}, this.resizeTimeoutMs);
|
|
8508
|
+
};
|
|
8509
|
+
this.handleFocus = () => {
|
|
8510
|
+
if (this.focusTimeout)
|
|
8511
|
+
clearTimeout(this.focusTimeout);
|
|
8512
|
+
this.focusTimeout = setTimeout(() => {
|
|
8513
|
+
this.isOnFocus = true;
|
|
8514
|
+
this.clearHighlight();
|
|
8515
|
+
if (this.isMobile && !this.zoomState)
|
|
8516
|
+
this.enterZoom();
|
|
8517
|
+
if (this.zoomState)
|
|
8518
|
+
this.setZoomHeight();
|
|
8519
|
+
setTimeout(() => {
|
|
8520
|
+
var _a;
|
|
8521
|
+
(_a = this.selectedOptionElement) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'instant', block: 'nearest', inline: 'nearest' });
|
|
8522
|
+
}, 10);
|
|
8523
|
+
}, this.focusTimeoutMs);
|
|
8524
|
+
};
|
|
8525
|
+
this.handleBlur = () => {
|
|
8526
|
+
if (this.blurTimeout)
|
|
8527
|
+
clearTimeout(this.blurTimeout);
|
|
8528
|
+
this.blurTimeout = setTimeout(() => {
|
|
8529
|
+
if (this.zoomState) {
|
|
8530
|
+
const delay = checkIOS ? 500 : 100;
|
|
8531
|
+
setTimeout(() => this.setZoomHeight(), delay);
|
|
8378
8532
|
}
|
|
8379
|
-
|
|
8533
|
+
this.isOnFocus = false;
|
|
8534
|
+
}, this.blurTimeoutMs);
|
|
8380
8535
|
};
|
|
8381
|
-
this.
|
|
8382
|
-
|
|
8383
|
-
|
|
8384
|
-
this.updateHoveredIndex();
|
|
8536
|
+
this.handleFocusout = () => {
|
|
8537
|
+
if (this.zoomState)
|
|
8538
|
+
this.setZoomHeight();
|
|
8385
8539
|
};
|
|
8386
|
-
this.
|
|
8387
|
-
|
|
8388
|
-
this.
|
|
8389
|
-
this.
|
|
8540
|
+
this.handleBackClick = () => { this.exitZoom(); };
|
|
8541
|
+
this.handleOptionActionClick = (ev) => {
|
|
8542
|
+
this.getInputElement().setFocus();
|
|
8543
|
+
this._preventEvent(ev);
|
|
8390
8544
|
};
|
|
8391
|
-
this.
|
|
8392
|
-
|
|
8393
|
-
|
|
8394
|
-
|
|
8395
|
-
}
|
|
8396
|
-
else if (event.key === 'ArrowUp') {
|
|
8397
|
-
event.preventDefault();
|
|
8398
|
-
this.moveHighlight(-1);
|
|
8399
|
-
}
|
|
8400
|
-
else if (event.key === 'Enter') {
|
|
8401
|
-
event.preventDefault();
|
|
8402
|
-
if (this.hoveredIndex > -1) {
|
|
8403
|
-
this.handleOnBlur();
|
|
8404
|
-
this.onSelectedOption(this.hoveredIndex);
|
|
8405
|
-
}
|
|
8406
|
-
}
|
|
8545
|
+
this.handleInputClear = (ev) => {
|
|
8546
|
+
this.setValue('');
|
|
8547
|
+
this.clearSelectedOptions();
|
|
8548
|
+
this._preventEvent(ev);
|
|
8407
8549
|
};
|
|
8408
|
-
this.
|
|
8409
|
-
this.
|
|
8410
|
-
|
|
8411
|
-
|
|
8412
|
-
|
|
8413
|
-
|
|
8414
|
-
|
|
8415
|
-
|
|
8416
|
-
this.removeOverlay();
|
|
8417
|
-
}
|
|
8550
|
+
this.handleSelectOption = (ev) => {
|
|
8551
|
+
this._selectOption(ev.detail);
|
|
8552
|
+
this._preventEvent(ev);
|
|
8553
|
+
};
|
|
8554
|
+
this.handleInputValueChange = (ev) => {
|
|
8555
|
+
this.setValue(ev.detail);
|
|
8556
|
+
if (this.selectedOptionElement && ev.detail !== this.selectedOptionElement.value) {
|
|
8557
|
+
this.clearSelectedOptions();
|
|
8418
8558
|
}
|
|
8559
|
+
this._preventEvent(ev);
|
|
8560
|
+
};
|
|
8561
|
+
this.handleDropdownMouseOver = () => {
|
|
8562
|
+
if (this.highlightedElement || this.highlightedIndex >= 0)
|
|
8563
|
+
this.clearHighlight();
|
|
8564
|
+
};
|
|
8565
|
+
this.handleKeyDown = (ev) => {
|
|
8566
|
+
if (ev.key === 'ArrowDown')
|
|
8567
|
+
this.moveHighlight('next');
|
|
8568
|
+
if (ev.key === 'ArrowUp')
|
|
8569
|
+
this.moveHighlight('prev');
|
|
8570
|
+
if (ev.key === 'Enter')
|
|
8571
|
+
this.selectHighlight();
|
|
8419
8572
|
};
|
|
8420
|
-
this.
|
|
8421
|
-
|
|
8422
|
-
|
|
8573
|
+
this.getInputElement = () => { var _a; return (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('cura-input-text'); };
|
|
8574
|
+
this._preventEvent = (ev) => {
|
|
8575
|
+
ev.preventDefault();
|
|
8576
|
+
ev.stopPropagation();
|
|
8423
8577
|
};
|
|
8578
|
+
this.name = undefined;
|
|
8424
8579
|
this.size = 'large';
|
|
8425
8580
|
this.status = 'default';
|
|
8426
8581
|
this.disabled = false;
|
|
8427
|
-
this.name = undefined;
|
|
8428
8582
|
this.required = false;
|
|
8429
|
-
this.selected = false;
|
|
8430
|
-
this.value = '';
|
|
8431
8583
|
this.placeholder = '';
|
|
8432
8584
|
this.label = '';
|
|
8433
|
-
this.
|
|
8434
|
-
this.
|
|
8435
|
-
this.
|
|
8436
|
-
this.
|
|
8585
|
+
this.icon = 'search';
|
|
8586
|
+
this.maxheight = '400px';
|
|
8587
|
+
this.value = '';
|
|
8588
|
+
this.searchdelay = 400;
|
|
8589
|
+
this.searchminchars = 3;
|
|
8437
8590
|
this.styles = {};
|
|
8438
|
-
this.
|
|
8439
|
-
this.
|
|
8440
|
-
this.
|
|
8441
|
-
|
|
8442
|
-
|
|
8443
|
-
|
|
8444
|
-
|
|
8445
|
-
|
|
8591
|
+
this.zoomState = false;
|
|
8592
|
+
this.isOnFocus = false;
|
|
8593
|
+
this.dropdownItems = [];
|
|
8594
|
+
}
|
|
8595
|
+
/**
|
|
8596
|
+
* Set focus to input field.
|
|
8597
|
+
*/
|
|
8598
|
+
async setFocus() {
|
|
8599
|
+
this.getInputElement().setFocus();
|
|
8600
|
+
}
|
|
8601
|
+
/**
|
|
8602
|
+
* Select by optionid property of a selectable option component.
|
|
8603
|
+
*/
|
|
8604
|
+
async selectOption(optionid) {
|
|
8605
|
+
this._selectOption(optionid);
|
|
8446
8606
|
}
|
|
8447
8607
|
connectedCallback() {
|
|
8448
8608
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
8449
|
-
this.
|
|
8450
|
-
this.styles['--
|
|
8609
|
+
this.breakpoints = window.CuraAPI.theme.breakpoints.get();
|
|
8610
|
+
this.styles['--info'] = window.CuraAPI.theme.colors.getColor('info-base');
|
|
8611
|
+
this.styles['--purewhite'] = window.CuraAPI.theme.colors.getColor('neutral-purewhite');
|
|
8451
8612
|
this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor('neutral-light');
|
|
8452
8613
|
this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor('neutral-dark');
|
|
8453
8614
|
this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);
|
|
8454
8615
|
this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor('error-dark');
|
|
8455
8616
|
this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor('error-lighter');
|
|
8456
|
-
this.styles['--
|
|
8617
|
+
this.styles['--primary'] = window.CuraAPI.theme.colors.getColor('primary');
|
|
8457
8618
|
this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
|
|
8458
8619
|
this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
|
|
8459
8620
|
this.styles['--font-weight-medium'] = this.weights.medium;
|
|
8621
|
+
window === null || window === void 0 ? void 0 : window.addEventListener('resize', this.handleWindowResize);
|
|
8622
|
+
window === null || window === void 0 ? void 0 : window.addEventListener('orientationchange', this.handleWindowResize);
|
|
8623
|
+
this.isMobile = checkMobile();
|
|
8460
8624
|
}
|
|
8461
|
-
|
|
8462
|
-
|
|
8463
|
-
this.
|
|
8464
|
-
this.
|
|
8625
|
+
componentDidLoad() {
|
|
8626
|
+
var _a;
|
|
8627
|
+
this.dropdownElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-container');
|
|
8628
|
+
this.host.addEventListener('actionclick', this.handleOptionActionClick);
|
|
8629
|
+
this.host.addEventListener('selectoption', this.handleSelectOption);
|
|
8630
|
+
this.scrollBehavior = new FixedElementScrollBehavior(this.host, this.dropdownElement);
|
|
8631
|
+
setTimeout(() => this.getSlotElements(), 10);
|
|
8465
8632
|
}
|
|
8466
|
-
|
|
8467
|
-
|
|
8633
|
+
disconnectedCallback() {
|
|
8634
|
+
window === null || window === void 0 ? void 0 : window.removeEventListener('resize', this.handleWindowResize);
|
|
8635
|
+
window === null || window === void 0 ? void 0 : window.removeEventListener('orientationchange', this.handleWindowResize);
|
|
8468
8636
|
}
|
|
8469
|
-
|
|
8470
|
-
if (this.
|
|
8471
|
-
|
|
8472
|
-
|
|
8637
|
+
moveHighlight(direction) {
|
|
8638
|
+
if (!this.dropdownSelectableItems.length)
|
|
8639
|
+
return;
|
|
8640
|
+
let position = direction === 'next' ? this.highlightedIndex + 1 : this.highlightedIndex - 1;
|
|
8641
|
+
if (position < 0) {
|
|
8642
|
+
this.clearHighlight();
|
|
8643
|
+
return;
|
|
8473
8644
|
}
|
|
8474
|
-
|
|
8475
|
-
|
|
8645
|
+
const selectableItemsLastPosition = this.dropdownSelectableItems.length - 1;
|
|
8646
|
+
if (position > selectableItemsLastPosition)
|
|
8647
|
+
position = selectableItemsLastPosition;
|
|
8648
|
+
if (this.highlightedElement)
|
|
8649
|
+
this.highlightedElement.highlighted = false;
|
|
8650
|
+
this.highlightedIndex = position;
|
|
8651
|
+
this.highlightedElement = this.dropdownSelectableItems[position];
|
|
8652
|
+
if (this.highlightedElement.selected) {
|
|
8653
|
+
this.moveHighlight(direction);
|
|
8654
|
+
return;
|
|
8476
8655
|
}
|
|
8656
|
+
this.highlightedElement.highlighted = true;
|
|
8657
|
+
this.highlightedElement.scrollIntoView({ behavior: 'instant', block: 'nearest', inline: 'nearest' });
|
|
8477
8658
|
}
|
|
8478
|
-
|
|
8479
|
-
|
|
8480
|
-
|
|
8481
|
-
|
|
8482
|
-
|
|
8483
|
-
|
|
8484
|
-
disconnectedCallback() {
|
|
8485
|
-
var _a;
|
|
8486
|
-
window === null || window === void 0 ? void 0 : window.removeEventListener('resize', this.setUp);
|
|
8487
|
-
(_a = window === null || window === void 0 ? void 0 : window.visualViewport) === null || _a === void 0 ? void 0 : _a.removeEventListener('resize', this.adjustInputPosition);
|
|
8488
|
-
}
|
|
8489
|
-
showOverlay() {
|
|
8490
|
-
if (!this.overlayElement) {
|
|
8491
|
-
this.overlayElement = document.createElement('div');
|
|
8492
|
-
this.overlayElement.className = 'dropdown-overlay';
|
|
8493
|
-
this.overlayElement.style.position = 'fixed';
|
|
8494
|
-
this.overlayElement.style.top = '0';
|
|
8495
|
-
this.overlayElement.style.left = '0';
|
|
8496
|
-
this.overlayElement.style.width = '100%';
|
|
8497
|
-
this.overlayElement.style.height = '100%';
|
|
8498
|
-
this.overlayElement.style.zIndex = '9999';
|
|
8499
|
-
this.overlayElement.style.backgroundColor = 'white';
|
|
8500
|
-
document.body.appendChild(this.overlayElement);
|
|
8501
|
-
this.originalOverflow = document.body.style.overflow;
|
|
8502
|
-
document.body.style.overflow = 'hidden';
|
|
8503
|
-
}
|
|
8504
|
-
}
|
|
8505
|
-
removeOverlay() {
|
|
8506
|
-
if (this.overlayElement && this.overlayElement.parentNode === document.body) {
|
|
8507
|
-
document.body.removeChild(this.overlayElement);
|
|
8508
|
-
this.overlayElement = null;
|
|
8509
|
-
document.body.style.overflow = this.originalOverflow;
|
|
8510
|
-
}
|
|
8511
|
-
}
|
|
8512
|
-
addClickListenersToOptions() {
|
|
8513
|
-
this.options.forEach((option, index) => {
|
|
8514
|
-
option === null || option === void 0 ? void 0 : option.addEventListener('optionSelected', () => this.onSelectedOption(index));
|
|
8515
|
-
});
|
|
8659
|
+
clearHighlight() {
|
|
8660
|
+
if (this.highlightedElement) {
|
|
8661
|
+
this.highlightedElement.highlighted = false;
|
|
8662
|
+
this.highlightedElement = null;
|
|
8663
|
+
}
|
|
8664
|
+
this.highlightedIndex = -1;
|
|
8516
8665
|
}
|
|
8517
|
-
|
|
8518
|
-
|
|
8519
|
-
|
|
8520
|
-
|
|
8521
|
-
|
|
8522
|
-
|
|
8523
|
-
this.adjustInputPosition();
|
|
8666
|
+
selectHighlight() {
|
|
8667
|
+
if (this.highlightedElement) {
|
|
8668
|
+
this._selectOption(this.highlightedElement.optionid);
|
|
8669
|
+
this.clearHighlight();
|
|
8670
|
+
this.getInputElement().blur();
|
|
8671
|
+
}
|
|
8524
8672
|
}
|
|
8525
|
-
|
|
8526
|
-
|
|
8527
|
-
|
|
8528
|
-
if (
|
|
8529
|
-
|
|
8530
|
-
|
|
8531
|
-
this.
|
|
8532
|
-
|
|
8533
|
-
|
|
8534
|
-
this.resetDropdownStyles();
|
|
8535
|
-
this.removeOverlay();
|
|
8536
|
-
}
|
|
8537
|
-
}, 200);
|
|
8673
|
+
setValue(value) {
|
|
8674
|
+
if (this.value !== value) {
|
|
8675
|
+
this.value = value;
|
|
8676
|
+
if (this.valueTimeout)
|
|
8677
|
+
clearTimeout(this.valueTimeout);
|
|
8678
|
+
this.valueTimeout = setTimeout(() => {
|
|
8679
|
+
this.termchange.emit(this.value === '' || this.value.length < this.searchminchars ? '' : this.value);
|
|
8680
|
+
}, this.searchdelay || 300);
|
|
8681
|
+
}
|
|
8538
8682
|
}
|
|
8539
|
-
|
|
8540
|
-
|
|
8541
|
-
|
|
8542
|
-
|
|
8543
|
-
|
|
8544
|
-
|
|
8545
|
-
|
|
8546
|
-
|
|
8547
|
-
|
|
8548
|
-
|
|
8683
|
+
_selectOption(optionid) {
|
|
8684
|
+
if (!optionid) {
|
|
8685
|
+
this.clearSelectedOptions();
|
|
8686
|
+
this.setValue('');
|
|
8687
|
+
return;
|
|
8688
|
+
}
|
|
8689
|
+
const optionElement = this.dropdownSelectableItems.find(option => option.optionid === optionid);
|
|
8690
|
+
if (optionElement && !optionElement.selected) {
|
|
8691
|
+
this.clearSelectedOptions();
|
|
8692
|
+
this.selectedOptionElement = optionElement;
|
|
8693
|
+
this.selectedOptionElement.selected = true;
|
|
8694
|
+
this.setValue(this.selectedOptionElement.value);
|
|
8695
|
+
this.optionselect.emit(this.selectedOptionElement.optionid);
|
|
8696
|
+
if (this.zoomState)
|
|
8697
|
+
setTimeout(() => this.exitZoom(), this.blurTimeoutMs);
|
|
8698
|
+
}
|
|
8699
|
+
}
|
|
8700
|
+
clearSelectedOptions() {
|
|
8701
|
+
this.dropdownSelectableItems.forEach(option => {
|
|
8702
|
+
if (option.selected)
|
|
8703
|
+
option.selected = false;
|
|
8549
8704
|
});
|
|
8705
|
+
this.selectedOptionElement = null;
|
|
8706
|
+
}
|
|
8707
|
+
getSlotElements() {
|
|
8708
|
+
const elements = [];
|
|
8709
|
+
const selectable = [];
|
|
8710
|
+
let hasNotFound = false;
|
|
8711
|
+
if (this.dropdownElement) {
|
|
8712
|
+
this.dropdownElement
|
|
8713
|
+
.querySelector('slot')
|
|
8714
|
+
.assignedElements()
|
|
8715
|
+
.forEach(item => {
|
|
8716
|
+
elements.push(item);
|
|
8717
|
+
if (item.localName === 'cura-dropdown-search-option' && item["selectable"])
|
|
8718
|
+
selectable.push(item);
|
|
8719
|
+
if (item.localName === 'cura-dropdown-search-not-found')
|
|
8720
|
+
hasNotFound = true;
|
|
8721
|
+
});
|
|
8722
|
+
}
|
|
8723
|
+
this.dropdownSelectableItems = selectable;
|
|
8724
|
+
this.dropdownItems = elements;
|
|
8725
|
+
this.status = hasNotFound ? 'error' : 'default';
|
|
8550
8726
|
}
|
|
8551
|
-
|
|
8552
|
-
|
|
8553
|
-
|
|
8554
|
-
this.
|
|
8727
|
+
enterZoom() {
|
|
8728
|
+
this.scrollBehavior.disableScroll();
|
|
8729
|
+
this.setZoomHeight();
|
|
8730
|
+
this.zoomState = true;
|
|
8555
8731
|
}
|
|
8556
|
-
|
|
8557
|
-
|
|
8558
|
-
|
|
8559
|
-
|
|
8560
|
-
if (container && hoveredOption) {
|
|
8561
|
-
const optionRect = hoveredOption.getBoundingClientRect();
|
|
8562
|
-
const containerRect = container.getBoundingClientRect();
|
|
8563
|
-
if (optionRect.bottom > containerRect.bottom) {
|
|
8564
|
-
container.scrollTop += optionRect.bottom - containerRect.bottom;
|
|
8565
|
-
}
|
|
8566
|
-
if (optionRect.top < containerRect.top) {
|
|
8567
|
-
container.scrollTop -= containerRect.top - optionRect.top;
|
|
8568
|
-
}
|
|
8569
|
-
}
|
|
8732
|
+
exitZoom() {
|
|
8733
|
+
this.scrollBehavior.enableScroll();
|
|
8734
|
+
this.setZoomHeight();
|
|
8735
|
+
setTimeout(() => { this.zoomState = false; }, 300);
|
|
8570
8736
|
}
|
|
8571
|
-
|
|
8572
|
-
|
|
8573
|
-
|
|
8574
|
-
|
|
8575
|
-
this.resetDropdownStyles();
|
|
8576
|
-
this.removeOverlay();
|
|
8577
|
-
}, 200);
|
|
8578
|
-
}
|
|
8737
|
+
setZoomHeight() {
|
|
8738
|
+
var _a;
|
|
8739
|
+
const h = window ? `${((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || window.innerHeight}px` : '100vh';
|
|
8740
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--height': h });
|
|
8579
8741
|
}
|
|
8580
8742
|
getClasses() {
|
|
8581
8743
|
return {
|
|
8582
|
-
|
|
8583
|
-
|
|
8584
|
-
|
|
8585
|
-
|
|
8586
|
-
|
|
8587
|
-
}
|
|
8588
|
-
getDropdownClasses() {
|
|
8589
|
-
return {
|
|
8590
|
-
'dropdown-search-list': true,
|
|
8591
|
-
'visible': this.options.length && this.isDropdownOpen ? true : false,
|
|
8744
|
+
"component-container": true,
|
|
8745
|
+
"mobile": this.isMobile,
|
|
8746
|
+
"zoom": this.zoomState,
|
|
8747
|
+
"dropdown-visible": this.isOnFocus && (this.dropdownItems.length > 0 && !this.zoomState),
|
|
8748
|
+
"error": this.status === 'error'
|
|
8592
8749
|
};
|
|
8593
8750
|
}
|
|
8594
|
-
|
|
8751
|
+
getHostCSSProperties() {
|
|
8595
8752
|
return {
|
|
8596
|
-
'--
|
|
8753
|
+
'--max-height': this.maxheight || '400px'
|
|
8597
8754
|
};
|
|
8598
8755
|
}
|
|
8599
|
-
handleOnFocus() {
|
|
8600
|
-
this.isDropdownOpen = true;
|
|
8601
|
-
}
|
|
8602
|
-
getDropdownSearchListHeight() {
|
|
8603
|
-
setTimeout(() => {
|
|
8604
|
-
var _a;
|
|
8605
|
-
const dropdownInputSearchElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-input-search');
|
|
8606
|
-
if (dropdownInputSearchElement) {
|
|
8607
|
-
this.host.style.setProperty('--dynamic-input-search-height', `${dropdownInputSearchElement.offsetHeight}px`);
|
|
8608
|
-
}
|
|
8609
|
-
}, 310);
|
|
8610
|
-
}
|
|
8611
|
-
handleGoBack() {
|
|
8612
|
-
this.resetDropdownStyles();
|
|
8613
|
-
this.isMobile = false;
|
|
8614
|
-
}
|
|
8615
|
-
resetDropdownStyles() {
|
|
8616
|
-
var _a;
|
|
8617
|
-
const dropdown = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown-mobile');
|
|
8618
|
-
if (dropdown && dropdown.style.position === 'fixed') {
|
|
8619
|
-
dropdown.style.position = 'relative';
|
|
8620
|
-
dropdown.style.removeProperty('bottom');
|
|
8621
|
-
}
|
|
8622
|
-
}
|
|
8623
8756
|
render() {
|
|
8624
|
-
|
|
8625
|
-
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: () => {
|
|
8626
|
-
this.handleOnBlur();
|
|
8627
|
-
}, 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 })))));
|
|
8757
|
+
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() })))));
|
|
8628
8758
|
}
|
|
8629
8759
|
get host() { return getElement(this); }
|
|
8630
|
-
static get watchers() { return {
|
|
8631
|
-
"value": ["onValueChange"]
|
|
8632
|
-
}; }
|
|
8633
8760
|
static get style() { return CuraDropdownSearchStyle0; }
|
|
8634
8761
|
static get cmpMeta() { return {
|
|
8635
8762
|
"$flags$": 9,
|
|
8636
8763
|
"$tagName$": "cura-dropdown-search",
|
|
8637
8764
|
"$members$": {
|
|
8638
|
-
"size": [1537],
|
|
8639
|
-
"status": [513],
|
|
8640
|
-
"disabled": [516],
|
|
8641
8765
|
"name": [513],
|
|
8642
|
-
"
|
|
8643
|
-
"
|
|
8644
|
-
"
|
|
8645
|
-
"
|
|
8646
|
-
"
|
|
8647
|
-
"
|
|
8648
|
-
"
|
|
8649
|
-
"
|
|
8650
|
-
"
|
|
8766
|
+
"size": [513],
|
|
8767
|
+
"status": [1537],
|
|
8768
|
+
"disabled": [516],
|
|
8769
|
+
"required": [516],
|
|
8770
|
+
"placeholder": [513],
|
|
8771
|
+
"label": [513],
|
|
8772
|
+
"icon": [513],
|
|
8773
|
+
"maxheight": [513],
|
|
8774
|
+
"value": [1025],
|
|
8775
|
+
"searchdelay": [514],
|
|
8776
|
+
"searchminchars": [514],
|
|
8651
8777
|
"styles": [32],
|
|
8652
|
-
"
|
|
8653
|
-
"
|
|
8654
|
-
"
|
|
8655
|
-
"
|
|
8656
|
-
"
|
|
8657
|
-
"options": [32],
|
|
8658
|
-
"originalOverflow": [32],
|
|
8659
|
-
"screenDefaultHeight": [32]
|
|
8778
|
+
"zoomState": [32],
|
|
8779
|
+
"isOnFocus": [32],
|
|
8780
|
+
"dropdownItems": [32],
|
|
8781
|
+
"setFocus": [64],
|
|
8782
|
+
"selectOption": [64]
|
|
8660
8783
|
},
|
|
8661
8784
|
"$listeners$": undefined,
|
|
8662
8785
|
"$lazyBundleId$": "-",
|
|
8663
|
-
"$attrsToReflect$": [["
|
|
8786
|
+
"$attrsToReflect$": [["name", "name"], ["size", "size"], ["status", "status"], ["disabled", "disabled"], ["required", "required"], ["placeholder", "placeholder"], ["label", "label"], ["icon", "icon"], ["maxheight", "maxheight"], ["searchdelay", "searchdelay"], ["searchminchars", "searchminchars"]]
|
|
8664
8787
|
}; }
|
|
8665
8788
|
}
|
|
8666
8789
|
|
|
8667
|
-
const
|
|
8668
|
-
var
|
|
8790
|
+
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}";
|
|
8791
|
+
var CuraDropdownSearchCategoryStyle0 = curaDropdownSearchCategoryCss;
|
|
8669
8792
|
|
|
8670
|
-
class
|
|
8793
|
+
class CuraDropdownSearchCategory {
|
|
8671
8794
|
constructor(hostRef) {
|
|
8672
8795
|
registerInstance(this, hostRef);
|
|
8673
|
-
this.optionSelected = createEvent(this, "optionSelected", 7);
|
|
8674
|
-
this.handleOptionClick = (e) => {
|
|
8675
|
-
if (this.selectable) {
|
|
8676
|
-
this.selected = !this.selected;
|
|
8677
|
-
this.optionSelected.emit(this.value);
|
|
8678
|
-
this.updateIconColor();
|
|
8679
|
-
}
|
|
8680
|
-
else {
|
|
8681
|
-
e.preventDefault();
|
|
8682
|
-
e.stopImmediatePropagation();
|
|
8683
|
-
}
|
|
8684
|
-
};
|
|
8685
|
-
this.value = undefined;
|
|
8686
|
-
this.selected = false;
|
|
8687
|
-
this.selectable = true;
|
|
8688
|
-
this.hovered = false;
|
|
8689
8796
|
this.styles = {};
|
|
8797
|
+
this.theme = window.CuraAPI.theme;
|
|
8690
8798
|
}
|
|
8691
8799
|
connectedCallback() {
|
|
8692
|
-
this.
|
|
8693
|
-
|
|
8694
|
-
|
|
8695
|
-
this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);
|
|
8696
|
-
this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
|
|
8697
|
-
this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`, 50);
|
|
8698
|
-
}
|
|
8699
|
-
componentDidLoad() {
|
|
8700
|
-
this.updateIconColor();
|
|
8701
|
-
}
|
|
8702
|
-
updateIconColor() {
|
|
8703
|
-
const iconElement = this.hostElement.querySelector('[slot="image"] cura-icon');
|
|
8704
|
-
if (iconElement) {
|
|
8705
|
-
iconElement.setAttribute('color', this.selected ? 'primary' : 'neutral-dark');
|
|
8706
|
-
}
|
|
8800
|
+
this.styles = {
|
|
8801
|
+
'--neutral-light': this.theme.colors.getColor('neutral-light')
|
|
8802
|
+
};
|
|
8707
8803
|
}
|
|
8708
8804
|
render() {
|
|
8709
|
-
return (hAsync(Host, { key: '
|
|
8710
|
-
"option-container": true,
|
|
8711
|
-
hovered: this.selectable ? this.hovered : false,
|
|
8712
|
-
selected: this.selected,
|
|
8713
|
-
disabled: !this.selectable
|
|
8714
|
-
} }, 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" })))));
|
|
8805
|
+
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' })))));
|
|
8715
8806
|
}
|
|
8716
|
-
get
|
|
8717
|
-
static get watchers() { return {
|
|
8718
|
-
"selected": ["updateIconColor"]
|
|
8719
|
-
}; }
|
|
8720
|
-
static get style() { return CuraDropdownSearchOptionStyle0; }
|
|
8807
|
+
static get style() { return CuraDropdownSearchCategoryStyle0; }
|
|
8721
8808
|
static get cmpMeta() { return {
|
|
8722
8809
|
"$flags$": 9,
|
|
8723
|
-
"$tagName$": "cura-dropdown-search-
|
|
8724
|
-
"$members$":
|
|
8725
|
-
"value": [513],
|
|
8726
|
-
"selected": [1540],
|
|
8727
|
-
"selectable": [516],
|
|
8728
|
-
"hovered": [1540],
|
|
8729
|
-
"styles": [32]
|
|
8730
|
-
},
|
|
8810
|
+
"$tagName$": "cura-dropdown-search-category",
|
|
8811
|
+
"$members$": undefined,
|
|
8731
8812
|
"$listeners$": undefined,
|
|
8732
8813
|
"$lazyBundleId$": "-",
|
|
8733
|
-
"$attrsToReflect$": [
|
|
8814
|
+
"$attrsToReflect$": []
|
|
8734
8815
|
}; }
|
|
8735
8816
|
}
|
|
8736
8817
|
|
|
8737
|
-
const
|
|
8738
|
-
var
|
|
8818
|
+
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}";
|
|
8819
|
+
var CuraDropdownSearchNotFoundStyle0 = curaDropdownSearchNotFoundCss;
|
|
8739
8820
|
|
|
8740
|
-
class
|
|
8821
|
+
class CuraDropdownSearchNotFound {
|
|
8741
8822
|
constructor(hostRef) {
|
|
8742
8823
|
registerInstance(this, hostRef);
|
|
8824
|
+
this.actionclick = createEvent(this, "actionclick", 7);
|
|
8825
|
+
this.handleClick = (ev) => {
|
|
8826
|
+
this.actionclick.emit();
|
|
8827
|
+
ev.preventDefault();
|
|
8828
|
+
ev.stopPropagation();
|
|
8829
|
+
};
|
|
8743
8830
|
}
|
|
8744
8831
|
render() {
|
|
8745
|
-
return (hAsync(Host, { key: '
|
|
8832
|
+
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' })))));
|
|
8746
8833
|
}
|
|
8747
|
-
static get style() { return
|
|
8834
|
+
static get style() { return CuraDropdownSearchNotFoundStyle0; }
|
|
8748
8835
|
static get cmpMeta() { return {
|
|
8749
8836
|
"$flags$": 9,
|
|
8750
|
-
"$tagName$": "cura-dropdown-search-
|
|
8837
|
+
"$tagName$": "cura-dropdown-search-not-found",
|
|
8751
8838
|
"$members$": undefined,
|
|
8752
8839
|
"$listeners$": undefined,
|
|
8753
8840
|
"$lazyBundleId$": "-",
|
|
@@ -8755,7 +8842,73 @@ class CuraDropdownSearchOptionTitle {
|
|
|
8755
8842
|
}; }
|
|
8756
8843
|
}
|
|
8757
8844
|
|
|
8758
|
-
const
|
|
8845
|
+
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}";
|
|
8846
|
+
var CuraDropdownSearchOptionStyle0 = curaDropdownSearchOptionCss;
|
|
8847
|
+
|
|
8848
|
+
class CuraDropdownSearchOption {
|
|
8849
|
+
constructor(hostRef) {
|
|
8850
|
+
registerInstance(this, hostRef);
|
|
8851
|
+
this.actionclick = createEvent(this, "actionclick", 7);
|
|
8852
|
+
this.selectoption = createEvent(this, "selectoption", 7);
|
|
8853
|
+
this.styles = {};
|
|
8854
|
+
this.theme = window.CuraAPI.theme;
|
|
8855
|
+
this.value = undefined;
|
|
8856
|
+
this.optionid = undefined;
|
|
8857
|
+
this.selectable = true;
|
|
8858
|
+
this.selected = false;
|
|
8859
|
+
this.highlighted = false;
|
|
8860
|
+
}
|
|
8861
|
+
connectedCallback() {
|
|
8862
|
+
this.styles = {
|
|
8863
|
+
'--neutral-light': this.theme.colors.getColor('neutral-light'),
|
|
8864
|
+
'--neutral-white': this.theme.colors.getColor('neutral-white'),
|
|
8865
|
+
'--neutral-dark': this.theme.colors.getColor('neutral-dark'),
|
|
8866
|
+
'--neutral-black': this.theme.colors.getColor('neutral-black'),
|
|
8867
|
+
'--primary-lighter-50': this.theme.colors.getColor('primary-lighter', .5),
|
|
8868
|
+
'--primary-light': this.theme.colors.getColor('primary-light'),
|
|
8869
|
+
'--primary': this.theme.colors.getColor('primary-base')
|
|
8870
|
+
};
|
|
8871
|
+
}
|
|
8872
|
+
handleSelect() {
|
|
8873
|
+
if (this.selectable) {
|
|
8874
|
+
this.selectoption.emit(this.optionid);
|
|
8875
|
+
}
|
|
8876
|
+
else {
|
|
8877
|
+
this.actionclick.emit();
|
|
8878
|
+
}
|
|
8879
|
+
}
|
|
8880
|
+
handleActionsClick() {
|
|
8881
|
+
this.actionclick.emit();
|
|
8882
|
+
}
|
|
8883
|
+
getClasses() {
|
|
8884
|
+
return {
|
|
8885
|
+
'component-container': true,
|
|
8886
|
+
'selected': this.selected,
|
|
8887
|
+
'highlighted': this.highlighted,
|
|
8888
|
+
'not-selectable': !this.selectable
|
|
8889
|
+
};
|
|
8890
|
+
}
|
|
8891
|
+
render() {
|
|
8892
|
+
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' })))));
|
|
8893
|
+
}
|
|
8894
|
+
static get style() { return CuraDropdownSearchOptionStyle0; }
|
|
8895
|
+
static get cmpMeta() { return {
|
|
8896
|
+
"$flags$": 9,
|
|
8897
|
+
"$tagName$": "cura-dropdown-search-option",
|
|
8898
|
+
"$members$": {
|
|
8899
|
+
"value": [1],
|
|
8900
|
+
"optionid": [1],
|
|
8901
|
+
"selectable": [516],
|
|
8902
|
+
"selected": [516],
|
|
8903
|
+
"highlighted": [516]
|
|
8904
|
+
},
|
|
8905
|
+
"$listeners$": undefined,
|
|
8906
|
+
"$lazyBundleId$": "-",
|
|
8907
|
+
"$attrsToReflect$": [["selectable", "selectable"], ["selected", "selected"], ["highlighted", "highlighted"]]
|
|
8908
|
+
}; }
|
|
8909
|
+
}
|
|
8910
|
+
|
|
8911
|
+
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}}";
|
|
8759
8912
|
var CuraHeadingStyle0 = curaHeadingCss;
|
|
8760
8913
|
|
|
8761
8914
|
class CuraHeading {
|
|
@@ -8769,17 +8922,16 @@ class CuraHeading {
|
|
|
8769
8922
|
this.color = undefined;
|
|
8770
8923
|
this.marginBlock = '1.25em';
|
|
8771
8924
|
this.lineHeight = '130%';
|
|
8925
|
+
this.textOverflow = 'none';
|
|
8772
8926
|
this.styles = {};
|
|
8773
8927
|
}
|
|
8774
|
-
handleChangeColor() {
|
|
8775
|
-
this.setColors();
|
|
8776
|
-
}
|
|
8777
8928
|
connectedCallback() {
|
|
8778
8929
|
this.setFontProperties();
|
|
8779
|
-
this.setColors();
|
|
8780
8930
|
}
|
|
8781
8931
|
getClasses() {
|
|
8782
|
-
const classes = {
|
|
8932
|
+
const classes = {
|
|
8933
|
+
'textoverflow-single': this.textOverflow === 'single'
|
|
8934
|
+
};
|
|
8783
8935
|
classes[this.size.toLowerCase()] = true;
|
|
8784
8936
|
classes[`${this.weight.toLowerCase()}-weight`] = true;
|
|
8785
8937
|
return classes;
|
|
@@ -8804,11 +8956,9 @@ class CuraHeading {
|
|
|
8804
8956
|
'--font-size-base': this.fontSizeBase,
|
|
8805
8957
|
'--line-height': this.lineHeight,
|
|
8806
8958
|
'--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),
|
|
8959
|
+
'--color-spot': this.theme.colors.getColor(`${this.spotColor}`)
|
|
8807
8960
|
};
|
|
8808
8961
|
}
|
|
8809
|
-
setColors() {
|
|
8810
|
-
this.styles = Object.assign(Object.assign({}, this.styles), { '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
|
|
8811
|
-
}
|
|
8812
8962
|
getHeadingTag() {
|
|
8813
8963
|
const tags = {
|
|
8814
8964
|
'1': hAsync("h1", { style: this.styles, class: this.getClasses() }, hAsync("slot", null)),
|
|
@@ -8822,13 +8972,9 @@ class CuraHeading {
|
|
|
8822
8972
|
return tags[`${this.level}`] || tags['default'];
|
|
8823
8973
|
}
|
|
8824
8974
|
render() {
|
|
8825
|
-
return (hAsync(Host, { key: '
|
|
8975
|
+
return (hAsync(Host, { key: 'e79594795b4b4f7ba5402556d70ab39677da948e', style: this.hostCSSProperties() }, this.getHeadingTag()));
|
|
8826
8976
|
}
|
|
8827
8977
|
get host() { return getElement(this); }
|
|
8828
|
-
static get watchers() { return {
|
|
8829
|
-
"color": ["handleChangeColor"],
|
|
8830
|
-
"spotColor": ["handleChangeColor"]
|
|
8831
|
-
}; }
|
|
8832
8978
|
static get style() { return CuraHeadingStyle0; }
|
|
8833
8979
|
static get cmpMeta() { return {
|
|
8834
8980
|
"$flags$": 9,
|
|
@@ -8838,14 +8984,15 @@ class CuraHeading {
|
|
|
8838
8984
|
"size": [513],
|
|
8839
8985
|
"weight": [513],
|
|
8840
8986
|
"spotColor": [513, "spot-color"],
|
|
8841
|
-
"color": [
|
|
8987
|
+
"color": [513],
|
|
8842
8988
|
"marginBlock": [513, "margin-block"],
|
|
8843
8989
|
"lineHeight": [513, "line-height"],
|
|
8990
|
+
"textOverflow": [513, "text-overflow"],
|
|
8844
8991
|
"styles": [32]
|
|
8845
8992
|
},
|
|
8846
8993
|
"$listeners$": undefined,
|
|
8847
8994
|
"$lazyBundleId$": "-",
|
|
8848
|
-
"$attrsToReflect$": [["level", "level"], ["size", "size"], ["weight", "weight"], ["spotColor", "spot-color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"]]
|
|
8995
|
+
"$attrsToReflect$": [["level", "level"], ["size", "size"], ["weight", "weight"], ["spotColor", "spot-color"], ["color", "color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"], ["textOverflow", "text-overflow"]]
|
|
8849
8996
|
}; }
|
|
8850
8997
|
}
|
|
8851
8998
|
|
|
@@ -8863,7 +9010,7 @@ const iconSizes = {
|
|
|
8863
9010
|
"default": { size: 24, stroke: 2 }
|
|
8864
9011
|
};
|
|
8865
9012
|
|
|
8866
|
-
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}";
|
|
9013
|
+
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}";
|
|
8867
9014
|
var CuraIconStyle0 = curaIconCss;
|
|
8868
9015
|
|
|
8869
9016
|
class CuraIcon {
|
|
@@ -8894,7 +9041,7 @@ class CuraIcon {
|
|
|
8894
9041
|
this.host.style.setProperty(prop, value);
|
|
8895
9042
|
}
|
|
8896
9043
|
render() {
|
|
8897
|
-
return (hAsync(Host, { key: '
|
|
9044
|
+
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}` }))));
|
|
8898
9045
|
}
|
|
8899
9046
|
get host() { return getElement(this); }
|
|
8900
9047
|
static get watchers() { return {
|
|
@@ -8938,7 +9085,7 @@ class CuraIconsView {
|
|
|
8938
9085
|
this.sizes.unshift(this.sizes.pop());
|
|
8939
9086
|
}
|
|
8940
9087
|
render() {
|
|
8941
|
-
return (hAsync(Host, { key: '
|
|
9088
|
+
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))))));
|
|
8942
9089
|
}
|
|
8943
9090
|
static get style() { return CuraIconsViewStyle0; }
|
|
8944
9091
|
static get cmpMeta() { return {
|
|
@@ -8953,7 +9100,7 @@ class CuraIconsView {
|
|
|
8953
9100
|
}; }
|
|
8954
9101
|
}
|
|
8955
9102
|
|
|
8956
|
-
const curaInputDateCss = ":host{display:block}.container{display:flex;flex-direction:column;position:relative}.container .calendar{padding:0px calc(var(--
|
|
9103
|
+
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}";
|
|
8957
9104
|
var CuraInputDateStyle0 = curaInputDateCss;
|
|
8958
9105
|
|
|
8959
9106
|
class CuraInputDate {
|
|
@@ -9121,7 +9268,7 @@ class CuraInputDate {
|
|
|
9121
9268
|
}
|
|
9122
9269
|
}
|
|
9123
9270
|
render() {
|
|
9124
|
-
return (hAsync(Host, { key: '
|
|
9271
|
+
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()))));
|
|
9125
9272
|
}
|
|
9126
9273
|
static get formAssociated() { return true; }
|
|
9127
9274
|
get el() { return getElement(this); }
|
|
@@ -12798,13 +12945,14 @@ const maskOptions = {
|
|
|
12798
12945
|
},
|
|
12799
12946
|
};
|
|
12800
12947
|
|
|
12801
|
-
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}";
|
|
12948
|
+
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}";
|
|
12802
12949
|
var CuraInputTextStyle0 = curaInputTextCss;
|
|
12803
12950
|
|
|
12804
12951
|
class CuraInputText {
|
|
12805
12952
|
constructor(hostRef) {
|
|
12806
12953
|
registerInstance(this, hostRef);
|
|
12807
12954
|
this.valueChange = createEvent(this, "valueChange", 7);
|
|
12955
|
+
this.inputClear = createEvent(this, "inputClear", 7);
|
|
12808
12956
|
if (hostRef.$hostElement$["s-ei"]) {
|
|
12809
12957
|
this.internals = hostRef.$hostElement$["s-ei"];
|
|
12810
12958
|
}
|
|
@@ -12839,6 +12987,17 @@ class CuraInputText {
|
|
|
12839
12987
|
this.hideErrorIcon = false;
|
|
12840
12988
|
this.autocomplete = 'on';
|
|
12841
12989
|
}
|
|
12990
|
+
async setFocus() {
|
|
12991
|
+
// IOS needs large timeout value to work
|
|
12992
|
+
const timeoutMs = checkMobile() && checkIOS() ? 1000 : 200;
|
|
12993
|
+
// IOS fake input hack
|
|
12994
|
+
let fakeInput = fakeInputIOSHack(this.host);
|
|
12995
|
+
setTimeout(() => {
|
|
12996
|
+
this.inputRef.focus();
|
|
12997
|
+
if (fakeInput)
|
|
12998
|
+
fakeInput.remove();
|
|
12999
|
+
}, timeoutMs);
|
|
13000
|
+
}
|
|
12842
13001
|
/**
|
|
12843
13002
|
* Callback to restore the switch state from the form.
|
|
12844
13003
|
*/
|
|
@@ -12887,6 +13046,7 @@ class CuraInputText {
|
|
|
12887
13046
|
this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
|
|
12888
13047
|
this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();
|
|
12889
13048
|
this.weights = window.CuraAPI.theme.fonts.getWeights();
|
|
13049
|
+
this.breakpoints = window.CuraAPI.theme.breakpoints.get();
|
|
12890
13050
|
this.styles['--font-weight-medium'] = this.weights.medium;
|
|
12891
13051
|
this.styles['--font-weight-bold'] = this.weights.bold;
|
|
12892
13052
|
this.styles['--font-weight-regular'] = this.weights.regular;
|
|
@@ -12932,8 +13092,9 @@ class CuraInputText {
|
|
|
12932
13092
|
success: { name: 'checkCircle', color: 'success-dark' },
|
|
12933
13093
|
error: { name: 'alertCircle', color: 'error-dark' },
|
|
12934
13094
|
default: { name: this.iconName, color: 'neutral-dark' },
|
|
13095
|
+
disabled: { name: this.iconName, color: 'neutral-medium' },
|
|
12935
13096
|
};
|
|
12936
|
-
const iconConfig = iconMap[this.isLoading ? 'loading' : this.status || 'default'];
|
|
13097
|
+
const iconConfig = iconMap[this.isLoading ? 'loading' : this.disabled ? 'disabled' : this.status || 'default'];
|
|
12937
13098
|
return (hAsync("div", { class: "feedback-icon", style: this.styles }, hAsync("cura-icon", { name: iconConfig.name, iconset: "default", size: baseIconSize, color: iconConfig.color })));
|
|
12938
13099
|
}
|
|
12939
13100
|
renderHelperText() {
|
|
@@ -12941,7 +13102,6 @@ class CuraInputText {
|
|
|
12941
13102
|
const isSuccess = this.status === 'success';
|
|
12942
13103
|
const isDefault = this.status === 'default';
|
|
12943
13104
|
const helperTextSize = this.size === 'large' ? 'small' : 'xsmall';
|
|
12944
|
-
const helperTextWeight = this.mode === 'transparent' ? 'bold' : 'regular';
|
|
12945
13105
|
const colorText = (() => {
|
|
12946
13106
|
if (this.disabled)
|
|
12947
13107
|
return 'neutral-medium';
|
|
@@ -12951,7 +13111,7 @@ class CuraInputText {
|
|
|
12951
13111
|
return 'neutral-black';
|
|
12952
13112
|
return 'neutral-dark';
|
|
12953
13113
|
})();
|
|
12954
|
-
return (hAsync("div", { style: this.styles, class: "helper-text" }, isDefault && (hAsync("cura-label", { size: helperTextSize, lineHeight: "xsmall", color: colorText
|
|
13114
|
+
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)))));
|
|
12955
13115
|
}
|
|
12956
13116
|
handleMouseEnter() {
|
|
12957
13117
|
this.isHovered = true;
|
|
@@ -12975,7 +13135,9 @@ class CuraInputText {
|
|
|
12975
13135
|
this.value = '';
|
|
12976
13136
|
this.inputRef.value = '';
|
|
12977
13137
|
this.valueChange.emit(this.value);
|
|
13138
|
+
this.inputClear.emit(this.value);
|
|
12978
13139
|
this.handleMaskUpdate();
|
|
13140
|
+
this.setFocus();
|
|
12979
13141
|
}
|
|
12980
13142
|
handleInputFocus() {
|
|
12981
13143
|
this.handleMaskUpdate();
|
|
@@ -13097,9 +13259,10 @@ class CuraInputText {
|
|
|
13097
13259
|
e.preventDefault();
|
|
13098
13260
|
}
|
|
13099
13261
|
render() {
|
|
13100
|
-
return (hAsync(Host, { key: '
|
|
13262
|
+
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()))));
|
|
13101
13263
|
}
|
|
13102
13264
|
static get formAssociated() { return true; }
|
|
13265
|
+
get host() { return getElement(this); }
|
|
13103
13266
|
static get watchers() { return {
|
|
13104
13267
|
"styles": ["connectedCallback"],
|
|
13105
13268
|
"size": ["getClasses"],
|
|
@@ -13122,7 +13285,7 @@ class CuraInputText {
|
|
|
13122
13285
|
"label": [513],
|
|
13123
13286
|
"name": [513],
|
|
13124
13287
|
"placeholder": [513],
|
|
13125
|
-
"value": [
|
|
13288
|
+
"value": [1544],
|
|
13126
13289
|
"iconName": [1537, "icon-name"],
|
|
13127
13290
|
"helperText": [1537, "helper-text"],
|
|
13128
13291
|
"disabled": [516],
|
|
@@ -13139,15 +13302,16 @@ class CuraInputText {
|
|
|
13139
13302
|
"autocomplete": [513],
|
|
13140
13303
|
"isHovered": [32],
|
|
13141
13304
|
"isFocused": [32],
|
|
13142
|
-
"styles": [32]
|
|
13305
|
+
"styles": [32],
|
|
13306
|
+
"setFocus": [64]
|
|
13143
13307
|
},
|
|
13144
13308
|
"$listeners$": undefined,
|
|
13145
13309
|
"$lazyBundleId$": "-",
|
|
13146
|
-
"$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"]]
|
|
13310
|
+
"$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"]]
|
|
13147
13311
|
}; }
|
|
13148
13312
|
}
|
|
13149
13313
|
|
|
13150
|
-
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}";
|
|
13314
|
+
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}";
|
|
13151
13315
|
var CuraLabelStyle0 = curaLabelCss;
|
|
13152
13316
|
|
|
13153
13317
|
class CuraLabel {
|
|
@@ -13160,6 +13324,7 @@ class CuraLabel {
|
|
|
13160
13324
|
this.color = undefined;
|
|
13161
13325
|
this.marginBlock = '0';
|
|
13162
13326
|
this.lineHeight = '125%';
|
|
13327
|
+
this.textOverflow = 'none';
|
|
13163
13328
|
this.styles = {};
|
|
13164
13329
|
}
|
|
13165
13330
|
handleChangeColor() {
|
|
@@ -13170,10 +13335,12 @@ class CuraLabel {
|
|
|
13170
13335
|
this.setColors();
|
|
13171
13336
|
}
|
|
13172
13337
|
getClasses() {
|
|
13173
|
-
const
|
|
13174
|
-
|
|
13175
|
-
|
|
13176
|
-
|
|
13338
|
+
const classes = {
|
|
13339
|
+
'textoverflow-single': this.textOverflow === 'single',
|
|
13340
|
+
};
|
|
13341
|
+
classes[this.size.toLowerCase()] = true;
|
|
13342
|
+
classes[`${this.weight.toLowerCase()}-weight`] = true;
|
|
13343
|
+
return classes;
|
|
13177
13344
|
}
|
|
13178
13345
|
setFontProperties() {
|
|
13179
13346
|
this.weights = this.theme.fonts.getWeights();
|
|
@@ -13185,20 +13352,21 @@ class CuraLabel {
|
|
|
13185
13352
|
};
|
|
13186
13353
|
}
|
|
13187
13354
|
setColors() {
|
|
13355
|
+
this.styles = Object.assign(Object.assign({}, this.styles), { '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
|
|
13356
|
+
}
|
|
13357
|
+
hostCSSProperties() {
|
|
13188
13358
|
const fontColor = this.color
|
|
13189
13359
|
? this.theme.colors.getColor(this.color)
|
|
13190
13360
|
: this.theme.fonts.getColor();
|
|
13191
|
-
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}`) });
|
|
13192
|
-
}
|
|
13193
|
-
hostCSSProperties() {
|
|
13194
13361
|
return {
|
|
13195
13362
|
'--margin-block': this.marginBlock,
|
|
13196
13363
|
'--font-size-base': this.fontSizeBase,
|
|
13197
|
-
'--line-height': this.lineHeight
|
|
13364
|
+
'--line-height': this.lineHeight,
|
|
13365
|
+
'--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),
|
|
13198
13366
|
};
|
|
13199
13367
|
}
|
|
13200
13368
|
render() {
|
|
13201
|
-
return (hAsync(Host, { key: '
|
|
13369
|
+
return (hAsync(Host, { key: '3b60258fa4dd9330296e8112a763b2242771c6fc', style: this.hostCSSProperties() }, hAsync("p", { key: 'dbfc16e29a61c0f116d2055bdc1e3b61d79908b8', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: '032986e008067aae5b6b17b1e5fa70decf64d9e0' }))));
|
|
13202
13370
|
}
|
|
13203
13371
|
get host() { return getElement(this); }
|
|
13204
13372
|
static get watchers() { return {
|
|
@@ -13216,11 +13384,12 @@ class CuraLabel {
|
|
|
13216
13384
|
"color": [1],
|
|
13217
13385
|
"marginBlock": [513, "margin-block"],
|
|
13218
13386
|
"lineHeight": [513, "line-height"],
|
|
13387
|
+
"textOverflow": [513, "text-overflow"],
|
|
13219
13388
|
"styles": [32]
|
|
13220
13389
|
},
|
|
13221
13390
|
"$listeners$": undefined,
|
|
13222
13391
|
"$lazyBundleId$": "-",
|
|
13223
|
-
"$attrsToReflect$": [["size", "size"], ["weight", "weight"], ["spotColor", "spot-color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"]]
|
|
13392
|
+
"$attrsToReflect$": [["size", "size"], ["weight", "weight"], ["spotColor", "spot-color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"], ["textOverflow", "text-overflow"]]
|
|
13224
13393
|
}; }
|
|
13225
13394
|
}
|
|
13226
13395
|
|
|
@@ -13245,7 +13414,7 @@ class CuraLoaderBar {
|
|
|
13245
13414
|
this.setProgress();
|
|
13246
13415
|
}
|
|
13247
13416
|
render() {
|
|
13248
|
-
return (hAsync(Host, { key: '
|
|
13417
|
+
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" }))));
|
|
13249
13418
|
}
|
|
13250
13419
|
setColor() {
|
|
13251
13420
|
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) });
|
|
@@ -13297,7 +13466,7 @@ class CuraLoaderCircle {
|
|
|
13297
13466
|
};
|
|
13298
13467
|
}
|
|
13299
13468
|
render() {
|
|
13300
|
-
return (hAsync(Host, { key: '
|
|
13469
|
+
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" }))))));
|
|
13301
13470
|
}
|
|
13302
13471
|
static get style() { return CuraLoaderCircleStyle0; }
|
|
13303
13472
|
static get cmpMeta() { return {
|
|
@@ -13313,7 +13482,7 @@ class CuraLoaderCircle {
|
|
|
13313
13482
|
}; }
|
|
13314
13483
|
}
|
|
13315
13484
|
|
|
13316
|
-
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(--
|
|
13485
|
+
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}}";
|
|
13317
13486
|
var CuraModalStyle0 = curaModalCss;
|
|
13318
13487
|
|
|
13319
13488
|
class CuraModal {
|
|
@@ -13365,7 +13534,7 @@ class CuraModal {
|
|
|
13365
13534
|
this.setRight();
|
|
13366
13535
|
}
|
|
13367
13536
|
render() {
|
|
13368
|
-
return (hAsync(Host, { key: '
|
|
13537
|
+
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))))));
|
|
13369
13538
|
}
|
|
13370
13539
|
static get watchers() { return {
|
|
13371
13540
|
"background": ["setColors"],
|
|
@@ -13414,7 +13583,7 @@ class CuraPageTemplate {
|
|
|
13414
13583
|
return classes;
|
|
13415
13584
|
}
|
|
13416
13585
|
render() {
|
|
13417
|
-
return (hAsync(Host, { key: '
|
|
13586
|
+
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' })))));
|
|
13418
13587
|
}
|
|
13419
13588
|
get host() { return getElement(this); }
|
|
13420
13589
|
static get style() { return CuraPageTemplateStyle0; }
|
|
@@ -13430,7 +13599,7 @@ class CuraPageTemplate {
|
|
|
13430
13599
|
}; }
|
|
13431
13600
|
}
|
|
13432
13601
|
|
|
13433
|
-
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.
|
|
13602
|
+
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}}";
|
|
13434
13603
|
var CuraParagraphStyle0 = curaParagraphCss;
|
|
13435
13604
|
|
|
13436
13605
|
class CuraParagraph {
|
|
@@ -13442,19 +13611,11 @@ class CuraParagraph {
|
|
|
13442
13611
|
this.color = undefined;
|
|
13443
13612
|
this.marginBlock = '1.25em';
|
|
13444
13613
|
this.lineHeight = '140%';
|
|
13614
|
+
this.textOverflow = 'none';
|
|
13445
13615
|
this.styles = {};
|
|
13446
13616
|
}
|
|
13447
|
-
handleChangeColor() {
|
|
13448
|
-
this.setColors();
|
|
13449
|
-
}
|
|
13450
13617
|
connectedCallback() {
|
|
13451
13618
|
this.setFontProperties();
|
|
13452
|
-
this.setColors();
|
|
13453
|
-
}
|
|
13454
|
-
setsizeClass() {
|
|
13455
|
-
const sizeclass = {};
|
|
13456
|
-
sizeclass[this.size.toLowerCase()] = true;
|
|
13457
|
-
return sizeclass;
|
|
13458
13619
|
}
|
|
13459
13620
|
setFontProperties() {
|
|
13460
13621
|
this.weights = this.theme.fonts.getWeights();
|
|
@@ -13466,27 +13627,29 @@ class CuraParagraph {
|
|
|
13466
13627
|
'--font-weight-bold': this.weights.bold
|
|
13467
13628
|
};
|
|
13468
13629
|
}
|
|
13469
|
-
|
|
13630
|
+
hostCSSProperties() {
|
|
13470
13631
|
const fontColor = this.color
|
|
13471
13632
|
? this.theme.colors.getColor(this.color)
|
|
13472
13633
|
: this.theme.fonts.getColor();
|
|
13473
|
-
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}`) });
|
|
13474
|
-
}
|
|
13475
|
-
hostCSSProperties() {
|
|
13476
13634
|
return {
|
|
13477
13635
|
'--margin-block': this.marginBlock,
|
|
13478
13636
|
'--font-size-base': this.fontSizeBase,
|
|
13479
|
-
'--line-height': this.lineHeight
|
|
13637
|
+
'--line-height': this.lineHeight,
|
|
13638
|
+
'--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),
|
|
13639
|
+
'--color-spot': this.theme.colors.getColor(`${this.spotColor}`)
|
|
13640
|
+
};
|
|
13641
|
+
}
|
|
13642
|
+
getClasses() {
|
|
13643
|
+
const classes = {
|
|
13644
|
+
'textoverflow-single': this.textOverflow === 'single',
|
|
13480
13645
|
};
|
|
13646
|
+
classes[this.size.toLowerCase()] = true;
|
|
13647
|
+
return classes;
|
|
13481
13648
|
}
|
|
13482
13649
|
render() {
|
|
13483
|
-
return (hAsync(Host, { key: '
|
|
13650
|
+
return (hAsync(Host, { key: '82a00d925fb71039df0ae6f2e3a5d9cca5303088', style: this.hostCSSProperties() }, hAsync("p", { key: 'f4254d6492ffcd18f5f8fe1c50337b57e70124b7', style: this.styles, class: this.getClasses() }, hAsync("slot", { key: 'a1fde2f7ce4185535c204e06883ce3588e6023c8' }))));
|
|
13484
13651
|
}
|
|
13485
13652
|
get host() { return getElement(this); }
|
|
13486
|
-
static get watchers() { return {
|
|
13487
|
-
"color": ["handleChangeColor"],
|
|
13488
|
-
"spotColor": ["handleChangeColor"]
|
|
13489
|
-
}; }
|
|
13490
13653
|
static get style() { return CuraParagraphStyle0; }
|
|
13491
13654
|
static get cmpMeta() { return {
|
|
13492
13655
|
"$flags$": 9,
|
|
@@ -13494,14 +13657,15 @@ class CuraParagraph {
|
|
|
13494
13657
|
"$members$": {
|
|
13495
13658
|
"size": [513],
|
|
13496
13659
|
"spotColor": [513, "spot-color"],
|
|
13497
|
-
"color": [
|
|
13660
|
+
"color": [513],
|
|
13498
13661
|
"marginBlock": [513, "margin-block"],
|
|
13499
13662
|
"lineHeight": [513, "line-height"],
|
|
13663
|
+
"textOverflow": [513, "text-overflow"],
|
|
13500
13664
|
"styles": [32]
|
|
13501
13665
|
},
|
|
13502
13666
|
"$listeners$": undefined,
|
|
13503
13667
|
"$lazyBundleId$": "-",
|
|
13504
|
-
"$attrsToReflect$": [["size", "size"], ["spotColor", "spot-color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"]]
|
|
13668
|
+
"$attrsToReflect$": [["size", "size"], ["spotColor", "spot-color"], ["color", "color"], ["marginBlock", "margin-block"], ["lineHeight", "line-height"], ["textOverflow", "text-overflow"]]
|
|
13505
13669
|
}; }
|
|
13506
13670
|
}
|
|
13507
13671
|
|
|
@@ -13522,7 +13686,7 @@ class CuraProgressBar {
|
|
|
13522
13686
|
const circumference = radius * Math.PI * 2;
|
|
13523
13687
|
const dash = (this.progress * circumference) / 100;
|
|
13524
13688
|
const viewBox = `0 0 ${this.size} ${this.size}`;
|
|
13525
|
-
return (hAsync(Host, { key: '
|
|
13689
|
+
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' })))));
|
|
13526
13690
|
}
|
|
13527
13691
|
static get style() { return CuraProgressBarStyle0; }
|
|
13528
13692
|
static get cmpMeta() { return {
|
|
@@ -13673,7 +13837,7 @@ class CuraRadio {
|
|
|
13673
13837
|
return statusColors[this.status][type];
|
|
13674
13838
|
}
|
|
13675
13839
|
render() {
|
|
13676
|
-
return (hAsync(Host, { key: '
|
|
13840
|
+
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 }))));
|
|
13677
13841
|
}
|
|
13678
13842
|
static get formAssociated() { return true; }
|
|
13679
13843
|
get host() { return getElement(this); }
|
|
@@ -14011,13 +14175,13 @@ class CuraSelect {
|
|
|
14011
14175
|
return hAsync("cura-icon", { class: "feedback-icon", name: icon, iconset: "default", size: this.size === 'large' ? 20 : 16, color: this.getColor('icon'), style: this.styles });
|
|
14012
14176
|
}
|
|
14013
14177
|
render() {
|
|
14014
|
-
return (hAsync(Host, { key: '
|
|
14178
|
+
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: {
|
|
14015
14179
|
'cura-input-field': true,
|
|
14016
14180
|
'open': this.isOpen,
|
|
14017
|
-
} }, this.renderIcon(), hAsync("input", { key: '
|
|
14181
|
+
} }, 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: {
|
|
14018
14182
|
menu: true,
|
|
14019
14183
|
open: this.isOpen,
|
|
14020
|
-
} }, hAsync("slot", { key: '
|
|
14184
|
+
} }, hAsync("slot", { key: '2267652be709728cddf39d5b4df6c99e4a75e072', name: "option" }))))));
|
|
14021
14185
|
}
|
|
14022
14186
|
static get formAssociated() { return true; }
|
|
14023
14187
|
get host() { return getElement(this); }
|
|
@@ -14093,7 +14257,7 @@ class CuraSelectOption {
|
|
|
14093
14257
|
};
|
|
14094
14258
|
}
|
|
14095
14259
|
render() {
|
|
14096
|
-
return (hAsync(Host, { key: '
|
|
14260
|
+
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" }))));
|
|
14097
14261
|
}
|
|
14098
14262
|
get host() { return getElement(this); }
|
|
14099
14263
|
static get watchers() { return {
|
|
@@ -14224,7 +14388,7 @@ class CuraStepper {
|
|
|
14224
14388
|
return (hAsync("div", { class: "container", style: this.styles }, hAsync("div", { class: "stepper-list" }, this.stepList.map((step, stepIndex) => this.renderStep(step, stepIndex)))));
|
|
14225
14389
|
}
|
|
14226
14390
|
render() {
|
|
14227
|
-
return hAsync(Host, { key: '
|
|
14391
|
+
return hAsync(Host, { key: '55bff7769007721f0c0366d1a6a9b197bbaebfbd' }, this.variant === 'default' ? this.renderStepper() : this.renderCompactStepper());
|
|
14228
14392
|
}
|
|
14229
14393
|
get host() { return getElement(this); }
|
|
14230
14394
|
static get style() { return CuraStepperStyle0; }
|
|
@@ -14306,7 +14470,7 @@ class CuraStepperItem {
|
|
|
14306
14470
|
}
|
|
14307
14471
|
render() {
|
|
14308
14472
|
const { badgeColor, textColor, icon, iconOnly } = this.getStatusProperties();
|
|
14309
|
-
return (hAsync(Host, { key: '
|
|
14473
|
+
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)))));
|
|
14310
14474
|
}
|
|
14311
14475
|
get hostElement() { return getElement(this); }
|
|
14312
14476
|
static get style() { return CuraStepperItemStyle0; }
|
|
@@ -14430,7 +14594,7 @@ class CuraSwitch {
|
|
|
14430
14594
|
return classes;
|
|
14431
14595
|
}
|
|
14432
14596
|
render() {
|
|
14433
|
-
return (hAsync(Host, { key: '
|
|
14597
|
+
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 }))))));
|
|
14434
14598
|
}
|
|
14435
14599
|
static get formAssociated() { return true; }
|
|
14436
14600
|
static get watchers() { return {
|
|
@@ -14479,6 +14643,12 @@ class CuraToast {
|
|
|
14479
14643
|
this.styles = {};
|
|
14480
14644
|
this.progress = 0;
|
|
14481
14645
|
}
|
|
14646
|
+
/**
|
|
14647
|
+
* Method to close toast component
|
|
14648
|
+
*/
|
|
14649
|
+
async close() {
|
|
14650
|
+
this.closeContainer();
|
|
14651
|
+
}
|
|
14482
14652
|
handleChangeType() {
|
|
14483
14653
|
this.setStyle();
|
|
14484
14654
|
}
|
|
@@ -14486,7 +14656,7 @@ class CuraToast {
|
|
|
14486
14656
|
this.setStyle();
|
|
14487
14657
|
}
|
|
14488
14658
|
render() {
|
|
14489
|
-
return (hAsync(Host, { key: '
|
|
14659
|
+
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 }))));
|
|
14490
14660
|
}
|
|
14491
14661
|
componentDidLoad() {
|
|
14492
14662
|
this.openContainer();
|
|
@@ -14566,7 +14736,8 @@ class CuraToast {
|
|
|
14566
14736
|
"loader": [516],
|
|
14567
14737
|
"autoCloseDelay": [514, "auto-close-delay"],
|
|
14568
14738
|
"styles": [32],
|
|
14569
|
-
"progress": [32]
|
|
14739
|
+
"progress": [32],
|
|
14740
|
+
"close": [64]
|
|
14570
14741
|
},
|
|
14571
14742
|
"$listeners$": undefined,
|
|
14572
14743
|
"$lazyBundleId$": "-",
|
|
@@ -14574,7 +14745,7 @@ class CuraToast {
|
|
|
14574
14745
|
}; }
|
|
14575
14746
|
}
|
|
14576
14747
|
|
|
14577
|
-
const curaTooltipCss = ":host{position:absolute;z-index:
|
|
14748
|
+
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}";
|
|
14578
14749
|
var CuraTooltipStyle0 = curaTooltipCss;
|
|
14579
14750
|
|
|
14580
14751
|
const BREAKPOINT_SMALL_MAX = 768;
|
|
@@ -14605,7 +14776,7 @@ class CuraTooltip {
|
|
|
14605
14776
|
this.setStyle();
|
|
14606
14777
|
}
|
|
14607
14778
|
render() {
|
|
14608
|
-
return (hAsync(Host, { key: '
|
|
14779
|
+
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."))));
|
|
14609
14780
|
}
|
|
14610
14781
|
componentDidLoad() {
|
|
14611
14782
|
var _a, _b, _c, _d, _e;
|
|
@@ -14833,8 +15004,9 @@ registerComponents([
|
|
|
14833
15004
|
CuraDisplay,
|
|
14834
15005
|
CuraDistance,
|
|
14835
15006
|
CuraDropdownSearch,
|
|
15007
|
+
CuraDropdownSearchCategory,
|
|
15008
|
+
CuraDropdownSearchNotFound,
|
|
14836
15009
|
CuraDropdownSearchOption,
|
|
14837
|
-
CuraDropdownSearchOptionTitle,
|
|
14838
15010
|
CuraHeading,
|
|
14839
15011
|
CuraIcon,
|
|
14840
15012
|
CuraIconsView,
|