wiki.techinc.nl/resources/lib/codex/modules/useResizeObserver.cjs
Eric Gardner bc07829e7b Update Codex from v1.2.1 to v1.3.0
Also introduces a new design token (@border-color-muted) and
updates some resource module definitions to use .cjs filenames
per upstream.

Bug: T324688
Bug: T338184
Bug: T338802
Bug: T346815
Bug: T349016
Bug: T350197
Bug: T352585
Bug: T352931
Bug: T354547
Bug: T354759
Bug: T355081
Bug: T355160
Bug: T355551
Change-Id: Idcfdee4583018500d06e37fda2ee4925111f1915
2024-01-23 14:03:05 -08:00

1 line
553 B
JavaScript

"use strict";const r=require("vue");function d(n){const e=r.ref({width:void 0,height:void 0});if(typeof window!="object"||!("ResizeObserver"in window)||!("ResizeObserverEntry"in window))return e;const i=new window.ResizeObserver(o=>{const t=o[0];t&&(e.value={width:t.borderBoxSize[0].inlineSize,height:t.borderBoxSize[0].blockSize})});let s=!1;return r.onMounted(()=>{s=!0,n.value&&i.observe(n.value)}),r.onUnmounted(()=>{s=!1,i.disconnect()}),r.watch(n,o=>{s&&(i.disconnect(),e.value={width:void 0,height:void 0},o&&i.observe(o))}),e}module.exports=d;