@gov-design-system-ce/components 0.0.1 → 0.0.2

package/dist/esm/{index-e498b7fa.js → index-00e9a0d5.js}

@@ -8,7 +8,6 @@ const NAMESPACE = 'core';
  *
  * Modified for Stencil's renderer and slot projection
  */
-let scopeId;
 let contentRef;
 let hostTagName;
 let useNativeShadowDom = false;
@@ -50,7 +49,6 @@ const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
  * Don't add values to these!!
  */
 const EMPTY_OBJ = {};
-const isDef = (v) => v != null;
 const isComplexType = (o) => {
     // https://jsperf.com/typeof-fn-object/5
     o = typeof o;
@@ -179,7 +177,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
     const shadowRoot = hostElm.shadowRoot;
     const childRenderNodes = [];
     const slotNodes = [];
-    const shadowRootNodes = shadowRoot ? [] : null;
+    const shadowRootNodes = null;
     const vnode = (hostRef.$vnode$ = newVNode(tagName, null));
     if (!plt.$orgLocNodes$) {
         initializeDocumentHydrate(doc.body, (plt.$orgLocNodes$ = new Map()));
@@ -203,13 +201,6 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
         }
         plt.$orgLocNodes$.delete(orgLocationId);
     });
-    if (shadowRoot) {
-        shadowRootNodes.map((shadowRootNode) => {
-            if (shadowRootNode) {
-                shadowRoot.appendChild(shadowRootNode);
-            }
-        });
-    }
     endHydrate();
 };
 const clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId) => {
@@ -313,22 +304,6 @@ const clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes
                         node['s-sn'] = '';
                     }
                     node['s-sr'] = true;
