@simai-studio/ui 5.20261023.16 → 5.20261023.126
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.
- package/README.md +4 -4
- package/distr/component/accordion/css/accordion.min.css +1 -1
- package/distr/component/accordion/js/accordion.min.js +1 -1
- package/distr/component/modal/css/modal.min.css +1 -1
- package/distr/component/modal/js/modal.min.js +1 -1
- package/distr/core/contracts/public-variables.v1.json +7 -0
- package/distr/core/css/core.css +14 -0
- package/distr/core/css/core.min.css +1 -1
- package/distr/smart/drawer/css/drawer.min.css +1 -1
- package/distr/smart/drawer/js/drawer.min.js +9 -8
- package/distr/smart/drawer/smart.manifest.json +12 -6
- package/distr/smart/modal/js/modal.min.js +1 -1
- package/distr/smart/modal/smart.manifest.json +3 -2
- package/distr/smart/modal/template/default.js +1 -1
- package/package-manifest.json +16 -16
- package/package.json +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(()=>{"use strict";var e={"5f0529568b98"(e,t,s){s.a(e,async(e,t)=>{try{var r=s("ddf1cdb42ecc"),o=s("fbe0570fcc69"),n=s("0d662e4d7d63"),a=e([r,o,n]);[r,o,n]=a.then?(await a)():a;var i=s.n(o);const l={en:{closeLabel:"Close drawer",handleLabel:"Resize the panel"},ru:{closeLabel:"Закрыть панель",handleLabel:"Изменить высоту панели"}},d="sf-drawer",c=["edge"],h=(e,t)=>1===e.nodeType&&e.getAttribute("slot")===t,u=e=>c.some(t=>h(e,t)),f="data-sf-drawer-portal",p="[data-sf-overlay-container], [data-sf-drawer-container]",b=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","),m=[],w=48,g=`(min-width: ${w}rem)`,y=["left","right","inline-start","inline-end","bottom"],v=["auto","half","full"],k=.25,S=.5;function _(...e){return e.flat().filter(Boolean).join(" ")}const E={globalBound:!1,lockState:null,add(e){this.remove(e,!1),m.push(e),this.sync(),this.syncPageLock()},remove(e,t=!0){const s=m.indexOf(e);s>=0&&m.splice(s,1),this.sync(),t&&this.syncPageLock()},bringToFront(e){m.includes(e)&&(this.remove(e,!1),m.push(e),this.sync())},isTop:e=>m.at(-1)===e,sync(){m.forEach((e,t)=>e.applyStackPosition(t)),this.syncDock()},syncDock(){const e=document.documentElement;if(!e)return;this.bindDockMedia();const t={start:0,end:0},s=this.reservesDock();for(const e of s?m:[]){if(!e.openState||!e.docked)continue;const s=e.getDrawerRoot()?.querySelector("[data-sf-drawer-panel]"),r=s?Math.round(s.getBoundingClientRect().width):0;t[e.dockSide]+=r}for(const s of["start","end"]){const r=`--sf-drawer-dock-inline-${s}`;t[s]>0?e.style.setProperty(r,`${t[s]}px`):e.style.removeProperty(r)}},bindDockMedia(){void 0===this.dockMedia&&(this.dockMedia="function"==typeof globalThis.matchMedia?globalThis.matchMedia(g):null,this.dockMedia?.addEventListener?.("change",()=>this.syncDock()));const e=document.querySelector("[data-sf-drawer-dock-host]");e!==this.dockHost&&(this.dockHostObserver?.disconnect(),this.dockHost=e,this.dockHostObserver=e&&"function"==typeof ResizeObserver?new ResizeObserver(()=>{const e=this.dockReserved;this.reservesDock()!==e&&this.syncDock()}):null,this.dockHostObserver?.observe(e,{box:"border-box"}))},reservesDock(){const e=this.dockHost;let t;if(e?.isConnected){const s=parseFloat(getComputedStyle(document.documentElement).fontSize)||16;t=e.getBoundingClientRect().width>=w*s}else t=!this.dockMedia||this.dockMedia.matches;return this.dockReserved=t,t},syncPageLock(){const e=m.find(e=>e.openState&&e.modal&&!e.closest(p));e?this.lockPage(e.preserveScrollGap):this.unlockPage()},lockPage(e){const t=document.documentElement,s=document.body;if(!t||!s||this.lockState)return;const r=Math.max(0,window.innerWidth-t.clientWidth);this.lockState={htmlOverflow:t.style.overflow,bodyOverflow:s.style.overflow,bodyPaddingInlineEnd:s.style.paddingInlineEnd},t.style.overflow="hidden",s.style.overflow="hidden",e&&r>0&&(s.style.paddingInlineEnd=`${r}px`)},unlockPage(){if(!this.lockState)return;const e=document.documentElement,t=document.body;e.style.overflow=this.lockState.htmlOverflow,t.style.overflow=this.lockState.bodyOverflow,t.style.paddingInlineEnd=this.lockState.bodyPaddingInlineEnd,this.lockState=null},bindGlobalEvents(){this.globalBound||"undefined"==typeof document||(document.addEventListener("click",e=>{if(!(e.target instanceof Element))return;const t=e.target.closest("[data-drawer]"),s=e.target.closest("[data-sf-drawer-open]"),r=e.target.closest("[data-sf-drawer-toggle]"),o=e.target.closest("[data-sf-drawer-close]"),n=t?.getAttribute("data-drawer")||"",a=["open","toggle","close"].includes(n)?n:s?"open":r?"toggle":o?"close":"",i=t||s||r||o;if(!a||!i)return;const l=i.getAttribute("aria-controls")||i.getAttribute(`data-sf-drawer-${a}`)||i.closest("[data-sf-drawer-id]")?.getAttribute("data-sf-drawer-id");l&&customElements.whenDefined(d).then(()=>{document.getElementById(l)?.[a]?.()})}),this.globalBound=!0)}};class A extends(i()){static get props(){return{templateName:{attribute:"template",default:"default"},opened:{attribute:"open",type:Boolean,default:!1},placement:{default:"right",values:y},snap:{default:"auto",values:v},controlled:{type:Boolean,default:!1},blockStart:{attribute:"block-start",default:""},overlay:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},docked:{type:Boolean,default:!1},size:{default:"1",values:["1/2","1","2","full"],valueAliases:{"1/2":["small"],1:["medium"],2:["large"]}},closeOnEsc:{attribute:"close-on-esc",type:Boolean,default:!0},closeOnOverlay:{attribute:"close-on-overlay",type:Boolean,default:!0},preserveScrollGap:{attribute:"preserve-scroll-gap",type:Boolean,default:!0},showClose:{attribute:"show-close",type:Boolean,default:!0},closePlacement:{attribute:"close-placement",default:"inside",values:["inside","outside"]},title:{default:""},label:{default:""},closeLabel:{attribute:"close-label",default:""},width:{default:""},stackOffset:{attribute:"stack-offset",default:""},gutter:{default:""},zIndex:{attribute:"z-index",default:""},overlayClass:{attribute:"overlay-class",default:""},panelClass:{attribute:"panel-class",default:""},panelStyle:{attribute:"panel-style",default:""},headerClass:{attribute:"header-class",default:""},bodyClass:{attribute:"body-class",default:""},closeClass:{attribute:"close-class",default:""}}}static get defaultTrueAttributes(){return new Set(["overlay","modal","close-on-esc","close-on-overlay","preserve-scroll-gap","show-close"])}constructor(){super(),this.drawerId="",this._portalRoot=null,this._contentNodes=null,this._lastActive=null,this._syncingOpenAttribute=!1,this._hasEmittedReady=!1,this._stackIndex=-1,this._focusAfterRender=!1,this._emitAfterOpen=!1,this._dockObserver=null,this.onKeyDown=this.onKeyDown.bind(this),this.handleRootClick=this.handleRootClick.bind(this),this.onWindowResize=this.onWindowResize.bind(this),this.onSheetPointerDown=this.onSheetPointerDown.bind(this),this.onHandleKeyDown=this.onHandleKeyDown.bind(this),this._switchVisible=!1}connectedCallback(){this._contentNodes||(this._contentNodes=Array.from(this.childNodes)),this.drawerId=this.resolveDrawerId(),super.connectedCallback(),E.bindGlobalEvents(),document.addEventListener("keydown",this.onKeyDown),globalThis.addEventListener?.("resize",this.onWindowResize,{passive:!0}),this.openState&&(this._focusAfterRender=this.modal,E.add(this))}disconnectedCallback(){this._areaObserver?.disconnect(),this._areaObserver=null,document.removeEventListener("keydown",this.onKeyDown),globalThis.removeEventListener?.("resize",this.onWindowResize),this._dockObserver?.disconnect(),this._dockObserver=null,E.remove(this),this.clearPortal(),super.disconnectedCallback()}attributeChangedCallback(e,t,s){t!==s&&("open"!==e||this._syncingOpenAttribute||!this._isMounted?("modal"!==e&&"docked"!==e||!this.openState||E.syncPageLock(),"docked"!==e&&"placement"!==e&&"size"!==e&&"width"!==e||!this.openState||requestAnimationFrame(()=>{E.syncDock(),E.sync()}),super.attributeChangedCallback(e,t,s)):this.syncExternalOpenState(null!==s))}get openState(){return this.hasAttribute("open")}get placement(){return this.getEnumAttr("placement",y,"right")}get sheet(){return"bottom"===this.placement}get snap(){return this.getEnumAttr("snap",v,"auto")}get controlled(){return this.getBooleanAttr("controlled",!1)}hasVisibleSwitch(){const e=this.drawerId||this.id;if(!e||"undefined"==typeof document)return!1;const t=this.getDrawerRoot();return[...document.querySelectorAll("[aria-controls]")].some(s=>!!s.getAttribute("aria-controls").split(/\s+/u).includes(e)&&(!t?.contains(s)&&!this.contains(s)&&(0!==s.getClientRects().length&&"hidden"!==getComputedStyle(s).visibility)))}onWindowResize(){if(!this.controlled||!this._isMounted)return;this.hasVisibleSwitch()!==this._switchVisible&&this.requestComponentUpdate("controlled")}get overlay(){return this.getBooleanAttr("overlay",!0)}get modal(){return!this.docked&&this.getBooleanAttr("modal",!0)}get docked(){return this.getBooleanAttr("docked",!1)&&!this.sheet}get gutter(){return this.getAttribute("gutter")||""}get stackOffset(){return this.getAttribute("stack-offset")||""}get stackEdge(){const e=this.placement;if(!e.startsWith("inline"))return e;return"inline-start"===e!==("rtl"===(this.closest("[dir]")?.getAttribute("dir")||document.documentElement.dir))?"left":"right"}get dockSide(){const e=this.placement;if("inline-start"===e)return"start";if("inline-end"===e)return"end";const t="rtl"===globalThis.getComputedStyle?.(document.documentElement).direction;return"left"===e?t?"end":"start":t?"start":"end"}get size(){return this.getProp("size")}get closeOnEsc(){return this.getBooleanAttr("close-on-esc",!0)}get closeOnOverlay(){return this.getBooleanAttr("close-on-overlay",!0)}get preserveScrollGap(){return this.getBooleanAttr("preserve-scroll-gap",!0)}get showClose(){return this.getBooleanAttr("show-close",!0)}get closePlacement(){return this.getEnumAttr("close-placement",["inside","outside"],"inside")}resolveDrawerId(){const e=this.id||this.getAttribute("drawer-id");if(e)return this.id||(this.id=e),e;const t=`sf-drawer-${Math.random().toString(36).slice(2,10)}`;return this.id=t,this.setAttribute("drawer-id",t),t}templateContext(){return this._switchVisible=this.controlled&&this.hasVisibleSwitch(),this.createTemplateContext({drawerId:this.drawerId||this.resolveDrawerId(),open:this.openState,placement:this.placement,overlay:this.overlay,modal:this.modal,docked:this.docked,size:this.size,showClose:this.showClose&&!this._switchVisible,controlled:this.controlled,sheet:this.sheet,snap:this.snap,handleLabel:(0,n.pageText)(l,"handleLabel",this),blockStart:this.getAttribute("block-start")||"",closePlacement:this.closePlacement,title:this.getAttribute("title")||"",label:this.getAttribute("label")||this.getAttribute("title")||"",closeLabel:this.getAttribute("close-label")||this.defaultCloseLabel,width:this.getAttribute("width")||"",stackOffset:this.stackOffset,gutter:this.gutter,zIndex:this.drawerZIndex,overlayClass:this.getAttribute("overlay-class")||"",panelClass:this.getAttribute("panel-class")||"",panelStyle:this.getAttribute("panel-style")||"",headerClass:this.getAttribute("header-class")||"",bodyClass:this.getAttribute("body-class")||"",closeClass:this.getAttribute("close-class")||""})}get drawerZIndex(){return this.getAttribute("z-index")||`calc(var(--sf-drawer-z-index, var(--sf-z-index-9)) + ${2*Math.max(0,this._stackIndex)})`}get defaultCloseLabel(){return(0,n.pageText)(l,"closeLabel",this)}async renderComponent(e=[]){const t=++this._renderToken,s=await this.resolveTemplateResult(e);this._isMounted&&t===this._renderToken&&((0,r.render)(s,this.resolvePortalRoot()),this.afterRender())}resolvePortalRoot(){if(this._portalRoot?.isConnected)return this._portalRoot;const e=this.closest(p)||document.body,t=`[${f}="${s=this.drawerId,globalThis.CSS?.escape?globalThis.CSS.escape(s):String(s).replace(/["\\]/g,"\\$&")}"]`;var s;return this._portalRoot=e.querySelector(t)||document.createElement("div"),this._portalRoot.setAttribute(f,this.drawerId),this._portalRoot.isConnected||e.append(this._portalRoot),this._portalRoot}watchForAreaChildren(){this._areaObserver||(this._areaObserver=new MutationObserver(()=>{const e=this.getDrawerRoot();e&&this.projectAreas(e)}),this._areaObserver.observe(this,{childList:!0}))}projectAreas(e){for(const[t,s]of[["edge","[data-sf-drawer-edge]"]]){const r=e.querySelector(s);if(!r)continue;const o=[...this._contentNodes.filter(e=>h(e,t)&&e.parentElement!==r),...[...this.children].filter(e=>h(e,t))];o.length&&r.append(...new Set(o))}}afterRender(){const e=this.getDrawerRoot();if(!e)return;this.projectAreas(e),this.watchForAreaChildren();const t=e.querySelector("[data-sf-drawer-body]");t&&"1"!==t.dataset.sfDrawerContentReady&&(t.replaceChildren(...this._contentNodes.filter(e=>!u(e))),t.dataset.sfDrawerContentReady="1"),e.removeEventListener("click",this.handleRootClick),e.addEventListener("click",this.handleRootClick);const s=e.querySelector("[data-sf-drawer-handle]"),r=e.querySelector(".sf-drawer-head");for(const e of[s,r])e?.removeEventListener("pointerdown",this.onSheetPointerDown),e?.addEventListener("pointerdown",this.onSheetPointerDown);s?.removeEventListener("keydown",this.onHandleKeyDown),s?.addEventListener("keydown",this.onHandleKeyDown),this.applyStackPosition(),this.observeDock(e);const o=this._hasEmittedReady?"drawer:update":"drawer:ready";this.dispatchEvent(new CustomEvent(o,{bubbles:!0,composed:!0,detail:{component:this,drawer:this,drawerId:this.drawerId,root:e}})),this._hasEmittedReady=!0,(this._focusAfterRender||this._emitAfterOpen)&&(this._focusAfterRender=!1,requestAnimationFrame(()=>{this.openState&&this.modal&&this.focusFirst(),this._emitAfterOpen&&this.emitDrawerEvent("drawer:after-open"),this._emitAfterOpen=!1}))}template(){const e=this.templateContext(),t=e.showClose?r.html`<button
|
|
1
|
+
(()=>{"use strict";var e={"5f0529568b98"(e,t,s){s.a(e,async(e,t)=>{try{var r=s("ddf1cdb42ecc"),o=s("fbe0570fcc69"),n=s("0d662e4d7d63"),a=e([r,o,n]);[r,o,n]=a.then?(await a)():a;var i=s.n(o);const l={en:{closeLabel:"Close drawer",handleLabel:"Resize the panel"},ru:{closeLabel:"Закрыть панель",handleLabel:"Изменить высоту панели"}},d="sf-drawer",c=["edge"],h=(e,t)=>1===e.nodeType&&e.getAttribute("slot")===t,u=e=>c.some(t=>h(e,t)),f="data-sf-drawer-portal",p="[data-sf-overlay-container], [data-sf-drawer-container]",b=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","),m=[],w=48,g=["left","right","inline-start","inline-end","bottom"],y=["auto","half","full"],v=.25,k=.5;function S(...e){return e.flat().filter(Boolean).join(" ")}function _(e){const t=/^(\d*\.?\d+)(rem|em|px)$/u.exec(String(e).trim()),s=parseFloat(getComputedStyle(document.documentElement).fontSize)||16;return t?Number(t[1])*("px"===t[2]?1:s):w*s}const A={globalBound:!1,lockState:null,add(e){this.remove(e,!1),m.push(e),this.sync(),this.syncPageLock(),e.syncSwitches()},remove(e,t=!0){const s=m.indexOf(e);s>=0&&m.splice(s,1),this.sync(),t&&this.syncPageLock(),e.syncSwitches()},bringToFront(e){m.includes(e)&&(this.remove(e,!1),m.push(e),this.sync())},isTop:e=>m.at(-1)===e,sync(){m.forEach((e,t)=>e.applyStackPosition(t)),this.syncDock()},syncDock(){const e=document.documentElement;if(!e)return;this.bindDockMedia();const t={start:0,end:0};for(const e of m){if(!e.openState||!e.docked)continue;const s=this.reservesDock(e);if(e.setDockColumn(s),!s)continue;const r=e.getDrawerRoot()?.querySelector("[data-sf-drawer-panel]"),o=r?Math.round(r.getBoundingClientRect().width):0;t[e.dockSide]+=o}for(const s of["start","end"]){const r=`--sf-drawer-dock-inline-${s}`;t[s]>0?e.style.setProperty(r,`${t[s]}px`):e.style.removeProperty(r)}},dockMedia(e){if("function"!=typeof globalThis.matchMedia)return null;this.dockMediaLists??=new Map;let t=this.dockMediaLists.get(e);return t||(t=globalThis.matchMedia(`(min-width: ${e})`),t.addEventListener?.("change",()=>this.syncDock()),this.dockMediaLists.set(e,t)),t},syncDockIfChanged(){m.some(e=>e.openState&&e.docked&&this.reservesDock(e)!==e.dockColumn)&&this.syncDock()},bindDockMedia(){const e=document.querySelector("[data-sf-drawer-dock-host]");e!==this.dockHost&&(this.dockHostObserver?.disconnect(),this.dockHost=e,this.dockHostObserver=e&&"function"==typeof ResizeObserver?new ResizeObserver(()=>this.syncDockIfChanged()):null,this.dockHostObserver?.observe(e,{box:"border-box"}))},reservesDock(e){void 0===this.dockHost&&this.bindDockMedia();const t=this.dockHost,s=e.dockBreakpoint;if(t?.isConnected)return t.getBoundingClientRect().width>=_(s);const r=this.dockMedia(s);return!r||r.matches},syncPageLock(){const e=m.find(e=>e.openState&&e.modal&&!e.closest(p));e?this.lockPage(e.preserveScrollGap):this.unlockPage()},lockPage(e){const t=document.documentElement,s=document.body;if(!t||!s||this.lockState)return;const r=Math.max(0,window.innerWidth-t.clientWidth);this.lockState={htmlOverflow:t.style.overflow,bodyOverflow:s.style.overflow,bodyPaddingInlineEnd:s.style.paddingInlineEnd},t.style.overflow="hidden",s.style.overflow="hidden",e&&r>0&&(s.style.paddingInlineEnd=`${r}px`)},unlockPage(){if(!this.lockState)return;const e=document.documentElement,t=document.body;e.style.overflow=this.lockState.htmlOverflow,t.style.overflow=this.lockState.bodyOverflow,t.style.paddingInlineEnd=this.lockState.bodyPaddingInlineEnd,this.lockState=null},bindGlobalEvents(){this.globalBound||"undefined"==typeof document||(document.addEventListener("click",e=>{if(!(e.target instanceof Element))return;const t=e.target.closest("[data-drawer]"),s=e.target.closest("[data-sf-drawer-open]"),r=e.target.closest("[data-sf-drawer-toggle]"),o=e.target.closest("[data-sf-drawer-close]"),n=t?.getAttribute("data-drawer")||"",a=["open","toggle","close"].includes(n)?n:s?"open":r?"toggle":o?"close":"",i=t||s||r||o;if(!a||!i)return;const l=i.getAttribute("aria-controls")||i.getAttribute(`data-sf-drawer-${a}`)||i.closest("[data-sf-drawer-id]")?.getAttribute("data-sf-drawer-id");l&&customElements.whenDefined(d).then(()=>{document.getElementById(l)?.[a]?.()})}),this.globalBound=!0)}};class C extends(i()){static get props(){return{templateName:{attribute:"template",default:"default"},opened:{attribute:"open",type:Boolean,default:!1},placement:{default:"right",values:g},snap:{default:"auto",values:y},controlled:{type:Boolean,default:!1},blockStart:{attribute:"block-start",default:""},overlay:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},docked:{type:Boolean,default:!1},dockBreakpoint:{attribute:"dock-breakpoint",default:""},size:{default:"1",values:["1/2","1","2","full"],valueAliases:{"1/2":["small"],1:["medium"],2:["large"]}},closeOnEsc:{attribute:"close-on-esc",type:Boolean,default:!0},closeOnOverlay:{attribute:"close-on-overlay",type:Boolean,default:!0},preserveScrollGap:{attribute:"preserve-scroll-gap",type:Boolean,default:!0},showClose:{attribute:"show-close",type:Boolean,default:!0},closePlacement:{attribute:"close-placement",default:"inside",values:["inside","outside"]},title:{default:""},label:{default:""},closeLabel:{attribute:"close-label",default:""},width:{default:""},stackOffset:{attribute:"stack-offset",default:""},gutter:{default:""},zIndex:{attribute:"z-index",default:""},overlayClass:{attribute:"overlay-class",default:""},panelClass:{attribute:"panel-class",default:""},panelStyle:{attribute:"panel-style",default:""},headerClass:{attribute:"header-class",default:""},bodyClass:{attribute:"body-class",default:""},closeClass:{attribute:"close-class",default:""}}}static get defaultTrueAttributes(){return new Set(["overlay","modal","close-on-esc","close-on-overlay","preserve-scroll-gap","show-close"])}constructor(){super(),this.drawerId="",this._portalRoot=null,this._contentNodes=null,this._lastActive=null,this._syncingOpenAttribute=!1,this._hasEmittedReady=!1,this._stackIndex=-1,this._focusAfterRender=!1,this._emitAfterOpen=!1,this._dockObserver=null,this.onKeyDown=this.onKeyDown.bind(this),this.handleRootClick=this.handleRootClick.bind(this),this.onWindowResize=this.onWindowResize.bind(this),this.onSheetPointerDown=this.onSheetPointerDown.bind(this),this.onHandleKeyDown=this.onHandleKeyDown.bind(this),this._switchVisible=!1,this._dockColumn=!0}connectedCallback(){this._contentNodes||(this._contentNodes=Array.from(this.childNodes)),this.drawerId=this.resolveDrawerId(),super.connectedCallback(),A.bindGlobalEvents(),document.addEventListener("keydown",this.onKeyDown),globalThis.addEventListener?.("resize",this.onWindowResize,{passive:!0}),this.openState&&(this._focusAfterRender=this.modal,A.add(this)),globalThis.requestAnimationFrame?.(()=>this.syncSwitches())}disconnectedCallback(){this._areaObserver?.disconnect(),this._areaObserver=null,document.removeEventListener("keydown",this.onKeyDown),globalThis.removeEventListener?.("resize",this.onWindowResize),this._dockObserver?.disconnect(),this._dockObserver=null,A.remove(this),this.clearPortal(),super.disconnectedCallback()}attributeChangedCallback(e,t,s){t!==s&&("open"!==e||this._syncingOpenAttribute||!this._isMounted?("modal"!==e&&"docked"!==e||!this.openState||A.syncPageLock(),"docked"!==e&&"dock-breakpoint"!==e&&"placement"!==e&&"size"!==e&&"width"!==e||!this.openState||requestAnimationFrame(()=>{A.syncDock(),A.sync()}),super.attributeChangedCallback(e,t,s)):this.syncExternalOpenState(null!==s))}get openState(){return this.hasAttribute("open")}get placement(){return this.getEnumAttr("placement",g,"right")}get sheet(){return"bottom"===this.placement}get snap(){return this.getEnumAttr("snap",y,"auto")}get controlled(){return this.getBooleanAttr("controlled",!1)}hasVisibleSwitch(){const e=this.drawerId||this.id;if(!e||"undefined"==typeof document)return!1;const t=this.getDrawerRoot();return[...document.querySelectorAll("[aria-controls]")].some(s=>!!s.getAttribute("aria-controls").split(/\s+/u).includes(e)&&(!t?.contains(s)&&!this.contains(s)&&(0!==s.getClientRects().length&&"hidden"!==getComputedStyle(s).visibility)))}onWindowResize(){if(!this.controlled||!this._isMounted)return;this.hasVisibleSwitch()!==this._switchVisible&&this.requestComponentUpdate("controlled")}get overlay(){return this.getBooleanAttr("overlay",!0)}get modal(){return!this.docked&&this.getBooleanAttr("modal",!0)}get docked(){return this.getBooleanAttr("docked",!1)&&!this.sheet}get gutter(){return this.getAttribute("gutter")||""}get stackOffset(){return this.getAttribute("stack-offset")||""}get stackEdge(){const e=this.placement;if(!e.startsWith("inline"))return e;return"inline-start"===e!==("rtl"===(this.closest("[dir]")?.getAttribute("dir")||document.documentElement.dir))?"left":"right"}get dockBreakpoint(){const e=(this.getAttribute("dock-breakpoint")||"").trim();if(e)return e;return("function"==typeof getComputedStyle&&this.isConnected?getComputedStyle(this).getPropertyValue("--sf-drawer-dock-breakpoint").trim():"")||`${w}rem`}syncSwitches(){const e=this.drawerId||this.id;if(!e||"undefined"==typeof document)return;const t=this.openState?"true":"false";for(const s of document.querySelectorAll('[data-drawer="toggle"][aria-controls], [data-sf-drawer-toggle]')){(s.getAttribute("aria-controls")||s.getAttribute("data-sf-drawer-toggle")||"").split(/\s+/u).includes(e)&&s.setAttribute("aria-expanded",t)}}get dockColumn(){return this._dockColumn}setDockColumn(e){this._dockColumn=e,this.getDrawerRoot()?.setAttribute("data-sf-drawer-column",e?"true":"false")}get dockSide(){const e=this.placement;if("inline-start"===e)return"start";if("inline-end"===e)return"end";const t="rtl"===globalThis.getComputedStyle?.(document.documentElement).direction;return"left"===e?t?"end":"start":t?"start":"end"}get size(){return this.getProp("size")}get closeOnEsc(){return this.getBooleanAttr("close-on-esc",!0)}get closeOnOverlay(){return this.getBooleanAttr("close-on-overlay",!0)}get preserveScrollGap(){return this.getBooleanAttr("preserve-scroll-gap",!0)}get showClose(){return this.getBooleanAttr("show-close",!0)}get closePlacement(){return this.getEnumAttr("close-placement",["inside","outside"],"inside")}resolveDrawerId(){const e=this.id||this.getAttribute("drawer-id");if(e)return this.id||(this.id=e),e;const t=`sf-drawer-${Math.random().toString(36).slice(2,10)}`;return this.id=t,this.setAttribute("drawer-id",t),t}templateContext(){return this._switchVisible=this.controlled&&this.hasVisibleSwitch(),this.docked&&"undefined"!=typeof document&&(this._dockColumn=A.reservesDock(this)),this.createTemplateContext({drawerId:this.drawerId||this.resolveDrawerId(),open:this.openState,placement:this.placement,overlay:this.overlay,modal:this.modal,docked:this.docked,column:this.docked&&this._dockColumn,size:this.size,showClose:this.showClose&&!this._switchVisible,controlled:this.controlled,sheet:this.sheet,snap:this.snap,handleLabel:(0,n.pageText)(l,"handleLabel",this),blockStart:this.getAttribute("block-start")||"",closePlacement:this.closePlacement,title:this.getAttribute("title")||"",label:this.getAttribute("label")||this.getAttribute("title")||"",closeLabel:this.getAttribute("close-label")||this.defaultCloseLabel,width:this.getAttribute("width")||"",stackOffset:this.stackOffset,gutter:this.gutter,zIndex:this.drawerZIndex,overlayClass:this.getAttribute("overlay-class")||"",panelClass:this.getAttribute("panel-class")||"",panelStyle:this.getAttribute("panel-style")||"",headerClass:this.getAttribute("header-class")||"",bodyClass:this.getAttribute("body-class")||"",closeClass:this.getAttribute("close-class")||""})}get drawerZIndex(){return this.getAttribute("z-index")||`calc(var(--sf-drawer-z-index, var(--sf-z-index-9)) + ${2*Math.max(0,this._stackIndex)})`}get defaultCloseLabel(){return(0,n.pageText)(l,"closeLabel",this)}async renderComponent(e=[]){const t=++this._renderToken,s=await this.resolveTemplateResult(e);this._isMounted&&t===this._renderToken&&((0,r.render)(s,this.resolvePortalRoot()),this.afterRender())}resolvePortalRoot(){if(this._portalRoot?.isConnected)return this._portalRoot;const e=this.closest(p)||document.body,t=`[${f}="${s=this.drawerId,globalThis.CSS?.escape?globalThis.CSS.escape(s):String(s).replace(/["\\]/g,"\\$&")}"]`;var s;return this._portalRoot=e.querySelector(t)||document.createElement("div"),this._portalRoot.setAttribute(f,this.drawerId),this._portalRoot.isConnected||e.append(this._portalRoot),this._portalRoot}watchForAreaChildren(){this._areaObserver||(this._areaObserver=new MutationObserver(()=>{const e=this.getDrawerRoot();e&&this.projectAreas(e)}),this._areaObserver.observe(this,{childList:!0}))}projectAreas(e){for(const[t,s]of[["edge","[data-sf-drawer-edge]"]]){const r=e.querySelector(s);if(!r)continue;const o=[...this._contentNodes.filter(e=>h(e,t)&&e.parentElement!==r),...[...this.children].filter(e=>h(e,t))];o.length&&r.append(...new Set(o))}}afterRender(){const e=this.getDrawerRoot();if(!e)return;this.projectAreas(e),this.watchForAreaChildren();const t=e.querySelector("[data-sf-drawer-body]");t&&"1"!==t.dataset.sfDrawerContentReady&&(t.replaceChildren(...this._contentNodes.filter(e=>!u(e))),t.dataset.sfDrawerContentReady="1"),e.removeEventListener("click",this.handleRootClick),e.addEventListener("click",this.handleRootClick);const s=e.querySelector("[data-sf-drawer-handle]"),r=e.querySelector(".sf-drawer-head");for(const e of[s,r])e?.removeEventListener("pointerdown",this.onSheetPointerDown),e?.addEventListener("pointerdown",this.onSheetPointerDown);s?.removeEventListener("keydown",this.onHandleKeyDown),s?.addEventListener("keydown",this.onHandleKeyDown),this.applyStackPosition(),this.observeDock(e);const o=this._hasEmittedReady?"drawer:update":"drawer:ready";this.dispatchEvent(new CustomEvent(o,{bubbles:!0,composed:!0,detail:{component:this,drawer:this,drawerId:this.drawerId,root:e}})),this._hasEmittedReady=!0,(this._focusAfterRender||this._emitAfterOpen)&&(this._focusAfterRender=!1,requestAnimationFrame(()=>{this.openState&&this.modal&&this.focusFirst(),this._emitAfterOpen&&this.emitDrawerEvent("drawer:after-open"),this._emitAfterOpen=!1}))}template(){const e=this.templateContext(),t=e.showClose?r.html`<button
|
|
2
2
|
type="button"
|
|
3
|
-
class=${
|
|
3
|
+
class=${S("sf-icon-button sf-drawer-close sf-icon-button--close sf-icon-button--link sf-icon-button--on-surface sf-icon-button--size-1/3 m-0","outside"===e.closePlacement&&"sf-drawer-close--outside",e.closeClass)}
|
|
4
4
|
aria-label=${e.closeLabel}
|
|
5
5
|
data-drawer="close"
|
|
6
6
|
data-sf-drawer-close=${e.drawerId}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
<span class="sf-close-icon"></span>
|
|
10
10
|
</span>
|
|
11
11
|
</button>`:r.nothing;return r.html`<div
|
|
12
|
-
class=${
|
|
12
|
+
class=${S("sf-drawer",e.open&&"is-open",e.rootClass)}
|
|
13
13
|
style=${`z-index:${e.zIndex};${e.width?`--sf-drawer-width:${e.width};`:""}${e.stackOffset?`--sf-drawer-stack-offset:${e.stackOffset};`:""}${e.blockStart?`--sf-drawer-block-start:${e.blockStart};`:""}${e.rootStyle||""}`}
|
|
14
14
|
data-sf-drawer-root
|
|
15
15
|
data-sf-drawer-id=${e.drawerId}
|
|
@@ -17,12 +17,13 @@
|
|
|
17
17
|
data-sf-drawer-size=${e.size}
|
|
18
18
|
data-sf-drawer-modal=${e.modal?"true":"false"}
|
|
19
19
|
data-sf-drawer-docked=${e.docked?"true":"false"}
|
|
20
|
+
data-sf-drawer-column=${e.column?"true":"false"}
|
|
20
21
|
data-sf-drawer-snap=${e.sheet?e.snap:r.nothing}
|
|
21
22
|
aria-hidden=${e.open?"false":"true"}
|
|
22
23
|
>
|
|
23
|
-
<div class=${
|
|
24
|
+
<div class=${S("sf-drawer-overlay",e.overlayClass)} data-sf-drawer-overlay ?hidden=${!e.modal||!e.overlay}></div>
|
|
24
25
|
<section
|
|
25
|
-
class=${
|
|
26
|
+
class=${S("sf-drawer-panel",e.panelClass)}
|
|
26
27
|
style=${`${e.width?`--sf-drawer-width:${e.width};`:""}${e.stackOffset?`--sf-drawer-stack-offset:${e.stackOffset};`:""}${e.gutter?`--sf-drawer-gutter:${e.gutter};`:""}${e.panelStyle||""}`}
|
|
27
28
|
role=${e.docked?"region":"dialog"}
|
|
28
29
|
aria-modal=${e.modal?"true":r.nothing}
|
|
@@ -35,13 +36,13 @@
|
|
|
35
36
|
${e.sheet?r.html`<button type="button" class="sf-drawer-handle" aria-label=${e.handleLabel}
|
|
36
37
|
data-sf-drawer-handle><span class="sf-drawer-handle-bar" aria-hidden="true"></span></button>`:r.nothing}
|
|
37
38
|
${e.title||e.showClose&&"inside"===e.closePlacement||e.headerClass?r.html`
|
|
38
|
-
<header class=${
|
|
39
|
+
<header class=${S("sf-drawer-head",e.headerClass)}>
|
|
39
40
|
${e.title?r.html`<div class="sf-drawer-title" id=${`${e.drawerId}-title`}>${e.title}</div>`:r.nothing}
|
|
40
41
|
${"inside"===e.closePlacement?t:r.nothing}
|
|
41
42
|
</header>`:r.nothing}
|
|
42
|
-
<div class=${
|
|
43
|
+
<div class=${S("sf-drawer-body",e.bodyClass)} data-sf-drawer-body></div>
|
|
43
44
|
</section>
|
|
44
45
|
<div class="sf-drawer-edge" data-sf-drawer-edge>
|
|
45
46
|
${"outside"===e.closePlacement?t:r.nothing}
|
|
46
47
|
</div>
|
|
47
|
-
</div>`}open(e={}){return this.openState?(
|
|
48
|
+
</div>`}open(e={}){return this.openState?(A.bringToFront(this),this):!1===e.emit||this.emitDrawerEvent("drawer:before-open",!0)?(this._lastActive=document.activeElement,this.syncOpenAttribute(!0),A.add(this),this._focusAfterRender=this.modal,this._emitAfterOpen=!1!==e.emit,this.requestComponentUpdate("open"),this):this}close(e={}){return this.openState&&(!1===e.emit||this.emitDrawerEvent("drawer:before-close",!0))?(this.syncOpenAttribute(!1),A.remove(this),this.requestComponentUpdate("close"),this.restoreFocus(),!1!==e.emit&&this.emitDrawerEvent("drawer:after-close"),this):this}toggle(){return this.openState?this.close():this.open()}setState(e={}){if(e&&"object"==typeof e&&Object.prototype.hasOwnProperty.call(e,"open")){const{open:t,...s}=e;return t?this.open():this.close(),super.setState(s)}return super.setState(e)}getState(){return{...this.templateContext(),open:this.openState}}syncExternalOpenState(e){e?(this._lastActive=document.activeElement,this._focusAfterRender=this.modal,A.add(this)):(A.remove(this),this.restoreFocus()),this.requestComponentUpdate(e?"open":"close")}syncOpenAttribute(e){this._syncingOpenAttribute=!0,this.toggleAttribute("open",e),this._syncingOpenAttribute=!1}getDrawerRoot(){return this._portalRoot?.querySelector("[data-sf-drawer-root]")||null}observeDock(e){const t=e.querySelector("[data-sf-drawer-panel]");if(!this.docked||!t||"function"!=typeof ResizeObserver)return this._dockObserver?.disconnect(),this._dockObserver=null,void(this.docked&&A.syncDock());this._dockObserver||(this._dockObserver=new ResizeObserver(()=>A.syncDock())),this._dockObserver.disconnect(),this._dockObserver.observe(t),A.syncDock()}applyStackPosition(e=m.indexOf(this)){this._stackIndex=e;const t=this.getDrawerRoot();if(t){t.style.zIndex=this.drawerZIndex;const s=this.stackEdge,r=this.docked||e<0?0:m.slice(0,e).filter(e=>e.openState&&!e.docked&&e.stackEdge===s).length;t.style.setProperty("--sf-drawer-stack-depth",String(r))}return this}focusFirst(){const e=this.getDrawerRoot()?.querySelector("[data-sf-drawer-panel]"),t=e?.querySelector("[autofocus]");(t||e)?.focus?.()}restoreFocus(){const e=this._lastActive;e instanceof HTMLElement&&e.isConnected&&!e.matches(":disabled,[hidden],[inert]")&&e.focus()}setSnap(e){return y.includes(e)&&e!==this.snap?(this.setAttribute("snap",e),this.emitDrawerEvent("drawer:snap"),this):this}onHandleKeyDown(e){const t=y.indexOf(this.snap),s={ArrowUp:1,ArrowDown:-1}[e.key];void 0!==s&&(e.preventDefault(),this.setSnap(y[Math.min(y.length-1,Math.max(0,t+s))]))}onSheetPointerDown(e){if(!this.sheet||!this.openState||0!==e.button)return;const t=e.currentTarget;if(t.classList.contains("sf-drawer-head")&&e.target.closest("button, a[href], input, select, textarea, [tabindex]"))return;const s=this.getDrawerRoot()?.querySelector("[data-sf-drawer-panel]");if(!s)return;const r=e.clientY,o=e.timeStamp,n=s.getBoundingClientRect().height||1;let a=!1,i=0;t.setPointerCapture?.(e.pointerId);const l=e=>{i=e.clientY-r,!a&&Math.abs(i)<4||(a=!0,s.classList.add("is-dragging"),s.style.setProperty("--sf-drawer-sheet-drag",`${Math.max(0,i)}px`))},d=e=>{if(t.removeEventListener("pointermove",l),t.removeEventListener("pointerup",d),t.removeEventListener("pointercancel",d),s.classList.remove("is-dragging"),s.style.removeProperty("--sf-drawer-sheet-drag"),!a||"pointercancel"===e.type)return;t.addEventListener("click",e=>e.stopImmediatePropagation(),{capture:!0,once:!0});const r=i/Math.max(1,e.timeStamp-o);i>n*v||r>k?"full"===this.snap?this.setSnap("half"):this.close():(-i>n*v||r<-k)&&this.setSnap("full")};t.addEventListener("pointermove",l),t.addEventListener("pointerup",d),t.addEventListener("pointercancel",d)}handleRootClick(e){const t=this.getDrawerRoot();e.target instanceof Element&&e.target.closest("[data-sf-drawer-handle]")?this.setSnap("full"===this.snap?"half":"full"):e.target===t?.querySelector("[data-sf-drawer-overlay]")&&this.closeOnOverlay?this.close():e.target instanceof Element&&e.target.closest("[data-sf-drawer-close]")&&(e.preventDefault(),this.close())}onKeyDown(e){if(e.defaultPrevented||!this.openState||!A.isTop(this))return;if("Escape"===e.key&&this.closeOnEsc&&!document.documentElement?.dataset?.sfPopoverOpen)return e.preventDefault(),e.stopImmediatePropagation(),void this.close();if(!this.modal)return;if("Tab"!==e.key)return;const t=this.getDrawerRoot()?.querySelector("[data-sf-drawer-panel]"),s=Array.from(t?.querySelectorAll(b)||[]).filter(e=>e.getClientRects().length>0);if(0===s.length)return e.preventDefault(),void t?.focus();const r=s[0],o=s.at(-1);t?.contains(document.activeElement)?e.shiftKey&&document.activeElement===r?(e.preventDefault(),o.focus()):e.shiftKey||document.activeElement!==o||(e.preventDefault(),r.focus()):(e.preventDefault(),(e.shiftKey?o:r).focus())}emitDrawerEvent(e,t=!1){return this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,cancelable:t,detail:{component:this,drawer:this,drawerId:this.drawerId,root:this.getDrawerRoot()}}))}ownDrawerHandler(e){return t=>{t.detail?.drawer===this&&e.call(this,t)}}onBeforeOpen(e,t){return"function"==typeof e&&this.addEventListener("drawer:before-open",this.ownDrawerHandler(e),t),this}onAfterOpen(e,t){return"function"==typeof e&&this.addEventListener("drawer:after-open",this.ownDrawerHandler(e),t),this}onBeforeClose(e,t){return"function"==typeof e&&this.addEventListener("drawer:before-close",this.ownDrawerHandler(e),t),this}onAfterClose(e,t){return"function"==typeof e&&this.addEventListener("drawer:after-close",this.ownDrawerHandler(e),t),this}clearPortal(){this._portalRoot&&((0,r.render)(r.nothing,this._portalRoot),this._portalRoot.remove(),this._portalRoot=null)}}C.define(d),t()}catch(E){t(E)}})},ddf1cdb42ecc(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("lit")),{once:!0}))},"0d662e4d7d63"(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("page-language"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("page-language")),{once:!0}))},fbe0570fcc69(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("smart-base"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("smart-base")),{once:!0}))}};const t={};function s(r){const o=t[r];if(void 0!==o)return o.exports;const n=t[r]={exports:{}};return e[r](n,n.exports,s),n.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",r=e?Symbol("webpack exports"):"__webpack_exports__",o=e?Symbol("webpack error"):"__webpack_error__",n=e=>{e?.d<1&&(e.d=1,e.forEach(e=>e.r--),e.forEach(e=>e.r--?e.r++:e()))};s.a=(e,s,a)=>{let i;a&&((i=[]).d=-1);const l=new Set,d=e.exports;let c,h,u;const f=new Promise((e,t)=>{u=t,h=e});f[r]=d,f[t]=e=>(i&&e(i),l.forEach(e),f.catch(e=>{})),e.exports=f;s(e=>{let s;c=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const s=[];s.d=0,e.then(e=>{a[r]=e,n(s)},e=>{a[o]=e,n(s)});const a={};return a[t]=e=>e(s),a}}const s={};return s[t]=e=>{},s[r]=e,s}))(e);const a=()=>c.map(e=>{if(e[o])throw e[o];return e[r]}),d=new Promise(e=>{s=()=>e(a),s.r=0;const r=e=>e!==i&&!l.has(e)&&(l.add(e),e&&!e.d&&(s.r++,e.push(s)));c.map(e=>e[t](r))});return s.r?d:a()},e=>(e?u(f[o]=e):h(d),n(i))),i?.d<0&&(i.d=0)}})(),s.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{if(Array.isArray(t))for(var r=0;r<t.length;){var o=t[r++],n=t[r++];s.o(e,o)?0===n&&r++:0===n?Object.defineProperty(e,o,{enumerable:!0,value:t[r++]}):Object.defineProperty(e,o,{enumerable:!0,get:n})}else for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);s("5f0529568b98")})();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schema_version": 2,
|
|
3
3
|
"id": "smart.drawer",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.5.0",
|
|
5
5
|
"title": "Drawer",
|
|
6
6
|
"summary": "Workspace side panel that keeps the page usable: docked column or modeless panel. Modal side panels belong to sf-modal; the modal Drawer mode is deprecated.",
|
|
7
7
|
"kind": "smart",
|
|
@@ -132,6 +132,11 @@
|
|
|
132
132
|
"default": "",
|
|
133
133
|
"description": "How much of each drawer below shows past the one above it at the same edge, as a length (for example var(--sf-space-4)). A drawer stands depth × offset in from its edge, where depth counts the open, undocked drawers below it at that edge. Empty: drawers lie flush."
|
|
134
134
|
},
|
|
135
|
+
"dock-breakpoint": {
|
|
136
|
+
"type": "string",
|
|
137
|
+
"default": "",
|
|
138
|
+
"description": "From what width of the dock host (or the window, without a host) a docked drawer is a column of the page; narrower, it floats over the page. A length in rem, em or px. Empty: the --sf-drawer-dock-breakpoint variable where the drawer stands, else 48rem."
|
|
139
|
+
},
|
|
135
140
|
"block-start": {
|
|
136
141
|
"type": "string",
|
|
137
142
|
"default": "",
|
|
@@ -178,7 +183,7 @@
|
|
|
178
183
|
"contracts": {
|
|
179
184
|
"dock_host": {
|
|
180
185
|
"type": "object",
|
|
181
|
-
"description": "A host element marked data-sf-drawer-dock-host receives padding-inline-start/end equal to the summed widths of open docked drawers per logical side, published as --sf-drawer-dock-inline-start/end on the document root.
|
|
186
|
+
"description": "A host element marked data-sf-drawer-dock-host receives padding-inline-start/end equal to the summed widths of open docked drawers per logical side, published as --sf-drawer-dock-inline-start/end on the document root. A host narrower than the drawer's threshold (dock-breakpoint, else --sf-drawer-dock-breakpoint, else 48rem) keeps zero padding for it. A toggle switch outside the drawer (data-drawer=\"toggle\" naming it in aria-controls, or data-sf-drawer-toggle) hides and shows a docked column and carries aria-expanded. A docked drawer with the room is a column of the page (data-sf-drawer-column=\"true\" on its root): surface-0, no shadow; without the room it floats over the page with the raised surface and shadow. --sf-drawer-background overrides both.",
|
|
182
187
|
"properties": {
|
|
183
188
|
"attribute": {
|
|
184
189
|
"const": "data-sf-drawer-dock-host"
|
|
@@ -187,7 +192,8 @@
|
|
|
187
192
|
"const": [
|
|
188
193
|
"--sf-drawer-dock-inline-start",
|
|
189
194
|
"--sf-drawer-dock-inline-end",
|
|
190
|
-
"--sf-drawer-dock-block-start"
|
|
195
|
+
"--sf-drawer-dock-block-start",
|
|
196
|
+
"--sf-drawer-dock-breakpoint"
|
|
191
197
|
]
|
|
192
198
|
}
|
|
193
199
|
}
|
|
@@ -647,11 +653,11 @@
|
|
|
647
653
|
"source_artifacts": [
|
|
648
654
|
{
|
|
649
655
|
"path": "src/smart/drawer/index.js",
|
|
650
|
-
"sha256": "
|
|
656
|
+
"sha256": "2321a416edd59e199c5da99d38b472a881988e26209420d7e391da90fdb93ff6"
|
|
651
657
|
},
|
|
652
658
|
{
|
|
653
659
|
"path": "src/smart/drawer/scss/_smart__drawer.scss",
|
|
654
|
-
"sha256": "
|
|
660
|
+
"sha256": "35c17d4211ddcab035f31f81b66fbf7444f6c632cf4815e3225ce57ebf2a1c6f"
|
|
655
661
|
},
|
|
656
662
|
{
|
|
657
663
|
"path": "src/smart/drawer/rule.js",
|
|
@@ -659,7 +665,7 @@
|
|
|
659
665
|
},
|
|
660
666
|
{
|
|
661
667
|
"path": "src/smart/drawer/docs.md",
|
|
662
|
-
"sha256": "
|
|
668
|
+
"sha256": "56e2c2e6767c9176aee03aff0418f9ec38ec73b5e628b144700faa54d64821ef"
|
|
663
669
|
}
|
|
664
670
|
],
|
|
665
671
|
"generated_runtime": [
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schema_version": 2,
|
|
3
3
|
"id": "smart.modal",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.2.0",
|
|
5
5
|
"title": "Modal",
|
|
6
6
|
"summary": "A dialog window over the page in the shared modal stack: centered or at a side, top or bottom edge, with header, content and footer slots, focus trap, scroll lock and focus return. It can also be minimized, load its content by Ajax or into an iframe, or render inline in the page flow.",
|
|
7
7
|
"kind": "smart",
|
|
@@ -212,7 +212,8 @@
|
|
|
212
212
|
},
|
|
213
213
|
"footer-class": {
|
|
214
214
|
"type": "string",
|
|
215
|
-
"default": ""
|
|
215
|
+
"default": "",
|
|
216
|
+
"description": "Classes on the footer. Its actions stand at the end with --sf-modal-footer-gap (space-1/2) between them; those defaults sit under the utilities, so a utility here still wins."
|
|
216
217
|
}
|
|
217
218
|
},
|
|
218
219
|
"additionalProperties": false
|
package/package-manifest.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
|
-
"release": "ui-
|
|
3
|
-
"commit": "
|
|
4
|
-
"version": "5.20261023.
|
|
2
|
+
"release": "ui-22d6367046c5",
|
|
3
|
+
"commit": "22d6367046c5240c5b4ffbd7f7853dffc3207396",
|
|
4
|
+
"version": "5.20261023.126",
|
|
5
5
|
"files": {
|
|
6
|
-
"distr/component/accordion/css/accordion.min.css": "sha256-
|
|
7
|
-
"distr/component/accordion/js/accordion.min.js": "sha256-
|
|
6
|
+
"distr/component/accordion/css/accordion.min.css": "sha256-oYhjX6cra7PM4nxyPHb/u5segVRttPIUbI3U8oqJLgM=",
|
|
7
|
+
"distr/component/accordion/js/accordion.min.js": "sha256-oqDdp9KUuJTN6vtf/8rgw56QBqT8VKpalz2DWuKrm7Q=",
|
|
8
8
|
"distr/component/admin-menu/css/admin-menu.min.css": "sha256-t6/FMJxR6HDMq8GqGF/mQW9foeujQO0iVAwfXgJv89A=",
|
|
9
9
|
"distr/component/admin-menu/js/admin-menu.min.js": "sha256-Y5EtlvKPyvgpw0snI0HnefcMGXskiJew73QIV7geubQ=",
|
|
10
10
|
"distr/component/admin-menu/json/admin-menu.utility.json": "sha256-47DEQpj8HBSa+/TImW+5JCeuQeRkm5NMpJWZG3hSuFU=",
|
|
@@ -587,8 +587,8 @@
|
|
|
587
587
|
"distr/component/menu/css/menu.min.css": "sha256-ritm0+3griXwMycjsuO92zGWCd6s2HRLVG8sdhHHqBA=",
|
|
588
588
|
"distr/component/menu/js/menu.min.js": "sha256-UKCL7nLHHRnR45VU5B8P2NKxafYzv8lSNPQNcB1wFK8=",
|
|
589
589
|
"distr/component/menu/json/menu.utility.json": "sha256-ULonFm8I+Yez31D8MtkIF5VG/IZlo9VXgqkcz4eF1Dk=",
|
|
590
|
-
"distr/component/modal/css/modal.min.css": "sha256-
|
|
591
|
-
"distr/component/modal/js/modal.min.js": "sha256-
|
|
590
|
+
"distr/component/modal/css/modal.min.css": "sha256-XIeYIlIlvApk8LAK1uI8jlHCtZ17ClhWY3AFsZgqla0=",
|
|
591
|
+
"distr/component/modal/js/modal.min.js": "sha256-gbNpMihPEyR3sopbAcvFOPcsRObrL7zGJv5eXxmSuio=",
|
|
592
592
|
"distr/component/outline/css/outline.min.css": "sha256-HPcK6/vQK/kgpEh70HAsfED0mi+5z7XO6hZtFKw8Q2M=",
|
|
593
593
|
"distr/component/outline/js/outline.min.js": "sha256-47DEQpj8HBSa+/TImW+5JCeuQeRkm5NMpJWZG3hSuFU=",
|
|
594
594
|
"distr/component/overbox/css/overbox.min.css": "sha256-Q05DaW/du6OpcxUsSNj5pTyT5s1m/AEJDnlxbpRiQas=",
|
|
@@ -1525,12 +1525,12 @@
|
|
|
1525
1525
|
"distr/core/contracts/ports/simai.property-view-port/1.9.0/kit/manifest.json": "sha256-bjDip6spLfaIb+2H/H3WIFkw7XFbR7+DP+1De0obvUM=",
|
|
1526
1526
|
"distr/core/contracts/ports/simai.property-view-port/1.9.0/port.json": "sha256-NnKDiAOd/sLHGAvkTIaL+9pBsYqwHBFr0DnN+WLC1qc=",
|
|
1527
1527
|
"distr/core/contracts/public-js-api.json": "sha256-cE7J6Oiyc/NSMovih8uf6+5Vu5AALW2xTewxthWM+Jg=",
|
|
1528
|
-
"distr/core/contracts/public-variables.v1.json": "sha256-
|
|
1528
|
+
"distr/core/contracts/public-variables.v1.json": "sha256-UpxHWNByEJfyL+v6ubjXU95LFAik4qmeUC4YkF144Fw=",
|
|
1529
1529
|
"distr/core/contracts/public-variables.v1.schema.json": "sha256-gZGmNuRXKAfF+r61UpOQH5S3g/KRuw/rIAnX7O1LXfA=",
|
|
1530
1530
|
"distr/core/contracts/third-party-notices.v1.json": "sha256-dHJ8Yw6xgvw23DAYiLzZjVyWIoBEL5qAmum1rdf5kQ8=",
|
|
1531
1531
|
"distr/core/contracts/utility-module-aliases.v1.json": "sha256-QQtd5fFNNLcNziRRpX5zRZlbMVS9KiqNWb5wFVs2Hv0=",
|
|
1532
|
-
"distr/core/css/core.css": "sha256
|
|
1533
|
-
"distr/core/css/core.min.css": "sha256-
|
|
1532
|
+
"distr/core/css/core.css": "sha256-SInZEsBwztMV8daUSk0mHf7TEbfwWxvqRzvxq9taM5M=",
|
|
1533
|
+
"distr/core/css/core.min.css": "sha256-JkmsjBTmwtw2ENyZtDPf8JArFXPRlX9QtxZbZg5PwNM=",
|
|
1534
1534
|
"distr/core/css/utility.full.css": "sha256-PsBiW6jZuBTLRkmoMeR4SxQpyxR2j7Cns613x0YW83w=",
|
|
1535
1535
|
"distr/core/f4df85d151e5ee39bc2b.woff2": "sha256-bp4CCiX5tW1BjywIWx08CXJaTaI/5pOltGMGRgZzIZA=",
|
|
1536
1536
|
"distr/core/figma_variables/img.png": "sha256-dRsA4eSVfBIVPL/g+qMBD2SiY4QVENOCAxLbLPb+U04=",
|
|
@@ -1664,9 +1664,9 @@
|
|
|
1664
1664
|
"distr/smart/download-file/studio.fixture.json": "sha256-9QSk1/CNQ3uDL9Sx+E34TJHDqOCtM/tXjOdlHz5h0cY=",
|
|
1665
1665
|
"distr/smart/download-file/studio.scenario.json": "sha256-BzpleWwFu3edeYerlvXcyCus0T7fEX+Xj2NxYziin1Q=",
|
|
1666
1666
|
"distr/smart/download-file/template/default.js": "sha256-HO9RGeKeKStG9Yl1ojzUe9YUgp11T/ZgEXvP0lwZrH4=",
|
|
1667
|
-
"distr/smart/drawer/css/drawer.min.css": "sha256-
|
|
1668
|
-
"distr/smart/drawer/js/drawer.min.js": "sha256-
|
|
1669
|
-
"distr/smart/drawer/smart.manifest.json": "sha256-
|
|
1667
|
+
"distr/smart/drawer/css/drawer.min.css": "sha256-YvXmPWaizAxhAirg2ZigbBOyXhdOsPtgRTt7VuIGkVE=",
|
|
1668
|
+
"distr/smart/drawer/js/drawer.min.js": "sha256-6fvlOf7T60hs80Oys13xFCJ8R12sbUsLW9vTzBfn37M=",
|
|
1669
|
+
"distr/smart/drawer/smart.manifest.json": "sha256-WTwkkhPCF9YdyClAlI9WRwdEzewyvLTPNIuXln0INQY=",
|
|
1670
1670
|
"distr/smart/drawer/studio.fixture.json": "sha256-k/fu93LOBmvTOybNQmWwG+NDrzr7vLBnui2MKGa/ZJw=",
|
|
1671
1671
|
"distr/smart/drawer/studio.scenario.json": "sha256-PzhY8/Sln6hBlvgmeFn2YYK32Xk9YOcyUQauJds2UXI=",
|
|
1672
1672
|
"distr/smart/dropdown/js/dropdown.min.js": "sha256-gj65ofgRIodIJrpq26cvHcZeJeTRrp1MyDs9Yw28VZ0=",
|
|
@@ -1735,11 +1735,11 @@
|
|
|
1735
1735
|
"distr/smart/list-item/studio.scenario.json": "sha256-QV96Pj3s2y5VrEQS+5NTJGPB4kBTSuDfnyLu5+ntF18=",
|
|
1736
1736
|
"distr/smart/list-item/template/default.js": "sha256-1cC4TFJZyGuC9TyTAQMmfixcoGINWLxiYzLEO8ReSo0=",
|
|
1737
1737
|
"distr/smart/modal/contract.json": "sha256-GDaaHGEkDYDATpFEuU9kaORWORJ0kjtIEZoZaUbTJOs=",
|
|
1738
|
-
"distr/smart/modal/js/modal.min.js": "sha256-
|
|
1739
|
-
"distr/smart/modal/smart.manifest.json": "sha256-
|
|
1738
|
+
"distr/smart/modal/js/modal.min.js": "sha256-e9sxSpWhTUTQHweORJoy+jJYrMOPKxQGySF0RtaduZ4=",
|
|
1739
|
+
"distr/smart/modal/smart.manifest.json": "sha256-rvIqRcr+pNXyHuUOVeqzPBCqgZf50Dc7rxPKj4mIAvY=",
|
|
1740
1740
|
"distr/smart/modal/studio.fixture.json": "sha256-jzGT/qtAlMGv5qNfVRoAvSV0Y9cqZv/PcQZ8699NAbQ=",
|
|
1741
1741
|
"distr/smart/modal/studio.scenario.json": "sha256-Xl5opdE1PhytliQt++Cr5Uk9MGImk/t/EPCkAxXCNl0=",
|
|
1742
|
-
"distr/smart/modal/template/default.js": "sha256-
|
|
1742
|
+
"distr/smart/modal/template/default.js": "sha256-aMdugwZrjQKYjAkv2+yMeuUr8fIpigMgqI4rZrBvpi8=",
|
|
1743
1743
|
"distr/smart/page-header/js/page-header.min.js": "sha256-k+uCuWC4E4Mdge9GDhiUyeok1vezZssbTWw+msTRDts=",
|
|
1744
1744
|
"distr/smart/page-header/smart.manifest.json": "sha256-qZlMIxyQu3Bt7KK5Mo84gBHg9eBBDz3tRRqc3mhEKVA=",
|
|
1745
1745
|
"distr/smart/page-header/studio.fixture.json": "sha256-1c+WodXO2qFqUO6G25BdNZC+GHAjYEa1PgGHbJMspqs=",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simai-studio/ui",
|
|
3
|
-
"version": "5.20261023.
|
|
4
|
-
"description": "SIMAI Framework distribution, release ui-
|
|
3
|
+
"version": "5.20261023.126",
|
|
4
|
+
"description": "SIMAI Framework distribution, release ui-22d6367046c5: Core, the Loader, components, utilities and Smart Components, ready to serve from distr/.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"homepage": "https://ui.simai.io/",
|
|
7
7
|
"repository": {
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"README.md"
|
|
18
18
|
],
|
|
19
19
|
"simai": {
|
|
20
|
-
"release": "ui-
|
|
21
|
-
"commit": "
|
|
20
|
+
"release": "ui-22d6367046c5",
|
|
21
|
+
"commit": "22d6367046c5240c5b4ffbd7f7853dffc3207396"
|
|
22
22
|
}
|
|
23
23
|
}
|