Artistic 8mL Striper Gel Bright Blue
Item # 2713533
$6.95
Description
Bright Blue
Bright Blue
<web-component-apluscontent-2713530></web-component-apluscontent-2713530>
<script type="module">
var vt = Object.defineProperty;
var pt = (e, t, i) => t in e ? vt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
var m = (e, t, i) => (pt(e, typeof t != "symbol" ? t + "" : t, i), i);
function w() {
}
function at(e) {
return e();
}
function rt() {
return /* @__PURE__ */ Object.create(null);
}
function I(e) {
e.forEach(at);
}
function ct(e) {
return typeof e == "function";
}
function V(e, t) {
return e != e ? t == t : e !== t || e && typeof e == "object" || typeof e == "function";
}
let C;
function g(e, t) {
return e === t ? !0 : (C || (C = document.createElement("a")), C.href = t, e === C.href);
}
function gt(e) {
return Object.keys(e).length === 0;
}
function c(e, t) {
e.appendChild(t);
}
function wt(e, t, i) {
const s = _t(e);
if (!s.getElementById(t)) {
const n = d("style");
n.id = t, n.textContent = i, bt(s, n);
}
}
function _t(e) {
if (!e)
return document;
const t = e.getRootNode ? e.getRootNode() : e.ownerDocument;
return t && /** @type {ShadowRoot} */
t.host ? (
/** @type {ShadowRoot} */
t
) : e.ownerDocument;
}
function bt(e, t) {
return c(
/** @type {Document} */
e.head || e,
t
), t.sheet;
}
function W(e, t, i) {
e.insertBefore(t, i || null);
}
function D(e) {
e.parentNode && e.parentNode.removeChild(e);
}
function d(e) {
return document.createElement(e);
}
function yt(e) {
return document.createTextNode(e);
}
function _() {
return yt(" ");
}
function l(e, t, i) {
i == null ? e.removeAttribute(t) : e.getAttribute(t) !== i && e.setAttribute(t, i);
}
function xt(e) {
return Array.from(e.childNodes);
}
function P(e, t, i, s) {
i == null ? e.style.removeProperty(t) : e.style.setProperty(t, i, s ? "important" : "");
}
function At(e) {
const t = {};
return e.childNodes.forEach(
/** @param {Element} node */
(i) => {
t[i.slot || "default"] = !0;
}
), t;
}
let q;
function O(e) {
q = e;
}
const E = [], ot = [];
let j = [];
const lt = [], kt = /* @__PURE__ */ Promise.resolve();
let H = !1;
function St() {
H || (H = !0, kt.then(J));
}
function z(e) {
j.push(e);
}
const R = /* @__PURE__ */ new Set();
let S = 0;
function J() {
if (S !== 0)
return;
const e = q;
do {
try {
for (; S < E.length; ) {
const t = E[S];
S++, O(t), Et(t.$$);
}
} catch (t) {
throw E.length = 0, S = 0, t;
}
for (O(null), E.length = 0, S = 0; ot.length; )
ot.pop()();
for (let t = 0; t < j.length; t += 1) {
const i = j[t];
R.has(i) || (R.add(i), i());
}
j.length = 0;
} while (E.length);
for (; lt.length; )
lt.pop()();
H = !1, R.clear(), O(e);
}
function Et(e) {
if (e.fragment !== null) {
e.update(), I(e.before_update);
const t = e.dirty;
e.dirty = [-1], e.fragment && e.fragment.p(e.ctx, t), e.after_update.forEach(z);
}
}
function jt(e) {
const t = [], i = [];
j.forEach((s) => e.indexOf(s) === -1 ? t.push(s) : i.push(s)), i.forEach((s) => s()), j = t;
}
const T = /* @__PURE__ */ new Set();
let Gt;
function ft(e, t) {
e && e.i && (T.delete(e), e.i(t));
}
function Ot(e, t, i, s) {
if (e && e.o) {
if (T.has(e))
return;
T.add(e), Gt.c.push(() => {
T.delete(e), s && (i && e.d(1), s());
}), e.o(t);
} else
s && s();
}
function Lt(e) {
e && e.c();
}
function ut(e, t, i) {
const { fragment: s, after_update: n } = e.$$;
s && s.m(t, i), z(() => {
const f = e.$$.on_mount.map(at).filter(ct);
e.$$.on_destroy ? e.$$.on_destroy.push(...f) : I(f), e.$$.on_mount = [];
}), n.forEach(z);
}
function dt(e, t) {
const i = e.$$;
i.fragment !== null && (jt(i.after_update), I(i.on_destroy), i.fragment && i.fragment.d(t), i.on_destroy = i.fragment = null, i.ctx = []);
}
function Nt(e, t) {
e.$$.dirty[0] === -1 && (E.push(e), St(), e.$$.dirty.fill(0)), e.$$.dirty[t / 31 | 0] |= 1 << t % 31;
}
function F(e, t, i, s, n, f, r = null, o = [-1]) {
const u = q;
O(e);
const a = e.$$ = {
fragment: null,
ctx: [],
// state
props: f,
update: w,
not_equal: n,
bound: rt(),
// lifecycle
on_mount: [],
on_destroy: [],
on_disconnect: [],
before_update: [],
after_update: [],
context: new Map(t.context || (u ? u.$$.context : [])),
// everything else
callbacks: rt(),
dirty: o,
skip_bound: !1,
root: t.target || u.$$.root
};
r && r(a.root);
let v = !1;
if (a.ctx = i ? i(e, t.props || {}, (h, $, ...p) => {
const G = p.length ? p[0] : $;
return a.ctx && n(a.ctx[h], a.ctx[h] = G) && (!a.skip_bound && a.bound[h] && a.bound[h](G), v && Nt(e, h)), $;
}) : [], a.update(), v = !0, I(a.before_update), a.fragment = s ? s(a.ctx) : !1, t.target) {
if (t.hydrate) {
const h = xt(t.target);
a.fragment && a.fragment.l(h), h.forEach(D);
} else
a.fragment && a.fragment.c();
t.intro && ft(e.$$.fragment), ut(e, t.target, t.anchor), J();
}
O(u);
}
let ht;
typeof HTMLElement == "function" && (ht = class extends HTMLElement {
constructor(t, i, s) {
super();
/** The Svelte component constructor */
m(this, "$$ctor");
/** Slots */
m(this, "$$s");
/** The Svelte component instance */
m(this, "$$c");
/** Whether or not the custom element is connected */
m(this, "$$cn", !1);
/** Component props data */
m(this, "$$d", {});
/** `true` if currently in the process of reflecting component props back to attributes */
m(this, "$$r", !1);
/** @type {Record<string, CustomElementPropDefinition>} Props definition (name, reflected, type etc) */
m(this, "$$p_d", {});
/** @type {Record<string, Function[]>} Event listeners */
m(this, "$$l", {});
/** @type {Map<Function, Function>} Event listener unsubscribe functions */
m(this, "$$l_u", /* @__PURE__ */ new Map());
this.$$ctor = t, this.$$s = i, s && this.attachShadow({ mode: "open" });
}
addEventListener(t, i, s) {
if (this.$$l[t] = this.$$l[t] || [], this.$$l[t].push(i), this.$$c) {
const n = this.$$c.$on(t, i);
this.$$l_u.set(i, n);
}
super.addEventListener(t, i, s);
}
removeEventListener(t, i, s) {
if (super.removeEventListener(t, 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 o;
return {
c: function() {
o = d("slot"), r !== "default" && l(o, "name", r);
},
/**
* @param {HTMLElement} target
* @param {HTMLElement} [anchor]
*/
m: function(v, h) {
W(v, o, h);
},
d: function(v) {
v && D(o);
}
};
};
};
var t = i;
if (await Promise.resolve(), !this.$$cn)
return;
const s = {}, n = At(this);
for (const r of this.$$s)
r in n && (s[r] = [i(r)]);
for (const r of this.attributes) {
const o = this.$$g_p(r.name);
o in this.$$d || (this.$$d[o] = B(o, r.value, this.$$p_d, "toProp"));
}
this.$$c = new this.$$ctor({
target: this.shadowRoot || this,
props: {
...this.$$d,
$$slots: s,
$$scope: {
ctx: []
}
}
});
const f = () => {
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 o = B(
r,
this.$$d[r],
this.$$p_d,
"toAttribute"
);
o == null ? this.removeAttribute(this.$$p_d[r].attribute || r) : this.setAttribute(this.$$p_d[r].attribute || r, o);
}
this.$$r = !1;
};
this.$$c.$$.after_update.push(f), f();
for (const r in this.$$l)
for (const o of this.$$l[r]) {
const u = this.$$c.$on(r, o);
this.$$l_u.set(o, u);
}
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(t, i, s) {
var n;
this.$$r || (t = this.$$g_p(t), this.$$d[t] = B(t, s, this.$$p_d, "toProp"), (n = this.$$c) == null || n.$set({ [t]: this.$$d[t] }));
}
disconnectedCallback() {
this.$$cn = !1, Promise.resolve().then(() => {
this.$$cn || (this.$$c.$destroy(), this.$$c = void 0);
});
}
$$g_p(t) {
return Object.keys(this.$$p_d).find(
(i) => this.$$p_d[i].attribute === t || !this.$$p_d[i].attribute && i.toLowerCase() === t
) || t;
}
});
function B(e, t, i, s) {
var f;
const n = (f = i[e]) == null ? void 0 : f.type;
if (t = n === "Boolean" && typeof t != "boolean" ? t != null : t, !s || !i[e])
return t;
if (s === "toAttribute")
switch (n) {
case "Object":
case "Array":
return t == null ? null : JSON.stringify(t);
case "Boolean":
return t ? "" : null;
case "Number":
return t ?? null;
default:
return t;
}
else
switch (n) {
case "Object":
case "Array":
return t && JSON.parse(t);
case "Boolean":
return t;
case "Number":
return t != null ? +t : t;
default:
return t;
}
}
function U(e, t, i, s, n, f) {
let r = class extends ht {
constructor() {
super(e, i, n), this.$$p_d = t;
}
static get observedAttributes() {
return Object.keys(t).map(
(o) => (t[o].attribute || o).toLowerCase()
);
}
};
return Object.keys(t).forEach((o) => {
Object.defineProperty(r.prototype, o, {
get() {
return this.$$c && o in this.$$c ? this.$$c[o] : this.$$d[o];
},
set(u) {
var a;
u = B(o, u, t), this.$$d[o] = u, (a = this.$$c) == null || a.$set({ [o]: u });
}
});
}), s.forEach((o) => {
Object.defineProperty(r.prototype, o, {
get() {
var u;
return (u = this.$$c) == null ? void 0 : u[o];
}
});
}), f && (r = f(r)), e.element = /** @type {any} */
r, r;
}
class X {
constructor() {
/**
* ### PRIVATE API
*
* Do not use, may change at any time
*
* @type {any}
*/
m(this, "$$");
/**
* ### PRIVATE API
*
* Do not use, may change at any time
*
* @type {any}
*/
m(this, "$$set");
}
/** @returns {void} */
$destroy() {
dt(this, 1), this.$destroy = w;
}
/**
* @template {Extract<keyof Events, string>} K
* @param {K} type
* @param {((e: Events[K]) => void) | null | undefined} callback
* @returns {() => void}
*/
$on(t, i) {
if (!ct(i))
return w;
const s = this.$$.callbacks[t] || (this.$$.callbacks[t] = []);
return s.push(i), () => {
const n = s.indexOf(i);
n !== -1 && s.splice(n, 1);
};
}
/**
* @param {Partial<Props>} props
* @returns {void}
*/
$set(t) {
this.$$set && !gt(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1);
}
}
const Ct = "4";
typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(Ct);
function Pt(e) {
let t, i, s;
return {
c() {
t = d("div"), i = d("iframe"), P(i, "width", "100%"), P(i, "height", "100%"), l(i, "width", "560"), l(i, "height", "315"), g(i.src, s = `https://www.youtube.com/embed/${/*youtube_id*/
e[0]}`) || l(i, "src", s), l(i, "title", "YouTube video player"), l(i, "frameborder", "0"), i.allowFullscreen = !0, P(t, "width", "100%"), P(t, "aspect-ratio", "560/315");
},
m(n, f) {
W(n, t, f), c(t, i);
},
p(n, [f]) {
f & /*youtube_id*/
1 && !g(i.src, s = `https://www.youtube.com/embed/${/*youtube_id*/
n[0]}`) && l(i, "src", s);
},
i: w,
o: w,
d(n) {
n && D(t);
}
};
}
function Tt(e, t, i) {
let { youtube_id: s } = t;
return e.$$set = (n) => {
"youtube_id" in n && i(0, s = n.youtube_id);
}, [s];
}
class Bt extends X {
constructor(t) {
super(), F(this, t, Tt, Pt, V, { youtube_id: 0 });
}
get youtube_id() {
return this.$$.ctx[0];
}
set youtube_id(t) {
this.$$set({ youtube_id: t }), J();
}
}
U(Bt, { youtube_id: {} }, [], [], !0);
function It(e) {
wt(e, "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}.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}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%}.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}}");
}
function Dt(e) {
let t, i, s, n, f, r, o, u, a, v, h, $, p, G, Y, y, K, Q, x, Z, tt, A, et, it, L, k, st, nt, N;
return {
c() {
t = d("div"), i = d("div"), s = d("img"), f = _(), r = d("div"), o = d("img"), a = _(), v = d("div"), v.innerHTML = `<h2 class="svelte-19vfowi">Line and Define Like Never Before with <br/>Artistic Striper Gels!</h2> <p class="svelte-19vfowi">Artistic Nail Design is elevating nail art once again with the launch
of the brand new Striper Gel Paints! Whether you want to rock a bold
and daring look or keep it simple and chic, Artistic Striper Gels take
your nail art game to the next level! Our ultra-thin and flexible brush
makes creating intricate designs easy and gives a flawless one-stroke
coverage finish. Striper Gels are a must-have addition to your collection.</p> <p class="svelte-19vfowi">The Artistic Striper Gels are an easy-to-use, LED cured formula that
has no wrinkling or marbling. Striper Gels can be paired with Colour
Gloss Soak-Off Gel Polish and any of our other LED cured product lines.
Whether you are applying nail art on top of gel polish or topping off
a stunning set of Gel-On Xtensions, Striper Gels will be the secret
weapon in your nail art arsenal. The ultra-thin brush-in-bottle
packaging allows for precise linework and clean detailing. Best of all,
these nail art paints offer great coverage and vivid color to create
the best nail art possible.</p>`, h = _(), $ = d("div"), p = d("img"), Y = _(), y = d("img"), Q = _(), x = d("img"), tt = _(), A = d("img"), it = _(), L = d("div"), k = d("img"), nt = _(), N = d("div"), N.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 = `${b}Artistic/StriperGel/banner.jpg`) || l(s, "src", n), l(s, "alt", ""), l(s, "class", "svelte-19vfowi"), l(i, "class", "item1 svelte-19vfowi"), g(o.src, u = `${b}Artistic/StriperGel/model1.jpg`) || l(o, "src", u), l(o, "alt", ""), l(o, "class", "svelte-19vfowi"), l(r, "class", "item2 svelte-19vfowi"), l(v, "class", "item3 svelte-19vfowi"), g(p.src, G = `${b}Artistic/StriperGel/color.jpg`) || l(p, "src", G), l(p, "alt", ""), l(p, "class", "svelte-19vfowi"), g(y.src, K = `${b}Artistic/StriperGel/banner3.jpg`) || l(y, "src", K), l(y, "alt", ""), l(y, "class", "svelte-19vfowi"), g(x.src, Z = `${b}Artistic/StriperGel/banner1.jpg`) || l(x, "src", Z), l(x, "alt", ""), l(x, "class", "svelte-19vfowi"), g(A.src, et = `${b}Artistic/StriperGel/banner2.jpg`) || l(A, "src", et), l(A, "alt", ""), l(A, "class", "svelte-19vfowi"), l($, "class", "item6 svelte-19vfowi"), g(k.src, st = `${b}Artistic/Collections/W23/logo.jpg`) || l(k, "src", st), l(k, "alt", ""), l(k, "class", "svelte-19vfowi"), l(L, "class", "item8 svelte-19vfowi"), l(N, "class", "item9 svelte-19vfowi"), l(t, "class", "apluscontent svelte-19vfowi");
},
m(M, mt) {
W(M, t, mt), c(t, i), c(i, s), c(t, f), c(t, r), c(r, o), c(t, a), c(t, v), c(t, h), c(t, $), c($, p), c($, Y), c($, y), c($, Q), c($, x), c($, tt), c($, A), c(t, it), c(t, L), c(L, k), c(t, nt), c(t, N);
},
p: w,
i: w,
o: w,
d(M) {
M && D(t);
}
};
}
let b = "https://nailtechsupply.com/media/wysiwyg/web-components/";
class $t extends X {
constructor(t) {
super(), F(this, t, null, Dt, V, {}, It);
}
}
customElements.define("web-component-apluscontent-2713530", U($t, {}, [], [], !0));
function Mt(e) {
let t, i;
return t = new $t({}), {
c() {
Lt(t.$$.fragment);
},
m(s, n) {
ut(t, s, n), i = !0;
},
p: w,
i(s) {
i || (ft(t.$$.fragment, s), i = !0);
},
o(s) {
Ot(t.$$.fragment, s), i = !1;
},
d(s) {
dt(t, s);
}
};
}
class Rt extends X {
constructor(t) {
super(), F(this, t, null, Mt, V, {});
}
}
U(Rt, {}, [], [], !0);
</script>