-                    if (shadowRootNodes) {
-                        // browser support shadowRoot and this is a shadow dom component
-                        // create an actual slot element
-                        childVNode.$elm$ = doc.createElement(childVNode.$tag$);
-                        if (childVNode.$name$) {
-                            // add the slot name attribute
-                            childVNode.$elm$.setAttribute('name', childVNode.$name$);
-                        }
-                        // insert the new slot element before the slot comment
-                        node.parentNode.insertBefore(childVNode.$elm$, node);
-                        // remove the slot comment since it's not needed for shadow
-                        node.remove();
-                        if (childVNode.$depth$ === '0') {
-                            shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
-                        }
-                    }
                     slotNodes.push(childVNode);
                     if (!parentVNode.$children$) {
                         parentVNode.$children$ = [];
@@ -337,11 +312,7 @@ const clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes
                 }
                 else if (childNodeType === CONTENT_REF_ID) {
                     // `${CONTENT_REF_ID}.${hostId}`;
-                    if (shadowRootNodes) {
-                        // remove the content ref comment since it's not needed for shadow
-                        node.remove();
-                    }
-                    else {
+                    {
                         hostElm['s-cr'] = node;
                         node['s-cn'] = true;
                     }
@@ -510,24 +481,11 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
 const attachStyles = (hostRef) => {
     const cmpMeta = hostRef.$cmpMeta$;
     const elm = hostRef.$hostElement$;
-    const flags = cmpMeta.$flags$;
     const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
-    const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
-    if (flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {
-        // only required when we're NOT using native shadow dom (slot)
-        // or this browser doesn't support native shadow dom
-        // and this host element was NOT created with SSR
-        // let's pick out the inner content for slot projection
-        // create a node to represent where the original
-        // content was first placed, which is useful later on
-        // DOM WRITE!!
-        elm['s-sc'] = scopeId;
-        elm.classList.add(scopeId + '-h');
-    }
+    addStyle(elm.getRootNode(), cmpMeta);
     endAttachStyles();
 };
 const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
-const convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, '$1{');
 /**
  * Production setAccessor() function based on Preact by
  * Jason Miller (@developit)
@@ -547,6 +505,31 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
             classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
         }
+        else if (memberName === 'style') {
+            // update style attribute, css properties and values
+            {
+                for (const prop in oldValue) {
+                    if (!newValue || newValue[prop] == null) {
+                        if (prop.includes('-')) {
+                            elm.style.removeProperty(prop);
+                        }
+                        else {
+                            elm.style[prop] = '';
+                        }
+                    }
+                }
+            }
+            for (const prop in newValue) {
+                if (!oldValue || newValue[prop] !== oldValue[prop]) {
+                    if (prop.includes('-')) {
+                        elm.style.setProperty(prop, newValue[prop]);
+                    }
+                    else {
+                        elm.style[prop] = newValue[prop];
+                    }
+                }
+            }
+        }
         else if (memberName === 'ref') {
             // minifier will clean this up
             if (newValue) {
@@ -674,10 +657,6 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
         // remember for later we need to check to relocate nodes
         checkSlotRelocate = true;
         if (newVNode.$tag$ === 'slot') {
-            if (scopeId) {
-                // scoped css needs to add its scoped id to the parent element
-                parentElm.classList.add(scopeId + '-s');
-            }
             newVNode.$flags$ |= newVNode.$children$
                 ? // slot element has fallback content
                     2 /* VNODE_FLAGS.isSlotFallback */
@@ -703,15 +682,10 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
         {
             updateElement(null, newVNode, isSvgMode);
         }
-        if (isDef(scopeId) && elm['s-si'] !== scopeId) {
-            // if there is a scopeId and this is the initial render
-            // then let's add the scopeId as a css class
-            elm.classList.add((elm['s-si'] = scopeId));
-        }
         if (newVNode.$children$) {
             for (i = 0; i < newVNode.$children$.length; ++i) {
                 // create the node
-                childNode = createElm(oldParentVNode, newVNode, i, elm);
+                childNode = createElm(oldParentVNode, newVNode, i);
                 // return node could have been null
                 if (childNode) {
                     // append our new node
@@ -767,12 +741,9 @@ const putBackInOriginalLocation = (parentElm, recursive) => {
 const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
     let containerElm = ((parentElm['s-cr'] && parentElm['s-cr'].parentNode) || parentElm);
     let childNode;
-    if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
-        containerElm = containerElm.shadowRoot;
-    }
     for (; startIdx <= endIdx; ++startIdx) {
         if (vnodes[startIdx]) {
-            childNode = createElm(null, parentVNode, startIdx, parentElm);
+            childNode = createElm(null, parentVNode, startIdx);
             if (childNode) {
                 vnodes[startIdx].$elm$ = childNode;
                 containerElm.insertBefore(childNode, referenceNode(before) );
@@ -988,7 +959,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
                 // the key of the first new child OR the build is not using `key`
                 // attributes at all. In either case we need to create a new element
                 // for the new node.
-                node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx, parentElm);
+                node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx);
                 newStartVnode = newCh[++newStartIdx];
             }
             if (node) {
@@ -1251,10 +1222,7 @@ const renderVdom = (hostRef, renderFnResults) => {
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;
     hostRef.$vnode$ = rootVnode;
-    rootVnode.$elm$ = oldVNode.$elm$ = (hostElm.shadowRoot || hostElm );
-    {
-        scopeId = hostElm['s-sc'];
-    }
+    rootVnode.$elm$ = oldVNode.$elm$ = (hostElm);
     {
         contentRef = hostElm['s-cr'];
         useNativeShadowDom = (cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) !== 0;
@@ -1761,10 +1729,6 @@ const connectedCallback = (elm) => {
             {
                 hostId = elm.getAttribute(HYDRATE_ID);
                 if (hostId) {
-                    if (cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {
-                        const scopeId = addStyle(elm.shadowRoot, cmpMeta);
-                        elm.classList.remove(scopeId + '-h', scopeId + '-s');
-                    }
                     initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);
                 }
             }
@@ -1846,10 +1810,8 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     const metaCharset = /*@__PURE__*/ head.querySelector('meta[charset]');
     const visibilityStyle = /*@__PURE__*/ doc.createElement('style');
     const deferredConnectedCallbacks = [];
-    const styles = /*@__PURE__*/ doc.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
     let appLoadFallback;
     let isBootstrapping = true;
-    let i = 0;
     Object.assign(plt, options);
     plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
     {
@@ -1857,11 +1819,6 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
         // async queue. This will improve the first input delay
         plt.$flags$ |= 2 /* PLATFORM_FLAGS.appLoaded */;
     }
-    {
-        for (; i < styles.length; i++) {
-            registerStyle(styles[i].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles[i].innerHTML), true);
-        }
-    }
     lazyBundles.map((lazyBundle) => {
         lazyBundle[1].map((compactMeta) => {
             const cmpMeta = {
@@ -1887,17 +1844,6 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                     super(self);
                     self = this;
                     registerHost(self, cmpMeta);
-                    if (cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */) {
-                        // this component is using shadow dom
-                        // and this browser supports shadow dom
-                        // add the read-only property "shadowRoot" to the host element
-                        // adding the shadow root build conditionals to minimize runtime
-                        {
-                            {
-                                self.attachShadow({ mode: 'open' });
-                            }
-                        }
-                    }
                 }
                 connectedCallback() {
                     if (appLoadFallback) {
@@ -1999,6 +1945,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './gov-alert.entry.js').then(processMod, consoleError);
+        case 'gov-breadcrumbs':
+          return import(
+            /* webpackMode: "lazy" */
+            './gov-breadcrumbs.entry.js').then(processMod, consoleError);
         case 'gov-card':
           return import(
             /* webpackMode: "lazy" */
@@ -2027,10 +1977,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './gov-form-control.entry.js').then(processMod, consoleError);
-        case 'gov-form-dropdown':
-          return import(
-            /* webpackMode: "lazy" */
-            './gov-form-dropdown.entry.js').then(processMod, consoleError);
         case 'gov-form-file':
           return import(
             /* webpackMode: "lazy" */
@@ -2063,6 +2009,26 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './gov-grid.entry.js').then(processMod, consoleError);
+        case 'gov-grid-item':
+          return import(
+            /* webpackMode: "lazy" */
+            './gov-grid-item.entry.js').then(processMod, consoleError);
+        case 'gov-layout':
+          return import(
+            /* webpackMode: "lazy" */
+            './gov-layout.entry.js').then(processMod, consoleError);
+        case 'gov-layout-aside':
+          return import(
+            /* webpackMode: "lazy" */
+            './gov-layout-aside.entry.js').then(processMod, consoleError);
+        case 'gov-layout-content':
+          return import(
+            /* webpackMode: "lazy" */
+            './gov-layout-content.entry.js').then(processMod, consoleError);
+        case 'gov-loading':
+          return import(
+            /* webpackMode: "lazy" */
+            './gov-loading.entry.js').then(processMod, consoleError);
         case 'gov-message':
           return import(
             /* webpackMode: "lazy" */
@@ -2071,6 +2037,14 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './gov-modal.entry.js').then(processMod, consoleError);
+        case 'gov-nav':
+          return import(
+            /* webpackMode: "lazy" */
+            './gov-nav.entry.js').then(processMod, consoleError);
+        case 'gov-nav-item':
+          return import(
+            /* webpackMode: "lazy" */
+            './gov-nav-item.entry.js').then(processMod, consoleError);
         case 'gov-pagination':
           return import(
             /* webpackMode: "lazy" */
@@ -2119,6 +2093,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './gov-tile.entry.js').then(processMod, consoleError);
+        case 'gov-tiles':
+          return import(
+            /* webpackMode: "lazy" */
+            './gov-tiles.entry.js').then(processMod, consoleError);
         case 'gov-toast':
           return import(
             /* webpackMode: "lazy" */
@@ -2147,10 +2125,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './gov-form-autocomplete.entry.js').then(processMod, consoleError);
-        case 'gov-backdrop':
-          return import(
-            /* webpackMode: "lazy" */
-            './gov-backdrop.entry.js').then(processMod, consoleError);
         case 'gov-badge':
           return import(
             /* webpackMode: "lazy" */
@@ -2163,6 +2137,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './gov-form-select.entry.js').then(processMod, consoleError);
+        case 'gov-backdrop':
+          return import(
+            /* webpackMode: "lazy" */
+            './gov-backdrop.entry.js').then(processMod, consoleError);
         case 'gov-button':
           return import(
             /* webpackMode: "lazy" */
@@ -2253,4 +2231,4 @@ const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r };
 
-//# sourceMappingURL=index-e498b7fa.js.map
+//# sourceMappingURL=index-00e9a0d5.js.map