Pattern: Santa Claus
Type: Regular
Sleeve Length: Long Sleeve
Care Instructions: Machine wash or tumble dry
Tops Print: Plaid, Pattern
Bottom Print: Plaid
Material: Polyester
Package: One Set
Season: Fall, Winter
Color: Grey
| Size Chart |
Age | Tag
Size | Length | Bust | Sleeve Length | Waist | Hip | Pants Length |
| cm | inch | cm | inch | cm | inch | cm | inch | cm | inch | cm | inch |
| Baby | 3-6 M | 56cm | 22.0'' | 52cm | 20.4'' | 24cm | 9.4'' | | 61cm | 24.0'' | 39cm | 15.3'' |
| Baby | 6-9 M | 59cm | 23.2'' | 54cm | 21.2'' | 25cm | 9.8'' | | 62cm | 24.4'' | 41cm | 16.1'' |
| Baby | 9-12 M | 63cm | 24.8'' | 56cm | 22.0'' | 26cm | 10.2'' | | 64cm | 25.2'' | 43cm | 16.9'' |
| Baby | 12-18 M | 68cm | 26.7'' | 58cm | 22.8'' | 28cm | 11.0'' | | 66cm | 25.9'' | 45cm | 17.7'' |
| Baby | 18-24 M | 73cm | 28.7'' | 60cm | 23.6'' | 30cm | 11.8'' | | 68cm | 26.7'' | 48cm | 18.9'' |
| Kid | 2 Y | 39cm | 15.3'' | 60cm | 23.6'' | 35cm | 13.8'' | 46cm | 18.1'' | 59cm | 23.2'' | 50cm | 19.7'' |
| Kid | 3-4 Y | 43cm | 16.9'' | 65cm | 25.5'' | 40cm | 15.7'' | 50cm | 19.7'' | 63cm | 24.8'' | 59cm | 23.2'' |
| Kid | 4-5 Y | 46cm | 18.1'' | 67cm | 26.3'' | 43cm | 16.9'' | 52cm | 20.4'' | 66cm | 25.9'' | 64cm | 25.2'' |
| Kid | 5-6 Y | 48cm | 18.9'' | 70cm | 27.5'' | 46cm | 18.1'' | 54cm | 21.2'' | 69cm | 27.1'' | 70cm | 27.5'' |
| Kid | 6-7 Y | 51cm | 20.0'' | 72cm | 28.3'' | 48cm | 18.9'' | 56cm | 22.0'' | 72cm | 28.3'' | 73cm | 28.7'' |
| Kid | 8-9 Y | 57cm | 22.4'' | 79cm | 31.0'' | 54cm | 21.2'' | 60cm | 23.6'' | 80cm | 31.4'' | 84cm | 33.0'' |
| Women | S | 63cm | 24.8'' | 95cm | 37.3'' | 68cm | 26.7'' | 65cm | 25.5'' | 101cm | 39.7'' | 101cm | 39.7'' |
| Women | M | 65cm | 25.5'' | 100cm | 39.3'' | 70cm | 27.5'' | 70cm | 27.5'' | 106cm | 41.7'' | 103cm | 40.5'' |
| Women | L | 67cm | 26.3'' | 105cm | 41.3'' | 72cm | 28.3'' | 75cm | 29.5'' | 111cm | 43.6'' | 105cm | 41.3'' |
| Women | XL | 69cm | 27.1'' | 110cm | 43.2'' | 74cm | 29.1'' | 80cm | 31.4'' | 116cm | 45.6'' | 107cm | 42.1'' |
| Men | M | 73cm | 28.7'' | 107cm | 42.1'' | 78cm | 30.7'' | 75cm | 29.5'' | 107cm | 42.1'' | 107cm | 42.1'' |
| Men | L | 76cm | 29.9'' | 112cm | 44.0'' | 81cm | 31.8'' | 80cm | 31.4'' | 112cm | 44.0'' | 110cm | 43.2'' |
| Men | XL | 77cm | 30.3'' | 117cm | 46.0'' | 83cm | 32.6'' | 85cm | 33.4'' | 118cm | 46.4'' | 113cm | 44.4'' |
| Men | |
const TAG = 'spz-custom-painter-button-animation';
const MAX_ITERATION_COUNT = 99999999;
const SITE = (window.C_SETTINGS && window.C_SETTINGS.routes && window.C_SETTINGS.routes.root) || '';
const ADD_TO_CART_ANIMATION_SETTING =
`${SITE}/api/marketing_atmosphere_app/add_to_cart_btn_animation/setting`;
class SpzCustomPainterButtonAnimation extends SPZ.BaseElement {
/**@override */
static deferredMount() {
return false;
}
/** @param {!SpzElement} element */
constructor(element) {
super(element);
/** @private {!../../src/service/xhr-impl.Xhr} */
this.xhr_ = SPZServices.xhrFor(this.win);
/** @private {Object} */
this.data_ = null;
/** @private {Element} */
this.addToCartButton_ = null;
/** @private {boolean} */
this.productAvailable_ = true;
/** @private {number} */
this.timerId_ = null;
/** @private {number} */
this.animationExecutionCount_ = 0;
/** @private {boolean} */
this.selectedVariantAvailable_ = true;
/** @private {number} */
this.delay_ = 5000;
/** @private {number} */
this.iterationCount_ = 5;
/** @private {string} */
this.animationClass_ = '';
}
/** @override */
isLayoutSupported(layout) {
return layout == SPZCore.Layout.LOGIC;
}
/** @override */
buildCallback() {
this.productAvailable_ = this.element.hasAttribute('product-available');
this.selectedVariantAvailable_ = this.element.hasAttribute('selected-variant-available');
}
/** @override */
mountCallback() {
this.render_();
}
/** @private */
render_() {
if (!this.productAvailable_) {
return;
}
this.fetch_().then((data) => {
if (!data) {
return;
}
this.data_ = data;
this.animationClass_ = `painter-${data.animation_name}-animation`;
this.iterationCount_ =
data.animation_iteration_count === 'infinite'
? MAX_ITERATION_COUNT
: data.animation_iteration_count;
const animationDuration = 1;
const animationDelay = data.animation_delay || 5;
this.delay_ = (animationDuration + animationDelay) * 1000;
this.handleButtonEffect_();
});
}
/**
* @param {JsonObject} data
* @return {(null|Object)}
* @private
*/
parseJson_(data) {
try {
return JSON.parse(data);
} catch (e) {
return null;
}
}
/**
* @return {Promise}
* @private
*/
fetch_() {
return this.xhr_.fetchJson(ADD_TO_CART_ANIMATION_SETTING).then((data) => {
if (!data || !data.enabled) {
return null;
}
return this.parseJson_(data.detail);
});
}
/** @private */
getAddToCartButton_() {
this.addToCartButton_ = SPZCore.Dom.scopedQuerySelector(
document.body,
'[data-section-type="product"] [role="addToCart"], [data-section-type="product_detail"] [role="addToCart"], [data-section-type="product_detail"] [data-click="addToCart"], [data-section-type="product"] [data-click="addToCart"]'
);
}
/** @private */
restartAnimation_() {
this.addToCartButton_.classList.remove(this.animationClass_);
this.addToCartButton_./* OK */ offsetWidth;
this.addToCartButton_.classList.add(this.animationClass_);
this.animationExecutionCount_++;
}
/** @private */
clearTimer_() {
this.win.clearInterval(this.timerId_);
this.timerId_ = null;
}
/** @private */
setupTimer_() {
this.timerId_ = this.win.setInterval(() => {
this.restartAnimation_();
if (this.animationExecutionCount_ >= this.iterationCount_) {
this.removeAnimationClass_();
this.clearTimer_();
}
}, this.delay_);
}
/** @private */
restartTimer_() {
if (this.animationExecutionCount_ >= this.iterationCount_) {
this.removeAnimationClass_();
return;
}
this.setupTimer_();
}
/** @private */
listenVariantChange_() {
SPZUtils.Event.listen(self.document, 'dj.variantChange', (e) => {
const selectedVariant = e.detail && e.detail.selected;
if (!selectedVariant) {
return;
}
const {available} = selectedVariant;
if (this.selectedVariantAvailable_ !== available) {
this.selectedVariantAvailable_ = available;
this.clearTimer_();
if (available) {
this.restartTimer_();
}
}
});
}
/** @private */
removeAnimationClass_() {
this.win.setTimeout(() => {
this.addToCartButton_.classList.remove(this.animationClass_);
}, 1000);
}
/** @private */
handleButtonEffect_() {
this.getAddToCartButton_();
if (!this.addToCartButton_) {
return;
}
if (this.selectedVariantAvailable_) {
++this.animationExecutionCount_;
this.addToCartButton_.classList.add(this.animationClass_);
if (this.iterationCount_ === 1) {
this.removeAnimationClass_();
return;
}
this.setupTimer_();
}
this.listenVariantChange_();
}
}
SPZ.defineElement(TAG, SpzCustomPainterButtonAnimation);
