@dreamsengine/dreams-ad-engine 0.0.9 → 0.1.1

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +21 -0
  3. package/package.json +5 -5
  4. package/dist/dreams-ad-engine.js +0 -138
  5. package/dist/index.html +0 -56
package/CHANGELOG.md CHANGED
@@ -13,3 +13,19 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
13
13
  ### Removed
14
14
 
15
15
  - Property minHeight of element
16
+
17
+ ## [0.1.0] - 2024-11-06
18
+
19
+ ### Added
20
+
21
+ - Support for amazon apstag
22
+
23
+ ## [0.1.1] - 2024-11-08
24
+
25
+ ### Added
26
+
27
+ - Property bidTimeout of amazon apstag
28
+
29
+ ### Fixed
30
+
31
+ - Fixed refresh in slot when apstag is used
package/README.md CHANGED
@@ -21,6 +21,19 @@ Add the script of gpt in the template head of html
21
21
  </html>
22
22
  ```
23
23
 
24
+ Add the script of apstag in the template head of html if you use it.
25
+
26
+ ```
27
+ <html>
28
+ <head>
29
+ ...
30
+ <script async id="apstag-js" src="https://c.amazon-adsystem.com/aax2/apstag.js" defer></script>
31
+ ...
32
+ </head>
33
+ ...
34
+ </html>
35
+ ```
36
+
24
37
  ## Component
25
38
 
26
39
  ```
@@ -32,6 +45,8 @@ Add the script of gpt in the template head of html
32
45
  refresh
33
46
  enableTitle
34
47
  title="Anuncio"
48
+ apstag
49
+ pubId="xxx-xxxxx-xxxx-xxxx-xxx"
35
50
  ></dreams-ad-engine>
