{"_id":"popper-max-size-modifier","_rev":"6-2ffbb123d823419da1604ea44d853220","name":"popper-max-size-modifier","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"popper-max-size-modifier","version":"0.1.0","description":"A Popper.js modifier to change the size of your popper to fit it within the available viewport space.","main":"dist/popper-max-size-modifier.cjs.js","module":"dist/popper-max-size-modifier.esm.js","scripts":{"build":"rollup -c"},"author":{"name":"atomiks"},"license":"MIT","peerDependencies":{"@popperjs/core":"^2.1.1"},"devDependencies":{"rollup":"^2.1.0"},"gitHead":"051b4b919e241a580f1fd5874afd274306859bbe","_id":"popper-max-size-modifier@0.1.0","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-5Olq4L7lazjsv0C9e6qkZ6LDFTDhzB2M7BH3w2CGcZibhjeojDQXhX2wcj3ID+bgOkKluHkIn268UwcE9pelkg==","shasum":"23285e6eb087002ff08f22af50f9ed1858e647ea","tarball":"https://registry.npmjs.org/popper-max-size-modifier/-/popper-max-size-modifier-0.1.0.tgz","fileCount":5,"unpackedSize":4359,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJec4BsCRA9TVsSAnZWagAA6bAP/2AG6JDj/fzyBaF9mfoi\nY96J+fHsOfX/VF47TJNqqT8WtysIVlLLNmbUOjHS5Zma4dhr0SvOwfP4uWtu\nl/gsLOEKzg2IEg0Lkb76RwV3feUoZEscuMxQ1PWUzR6bbGlYYcP2qVwDGvOo\neYYQqACzLcuGSsqvMR8MQ910mjZgy8InlAPsYzyVBTkSdsjyS2A7Aq698AR6\nDwo7sz42kiZYvJyTGwfgSfuWkRPzTaQ5qsXWd9ZCFuWirMYRbI1hBhU/kbi8\nqAA1SMA61ct99iLia5G+DfXl8IXRKnTrkibcjQXKGDdN6YyBjy3RLV1Actmh\nGRlElv3mcPlQ5JSyBaFp8btmY4ViQ4TaKtueFy1ydwvqy4CHQvbQEVbW7yp7\nzFH5vRehgRybC94gxdj91Bs8Rc9IfgwzJkEvB6g04d9fGMgVUBU66CQ33GqJ\nw9syzZRCX9V3B3MYtGPmeYDL4mCo7AYD2/n6l8uXVwRPOlnNNuik1cBynGkN\nBnM4l8/MKgX+r9yJNOP0CrGF4XRe/gahanJFVRsE1QNR4JkHimxRADmm9pxW\ndxt/Odkz4BLuSuaTcqi8h82qFeUl6eXVd/9NpFOlDkiOngNCrXoukuNzOome\n4a9EBavvNiRqwrSne/7RTATzDcLmZKTsD2fG7vv0yX01udSZKIOmqc3jT4fm\nWwcz\r\n=VHBi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHUAmMrnE5lLBQtjjDJaF3KfuVFGLqnS+PrDuP6MFtAXAiAt5XVkVugAN1WU4NyhYXM5DLOuvRlesxMwWu5aDZY11A=="}]},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"_npmUser":{"name":"atomiks","email":"cc.glows@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popper-max-size-modifier_0.1.0_1584627819545_0.061243177922341685"},"_hasShrinkwrap":false,"deprecated":"We recommend switching to Floating UI which supports this modifier out of the box: https://floating-ui.com/docs/size"},"0.1.1":{"name":"popper-max-size-modifier","version":"0.1.1","description":"A Popper.js modifier to change the size of your popper to fit it within the available viewport space.","main":"dist/popper-max-size-modifier.cjs.js","module":"dist/popper-max-size-modifier.esm.js","types":"index.d.ts","author":{"name":"atomiks"},"license":"MIT","peerDependencies":{"@popperjs/core":"^2.0.0"},"_id":"popper-max-size-modifier@0.1.1","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Kc7RF0DjX6zlhoACJUZ/PKrK3eGPf0uTjJkRjt4jeV6c3Eng+4HF8Rhg2IkcgwbodUm1XgNHQwecwLj5FNbxcw==","shasum":"af47321c5123bcb2b77477e0f206be9eaf9f981d","tarball":"https://registry.npmjs.org/popper-max-size-modifier/-/popper-max-size-modifier-0.1.1.tgz","fileCount":6,"unpackedSize":5080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedK5SCRA9TVsSAnZWagAAIacP+gMY1oO76O3Jn+8Fs/8R\nYGptQ7x8VJhvivzcAfQ0F0LBOI6gT07IHiZ0Xp3TswujaDN5NGciH5st9DZg\nRlPyq7RdlQAgx3q4EHEUMOjmsbZvoGJoyL4EMsYjDBqc6b5327Yrn2dShyk+\n5mYG0ugGGSIU0XPRXua53ZApYovGvdM0ts1v9itcPxmFdsffiHWYlgaUzANG\niPTolVSUGo05mONDET7L9XZlegG7m6JviVRz6uRehHxj1WurN9ivffPgCIFE\njbDPTTqo9PMpa+BDjnF6wY6Ko6jQkiE5EW4Az2dIHnNIbhodI6xzWq5hzYDX\n9q8/S30Lu17p3SFzR8Pe9NmFzVPgIUu+tgxZdMeZ3smL/VCDiSddo6Tf1bPl\nijOtMxxSxbjohvTDJQAKSiwfqaRkmo5FxCCdSgtFjWygHl9+sEcvLV937xAz\nI4Vo8dNEnRCQYVArpR2NFw3c7rik5a7zUMeMo4znvzn3C2Q/CTAM8ICKOa+b\nTBANGNJOn9FeeZrO98izEMBM+J0BMWV7dk4FCGdBc0TxIfSlxbCG+1Wq9oqz\nRx5ZHTIEZtYcjUGMp4Ezk0xNrHs0T/NJ5E/qPoOa4c+WCq6GhDaInawlHeER\n/vKCoxsz1WOQ9hw9xxIpKU5XRb3RqT7jwkOaiNRbdhq2C1VzeWBu0b00O0v+\nrS4B\r\n=HTWa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcFwqp+tioAR1ZKNOS+b9/1OYa2U/eEX+YJqMMu1rJggIhANhFlafziCWw+DcCIhSXPPPOgzniCwIl+grVivWANW3f"}]},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"_npmUser":{"name":"atomiks","email":"cc.glows@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popper-max-size-modifier_0.1.1_1584705105765_0.6266053724945209"},"_hasShrinkwrap":false,"deprecated":"We recommend switching to Floating UI which supports this modifier out of the box: https://floating-ui.com/docs/size"},"0.1.2":{"name":"popper-max-size-modifier","version":"0.1.2","description":"A Popper.js modifier to change the size of your popper to fit it within the available viewport space.","main":"dist/popper-max-size-modifier.cjs.js","module":"dist/popper-max-size-modifier.esm.js","types":"index.d.ts","author":{"name":"atomiks"},"license":"MIT","peerDependencies":{"@popperjs/core":"^2.2.0"},"_id":"popper-max-size-modifier@0.1.2","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-/SM1YTiopAwFnI0I+EcCHvjn8f9mvHz8Ajs12YgUx7s4v5NxG+cL3ajjxC7O7wvfRtwOzRDGoc9+15iZPu5pHg==","shasum":"2995346df9a46ab3bd1aef1c180e48a6ebe5d0df","tarball":"https://registry.npmjs.org/popper-max-size-modifier/-/popper-max-size-modifier-0.1.2.tgz","fileCount":6,"unpackedSize":5084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh1QPCRA9TVsSAnZWagAA/7EP+wW4ufjJq8P8YessVO4R\neI2H6/Of2X4GZEjuYnGmGIra8IbuSAiimbbM3khjDYNSLIIPXTSfBKMruJ5O\nrYluP118mlLbjOVQ6Bl2MAeGo/xiNkQdT3l/FP/EdQ5QOo/14CTFk1xrWiOT\nQjda8XAjoDeKx/YyjjJpxIIzSS5lcDel/z5/mJl29R4mNDr8Qy8TSsMbxgQT\nHCp14QeF1mqjn/+DmtiWOZCN3dVbUmEaqxbHJuwUCkiKR/7wrbXRZNede/P4\nVYxgl17nhk6axlkxlBC+dsXGTeyfo36yvV6uNxIR1jfADXzBhPUJa3tm+Kp3\n56qSzaN7397j59RUGRnFrWXD3RAycEn9JqDpg75YLgzw1rh3qhzEuieqbT9V\nT2dPN5Q74vt1mXZj1Ljj9eqeftqvqd9Vvln1mECU9K1BzGUjZyhrO6b7Lieg\nMUVKX27FTY1FqDD+gzyNE/SpJgIy4ODvolIpAT9EZHkEIrpJcFOzFnwjDqF3\nolOwgEsv0ErIF5X1Y23vlJdpL1AlTOYiR6ggo8bfqSShNfVAE1hFeZhf0NNV\njNSinxnd9IKMZNbfdfBJK3R+aJHdEL9nJWc+uSs1UVXyXauJrrUUaQOMbC6S\noAMx9KW+CfnnnLD5BxmdFn3IdWSxR7W54DXlEaYbNuWcH1jzbtwX5q1tajeD\n3u7h\r\n=LVJT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDO2MJfGQAK1HVHVTgufV7xNzag7IdDD1uCoTtgdLN1pQIhAM7/dZiME+ZE3oFC+enwfPOsZWmVHeKiUEPY5UtcCq4y"}]},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"_npmUser":{"name":"atomiks","email":"cc.glows@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popper-max-size-modifier_0.1.2_1585927183346_0.5008936289277564"},"_hasShrinkwrap":false,"deprecated":"We recommend switching to Floating UI which supports this modifier out of the box: https://floating-ui.com/docs/size"},"0.2.0":{"name":"popper-max-size-modifier","version":"0.2.0","description":"A Popper.js modifier to change the size of your popper to fit it within the available viewport space.","main":"dist/popper-max-size-modifier.cjs.js","module":"dist/popper-max-size-modifier.esm.js","types":"index.d.ts","author":{"name":"atomiks"},"license":"MIT","peerDependencies":{"@popperjs/core":"^2.2.0"},"_id":"popper-max-size-modifier@0.2.0","_nodeVersion":"13.12.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-UerPt9pZfTFnpSpIBVJrR3ibHMuU1k5K01AyNLfMUWCr4z1MFH+dsayPlAF9ZeYExa02HPiQn5OIMqUSVtJEbg==","shasum":"1574744401296a488b4974909d130a85db94256f","tarball":"https://registry.npmjs.org/popper-max-size-modifier/-/popper-max-size-modifier-0.2.0.tgz","fileCount":6,"unpackedSize":5740,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemuk2CRA9TVsSAnZWagAAHF8P/igPlSReuTYzXNOwkeVv\n1yzt5GnNXE8gswzjf1bp5wcNQ7/AHAND8E2Bgh6E5PbMUhxjuqRnf36l0pvV\n6gl807ztT6OMO/RlTdCpNQ0F9XHPtCF1pZ0e6OhLcjckym6NtwtjuYz0upHJ\nAL2XkE4Crwzb8UWx51MQaj28LAQhx1gFqika8PXZIH6TxGCI47AvUSwv8Gm8\n0FXZz5/JZMVKxKWw4PeNDJn1VOMktQQ/8XjPt28p2K9FKlwKjui44OnkkOZo\npLwKqTKrch6BhkQbxEpYCpBRqSCfAUgSYvTyG3g0op8/CCqk79pSU69hLriI\nHdr/82EWqxr6h8iy2iuauqGjIjpN+YDodteVGC9c7Z1BwrPXPdrqMjOyO34i\nbw1hdc0Tprj+Ghe2Q3b2vGntsbHuhudkxCOmoPEU6bbU13sC9Pnv8IijAd4V\nlIp35pBE9Rop2mKf8J8nND4+yE8rKRMMBbFgM0DU4icnMEGPCjpoe/Vlwl57\nt4VFFG/jPbK7a+caPA2SHOpqhsPywy3D+/fBAdwNvnUkHvEWODvzZawW3g6E\ntc3Dvdhm4OmTaZsjie3haf+i5ojvzGPyzrWB2aSjs4ogV8gU89Hejwvc9NXe\n/JVEVR7SM8VaQITPWhAoOXYIFiodWE6Acc7OxkV8YpM0AQgXoLu7bQZBYEpq\nOTzQ\r\n=8PJt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICg3sYENmKfEfptIEeIvkoQ1PXmKZ9aqHIAPEuzYkwz/AiA8to8a6iBQArv/hU5mDLxvLSrHoNFiEoMT2n2rcRTfZQ=="}]},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"_npmUser":{"name":"atomiks","email":"cc.glows@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popper-max-size-modifier_0.2.0_1587210550158_0.3834248444122226"},"_hasShrinkwrap":false,"deprecated":"We recommend switching to Floating UI which supports this modifier out of the box: https://floating-ui.com/docs/size"}},"time":{"created":"2020-03-19T14:23:39.545Z","0.1.0":"2020-03-19T14:23:39.731Z","modified":"2022-05-13T05:22:07.324Z","0.1.1":"2020-03-20T11:51:45.870Z","0.1.2":"2020-04-03T15:19:43.456Z","0.2.0":"2020-04-18T11:49:10.312Z"},"maintainers":[{"name":"atomiks","email":"cc.glows@gmail.com"}],"description":"A Popper.js modifier to change the size of your popper to fit it within the available viewport space.","author":{"name":"atomiks"},"license":"MIT","readme":"# popper-max-size-modifier\n\nA [Popper.js](https://popper.js.org) modifier to change the size of your popper\nto fit it within the available viewport space.\n\n## Installation\n\n```bash\n# With npm\nnpm i popper-max-size-modifier\n\n# With Yarn\nyarn add popper-max-size-modifier\n```\n\n## Demo\n\nhttps://codesandbox.io/s/great-tesla-3roz7\n\n## Usage\n\n```js\nimport {createPopper} from '@popperjs/core';\nimport maxSize from 'popper-max-size-modifier';\n\n// Create your own apply modifier that adds the styles to the state\nconst applyMaxSize = {\n  name: 'applyMaxSize',\n  enabled: true,\n  phase: 'beforeWrite',\n  requires: ['maxSize'],\n  fn({state}) {\n    // The `maxSize` modifier provides this data\n    const {width, height} = state.modifiersData.maxSize;\n\n    state.styles.popper = {\n      ...state.styles.popper,\n      maxWidth: `${width}px`,\n      maxHeight: `${height}px`\n    };\n  }\n};\n\ncreatePopper(reference, popper, {\n  modifiers: [maxSize, applyMaxSize]\n});\n```\n\nSometimes you may want the `flip` modifier to take precedence in cases where the\n`maxSize` modifier will make the popper too small (e.g. a minimum acceptable\nsize):\n\n```js\n// Minimum acceptable size is 100px\n`${Math.max(100, width)}px`;\n`${Math.max(100, height)}px`;\n```\n\n## Options\n\nAll\n[`detectOverflow` options](https://popper.js.org/docs/v2/utils/detect-overflow/#options)\ncan be passed.\n\n```js\ncreatePopper(reference, popper, {\n  modifiers: [\n    {\n      ...maxSize,\n      options: {\n        boundary: customBoundaryElement,\n        padding: 20\n      }\n    },\n    applyMaxSize\n  ]\n});\n```\n\n## Contributing\n\nThe source is located in the root package at\n[`src/modifiers/maxSize.js`](https://github.com/atomiks/popper.js/blob/master/src/modifiers/maxSize.js).\n","readmeFilename":"README.md"}