@abgov/web-components 1.0.0-alpha.178 → 1.0.0-alpha.179

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/web-components",
3
- "version": "1.0.0-alpha.178",
3
+ "version": "1.0.0-alpha.179",
4
4
  "description": "Government of Alberta - UI Web components",
5
5
  "bugs": {
6
6
  "url": "https://github.com/GovAlta/ui-components/issues"
@@ -10579,7 +10579,7 @@ function create_if_block$a(ctx) {
10579
10579
  };
10580
10580
  }
10581
10581
 
10582
- // (132:8) {#if calloutvariant !== null}
10582
+ // (137:8) {#if calloutvariant !== null}
10583
10583
  function create_if_block_3$4(ctx) {
10584
10584
  let div;
10585
10585
  let goa_icon;
@@ -10623,7 +10623,7 @@ function create_if_block_3$4(ctx) {
10623
10623
  };
10624
10624
  }
10625
10625
 
10626
- // (145:14) {:else}
10626
+ // (150:14) {:else}
10627
10627
  function create_else_block$4(ctx) {
10628
10628
  let slot;
10629
10629
 
@@ -10642,7 +10642,7 @@ function create_else_block$4(ctx) {
10642
10642
  };
10643
10643
  }
10644
10644
 
10645
- // (143:14) {#if heading}
10645
+ // (148:14) {#if heading}
10646
10646
  function create_if_block_2$4(ctx) {
10647
10647
  let t;
10648
10648
 
@@ -10662,7 +10662,7 @@ function create_if_block_2$4(ctx) {
10662
10662
  };
10663
10663
  }
10664
10664
 
10665
- // (149:12) {#if _isClosable}
10665
+ // (154:12) {#if _isClosable}
10666
10666
  function create_if_block_1$4(ctx) {
10667
10667
  let div;
10668
10668
  let goa_icon_button;
@@ -10754,7 +10754,6 @@ function create_fragment$k(ctx) {
10754
10754
 
10755
10755
  function instance$i($$self, $$props, $$invalidate) {
10756
10756
  let _isClosable;
10757
- let _isOpen;
10758
10757
  let _transitionTime;
10759
10758
  let _iconType;
10760
10759
  let { heading = "" } = $$props;
@@ -10776,8 +10775,14 @@ function instance$i($$self, $$props, $$invalidate) {
10776
10775
 
10777
10776
  const [Transitions, validateTransition] = typeValidator("Modal transition", ["fast", "slow", "none"]);
10778
10777
 
10778
+ // Moving the reactive var into a timeout prevents accessing null stylesheet
10779
+ // reference to allow for creation of the @keyframes for the in:fade and out:fade transitions.
10780
+ // DDIDS-1288
10781
+ let _isOpen = false;
10782
+
10779
10783
  // Hooks
10780
- onMount(() => {
10784
+ onMount(async () => {
10785
+ await tick();
10781
10786
  validateCalloutVariant(calloutvariant);
10782
10787
  validateTransition(transition);
10783
10788
  });
@@ -10876,7 +10881,7 @@ function instance$i($$self, $$props, $$invalidate) {
10876
10881
  }
10877
10882
 
10878
10883
  if ($$self.$$.dirty & /*open*/ 2) {
10879
- $$invalidate(7, _isOpen = toBoolean(open));
10884
+ setTimeout(() => $$invalidate(7, _isOpen = toBoolean(open)), 1);
10880
10885
  }
10881
10886
 
10882
10887
  if ($$self.$$.dirty & /*_isOpen*/ 128) {