@everymatrix/pam-forgot-password 1.68.0 → 1.68.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/checkbox-group-input_14.cjs.entry.js +82 -74
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pam-forgot-password.cjs.js +1 -1
- package/dist/esm/checkbox-group-input_14.entry.js +82 -74
- package/dist/esm/loader.js +1 -1
- package/dist/esm/pam-forgot-password.js +1 -1
- package/dist/pam-forgot-password/checkbox-group-input_14.entry.js +37 -37
- package/dist/pam-forgot-password/pam-forgot-password.esm.js +1 -1
- package/package.json +1 -1
|
@@ -12644,32 +12644,58 @@ const ToggleCheckboxInput = class {
|
|
|
12644
12644
|
};
|
|
12645
12645
|
ToggleCheckboxInput.style = ToggleCheckboxInputStyle0;
|
|
12646
12646
|
|
|
12647
|
-
const uiSkeletonCss = ":host{display:block
|
|
12647
|
+
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";
|
|
12648
12648
|
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
12649
12649
|
|
|
12650
12650
|
const UiSkeleton = class {
|
|
12651
12651
|
constructor(hostRef) {
|
|
12652
12652
|
index.registerInstance(this, hostRef);
|
|
12653
|
+
this.stylingValue = {
|
|
12654
|
+
width: this.handleStylingProps(this.width),
|
|
12655
|
+
height: this.handleStylingProps(this.height),
|
|
12656
|
+
borderRadius: this.handleStylingProps(this.borderRadius),
|
|
12657
|
+
marginBottom: this.handleStylingProps(this.marginBottom),
|
|
12658
|
+
marginTop: this.handleStylingProps(this.marginTop),
|
|
12659
|
+
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
12660
|
+
marginRight: this.handleStylingProps(this.marginRight),
|
|
12661
|
+
size: this.handleStylingProps(this.size)
|
|
12662
|
+
};
|
|
12653
12663
|
this.structure = undefined;
|
|
12654
|
-
this.width =
|
|
12655
|
-
this.height =
|
|
12656
|
-
this.borderRadius =
|
|
12657
|
-
this.marginBottom =
|
|
12658
|
-
this.marginTop =
|
|
12659
|
-
this.marginLeft =
|
|
12660
|
-
this.marginRight =
|
|
12664
|
+
this.width = 'unset';
|
|
12665
|
+
this.height = 'unset';
|
|
12666
|
+
this.borderRadius = 'unset';
|
|
12667
|
+
this.marginBottom = 'unset';
|
|
12668
|
+
this.marginTop = 'unset';
|
|
12669
|
+
this.marginLeft = 'unset';
|
|
12670
|
+
this.marginRight = 'unset';
|
|
12661
12671
|
this.animation = true;
|
|
12662
|
-
this.rows =
|
|
12663
|
-
this.size =
|
|
12664
|
-
this.color = undefined;
|
|
12665
|
-
this.primaryColor = undefined;
|
|
12666
|
-
this.secondaryColor = undefined;
|
|
12672
|
+
this.rows = 0;
|
|
12673
|
+
this.size = '100%';
|
|
12667
12674
|
}
|
|
12668
12675
|
handleStructureChange(newValue, oldValue) {
|
|
12669
12676
|
if (oldValue !== newValue) {
|
|
12670
12677
|
this.handleStructure(newValue);
|
|
12671
12678
|
}
|
|
12672
12679
|
}
|
|
12680
|
+
handleStylingProps(value) {
|
|
12681
|
+
switch (typeof value) {
|
|
12682
|
+
case 'number':
|
|
12683
|
+
return value === 0 ? 0 : `${value}px`;
|
|
12684
|
+
case 'undefined':
|
|
12685
|
+
return 'unset';
|
|
12686
|
+
case 'string':
|
|
12687
|
+
if (['auto', 'unset', 'none', 'inherit', 'initial'].includes(value) ||
|
|
12688
|
+
value.endsWith('px') ||
|
|
12689
|
+
value.endsWith('%')) {
|
|
12690
|
+
return value;
|
|
12691
|
+
}
|
|
12692
|
+
else {
|
|
12693
|
+
return 'unset';
|
|
12694
|
+
}
|
|
12695
|
+
default:
|
|
12696
|
+
return 'unset';
|
|
12697
|
+
}
|
|
12698
|
+
}
|
|
12673
12699
|
handleStructure(structure) {
|
|
12674
12700
|
switch (structure) {
|
|
12675
12701
|
case 'logo':
|
|
@@ -12689,22 +12715,22 @@ const UiSkeleton = class {
|
|
|
12689
12715
|
}
|
|
12690
12716
|
}
|
|
12691
12717
|
renderLogo() {
|
|
12692
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class:
|
|
12718
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Logo ' + (this.animation ? 'Skeleton' : '') })));
|
|
12693
12719
|
}
|
|
12694
12720
|
renderImage() {
|
|
12695
|
-
return
|
|
12721
|
+
return index.h("div", { class: 'Image ' + (this.animation ? 'Skeleton' : '') });
|
|
12696
12722
|
}
|
|
12697
12723
|
renderTitle() {
|
|
12698
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class:
|
|
12724
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Title ' + (this.animation ? 'Skeleton' : '') })));
|
|
12699
12725
|
}
|
|
12700
12726
|
renderText() {
|
|
12701
|
-
return (index.h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index$1) => (index.h("div", { key: index$1, class:
|
|
12727
|
+
return (index.h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index$1) => (index.h("div", { key: index$1, class: 'Text ' + (this.animation ? 'Skeleton' : '') })))));
|
|
12702
12728
|
}
|
|
12703
12729
|
renderRectangle() {
|
|
12704
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class:
|
|
12730
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Rectangle ' + (this.animation ? 'Skeleton' : '') })));
|
|
12705
12731
|
}
|
|
12706
12732
|
renderCircle() {
|
|
12707
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class:
|
|
12733
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'Circle ' + (this.animation ? 'Skeleton' : '') })));
|
|
12708
12734
|
}
|
|
12709
12735
|
render() {
|
|
12710
12736
|
let styleBlock = '';
|
|
@@ -12712,97 +12738,79 @@ const UiSkeleton = class {
|
|
|
12712
12738
|
case 'logo':
|
|
12713
12739
|
styleBlock = `
|
|
12714
12740
|
:host {
|
|
12715
|
-
--emw-skeleton-logo-width: ${this.width};
|
|
12716
|
-
--emw-skeleton-logo-height: ${this.height};
|
|
12717
|
-
--emw-skeleton-logo-border-radius: ${this.borderRadius}
|
|
12718
|
-
--emw-skeleton-logo-margin-bottom: ${this.marginBottom}
|
|
12719
|
-
--emw-skeleton-logo-margin-top: ${this.marginTop}
|
|
12720
|
-
--emw-skeleton-logo-margin-left: ${this.marginLeft}
|
|
12721
|
-
--emw-skeleton-logo-margin-right: ${this.marginRight}
|
|
12722
|
-
--emw-skeleton-logo-background: ${this.color};
|
|
12723
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12724
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12741
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
12742
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
12743
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
12744
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
12745
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
12746
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
12747
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
12725
12748
|
}
|
|
12726
12749
|
`;
|
|
12727
12750
|
break;
|
|
12728
12751
|
case 'image':
|
|
12729
12752
|
styleBlock = `
|
|
12730
12753
|
:host {
|
|
12731
|
-
--emw-skeleton-image-width: ${this.width};
|
|
12732
|
-
--emw-skeleton-image-height: ${this.height};
|
|
12733
|
-
--emw-skeleton-image-border-radius: ${this.borderRadius}
|
|
12734
|
-
--emw-skeleton-image-margin-bottom: ${this.marginBottom}
|
|
12735
|
-
--emw-skeleton-image-margin-top: ${this.marginTop}
|
|
12736
|
-
--emw-skeleton-image-margin-left: ${this.marginLeft}
|
|
12737
|
-
--emw-skeleton-image-margin-right: ${this.marginRight}
|
|
12738
|
-
--emw-skeleton-image-background: ${this.color};
|
|
12739
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12740
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12754
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
12755
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
12756
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
12757
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
12758
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
12759
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
12760
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
12741
12761
|
}
|
|
12742
12762
|
`;
|
|
12743
12763
|
break;
|
|
12744
12764
|
case 'title':
|
|
12745
12765
|
styleBlock = `
|
|
12746
12766
|
:host {
|
|
12747
|
-
--emw-skeleton-title-width: ${this.width};
|
|
12748
|
-
--emw-skeleton-title-height: ${this.height};
|
|
12749
|
-
--emw-skeleton-title-border-radius: ${this.borderRadius}
|
|
12750
|
-
--emw-skeleton-title-margin-bottom: ${this.marginBottom}
|
|
12751
|
-
--emw-skeleton-title-margin-top: ${this.marginTop}
|
|
12752
|
-
--emw-skeleton-title-margin-left: ${this.marginLeft}
|
|
12753
|
-
--emw-skeleton-title-margin-right: ${this.marginRight}
|
|
12754
|
-
--emw-skeleton-title-background: ${this.color};
|
|
12755
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12756
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12767
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
12768
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
12769
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
12770
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
12771
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
12772
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
12773
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
12757
12774
|
}
|
|
12758
12775
|
`;
|
|
12759
12776
|
break;
|
|
12760
12777
|
case 'text':
|
|
12761
12778
|
styleBlock = `
|
|
12762
12779
|
:host {
|
|
12763
|
-
--emw-skeleton-text-width: ${this.width};
|
|
12764
|
-
--emw-skeleton-text-height: ${this.height};
|
|
12765
|
-
--emw-skeleton-text-border-radius: ${this.borderRadius}
|
|
12766
|
-
--emw-skeleton-text-margin-bottom: ${this.marginBottom}
|
|
12767
|
-
--emw-skeleton-text-margin-top: ${this.marginTop}
|
|
12768
|
-
--emw-skeleton-text-margin-left: ${this.marginLeft}
|
|
12769
|
-
--emw-skeleton-text-margin-right: ${this.marginRight}
|
|
12770
|
-
--emw-skeleton-text-background: ${this.color};
|
|
12771
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12772
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12780
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
12781
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
12782
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
12783
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
12784
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
12785
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
12786
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
12773
12787
|
}
|
|
12774
12788
|
`;
|
|
12775
12789
|
break;
|
|
12776
12790
|
case 'rectangle':
|
|
12777
12791
|
styleBlock = `
|
|
12778
12792
|
:host {
|
|
12779
|
-
--emw-skeleton-rectangle-width: ${this.width};
|
|
12780
|
-
--emw-skeleton-rectangle-height: ${this.height};
|
|
12781
|
-
--emw-skeleton-rectangle-border-radius: ${this.borderRadius}
|
|
12782
|
-
--emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}
|
|
12783
|
-
--emw-skeleton-rectangle-margin-top: ${this.marginTop}
|
|
12784
|
-
--emw-skeleton-rectangle-margin-left: ${this.marginLeft}
|
|
12785
|
-
--emw-skeleton-rectangle-margin-right: ${this.marginRight}
|
|
12786
|
-
--emw-skeleton-rectangle-background: ${this.color};
|
|
12787
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12788
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12793
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
12794
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
12795
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
12796
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
12797
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
12798
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
12799
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
12789
12800
|
}
|
|
12790
12801
|
`;
|
|
12791
12802
|
break;
|
|
12792
12803
|
case 'circle':
|
|
12793
12804
|
styleBlock = `
|
|
12794
12805
|
:host {
|
|
12795
|
-
--emw-skeleton-circle-size: ${this.size};
|
|
12796
|
-
--emw-skeleton-circle-background: ${this.color};
|
|
12797
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12798
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12806
|
+
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
12799
12807
|
}
|
|
12800
12808
|
`;
|
|
12801
12809
|
break;
|
|
12802
12810
|
default:
|
|
12803
12811
|
styleBlock = '';
|
|
12804
12812
|
}
|
|
12805
|
-
return (index.h(index.Host, { key: '
|
|
12813
|
+
return (index.h(index.Host, { key: 'e6b885bfd985ce7663d990756fe9101e25eb97f0' }, index.h("style", { key: '06ae24c7bb74f4dacfc12ae58085333f9dc89da5' }, styleBlock), this.handleStructure(this.structure)));
|
|
12806
12814
|
}
|
|
12807
12815
|
static get watchers() { return {
|
|
12808
12816
|
"structure": ["handleStructureChange"]
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"pam-forgot-password",{"endpoint":[513],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[513,"translation-url"],"contactType":[32],"isBtnSubmitEnabled":[32],"skeletonLoading":[32],"hasError":[32],"isMobile":[32],"captchaData":[32],"errorMessage":[32]},[[0,"sendValidityState","sendValidityStateHandler"],[0,"sendInputValue","sendInputValueHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[
|
|
11
|
+
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"pam-forgot-password",{"endpoint":[513],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[513,"translation-url"],"contactType":[32],"isBtnSubmitEnabled":[32],"skeletonLoading":[32],"hasError":[32],"isMobile":[32],"captchaData":[32],"errorMessage":[32]},[[0,"sendValidityState","sendValidityStateHandler"],[0,"sendInputValue","sendInputValueHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}],[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[520,"client-styling"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"pam-forgot-password",{"endpoint":[513],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[513,"translation-url"],"contactType":[32],"isBtnSubmitEnabled":[32],"skeletonLoading":[32],"hasError":[32],"isMobile":[32],"captchaData":[32],"errorMessage":[32]},[[0,"sendValidityState","sendValidityStateHandler"],[0,"sendInputValue","sendInputValueHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[
|
|
22
|
+
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"pam-forgot-password",{"endpoint":[513],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[513,"translation-url"],"contactType":[32],"isBtnSubmitEnabled":[32],"skeletonLoading":[32],"hasError":[32],"isMobile":[32],"captchaData":[32],"errorMessage":[32]},[[0,"sendValidityState","sendValidityStateHandler"],[0,"sendInputValue","sendInputValueHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}],[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[520,"client-styling"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -12640,32 +12640,58 @@ const ToggleCheckboxInput = class {
|
|
|
12640
12640
|
};
|
|
12641
12641
|
ToggleCheckboxInput.style = ToggleCheckboxInputStyle0;
|
|
12642
12642
|
|
|
12643
|
-
const uiSkeletonCss = ":host{display:block
|
|
12643
|
+
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";
|
|
12644
12644
|
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
12645
12645
|
|
|
12646
12646
|
const UiSkeleton = class {
|
|
12647
12647
|
constructor(hostRef) {
|
|
12648
12648
|
registerInstance(this, hostRef);
|
|
12649
|
+
this.stylingValue = {
|
|
12650
|
+
width: this.handleStylingProps(this.width),
|
|
12651
|
+
height: this.handleStylingProps(this.height),
|
|
12652
|
+
borderRadius: this.handleStylingProps(this.borderRadius),
|
|
12653
|
+
marginBottom: this.handleStylingProps(this.marginBottom),
|
|
12654
|
+
marginTop: this.handleStylingProps(this.marginTop),
|
|
12655
|
+
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
12656
|
+
marginRight: this.handleStylingProps(this.marginRight),
|
|
12657
|
+
size: this.handleStylingProps(this.size)
|
|
12658
|
+
};
|
|
12649
12659
|
this.structure = undefined;
|
|
12650
|
-
this.width =
|
|
12651
|
-
this.height =
|
|
12652
|
-
this.borderRadius =
|
|
12653
|
-
this.marginBottom =
|
|
12654
|
-
this.marginTop =
|
|
12655
|
-
this.marginLeft =
|
|
12656
|
-
this.marginRight =
|
|
12660
|
+
this.width = 'unset';
|
|
12661
|
+
this.height = 'unset';
|
|
12662
|
+
this.borderRadius = 'unset';
|
|
12663
|
+
this.marginBottom = 'unset';
|
|
12664
|
+
this.marginTop = 'unset';
|
|
12665
|
+
this.marginLeft = 'unset';
|
|
12666
|
+
this.marginRight = 'unset';
|
|
12657
12667
|
this.animation = true;
|
|
12658
|
-
this.rows =
|
|
12659
|
-
this.size =
|
|
12660
|
-
this.color = undefined;
|
|
12661
|
-
this.primaryColor = undefined;
|
|
12662
|
-
this.secondaryColor = undefined;
|
|
12668
|
+
this.rows = 0;
|
|
12669
|
+
this.size = '100%';
|
|
12663
12670
|
}
|
|
12664
12671
|
handleStructureChange(newValue, oldValue) {
|
|
12665
12672
|
if (oldValue !== newValue) {
|
|
12666
12673
|
this.handleStructure(newValue);
|
|
12667
12674
|
}
|
|
12668
12675
|
}
|
|
12676
|
+
handleStylingProps(value) {
|
|
12677
|
+
switch (typeof value) {
|
|
12678
|
+
case 'number':
|
|
12679
|
+
return value === 0 ? 0 : `${value}px`;
|
|
12680
|
+
case 'undefined':
|
|
12681
|
+
return 'unset';
|
|
12682
|
+
case 'string':
|
|
12683
|
+
if (['auto', 'unset', 'none', 'inherit', 'initial'].includes(value) ||
|
|
12684
|
+
value.endsWith('px') ||
|
|
12685
|
+
value.endsWith('%')) {
|
|
12686
|
+
return value;
|
|
12687
|
+
}
|
|
12688
|
+
else {
|
|
12689
|
+
return 'unset';
|
|
12690
|
+
}
|
|
12691
|
+
default:
|
|
12692
|
+
return 'unset';
|
|
12693
|
+
}
|
|
12694
|
+
}
|
|
12669
12695
|
handleStructure(structure) {
|
|
12670
12696
|
switch (structure) {
|
|
12671
12697
|
case 'logo':
|
|
@@ -12685,22 +12711,22 @@ const UiSkeleton = class {
|
|
|
12685
12711
|
}
|
|
12686
12712
|
}
|
|
12687
12713
|
renderLogo() {
|
|
12688
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class:
|
|
12714
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Logo ' + (this.animation ? 'Skeleton' : '') })));
|
|
12689
12715
|
}
|
|
12690
12716
|
renderImage() {
|
|
12691
|
-
return
|
|
12717
|
+
return h("div", { class: 'Image ' + (this.animation ? 'Skeleton' : '') });
|
|
12692
12718
|
}
|
|
12693
12719
|
renderTitle() {
|
|
12694
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class:
|
|
12720
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Title ' + (this.animation ? 'Skeleton' : '') })));
|
|
12695
12721
|
}
|
|
12696
12722
|
renderText() {
|
|
12697
|
-
return (h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index) => (h("div", { key: index, class:
|
|
12723
|
+
return (h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index) => (h("div", { key: index, class: 'Text ' + (this.animation ? 'Skeleton' : '') })))));
|
|
12698
12724
|
}
|
|
12699
12725
|
renderRectangle() {
|
|
12700
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class:
|
|
12726
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Rectangle ' + (this.animation ? 'Skeleton' : '') })));
|
|
12701
12727
|
}
|
|
12702
12728
|
renderCircle() {
|
|
12703
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class:
|
|
12729
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Circle ' + (this.animation ? 'Skeleton' : '') })));
|
|
12704
12730
|
}
|
|
12705
12731
|
render() {
|
|
12706
12732
|
let styleBlock = '';
|
|
@@ -12708,97 +12734,79 @@ const UiSkeleton = class {
|
|
|
12708
12734
|
case 'logo':
|
|
12709
12735
|
styleBlock = `
|
|
12710
12736
|
:host {
|
|
12711
|
-
--emw-skeleton-logo-width: ${this.width};
|
|
12712
|
-
--emw-skeleton-logo-height: ${this.height};
|
|
12713
|
-
--emw-skeleton-logo-border-radius: ${this.borderRadius}
|
|
12714
|
-
--emw-skeleton-logo-margin-bottom: ${this.marginBottom}
|
|
12715
|
-
--emw-skeleton-logo-margin-top: ${this.marginTop}
|
|
12716
|
-
--emw-skeleton-logo-margin-left: ${this.marginLeft}
|
|
12717
|
-
--emw-skeleton-logo-margin-right: ${this.marginRight}
|
|
12718
|
-
--emw-skeleton-logo-background: ${this.color};
|
|
12719
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12720
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12737
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
12738
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
12739
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
12740
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
12741
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
12742
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
12743
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
12721
12744
|
}
|
|
12722
12745
|
`;
|
|
12723
12746
|
break;
|
|
12724
12747
|
case 'image':
|
|
12725
12748
|
styleBlock = `
|
|
12726
12749
|
:host {
|
|
12727
|
-
--emw-skeleton-image-width: ${this.width};
|
|
12728
|
-
--emw-skeleton-image-height: ${this.height};
|
|
12729
|
-
--emw-skeleton-image-border-radius: ${this.borderRadius}
|
|
12730
|
-
--emw-skeleton-image-margin-bottom: ${this.marginBottom}
|
|
12731
|
-
--emw-skeleton-image-margin-top: ${this.marginTop}
|
|
12732
|
-
--emw-skeleton-image-margin-left: ${this.marginLeft}
|
|
12733
|
-
--emw-skeleton-image-margin-right: ${this.marginRight}
|
|
12734
|
-
--emw-skeleton-image-background: ${this.color};
|
|
12735
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12736
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12750
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
12751
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
12752
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
12753
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
12754
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
12755
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
12756
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
12737
12757
|
}
|
|
12738
12758
|
`;
|
|
12739
12759
|
break;
|
|
12740
12760
|
case 'title':
|
|
12741
12761
|
styleBlock = `
|
|
12742
12762
|
:host {
|
|
12743
|
-
--emw-skeleton-title-width: ${this.width};
|
|
12744
|
-
--emw-skeleton-title-height: ${this.height};
|
|
12745
|
-
--emw-skeleton-title-border-radius: ${this.borderRadius}
|
|
12746
|
-
--emw-skeleton-title-margin-bottom: ${this.marginBottom}
|
|
12747
|
-
--emw-skeleton-title-margin-top: ${this.marginTop}
|
|
12748
|
-
--emw-skeleton-title-margin-left: ${this.marginLeft}
|
|
12749
|
-
--emw-skeleton-title-margin-right: ${this.marginRight}
|
|
12750
|
-
--emw-skeleton-title-background: ${this.color};
|
|
12751
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12752
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12763
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
12764
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
12765
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
12766
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
12767
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
12768
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
12769
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
12753
12770
|
}
|
|
12754
12771
|
`;
|
|
12755
12772
|
break;
|
|
12756
12773
|
case 'text':
|
|
12757
12774
|
styleBlock = `
|
|
12758
12775
|
:host {
|
|
12759
|
-
--emw-skeleton-text-width: ${this.width};
|
|
12760
|
-
--emw-skeleton-text-height: ${this.height};
|
|
12761
|
-
--emw-skeleton-text-border-radius: ${this.borderRadius}
|
|
12762
|
-
--emw-skeleton-text-margin-bottom: ${this.marginBottom}
|
|
12763
|
-
--emw-skeleton-text-margin-top: ${this.marginTop}
|
|
12764
|
-
--emw-skeleton-text-margin-left: ${this.marginLeft}
|
|
12765
|
-
--emw-skeleton-text-margin-right: ${this.marginRight}
|
|
12766
|
-
--emw-skeleton-text-background: ${this.color};
|
|
12767
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12768
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12776
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
12777
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
12778
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
12779
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
12780
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
12781
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
12782
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
12769
12783
|
}
|
|
12770
12784
|
`;
|
|
12771
12785
|
break;
|
|
12772
12786
|
case 'rectangle':
|
|
12773
12787
|
styleBlock = `
|
|
12774
12788
|
:host {
|
|
12775
|
-
--emw-skeleton-rectangle-width: ${this.width};
|
|
12776
|
-
--emw-skeleton-rectangle-height: ${this.height};
|
|
12777
|
-
--emw-skeleton-rectangle-border-radius: ${this.borderRadius}
|
|
12778
|
-
--emw-skeleton-rectangle-margin-bottom: ${this.marginBottom}
|
|
12779
|
-
--emw-skeleton-rectangle-margin-top: ${this.marginTop}
|
|
12780
|
-
--emw-skeleton-rectangle-margin-left: ${this.marginLeft}
|
|
12781
|
-
--emw-skeleton-rectangle-margin-right: ${this.marginRight}
|
|
12782
|
-
--emw-skeleton-rectangle-background: ${this.color};
|
|
12783
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12784
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12789
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
12790
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
12791
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
12792
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
12793
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
12794
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
12795
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
12785
12796
|
}
|
|
12786
12797
|
`;
|
|
12787
12798
|
break;
|
|
12788
12799
|
case 'circle':
|
|
12789
12800
|
styleBlock = `
|
|
12790
12801
|
:host {
|
|
12791
|
-
--emw-skeleton-circle-size: ${this.size};
|
|
12792
|
-
--emw-skeleton-circle-background: ${this.color};
|
|
12793
|
-
--emw-skeleton-primary-color: ${this.primaryColor};
|
|
12794
|
-
--emw-skeleton-secondary-color: ${this.secondaryColor};
|
|
12802
|
+
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
12795
12803
|
}
|
|
12796
12804
|
`;
|
|
12797
12805
|
break;
|
|
12798
12806
|
default:
|
|
12799
12807
|
styleBlock = '';
|
|
12800
12808
|
}
|
|
12801
|
-
return (h(Host, { key: '
|
|
12809
|
+
return (h(Host, { key: 'e6b885bfd985ce7663d990756fe9101e25eb97f0' }, h("style", { key: '06ae24c7bb74f4dacfc12ae58085333f9dc89da5' }, styleBlock), this.handleStructure(this.structure)));
|
|
12802
12810
|
}
|
|
12803
12811
|
static get watchers() { return {
|
|
12804
12812
|
"structure": ["handleStructureChange"]
|