@fluid-topics/ft-reader-internal-link 2.2.7 → 2.2.9

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.
@@ -9,6 +9,7 @@ import { property } from "lit/decorators.js";
9
9
  import { classMap } from "lit/directives/class-map.js";
10
10
  import { FtReaderComponent } from "@fluid-topics/ft-reader-context/build/registration";
11
11
  import { styles } from "./ft-reader-internal-link.styles";
12
+ import { numberProperty } from "@fluid-topics/ft-wc-utils";
12
13
  export class FtReaderInternalLink extends FtReaderComponent {
13
14
  constructor() {
14
15
  super(...arguments);
@@ -29,14 +30,12 @@ export class FtReaderInternalLink extends FtReaderComponent {
29
30
  `;
30
31
  }
31
32
  onLinkClick(e) {
32
- var _a, _b, _c;
33
+ var _a;
33
34
  if (!e.ctrlKey && !e.metaKey) {
34
35
  e.stopPropagation();
35
36
  e.preventDefault();
36
37
  performance.mark(`fluid_topics__reader_link_click__${this.tocId}`);
37
38
  (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.navigateToTopic(this.tocId, this.section, this.pageNumber);
38
- (_b = this.stateManager) === null || _b === void 0 ? void 0 : _b.store.commands.clear(/^focus-topic-/);
39
- (_c = this.stateManager) === null || _c === void 0 ? void 0 : _c.store.commands.add({ type: `focus-topic-${this.tocId}` });
40
39
  this.click();
41
40
  }
42
41
  }
@@ -50,7 +49,7 @@ __decorate([
50
49
  property()
51
50
  ], FtReaderInternalLink.prototype, "section", void 0);
52
51
  __decorate([
53
- property({ type: Number })
52
+ numberProperty()
54
53
  ], FtReaderInternalLink.prototype, "pageNumber", void 0);
55
54
  __decorate([
56
55
  property({ type: Boolean })
@@ -1,20 +1,20 @@
1
- "use strict";(()=>{var w=Object.create;var C=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var d=(e,t)=>()=>{try{return t||e((t={exports:{}}).exports,t),t.exports}catch(o){throw t=0,o}};var $=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of j(t))!G.call(e,r)&&r!==o&&C(e,r,{get:()=>t[r],enumerable:!(i=B(t,r))||i.enumerable});return e};var l=(e,t,o)=>(o=e!=null?w(D(e)):{},$(t||!e||!e.__esModule?C(o,"default",{value:e,enumerable:!0}):o,e));var f=d((z,_)=>{_.exports=ftGlobals.wcUtils});var b=d((F,O)=>{O.exports=ftGlobals.lit});var g=d((J,M)=>{M.exports=ftGlobals.litDecorators});var S=d((Q,I)=>{I.exports=ftGlobals.litClassMap});var E=l(f());var K=l(b()),p=l(g()),P=l(S());var u=l(f()),N=l(g());var R;(function(e){e.clusteringHelperCreated="clustering-helper-created",e.mapAttachmentsUpdate="map-attachments-update",e.visibleTopicChange="visible-topic-change",e.requestedTopicNotFound="requested-topic-not-found"})(R||(R={}));var T;(function(e){e.FEEDBACK="FEEDBACK",e.RATING="RATING",e.PRINT="PRINT",e.BOOKMARK="BOOKMARK",e.COLLECTIONS="COLLECTIONS",e.PERSONAL_BOOKS="PERSONAL_BOOKS"})(T||(T={}));var V=function(e,t,o,i){var r=arguments.length,s=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,o):i,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,o,i);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(s=(r<3?n(s):r>3?n(t,o,s):n(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},x=class extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}},y=Symbol("registerInterval"),q=(0,u.applyMixinOnce)(Symbol("toFtReaderComponent"),function(e){var t;class o extends e{constructor(){super(...arguments),this[t]=0}setReaderStateManager(r){this.clearStateManager(),this.stateManager=r,this.addStore(r.store,"reader")}clearStateManager(){this.stateManager&&(this.removeStore("reader"),this.stateManager=void 0)}get service(){var r;return(r=this.stateManager)===null||r===void 0?void 0:r.service}connectedCallback(){super.connectedCallback(),this[y]=window.setInterval(()=>this.tryToRegisterToContext(),50)}tryToRegisterToContext(){this.stateManager!=null?window.clearInterval(this[y]):this.dispatchEvent(new x)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return t=y,V([(0,N.state)()],o.prototype,"stateManager",void 0),o}),m=class extends q(u.FtLitElementRedux){};var h=l(f()),k=l(b()),U={outlineColor:h.FtCssVariableFactory.extend("--ft-reader-internal-link-outline-color","",h.designSystemVariables.colorPrimary)},L=k.css`
1
+ "use strict";(()=>{var B=Object.create;var C=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var f=(e,t)=>()=>{try{return t||e((t={exports:{}}).exports,t),t.exports}catch(o){throw t=0,o}};var V=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of D(t))!$.call(e,r)&&r!==o&&C(e,r,{get:()=>t[r],enumerable:!(n=j(t,r))||n.enumerable});return e};var a=(e,t,o)=>(o=e!=null?B(G(e)):{},V(t||!e||!e.__esModule?C(o,"default",{value:e,enumerable:!0}):o,e));var p=f((F,O)=>{O.exports=ftGlobals.wcUtils});var b=f((J,_)=>{_.exports=ftGlobals.lit});var y=f((Q,S)=>{S.exports=ftGlobals.litDecorators});var M=f((W,I)=>{I.exports=ftGlobals.litClassMap});var w=a(p());var P=a(b()),v=a(y()),K=a(M());var d=a(p()),k=a(y());var R;(function(e){e.clusteringHelperCreated="clustering-helper-created",e.mapAttachmentsUpdate="map-attachments-update",e.visibleTopicChange="visible-topic-change",e.requestedTopicNotFound="requested-topic-not-found"})(R||(R={}));var T;(function(e){e.FEEDBACK="FEEDBACK",e.RATING="RATING",e.PRINT="PRINT",e.BOOKMARK="BOOKMARK",e.COLLECTIONS="COLLECTIONS",e.PERSONAL_BOOKS="PERSONAL_BOOKS"})(T||(T={}));var q=function(e,t,o,n){var r=arguments.length,i=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var c=e.length-1;c>=0;c--)(s=e[c])&&(i=(r<3?s(i):r>3?s(t,o,i):s(t,o))||i);return r>3&&i&&Object.defineProperty(t,o,i),i},x=class extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}},g=Symbol("registerInterval"),U=(0,d.applyMixinOnce)(Symbol("toFtReaderComponent"),function(e){var t;class o extends e{constructor(){super(...arguments),this[t]=0}setReaderStateManager(r){this.clearStateManager(),this.stateManager=r,this.addStore(r.store,"reader")}clearStateManager(){this.stateManager&&(this.removeStore("reader"),this.stateManager=void 0)}get service(){var r;return(r=this.stateManager)===null||r===void 0?void 0:r.service}connectedCallback(){super.connectedCallback(),this[g]=window.setInterval(()=>this.tryToRegisterToContext(),50)}tryToRegisterToContext(){this.stateManager!=null?window.clearInterval(this[g]):this.dispatchEvent(new x)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return t=g,q([(0,k.state)()],o.prototype,"stateManager",void 0),o}),m=class extends U(d.FtLitElementRedux){};var u=a(p()),N=a(b()),H={outlineColor:u.FtCssVariableFactory.extend("--ft-reader-internal-link-outline-color","",u.designSystemVariables.colorPrimary)},L=N.css`
2
2
  :host {
3
3
  display: contents;
4
4
  }
5
5
 
6
6
  a:focus {
7
- outline-color: ${U.outlineColor};
7
+ outline-color: ${H.outlineColor};
8
8
  }
9
9
 
10
10
  .ft-reader-link--remove-style {
11
11
  text-decoration: none;
12
12
  color: inherit;
13
13
  }
14
- `;var v=function(e,t,o,i){var r=arguments.length,s=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,o):i,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,o,i);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(s=(r<3?n(s):r>3?n(t,o,s):n(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},a=class extends m{constructor(){super(...arguments),this.removeStyle=!1}render(){var t;let o=(0,P.classMap)({"ft-reader-link":!0,"ft-reader-link--remove-style":this.removeStyle});return K.html`
14
+ `;var A=a(p()),h=function(e,t,o,n){var r=arguments.length,i=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var c=e.length-1;c>=0;c--)(s=e[c])&&(i=(r<3?s(i):r>3?s(t,o,i):s(t,o))||i);return r>3&&i&&Object.defineProperty(t,o,i),i},l=class extends m{constructor(){super(...arguments),this.removeStyle=!1}render(){var t;let o=(0,K.classMap)({"ft-reader-link":!0,"ft-reader-link--remove-style":this.removeStyle});return P.html`
15
15
  <a class="${o}"
16
16
  href="${(t=this.service)===null||t===void 0?void 0:t.getLink(this.tocId,this.pageNumber,this.section)}"
17
- @click=${i=>this.onLinkClick(i)}>
17
+ @click=${n=>this.onLinkClick(n)}>
18
18
  <slot></slot>
19
19
  </a>
20
- `}onLinkClick(t){var o,i,r;!t.ctrlKey&&!t.metaKey&&(t.stopPropagation(),t.preventDefault(),performance.mark(`fluid_topics__reader_link_click__${this.tocId}`),(o=this.stateManager)===null||o===void 0||o.navigateToTopic(this.tocId,this.section,this.pageNumber),(i=this.stateManager)===null||i===void 0||i.store.commands.clear(/^focus-topic-/),(r=this.stateManager)===null||r===void 0||r.store.commands.add({type:`focus-topic-${this.tocId}`}),this.click())}};a.styles=L;v([(0,p.property)()],a.prototype,"tocId",void 0);v([(0,p.property)()],a.prototype,"section",void 0);v([(0,p.property)({type:Number})],a.prototype,"pageNumber",void 0);v([(0,p.property)({type:Boolean})],a.prototype,"removeStyle",void 0);var A={"ft-reader-internal-link":a};(0,E.customElements)(A);})();
20
+ `}onLinkClick(t){var o;!t.ctrlKey&&!t.metaKey&&(t.stopPropagation(),t.preventDefault(),performance.mark(`fluid_topics__reader_link_click__${this.tocId}`),(o=this.stateManager)===null||o===void 0||o.navigateToTopic(this.tocId,this.section,this.pageNumber),this.click())}};l.styles=L;h([(0,v.property)()],l.prototype,"tocId",void 0);h([(0,v.property)()],l.prototype,"section",void 0);h([(0,A.numberProperty)()],l.prototype,"pageNumber",void 0);h([(0,v.property)({type:Boolean})],l.prototype,"removeStyle",void 0);var E={"ft-reader-internal-link":l};(0,w.customElements)(E);})();