@ukic/web-components 2.4.1 → 2.6.0

package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation-test-examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-side-navigation-test-examples.js","sourceRoot":"","sources":["../../../../../src/components/ic-side-navigation/test/basic/ic-side-navigation-test-examples.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA0DvB,CAAC;AAEV,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA0E/B,CAAC;AAEV,MAAM,CAAC,MAAM,0BAA0B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgEjC,CAAC;AAEV,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4D7B,CAAC;AAEV,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA2D5B,CAAC;AAEV,MAAM,CAAC,MAAM,+BAA+B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyF9C,CAAC","sourcesContent":["export const icSideNavigation = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationExpanded = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n      expanded=\"true\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"This is a very very very very very long label\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationGroupedNav = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-group\n      slot=\"primary-navigation\"\n      label=\"Second navigation group\"\n      expandable=\"true\"\n    >\n      <ic-navigation-item label=\"Different navigation\" href=\"/\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M23 8C23 9.1 22.1 10 21 10C20.82 10 20.65 9.98 20.49 9.93L16.93 13.48C16.98 13.64 17 13.82 17 14C17 15.1 16.1 16 15 16C13.9 16 13 15.1 13 14C13 13.82 13.02 13.64 13.07 13.48L10.52 10.93C10.36 10.98 10.18 11 10 11C9.82 11 9.64 10.98 9.48 10.93L4.93 15.49C4.98 15.65 5 15.82 5 16C5 17.1 4.1 18 3 18C1.9 18 1 17.1 1 16C1 14.9 1.9 14 3 14C3.18 14 3.35 14.02 3.51 14.07L8.07 9.52C8.02 9.36 8 9.18 8 9C8 7.9 8.9 7 10 7C11.1 7 12 7.9 12 9C12 9.18 11.98 9.36 11.93 9.52L14.48 12.07C14.64 12.02 14.82 12 15 12C15.18 12 15.36 12.02 15.52 12.07L19.07 8.51C19.02 8.35 19 8.18 19 8C19 6.9 19.9 6 21 6C22.1 6 23 6.9 23 8Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-navigation-group>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationStatic = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n      expanded=\"true\"\n      static=\"true\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationTheme = `\n  <ic-theme color=\"rgb(131, 166, 195)\"></ic-theme>\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationSlottedExpanded = `\n    <ic-side-navigation app-title=\"Application Name\" version=\"v0.0.0\" status=\"BETA\" expanded=\"true\">\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          class=\"active\"\n          href=\"/child-item-2\"\n          aria-label=\"Daily Tippers\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          Daily Tippers\n        </a>\n      </ic-navigation-item>\n      <ic-navigation-group\n        slot=\"primary-navigation\"\n        label=\"Second navigation group\"\n        expandable=\"true\"\n      >\n        <ic-navigation-item>\n          <a\n            slot=\"navigation-item\"\n            href=\"/child-item-2\"\n            aria-label=\"Daily Tippers\"\n          >\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              ></path>\n            </svg>\n            Daily Tippers\n          </a>\n        </ic-navigation-item>\n      </ic-navigation-group>\n      <ic-navigation-item slot=\"secondary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          href=\"/bar\"\n          aria-label=\"bar\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          bar\n        </a>\n      </ic-navigation-item>\n    </ic-side-navigation>\n`;\n"]}
+{"version":3,"file":"ic-side-navigation-test-examples.js","sourceRoot":"","sources":["../../../../../src/components/ic-side-navigation/test/basic/ic-side-navigation-test-examples.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA0DvB,CAAC;AAEV,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA0E/B,CAAC;AAEV,MAAM,CAAC,MAAM,0BAA0B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgEjC,CAAC;AAEV,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4D7B,CAAC;AAEV,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA2D5B,CAAC;AAEV,MAAM,CAAC,MAAM,+BAA+B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyF9C,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFvC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFtC,CAAC","sourcesContent":["export const icSideNavigation = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationExpanded = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n      expanded=\"true\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"This is a very very very very very long label\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationGroupedNav = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-group\n      slot=\"primary-navigation\"\n      label=\"Second navigation group\"\n      expandable=\"true\"\n    >\n      <ic-navigation-item label=\"Different navigation\" href=\"/\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M23 8C23 9.1 22.1 10 21 10C20.82 10 20.65 9.98 20.49 9.93L16.93 13.48C16.98 13.64 17 13.82 17 14C17 15.1 16.1 16 15 16C13.9 16 13 15.1 13 14C13 13.82 13.02 13.64 13.07 13.48L10.52 10.93C10.36 10.98 10.18 11 10 11C9.82 11 9.64 10.98 9.48 10.93L4.93 15.49C4.98 15.65 5 15.82 5 16C5 17.1 4.1 18 3 18C1.9 18 1 17.1 1 16C1 14.9 1.9 14 3 14C3.18 14 3.35 14.02 3.51 14.07L8.07 9.52C8.02 9.36 8 9.18 8 9C8 7.9 8.9 7 10 7C11.1 7 12 7.9 12 9C12 9.18 11.98 9.36 11.93 9.52L14.48 12.07C14.64 12.02 14.82 12 15 12C15.18 12 15.36 12.02 15.52 12.07L19.07 8.51C19.02 8.35 19 8.18 19 8C19 6.9 19.9 6 21 6C22.1 6 23 6.9 23 8Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-navigation-group>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationStatic = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n      expanded=\"true\"\n      static=\"true\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationTheme = `\n  <ic-theme color=\"rgb(131, 166, 195)\"></ic-theme>\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationSlottedExpanded = `\n    <ic-side-navigation app-title=\"Application Name\" version=\"v0.0.0\" status=\"BETA\" expanded=\"true\">\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          class=\"active\"\n          href=\"/child-item-2\"\n          aria-label=\"Daily Tippers\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          Daily Tippers\n        </a>\n      </ic-navigation-item>\n      <ic-navigation-group\n        slot=\"primary-navigation\"\n        label=\"Second navigation group\"\n        expandable=\"true\"\n      >\n        <ic-navigation-item>\n          <a\n            slot=\"navigation-item\"\n            href=\"/child-item-2\"\n            aria-label=\"Daily Tippers\"\n          >\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              ></path>\n            </svg>\n            Daily Tippers\n          </a>\n        </ic-navigation-item>\n      </ic-navigation-group>\n      <ic-navigation-item slot=\"secondary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          href=\"/bar\"\n          aria-label=\"bar\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          bar\n        </a>\n      </ic-navigation-item>\n    </ic-side-navigation>\n`;\n\nexport const icSideNavigationAppTitle = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      version=\"v0.0.0\"\n      status=\"BETA\"\n    >\n    <a href=\"/\" slot=\"app-title\">Application Name</a>\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          class=\"active\"\n          href=\"/child-item-2\"\n          aria-label=\"Daily Tippers\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          Daily Tippers\n        </a>\n      </ic-navigation-item>\n      <ic-navigation-group\n        slot=\"primary-navigation\"\n        label=\"Second navigation group\"\n        expandable=\"true\"\n      >\n        <ic-navigation-item>\n          <a\n            slot=\"navigation-item\"\n            href=\"/child-item-2\"\n            aria-label=\"Daily Tippers\"\n          >\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              ></path>\n            </svg>\n            Daily Tippers\n          </a>\n        </ic-navigation-item>\n      </ic-navigation-group>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column; flex-grow: 1;\"\n    >\n      <main>This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>\n`;\n\nexport const icSideNavigationSlotted = `\n    <ic-side-navigation app-title=\"Application Name\" version=\"v0.0.0\" status=\"BETA\">\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          class=\"active\"\n          href=\"/child-item-2\"\n          aria-label=\"Daily Tippers\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          Daily Tippers\n        </a>\n      </ic-navigation-item>\n      <ic-navigation-group\n        slot=\"primary-navigation\"\n        label=\"Second navigation group\"\n        expandable=\"true\"\n      >\n        <ic-navigation-item>\n          <a\n            slot=\"navigation-item\"\n            href=\"/child-item-2\"\n            aria-label=\"Daily Tippers\"\n          >\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              ></path>\n            </svg>\n            Daily Tippers\n          </a>\n        </ic-navigation-item>\n      </ic-navigation-group>\n      <ic-navigation-item slot=\"secondary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          href=\"/bar\"\n          aria-label=\"bar\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          bar\n        </a>\n      </ic-navigation-item>\n    </ic-side-navigation>\n`;\n"]}

package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.js

@@ -1,5 +1,5 @@
 import { newE2EPage } from "@stencil/core/testing";
-import { icSideNavigation, icSideNavigationExpanded, icSideNavigationGroupedNav, icSideNavigationTheme, icSideNavigationStatic, icSideNavigationSlottedExpanded, } from "./ic-side-navigation-test-examples";
+import { icSideNavigation, icSideNavigationExpanded, icSideNavigationGroupedNav, icSideNavigationTheme, icSideNavigationStatic, icSideNavigationSlottedExpanded, icSideNavigationAppTitle, icSideNavigationSlotted, } from "./ic-side-navigation-test-examples";
 const MOBILE_VIEWPORT = {
   width: 375,
   height: 667,
@@ -82,7 +82,7 @@ describe("ic-side-navigation", () => {
       await mobileMenuBtn.click();
       await page.waitForChanges();
       const navigationItems = await page.evaluate(() => {
-        return Array.from(document.querySelectorAll("ic-side-navigation ic-navigation-item")).map((i) => i.shadowRoot.querySelector(".ic-tooltip").textContent.slice(2));
+        return Array.from(document.querySelectorAll("ic-side-navigation ic-navigation-item")).map((i) => i.shadowRoot.querySelector("ic-tooltip").textContent);
       });
       expect(navigationItems.length).toBe(2);
       navigationItems.forEach((navItem, i) => {
@@ -427,6 +427,50 @@ describe("ic-side-navigation", () => {
       });
       expect(labelVisibility).toBe("visible");
     });
+    it("renders navigation item labels when using slotted app-title and side nav is expanded", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigationAppTitle);
+      let visibleLabel = await page.evaluate(() => {
+        const label = document
+          .querySelector("ic-side-navigation ic-navigation-item")
+          .querySelector("ic-typography");
+        return window.getComputedStyle(label).visibility;
+      });
+      expect(visibleLabel).toBe("hidden");
+      const menuExpandBtn = await page.find("ic-side-navigation >>> .side-navigation button.menu-expand-button");
+      await menuExpandBtn.click();
+      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
+      visibleLabel = await page.evaluate(() => {
+        const label = document
+          .querySelector("ic-side-navigation ic-navigation-item")
+          .querySelector("ic-typography");
+        return window.getComputedStyle(label).visibility;
+      });
+      expect(visibleLabel).toBe("visible");
+    });
+    it("renders visible labels when slotted menu items and side nav is expanded", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigationSlotted);
+      const menuBtn = await page.find("ic-side-navigation >>> .menu-expand-button");
+      await menuBtn.click();
+      await page.waitForChanges();
+      let visibleLabel = await page.evaluate(() => {
+        const label = document
+          .querySelector("ic-side-navigation ic-navigation-item")
+          .querySelector("ic-typography");
+        return window.getComputedStyle(label).visibility;
+      });
+      expect(visibleLabel).toBe("visible");
+      await menuBtn.click();
+      await page.waitForChanges();
+      visibleLabel = await page.evaluate(() => {
+        const label = document
+          .querySelector("ic-side-navigation ic-navigation-item")
+          .querySelector("ic-typography");
+        return window.getComputedStyle(label).visibility;
+      });
+      expect(visibleLabel).toBe("hidden");
+    });
   });
 });
 //# sourceMappingURL=ic-side-navigation.e2e.js.map

