{"_id":"@curtissimo/elm-split-pane","_rev":"3-7f3770adf417249b915eef83861ed255","name":"@curtissimo/elm-split-pane","dist-tags":{"next":"1.0.0-alpha.0","latest":"1.0.1"},"versions":{"1.0.0-alpha.0":{"name":"@curtissimo/elm-split-pane","version":"1.0.0-alpha.0","author":{"name":"Curtis Schlak","email":"696163-realistschuckle@users.noreply.gitlab.com"},"license":"MIT","_id":"@curtissimo/elm-split-pane@1.0.0-alpha.0","maintainers":[{"name":"realistschuckle","email":"realistschuckle@gmail.com"}],"dist":{"shasum":"ba33cb18fb353b5b9733c8e96f0d1976154304d9","tarball":"https://registry.npmjs.org/@curtissimo/elm-split-pane/-/elm-split-pane-1.0.0-alpha.0.tgz","fileCount":3,"integrity":"sha512-YbTJtKsb4b/ZfISzH52L8wKkF401cP5kn+1fe8dlUQ5yUMBuLPuhKTp8AG+CEB2mPJhrgUrQ2J5dpLvIHotZ1A==","signatures":[{"sig":"MEUCIDGigZSyAV9BLWqswjDFRT5A4SGDMkwsuP0vLEbOKwp/AiEAomGzVXr2ENTL9JVJLAASIIOKgsNH4P/8XwjW5hUZmCE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4895},"main":"./build/scripts/main.js","scripts":{"docs":"elm-doc-preview","start":"parcel ./examples/src/index.html --dist-dir .development","test:docs":"elm-verify-examples --run-tests","lint:format":"elm-format --validate src","lint:review":"elm-review","postinstall":"node ./patch-elm-hot.mjs","build:assets":"parcel build assets/styles/main.css --dist-dir build","build:examples":"parcel build examples/src/index.html --dist-dir public","git:set-remote":"npm run git:set-remote:ssh","git:set-remote:ssh":"git remote add origin git@gitlab.com:curtissimo/elm-split-pane.git","git:set-remote:http":"git remote add origin https://gitlab.com/curtissimo/elm-split-pane.git"},"_npmUser":{"name":"realistschuckle","email":"realistschuckle@gmail.com"},"_npmVersion":"11.6.2","description":"A nestable split pane for Elm.","directories":{},"_nodeVersion":"24.13.0","_hasShrinkwrap":false,"devDependencies":{"elm":"^0.19.1-6","parcel":"latest","elm-json":"^0.2.13","elm-test":"^0.19.1-revision17","elm-format":"^0.8.8","elm-review":"^2.13.5","concurrently":"^9.2.1","elm-doc-preview":"^6.0.1","@curtissimo/elm-hot":"latest","elm-verify-examples":"^6.0.3","@parcel/transformer-elm":"latest"},"_npmOperationalInternal":{"tmp":"tmp/elm-split-pane_1.0.0-alpha.0_1774345054399_0.4208854650060203","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@curtissimo/elm-split-pane","version":"1.0.0","author":{"name":"Curtis Schlak","email":"696163-realistschuckle@users.noreply.gitlab.com"},"license":"MIT","_id":"@curtissimo/elm-split-pane@1.0.0","maintainers":[{"name":"realistschuckle","email":"realistschuckle@gmail.com"}],"homepage":"https://gitlab.com/curtissimo/elm-split-pane#readme","bugs":{"url":"https://gitlab.com/curtissimo/elm-split-pane/issues"},"dist":{"shasum":"c51dc998c69a4a4c552995a8e077bf2ce4f8743c","tarball":"https://registry.npmjs.org/@curtissimo/elm-split-pane/-/elm-split-pane-1.0.0.tgz","fileCount":5,"integrity":"sha512-E0JKqhCNm3b3l0QWmsiZHeDPQvPmDvwWCk1Hd+ASzsmKz921TU/1HbY2/ae583Uv0GRGDaOUlxK37hfEDZK5Eg==","signatures":[{"sig":"MEUCIQDx+Q8EwPqtefaLM4p8NH+QcnAp9On7TpEBlu8wy5lHUgIgDDutEg0NIS10A1BqWVV9NC4Lj3gvDVX6YohyICxMtnY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@curtissimo%2felm-split-pane@1.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v0.2"}},"unpackedSize":27612},"gitHead":"6a438a1e94c0f741112aedb150ff473d9eaba95d","scripts":{"docs":"elm-doc-preview","start":"parcel ./examples/src/index.html --dist-dir .development","test:docs":"elm-verify-examples --run-tests","lint:format":"elm-format --validate src","lint:review":"elm-review","postinstall":"node ./patch-elm-hot.mjs","build:assets":"npm run build:assets:css;","build:examples":"parcel build examples/src/index.html --dist-dir public","git:set-remote":"npm run git:set-remote:ssh","build:assets:css":"parcel build assets/styles/main.css --dist-dir build/styles","git:set-remote:ssh":"git remote add origin git@gitlab.com:curtissimo/elm-split-pane.git","git:set-remote:http":"git remote add origin https://gitlab.com/curtissimo/elm-split-pane.git"},"_npmUser":{"name":"GitLab CI/CD","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"gitlab","oidcConfigId":"oidc:edc358d2-cfe4-4dfd-b9f6-44bfa546551a"}},"repository":{"url":"git+https://gitlab.com/curtissimo/elm-split-pane.git","type":"git"},"_npmVersion":"11.9.0","description":"A nestable split pane for Elm.","directories":{},"_nodeVersion":"24.14.0","_hasShrinkwrap":false,"devDependencies":{"elm":"^0.19.1-6","parcel":"latest","elm-json":"^0.2.13","elm-test":"^0.19.1-revision17","elm-format":"^0.8.8","elm-review":"^2.13.5","concurrently":"^9.2.1","elm-doc-preview":"^6.0.1","@curtissimo/elm-hot":"latest","elm-verify-examples":"^6.0.3","@parcel/transformer-elm":"latest"},"_npmOperationalInternal":{"tmp":"tmp/elm-split-pane_1.0.0_1774369314680_0.7335625529428578","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@curtissimo/elm-split-pane","version":"1.0.1","repository":{"type":"git","url":"git+https://gitlab.com/curtissimo/elm-split-pane.git"},"description":"A nestable split pane for Elm.","devDependencies":{"@curtissimo/elm-hot":"latest","@parcel/transformer-elm":"latest","concurrently":"^9.2.1","elm":"^0.19.1-6","elm-doc-preview":"^6.0.1","elm-format":"^0.8.8","elm-json":"^0.2.13","elm-review":"^2.13.5","elm-test":"^0.19.1-revision17","elm-verify-examples":"^6.0.3","parcel":"latest"},"scripts":{"build:assets:css":"parcel build assets/styles/main.css --dist-dir build/styles","build:assets":"npm run build:assets:css;","build:examples":"parcel build examples/src/index.html --dist-dir public --public-url ./","git:set-remote":"npm run git:set-remote:ssh","git:set-remote:http":"git remote add origin https://gitlab.com/curtissimo/elm-split-pane.git","git:set-remote:ssh":"git remote add origin git@gitlab.com:curtissimo/elm-split-pane.git","docs":"elm-doc-preview","lint:format":"elm-format --validate src","lint:review":"elm-review","start":"parcel ./examples/src/index.html --dist-dir .development","postinstall":"node ./patch-elm-hot.mjs","test:docs":"elm-verify-examples --run-tests"},"author":{"name":"Curtis Schlak","email":"696163-realistschuckle@users.noreply.gitlab.com"},"license":"MIT","gitHead":"b8deaa6d90f644421f52694ed7351e9f625e4583","_id":"@curtissimo/elm-split-pane@1.0.1","bugs":{"url":"https://gitlab.com/curtissimo/elm-split-pane/issues"},"homepage":"https://gitlab.com/curtissimo/elm-split-pane#readme","_nodeVersion":"24.14.0","_npmVersion":"11.9.0","dist":{"integrity":"sha512-mCspfhhcx2tHqgbeULvYMVPt2zqr6aRRQ8j0dg2DwOB/mqXxnNCP8v/pjDxefdv0S3YXcEpycjPfkNxY3qMKPQ==","shasum":"45c1afdc08837dcc1ed8af5586fbaee5af719771","tarball":"https://registry.npmjs.org/@curtissimo/elm-split-pane/-/elm-split-pane-1.0.1.tgz","fileCount":5,"unpackedSize":27628,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@curtissimo%2felm-split-pane@1.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v0.2"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHzKTgxTAYFW+0tjWn74yWGc3ibPnhwT1MeRINNPqRFfAiEAi4ZaPk5nM9uBUPSY6am31Mrxro1hA61YMZtkoquH8a0="}]},"_npmUser":{"name":"GitLab CI/CD","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"gitlab","oidcConfigId":"oidc:edc358d2-cfe4-4dfd-b9f6-44bfa546551a"}},"directories":{},"maintainers":[{"name":"realistschuckle","email":"realistschuckle@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/elm-split-pane_1.0.1_1774370566224_0.5420779488737293"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-24T09:37:34.296Z","modified":"2026-03-24T16:42:46.673Z","1.0.0-alpha.0":"2026-03-24T09:37:34.537Z","1.0.0":"2026-03-24T16:21:54.815Z","1.0.1":"2026-03-24T16:42:46.362Z"},"bugs":{"url":"https://gitlab.com/curtissimo/elm-split-pane/issues"},"author":{"name":"Curtis Schlak","email":"696163-realistschuckle@users.noreply.gitlab.com"},"license":"MIT","homepage":"https://gitlab.com/curtissimo/elm-split-pane#readme","repository":{"type":"git","url":"git+https://gitlab.com/curtissimo/elm-split-pane.git"},"description":"A nestable split pane for Elm.","maintainers":[{"name":"realistschuckle","email":"realistschuckle@gmail.com"}],"readme":"# Curtissimo.SplitPane\n\n[![Pipeline](https://gitlab.example.com/curtissimo/elm-split-pane/badges/main/pipeline.svg?ignore_skipped=true)](https://gitlab.com/curtissimo/elm-split-pane/-/pipelines/latest)\n\nA nestable split pane for Elm.\n\nCheck out the [live example](https://curtissimo.gitlab.io/elm-split-pane).\nSource for the examples can be found in the [`./examples`](https://gitlab.com/curtissimo/elm-split-pane/-/tree/main/examples)\ndirectory.\n\n## Design Goals\n\nSo, I needed a nestable split pane for an app I was building with the\nfollowing features:\n\n- Sets the fewest style attributes possible in the DOM\n- Provides CSS classes on child panes to indicate width\n- Can handle absolute and relative measures\n- Can handle nested split panes\n- Can show and hide the secondary panes\n- Can properly handle overflow\n- Customizable via CSS\n\nTurns out, that's a lot to ask of some split panes. There's a nice\nversion with\n[whale9490/elm-split-pane](https://package.elm-lang.org/packages/whale9490/elm-split-pane/latest/),\nbut it unfortunately didn't meet the needs of what I wanted for the first,\nsecond, and last items.\n\n## Usage\n\nThe split pane relies on the size of the container that it's put in. So, either\nset a fixed height/width on the container, or do some Grid Layout stuff (which\nis what I do).\n\nThe following table shows the CSS variables available for customization with\ntheir default values.\n\n| Name                                                |  Default  |\n| --------------------------------------------------- | :-------: |\n| `--curtissimo-split-pane-gutter-width`              |   `8px`   |\n| `--curtissimo-split-pane-gutter-border-color`       | `#aaaaaa` |\n| `--curtissimo-split-pane-gutter-handle-color`       |  `black`  |\n| `--curtissimo-split-pane-gutter-hover-color`        | `#f5c264` |\n| `--curtissimo-split-pane-gutter-hover-handle-color` | `#333333` |\n\n### NPM Package\n\nThis package relies on external styles.\n\nInstall the package from NPM using the following command.\n\n```sh\nnpm install --save-dev @curtissimo/elm-split-pane\n```\n\nThen, as part of your build process, include the external\nstyles. To include the CSS, use the following import adapted to your\nbuild's needs.\n\n```css\n@import url(@curtissimo/elm-split-pane/main.css);\n```\n","readmeFilename":"README.md"}