@fluid-topics/ft-reader-navigation-button 1.0.60 → 1.0.62

package/build/ft-reader-navigation-button.light.js

@@ -223,12 +223,14 @@
         vertical-align: inherit;
     }
 `,Dt=[Object.keys(v).map((t=>function(t){const o=v[t];return e.css`
-        font-family: ${o.fontFamily};
-        font-size: ${o.fontSize};
-        font-weight: ${o.fontWeight};
-        letter-spacing: ${o.letterSpacing};
-        line-height: ${o.lineHeight};
-        text-transform: ${o.textCase};
+        .ft-typography--${e.unsafeCSS(t)} {
+            font-family: ${o.fontFamily};
+            font-size: ${o.fontSize};
+            font-weight: ${o.fontWeight};
+            letter-spacing: ${o.letterSpacing};
+            line-height: ${o.lineHeight};
+            text-transform: ${o.textCase};
+        }
     `}(t)))],At={color:o.FtCssVariableFactory.extend("--ft-loader-color","",o.designSystemVariables.colorPrimary),size:o.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},Ht=e.css`
     :host {
         line-height: 0;
@@ -589,7 +591,7 @@ const Do=Symbol.for(""),Ao=t=>{if((null==t?void 0:t.r)===Do)return null==t?void
                 </ft-tooltip>
             `:t}resolveIcon(){return this.loading?e.html`
                 <ft-loader part="loader icon"></ft-loader> `:this.icon?e.html`
-                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:e.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}pe.elementDefinitions={"ft-ripple":oo,"ft-tooltip":ie,"ft-typography":Mo,"ft-icon":ne,"ft-loader":le},ce([r.property({type:String,reflect:!0})],pe.prototype,"role",void 0),ce([r.property()],pe.prototype,"type",void 0),ce([r.property({type:Boolean})],pe.prototype,"disabled",void 0),ce([r.property()],pe.prototype,"label",void 0),ce([r.property()],pe.prototype,"icon",void 0),ce([r.property()],pe.prototype,"iconVariant",void 0),ce([r.property({type:Boolean})],pe.prototype,"trailingIcon",void 0),ce([r.property({type:Boolean})],pe.prototype,"loading",void 0),ce([r.property()],pe.prototype,"tooltipPosition",void 0),ce([r.property({type:Boolean})],pe.prototype,"hideTooltip",void 0),ce([r.property({type:Boolean})],pe.prototype,"forceTooltip",void 0),ce([r.query(".ft-button")],pe.prototype,"button",void 0),ce([r.query(".ft-button--label slot")],pe.prototype,"slottedContent",void 0);var se=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class fe extends pe{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}}fe.styles=[o.safariEllipsisFix,Jt],se([r.property({type:Boolean})],fe.prototype,"primary",void 0),se([r.property({type:Boolean})],fe.prototype,"outlined",void 0),se([r.property({type:Boolean})],fe.prototype,"disabled",void 0),se([r.property({type:Boolean})],fe.prototype,"dense",void 0),se([r.property({type:Boolean})],fe.prototype,"round",void 0);const de=[e.css`
+                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:e.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}pe.elementDefinitions={"ft-ripple":oo,"ft-tooltip":ie,"ft-typography":Mo,"ft-icon":ne,"ft-loader":le},ce([r.property({type:String,reflect:!0})],pe.prototype,"role",void 0),ce([r.property()],pe.prototype,"type",void 0),ce([r.property({type:Boolean})],pe.prototype,"disabled",void 0),ce([r.property()],pe.prototype,"label",void 0),ce([r.property()],pe.prototype,"icon",void 0),ce([r.property()],pe.prototype,"iconVariant",void 0),ce([r.property({type:Boolean})],pe.prototype,"trailingIcon",void 0),ce([r.property({type:Boolean})],pe.prototype,"loading",void 0),ce([r.property()],pe.prototype,"tooltipPosition",void 0),ce([r.property({type:Boolean})],pe.prototype,"hideTooltip",void 0),ce([r.property({type:Boolean})],pe.prototype,"forceTooltip",void 0),ce([r.query(".ft-button")],pe.prototype,"button",void 0),ce([r.query(".ft-button--label slot")],pe.prototype,"slottedContent",void 0);var se=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class fe extends pe{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}}fe.styles=[o.safariEllipsisFix,Jt],se([r.property({type:Boolean})],fe.prototype,"primary",void 0),se([r.property({type:Boolean})],fe.prototype,"outlined",void 0),se([r.property({type:Boolean})],fe.prototype,"dense",void 0),se([r.property({type:Boolean})],fe.prototype,"round",void 0);const de=[e.css`
         :host {
             display: inline-block;
             max-width: 100%;

package/build/ft-reader-navigation-button.min.js

@@ -319,12 +319,14 @@ var dt,ht;let ut=class extends E{constructor(){super(...arguments),this.renderOp
         vertical-align: inherit;
     }
 `,ve=[Object.keys(vt).map((t=>function(t){const o=vt[t];return b`
-        font-family: ${o.fontFamily};
-        font-size: ${o.fontSize};
-        font-weight: ${o.fontWeight};
-        letter-spacing: ${o.letterSpacing};
-        line-height: ${o.lineHeight};
-        text-transform: ${o.textCase};
+        .ft-typography--${g(t)} {
+            font-family: ${o.fontFamily};
+            font-size: ${o.fontSize};
+            font-weight: ${o.fontWeight};
+            letter-spacing: ${o.letterSpacing};
+            line-height: ${o.lineHeight};
+            text-transform: ${o.textCase};
+        }
     `}(t)))],Oe={color:bt.extend("--ft-loader-color","",St.colorPrimary),size:bt.create("--ft-loader-size","","SIZE","80px")},Ne=b`
     :host {
         line-height: 0;
@@ -702,7 +704,7 @@ class ir extends ze{constructor(t){if(super(t),this.et=q,t.type!==Fe)throw Error
                 </ft-tooltip>
             `:t}resolveIcon(){return this.loading?V`
                 <ft-loader part="loader icon"></ft-loader> `:this.icon?V`
-                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:q}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}hr.elementDefinitions={"ft-ripple":Me,"ft-tooltip":rr,"ft-typography":Ye,"ft-icon":pr,"ft-loader":fr},dr([r({type:String,reflect:!0})],hr.prototype,"role",void 0),dr([r()],hr.prototype,"type",void 0),dr([r({type:Boolean})],hr.prototype,"disabled",void 0),dr([r()],hr.prototype,"label",void 0),dr([r()],hr.prototype,"icon",void 0),dr([r()],hr.prototype,"iconVariant",void 0),dr([r({type:Boolean})],hr.prototype,"trailingIcon",void 0),dr([r({type:Boolean})],hr.prototype,"loading",void 0),dr([r()],hr.prototype,"tooltipPosition",void 0),dr([r({type:Boolean})],hr.prototype,"hideTooltip",void 0),dr([r({type:Boolean})],hr.prototype,"forceTooltip",void 0),dr([a(".ft-button")],hr.prototype,"button",void 0),dr([a(".ft-button--label slot")],hr.prototype,"slottedContent",void 0);var ur=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class yr extends hr{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}}yr.styles=[Lt,We],ur([r({type:Boolean})],yr.prototype,"primary",void 0),ur([r({type:Boolean})],yr.prototype,"outlined",void 0),ur([r({type:Boolean})],yr.prototype,"disabled",void 0),ur([r({type:Boolean})],yr.prototype,"dense",void 0),ur([r({type:Boolean})],yr.prototype,"round",void 0);const gr=[b`
+                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:q}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}hr.elementDefinitions={"ft-ripple":Me,"ft-tooltip":rr,"ft-typography":Ye,"ft-icon":pr,"ft-loader":fr},dr([r({type:String,reflect:!0})],hr.prototype,"role",void 0),dr([r()],hr.prototype,"type",void 0),dr([r({type:Boolean})],hr.prototype,"disabled",void 0),dr([r()],hr.prototype,"label",void 0),dr([r()],hr.prototype,"icon",void 0),dr([r()],hr.prototype,"iconVariant",void 0),dr([r({type:Boolean})],hr.prototype,"trailingIcon",void 0),dr([r({type:Boolean})],hr.prototype,"loading",void 0),dr([r()],hr.prototype,"tooltipPosition",void 0),dr([r({type:Boolean})],hr.prototype,"hideTooltip",void 0),dr([r({type:Boolean})],hr.prototype,"forceTooltip",void 0),dr([a(".ft-button")],hr.prototype,"button",void 0),dr([a(".ft-button--label slot")],hr.prototype,"slottedContent",void 0);var ur=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class yr extends hr{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}}yr.styles=[Lt,We],ur([r({type:Boolean})],yr.prototype,"primary",void 0),ur([r({type:Boolean})],yr.prototype,"outlined",void 0),ur([r({type:Boolean})],yr.prototype,"dense",void 0),ur([r({type:Boolean})],yr.prototype,"round",void 0);const gr=[b`
         :host {
             display: inline-block;
             max-width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-reader-navigation-button",
-  "version": "1.0.60",
+  "version": "1.0.62",
   "description": "Button used to navigate between pages in an integrated reader context.",
   "keywords": [
     "Lit"
@@ -19,12 +19,12 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "1.0.60",
-    "@fluid-topics/ft-reader-context": "1.0.60",
-    "@fluid-topics/ft-reader-internal-link": "1.0.60",
-    "@fluid-topics/ft-tooltip": "1.0.60",
-    "@fluid-topics/ft-wc-utils": "1.0.60",
+    "@fluid-topics/ft-button": "1.0.62",
+    "@fluid-topics/ft-reader-context": "1.0.62",
+    "@fluid-topics/ft-reader-internal-link": "1.0.62",
+    "@fluid-topics/ft-tooltip": "1.0.62",
+    "@fluid-topics/ft-wc-utils": "1.0.62",
     "lit": "2.7.2"
   },
-  "gitHead": "8eb7c2ef052f5d3f61ed0bf150fcaee093805450"
+  "gitHead": "44e9005773fe47b2e6a9ada16802918052a146cf"
 }