package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-side-navigation.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport {\n  icSideNavigation,\n  icSideNavigationExpanded,\n  icSideNavigationGroupedNav,\n  icSideNavigationTheme,\n  icSideNavigationStatic,\n  icSideNavigationSlottedExpanded,\n} from \"./ic-side-navigation-test-examples\";\n\nconst MOBILE_VIEWPORT = {\n  width: 375,\n  height: 667,\n};\n\nconst pageHeight = 600;\nconst ANIMATION_MS_THRESHOLD = 300;\n\ndescribe(\"ic-side-navigation\", () => {\n  describe(\"mobile\", () => {\n    it(\"it renders\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      expect(mobileMenuBtn).not.toBeNull();\n    });\n\n    it(\"displays flyout menu when menu button clicked with correct aria-expanded values\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      let mobileBtnLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .textContent.trim()\n      );\n\n      expect(mobileBtnLabel).toContain(\"Menu\");\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const flyoutMenu = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      expect(flyoutMenu).not.toBeNull();\n\n      mobileBtnLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .textContent.trim()\n      );\n\n      expect(mobileBtnLabel).toContain(\"Close\");\n    });\n\n    it(\"dyanmically updated native button aria-label and aria-expanded\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      let mobileAriaExpanded = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-expanded\")\n      );\n\n      let mobileAriaLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-label\")\n      );\n\n      expect(mobileAriaExpanded).toBe(\"false\");\n      expect(mobileAriaLabel).toBe(\"Open navigation menu\");\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const flyoutMenu = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      expect(flyoutMenu).not.toBeNull();\n\n      mobileAriaExpanded = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-expanded\")\n      );\n\n      mobileAriaLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-label\")\n      );\n\n      expect(mobileAriaExpanded).toBe(\"true\");\n      expect(mobileAriaLabel).toBe(\"Close navigation menu\");\n    });\n\n    it(\"renders the correct number of navigation-items\", async () => {\n      const labels = [\"Home\", \"a11y\"];\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const navigationItems = await page.evaluate(() => {\n        return Array.from(\n          document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n        ).map((i) =>\n          i.shadowRoot.querySelector(\".ic-tooltip\").textContent.slice(2)\n        );\n      });\n\n      expect(navigationItems.length).toBe(2);\n\n      navigationItems.forEach((navItem, i) => {\n        expect(navItem).toBe(labels[i]);\n      });\n    });\n\n    it(\"renders application name\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const applicationName = await (\n        await page.find(\"ic-side-navigation >>> .top-bar ic-typography\")\n      ).innerText;\n\n      expect(applicationName).toBe(\"ACME\");\n    });\n\n    it(\"renders app status and version\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const applicationStatus = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-status-text\"\n        )\n      ).innerText;\n      const applicationVersion = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-version\"\n        )\n      ).innerText;\n\n      expect(applicationStatus).toBe(\"BETA\");\n      expect(applicationVersion).toBe(\"v0.0.0\");\n    });\n\n    it(\"does not render menu expand button\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const flyoutMenu = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      expect(flyoutMenu).not.toBeNull();\n\n      const menuExpandBtn = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation .menu-expand-button\")\n      );\n\n      expect(menuExpandBtn).toBeNull();\n    });\n\n    it(\"does not render tooltips on mobile when menu is closed\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      await page.keyboard.press(\"Tab\");\n      await page.keyboard.press(\"Tab\");\n      await page.keyboard.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      let sideNavInnerVisibility = await page.evaluate(() => {\n        const sideNavInner = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        return window.getComputedStyle(sideNavInner).visibility;\n      });\n\n      expect(sideNavInnerVisibility).toBe(\"hidden\");\n\n      const toolTipDisplay = await page.evaluate(() => {\n        const tooltip = document\n          .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n          .shadowRoot.querySelector(\"ic-tooltip\")\n          .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n        return window.getComputedStyle(tooltip).display;\n      });\n\n      expect(toolTipDisplay).toBe(\"none\");\n\n      let mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      sideNavInnerVisibility = await page.evaluate(() => {\n        const sideNavInner = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        return window.getComputedStyle(sideNavInner).visibility;\n      });\n\n      expect(sideNavInnerVisibility).toBe(\"visible\");\n\n      await page.waitForChanges();\n\n      mobileMenuBtn = await page.find(\"ic-side-navigation >>> #menu-button\");\n\n      await mobileMenuBtn.click();\n\n      await page.waitForTimeout(300); // Wait for flyout menu to disappear (50ms longer than animation)\n\n      sideNavInnerVisibility = await page.evaluate(() => {\n        const sideNavInner = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        return window.getComputedStyle(sideNavInner).visibility;\n      });\n\n      expect(sideNavInnerVisibility).toBe(\"hidden\");\n    });\n  });\n\n  describe(\"tablet/desktop\", () => {\n    it(\"renders correctly\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const sideNavigation = await page.find(\"ic-side-navigation\");\n\n      expect(sideNavigation).not.toBeNull();\n    });\n\n    it(\"renders collapsed side nav on initial load\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(56);\n    });\n\n    it(\"renders expanded side nav on initial load\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationExpanded);\n\n      const sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(320);\n    });\n\n    it(\"renders collapsed and expanded on menu toggle\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      let sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(320);\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(56);\n    });\n\n    it(\"updates aria-label of menu expand button\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForChanges();\n\n      expect(menuExpandBtn.getAttribute(\"aria-label\")).toBe(\n        \"Collapse side navigation\"\n      );\n\n      await menuExpandBtn.click();\n\n      expect(menuExpandBtn.getAttribute(\"aria-label\")).toBe(\n        \"Expand side navigation\"\n      );\n    });\n\n    it(\"displays application name on expanded side navigation\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      let applicationNameOpacity = await page.evaluate(() => {\n        const applicationName = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".title-link ic-typography\");\n\n        return window.getComputedStyle(applicationName).opacity;\n      });\n\n      expect(applicationNameOpacity).toBe(\"0\");\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      applicationNameOpacity = await page.evaluate(() => {\n        const applicationName = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".title-link ic-typography\");\n\n        return window.getComputedStyle(applicationName).opacity;\n      });\n\n      expect(applicationNameOpacity).toBe(\"1\");\n    });\n\n    it(\"should toggle to short title at small screen sizes\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(`<ic-side-navigation app-title=\"ApplicationName\" short-app-title=\"AppName\">\n      </ic-side-navigation>`);\n\n      await page.setViewport({\n        width: 576,\n        height: pageHeight,\n      });\n\n      await page.waitForChanges();\n\n      let appTitle = await page.find(\n        \"ic-side-navigation >>> .title-link ic-typography\"\n      );\n\n      expect(appTitle.textContent).toBe(\"AppName\");\n\n      await page.setViewport({\n        width: 1200,\n        height: pageHeight,\n      });\n\n      await page.waitForChanges();\n\n      appTitle = await page.find(\n        \"ic-side-navigation >>> .title-link ic-typography\"\n      );\n\n      expect(appTitle.textContent).toBe(\"ApplicationName\");\n    });\n\n    it(\"collapse group nav items in collapsed side menu\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationGroupedNav);\n\n      await page.waitForChanges();\n\n      const navigtionGroupToggleBtn = await page.find(\n        \"ic-side-navigation ic-navigation-group >>> .navigation-group\"\n      );\n\n      let navigationGroupWrapperHeight = await page.evaluate(() => {\n        const navigationGroupWrapper = document\n          .querySelector(\"ic-side-navigation ic-navigation-group\")\n          .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n        return window.getComputedStyle(navigationGroupWrapper).height;\n      });\n\n      expect(parseInt(navigationGroupWrapperHeight)).toBe(56);\n\n      await navigtionGroupToggleBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      navigationGroupWrapperHeight = await page.evaluate(() => {\n        const navigationGroupWrapper = document\n          .querySelector(\"ic-side-navigation ic-navigation-group\")\n          .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n        return window.getComputedStyle(navigationGroupWrapper).height;\n      });\n\n      expect(parseInt(navigationGroupWrapperHeight)).toBe(0);\n\n      await navigtionGroupToggleBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      navigationGroupWrapperHeight = await page.evaluate(() => {\n        const navigationGroupWrapper = document\n          .querySelector(\"ic-side-navigation ic-navigation-group\")\n          .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n        return window.getComputedStyle(navigationGroupWrapper).height;\n      });\n\n      expect(parseInt(navigationGroupWrapperHeight)).toBe(56);\n    });\n\n    it(\"aria-landmarks added to side navigation nav sections\", async () => {\n      const PRIMARY_LANDMARK_ID = \"primary-navigation-landmark\";\n      const SECONDARY_LANDMARK_ID = \"secondary-navigation-landmark\";\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      const primaryNavigationLandmarkValue = await (\n        await page.find(\"ic-side-navigation >>> nav.primary-navigation\")\n      ).getAttribute(\"aria-labelledby\");\n      const primaryNavigationLandmarkText = await (\n        await page.find(\n          `ic-side-navigation >>> nav.primary-navigation #${PRIMARY_LANDMARK_ID}`\n        )\n      ).textContent;\n\n      expect(primaryNavigationLandmarkValue).toBe(PRIMARY_LANDMARK_ID);\n      expect(primaryNavigationLandmarkText).toBe(\"Primary\");\n\n      const secondaryNavigationLandmarkValue = await (\n        await page.find(\"ic-side-navigation >>> nav.secondary-navigation\")\n      ).getAttribute(\"aria-labelledby\");\n      const secondaryNavigationLandmarkText = await (\n        await page.find(\n          `ic-side-navigation >>> nav.secondary-navigation #${SECONDARY_LANDMARK_ID}`\n        )\n      ).textContent;\n\n      expect(secondaryNavigationLandmarkValue).toBe(SECONDARY_LANDMARK_ID);\n      expect(secondaryNavigationLandmarkText).toBe(\"Secondary\");\n    });\n\n    it(\"renders app status and version\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      const applicationStatus = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-status-text\"\n        )\n      ).innerText;\n      const applicationVersion = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-version\"\n        )\n      ).innerText;\n\n      expect(applicationStatus).toBe(\"BETA\");\n      expect(applicationVersion).toBe(\"v0.0.0\");\n    });\n\n    it(\"renders tooltip on collapsed side navigation\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const navigationItems = await page.findAll(\n        \"ic-side-navigation ic-navigation-item\"\n      );\n\n      await navigationItems[0].hover();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      const toolTipDisplay = await page.evaluate(() => {\n        const tooltip = document\n          .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n          .shadowRoot.querySelector(\"ic-tooltip\")\n          .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n        return window.getComputedStyle(tooltip).display;\n      });\n\n      expect(toolTipDisplay).toBe(\"block\");\n    });\n\n    it(\"hides tooltip on expanded side navigation\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationExpanded);\n\n      const navigationItems = await page.findAll(\n        \"ic-side-navigation ic-navigation-item\"\n      );\n\n      await navigationItems[0].hover();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      const toolTipDisplay = await page.evaluate(() => {\n        const tooltip = document\n          .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n          .shadowRoot.querySelector(\"ic-tooltip\")\n          .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n        return window.getComputedStyle(tooltip).display;\n      });\n\n      expect(toolTipDisplay).toBe(\"none\");\n    });\n\n    it(\"hides menu expand if static prop is set to true\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationStatic);\n\n      const menuExpandBtn = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation .menu-expand-button\")\n      );\n\n      expect(menuExpandBtn).toBeNull();\n    });\n\n    it(\"renders ic-side-navigation with theme colours\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationTheme);\n\n      const sideNavigation = await page.evaluate(() => {\n        const sideNavMain = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        const sideNavText = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".ic-typography-h3\");\n\n        return {\n          bgColor: window.getComputedStyle(sideNavMain).backgroundColor,\n          textColor: window.getComputedStyle(sideNavText).color,\n        };\n      });\n\n      expect(sideNavigation.bgColor).toBe(\"rgb(131, 166, 195)\");\n      expect(sideNavigation.textColor).toBe(\"rgb(11, 12, 12)\");\n    });\n\n    it(\"should render tooltip if very long label in expanded menu overflows\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationExpanded);\n\n      await page.waitForChanges();\n\n      const sideNavInner = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      await page.waitForChanges();\n\n      await sideNavInner.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      await sideNavInner.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      await sideNavInner.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      const shortLabelTooltipDisplay = await page.evaluate(() => {\n        const LABEL = \"Home\";\n        const navItems = Array.from(\n          document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n        );\n\n        const shortLabelNavItem = navItems.filter((navItem) => {\n          return (\n            navItem.shadowRoot.querySelector(\n              \"ic-tooltip > a > .ic-typography-label\"\n            ).textContent === LABEL\n          );\n        })[0];\n\n        return window.getComputedStyle(\n          shortLabelNavItem.shadowRoot\n            .querySelector(\"ic-tooltip\")\n            .shadowRoot.querySelector(\".ic-tooltip-container\")\n        ).display;\n      });\n\n      expect(shortLabelTooltipDisplay).toBe(\"none\");\n\n      const longLabelTooltipDisplay = await page.evaluate(() => {\n        const LABEL = \"This is a very very very very very long label\";\n        const navItems = Array.from(\n          document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n        );\n\n        const longLabelNavItem = navItems.filter((navItem) => {\n          return (\n            navItem.shadowRoot.querySelector(\n              \"ic-tooltip > a > .ic-typography-label\"\n            ).textContent === LABEL\n          );\n        })[0];\n\n        return window.getComputedStyle(\n          longLabelNavItem.shadowRoot\n            .querySelector(\"ic-tooltip\")\n            .shadowRoot.querySelector(\".ic-tooltip-container\")\n        ).display;\n      });\n\n      expect(longLabelTooltipDisplay).toBe(\"block\");\n    });\n\n    it(\"renders visible labels when slotted menu items and expanded\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationSlottedExpanded);\n\n      await page.waitForChanges();\n\n      const labelVisibility = await page.$eval(\"ic-side-navigation\", (el) => {\n        const navItem = el.querySelector(\"ic-navigation-item ic-typography\");\n\n        return window.getComputedStyle(navItem).visibility;\n      });\n\n      expect(labelVisibility).toBe(\"visible\");\n    });\n  });\n});\n"]}
+{"version":3,"file":"ic-side-navigation.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-side-navigation/test/basic/ic-side-navigation.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport {\n  icSideNavigation,\n  icSideNavigationExpanded,\n  icSideNavigationGroupedNav,\n  icSideNavigationTheme,\n  icSideNavigationStatic,\n  icSideNavigationSlottedExpanded,\n  icSideNavigationAppTitle,\n  icSideNavigationSlotted,\n} from \"./ic-side-navigation-test-examples\";\n\nconst MOBILE_VIEWPORT = {\n  width: 375,\n  height: 667,\n};\n\nconst pageHeight = 600;\nconst ANIMATION_MS_THRESHOLD = 300;\n\ndescribe(\"ic-side-navigation\", () => {\n  describe(\"mobile\", () => {\n    it(\"it renders\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      expect(mobileMenuBtn).not.toBeNull();\n    });\n\n    it(\"displays flyout menu when menu button clicked with correct aria-expanded values\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      let mobileBtnLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .textContent.trim()\n      );\n\n      expect(mobileBtnLabel).toContain(\"Menu\");\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const flyoutMenu = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      expect(flyoutMenu).not.toBeNull();\n\n      mobileBtnLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .textContent.trim()\n      );\n\n      expect(mobileBtnLabel).toContain(\"Close\");\n    });\n\n    it(\"dyanmically updated native button aria-label and aria-expanded\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      let mobileAriaExpanded = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-expanded\")\n      );\n\n      let mobileAriaLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-label\")\n      );\n\n      expect(mobileAriaExpanded).toBe(\"false\");\n      expect(mobileAriaLabel).toBe(\"Open navigation menu\");\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const flyoutMenu = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      expect(flyoutMenu).not.toBeNull();\n\n      mobileAriaExpanded = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-expanded\")\n      );\n\n      mobileAriaLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-label\")\n      );\n\n      expect(mobileAriaExpanded).toBe(\"true\");\n      expect(mobileAriaLabel).toBe(\"Close navigation menu\");\n    });\n\n    it(\"renders the correct number of navigation-items\", async () => {\n      const labels = [\"Home\", \"a11y\"];\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const navigationItems = await page.evaluate(() => {\n        return Array.from(\n          document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n        ).map((i) => i.shadowRoot.querySelector(\"ic-tooltip\").textContent);\n      });\n\n      expect(navigationItems.length).toBe(2);\n\n      navigationItems.forEach((navItem, i) => {\n        expect(navItem).toBe(labels[i]);\n      });\n    });\n\n    it(\"renders application name\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const applicationName = await (\n        await page.find(\"ic-side-navigation >>> .top-bar ic-typography\")\n      ).innerText;\n\n      expect(applicationName).toBe(\"ACME\");\n    });\n\n    it(\"renders app status and version\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const applicationStatus = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-status-text\"\n        )\n      ).innerText;\n      const applicationVersion = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-version\"\n        )\n      ).innerText;\n\n      expect(applicationStatus).toBe(\"BETA\");\n      expect(applicationVersion).toBe(\"v0.0.0\");\n    });\n\n    it(\"does not render menu expand button\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const flyoutMenu = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      expect(flyoutMenu).not.toBeNull();\n\n      const menuExpandBtn = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation .menu-expand-button\")\n      );\n\n      expect(menuExpandBtn).toBeNull();\n    });\n\n    it(\"does not render tooltips on mobile when menu is closed\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      await page.keyboard.press(\"Tab\");\n      await page.keyboard.press(\"Tab\");\n      await page.keyboard.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      let sideNavInnerVisibility = await page.evaluate(() => {\n        const sideNavInner = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        return window.getComputedStyle(sideNavInner).visibility;\n      });\n\n      expect(sideNavInnerVisibility).toBe(\"hidden\");\n\n      const toolTipDisplay = await page.evaluate(() => {\n        const tooltip = document\n          .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n          .shadowRoot.querySelector(\"ic-tooltip\")\n          .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n        return window.getComputedStyle(tooltip).display;\n      });\n\n      expect(toolTipDisplay).toBe(\"none\");\n\n      let mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      sideNavInnerVisibility = await page.evaluate(() => {\n        const sideNavInner = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        return window.getComputedStyle(sideNavInner).visibility;\n      });\n\n      expect(sideNavInnerVisibility).toBe(\"visible\");\n\n      await page.waitForChanges();\n\n      mobileMenuBtn = await page.find(\"ic-side-navigation >>> #menu-button\");\n\n      await mobileMenuBtn.click();\n\n      await page.waitForTimeout(300); // Wait for flyout menu to disappear (50ms longer than animation)\n\n      sideNavInnerVisibility = await page.evaluate(() => {\n        const sideNavInner = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        return window.getComputedStyle(sideNavInner).visibility;\n      });\n\n      expect(sideNavInnerVisibility).toBe(\"hidden\");\n    });\n  });\n\n  describe(\"tablet/desktop\", () => {\n    it(\"renders correctly\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const sideNavigation = await page.find(\"ic-side-navigation\");\n\n      expect(sideNavigation).not.toBeNull();\n    });\n\n    it(\"renders collapsed side nav on initial load\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(56);\n    });\n\n    it(\"renders expanded side nav on initial load\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationExpanded);\n\n      const sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(320);\n    });\n\n    it(\"renders collapsed and expanded on menu toggle\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      let sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(320);\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(56);\n    });\n\n    it(\"updates aria-label of menu expand button\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForChanges();\n\n      expect(menuExpandBtn.getAttribute(\"aria-label\")).toBe(\n        \"Collapse side navigation\"\n      );\n\n      await menuExpandBtn.click();\n\n      expect(menuExpandBtn.getAttribute(\"aria-label\")).toBe(\n        \"Expand side navigation\"\n      );\n    });\n\n    it(\"displays application name on expanded side navigation\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      let applicationNameOpacity = await page.evaluate(() => {\n        const applicationName = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".title-link ic-typography\");\n\n        return window.getComputedStyle(applicationName).opacity;\n      });\n\n      expect(applicationNameOpacity).toBe(\"0\");\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      applicationNameOpacity = await page.evaluate(() => {\n        const applicationName = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".title-link ic-typography\");\n\n        return window.getComputedStyle(applicationName).opacity;\n      });\n\n      expect(applicationNameOpacity).toBe(\"1\");\n    });\n\n    it(\"should toggle to short title at small screen sizes\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(`<ic-side-navigation app-title=\"ApplicationName\" short-app-title=\"AppName\">\n      </ic-side-navigation>`);\n\n      await page.setViewport({\n        width: 576,\n        height: pageHeight,\n      });\n\n      await page.waitForChanges();\n\n      let appTitle = await page.find(\n        \"ic-side-navigation >>> .title-link ic-typography\"\n      );\n\n      expect(appTitle.textContent).toBe(\"AppName\");\n\n      await page.setViewport({\n        width: 1200,\n        height: pageHeight,\n      });\n\n      await page.waitForChanges();\n\n      appTitle = await page.find(\n        \"ic-side-navigation >>> .title-link ic-typography\"\n      );\n\n      expect(appTitle.textContent).toBe(\"ApplicationName\");\n    });\n\n    it(\"collapse group nav items in collapsed side menu\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationGroupedNav);\n\n      await page.waitForChanges();\n\n      const navigtionGroupToggleBtn = await page.find(\n        \"ic-side-navigation ic-navigation-group >>> .navigation-group\"\n      );\n\n      let navigationGroupWrapperHeight = await page.evaluate(() => {\n        const navigationGroupWrapper = document\n          .querySelector(\"ic-side-navigation ic-navigation-group\")\n          .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n        return window.getComputedStyle(navigationGroupWrapper).height;\n      });\n\n      expect(parseInt(navigationGroupWrapperHeight)).toBe(56);\n\n      await navigtionGroupToggleBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      navigationGroupWrapperHeight = await page.evaluate(() => {\n        const navigationGroupWrapper = document\n          .querySelector(\"ic-side-navigation ic-navigation-group\")\n          .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n        return window.getComputedStyle(navigationGroupWrapper).height;\n      });\n\n      expect(parseInt(navigationGroupWrapperHeight)).toBe(0);\n\n      await navigtionGroupToggleBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      navigationGroupWrapperHeight = await page.evaluate(() => {\n        const navigationGroupWrapper = document\n          .querySelector(\"ic-side-navigation ic-navigation-group\")\n          .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n        return window.getComputedStyle(navigationGroupWrapper).height;\n      });\n\n      expect(parseInt(navigationGroupWrapperHeight)).toBe(56);\n    });\n\n    it(\"aria-landmarks added to side navigation nav sections\", async () => {\n      const PRIMARY_LANDMARK_ID = \"primary-navigation-landmark\";\n      const SECONDARY_LANDMARK_ID = \"secondary-navigation-landmark\";\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      const primaryNavigationLandmarkValue = await (\n        await page.find(\"ic-side-navigation >>> nav.primary-navigation\")\n      ).getAttribute(\"aria-labelledby\");\n      const primaryNavigationLandmarkText = await (\n        await page.find(\n          `ic-side-navigation >>> nav.primary-navigation #${PRIMARY_LANDMARK_ID}`\n        )\n      ).textContent;\n\n      expect(primaryNavigationLandmarkValue).toBe(PRIMARY_LANDMARK_ID);\n      expect(primaryNavigationLandmarkText).toBe(\"Primary\");\n\n      const secondaryNavigationLandmarkValue = await (\n        await page.find(\"ic-side-navigation >>> nav.secondary-navigation\")\n      ).getAttribute(\"aria-labelledby\");\n      const secondaryNavigationLandmarkText = await (\n        await page.find(\n          `ic-side-navigation >>> nav.secondary-navigation #${SECONDARY_LANDMARK_ID}`\n        )\n      ).textContent;\n\n      expect(secondaryNavigationLandmarkValue).toBe(SECONDARY_LANDMARK_ID);\n      expect(secondaryNavigationLandmarkText).toBe(\"Secondary\");\n    });\n\n    it(\"renders app status and version\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      const applicationStatus = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-status-text\"\n        )\n      ).innerText;\n      const applicationVersion = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-version\"\n        )\n      ).innerText;\n\n      expect(applicationStatus).toBe(\"BETA\");\n      expect(applicationVersion).toBe(\"v0.0.0\");\n    });\n\n    it(\"renders tooltip on collapsed side navigation\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const navigationItems = await page.findAll(\n        \"ic-side-navigation ic-navigation-item\"\n      );\n\n      await navigationItems[0].hover();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      const toolTipDisplay = await page.evaluate(() => {\n        const tooltip = document\n          .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n          .shadowRoot.querySelector(\"ic-tooltip\")\n          .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n        return window.getComputedStyle(tooltip).display;\n      });\n\n      expect(toolTipDisplay).toBe(\"block\");\n    });\n\n    it(\"hides tooltip on expanded side navigation\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationExpanded);\n\n      const navigationItems = await page.findAll(\n        \"ic-side-navigation ic-navigation-item\"\n      );\n\n      await navigationItems[0].hover();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      const toolTipDisplay = await page.evaluate(() => {\n        const tooltip = document\n          .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n          .shadowRoot.querySelector(\"ic-tooltip\")\n          .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n        return window.getComputedStyle(tooltip).display;\n      });\n\n      expect(toolTipDisplay).toBe(\"none\");\n    });\n\n    it(\"hides menu expand if static prop is set to true\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationStatic);\n\n      const menuExpandBtn = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation .menu-expand-button\")\n      );\n\n      expect(menuExpandBtn).toBeNull();\n    });\n\n    it(\"renders ic-side-navigation with theme colours\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationTheme);\n\n      const sideNavigation = await page.evaluate(() => {\n        const sideNavMain = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        const sideNavText = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".ic-typography-h3\");\n\n        return {\n          bgColor: window.getComputedStyle(sideNavMain).backgroundColor,\n          textColor: window.getComputedStyle(sideNavText).color,\n        };\n      });\n\n      expect(sideNavigation.bgColor).toBe(\"rgb(131, 166, 195)\");\n      expect(sideNavigation.textColor).toBe(\"rgb(11, 12, 12)\");\n    });\n\n    it(\"should render tooltip if very long label in expanded menu overflows\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationExpanded);\n\n      await page.waitForChanges();\n\n      const sideNavInner = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      await page.waitForChanges();\n\n      await sideNavInner.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      await sideNavInner.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      await sideNavInner.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      const shortLabelTooltipDisplay = await page.evaluate(() => {\n        const LABEL = \"Home\";\n        const navItems = Array.from(\n          document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n        );\n\n        const shortLabelNavItem = navItems.filter((navItem) => {\n          return (\n            navItem.shadowRoot.querySelector(\n              \"ic-tooltip > a > .ic-typography-label\"\n            ).textContent === LABEL\n          );\n        })[0];\n\n        return window.getComputedStyle(\n          shortLabelNavItem.shadowRoot\n            .querySelector(\"ic-tooltip\")\n            .shadowRoot.querySelector(\".ic-tooltip-container\")\n        ).display;\n      });\n\n      expect(shortLabelTooltipDisplay).toBe(\"none\");\n\n      const longLabelTooltipDisplay = await page.evaluate(() => {\n        const LABEL = \"This is a very very very very very long label\";\n        const navItems = Array.from(\n          document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n        );\n\n        const longLabelNavItem = navItems.filter((navItem) => {\n          return (\n            navItem.shadowRoot.querySelector(\n              \"ic-tooltip > a > .ic-typography-label\"\n            ).textContent === LABEL\n          );\n        })[0];\n\n        return window.getComputedStyle(\n          longLabelNavItem.shadowRoot\n            .querySelector(\"ic-tooltip\")\n            .shadowRoot.querySelector(\".ic-tooltip-container\")\n        ).display;\n      });\n\n      expect(longLabelTooltipDisplay).toBe(\"block\");\n    });\n\n    it(\"renders visible labels when slotted menu items and expanded\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationSlottedExpanded);\n\n      await page.waitForChanges();\n\n      const labelVisibility = await page.$eval(\"ic-side-navigation\", (el) => {\n        const navItem = el.querySelector(\"ic-navigation-item ic-typography\");\n\n        return window.getComputedStyle(navItem).visibility;\n      });\n\n      expect(labelVisibility).toBe(\"visible\");\n    });\n\n    it(\"renders navigation item labels when using slotted app-title and side nav is expanded\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationAppTitle);\n\n      let visibleLabel = await page.evaluate(() => {\n        const label = document\n          .querySelector(\"ic-side-navigation ic-navigation-item\")\n          .querySelector(\"ic-typography\");\n\n        return window.getComputedStyle(label).visibility;\n      });\n\n      expect(visibleLabel).toBe(\"hidden\");\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      visibleLabel = await page.evaluate(() => {\n        const label = document\n          .querySelector(\"ic-side-navigation ic-navigation-item\")\n          .querySelector(\"ic-typography\");\n\n        return window.getComputedStyle(label).visibility;\n      });\n\n      expect(visibleLabel).toBe(\"visible\");\n    });\n\n    it(\"renders visible labels when slotted menu items and side nav is expanded\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationSlotted);\n\n      const menuBtn = await page.find(\n        \"ic-side-navigation >>> .menu-expand-button\"\n      );\n\n      await menuBtn.click();\n      await page.waitForChanges();\n\n      let visibleLabel = await page.evaluate(() => {\n        const label = document\n          .querySelector(\"ic-side-navigation ic-navigation-item\")\n          .querySelector(\"ic-typography\");\n\n        return window.getComputedStyle(label).visibility;\n      });\n\n      expect(visibleLabel).toBe(\"visible\");\n\n      await menuBtn.click();\n      await page.waitForChanges();\n\n      visibleLabel = await page.evaluate(() => {\n        const label = document\n          .querySelector(\"ic-side-navigation ic-navigation-item\")\n          .querySelector(\"ic-typography\");\n\n        return window.getComputedStyle(label).visibility;\n      });\n\n      expect(visibleLabel).toBe(\"hidden\");\n    });\n  });\n});\n"]}

