Socket
Socket
Sign inDemoInstall

@spectrum-web-components/split-view

Package Overview
Dependencies
1
Maintainers
8
Versions
156
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.32.1-overlay.41 to 0.33.0

6

custom-elements.json

@@ -7,3 +7,3 @@ {

"kind": "javascript-module",
"path": "sp-split-view.ts",
"path": "sp-split-view.js",
"declarations": [],

@@ -23,3 +23,3 @@ "exports": [

"kind": "javascript-module",
"path": "src/SplitView.ts",
"path": "src/SplitView.js",
"declarations": [

@@ -582,3 +582,3 @@ {

"name": "SplitView",
"module": "src/SplitView.ts"
"module": "src/SplitView.js"
}

@@ -585,0 +585,0 @@ }

{
"name": "@spectrum-web-components/split-view",
"version": "0.32.1-overlay.41+ea2752a5d",
"version": "0.33.0",
"publishConfig": {

@@ -64,3 +64,3 @@ "access": "public"

"dependencies": {
"@spectrum-web-components/base": "^0.32.1-overlay.41+ea2752a5d"
"@spectrum-web-components/base": "^0.33.0"
},

@@ -76,3 +76,3 @@ "devDependencies": {

],
"gitHead": "ea2752a5dab7c3fc9f9d68148e74af23c63e2cfd"
"gitHead": "0f46cf0508f39ec42ce8c52b1e6f0055bacb4f00"
}

@@ -106,2 +106,5 @@ "use strict";

aria-label=${ifDefined(this.label || void 0)}
aria-valuenow=${Math.round(
parseFloat(this.firstPaneSize) / this.viewSize * 100
)}
tabindex=${ifDefined(

@@ -108,0 +111,0 @@ this.resizable ? "0" : void 0

@@ -12,2 +12,3 @@ "use strict";var m=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var i=(h,a,t,e)=>{for(var s=e>1?void 0:e?v(a,t):a,o=h.length-1,l;o>=0;o--)(l=h[o])&&(s=(e?l(a,t,s):l(s))||s);return e&&s&&m(a,t,s),s};import{html as n,nothing as f,SpectrumElement as b}from"@spectrum-web-components/base";import{classMap as P,ifDefined as c}from"@spectrum-web-components/base/src/directives.js";import{property as r,query as d}from"@spectrum-web-components/base/src/decorators.js";import{streamingListener as y}from"@spectrum-web-components/base/src/streaming-listener.js";import z from"./split-view.css.js";const p=3840,S=2,g=10,E=50,u=50;export class SplitView extends b{constructor(){super();this.vertical=!1;this.resizable=!1;this.collapsible=!1;this.primaryMin=0;this.primaryMax=p;this.secondaryMin=0;this.secondaryMax=p;this.firstPaneSize="auto";this.enoughChildren=!1;this.viewSize=0;this.offset=0;this.minPos=0;this.maxPos=p;const t=window.ResizeObserver;t&&(this.observer=new t(()=>{this.rect=void 0,this.updateMinMax()}))}static get styles(){return[z]}connectedCallback(){var t;super.connectedCallback(),(t=this.observer)==null||t.observe(this)}disconnectedCallback(){var t;(t=this.observer)==null||t.unobserve(this),super.disconnectedCallback()}get splitterSize(){return this._splitterSize||(this._splitterSize=this.splitter&&Math.round(parseFloat(window.getComputedStyle(this.splitter).getPropertyValue(this.vertical?"height":"width")))||S),this._splitterSize}render(){const t={"is-resized-start":this.splitterPos===this.minPos,"is-resized-end":this.splitterPos&&this.splitterPos>this.splitterSize&&this.splitterPos===this.maxPos,"is-collapsed-start":this.splitterPos===0,"is-collapsed-end":this.splitterPos&&this.splitterPos>=Math.max(this.splitterSize,this.viewSize-this.splitterSize)};return n`

aria-label=${c(this.label||void 0)}
aria-valuenow=${Math.round(parseFloat(this.firstPaneSize)/this.viewSize*100)}
tabindex=${c(this.resizable?"0":void 0)}

@@ -14,0 +15,0 @@ @keydown=${this.onKeydown}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc