Artistic Chrome Gloss No Wipe Gel Coat
Item # 2710007
$15.95
Description
Chrome Gloss
Chrome Gloss
<web-component-apluscontent-2710001></web-component-apluscontent-2710001>
<script type="module">
var Ee = Object.defineProperty;
var Ne = (t, e, i) => e in t ? Ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
var $ = (t, e, i) => (Ne(t, typeof e != "symbol" ? e + "" : e, i), i);
function y() {
}
function be(t) {
return t();
}
function ge() {
return /* @__PURE__ */ Object.create(null);
}
function V(t) {
t.forEach(be);
}
function ye(t) {
return typeof t == "function";
}
function K(t, e) {
return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
}
let H;
function g(t, e) {
return t === e ? !0 : (H || (H = document.createElement("a")), H.href = e, t === H.href);
}
function Le(t) {
return Object.keys(t).length === 0;
}
function c(t, e) {
t.appendChild(e);
}
function Oe(t, e, i) {
const s = Te(t);
if (!s.getElementById(e)) {
const n = f("style");
n.id = e, n.textContent = i, Ie(s, n);
}
}
function Te(t) {
if (!t)
return document;
const e = t.getRootNode ? t.getRootNode() : t.ownerDocument;
return e && /** @type {ShadowRoot} */
e.host ? (
/** @type {ShadowRoot} */
e
) : t.ownerDocument;
}
function Ie(t, e) {
return c(
/** @type {Document} */
t.head || t,
e
), e.sheet;
}
function Q(t, e, i) {
t.insertBefore(e, i || null);
}
function J(t) {
t.parentNode && t.parentNode.removeChild(t);
}
function f(t) {
return document.createElement(t);
}
function Se(t) {
return document.createTextNode(t);
}
function v() {
return Se(" ");
}
function o(t, e, i) {
i == null ? t.removeAttribute(e) : t.getAttribute(e) !== i && t.setAttribute(e, i);
}
function Be(t) {
return Array.from(t.childNodes);
}
function S(t, e, i, s) {
i == null ? t.style.removeProperty(e) : t.style.setProperty(e, i, s ? "important" : "");
}
function Me(t) {
const e = {};
return t.childNodes.forEach(
/** @param {Element} node */
(i) => {
e[i.slot || "default"] = !0;
}
), e;
}
let U;
function B(t) {
U = t;
}
const N = [], pe = [];
let L = [];
const _e = [], ze = /* @__PURE__ */ Promise.resolve();
let Y = !1;
function De() {
Y || (Y = !0, ze.then(X));
}
function F(t) {
L.push(t);
}
const W = /* @__PURE__ */ new Set();
let E = 0;
function X() {
if (E !== 0)
return;
const t = U;
do {
try {
for (; E < N.length; ) {
const e = N[E];
E++, B(e), Ge(e.$$);
}
} catch (e) {
throw N.length = 0, E = 0, e;
}
for (B(null), N.length = 0, E = 0; pe.length; )
pe.pop()();
for (let e = 0; e < L.length; e += 1) {
const i = L[e];
W.has(i) || (W.add(i), i());
}
L.length = 0;
} while (N.length);
for (; _e.length; )
_e.pop()();
Y = !1, W.clear(), B(t);
}
function Ge(t) {
if (t.fragment !== null) {
t.update(), V(t.before_update);
const e = t.dirty;
t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, e), t.after_update.forEach(F);
}
}
function He(t) {
const e = [], i = [];
L.forEach((s) => t.indexOf(s) === -1 ? e.push(s) : i.push(s)), i.forEach((s) => s()), L = e;
}
const R = /* @__PURE__ */ new Set();
let Re;
function Z(t, e) {
t && t.i && (R.delete(t), t.i(e));
}
function xe(t, e, i, s) {
if (t && t.o) {
if (R.has(t))
return;
R.add(t), Re.c.push(() => {
R.delete(t), s && (i && t.d(1), s());
}), t.o(e);
} else
s && s();
}
function Ce(t) {
t && t.c();
}
function ee(t, e, i) {
const { fragment: s, after_update: n } = t.$$;
s && s.m(e, i), F(() => {
const u = t.$$.on_mount.map(be).filter(ye);
t.$$.on_destroy ? t.$$.on_destroy.push(...u) : V(u), t.$$.on_mount = [];
}), n.forEach(F);
}
function te(t, e) {
const i = t.$$;
i.fragment !== null && (He(i.after_update), V(i.on_destroy), i.fragment && i.fragment.d(e), i.on_destroy = i.fragment = null, i.ctx = []);
}
function qe(t, e) {
t.$$.dirty[0] === -1 && (N.push(t), De(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
}
function ie(t, e, i, s, n, u, r = null, l = [-1]) {
const d = U;
B(t);
const a = t.$$ = {
fragment: null,
ctx: [],
// state
props: u,
update: y,
not_equal: n,
bound: ge(),
// lifecycle
on_mount: [],
on_destroy: [],
on_disconnect: [],
before_update: [],
after_update: [],
context: new Map(e.context || (d ? d.$$.context : [])),
// everything else
callbacks: ge(),
dirty: l,
skip_bound: !1,
root: e.target || d.$$.root
};
r && r(a.root);
let m = !1;
if (a.ctx = i ? i(t, e.props || {}, (h, O, ...T) => {
const _ = T.length ? T[0] : O;
return a.ctx && n(a.ctx[h], a.ctx[h] = _) && (!a.skip_bound && a.bound[h] && a.bound[h](_), m && qe(t, h)), O;
}) : [], a.update(), m = !0, V(a.before_update), a.fragment = s ? s(a.ctx) : !1, e.target) {
if (e.hydrate) {
const h = Be(e.target);
a.fragment && a.fragment.l(h), h.forEach(J);
} else
a.fragment && a.fragment.c();
e.intro && Z(t.$$.fragment), ee(t, e.target, e.anchor), X();
}
B(d);
}
let Ae;
typeof HTMLElement == "function" && (Ae = class extends HTMLElement {
constructor(e, i, s) {
super();
/** The Svelte component constructor */
$(this, "$$ctor");
/** Slots */
$(this, "$$s");
/** The Svelte component instance */
$(this, "$$c");
/** Whether or not the custom element is connected */
$(this, "$$cn", !1);
/** Component props data */
$(this, "$$d", {});
/** `true` if currently in the process of reflecting component props back to attributes */
$(this, "$$r", !1);
/** @type {Record<string, CustomElementPropDefinition>} Props definition (name, reflected, type etc) */
$(this, "$$p_d", {});
/** @type {Record<string, Function[]>} Event listeners */
$(this, "$$l", {});
/** @type {Map<Function, Function>} Event listener unsubscribe functions */
$(this, "$$l_u", /* @__PURE__ */ new Map());
this.$$ctor = e, this.$$s = i, s && this.attachShadow({ mode: "open" });
}
addEventListener(e, i, s) {
if (this.$$l[e] = this.$$l[e] || [], this.$$l[e].push(i), this.$$c) {
const n = this.$$c.$on(e, i);
this.$$l_u.set(i, n);
}
super.addEventListener(e, i, s);
}
removeEventListener(e, i, s) {
if (super.removeEventListener(e, i, s), this.$$c) {
const n = this.$$l_u.get(i);
n && (n(), this.$$l_u.delete(i));
}
}
async connectedCallback() {
if (this.$$cn = !0, !this.$$c) {
let i = function(r) {
return () => {
let l;
return {
c: function() {
l = f("slot"), r !== "default" && o(l, "name", r);
},
/**
* @param {HTMLElement} target
* @param {HTMLElement} [anchor]
*/
m: function(m, h) {
Q(m, l, h);
},
d: function(m) {
m && J(l);
}
};
};
};
var e = i;
if (await Promise.resolve(), !this.$$cn)
return;
const s = {}, n = Me(this);
for (const r of this.$$s)
r in n && (s[r] = [i(r)]);
for (const r of this.attributes) {
const l = this.$$g_p(r.name);
l in this.$$d || (this.$$d[l] = q(l, r.value, this.$$p_d, "toProp"));
}
this.$$c = new this.$$ctor({
target: this.shadowRoot || this,
props: {
...this.$$d,
$$slots: s,
$$scope: {
ctx: []
}
}
});
const u = () => {
this.$$r = !0;
for (const r in this.$$p_d)
if (this.$$d[r] = this.$$c.$$.ctx[this.$$c.$$.props[r]], this.$$p_d[r].reflect) {
const l = q(
r,
this.$$d[r],
this.$$p_d,
"toAttribute"
);
l == null ? this.removeAttribute(this.$$p_d[r].attribute || r) : this.setAttribute(this.$$p_d[r].attribute || r, l);
}
this.$$r = !1;
};
this.$$c.$$.after_update.push(u), u();
for (const r in this.$$l)
for (const l of this.$$l[r]) {
const d = this.$$c.$on(r, l);
this.$$l_u.set(l, d);
}
this.$$l = {};
}
}
// We don't need this when working within Svelte code, but for compatibility of people using this outside of Svelte
// and setting attributes through setAttribute etc, this is helpful
attributeChangedCallback(e, i, s) {
var n;
this.$$r || (e = this.$$g_p(e), this.$$d[e] = q(e, s, this.$$p_d, "toProp"), (n = this.$$c) == null || n.$set({ [e]: this.$$d[e] }));
}
disconnectedCallback() {
this.$$cn = !1, Promise.resolve().then(() => {
this.$$cn || (this.$$c.$destroy(), this.$$c = void 0);
});
}
$$g_p(e) {
return Object.keys(this.$$p_d).find(
(i) => this.$$p_d[i].attribute === e || !this.$$p_d[i].attribute && i.toLowerCase() === e
) || e;
}
});
function q(t, e, i, s) {
var u;
const n = (u = i[t]) == null ? void 0 : u.type;
if (e = n === "Boolean" && typeof e != "boolean" ? e != null : e, !s || !i[t])
return e;
if (s === "toAttribute")
switch (n) {
case "Object":
case "Array":
return e == null ? null : JSON.stringify(e);
case "Boolean":
return e ? "" : null;
case "Number":
return e ?? null;
default:
return e;
}
else
switch (n) {
case "Object":
case "Array":
return e && JSON.parse(e);
case "Boolean":
return e;
case "Number":
return e != null ? +e : e;
default:
return e;
}
}
function se(t, e, i, s, n, u) {
let r = class extends Ae {
constructor() {
super(t, i, n), this.$$p_d = e;
}
static get observedAttributes() {
return Object.keys(e).map(
(l) => (e[l].attribute || l).toLowerCase()
);
}
};
return Object.keys(e).forEach((l) => {
Object.defineProperty(r.prototype, l, {
get() {
return this.$$c && l in this.$$c ? this.$$c[l] : this.$$d[l];
},
set(d) {
var a;
d = q(l, d, e), this.$$d[l] = d, (a = this.$$c) == null || a.$set({ [l]: d });
}
});
}), s.forEach((l) => {
Object.defineProperty(r.prototype, l, {
get() {
var d;
return (d = this.$$c) == null ? void 0 : d[l];
}
});
}), u && (r = u(r)), t.element = /** @type {any} */
r, r;
}
class ne {
constructor() {
/**
* ### PRIVATE API
*
* Do not use, may change at any time
*
* @type {any}
*/
$(this, "$$");
/**
* ### PRIVATE API
*
* Do not use, may change at any time
*
* @type {any}
*/
$(this, "$$set");
}
/** @returns {void} */
$destroy() {
te(this, 1), this.$destroy = y;
}
/**
* @template {Extract<keyof Events, string>} K
* @param {K} type
* @param {((e: Events[K]) => void) | null | undefined} callback
* @returns {() => void}
*/
$on(e, i) {
if (!ye(i))
return y;
const s = this.$$.callbacks[e] || (this.$$.callbacks[e] = []);
return s.push(i), () => {
const n = s.indexOf(i);
n !== -1 && s.splice(n, 1);
};
}
/**
* @param {Partial<Props>} props
* @returns {void}
*/
$set(e) {
this.$$set && !Le(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
}
}
const Ve = "4";
typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(Ve);
function Je(t) {
let e, i, s;
return {
c() {
e = f("div"), i = f("iframe"), S(i, "width", "100%"), S(i, "height", "100%"), o(i, "width", "560"), o(i, "height", "315"), g(i.src, s = `https://www.youtube.com/embed/${/*youtube_id*/
t[0]}`) || o(i, "src", s), o(i, "title", "YouTube video player"), o(i, "frameborder", "0"), i.allowFullscreen = !0, S(e, "width", "100%"), S(e, "aspect-ratio", "560/315");
},
m(n, u) {
Q(n, e, u), c(e, i);
},
p(n, [u]) {
u & /*youtube_id*/
1 && !g(i.src, s = `https://www.youtube.com/embed/${/*youtube_id*/
n[0]}`) && o(i, "src", s);
},
i: y,
o: y,
d(n) {
n && J(e);
}
};
}
function We(t, e, i) {
let { youtube_id: s } = e;
return t.$$set = (n) => {
"youtube_id" in n && i(0, s = n.youtube_id);
}, [s];
}
class Pe extends ne {
constructor(e) {
super(), ie(this, e, We, Je, K, { youtube_id: 0 });
}
get youtube_id() {
return this.$$.ctx[0];
}
set youtube_id(e) {
this.$$set({ youtube_id: e }), X();
}
}
se(Pe, { youtube_id: {} }, [], [], !0);
function Ye(t) {
Oe(t, "svelte-19vfowi", ".apluscontent.svelte-19vfowi.svelte-19vfowi{max-width:1240px;display:grid;justify-content:center;align-items:center;margin:0 auto}.apluscontent.svelte-19vfowi>div.svelte-19vfowi{text-align:center;padding:20px 0}img.svelte-19vfowi.svelte-19vfowi{max-width:100%;border:0}.item1.svelte-19vfowi img.svelte-19vfowi{width:100%;max-height:100%;border:0}.item2.svelte-19vfowi img.svelte-19vfowi{max-width:100%;max-height:700px;border:0}.item6.svelte-19vfowi img.svelte-19vfowi{vertical-align:middle;max-width:100%;max-height:510px;border:0;padding:30px 0}.item6.svelte-19vfowi img.svelte-19vfowi{vertical-align:middle;width:100%;max-height:100%;border:0}.item7.svelte-19vfowi.svelte-19vfowi{display:flex;justify-content:space-between}.item8.svelte-19vfowi.svelte-19vfowi{margin:auto 0}h2.svelte-19vfowi.svelte-19vfowi{font-size:26px;line-height:1.2em;font-weight:700;font-family:Arial, sans-serif;display:block;overflow-wrap:break-word;word-break:break-word;padding:0px 40px;text-align:center}h3.svelte-19vfowi.svelte-19vfowi{font-size:32px;line-height:1.2em;font-weight:700;font-family:Arial, sans-serif;display:block;font-size:2em;margin:0 0 1.5em 0px;overflow-wrap:break-word;word-break:break-word;padding:0px 40px;text-align:center}p.svelte-19vfowi.svelte-19vfowi{font-size:13px;line-height:2em;font-weight:300;font-family:Arial, sans-serif;padding:0;margin:0 0 14px 0;box-sizing:border-box;display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding:0px 40px;text-align:justify}@media only screen and (max-width:700px){.apluscontent.svelte-19vfowi.svelte-19vfowi{grid-template-columns:auto}.item1.svelte-19vfowi.svelte-19vfowi{width:100%}.item2.svelte-19vfowi.svelte-19vfowi{width:100%}.item3.svelte-19vfowi.svelte-19vfowi{width:100%}.item6.svelte-19vfowi.svelte-19vfowi{width:100%}.item7.svelte-19vfowi.svelte-19vfowi{width:100%}.item8.svelte-19vfowi.svelte-19vfowi{width:100%}.item9.svelte-19vfowi.svelte-19vfowi{width:100%}}@media only screen and (min-width: 700px){.apluscontent.svelte-19vfowi.svelte-19vfowi{grid-template-columns:auto auto}.item1.svelte-19vfowi.svelte-19vfowi{grid-column:1 / 3;width:100%}.item6.svelte-19vfowi.svelte-19vfowi{grid-column:1 / 3}.item7.svelte-19vfowi.svelte-19vfowi{grid-column:1 / 3;width:100%}}");
}
function Fe(t) {
let e, i, s, n, u, r, l, d, a, m, h, O, T, _, oe, w, x, re, le, C, ce, ae, A, fe, ue, P, de, he, I, $e, M, k, me, z, j, ve, we, D, G;
return k = new Pe({ props: { youtube_id: "QKLzfjDPxIY" } }), {
c() {
e = f("div"), i = f("div"), s = f("img"), u = v(), r = f("div"), l = f("img"), a = v(), m = f("div"), h = f("img"), T = v(), _ = f("div"), _.innerHTML = `<h2 class="svelte-19vfowi">Instant Chrome Nails Are Easier Than Ever With <br/> Artistic Chrome Pens!</h2> <p class="svelte-19vfowi">Artistic Nail Design is taking gel nails to the next level with the
launch of <strong>Chrome Pens</strong>, the easiest and fastest way to
achieve an out of this world chrome finish to your gel manicure!
Chrome Pens come in a range of six multi-dimensional shades in finishes
of holographic, mirror, and pearl. The Chrome Pens offer a reflective
chrome finish that cannot be replicated with standard gel polish or
lacquer applications.</p> <p class="svelte-19vfowi">Artistic Chrome Pens and new Chrome Gloss Coat work together like magic!
The Chrome Pens are packaged in easy to use, rub-on pens which means that
applying a chrome nail look takes only seconds. Chrome Pens must be used
with Chrome Gloss for the product to apply and wear as expected. To use,
finish your gel polish with Chrome Gloss, cure for 60 seconds, apply Chrome
Pen color of choice, and complete the look with one more coat of Chrome
Gloss curing for 60 seconds.</p>`, oe = v(), w = f("div"), x = f("img"), le = v(), C = f("img"), ae = v(), A = f("img"), ue = v(), P = f("img"), he = v(), I = f("div"), I.innerHTML = '<h3 class="svelte-19vfowi">Introducing Artistic Chrome Pens</h3>', $e = v(), M = f("div"), Ce(k.$$.fragment), me = v(), z = f("div"), j = f("img"), we = v(), D = f("div"), D.innerHTML = `<h2 style="text-align: left;" class="svelte-19vfowi">Artistic As A Brand</h2> <p class="svelte-19vfowi">ARTISTICIC NAIL DESIGN empowers nail professionals to create a new
aesthetic, using world class, patented formulas and designs.
Artistic speaks to the passion and creativity of today’s nail
technician by developing new colours and finishes that range
from creative to downright bold with an edge of their own.</p>`, g(s.src, n = `${p}Artistic/ChromePen/banner1.png`) || o(s, "src", n), o(s, "alt", ""), o(s, "class", "svelte-19vfowi"), o(i, "class", "item1 svelte-19vfowi"), g(l.src, d = `${p}Artistic/ChromePen/color.jpg`) || o(l, "src", d), o(l, "alt", ""), o(l, "class", "svelte-19vfowi"), o(r, "class", "item1 svelte-19vfowi"), g(h.src, O = `${p}Artistic/ChromePen/model.jpg`) || o(h, "src", O), o(h, "alt", ""), o(h, "class", "svelte-19vfowi"), o(m, "class", "item2 svelte-19vfowi"), o(_, "class", "item3 svelte-19vfowi"), g(x.src, re = `${p}Artistic/ChromePen/banner1.jpg`) || o(x, "src", re), o(x, "alt", ""), o(x, "class", "svelte-19vfowi"), g(C.src, ce = `${p}Artistic/ChromePen/banner2.jpg`) || o(C, "src", ce), o(C, "alt", ""), o(C, "class", "svelte-19vfowi"), g(A.src, fe = `${p}Artistic/ChromePen/banner3.jpg`) || o(A, "src", fe), o(A, "alt", ""), o(A, "class", "svelte-19vfowi"), g(P.src, de = `${p}Artistic/ChromePen/banner4.jpg`) || o(P, "src", de), o(P, "alt", ""), o(P, "class", "svelte-19vfowi"), o(w, "class", "item6 svelte-19vfowi"), o(I, "class", "item6 svelte-19vfowi"), S(I, "padding", "0"), o(M, "class", "item7 svelte-19vfowi"), g(j.src, ve = `${p}Artistic/Collections/W23/logo.jpg`) || o(j, "src", ve), o(j, "alt", ""), o(j, "class", "svelte-19vfowi"), o(z, "class", "item8 svelte-19vfowi"), o(D, "class", "item9 svelte-19vfowi"), o(e, "class", "apluscontent svelte-19vfowi");
},
m(b, je) {
Q(b, e, je), c(e, i), c(i, s), c(e, u), c(e, r), c(r, l), c(e, a), c(e, m), c(m, h), c(e, T), c(e, _), c(e, oe), c(e, w), c(w, x), c(w, le), c(w, C), c(w, ae), c(w, A), c(w, ue), c(w, P), c(e, he), c(e, I), c(e, $e), c(e, M), ee(k, M, null), c(e, me), c(e, z), c(z, j), c(e, we), c(e, D), G = !0;
},
p: y,
i(b) {
G || (Z(k.$$.fragment, b), G = !0);
},
o(b) {
xe(k.$$.fragment, b), G = !1;
},
d(b) {
b && J(e), te(k);
}
};
}
let p = "https://nailtechsupply.com/media/wysiwyg/web-components/";
class ke extends ne {
constructor(e) {
super(), ie(this, e, null, Fe, K, {}, Ye);
}
}
customElements.define("web-component-apluscontent-2710001", se(ke, {}, [], [], !0));
function Ke(t) {
let e, i;
return e = new ke({}), {
c() {
Ce(e.$$.fragment);
},
m(s, n) {
ee(e, s, n), i = !0;
},
p: y,
i(s) {
i || (Z(e.$$.fragment, s), i = !0);
},
o(s) {
xe(e.$$.fragment, s), i = !1;
},
d(s) {
te(e, s);
}
};
}
class Qe extends ne {
constructor(e) {
super(), ie(this, e, null, Ke, K, {});
}
}
se(Qe, {}, [], [], !0);
</script>