@trintel/zooy 1.0.16 → 1.1.1

package/dist/chunks/index-CSH8oUIN.js

@@ -1,36 +0,0 @@
-"use strict";const l=require("./tslib.es6-B07k2eac.js"),g=require("./class-map-BwrbvkxB.js"),i=require("./main-CZIPBRMI.js"),c=require("./property-BIgIlh0E.js"),S=require("./query-Dh8joWcT.js"),h=require("./if-defined-CfI-rREy.js"),t=require("./settings-Bgpv8zuU.js"),T=require("./checkbox-B_b_oOJ5.js"),B=require("./host-listener-gxrTpxgv.js"),k=require("./carbon-element-CbfPUYRT.js");var _;(function(n){n.REGULAR="",n.SMALL="sm"})(_||(_={}));var m=i.i$1(['.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}@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}}.cds--toggle{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--toggle__label-text{color:var(--cds-text-secondary,#525252);display:block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin-block-end:1rem}.cds--toggle__button{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--toggle__button:focus{outline:none}.cds--toggle__appearance{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:inline-grid;grid-template-columns:max-content max-content}.cds--toggle__switch{background-color:var(--cds-toggle-off,#8d8d8d);block-size:1.5rem;border-radius:.75rem;inline-size:3rem;position:relative;transition:background-color 70ms cubic-bezier(.2,0,1,.9)}.cds--toggle__switch:before{background-color:var(--cds-icon-on-color,#fff);block-size:1.125rem;border-radius:50%;content:"";inline-size:1.125rem;inset-block-start:.1875rem;inset-inline-start:.1875rem;position:absolute;transition:transform 70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--toggle__switch:before{transition:none}}.cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch:after,.cds--toggle__button:focus+.cds--toggle__label .cds--toggle__switch:after{block-size:100%;border-radius:1rem;content:"";display:block;outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--toggle__switch--checked{background-color:var(--cds-support-success,#24a148)}.cds--toggle__switch--checked:before{transform:translateX(1.5rem)}.cds--toggle__text{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.cds--toggle__appearance--sm .cds--toggle__switch{block-size:1rem;inline-size:2rem}.cds--toggle__appearance--sm .cds--toggle__switch:before{block-size:.625rem;inline-size:.625rem}.cds--toggle__appearance--sm .cds--toggle__switch--checked:before{transform:translateX(1rem)}.cds--toggle__check{block-size:.3125rem;position:absolute;fill:var(--cds-support-success,#24a148);inline-size:.375rem;inset-block-start:.375rem;inset-inline-end:.3125rem;visibility:hidden}.cds--toggle__switch--checked .cds--toggle__check{visibility:visible}.cds--toggle--disabled .cds--toggle__appearance,:host(cds-toggle[disabled]) .cds--toggle__appearance{cursor:not-allowed}.cds--toggle--disabled .cds--toggle__label-text,.cds--toggle--disabled .cds--toggle__text,:host(cds-toggle[disabled]) .cds--toggle__label-text,:host(cds-toggle[disabled]) .cds--toggle__text{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--toggle--disabled .cds--toggle__switch,:host(cds-toggle[disabled]) .cds--toggle__switch{background-color:var(--cds-button-disabled,#c6c6c6)}.cds--toggle--disabled .cds--toggle__switch:before,:host(cds-toggle[disabled]) .cds--toggle__switch:before{background-color:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--toggle--disabled .cds--toggle__check,:host(cds-toggle[disabled]) .cds--toggle__check{fill:var(--cds-button-disabled,#c6c6c6)}.cds--toggle--readonly .cds--toggle__appearance,:host(cds-toggle[read-only]) .cds--toggle__appearance{cursor:default}.cds--toggle--readonly .cds--toggle__switch,:host(cds-toggle[read-only]) .cds--toggle__switch{background-color:transparent;border:1px solid var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--toggle--readonly .cds--toggle__switch:before,:host(cds-toggle[read-only]) .cds--toggle__switch:before{background-color:var(--cds-icon-primary,#161616);inset-block-start:.125rem;inset-inline-start:.125rem}.cds--toggle--readonly .cds--toggle__check,:host(cds-toggle[read-only]) .cds--toggle__check{fill:var(--cds-background,#fff);inset-block-start:.3125rem;inset-inline-end:.25rem}.cds--toggle--readonly .cds--toggle__text,:host(cds-toggle[read-only]) .cds--toggle__text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--toggle__switch,.cds--toggle__switch:before{outline:1px solid transparent}.cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch,.cds--toggle__button:focus+.cds--toggle__label .cds--toggle__switch{color:Highlight;outline:1px solid Highlight}}.cds--toggle--skeleton{align-items:center;display:flex}.cds--toggle--skeleton .cds--toggle__skeleton-circle{background:var(--cds-skeleton-background,#e8e8e8);overflow:hidden;position:relative}.cds--toggle--skeleton .cds--toggle__skeleton-circle:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:200%;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--toggle--skeleton .cds--toggle__skeleton-circle:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--toggle--skeleton .cds--toggle__skeleton-circle{background:CanvasText}.cds--toggle--skeleton .cds--toggle__skeleton-circle:before{background:Canvas;forced-color-adjust:none}}.cds--toggle--skeleton .cds--toggle__skeleton-circle{block-size:1.125rem;border-radius:50%;inline-size:1.125rem}.cds--toggle--skeleton .cds--toggle__skeleton-rectangle{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:active,.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:focus,.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:hover{border:none;cursor:default;outline:none}.cds--toggle--skeleton .cds--toggle__skeleton-rectangle: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--toggle--skeleton .cds--toggle__skeleton-rectangle:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--toggle--skeleton .cds--toggle__skeleton-rectangle{background:CanvasText}.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:before{background:Canvas;forced-color-adjust:none}}.cds--toggle--skeleton .cds--toggle__skeleton-rectangle{block-size:.5rem;inline-size:1.5rem;margin-inline-start:.5rem}[dir=rtl] .cds--toggle__switch--checked:before{transform:translateX(-1.5rem)}[dir=rtl] .cds--toggle__appearance--sm .cds--toggle__switch--checked:before{transform:translateX(-1rem)}:host(cds-toggle){outline:none}:host(cds-toggle) .cds--toggle__label{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(cds-toggle[enable-v12-toggle-reduced-label-spacing]) .cds--toggle__label-text{margin-block-end:.5rem}:host(cds-toggle[disabled]) .cds--toggle__appearance{cursor:not-allowed}:host(cds-toggle[read-only]) .cds--toggle__switch{border:none;box-shadow:inset 0 0 0 1px var(--cds-icon-disabled,hsla(0,0%,9%,.25))}:host(cds-toggle[read-only]) .cds--toggle__switch:before{inset-block-start:.1875rem;inset-inline-start:.1875rem}:host(cds-toggle[read-only]) .cds--toggle__check{inset-block-start:.375rem;inset-inline-end:.3125rem}:host(cds-toggle:dir(rtl)) .cds--toggle__switch--checked:before{transform:translateX(-1.5rem)}:host(cds-toggle:dir(rtl)) .cds--toggle__appearance--sm .cds--toggle__switch--checked:before{transform:translateX(-1rem)}']);let s=class extends B.HostListenerMixin(T.CDSCheckbox$1){constructor(){super(...arguments),this.labelA="On",this.hideLabel=!1,this.readOnly=!1,this.size=_.REGULAR,this.labelB="Off",this._externalLabels=[],this._onExternalLabelClick=()=>{var e;(e=this._checkboxNode)===null||e===void 0||e.focus(),this._handleChange()}}_handleChange(){const{checked:e}=this._checkboxNode;if(this.disabled||this.readOnly)return;this.toggled=!e;const{eventChange:o}=this.constructor;this.dispatchEvent(new CustomEvent(o,{bubbles:!0,composed:!0,detail:{checked:this.toggled,toggled:this.toggled}}))}_renderCheckmark(){if(!(this.size!==_.SMALL||this.readOnly==!0))return i.x`
-      <svg
-        class="${t.prefix}--toggle__check"
-        width="6px"
-        height="5px"
-        viewBox="0 0 6 5">
-        <path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />
-      </svg>
-    `}get _checkedAttributeAlias(){return this.toggled}set _checkedAttributeAlias(e){this.toggled=e}get toggled(){return this.checked}set toggled(e){const o=this.checked;o!==e&&(this.checked=e,this.requestUpdate("toggled",o),this.requestUpdate("_checkedAttributeAlias"))}_attachExternalLabels(){const e=this.ownerDocument||document,o=this.id?[...e.querySelectorAll(`label[for="${this.id}"]`)]:[];this._externalLabels=Array.from(new Set(o)),this._externalLabels.forEach(r=>{r.addEventListener("click",this._onExternalLabelClick)})}connectedCallback(){var e;(e=super.connectedCallback)===null||e===void 0||e.call(this),this._attachExternalLabels()}disconnectedCallback(){var e;(e=super.disconnectedCallback)===null||e===void 0||e.call(this),this._externalLabels.forEach(o=>o.removeEventListener("click",this._onExternalLabelClick))}render(){var e,o;const{toggled:r,disabled:v,labelText:a,hideLabel:p,id:d,name:x,size:f,labelA:y,labelB:w,value:$,_handleChange:z}=this,C=g.e({[`${t.prefix}--toggle__appearance`]:!0,[`${t.prefix}--toggle__appearance--${f}`]:f}),L=g.e({[`${t.prefix}--toggle__switch`]:!0,[`${t.prefix}--toggle__switch--checked`]:r}),A=g.e({[`${t.prefix}--toggle__label-text`]:a,[`${t.prefix}--visually-hidden`]:p});let b="";p?b=a||"":b=r?y:w;const E=d?`${d}_label`:void 0,X=((e=this.labelText)!==null&&e!==void 0?e:"")!=="",q=(o=this.ariaLabelledby)!==null&&o!==void 0?o:X&&E;return i.x`
-      <button
-        class="${t.prefix}--toggle__button"
-        role="switch"
-        type="button"
-        aria-checked=${r}
-        aria-labelledby=${h.o(q)}
-        .checked=${r}
-        name="${h.o(x)}"
-        value="${h.o($)}"
-        ?disabled=${v}
-        id="${d}"
-        @click=${z}></button>
-      <label for="${d}" class="${t.prefix}--toggle__label">
-        ${a?i.x`<span class="${A}">${a}</span>`:null}
-        <div class="${C}">
-          <div class="${L}">${this._renderCheckmark()}</div>
-          <span class="${t.prefix}--toggle__text" aria-hidden="true"
-            >${b}</span
-          >
-        </div>
-      </label>
-    `}static get eventChange(){return`${t.prefix}-toggle-changed`}};s.styles=m;l.__decorate([S.e("button")],s.prototype,"_checkboxNode",void 0);l.__decorate([c.n({type:Boolean,attribute:"checked",reflect:!0})],s.prototype,"_checkedAttributeAlias",null);l.__decorate([c.n({type:Boolean,reflect:!0})],s.prototype,"toggled",null);l.__decorate([c.n({type:String,attribute:"aria-labelledby"})],s.prototype,"ariaLabelledby",void 0);l.__decorate([c.n({attribute:"label-a"})],s.prototype,"labelA",void 0);l.__decorate([c.n({reflect:!0,type:Boolean})],s.prototype,"hideLabel",void 0);l.__decorate([c.n({reflect:!0,attribute:"read-only",type:Boolean})],s.prototype,"readOnly",void 0);l.__decorate([c.n({reflect:!0})],s.prototype,"size",void 0);l.__decorate([c.n({attribute:"label-b"})],s.prototype,"labelB",void 0);s=l.__decorate([k.carbonElement(`${t.prefix}-toggle`)],s);let u=class extends i.i{render(){const e=g.e({[`${t.prefix}--toggle`]:!0,[`${t.prefix}--toggle--skeleton`]:!0});return i.x`
-      <div class=${e}>
-        <div class="${t.prefix}--toggle__skeleton-circle"></div>
-        <div class="${t.prefix}--toggle__skeleton-rectangle"></div>
-      </div>
-    `}};u.styles=m;u=l.__decorate([k.carbonElement(`${t.prefix}-toggle-skeleton`)],u);

