https://docs-frameright-io.netlify.app/assets/js/c7b39f63.28808684.js

1"use strict";(self.webpackChunkframeright_docs=self.webpackChunkframeright_docs||[]).push([[1834],{3905:(e,t,n)=>{n.d(t,{Zo:()=>p,kt:()=>h});var a=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u=a.createContext({}),d=function(e){var t=a.useContext(u),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},p=function(e){var t=d(e.components);return a.createElement(u.Provider,{value:t},e.children)},m="mdxType",c={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},s=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,i=e.originalType,u=e.parentName,p=o(e,["components","mdxType","originalType","parentName"]),m=d(n),s=r,h=m["".concat(u,".").concat(s)]||m[s]||c[s]||i;return n?a.createElement(h,l(l({ref:t},p),{},{components:n})):a.createElement(h,l({ref:t},p))}));function h(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var i=n.length,l=new Array(i);l[0]=s;var o={};for(var u in t)hasOwnProperty.call(t,u)&&(o[u]=t[u]);o.originalType=e,o[m]="string"==typeof e?e:r,l[1]=o;for(var d=2;d<i;d++)l[d]=n[d];return a.createElement.apply(null,l)}return a.createElement.apply(null,n)}s.displayName="MDXCreateElement"},2235:(e,t,n)=>{n.d(t,{P:()=>i});var a=n(7294),r=n(9960);function i(e){let{href:t}=e;return a.createElement(r.Z,{className:"github-corner-icon",href:t},a.createElement("img",{src:"/img/thirdparty/github-mark.svg",alt:"GitHub repository"}))}},5537:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>s,frontMatter:()=>l,metadata:()=>u,toc:()=>p});var a=n(7462),r=(n(7294),n(3905)),i=n(2235);const l={sidebar_position:100,tags:["reference"],pagination_next:null},o="Changelog",u={unversionedId:"web-component/changelog",id:"web-component/changelog",title:"Changelog",description:"1.1.8 (2023-09-11)",source:"@site/docs/web-component/changelog.md",sourceDirName:"web-component",slug:"/web-component/changelog",permalink:"/web-component/changelog",draft:!1,editUrl:"https://github.com/frameright/docs.frameright.io/tree/main/docs/web-component/changelog.md",tags:[{label:"reference",permalink:"/tags/reference"}],version:"current",sidebarPosition:100,frontMatter:{sidebar_position:100,tags:["reference"],pagination_next:null},sidebar:"documentationSidebar",previous:{title:"Contributing",permalink:"/web-component/contributing"}},d={},p=[{value:"1.1.8 (2023-09-11)",id:"118-2023-09-11",level:3},{value:"1.1.7 (2023-07-02)",id:"117-2023-07-02",level:3},{value:"1.1.6 (2023-06-28)",id:"116-2023-06-28",level:3},{value:"1.1.5 (2023-06-21)",id:"115-2023-06-21",level:3},{value:"1.1.4 (2023-06-11)",id:"114-2023-06-11",level:3},{value:"1.1.3 (2023-05-10)",id:"113-2023-05-10",level:3},{value:"1.1.2 (2023-05-09)",id:"112-2023-05-09",level:3},{value:"1.1.1 (2023-05-09)",id:"111-2023-05-09",level:3},{value:"1.1.0 (2023-05-05)",id:"110-2023-05-05",level:3},{value:"1.0.0 (2023-05-05)",id:"100-2023-05-05",level:3},{value:"0.1.0 (2023-03-03)",id:"010-2023-03-03",level:3},{value:"0.0.9 (2023-02-20)",id:"009-2023-02-20",level:3},{value:"0.0.8 (2023-02-16)",id:"008-2023-02-16",level:3},{value:"0.0.7 (2023-02-09)",id:"007-2023-02-09",level:3}

1,{value:"0.0.6 (2023-02-07)",id:"006-2023-02-07",level:3},{value:"0.0.5 (2023-02-07)",id:"005-2023-02-07",level:3},{value:"0.0.4 (2023-02-02)",id:"004-2023-02-02",level:3},{value:"0.0.3 (2023-02-02)",id:"003-2023-02-02",level:3},{value:"0.0.2 (2023-02-02)",id:"002-2023-02-02",level:3},{value:"0.0.1 (2023-02-02)",id:"001-2023-02-02",level:3}],m={toc:p},c="wrapper";function s(e){let{components:t,...n}=e;return(0,r.kt)(c,(0,a.Z)({},m,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"changelog"},"Changelog"),(0,r.kt)(i.P,{href:"https://github.com/Frameright/image-display-control-web-component",mdxType:"GitHubCornerIcon"}),(0,r.kt)("h3",{id:"118-2023-09-11"},"1.1.8 (2023-09-11)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Bumped a few dependencies.")),(0,r.kt)("h3",{id:"117-2023-07-02"},"1.1.7 (2023-07-02)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Fixed crash when using ",(0,r.kt)("a",{parentName:"li",href:"/web-component/attribute-ref"},(0,r.kt)("inlineCode",{parentName:"a"},'data-debug-draw-regions="on"'))," in\nsingle page applications.")),(0,r.kt)("h3",{id:"116-2023-06-28"},"1.1.6 (2023-06-28)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Moved documentation to ",(0,r.kt)("a",{parentName:"li",href:"https://docs.frameright.io/web-component"},"https://docs.frameright.io/web-component"))),(0,r.kt)("h3",{id:"115-2023-06-21"},"1.1.5 (2023-06-21)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Improved documentation.")),(0,r.kt)("h3",{id:"114-2023-06-11"},"1.1.4 (2023-06-11)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Improved documentation.")),(0,r.kt)("h3",{id:"113-2023-05-10"},"1.1.3 (2023-05-10)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Fixed bug where the web component would not always re-assess the new image\nsize after changing the ",(0,r.kt)("inlineCode",{parentName:"li"},"src=")," attribute.")),(0,r.kt)("h3",{id:"112-2023-05-09"},"1.1.2 (2023-05-09)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Fixed bug where the web component would not re-assess the new image size\nafter changing the ",(0,r.kt)("inlineCode",{parentName:"li"},"src=")," attribute.")),(0,r.kt)("h3",{id:"111-2023-05-09"},"1.1.1 (2023-05-09)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Fixed bug where the ",(0,r.kt)("a",{parentName:"li",href:"/web-component/html-attrs"},"image region overlays (for debugging purposes)"),"\nwould not be updated when the image region list changed.")),(0,r.kt)("h3",{id:"110-2023-05-05"},"1.1.0 (2023-05-05)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Added one more export path inside ",(0,r.kt)("inlineCode",{parentName:"li"},"package.json"),".")),(0,r.kt)("h3",{id:"100-2023-05-05"},"1.0.0 (2023-05-05)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Exported minified bundle inside ",(0,r.kt)("inlineCode",{parentName:"li"},"package.json"),".")),(0,r.kt)("h3",{id:"010-2023-03-03"},"0.1.0 (2023-03-03)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Added ",(0,r.kt)("a",{parentName:"li",href:"/web-component/attribute-ref"},(0,r.kt)("inlineCode",{parentName:"a"},"data-avoid-no-region=")," attribute"),"."),(0,r.kt)("li",{parentName:"ul"},"Added\n",(0,r.kt)("a",{parentName:"li",href:"https://davidwalsh.name/javascript-debounce-function"},"debounce function"),"\nwhen setting the ",(0,r.kt)("inlineCode",{parentName:"li"},"sizes=")," attribute in order to avoid blinking on Chrome.")),(0,r.kt)("h3",{id:"009-2023-02-20"},"0.0.9 (2023-02-20)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Implemented overriding responsively the ",(0,r.kt)("inlineCode",{parentName:"li"},"sizes=")," attribute in order to fetch\nan image from the ",(0,r.kt)("inlineCode",{parentName:"li"},"srcset=")," attribute that has a high enough resolution for\nthe region we're zooming in.")),(0,r.kt)("h3",{id:"008-2023-02-16"},"0.0.8 (2023-02-16)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Fixed race condition when the image takes time to load.")),(0,r.kt)("h3",{id:"007-2023-02-09"},"0.0.7 (2023-02-09)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Added handling of missing browser features."),(0,r.kt)("li",{parentName:"ul"},"Added ",(0,r.kt)("a",{parentName:"li",href:"/web-component/attribute-ref"},(0,r.kt)("inlineCode",{parentName:"a"},"data-css-contain-fallback=")," attribute"),".")),(0,r.kt)("h3",{id:"006-2023-02-07"},"0.0.6 (2023-02-07)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Removed ",(0,r.kt)("a",{parentName:"li",href:"https://github.com/ungap/custom-elements"},"Safari polyfill")," from\nminified bundle to be served on CDNs.")),(0,r.kt)("h3",{id:"005-2023-02-07"},"0.0.5 (2023-02-07)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Implemented ",(0,r.kt)("a",{parentName:"li",href:"/web-component/attribute-ref"},(0,r.kt)("inlineCode",{parentName:"a"},"data-debug-draw-regions=")," attribute"),"."),(0,r.kt)("li",{parentName:"ul"},"Added ",(0,r.kt)("inlineCode",{parentName:"li"},"dist/image-display-control.min.js")," to npm package in order for it to\nbe served on CDNs like ",(0,r.kt)("a",{parentName:"li",href:"https://www.jsdelivr.com/"},"jsDelivr"),"."),(0,r.kt)("li",{parentName:"ul"},"Fixed a bug where ",(0,r.kt)("a",{parentName:"li",href:"/web-component/attribute-ref"},(0,r.kt)("inlineCode",{parentName:"a"},"data-disabled=none"))," would be ignored.")),(0,r.kt)("h3",{id:"004-2023-02-02"},"0.0.4 (2023-02-02)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Improved npm documentation.")),(0,r.kt)("h3",{id:"003-2023-02-02"},"0.0.3 (2023-02-02)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Improved npm documentation.")),(0,r.kt)("h3",{id:"002-2023-02-02"},"0.0.2 (2023-02-02)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Improved npm documentation.")),(0,r.kt)("h3",{id:"001-2023-02-02"},"0.0.1 (2023-02-02)"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Initial version.")))}s.isMDXComponent=!0}}]);