package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js

@@ -187,6 +187,39 @@ describe("ic-side-navigation", () => {
     await new Promise((r) => setTimeout(r, 2000));
     expect(page.rootInstance.menuExpanded).toBe(true);
   });
+  it("should set navigation item width to 320px when expanded", async () => {
+    const page = await newSpecPage({
+      components: [SideNavigation, NavigationItem],
+      html: `<ic-side-navigation app-title="ACME" collapsed-icon-labels="false">
+        <ic-navigation-item slot="primary-navigation">
+            <a
+              slot="navigation-item"
+              class="active"
+              href="/child-item-2"
+              aria-label="Daily Tippers"
+            >
+              <svg
+                slot="icon"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z"
+                  fill="currentColor"
+                ></path>
+              </svg>
+              Daily Tippers
+            </a>
+          </ic-navigation-item>
+      </ic-side-navigation>`,
+    });
+    page.rootInstance.menuExpanded = true;
+    await page.rootInstance.toggleMenuExpanded();
+    expect(page.rootInstance.el.style.getPropertyValue("--navigation-item-width")).toBe("320px");
+  });
   it("renders expanded", async () => {
     const page = await newSpecPage({
       components: [SideNavigation, NavigationItem],

package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-side-navigation.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-side-navigation/test/basic/ic-side-navigation.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { DEVICE_SIZES } from \"../../../../utils/helpers\";\nimport { Button } from \"../../../ic-button/ic-button\";\nimport { NavigationGroup } from \"../../../ic-navigation-group/ic-navigation-group\";\nimport { NavigationItem } from \"../../../ic-navigation-item/ic-navigation-item\";\nimport { SideNavigation } from \"../../ic-side-navigation\";\n\ndescribe(\"ic-side-navigation\", () => {\n  it(\"renders with app-title\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation],\n      html: `<ic-side-navigation app-title=\"ACME\"></ic-side-navigation>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-app-title\");\n  });\n\n  it(\"renders with app title, version and status\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation],\n      html: `<ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\" status=\"BETA\"></ic-side-navigation>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-app-title-version-status\");\n  });\n\n  it(\"renders with primary navigation items\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `\n        <ic-side-navigation version=\"v0.0.0\" app-title=\"ACME\" status=\"BETA\">\n          <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </ic-navigation-item>\n        </ic-side-navigation>\n      `,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-primary-navigation-items\");\n  });\n\n  it(\"renders with secondary navigation items\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `\n        <ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\">\n        <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </ic-navigation-item>\n        </ic-side-navigation>\n      `,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"renders-with-secondary-navigation-items\"\n    );\n  });\n\n  it(\"renders with slotted navigation item\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `<ic-side-navigation app-title=\"ACME\">\n        <ic-navigation-item slot=\"primary-navigation\">\n            <a\n              slot=\"navigation-item\"\n              class=\"active\"\n              href=\"/child-item-2\"\n              aria-label=\"Daily Tippers\"\n            >\n              <svg\n                slot=\"icon\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                  fill=\"currentColor\"\n                ></path>\n              </svg>\n              Daily Tippers\n            </a>\n          </ic-navigation-item>\n      </ic-side-navigation>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"slotted-navigation-item\");\n  });\n\n  it(\"renders with slotted navigation item - collapsed icon labels true\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `<ic-side-navigation app-title=\"ACME\" collapsed-icon-labels=\"true\">\n        <ic-navigation-item slot=\"primary-navigation\">\n            <a\n              slot=\"navigation-item\"\n              class=\"active\"\n              href=\"/child-item-2\"\n              aria-label=\"Daily Tippers\"\n            >\n              <svg\n                slot=\"icon\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                  fill=\"currentColor\"\n                ></path>\n              </svg>\n              Daily Tippers\n            </a>\n          </ic-navigation-item>\n          <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </ic-navigation-item>\n      </ic-side-navigation>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"slotted-navigation-item-collapsed-icon-labels\"\n    );\n\n    expect(page.rootInstance.menuExpanded).toBe(false);\n    await page.rootInstance.toggleMenuExpanded();\n    await page.waitForChanges();\n    await new Promise((r) => setTimeout(r, 2000));\n    expect(page.rootInstance.menuExpanded).toBe(true);\n    expect(page.root).toMatchSnapshot(\n      \"slotted-navigation-item-collapsed-icon-labels-menu-toggle\"\n    );\n  });\n\n  it(\"tests menu toggle slotted nav items - collapsed icon labels false\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `<ic-side-navigation app-title=\"ACME\" collapsed-icon-labels=\"false\">\n        <ic-navigation-item slot=\"primary-navigation\">\n            <a\n              slot=\"navigation-item\"\n              class=\"active\"\n              href=\"/child-item-2\"\n              aria-label=\"Daily Tippers\"\n            >\n              <svg\n                slot=\"icon\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                  fill=\"currentColor\"\n                ></path>\n              </svg>\n              Daily Tippers\n            </a>\n          </ic-navigation-item>\n      </ic-side-navigation>`,\n    });\n\n    expect(page.rootInstance.menuExpanded).toBe(false);\n    await page.rootInstance.toggleMenuExpanded();\n    await page.waitForChanges();\n    await new Promise((r) => setTimeout(r, 2000));\n    expect(page.rootInstance.menuExpanded).toBe(true);\n  });\n\n  it(\"renders expanded\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `<ic-side-navigation app-title=\"ACME\" expanded=\"true\"></ic-side-navigation>`,\n    });\n\n    await page.waitForChanges();\n    await new Promise((r) => setTimeout(r, 2000));\n    expect(page.root).toMatchSnapshot(\"renders-expanded\");\n  });\n\n  it(\"renders with primary navigation items and collapsed icon labels\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `\n        <ic-side-navigation version=\"v0.0.0\" app-title=\"ACME\" status=\"BETA\" collapsed-icon-labels=\"true\">\n          <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </ic-navigation-item>\n        </ic-side-navigation>\n      `,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"primary-navigation-items-and-collapsed-icon-labels\"\n    );\n  });\n\n  it(\"should test resizing\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation],\n      html: `<ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\" collapsed-icon-labels=\"true\">\n    </ic-side-navigation>`,\n    });\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.S);\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.M);\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.XL);\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.XL);\n  });\n\n  it(\"tests menu toggle\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem, Button],\n      html: `<ic-side-navigation app-title=\"ACME\" version=\"v0.0.0\" status=\"BETA\">\n      <ic-navigation-item slot=\"primary-navigation\">\n      <a\n        slot=\"navigation-item\"\n        class=\"active\"\n        href=\"/child-item-2\"\n        aria-label=\"Daily Tippers\"\n      >\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          ></path>\n        </svg>\n        Daily Tippers\n      </a>\n    </ic-navigation-item></ic-side-navigation>`,\n    });\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.S);\n    await page.waitForChanges();\n    expect(page.rootInstance.menuOpen).toBe(false);\n    await page.rootInstance.toggleMenu();\n    await page.waitForChanges();\n    expect(page.rootInstance.menuOpen).toBe(true);\n    await page.rootInstance.toggleMenu();\n    await page.waitForChanges();\n    await new Promise((r) => setTimeout(r, 2000));\n    expect(page.rootInstance.menuOpen).toBe(false);\n  });\n\n  it(\"should test resizing - collapsed icon labels false\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `<ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\" collapsed-icon-labels=\"false\">\n      <ic-navigation-item slot=\"primary-navigation\">\n      <a\n        slot=\"navigation-item\"\n        class=\"active\"\n        href=\"/child-item-2\"\n        aria-label=\"Daily Tippers\"\n      >\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          ></path>\n        </svg>\n        Daily Tippers\n      </a>\n    </ic-navigation-item>\n    </ic-side-navigation>`,\n    });\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.M);\n  });\n\n  it(\"should test transitionend event\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `\n        <ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\" collapsed-icon-labels=\"true\">\n        <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </ic-navigation-item>\n        <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </ic-navigation-item>\n        </ic-side-navigation>\n      `,\n    });\n\n    expect(page.rootInstance.menuExpanded).toBe(false);\n    await page.rootInstance.toggleMenuExpanded();\n    await new Promise((r) => setTimeout(r, 2000));\n\n    page.root.dispatchEvent(\n      new window.window.Event(\"transitionend\", {\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.menuExpanded).toBe(true);\n  });\n\n  it(\"should test theme change\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation],\n      html: `<ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\">\n    </ic-side-navigation>`,\n    });\n\n    await page.rootInstance.themeChangeHandler({ detail: { mode: \"dark\" } });\n    await page.waitForChanges();\n    expect(page.rootInstance.foregroundColor).toBe(\"dark\");\n\n    await page.rootInstance.themeChangeHandler({ detail: { mode: \"light\" } });\n    await page.waitForChanges();\n    expect(page.rootInstance.foregroundColor).toBe(\"light\");\n\n    //call runResizeObserver\n    await page.rootInstance.runResizeObserver();\n\n    // test disconnected callback\n    page.setContent(\"\");\n  });\n\n  it(\"renders with slotted primary secondary navigation and expanded\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem, NavigationGroup],\n      html: `<ic-side-navigation app-title=\"Application Name\" version=\"v0.0.0\" status=\"BETA\" expanded=\"true\">\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          class=\"active\"\n          href=\"/child-item-2\"\n          aria-label=\"Daily Tippers\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          Daily Tippers\n        </a>\n      </ic-navigation-item>\n      <ic-navigation-group\n        slot=\"primary-navigation\"\n        label=\"Second navigation group\"\n        expandable=\"true\"\n      >\n        <ic-navigation-item>\n          <a\n            slot=\"navigation-item\"\n            href=\"/child-item-2\"\n            aria-label=\"Daily Tippers\"\n          >\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              ></path>\n            </svg>\n            Daily Tippers\n          </a>\n        </ic-navigation-item>\n      </ic-navigation-group>\n      <ic-navigation-item slot=\"secondary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          href=\"/bar\"\n          aria-label=\"bar\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          bar\n        </a>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    `,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"renders-with-slotted-primary-secondary-navigation-and-expanded\"\n    );\n  });\n});\n"]}
+{"version":3,"file":"ic-side-navigation.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-side-navigation/test/basic/ic-side-navigation.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { DEVICE_SIZES } from \"../../../../utils/helpers\";\nimport { Button } from \"../../../ic-button/ic-button\";\nimport { NavigationGroup } from \"../../../ic-navigation-group/ic-navigation-group\";\nimport { NavigationItem } from \"../../../ic-navigation-item/ic-navigation-item\";\nimport { SideNavigation } from \"../../ic-side-navigation\";\n\ndescribe(\"ic-side-navigation\", () => {\n  it(\"renders with app-title\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation],\n      html: `<ic-side-navigation app-title=\"ACME\"></ic-side-navigation>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-app-title\");\n  });\n\n  it(\"renders with app title, version and status\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation],\n      html: `<ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\" status=\"BETA\"></ic-side-navigation>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-app-title-version-status\");\n  });\n\n  it(\"renders with primary navigation items\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `\n        <ic-side-navigation version=\"v0.0.0\" app-title=\"ACME\" status=\"BETA\">\n          <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </ic-navigation-item>\n        </ic-side-navigation>\n      `,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-primary-navigation-items\");\n  });\n\n  it(\"renders with secondary navigation items\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `\n        <ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\">\n        <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </ic-navigation-item>\n        </ic-side-navigation>\n      `,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"renders-with-secondary-navigation-items\"\n    );\n  });\n\n  it(\"renders with slotted navigation item\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `<ic-side-navigation app-title=\"ACME\">\n        <ic-navigation-item slot=\"primary-navigation\">\n            <a\n              slot=\"navigation-item\"\n              class=\"active\"\n              href=\"/child-item-2\"\n              aria-label=\"Daily Tippers\"\n            >\n              <svg\n                slot=\"icon\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                  fill=\"currentColor\"\n                ></path>\n              </svg>\n              Daily Tippers\n            </a>\n          </ic-navigation-item>\n      </ic-side-navigation>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"slotted-navigation-item\");\n  });\n\n  it(\"renders with slotted navigation item - collapsed icon labels true\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `<ic-side-navigation app-title=\"ACME\" collapsed-icon-labels=\"true\">\n        <ic-navigation-item slot=\"primary-navigation\">\n            <a\n              slot=\"navigation-item\"\n              class=\"active\"\n              href=\"/child-item-2\"\n              aria-label=\"Daily Tippers\"\n            >\n              <svg\n                slot=\"icon\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                  fill=\"currentColor\"\n                ></path>\n              </svg>\n              Daily Tippers\n            </a>\n          </ic-navigation-item>\n          <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </ic-navigation-item>\n      </ic-side-navigation>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"slotted-navigation-item-collapsed-icon-labels\"\n    );\n\n    expect(page.rootInstance.menuExpanded).toBe(false);\n    await page.rootInstance.toggleMenuExpanded();\n    await page.waitForChanges();\n    await new Promise((r) => setTimeout(r, 2000));\n    expect(page.rootInstance.menuExpanded).toBe(true);\n    expect(page.root).toMatchSnapshot(\n      \"slotted-navigation-item-collapsed-icon-labels-menu-toggle\"\n    );\n  });\n\n  it(\"tests menu toggle slotted nav items - collapsed icon labels false\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `<ic-side-navigation app-title=\"ACME\" collapsed-icon-labels=\"false\">\n        <ic-navigation-item slot=\"primary-navigation\">\n            <a\n              slot=\"navigation-item\"\n              class=\"active\"\n              href=\"/child-item-2\"\n              aria-label=\"Daily Tippers\"\n            >\n              <svg\n                slot=\"icon\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                  fill=\"currentColor\"\n                ></path>\n              </svg>\n              Daily Tippers\n            </a>\n          </ic-navigation-item>\n      </ic-side-navigation>`,\n    });\n\n    expect(page.rootInstance.menuExpanded).toBe(false);\n    await page.rootInstance.toggleMenuExpanded();\n    await page.waitForChanges();\n    await new Promise((r) => setTimeout(r, 2000));\n    expect(page.rootInstance.menuExpanded).toBe(true);\n  });\n\n  it(\"should set navigation item width to 320px when expanded\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `<ic-side-navigation app-title=\"ACME\" collapsed-icon-labels=\"false\">\n        <ic-navigation-item slot=\"primary-navigation\">\n            <a\n              slot=\"navigation-item\"\n              class=\"active\"\n              href=\"/child-item-2\"\n              aria-label=\"Daily Tippers\"\n            >\n              <svg\n                slot=\"icon\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                  fill=\"currentColor\"\n                ></path>\n              </svg>\n              Daily Tippers\n            </a>\n          </ic-navigation-item>\n      </ic-side-navigation>`,\n    });\n\n    page.rootInstance.menuExpanded = true;\n    await page.rootInstance.toggleMenuExpanded();\n\n    expect(\n      (\n        page.rootInstance.el as HTMLIcSideNavigationElement\n      ).style.getPropertyValue(\"--navigation-item-width\")\n    ).toBe(\"320px\");\n  });\n\n  it(\"renders expanded\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `<ic-side-navigation app-title=\"ACME\" expanded=\"true\"></ic-side-navigation>`,\n    });\n\n    await page.waitForChanges();\n    await new Promise((r) => setTimeout(r, 2000));\n    expect(page.root).toMatchSnapshot(\"renders-expanded\");\n  });\n\n  it(\"renders with primary navigation items and collapsed icon labels\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `\n        <ic-side-navigation version=\"v0.0.0\" app-title=\"ACME\" status=\"BETA\" collapsed-icon-labels=\"true\">\n          <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </ic-navigation-item>\n        </ic-side-navigation>\n      `,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"primary-navigation-items-and-collapsed-icon-labels\"\n    );\n  });\n\n  it(\"should test resizing\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation],\n      html: `<ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\" collapsed-icon-labels=\"true\">\n    </ic-side-navigation>`,\n    });\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.S);\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.M);\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.XL);\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.XL);\n  });\n\n  it(\"tests menu toggle\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem, Button],\n      html: `<ic-side-navigation app-title=\"ACME\" version=\"v0.0.0\" status=\"BETA\">\n      <ic-navigation-item slot=\"primary-navigation\">\n      <a\n        slot=\"navigation-item\"\n        class=\"active\"\n        href=\"/child-item-2\"\n        aria-label=\"Daily Tippers\"\n      >\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          ></path>\n        </svg>\n        Daily Tippers\n      </a>\n    </ic-navigation-item></ic-side-navigation>`,\n    });\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.S);\n    await page.waitForChanges();\n    expect(page.rootInstance.menuOpen).toBe(false);\n    await page.rootInstance.toggleMenu();\n    await page.waitForChanges();\n    expect(page.rootInstance.menuOpen).toBe(true);\n    await page.rootInstance.toggleMenu();\n    await page.waitForChanges();\n    await new Promise((r) => setTimeout(r, 2000));\n    expect(page.rootInstance.menuOpen).toBe(false);\n  });\n\n  it(\"should test resizing - collapsed icon labels false\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `<ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\" collapsed-icon-labels=\"false\">\n      <ic-navigation-item slot=\"primary-navigation\">\n      <a\n        slot=\"navigation-item\"\n        class=\"active\"\n        href=\"/child-item-2\"\n        aria-label=\"Daily Tippers\"\n      >\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          ></path>\n        </svg>\n        Daily Tippers\n      </a>\n    </ic-navigation-item>\n    </ic-side-navigation>`,\n    });\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.M);\n  });\n\n  it(\"should test transitionend event\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem],\n      html: `\n        <ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\" collapsed-icon-labels=\"true\">\n        <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </ic-navigation-item>\n        <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </ic-navigation-item>\n        </ic-side-navigation>\n      `,\n    });\n\n    expect(page.rootInstance.menuExpanded).toBe(false);\n    await page.rootInstance.toggleMenuExpanded();\n    await new Promise((r) => setTimeout(r, 2000));\n\n    page.root.dispatchEvent(\n      new window.window.Event(\"transitionend\", {\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n    expect(page.rootInstance.menuExpanded).toBe(true);\n  });\n\n  it(\"should test theme change\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation],\n      html: `<ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\">\n    </ic-side-navigation>`,\n    });\n\n    await page.rootInstance.themeChangeHandler({ detail: { mode: \"dark\" } });\n    await page.waitForChanges();\n    expect(page.rootInstance.foregroundColor).toBe(\"dark\");\n\n    await page.rootInstance.themeChangeHandler({ detail: { mode: \"light\" } });\n    await page.waitForChanges();\n    expect(page.rootInstance.foregroundColor).toBe(\"light\");\n\n    //call runResizeObserver\n    await page.rootInstance.runResizeObserver();\n\n    // test disconnected callback\n    page.setContent(\"\");\n  });\n\n  it(\"renders with slotted primary secondary navigation and expanded\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationItem, NavigationGroup],\n      html: `<ic-side-navigation app-title=\"Application Name\" version=\"v0.0.0\" status=\"BETA\" expanded=\"true\">\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          class=\"active\"\n          href=\"/child-item-2\"\n          aria-label=\"Daily Tippers\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          Daily Tippers\n        </a>\n      </ic-navigation-item>\n      <ic-navigation-group\n        slot=\"primary-navigation\"\n        label=\"Second navigation group\"\n        expandable=\"true\"\n      >\n        <ic-navigation-item>\n          <a\n            slot=\"navigation-item\"\n            href=\"/child-item-2\"\n            aria-label=\"Daily Tippers\"\n          >\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              ></path>\n            </svg>\n            Daily Tippers\n          </a>\n        </ic-navigation-item>\n      </ic-navigation-group>\n      <ic-navigation-item slot=\"secondary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          href=\"/bar\"\n          aria-label=\"bar\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          bar\n        </a>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    `,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"renders-with-slotted-primary-secondary-navigation-and-expanded\"\n    );\n  });\n});\n"]}