package/dist/chunks/index-CTB8Esah.js

@@ -1 +0,0 @@
-"use strict";const o=require("./tslib.es6-B07k2eac.js"),y=require("./class-map-BwrbvkxB.js"),c=require("./main-CZIPBRMI.js"),s=require("./property-BIgIlh0E.js"),_=require("./settings-Bgpv8zuU.js"),E=require("./carbon-element-CbfPUYRT.js");exports.SKELETON_TEXT_TYPE=void 0;(function(t){t.REGULAR="",t.HEADING="heading"})(exports.SKELETON_TEXT_TYPE||(exports.SKELETON_TEXT_TYPE={}));var T=c.i$1(['@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 m(t,n,l){return Math.floor([.973051493507435,.15334737213558558,.5671034553053769][l%3]*(n-t+1))+t}let e=class extends c.i{constructor(){super(...arguments),this.type=exports.SKELETON_TEXT_TYPE.REGULAR,this.heading=!1,this.width="100%",this.paragraph=!1,this.lineCount=3}render(){const{optionalClasses:n,paragraph:l,lineCount:k,type:g,width:f,heading:v}=this;let d={[`${_.prefix}--skeleton__text`]:!0,[`${_.prefix}--skeleton__heading`]:v||g===exports.SKELETON_TEXT_TYPE.HEADING};if(n){const r={};n?.split(" ").forEach(i=>{r[i]=!0}),d=Object.assign(Object.assign({},d),r)}const u=y.e(d);if(l){const r=parseInt(this.width,10),i=this.width.includes("px"),p=this.width.includes("%"),b=[];for(let a=0;a<k;a++){const h=p&&`${m(0,75,a)}px`||i&&`${m(0,r,a)}px`,x=p&&`width: calc(${f} - ${h})`||i&&`width: ${h}`||"";b.push(c.x`<p class="${u}" style="${x}"></p>`)}return b}return c.x`<p class="${u}" style="width:${f}"></p>`}};e.styles=T;o.__decorate([s.n({reflect:!0,attribute:"optional-classes"})],e.prototype,"optionalClasses",void 0);o.__decorate([s.n({reflect:!0})],e.prototype,"type",void 0);o.__decorate([s.n({type:Boolean,reflect:!0})],e.prototype,"heading",void 0);o.__decorate([s.n({reflect:!0})],e.prototype,"width",void 0);o.__decorate([s.n({type:Boolean,reflect:!0})],e.prototype,"paragraph",void 0);o.__decorate([s.n({type:Number,reflect:!0})],e.prototype,"lineCount",void 0);e=o.__decorate([E.carbonElement(`${_.prefix}-skeleton-text`)],e);const w=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.index=w;