@trintel/zooy 1.0.20 → 1.1.2

package/dist/chunks/skeleton-text-INjLvc2Y.js

@@ -1,71 +0,0 @@
-import { o as u, t as y, u as w } from "./lit-uyM4-HrV.js";
-import { t } from "./decorate-DT052P_1.js";
-import { t as C } from "./carbon-element-Z5iEnFdr.js";
-import { i as s } from "./decorators-CK8kfuyw.js";
-import { t as z } from "./class-map-qeLb1IA_.js";
-var h = /* @__PURE__ */ (function(o) {
-  return o.REGULAR = "", o.HEADING = "heading", o;
-})({}), $ = w(['@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds--icon--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds--icon--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--icon--skeleton{background:CanvasText}.cds--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--icon--skeleton{block-size:1rem;display:inline-block;inline-size:1rem}.cds--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds--skeleton__placeholder:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__placeholder{background:CanvasText}.cds--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:none}.cds--skeleton__text:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__text{background:CanvasText}.cds--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds--skeleton__heading{block-size:1.5rem}.cds--skeleton__icon--ai,.cds--skeleton__placeholder--ai,.cds--skeleton__text--ai{background:var(--cds-ai-skeleton-background,#d0e2ff);overflow:hidden}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before,.cds--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before{inline-size:200%}.cds--skeleton__placeholder--ai{border-radius:.5rem}.cds--skeleton__text--ai{border-radius:1rem}.cds--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__icon--ai,.cds--skeleton__placeholder--ai,.cds--skeleton__text--ai{background:CanvasText}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before,.cds--skeleton__text--ai:before{background:Canvas}}:host(cds-skeleton-text){display:block;inline-size:100%}:host(cds-skeleton-text) .cds--skeleton__text{margin-block-start:0}']);
-function _(o, n, c) {
-  return Math.floor([
-    0.973051493507435,
-    0.15334737213558558,
-    0.5671034553053769
-  ][c % 3] * (n - o + 1)) + o;
-}
-var e = class extends y {
-  constructor(...n) {
-    super(...n), this.type = h.REGULAR, this.heading = !1, this.width = "100%", this.paragraph = !1, this.lineCount = 3;
-  }
-  render() {
-    const { optionalClasses: n, paragraph: c, lineCount: b, type: g, width: d, heading: v } = this;
-    let l = {
-      "cds--skeleton__text": !0,
-      "cds--skeleton__heading": v || g === h.HEADING
-    };
-    if (n) {
-      const i = {};
-      n?.split(" ").forEach((r) => {
-        i[r] = !0;
-      }), l = {
-        ...l,
-        ...i
-      };
-    }
-    const k = z(l);
-    if (c) {
-      const i = parseInt(this.width, 10), r = this.width.includes("px"), f = this.width.includes("%"), p = [];
-      for (let a = 0; a < b; a++) {
-        const m = f && `${_(0, 75, a)}px` || r && `${_(0, i, a)}px`, x = f && `width: calc(${d} - ${m})` || r && `width: ${m}` || "";
-        p.push(u`<p class="${k}" style="${x}"></p>`);
-      }
-      return p;
-    }
-    return u`<p class="${k}" style="width:${d}"></p>`;
-  }
-  static {
-    this.styles = $;
-  }
-};
-t([s({
-  reflect: !0,
-  attribute: "optional-classes"
-})], e.prototype, "optionalClasses", void 0);
-t([s({ reflect: !0 })], e.prototype, "type", void 0);
-t([s({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "heading", void 0);
-t([s({ reflect: !0 })], e.prototype, "width", void 0);
-t([s({
-  type: Boolean,
-  reflect: !0
-})], e.prototype, "paragraph", void 0);
-t([s({
-  type: Number,
-  reflect: !0
-})], e.prototype, "lineCount", void 0);
-e = t([C("cds-skeleton-text")], e);
-export {
-  h as t
-};