36
51
  ```
37
52
 
@@ -46,10 +61,16 @@ Add the script of gpt in the template head of html
46
61
  | refresh | Boolean | No | false |
47
62
  | enableTitle | Boolean | No | false |
48
63
  | title | String | No | Publicidad |
64
+ | apstag | Boolean | No | false |
65
+ | pubId | String | No | - |
66
+ | bidTimeout | Number | No | 2e3 |
49
67
 
50
68
  - refresh: If you use this param the ad will be available to refresh it
51
69
  - enableTitle: If you use this param one title appears above of the ad
52
70
  - title: If you use this param overwrite "Publicidad"
71
+ - apstag: If you use the apstag of amazon
72
+ - pubId: pubID of Amazon
73
+ - bidTimeout: Timeout of to init apstag, this value can be in milliseconds or in expression example "2e3"
53
74
 
54
75
  ## Examples
55
76
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dreamsengine/dreams-ad-engine",
3
- "version": "0.0.9",
3
+ "version": "0.1.1",
4
4
  "type": "module",
5
5
  "license": "GPL-3.0",
6
6
  "main": "./dist/dreams-ad-engine.js",
@@ -19,11 +19,11 @@
19
19
  "lit": "^3.1.0"
20
20
  },
21
21
  "devDependencies": {
22
- "@biomejs/biome": "1.4.1",
23
- "@rollup/plugin-replace": "^5.0.5",
22
+ "@biomejs/biome": "^1.9.4",
23
+ "@rollup/plugin-replace": "^6.0.1",
24
24
  "cz-conventional-changelog": "^3.3.0",
25
- "typescript": "^5.3.3",
26
- "vite": "^5.0.7"
25
+ "typescript": "^5.6.3",
26
+ "vite": "^5.4.10"
27
27
  },
28
28
  "config": {
29
29
  "commitizen": {
package/dist/dreams-ad-engine.js DELETED
@@ -1,138 +0,0 @@
1
- (function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))s(i);new MutationObserver(i=>{for(const r of i)if(r.type==="childList")for(const o of r.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&s(o)}).observe(document,{childList:!0,subtree:!0});function e(i){const r={};return i.integrity&&(r.integrity=i.integrity),i.referrerPolicy&&(r.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?r.credentials="include":i.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function s(i){if(i.ep)return;i.ep=!0;const r=e(i);fetch(i.href,r)}})();/**
2
- * @license
3
- * Copyright 2019 Google LLC
4
- * SPDX-License-Identifier: BSD-3-Clause
5
- */const H=globalThis,G=H.ShadowRoot&&(H.ShadyCSS===void 0||H.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,dt=Symbol(),F=new WeakMap;let vt=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==dt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(G&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=F.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&F.set(e,t))}return t}toString(){return this.cssText}};const lt=n=>new vt(typeof n=="string"?n:n+"",void 0,dt),_t=(n,t)=>{if(G)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),i=H.litNonce;i!==void 0&&s.setAttribute("nonce",i),s.textContent=e.cssText,n.appendChild(s)}},K=G?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return lt(e)})(n):n;/**
6
- * @license
7
- * Copyright 2017 Google LLC
8
- * SPDX-License-Identifier: BSD-3-Clause
9
- */const{is:mt,defineProperty:yt,getOwnPropertyDescriptor:At,getOwnPropertyNames:bt,getOwnPropertySymbols:wt,getPrototypeOf:St}=Object,m=globalThis,Z=m.trustedTypes,Et=Z?Z.emptyScript:"",D=m.reactiveElementPolyfillSupport,C=(n,t)=>n,I={toAttribute(n,t){switch(t){case Boolean:n=n?Et:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},J=(n,t)=>!mt(n,t),Q={attribute:!0,type:String,converter:I,reflect:!1,hasChanged:J};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),m.litPropertyMetadata??(m.litPropertyMetadata=new WeakMap);class w extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Q){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),i=this.getPropertyDescriptor(t,s,e);i!==void 0&&yt(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){const{get:i,set:r}=At(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get(){return i==null?void 0:i.call(this)},set(o){const d=i==null?void 0:i.call(this);r.call(this,o),this.requestUpdate(t,d,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Q}static _$Ei(){if(this.hasOwnProperty(C("elementProperties")))return;const t=St(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(C("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(C("properties"))){const e=this.properties,s=[...bt(e),...wt(e)];for(const i of s)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,i]of e)this.elementProperties.set(s,i)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const i=this._$Eu(e,s);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const i of s)e.unshift(K(i))}else t!==void 0&&e.push(K(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return _t(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostConnected)==null?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostDisconnected)==null?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EC(t,e){var r;const s=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,s);if(i!==void 0&&s.reflect===!0){const o=(((r=s.converter)==null?void 0:r.toAttribute)!==void 0?s.converter:I).toAttribute(e,s.type);this._$Em=t,o==null?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(t,e){var r;const s=this.constructor,i=s._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const o=s.getPropertyOptions(i),d=typeof o.converter=="function"?{fromAttribute:o.converter}:((r=o.converter)==null?void 0:r.fromAttribute)!==void 0?o.converter:I;this._$Em=i,this[i]=d.fromAttribute(e,o.type),this._$Em=null}}requestUpdate(t,e,s){if(t!==void 0){if(s??(s=this.constructor.getPropertyOptions(t)),!(s.hasChanged??J)(this[t],e))return;this.P(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,s){this._$AL.has(t)||this._$AL.set(t,e),s.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,o]of this._$Ep)this[r]=o;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,o]of i)o.wrapped!==!0||this._$AL.has(r)||this[r]===void 0||this.P(r,this[r],o)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EU()}catch(i){throw t=!1,this._$EU(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var i;return(i=s.hostUpdated)==null?void 0:i.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}}w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[C("elementProperties")]=new Map,w[C("finalized")]=new Map,D==null||D({ReactiveElement:w}),(m.reactiveElementVersions??(m.reactiveElementVersions=[])).push("2.0.4");/**
10
- * @license
11
- * Copyright 2017 Google LLC
12
- * SPDX-License-Identifier: BSD-3-Clause
13
- */const U=globalThis,R=U.trustedTypes,X=R?R.createPolicy("lit-html",{createHTML:n=>n}):void 0,ht="$lit$",_=`lit$${Math.random().toFixed(9).slice(2)}$`,ct="?"+_,Pt=`<${ct}>`,b=document,O=()=>b.createComment(""),N=n=>n===null||typeof n!="object"&&typeof n!="function",pt=Array.isArray,xt=n=>pt(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",j=`[
14
- \f\r]`,P=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Y=/-->/g,tt=/>/g,y=RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),et=/'/g,it=/"/g,ut=/^(?:script|style|textarea|title)$/i,Ct=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),x=Ct(1),S=Symbol.for("lit-noChange"),p=Symbol.for("lit-nothing"),st=new WeakMap,A=b.createTreeWalker(b,129);function gt(n,t){if(!Array.isArray(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return X!==void 0?X.createHTML(t):t}const Ut=(n,t)=>{const e=n.length-1,s=[];let i,r=t===2?"<svg>":"",o=P;for(let d=0;d<e;d++){const a=n[d];let c,u,l=-1,f=0;for(;f<a.length&&(o.lastIndex=f,u=o.exec(a),u!==null);)f=o.lastIndex,o===P?u[1]==="!--"?o=Y:u[1]!==void 0?o=tt:u[2]!==void 0?(ut.test(u[2])&&(i=RegExp("</"+u[2],"g")),o=y):u[3]!==void 0&&(o=y):o===y?u[0]===">"?(o=i??P,l=-1):u[1]===void 0?l=-2:(l=o.lastIndex-u[2].length,c=u[1],o=u[3]===void 0?y:u[3]==='"'?it:et):o===it||o===et?o=y:o===Y||o===tt?o=P:(o=y,i=void 0);const v=o===y&&n[d+1].startsWith("/>")?" ":"";r+=o===P?a+Pt:l>=0?(s.push(c),a.slice(0,l)+ht+a.slice(l)+_+v):a+_+(l===-2?d:v)}return[gt(n,r+(n[e]||"<?>")+(t===2?"</svg>":"")),s]};class k{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let r=0,o=0;const d=t.length-1,a=this.parts,[c,u]=Ut(t,e);if(this.el=k.createElement(c,s),A.currentNode=this.el.content,e===2){const l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(i=A.nextNode())!==null&&a.length<d;){if(i.nodeType===1){if(i.hasAttributes())for(const l of i.getAttributeNames())if(l.endsWith(ht)){const f=u[o++],v=i.getAttribute(l).split(_),M=/([.?@])?(.*)/.exec(f);a.push({type:1,index:r,name:M[2],strings:v,ctor:M[1]==="."?Ot:M[1]==="?"?Nt:M[1]==="@"?kt:L}),i.removeAttribute(l)}else l.startsWith(_)&&(a.push({type:6,index:r}),i.removeAttribute(l));if(ut.test(i.tagName)){const l=i.textContent.split(_),f=l.length-1;if(f>0){i.textContent=R?R.emptyScript:"";for(let v=0;v<f;v++)i.append(l[v],O()),A.nextNode(),a.push({type:2,index:++r});i.append(l[f],O())}}}else if(i.nodeType===8)if(i.data===ct)a.push({type:2,index:r});else{let l=-1;for(;(l=i.data.indexOf(_,l+1))!==-1;)a.push({type:7,index:r}),l+=_.length-1}r++}}static createElement(t,e){const s=b.createElement("template");return s.innerHTML=t,s}}function E(n,t,e=n,s){var o,d;if(t===S)return t;let i=s!==void 0?(o=e._$Co)==null?void 0:o[s]:e._$Cl;const r=N(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((d=i==null?void 0:i._$AO)==null||d.call(i,!1),r===void 0?i=void 0:(i=new r(n),i._$AT(n,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=i:e._$Cl=i),i!==void 0&&(t=E(n,i._$AS(n,t.values),i,s)),t}class Tt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=((t==null?void 0:t.creationScope)??b).importNode(e,!0);A.currentNode=i;let r=A.nextNode(),o=0,d=0,a=s[0];for(;a!==void 0;){if(o===a.index){let c;a.type===2?c=new z(r,r.nextSibling,this,t):a.type===1?c=new a.ctor(r,a.name,a.strings,this,t):a.type===6&&(c=new zt(r,this,t)),this._$AV.push(c),a=s[++d]}o!==(a==null?void 0:a.index)&&(r=A.nextNode(),o++)}return A.currentNode=b,i}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class z{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=p,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=E(this,t,e),N(t)?t===p||t==null||t===""?(this._$AH!==p&&this._$AR(),this._$AH=p):t!==this._$AH&&t!==S&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):xt(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==p&&N(this._$AH)?this._$AA.nextSibling.data=t:this.T(b.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:s}=t,i=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=k.createElement(gt(s.h,s.h[0]),this.options)),s);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const o=new Tt(i,this),d=o.u(this.options);o.p(e),this.T(d),this._$AH=o}}_$AC(t){let e=st.get(t.strings);return e===void 0&&st.set(t.strings,e=new k(t)),e}k(t){pt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const r of t)i===e.length?e.push(s=new z(this.S(O()),this.S(O()),this,this.options)):s=e[i],s._$AI(r),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class L{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,r){this.type=1,this._$AH=p,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=p}_$AI(t,e=this,s,i){const r=this.strings;let o=!1;if(r===void 0)t=E(this,t,e,0),o=!N(t)||t!==this._$AH&&t!==S,o&&(this._$AH=t);else{const d=t;let a,c;for(t=r[0],a=0;a<r.length-1;a++)c=E(this,d[s+a],e,a),c===S&&(c=this._$AH[a]),o||(o=!N(c)||c!==this._$AH[a]),c===p?t=p:t!==p&&(t+=(c??"")+r[a+1]),this._$AH[a]=c}o&&!i&&this.j(t)}j(t){t===p?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ot extends L{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===p?void 0:t}}class Nt extends L{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==p)}}class kt extends L{constructor(t,e,s,i,r){super(t,e,s,i,r),this.type=5}_$AI(t,e=this){if((t=E(this,t,e,0)??p)===S)return;const s=this._$AH,i=t===p&&s!==p||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==p&&(s===p||i);i&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class zt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){E(this,t)}}const B=U.litHtmlPolyfillSupport;B==null||B(k,z),(U.litHtmlVersions??(U.litHtmlVersions=[])).push("3.1.3");const Mt=(n,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let i=s._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;s._$litPart$=i=new z(t.insertBefore(O(),r),r,void 0,e??{})}return i._$AI(n),i};/**
16
- * @license
17
- * Copyright 2017 Google LLC
18
- * SPDX-License-Identifier: BSD-3-Clause
19
- */class T extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Mt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return S}}var at;T._$litElement$=!0,T.finalized=!0,(at=globalThis.litElementHydrateSupport)==null||at.call(globalThis,{LitElement:T});const W=globalThis.litElementPolyfillSupport;W==null||W({LitElement:T});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.5");/**
20
- * @license
21
- * Copyright 2017 Google LLC
22
- * SPDX-License-Identifier: BSD-3-Clause
23
- */const Ht=n=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(n,t)}):customElements.define(n,t)};/**
24
- * @license
25
- * Copyright 2017 Google LLC
26
- * SPDX-License-Identifier: BSD-3-Clause
27
- */const It={attribute:!0,type:String,converter:I,reflect:!1,hasChanged:J},Rt=(n=It,t,e)=>{const{kind:s,metadata:i}=e;let r=globalThis.litPropertyMetadata.get(i);if(r===void 0&&globalThis.litPropertyMetadata.set(i,r=new Map),r.set(e.name,n),s==="accessor"){const{name:o}=e;return{set(d){const a=t.get.call(this);t.set.call(this,d),this.requestUpdate(o,a,n)},init(d){return d!==void 0&&this.P(o,void 0,n),d}}}if(s==="setter"){const{name:o}=e;return function(d){const a=this[o];t.call(this,d),this.requestUpdate(o,a,n)}}throw Error("Unsupported decorator location: "+s)};function $(n){return(t,e)=>typeof e=="object"?Rt(n,t,e):((s,i,r)=>{const o=i.hasOwnProperty(r);return i.constructor.createProperty(r,o?{...s,wrapped:!0}:s),o?Object.getOwnPropertyDescriptor(i,r):void 0})(n,t,e)}/**
28
- * @license
29
- * Copyright 2021 Google LLC
30
- * SPDX-License-Identifier: BSD-3-Clause
31
- */function nt(n,t,e){return n?t(n):e==null?void 0:e(n)}const Lt=`:host {
32
- display: var(--dae-display, block);
33
- contain: var(--dae-contain, content);
34
- }
35
- ::slotted(*) {
36
- display: var(--dae-slotted-display, block);
37
- z-index: var(--dae-slotted-z-index, 9);
38
- }
39
-
40
- .ad-serving-rendered {
41
- position: var(--dae-ad-serving-rendered-position, sticky);
42
- z-index: var(--dae-ad-serving-rendered-z-index, 2);
43
- top: var(--dae-ad-serving-rendered-top, 1rem);
44
- }
45
-
46
- .ad-container {
47
- position: var(--dae-ad-container-position, relative);
48
- }
49
- .pinno-ad-container {
50
- position: var(--dae-pinno-ad-container-position, relative);
51
- }
52
- .ad-label {
53
- display: var(--dae-ad-label-display, block);
54
- font-size: var(--dae-ad-label-font-size, 9px);
55
- font-weight: var(--dae-ad-label-font-weight, 400);
56
- letter-spacing: var(--dae-ad-label-letter-spacing, 0.2em);
57
- margin-bottom: var(--dae-ad-label-margin-bottom, 4px);
58
- line-height: var(--dae-ad-label-line-height, 1);
59
- position: var(--dae-ad-label-position, relative);
60
- text-align: var(--dae-ad-label-text-align, center);
61
- text-transform: var(--dae-ad-label-text-transform, uppercase);
62
- color: var(--dae-ad-label-color, #999999);
63
- }
64
- .ad-label + .ad-loader {
65
- top: var(--dae-ad-loader-top, 13px);
66
- height: var(--dae-ad-loader-height, calc(100% - 13px));
67
- }
68
- .ad-loader {
69
- position: var(--dae-ad-loader-position, absolute);
70
- top: var(--dae-ad-loader-top, 0);
71
- left: var(--dae-ad-loader-left, 0);
72
- width: var(--dae-ad-loader-width, 100%);
73
- height: var(--dae-ad-loader-height, 100%);
74
- background-color: var(--dae-ad-loader-background-color, #eee);
75
- background-image: var(
76
- --dae-ad-loader-background-image,
77
- linear-gradient(
78
- 90deg,
79
- rgba(255, 255, 255, 0),
80
- rgba(255, 255, 255, 0.5),
81
- rgba(255, 255, 255, 0)
82
- )
83
- );
84
- background-size: var(--dae-ad-loader-background-size, 40px 100%);
85
- background-repeat: var(--dae-ad-loader-background-repeat, no-repeat);
86
- background-position: var(
87
- --dae-ad-loader-background-position,
88
- left -40px top 0
89
- );
90
- animation: var(--dae-ad-loader-animation, ad-skeleton 2s ease infinite);
91
- z-index: var(--dae-ad-loader-z-index, 2);
92
- }
93
- .ad-serving {
94
- position: var(--dae-ad-serving-position, relative);
95
- display: var(--dae-ad-serving-display, flex);
96
- flex-wrap: var(--dae-ad-serving-flex-wrap, wrap);
97
- align-items: var(--dae-ad-serving-align-items, flex-start);
98
- justify-content: var(--dae-ad-serving-justify-content, center);
99
- padding-block: var(--dae-ad-serving-padding-block, 1rem);
100
- margin-block: var(--dae-ad-serving-margin-block, 1rem);
101
- min-height: var(--dae-ad-serving-min-height, 100px);
102
- }
103
- .ad-serving::before {
104
- content: var(--dae-ad-serving-before-content, "[AD]");
105
- position: var(--dae-ad-serving-before-position, absolute);
106
- top: var(--dae-ad-serving-before-top, 0);
107
- left: var(--dae-ad-serving-before-left, 0);
108
- width: var(--dae-ad-serving-before-width, 100%);
109
- height: var(--dae-ad-serving-before-height, 100%);
110
- display: var(--dae-ad-serving-before-display, flex);
111
- align-items: var(--dae-ad-serving-before-align-items, center);
112
- justify-content: var(--dae-ad-serving-before-justify-content, center);
113
- color: var(--dae-ad-serving-before-color, #ccc);
114
- z-index: var(--dae-ad-serving-before-z-index, 1);
115
- }
116
-
117
- @keyframes ad-skeleton {
118
- to {
119
- background-position: right -40px top 0;
120
- }
121
- }
122
- `;var Dt=Object.defineProperty,jt=Object.getOwnPropertyDescriptor,g=(n,t,e,s)=>{for(var i=s>1?void 0:s?jt(t,e):t,r=n.length-1,o;r>=0;r--)(o=n[r])&&(i=(s?o(t,e,i):o(i))||i);return s&&i&&Dt(t,e,i),i},Bt=(n,t,e)=>{if(!t.has(n))throw TypeError("Cannot "+e)},rt=(n,t,e)=>{if(t.has(n))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(n):t.set(n,e)},ot=(n,t,e)=>(Bt(n,t,"access private method"),e),q,ft,V,$t;let h=class extends T{constructor(){super(...arguments),rt(this,q),rt(this,V),this.networkId="",this.adUnit="",this.divId="",this.mapping=[],this.sizing=[],this.refresh=!1,this.enableTitle=!1,this.title="Publicidad",this.adLoaded=!1}connectedCallback(){if(super.connectedCallback(),!h.initialized)ot(this,q,ft).call(this),h.initialized=!0,h.old_url=location.href;else{const n=location.href;h.old_url!==n&&(window.googletag.destroySlots(window.dreamsAllSlots),h.old_url=n,window.dreamsAllSlots=[],window.dreamsSlotsToUpdate=[])}}firstUpdated(){this.divId=`div-gpt-ad-${this.adUnit}-${crypto.randomUUID()}`,typeof this.mapping=="string"&&(this.mapping=JSON.parse(this.mapping)),typeof this.sizing=="string"&&(this.sizing=JSON.parse(this.sizing)),ot(this,V,$t).call(this)}render(){return x`
123
- <div class="ad-container">
124
- ${nt(this.enableTitle,()=>x`<span class="ad-label">${this.title}</span>`,()=>x``)}
125
- ${nt(!this.adLoaded,()=>x`<div
126
- class="ad-loader"
127
- data-ad-loader="${this.divId}"
128
- ></div>`,()=>x``)}
129
- <div
130
- class="ad-serving"
131
- data-post-id="${this.divId}"
132
- data-tag="${this.adUnit}"
133
- data-refresh="${this.refresh?"true":"false"}"
134
- >
135
- <slot name="ad-slot"></slot>
136
- </div>
137
- </div>
138
- `}};q=new WeakSet;ft=function(){window.googletag=window.googletag||{cmd:[]},window.googletag.cmd.push(()=>{window.dreamsAllSlots=window.dreamsAllSlots||[],window.dreamsSlotsToUpdate=window.dreamsSlotsToUpdate||[],window.googletag.pubads().enableSingleRequest(),window.googletag.enableServices()})};V=new WeakSet;$t=function(){const n=`/${this.networkId}/${this.adUnit}`,t=this.divId,e=document.createElement("div");e.id=t,e.setAttribute("data-ad",this.divId),e.setAttribute("slot","ad-slot"),e.classList.add("ad-serving-rendered"),e.parentElement||this.appendChild(e),window.googletag.cmd.push(()=>{const s=window.googletag.defineSlot(n,this.sizing,t).addService(window.googletag.pubads());window.googletag.pubads().addEventListener("slotRenderEnded",d=>{d.slot.getSlotElementId()===t&&(this.adLoaded=!0)});const i=window.googletag.sizeMapping();this.mapping.forEach(d=>{i.addSize(d.viewport,d.sizing)});const r=i.build(),o=s.defineSizeMapping(r).addService(window.googletag.pubads());this.refresh&&window.dreamsSlotsToUpdate.push(s),window.dreamsAllSlots.push(o),window.googletag.display(t)})};h.styles=lt(Lt);h.initialized=!1;h.old_url="";g([$({type:String})],h.prototype,"networkId",2);g([$({type:String})],h.prototype,"adUnit",2);g([$({type:String})],h.prototype,"divId",2);g([$({type:Array})],h.prototype,"mapping",2);g([$({type:Array})],h.prototype,"sizing",2);g([$({type:Boolean,reflect:!0})],h.prototype,"refresh",2);g([$({type:Boolean,reflect:!0})],h.prototype,"enableTitle",2);g([$({type:String})],h.prototype,"title",2);g([$({type:Boolean})],h.prototype,"adLoaded",2);h=g([Ht("dreams-ad-engine")],h);
package/dist/index.html DELETED
@@ -1,56 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Dreams Ad Engine</title>
8
- <script
9
- async
10
- id="gads-js"
11
- src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
12
- defer
13
- ></script>
14
- <script type="module" crossorigin src="./dreams-ad-engine.js"></script>
15
- </head>
16
- <body>
17
- <dummy-demo></dummy-demo>
18
- <dreams-ad-engine
19
- networkId="270959339"
20
- adUnit="fco-is-t-01"
21
- mapping='[{"viewport":[320,0],"sizing":[[320,50],[320,100]]},{"viewport":[720,0],"sizing":[[728,90]]},{"viewport":[970,0],"sizing":[[920,250],[970,90],[728,90]]},{"viewport":[1280,0],"sizing":[[920,250],[970,250],[970,90],[728,90]]}]'
22
- sizing="[[320,50],[320,100],[728,90],[970,90],[920,250],[970,250]]"
23
- title="Anuncio"
24
- >
25
- </dreams-ad-engine>
26
- <dreams-ad-engine
27
- networkId="270959339"
28
- adUnit="fco-is-t-02"
29
- mapping='[{"viewport":[320,0],"sizing":[[300,250],[320,50]]},{"viewport":[760,0],"sizing":[[728,90]]},{"viewport":[970,0],"sizing":[[970,90],[728,90],[728,90]]}]'
30
- sizing="[[300,250],[320,50],[728,90],[970,90]]"
31
- >
32
- </dreams-ad-engine>
33
- <dreams-ad-engine
34
- networkId="270959339"
35
- adUnit="fco-is-t-03"
36
- mapping='[{"viewport":[320,0],"sizing":[[300,250],[320,50]]},{"viewport":[760,0],"sizing":[[728,90]]},{"viewport":[970,0],"sizing":[[970,90],[728,90],[728,90]]}]'
37
- sizing="[[300,250],[320,50],[728,90],[970,90]]"
38
- >
39
- </dreams-ad-engine>
40
- <dreams-ad-engine
41
- networkId="270959339"
42
- adUnit="fco-is-t-04"
43
- mapping='[{"viewport":[320,0],"sizing":[[300,250],[320,50]]},{"viewport":[760,0],"sizing":[[728,90]]},{"viewport":[970,0],"sizing":[[970,90],[728,90],[728,90]]}]'
44
- sizing="[[300,250],[320,50],[728,90],[970,90]]"
45
- >
46
- </dreams-ad-engine>
47
- <dreams-ad-engine
48
- networkId="270959339"
49
- adUnit="fco-is-b-01"
50
- mapping='[{"viewport":[320,0],"sizing":[[300,250],[300,600]]}]'
51
- sizing="[[300,250],[300,600]]"
52
- enableTitle="false"
53
- >
54
- </dreams-ad-engine>
55
- </body>
56
- </html>