@fluid-topics/ft-in-product-help 1.2.46 → 1.2.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -543,7 +543,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
543
543
  <div class="ft-ripple--background"></div>
544
544
  <div class="ft-ripple--effect"></div>
545
545
  </div>
546
- `}contentAvailableCallback(o){super.contentAvailableCallback(o),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(o){var a,i;super.update(o),o.has("disabled")&&(this.disabled?(this.endRipple(),(a=this.target)===null||a===void 0||a.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var o,a;let i=(o=this.shadowRoot)===null||o===void 0?void 0:o.host.parentElement;i&&this.setupFor((a=this.target)!==null&&a!==void 0?a:i)}setupFor(o){if(this.setupDebouncer.cancel(),this.target===o)return;this.onDisconnect&&this.onDisconnect(),this.target=o,o.setAttribute("data-is-ft-ripple-target","true");let a=(...p)=>y=>{p.forEach(m=>window.addEventListener(m,this.endPress,{once:!0})),this.startPress(y)},i=a("mouseup","contextmenu"),c=a("touchend","touchcancel"),l=p=>{["Enter"," "].includes(p.key)&&a("keyup")(p)},d={passive:!0};o.addEventListener("mouseover",this.startHover,d),o.addEventListener("mousemove",this.moveRipple,d),o.addEventListener("mouseleave",this.endHover,d),o.addEventListener("mousedown",i,d),o.addEventListener("touchstart",c,d),o.addEventListener("touchmove",this.moveRipple,d),o.addEventListener("keydown",l,d),o.addEventListener("focus",this.startFocus,d),o.addEventListener("blur",this.endFocus,d),o.addEventListener("focusin",this.startFocus,d),o.addEventListener("focusout",this.endFocus,d),this.onDisconnect=()=>{o.removeAttribute("data-is-ft-ripple-target"),o.removeEventListener("mouseover",this.startHover,d),o.removeEventListener("mousemove",this.moveRipple,d),o.removeEventListener("mouseleave",this.endHover,d),o.removeEventListener("mousedown",i,d),o.removeEventListener("touchstart",c,d),o.removeEventListener("touchmove",this.moveRipple,d),o.removeEventListener("keydown",l,d),o.removeEventListener("focus",this.startFocus,d),o.removeEventListener("blur",this.endFocus,d),o.removeEventListener("focusin",this.startFocus,d),o.removeEventListener("focusout",this.endFocus,d),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(o){let a=o,i=o,c,l;return a.x!=null?{x:c,y:l}=a:i.touches!=null&&(c=i.touches[0].clientX,l=i.touches[0].clientY),{x:c,y:l}}isFocusVisible(o){return o instanceof HTMLElement?o.matches(":focus-visible"):!0}isIgnored(o){if(this.disabled)return!0;if(o!=null)for(let a of o.composedPath()){if(a===this.target)break;if("hasAttribute"in a&&a.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};B.elementDefinitions={};B.styles=zo;Q([(0,V.property)({type:Boolean})],B.prototype,"primary",void 0);Q([(0,V.property)({type:Boolean})],B.prototype,"secondary",void 0);Q([(0,V.property)({type:Boolean})],B.prototype,"unbounded",void 0);Q([(0,V.property)({type:Boolean})],B.prototype,"activated",void 0);Q([(0,V.property)({type:Boolean})],B.prototype,"selected",void 0);Q([(0,V.property)({type:Boolean})],B.prototype,"disabled",void 0);Q([(0,V.state)()],B.prototype,"hovered",void 0);Q([(0,V.state)()],B.prototype,"focused",void 0);Q([(0,V.state)()],B.prototype,"pressed",void 0);Q([(0,V.state)()],B.prototype,"rippling",void 0);Q([(0,V.state)()],B.prototype,"originX",void 0);Q([(0,V.state)()],B.prototype,"originY",void 0);Q([(0,V.query)(".ft-ripple")],B.prototype,"ripple",void 0);Q([(0,V.query)(".ft-ripple--effect")],B.prototype,"rippleEffect",void 0);(0,$r.customElement)("ft-ripple")(B);var wa=x(R());var va=x(U()),G=x(ft()),me=x(R());var Yr=x(R());var Ke=globalThis,Ee=Ke.trustedTypes,Br=Ee?Ee.createPolicy("lit-html",{createHTML:e=>e}):void 0,Hr="$lit$",Lt=`lit$${Math.random().toFixed(9).slice(2)}$`,Dr="?"+Lt,Va=`<${Dr}>`,Tt=document,Re=()=>Tt.createComment(""),se=e=>e===null||typeof e!="object"&&typeof e!="function",Ve=Array.isArray,ja=e=>Ve(e)||typeof e?.[Symbol.iterator]=="function",_e=`[
546
+ `}contentAvailableCallback(o){super.contentAvailableCallback(o),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(o){var a,i;super.update(o),o.has("disabled")&&(this.disabled?(this.endRipple(),(a=this.target)===null||a===void 0||a.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var o,a;let i=(o=this.shadowRoot)===null||o===void 0?void 0:o.host.parentElement;i&&this.setupFor((a=this.target)!==null&&a!==void 0?a:i)}forceFocusUpdate(){var o;!((o=this.target)===null||o===void 0)&&o.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(o){if(this.setupDebouncer.cancel(),this.target===o)return;this.onDisconnect&&this.onDisconnect(),this.target=o,o.setAttribute("data-is-ft-ripple-target","true");let a=(...p)=>y=>{p.forEach(m=>window.addEventListener(m,this.endPress,{once:!0})),this.startPress(y)},i=a("mouseup","contextmenu"),c=a("touchend","touchcancel"),l=p=>{["Enter"," "].includes(p.key)&&a("keyup")(p)},d={passive:!0};o.addEventListener("mouseover",this.startHover,d),o.addEventListener("mousemove",this.moveRipple,d),o.addEventListener("mouseleave",this.endHover,d),o.addEventListener("mousedown",i,d),o.addEventListener("touchstart",c,d),o.addEventListener("touchmove",this.moveRipple,d),o.addEventListener("keydown",l,d),o.addEventListener("focus",this.startFocus,d),o.addEventListener("blur",this.endFocus,d),o.addEventListener("focusin",this.startFocus,d),o.addEventListener("focusout",this.endFocus,d),this.onDisconnect=()=>{o.removeAttribute("data-is-ft-ripple-target"),o.removeEventListener("mouseover",this.startHover,d),o.removeEventListener("mousemove",this.moveRipple,d),o.removeEventListener("mouseleave",this.endHover,d),o.removeEventListener("mousedown",i,d),o.removeEventListener("touchstart",c,d),o.removeEventListener("touchmove",this.moveRipple,d),o.removeEventListener("keydown",l,d),o.removeEventListener("focus",this.startFocus,d),o.removeEventListener("blur",this.endFocus,d),o.removeEventListener("focusin",this.startFocus,d),o.removeEventListener("focusout",this.endFocus,d),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(o){let a=o,i=o,c,l;return a.x!=null?{x:c,y:l}=a:i.touches!=null&&(c=i.touches[0].clientX,l=i.touches[0].clientY),{x:c,y:l}}isFocusVisible(o){return o instanceof HTMLElement?o.matches(":focus-visible"):!0}isIgnored(o){if(this.disabled)return!0;if(o!=null)for(let a of o.composedPath()){if(a===this.target)break;if("hasAttribute"in a&&a.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};B.elementDefinitions={};B.styles=zo;Q([(0,V.property)({type:Boolean})],B.prototype,"primary",void 0);Q([(0,V.property)({type:Boolean})],B.prototype,"secondary",void 0);Q([(0,V.property)({type:Boolean})],B.prototype,"unbounded",void 0);Q([(0,V.property)({type:Boolean})],B.prototype,"activated",void 0);Q([(0,V.property)({type:Boolean})],B.prototype,"selected",void 0);Q([(0,V.property)({type:Boolean})],B.prototype,"disabled",void 0);Q([(0,V.state)()],B.prototype,"hovered",void 0);Q([(0,V.state)()],B.prototype,"focused",void 0);Q([(0,V.state)()],B.prototype,"pressed",void 0);Q([(0,V.state)()],B.prototype,"rippling",void 0);Q([(0,V.state)()],B.prototype,"originX",void 0);Q([(0,V.state)()],B.prototype,"originY",void 0);Q([(0,V.query)(".ft-ripple")],B.prototype,"ripple",void 0);Q([(0,V.query)(".ft-ripple--effect")],B.prototype,"rippleEffect",void 0);(0,$r.customElement)("ft-ripple")(B);var wa=x(R());var va=x(U()),G=x(ft()),me=x(R());var Yr=x(R());var Ke=globalThis,Ee=Ke.trustedTypes,Br=Ee?Ee.createPolicy("lit-html",{createHTML:e=>e}):void 0,Hr="$lit$",Lt=`lit$${Math.random().toFixed(9).slice(2)}$`,Dr="?"+Lt,Va=`<${Dr}>`,Tt=document,Re=()=>Tt.createComment(""),se=e=>e===null||typeof e!="object"&&typeof e!="function",Ve=Array.isArray,ja=e=>Ve(e)||typeof e?.[Symbol.iterator]=="function",_e=`[
547
547
  \f\r]`,de=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Pr=/-->/g,Wr=/>/g,Pt=RegExp(`>|${_e}(?:([^\\s"'>=/]+)(${_e}*=${_e}*(?:[^
548
548
  \f\r"'\`<>=]|("|')|))|$)`,"g"),Tr=/'/g,kr=/"/g,_r=/^(?:script|style|textarea|title)$/i,je=e=>(o,...a)=>({_$litType$:e,strings:o,values:a}),Ur=je(1),Gr=je(2),Mr=je(3),pe=Symbol.for("lit-noChange"),K=Symbol.for("lit-nothing"),zr=new WeakMap,Wt=Tt.createTreeWalker(Tt,129);function Zr(e,o){if(!Ve(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Br!==void 0?Br.createHTML(o):o}var Ya=(e,o)=>{let a=e.length-1,i=[],c,l=o===2?"<svg>":o===3?"<math>":"",d=de;for(let p=0;p<a;p++){let y=e[p],m,O,b=-1,w=0;for(;w<y.length&&(d.lastIndex=w,O=d.exec(y),O!==null);)w=d.lastIndex,d===de?O[1]==="!--"?d=Pr:O[1]!==void 0?d=Wr:O[2]!==void 0?(_r.test(O[2])&&(c=RegExp("</"+O[2],"g")),d=Pt):O[3]!==void 0&&(d=Pt):d===Pt?O[0]===">"?(d=c??de,b=-1):O[1]===void 0?b=-2:(b=d.lastIndex-O[2].length,m=O[1],d=O[3]===void 0?Pt:O[3]==='"'?kr:Tr):d===kr||d===Tr?d=Pt:d===Pr||d===Wr?d=de:(d=Pt,c=void 0);let v=d===Pt&&e[p+1].startsWith("/>")?" ":"";l+=d===de?y+Va:b>=0?(i.push(m),y.slice(0,b)+Hr+y.slice(b)+Lt+v):y+Lt+(b===-2?p:v)}return[Zr(e,l+(e[a]||"<?>")+(o===2?"</svg>":o===3?"</math>":"")),i]},fe=class e{constructor({strings:o,_$litType$:a},i){let c;this.parts=[];let l=0,d=0,p=o.length-1,y=this.parts,[m,O]=Ya(o,a);if(this.el=e.createElement(m,i),Wt.currentNode=this.el.content,a===2||a===3){let b=this.el.content.firstChild;b.replaceWith(...b.childNodes)}for(;(c=Wt.nextNode())!==null&&y.length<p;){if(c.nodeType===1){if(c.hasAttributes())for(let b of c.getAttributeNames())if(b.endsWith(Hr)){let w=O[d++],v=c.getAttribute(b).split(Lt),E=/([.?@])?(.*)/.exec(w);y.push({type:1,index:l,name:E[2],strings:v,ctor:E[1]==="."?Ge:E[1]==="?"?Me:E[1]==="@"?Ze:qt}),c.removeAttribute(b)}else b.startsWith(Lt)&&(y.push({type:6,index:l}),c.removeAttribute(b));if(_r.test(c.tagName)){let b=c.textContent.split(Lt),w=b.length-1;if(w>0){c.textContent=Ee?Ee.emptyScript:"";for(let v=0;v<w;v++)c.append(b[v],Re()),Wt.nextNode(),y.push({type:2,index:++l});c.append(b[w],Re())}}}else if(c.nodeType===8)if(c.data===Dr)y.push({type:2,index:l});else{let b=-1;for(;(b=c.data.indexOf(Lt,b+1))!==-1;)y.push({type:7,index:l}),b+=Lt.length-1}l++}}static createElement(o,a){let i=Tt.createElement("template");return i.innerHTML=o,i}};function Xt(e,o,a=e,i){if(o===pe)return o;let c=i!==void 0?a._$Co?.[i]:a._$Cl,l=se(o)?void 0:o._$litDirective$;return c?.constructor!==l&&(c?._$AO?.(!1),l===void 0?c=void 0:(c=new l(e),c._$AT(e,a,i)),i!==void 0?(a._$Co??=[])[i]=c:a._$Cl=c),c!==void 0&&(o=Xt(e,c._$AS(e,o.values),c,i)),o}var Ue=class{constructor(o,a){this._$AV=[],this._$AN=void 0,this._$AD=o,this._$AM=a}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(o){let{el:{content:a},parts:i}=this._$AD,c=(o?.creationScope??Tt).importNode(a,!0);Wt.currentNode=c;let l=Wt.nextNode(),d=0,p=0,y=i[0];for(;y!==void 0;){if(d===y.index){let m;y.type===2?m=new Le(l,l.nextSibling,this,o):y.type===1?m=new y.ctor(l,y.name,y.strings,this,o):y.type===6&&(m=new Fe(l,this,o)),this._$AV.push(m),y=i[++p]}d!==y?.index&&(l=Wt.nextNode(),d++)}return Wt.currentNode=Tt,c}p(o){let a=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(o,i,a),a+=i.strings.length-2):i._$AI(o[a])),a++}},Le=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(o,a,i,c){this.type=2,this._$AH=K,this._$AN=void 0,this._$AA=o,this._$AB=a,this._$AM=i,this.options=c,this._$Cv=c?.isConnected??!0}get parentNode(){let o=this._$AA.parentNode,a=this._$AM;return a!==void 0&&o?.nodeType===11&&(o=a.parentNode),o}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(o,a=this){o=Xt(this,o,a),se(o)?o===K||o==null||o===""?(this._$AH!==K&&this._$AR(),this._$AH=K):o!==this._$AH&&o!==pe&&this._(o):o._$litType$!==void 0?this.$(o):o.nodeType!==void 0?this.T(o):ja(o)?this.k(o):this._(o)}O(o){return this._$AA.parentNode.insertBefore(o,this._$AB)}T(o){this._$AH!==o&&(this._$AR(),this._$AH=this.O(o))}_(o){this._$AH!==K&&se(this._$AH)?this._$AA.nextSibling.data=o:this.T(Tt.createTextNode(o)),this._$AH=o}$(o){let{values:a,_$litType$:i}=o,c=typeof i=="number"?this._$AC(o):(i.el===void 0&&(i.el=fe.createElement(Zr(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===c)this._$AH.p(a);else{let l=new Ue(c,this),d=l.u(this.options);l.p(a),this.T(d),this._$AH=l}}_$AC(o){let a=zr.get(o.strings);return a===void 0&&zr.set(o.strings,a=new fe(o)),a}k(o){Ve(this._$AH)||(this._$AH=[],this._$AR());let a=this._$AH,i,c=0;for(let l of o)c===a.length?a.push(i=new e(this.O(Re()),this.O(Re()),this,this.options)):i=a[c],i._$AI(l),c++;c<a.length&&(this._$AR(i&&i._$AB.nextSibling,c),a.length=c)}_$AR(o=this._$AA.nextSibling,a){for(this._$AP?.(!1,!0,a);o&&o!==this._$AB;){let i=o.nextSibling;o.remove(),o=i}}setConnected(o){this._$AM===void 0&&(this._$Cv=o,this._$AP?.(o))}},qt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(o,a,i,c,l){this.type=1,this._$AH=K,this._$AN=void 0,this.element=o,this.name=a,this._$AM=c,this.options=l,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=K}_$AI(o,a=this,i,c){let l=this.strings,d=!1;if(l===void 0)o=Xt(this,o,a,0),d=!se(o)||o!==this._$AH&&o!==pe,d&&(this._$AH=o);else{let p=o,y,m;for(o=l[0],y=0;y<l.length-1;y++)m=Xt(this,p[i+y],a,y),m===pe&&(m=this._$AH[y]),d||=!se(m)||m!==this._$AH[y],m===K?o=K:o!==K&&(o+=(m??"")+l[y+1]),this._$AH[y]=m}d&&!c&&this.j(o)}j(o){o===K?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,o??"")}},Ge=class extends qt{constructor(){super(...arguments),this.type=3}j(o){this.element[this.name]=o===K?void 0:o}},Me=class extends qt{constructor(){super(...arguments),this.type=4}j(o){this.element.toggleAttribute(this.name,!!o&&o!==K)}},Ze=class extends qt{constructor(o,a,i,c,l){super(o,a,i,c,l),this.type=5}_$AI(o,a=this){if((o=Xt(this,o,a,0)??K)===pe)return;let i=this._$AH,c=o===K&&i!==K||o.capture!==i.capture||o.once!==i.once||o.passive!==i.passive,l=o!==K&&(i===K||c);c&&this.element.removeEventListener(this.name,this,i),l&&this.element.addEventListener(this.name,this,o),this._$AH=o}handleEvent(o){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,o):this._$AH.handleEvent(o)}},Fe=class{constructor(o,a,i){this.element=o,this.type=6,this._$AN=void 0,this._$AM=a,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(o){Xt(this,o)}};var Xa=Ke.litHtmlPolyfillSupport;Xa?.(fe,Le),(Ke.litHtmlVersions??=[]).push("3.3.0");var Kr=Symbol.for(""),qa=e=>{if(e?.r===Kr)return e?._$litStatic$},Ye=e=>({_$litStatic$:e,r:Kr});var Fr=new Map,Xe=e=>(o,...a)=>{let i=a.length,c,l,d=[],p=[],y,m=0,O=!1;for(;m<i;){for(y=o[m];m<i&&(l=a[m],(c=qa(l))!==void 0);)y+=c+o[++m],O=!0;m!==i&&p.push(l),d.push(y),m++}if(m===i&&d.push(o[i]),O){let b=d.join("$$lit$$");(o=Fr.get(b))===void 0&&(d.raw=d,Fr.set(b,o=d)),a=p}return e(o,...a)},qe=Xe(Ur),gs=Xe(Gr),hs=Xe(Mr);var Qe=x(ft()),jr=x(R());var At;(function(e){e.title="title",e.title_dense="title-dense",e.subtitle1="subtitle1",e.subtitle2="subtitle2",e.body1="body1",e.body2="body2",e.caption="caption",e.breadcrumb="breadcrumb",e.overline="overline",e.button="button",e.display="display",e.title1="title-1",e.title2="title-2",e.title3="title-3",e.body1regular="body-1-regular",e.body1medium="body-1-medium",e.body1semibold="body-1-semibold",e.body2regular="body-2-regular",e.body2medium="body-2-medium",e.body2semibold="body-2-semibold",e.label1medium="label-1-medium",e.label1semibold="label-1-semibold",e.label1bold="label-1-bold",e.label2medium="label-2-medium",e.label2semibold="label-2-semibold",e.label2bold="label-2-bold",e.caption1medium="caption-1-medium",e.caption1semibold="caption-1-semibold",e.caption1bold="caption-1-bold",e.caption2medium="caption-2-medium",e.caption2semibold="caption-2-semibold",e.caption2bold="caption-2-bold"})(At||(At={}));var Vr=function(e,o,a,i){var c=arguments.length,l=c<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(l=(c<3?d(l):c>3?d(o,a,l):d(o,a))||l);return c>3&&l&&Object.defineProperty(o,a,l),l},lt=class extends jr.FtLitElement{constructor(){super(...arguments),this.variant=At.body1}render(){return this.element?qe`
549
549
  <${Ye(this.element)}