@iamproperty/components 7.7.1--beta18 → 7.7.1--beta20
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/assets/css/components/carousel.component.css +1 -1
- package/assets/css/components/carousel.component.css.map +1 -1
- package/assets/css/components/carousel.config.css +1 -1
- package/assets/css/components/carousel.config.css.map +1 -1
- package/assets/css/components/skeleton.component.css +1 -0
- package/assets/css/components/skeleton.component.css.map +1 -0
- package/assets/css/components/skeleton.global.css +1 -0
- package/assets/css/components/skeleton.global.css.map +1 -0
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/elements/spinner.css +1 -0
- package/assets/css/elements/spinner.css.map +1 -0
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.min.js +1 -1
- package/assets/js/components/advanced-select/advanced-select.component.min.js +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
- package/assets/js/components/barchart/barchart.component.min.js +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.min.js +1 -1
- package/assets/js/components/bone/bone.component.js +20 -0
- package/assets/js/components/bone/bone.component.min.js +9 -0
- package/assets/js/components/bone/bone.component.min.js.map +1 -0
- package/assets/js/components/button/button.component.min.js +1 -1
- package/assets/js/components/calendar/calendar.component.min.js +1 -1
- package/assets/js/components/card/card.component.min.js +1 -1
- package/assets/js/components/carousel/carousel.component.js +19 -38
- package/assets/js/components/carousel/carousel.component.min.js +8 -16
- package/assets/js/components/carousel/carousel.component.min.js.map +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/config/config.component.min.js +1 -1
- package/assets/js/components/content/content.component.js +2 -0
- package/assets/js/components/content/content.component.min.js +3 -3
- package/assets/js/components/content/content.component.min.js.map +1 -1
- package/assets/js/components/darkmode/darkmode.component.min.js +1 -1
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/filter-card/filter-card.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/form/form.component.js +40 -1
- package/assets/js/components/form/form.component.min.js +3 -3
- package/assets/js/components/form/form.component.min.js.map +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +1 -1
- package/assets/js/components/input/input.component.min.js +1 -1
- package/assets/js/components/input-range/input-range.component.min.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +1 -1
- package/assets/js/components/menu/menu.component.min.js +1 -1
- package/assets/js/components/milestone/milestone.component.min.js +1 -1
- package/assets/js/components/milestone-group/milestone-group.component.min.js +1 -1
- package/assets/js/components/modal/modal.component.min.js +1 -1
- package/assets/js/components/multi-step/multi-step.component.min.js +1 -1
- package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js +1 -1
- package/assets/js/components/nav/nav.component.min.js +1 -1
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/password/password.component.min.js +1 -1
- package/assets/js/components/popover/popover.component.min.js +1 -1
- package/assets/js/components/rank/rank.component.min.js +1 -1
- package/assets/js/components/rankings/rankings.component.min.js +1 -1
- package/assets/js/components/rating/rating.component.min.js +1 -1
- package/assets/js/components/record-card/record-card.component.min.js +1 -1
- package/assets/js/components/search/search.component.min.js +1 -1
- package/assets/js/components/skeleton/skeleton.component.js +34 -0
- package/assets/js/components/skeleton/skeleton.component.min.js +11 -0
- package/assets/js/components/skeleton/skeleton.component.min.js.map +1 -0
- package/assets/js/components/slider/slider.component.min.js +1 -1
- package/assets/js/components/split-button/split-button.component.min.js +1 -1
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js +1 -1
- package/assets/js/components/std-nav/std-nav.component.min.js +1 -1
- package/assets/js/components/std-nav-standalone/std-nav-standalone.component.min.js +1 -1
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/table-ajax/table-ajax.component.min.js +1 -1
- package/assets/js/components/table-basic/table-basic.component.min.js +1 -1
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +1 -1
- package/assets/js/components/table-submit/table-submit.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/components/tag/tag.component.min.js +1 -1
- package/assets/js/components/tooltip/tooltip.component.min.js +1 -1
- package/assets/js/components/video/video.component.min.js +1 -1
- package/assets/js/components/video-card/video-card.component.min.js +1 -1
- package/assets/js/components/video-modal/video-modal.component.min.js +1 -1
- package/assets/js/components/word-count/word-count.component.min.js +1 -1
- package/assets/js/modules/content.js +11 -0
- package/assets/js/scripts.bundle.js +1 -1
- package/assets/js/scripts.bundle.min.js +1 -1
- package/assets/sass/_components.scss +1 -0
- package/assets/sass/_elements.scss +1 -0
- package/assets/sass/components/carousel.component.scss +0 -640
- package/assets/sass/components/carousel.config.scss +670 -7
- package/assets/sass/components/skeleton.component.scss +104 -0
- package/assets/sass/components/skeleton.global.scss +27 -0
- package/assets/sass/elements/spinner.css +29 -0
- package/assets/sass/foundations/reboot.scss +1 -0
- package/assets/sass/foundations/root.scss +7 -5
- package/assets/ts/components/bone/bone.component.ts +25 -0
- package/assets/ts/components/carousel/carousel.component.ts +29 -53
- package/assets/ts/components/content/content.component.ts +4 -0
- package/assets/ts/components/form/form.component.ts +58 -1
- package/assets/ts/components/skeleton/skeleton.component.ts +46 -0
- package/assets/ts/modules/content.ts +17 -0
- package/dist/components.es.js +51 -51
- package/dist/components.umd.js +127 -125
- package/package.json +1 -1
- package/src/components/Skeleton/Bone.vue +19 -0
- package/src/components/Skeleton/Skeleton.vue +19 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer elements{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"";font-family:var(--fa-family-classic);margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic)}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:var(--fa-family-classic);margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:var(--fa-family-classic)}}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary);&:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:transparent;border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative;&:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}&.text-decoration-none:after{width:0%}&[class*=fa-]{margin-left:0;margin-right:.5rem}&[class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}&:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active){&:after{width:60% !important}}&:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}}@layer elements{.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}&.icon-only{position:relative;text-indent:-300vw;overflow:hidden;min-width:1.75rem;&:before{position:absolute;left:0;top:0;min-width:1.75rem;text-align:center;text-indent:0;padding-inline:.25rem;line-height:1.85rem}}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2;&>.fa-chevron-down{display:none}&:not(:has(i)):not(.no-icon):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}&[aria-pressed]:after{transform:rotate(270deg)}}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content;select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}&:after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em;select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}&:after{top:.2rem;right:.5rem}}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}*,*::before,*::after{box-sizing:border-box}@layer components{:host{width:100%}.carousel-wrapper{padding-inline:1.5rem;margin-inline:-1.5rem;overflow:hidden;container-type:inline-size;display:block;margin-bottom:var(--carousel-mb, 1.5rem)}.carousel{--button-height: 3rem;--marker-height: 1.25rem;--marker-mb: 1rem;padding-inline:.5rem;margin-inline:-0.5rem;padding-bottom:calc(1rem + var(--button-height) + var(--marker-height) + var(--marker-mb));scroll-padding:.5rem;display:grid;grid-auto-flow:column;gap:var(--gap);anchor-scope:all;anchor-name:--carousel;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-marker-group:before;scroll-behavior:smooth;grid-auto-flow:column;grid-auto-columns:calc(100%/var(--count, 1) - var(--gap)*(var(--count, 1) - 1)/var(--count, 1))}.carousel>*{container-type:scroll-state;grid-column:auto;min-height:100%;margin:0;scroll-snap-align:start}.carousel::scroll-button(*){cursor:pointer;position-anchor:--carousel;background:none;border:none;font-size:1rem !important;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--button-height);height:var(--button-height);align-content:center;line-height:1 !important;overflow:hidden;font-size:1rem;font-family:"Font Awesome 7 Pro" !important;display:none;position:absolute;position-area:block-end center;border-radius:50%;margin-top:calc((var(--button-height) + var(--marker-height) + var(--marker-mb))*-1)}.carousel::scroll-button(left){display:inline-block;content:"\f053"/"Scroll left" !important;margin-left:calc(var(--button-height)*-1) !important}.carousel::scroll-button(right){display:inline-block;content:"\f054"/"Scroll right" !important;margin-right:calc(var(--button-height)*-1) !important}.carousel::scroll-button(*):disabled{pointer-events:none}.carousel::scroll-button(*):is(:hover,:focus-visible){outline-offset:5px;background-color:var(--colour-light);border-color:var(--colour)}@container (min-width: 62em){.carousel-wrapper .carousel{--button-height: 0rem}.carousel-wrapper .carousel::scroll-button(*){--button-height: 3rem;margin-top:-1rem}.carousel-wrapper .carousel::scroll-button(left){position-area:center inline-start}.carousel-wrapper .carousel::scroll-button(right){position-area:center inline-end}}@container style(--hide-carousel-btns){.carousel{--button-height: 0rem}.carousel::scroll-button(*){display:none !important}}.carousel::scroll-marker-group{position:absolute;position-anchor:--carousel;container:marker-group/inline-size;display:grid;place-content:safe center;box-sizing:border-box;border-radius:var(--radius-round);scrollbar-width:none;scroll-behavior:smooth;inline-size:100%;max-inline-size:100cqi;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-auto-columns:var(--marker-height);grid-auto-rows:var(--marker-height);overflow-x:auto;top:auto;bottom:anchor(bottom);grid-auto-flow:column;justify-items:center;align-items:center;padding-block:0;margin-bottom:var(--marker-mb)}.carousel>*::scroll-marker{content:"";scroll-snap-align:start;cursor:pointer;text-decoration:none;interactivity:auto;width:.5rem;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#a5ecfd;cursor:pointer;border:none}.carousel>*::scroll-marker:target-current{border-color:var(--colour-info);background:var(--colour-info);width:1rem;height:1rem;min-height:1rem;margin-inline:.125rem}.carousel-wrapper:has(.carousel>*:first-child:last-child){--hide-buttons: 1;--hide-markers: 1}@container (min-width: 36em){.carousel[data-smcols="2"]:not(:has(>*:nth-child(3))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}.carousel[data-smcols="3"]:not(:has(>*:nth-child(4))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}}@container (min-width: 62em){.carousel[data-mdcols="2"]:not(:has(>*:nth-child(3))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}.carousel[data-mdcols="3"]:not(:has(>*:nth-child(4))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}}@container (min-width: 36em){.carousel[data-smcols="2"]{--count: 2}.carousel[data-smcols="3"]{--count: 3}}@container (min-width: 64em){.carousel[data-mdcols="2"]{--count: 2}.carousel[data-mdcols="3"]{--count: 3}}@container style(--count){.carousel>*{scroll-snap-align:unset}.carousel>*::scroll-marker{display:none}}@container not scroll-state(snapped: x){.carousel>*{--opacity: 0}}@container style(--count: 2){.carousel>*:nth-child(2n-1){scroll-snap-align:start;scroll-snap-stop:always}.carousel>*:nth-child(2n-1)::scroll-marker{display:block}}@container style(--count: 3){.carousel>*:nth-child(3n-2){scroll-snap-align:start;scroll-snap-stop:always}.carousel>*:nth-child(3n-2)::scroll-marker{display:block}}@container style(--hide-buttons){.carousel-wrapper{--button-height: 0rem}.carousel-wrapper .carousel::scroll-button(*){display:none}}@container style(--hide-markers){.carousel-wrapper{--marker-height: 0rem;--marker-mb: 0rem}.carousel-wrapper .carousel::scroll-marker-group{display:none}}.admin-panel{--hide-buttons: 1}.admin-panel .carousel{--button-height: 0rem;--marker-mb: 0rem;margin-bottom:0}.carousel__progress{text-align:center;display:none}input[type=range]{--track-size: 0.5rem;--track-colour: #a5ecfd;--thumb-colour: var(--colour-info);--thumb-size: 1rem;--thumb-size-outline: 0;width:90%;max-width:10.75rem;background:rgba(0,0,0,0);cursor:pointer;margin:0;height:1rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:.5625rem}input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:.5625rem}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.25rem;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]::-moz-range-thumb{border:none;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]:focus{outline:none}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:active::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}@supports not selector(::scroll-marker-group){.carousel{--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}#carousel__progress{display:block}@container (min-width: 36em){#carousel__progress{display:none}#carousel__progress-sm{display:block}}@container (min-width: 62em){#carousel__progress-sm{display:none}#carousel__progress-md{display:block}}}@supports selector(::scroll-marker-group){@container (max-width: 36em){.carousel:has(>*:nth-child(5)){--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem;--hide-buttons: 1;--hide-markers: 1}.carousel:has(>*:nth-child(5))+#carousel__progress{display:block}}@container (min-width: 36em){#carousel__progress{display:none}.carousel[data-smcols="2"]:has(>*:nth-child(10)){--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem;--hide-buttons: 1;--hide-markers: 1}.carousel[data-smcols="2"]:has(>*:nth-child(10))+#carousel__progress-sm{display:block}.carousel[data-smcols="3"]:has(>*:nth-child(15)){--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem;--hide-buttons: 1;--hide-markers: 1}.carousel[data-smcols="3"]:has(>*:nth-child(15))+#carousel__progress-sm{display:block}}@container (min-width: 62em){#carousel__progress-sm{display:none}.carousel[data-mdcols="2"]:has(>*:nth-child(10)){--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem;--hide-buttons: 1;--hide-markers: 1}.carousel[data-mdcols="2"]:has(>*:nth-child(10))+#carousel__progress-md{display:block}.carousel[data-mdcols="3"]:has(>*:nth-child(15)){--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem;--hide-buttons: 1;--hide-markers: 1}.carousel[data-mdcols="3"]:has(>*:nth-child(15))+#carousel__progress-md{display:block}}}.carousel__controls{display:flex !important;flex-wrap:wrap;max-width:100%;overflow:visible}.carousel__controls button{padding:0;margin:0 .2rem .4rem;width:6rem;height:auto;aspect-ratio:var(--carousel-image-aspect-ratio, 3/2);border-radius:0;position:relative;border-radius:.25rem}.carousel__controls button img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;margin:0}.carousel__controls button[aria-current]{outline:2px solid var(--colour-info)}}/*# sourceMappingURL=carousel.component.css.map */
|
|
1
|
+
@layer elements{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"";font-family:var(--fa-family-classic);margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic)}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:var(--fa-family-classic);margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:var(--fa-family-classic)}}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary);&:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:transparent;border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative;&:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}&.text-decoration-none:after{width:0%}&[class*=fa-]{margin-left:0;margin-right:.5rem}&[class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}&:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active){&:after{width:60% !important}}&:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}}@layer elements{.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}&.icon-only{position:relative;text-indent:-300vw;overflow:hidden;min-width:1.75rem;&:before{position:absolute;left:0;top:0;min-width:1.75rem;text-align:center;text-indent:0;padding-inline:.25rem;line-height:1.85rem}}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2;&>.fa-chevron-down{display:none}&:not(:has(i)):not(.no-icon):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}&[aria-pressed]:after{transform:rotate(270deg)}}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content;select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}&:after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em;select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}&:after{top:.2rem;right:.5rem}}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}*,*::before,*::after{box-sizing:border-box}/*# sourceMappingURL=carousel.component.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/elements/buttons--global.css","../../sass/elements/buttons--secondary.css","../../sass/elements/buttons--tertiary.css","../../sass/elements/buttons--action.css","../../sass/elements/buttons--compact.css","../../sass/elements/buttons--special.css","../../sass/elements/button__group.css","../../sass/components/carousel.component.scss"],"names":[],"mappings":"CAAA,gBAGE,OACE,gBACA,oBACA,SACA,oBACA,kBACA,oBAGF,iCACE,UAGF,mEACE,0BAEA,iBACE,gBAOJ,KACE,mBACA,6BACA,6BACA,wBACA,0BACA,2BAEA,qBACA,iBACA,gBACA,qBACA,sBACA,eACA,iBAEA,wBAEA,+BACA,mCACA,2DACA,qBACA,gCACA,gBAEA,WACE,oCAGF,YACA,sBACA,gBACA,mBAMA,sCACE,+BACA,mCAGF,gEACE,sBAGF,iBACE,gCACA,8DAGF,mBACE,gCAnBF,oCAlCF,KAmCI,sBAsBJ,0JAEE,UACA,qBAEA,sCACA,8BACA,qBAGF,oFAEE,uBACA,WACE,yBAEF,wBACA,qBAGF,6DAIE,WACA,mBAKF,kBACE,gCACA,qCACA,yCACA,gDACA,+BACA,mCAEA,kBACA,oBACA,qBAGF,wJAEE,oBACA,qBAEA,SACE,YACA,qCACA,kBACA,mBACA,WACA,qBACA,8BACA,uBAMJ,YACE,4BACA,2BACA,qBACA,sBAKF,KACE,qBACE,kBACA,qCAGF,mBACE,mBAEF,0BACE,eACA,qBACA,kBACA,aACA,QACA,6BAGF,2BACE,kBAGF,cACE,gBACA,qCACA,kBACA,gBACA,mBAEA,oBACE,iBACA,iBAON,iBACE,QACE,WACA,8BACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,kBAIJ,sJAEE,QACE,mBACA,sBAMJ,YACE,QACE,YACA,qBACA,gBACA,sBACA,WACA,UACA,2BACA,mBACA,gBACA,uCC1ON,gBAEE,eACE,kCAEA,iBACE,0CACA,qDAIJ,gKAEE,gDACA,yCCdJ,gBAEE,kBACE,6BACA,YACA,yBACA,+CACA,UACA,mBACA,mBACA,mBACA,kBACA,kBAEA,QACE,kBACA,WACA,SACA,SACA,WACA,WACA,6BACA,mCACA,qBAGF,6BACE,SAGF,cACE,cACA,mBAGF,gCACE,kBACA,eAGF,mFACE,QACE,sBAGJ,gDACE,6BC9CN,gBAEE,YACE,wBACA,yCACA,0CACA,qBAEA,gCACA,2BACA,eACA,oBAEA,oBACE,4BAGF,mCACE,wCACA,yDAGF,yBACE,kBACA,qBAEF,YACE,kBACA,mBACA,gBACA,kBAEA,SACE,kBACA,OACA,MACA,kBACA,kBACA,cACA,sBACA,qBAIJ,wLAEE,6CAGF,2KAEE,uBACA,gCACA,8DACA,wBAGF,kHAEE,uBACA,mBACA,6BAKJ,qDAEE,yBCpEJ,gBAEE,aACE,qBACA,qBACA,oBACA,kBACA,0BACA,8BACA,8BACA,sCACA,0CACA,0CACA,qBACA,yBACA,mBACA,gBACA,kBACA,eAEA,mBACE,mBAGF,SACE,kBACA,kBACA,cACA,MACA,OACA,WACA,YACA,cACA,+CACA,gBAGF,oBACE,+CAEA,gCACE,aAIJ,SACE,uBACA,eACA,qBAGF,aACE,qBACA,eAEA,SACE,cACA,iBAIJ,gBACE,6BACA,iCACA,yBAEA,wBACE,+BAIJ,0HAGE,+BACA,kCACA,2BAEA,gEACE,8BAIJ,eACE,kBAEF,qBACE,0BACA,kBACA,SACA,WACA,gCACA,aACA,YACA,kBACA,cACA,SACA,eACA,kBACA,kBACA,YACA,sBACA,8BAKJ,aAEE,iKAeE,qBACA,wBACA,yBACA,2BAGF,8BAvBF,aAyBI,kDACA,wCACA,oBAEA,mBAEE,2DAGF,SACE,iCACA,iCACA,gCAIJ,oCAzCF,aA2CI,mBACA,0BAEA,mBACE,6BAIF,SACE,4CACA,6BACA,iBCjKR,gBAEE,oBAEE,kBACA,sBAEA,mBACE,aAGF,mCACE,WAEA,qBACA,mBACA,gBAEA,YACA,WACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,sBACE,0BAOJ,iBACE,kBACA,UACA,sBACA,sBACA,kBAEA,OAEE,qBACA,sEACA,gEACA,gCACA,2BACA,2BACA,uBACA,8BACA,cACA,aACA,+BACA,0CACA,8CACA,gCAEA,kCAGF,QACE,kBACA,YACA,aACA,WACA,cACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,iBACA,wBACA,qBAMJ,wBACE,gBACA,mBACA,cAEA,OACE,4BACA,8BACA,8BACA,0BAGF,QACE,UACA,cC7GN,gBAEE,YAEE,aACA,sBACA,mBACA,0BACA,qBAEA,aAEE,sBACA,oBAIJ,8BAEE,0BAEA,KACE,oBACA,WACA,eACA,kBACA,mBACA,SAEA,mBACE,gBAIJ,cACE,sBACA,0BACA,8BACA,QACA,gBAEF,eACE,QACA,gBAEF,aACE,QACA,gBACA,SAEA,mBAEE,WAKN,+BACE,iBAEF,6BACE,YACE,mBACA,UACA,eACA,eAEA,cACE,sBACA,2BACA,kBACA,QAEF,eACE,QAEF,aACE,QAGF,aAEE,gBACA,mBAGJ,8BAEE,KACE,sBACA,mBACA,mBAGJ,YAEE,cACE,gBAEF,eACE,gBAEF,aACE,iBAGJ,UAEE,cACE,gBACA,QAEF,eACE,QACA,gBAEF,aACE,QACA,iBAGJ,qBACE,yBAEF,+BACE,yBACA,iBAEF,yEAEE,kBC/HN,qBAGE
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/elements/buttons--global.css","../../sass/elements/buttons--secondary.css","../../sass/elements/buttons--tertiary.css","../../sass/elements/buttons--action.css","../../sass/elements/buttons--compact.css","../../sass/elements/buttons--special.css","../../sass/elements/button__group.css","../../sass/components/carousel.component.scss"],"names":[],"mappings":"CAAA,gBAGE,OACE,gBACA,oBACA,SACA,oBACA,kBACA,oBAGF,iCACE,UAGF,mEACE,0BAEA,iBACE,gBAOJ,KACE,mBACA,6BACA,6BACA,wBACA,0BACA,2BAEA,qBACA,iBACA,gBACA,qBACA,sBACA,eACA,iBAEA,wBAEA,+BACA,mCACA,2DACA,qBACA,gCACA,gBAEA,WACE,oCAGF,YACA,sBACA,gBACA,mBAMA,sCACE,+BACA,mCAGF,gEACE,sBAGF,iBACE,gCACA,8DAGF,mBACE,gCAnBF,oCAlCF,KAmCI,sBAsBJ,0JAEE,UACA,qBAEA,sCACA,8BACA,qBAGF,oFAEE,uBACA,WACE,yBAEF,wBACA,qBAGF,6DAIE,WACA,mBAKF,kBACE,gCACA,qCACA,yCACA,gDACA,+BACA,mCAEA,kBACA,oBACA,qBAGF,wJAEE,oBACA,qBAEA,SACE,YACA,qCACA,kBACA,mBACA,WACA,qBACA,8BACA,uBAMJ,YACE,4BACA,2BACA,qBACA,sBAKF,KACE,qBACE,kBACA,qCAGF,mBACE,mBAEF,0BACE,eACA,qBACA,kBACA,aACA,QACA,6BAGF,2BACE,kBAGF,cACE,gBACA,qCACA,kBACA,gBACA,mBAEA,oBACE,iBACA,iBAON,iBACE,QACE,WACA,8BACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,kBAIJ,sJAEE,QACE,mBACA,sBAMJ,YACE,QACE,YACA,qBACA,gBACA,sBACA,WACA,UACA,2BACA,mBACA,gBACA,uCC1ON,gBAEE,eACE,kCAEA,iBACE,0CACA,qDAIJ,gKAEE,gDACA,yCCdJ,gBAEE,kBACE,6BACA,YACA,yBACA,+CACA,UACA,mBACA,mBACA,mBACA,kBACA,kBAEA,QACE,kBACA,WACA,SACA,SACA,WACA,WACA,6BACA,mCACA,qBAGF,6BACE,SAGF,cACE,cACA,mBAGF,gCACE,kBACA,eAGF,mFACE,QACE,sBAGJ,gDACE,6BC9CN,gBAEE,YACE,wBACA,yCACA,0CACA,qBAEA,gCACA,2BACA,eACA,oBAEA,oBACE,4BAGF,mCACE,wCACA,yDAGF,yBACE,kBACA,qBAEF,YACE,kBACA,mBACA,gBACA,kBAEA,SACE,kBACA,OACA,MACA,kBACA,kBACA,cACA,sBACA,qBAIJ,wLAEE,6CAGF,2KAEE,uBACA,gCACA,8DACA,wBAGF,kHAEE,uBACA,mBACA,6BAKJ,qDAEE,yBCpEJ,gBAEE,aACE,qBACA,qBACA,oBACA,kBACA,0BACA,8BACA,8BACA,sCACA,0CACA,0CACA,qBACA,yBACA,mBACA,gBACA,kBACA,eAEA,mBACE,mBAGF,SACE,kBACA,kBACA,cACA,MACA,OACA,WACA,YACA,cACA,+CACA,gBAGF,oBACE,+CAEA,gCACE,aAIJ,SACE,uBACA,eACA,qBAGF,aACE,qBACA,eAEA,SACE,cACA,iBAIJ,gBACE,6BACA,iCACA,yBAEA,wBACE,+BAIJ,0HAGE,+BACA,kCACA,2BAEA,gEACE,8BAIJ,eACE,kBAEF,qBACE,0BACA,kBACA,SACA,WACA,gCACA,aACA,YACA,kBACA,cACA,SACA,eACA,kBACA,kBACA,YACA,sBACA,8BAKJ,aAEE,iKAeE,qBACA,wBACA,yBACA,2BAGF,8BAvBF,aAyBI,kDACA,wCACA,oBAEA,mBAEE,2DAGF,SACE,iCACA,iCACA,gCAIJ,oCAzCF,aA2CI,mBACA,0BAEA,mBACE,6BAIF,SACE,4CACA,6BACA,iBCjKR,gBAEE,oBAEE,kBACA,sBAEA,mBACE,aAGF,mCACE,WAEA,qBACA,mBACA,gBAEA,YACA,WACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,sBACE,0BAOJ,iBACE,kBACA,UACA,sBACA,sBACA,kBAEA,OAEE,qBACA,sEACA,gEACA,gCACA,2BACA,2BACA,uBACA,8BACA,cACA,aACA,+BACA,0CACA,8CACA,gCAEA,kCAGF,QACE,kBACA,YACA,aACA,WACA,cACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,iBACA,wBACA,qBAMJ,wBACE,gBACA,mBACA,cAEA,OACE,4BACA,8BACA,8BACA,0BAGF,QACE,UACA,cC7GN,gBAEE,YAEE,aACA,sBACA,mBACA,0BACA,qBAEA,aAEE,sBACA,oBAIJ,8BAEE,0BAEA,KACE,oBACA,WACA,eACA,kBACA,mBACA,SAEA,mBACE,gBAIJ,cACE,sBACA,0BACA,8BACA,QACA,gBAEF,eACE,QACA,gBAEF,aACE,QACA,gBACA,SAEA,mBAEE,WAKN,+BACE,iBAEF,6BACE,YACE,mBACA,UACA,eACA,eAEA,cACE,sBACA,2BACA,kBACA,QAEF,eACE,QAEF,aACE,QAGF,aAEE,gBACA,mBAGJ,8BAEE,KACE,sBACA,mBACA,mBAGJ,YAEE,cACE,gBAEF,eACE,gBAEF,aACE,iBAGJ,UAEE,cACE,gBACA,QAEF,eACE,QACA,gBAEF,aACE,QACA,iBAGJ,qBACE,yBAEF,+BACE,yBACA,iBAEF,yEAEE,kBC/HN,qBAGE","file":"carousel.component.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{iam-carousel:defined>div>*:last-child{margin-bottom:0 !important;padding-bottom:0 !important}iam-carousel:not(:defined){display:flex;flex-wrap:nowrap;overflow:auto;margin-block-end:2rem;overflow:auto}iam-carousel:not(:defined)>*{width:100%;display:block;flex:0 0 100%;padding-inline-end:1rem}.admin-panel:has(iam-carousel){--hide-carousel-btns: 1}.admin-panel:has(iam-carousel:last-child){--carousel-mb: 0rem}}/*# sourceMappingURL=carousel.config.css.map */
|
|
1
|
+
@layer components{iam-carousel:defined>div>*:last-child{margin-bottom:0 !important;padding-bottom:0 !important}iam-carousel:not(:defined){display:flex;flex-wrap:nowrap;overflow:auto;margin-block-end:2rem;overflow:auto}iam-carousel:not(:defined)>*{width:100%;display:block;flex:0 0 100%;padding-inline-end:1rem}}@layer components{iam-carousel{--button-height: 3rem;--marker-height: 1.25rem;--marker-mb: 1rem;padding-inline:.5rem;margin-inline:-0.5rem;padding-bottom:calc(1rem + var(--button-height) + var(--marker-height) + var(--marker-mb));margin-bottom:var(--carousel-mb, 1.5rem);scroll-padding:.5rem;display:grid;grid-auto-flow:column;gap:var(--gap);anchor-scope:all;anchor-name:--carousel;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-marker-group:before;scroll-behavior:smooth;grid-auto-flow:column;grid-auto-columns:calc(100%/var(--count, 1) - var(--gap)*(var(--count, 1) - 1)/var(--count, 1))}iam-carousel>*{container-type:scroll-state;grid-column:auto !important;min-height:100%;margin:0;scroll-snap-align:start !important}iam-carousel::scroll-button(*){cursor:pointer;position-anchor:--carousel;background:none;border:none;font-size:1rem !important;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--button-height);height:var(--button-height);align-content:center;line-height:1 !important;overflow:hidden;font-size:1rem;font-family:"Font Awesome 7 Pro" !important;display:none;position:absolute;position-area:block-end center;border-radius:50%;margin-top:calc((var(--button-height) + var(--marker-height) + var(--marker-mb))*-1)}iam-carousel::scroll-button(left){display:inline-block;content:"\f053"/"Scroll left" !important;margin-left:calc(var(--button-height)*-1) !important}iam-carousel::scroll-button(right){display:inline-block;content:"\f054"/"Scroll right" !important;margin-right:calc(var(--button-height)*-1) !important}iam-carousel::scroll-button(*):disabled{pointer-events:none}iam-carousel::scroll-button(*):is(:hover,:focus-visible){outline-offset:5px;background-color:var(--colour-light);border-color:var(--colour)}@container (min-width: 62em){main>iam-carousel{--button-height: 0rem}main>iam-carousel::scroll-button(*){--button-height: 3rem;margin-top:-1rem}main>iam-carousel::scroll-button(left){position-area:center inline-start}main>iam-carousel::scroll-button(right){position-area:center inline-end}}@container style(--hide-carousel-btns){iam-carousel{--button-height: 0rem}iam-carousel::scroll-button(*){display:none !important}}iam-carousel::scroll-marker-group{position:absolute;position-anchor:--carousel;container:marker-group/inline-size;display:grid;place-content:safe center;box-sizing:border-box;border-radius:var(--radius-round);scrollbar-width:none;scroll-behavior:smooth;inline-size:100%;max-inline-size:100cqi;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-auto-columns:var(--marker-height);grid-auto-rows:var(--marker-height);overflow-x:auto;top:auto;bottom:anchor(bottom);grid-auto-flow:column;justify-items:center;align-items:center;padding-block:0;margin-bottom:var(--marker-mb);left:anchor(center);transform:translate(-50%, 0)}iam-carousel>*::scroll-marker{content:"";scroll-snap-align:start;cursor:pointer;text-decoration:none;interactivity:auto;width:.5rem;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#a5ecfd;cursor:pointer;border:none}iam-carousel>*::scroll-marker:target-current{border-color:var(--colour-info);background:var(--colour-info);width:1rem;height:1rem;min-height:1rem;margin-inline:.125rem}iam-carousel:has(>*:first-child:last-child){--hide-buttons: 1;--hide-markers: 1}@container (min-width: 36em){iam-carousel[data-smcols="2"]:not(:has(>*:nth-child(3))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}iam-carousel[data-smcols="3"]:not(:has(>*:nth-child(4))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}}@container (min-width: 62em){iam-carousel[data-mdcols="2"]:not(:has(>*:nth-child(3))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}iam-carousel[data-mdcols="3"]:not(:has(>*:nth-child(4))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}}@container (min-width: 36em){iam-carousel[data-smcols="2"]{--count: 2}iam-carousel[data-smcols="3"]{--count: 3}}@container (min-width: 64em){iam-carousel[data-mdcols="2"]{--count: 2}iam-carousel[data-mdcols="3"]{--count: 3}}@container style(--count){iam-carousel>*{scroll-snap-align:unset}iam-carousel>*::scroll-marker{display:none}}@container not scroll-state(snapped: x){iam-carousel>*{--opacity: 0}}@container style(--count: 2){iam-carousel>*:nth-child(2n-1){scroll-snap-align:start;scroll-snap-stop:always}iam-carousel>*:nth-child(2n-1)::scroll-marker{display:block}}@container style(--count: 3){iam-carousel>*:nth-child(3n-2){scroll-snap-align:start;scroll-snap-stop:always}iam-carousel>*:nth-child(3n-2)::scroll-marker{display:block}}@container style(--hide-buttons){iam-carousel{--button-height: 0rem}iam-carousel::scroll-button(*){display:none}}@container style(--hide-markers){iam-carousel{--marker-height: 0rem;--marker-mb: 0rem}iam-carousel::scroll-marker-group{display:none}}.admin-panel{--hide-buttons: 1}.admin-panel:has(iam-carousel){container-type:inline-size}.admin-panel iam-carousel{--button-height: 0rem;--marker-mb: 0rem;margin-bottom:0}.carousel__controls{display:none;position:absolute;position-anchor:--carousel;top:auto;left:anchor(left);right:anchor(right);min-height:0;width:auto;bottom:anchor(bottom);z-index:99}.carousel__progress{margin-inline:auto;text-align:center;display:none;padding-bottom:0}.carousel__progress input[type=range]{--track-size: 0.5rem;--track-colour: #a5ecfd;--thumb-colour: var(--colour-info);--thumb-size: 1rem;--thumb-size-outline: 0;width:90%;max-width:10.75rem;background:rgba(0,0,0,0);cursor:pointer;margin:0;height:1rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}.carousel__progress input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:.5625rem}.carousel__progress input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:.5625rem}.carousel__progress input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}.carousel__progress input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}.carousel__progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.25rem;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}.carousel__progress input[type=range]::-moz-range-thumb{border:none;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}.carousel__progress input[type=range]:focus{outline:none}.carousel__progress input[type=range]:hover::-webkit-slider-thumb,.carousel__progress input[type=range]:focus::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__progress input[type=range]:active::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__progress input[type=range]:hover::-moz-range-thumb,.carousel__progress input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__progress input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}@supports not selector(::scroll-marker-group){iam-carousel{--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}.carousel__controls{display:block}.carousel__progress-xs{display:block}@container (min-width: 36em){.carousel__progress-xs{display:none}.carousel__progress-sm{display:block}}@container (min-width: 62em){.carousel__progress-sm{display:none}.carousel__progress-md{display:block}}}@supports selector(::scroll-marker-group){@container (max-width: 36em){iam-carousel:has(>*:nth-child(5)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel:has(>*:nth-child(5)) .carousel__controls{display:block}iam-carousel:has(>*:nth-child(5))+.carousel__progress{display:block}}@container (min-width: 36em){.carousel__progress{display:none}iam-carousel[data-smcols="2"]:has(>*:nth-child(10)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-smcols="2"]:has(>*:nth-child(10)) .carousel__controls{display:block}iam-carousel[data-smcols="2"]:has(>*:nth-child(10)) .carousel__progress-sm{display:block}iam-carousel[data-smcols="3"]:has(>*:nth-child(15)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-smcols="3"]:has(>*:nth-child(15)) .carousel__controls{display:block}iam-carousel[data-smcols="3"]:has(>*:nth-child(15)) .carousel__progress-sm{display:block}}@container (min-width: 62em){.carousel__progress-sm{display:none}iam-carousel[data-mdcols="2"]:has(>*:nth-child(10)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-mdcols="2"]:has(>*:nth-child(10)) .carousel__controls{display:block}iam-carousel[data-mdcols="2"]:has(>*:nth-child(10)) .carousel__progress-md{display:block}iam-carousel[data-mdcols="3"]:has(>*:nth-child(15)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-mdcols="3"]:has(>*:nth-child(15)) .carousel__controls{display:block}iam-carousel[data-mdcols="3"]:has(>*:nth-child(15)) .carousel__progress-md{display:block}}}iam-carousel.thumbnails{--hide-buttons: 1;--hide-markers: 1}iam-carousel.thumbnails .carousel__controls{display:block}.carousel__pips{display:flex !important;flex-wrap:nowrap;max-width:100%;overflow:hidden;height:5rem;overflow-x:auto}.carousel__pips button{padding:0;margin:0 .2rem .4rem;width:6rem;height:4rem;aspect-ratio:3/2;border-radius:0;position:relative;border-radius:.25rem}.carousel__pips button img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;margin:0}.carousel__pips button[aria-current]{outline:2px solid var(--colour-info)}}/*# sourceMappingURL=carousel.config.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/carousel.config.scss"],"names":[],"mappings":"AAGA,kBAEI,sCACE,2BACA,4BAKJ,2BACE,aACA,iBACA,cACA,sBACA,cAEA,6BACE,WACA,cACA,cACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/carousel.config.scss"],"names":[],"mappings":"AAGA,kBAEI,sCACE,2BACA,4BAKJ,2BACE,aACA,iBACA,cACA,sBACA,cAEA,6BACE,WACA,cACA,cACA,yBAQN,kBAGE,aACE,sBACA,yBACA,kBACA,qBACA,sBACA,2FAEA,yCACA,qBACA,aACA,sBACA,eACA,iBACA,uBACA,gBACA,8BACA,6BACA,qBACA,2BACA,uBACA,sBACA,gGAKF,eAEE,4BACA,4BACA,gBACA,SACA,mCAOA,+BAEE,eACA,2BACA,gBACA,YAEA,0BACA,qBACA,oBACA,kBACA,2BACA,4BACA,qBACA,yBACA,gBACA,eACA,4CACA,aACA,kBACA,+BACA,kBACA,qFAIF,kCAEE,qBAEA,yCACA,qDAGF,mCAEE,qBAEA,0CACA,sDAGF,wCACE,oBAGF,yDACE,mBACA,qCACA,2BAQF,6BAFF,kBAII,sBAEA,oCACE,sBACA,iBAEF,uCACE,kCAGF,wCACE,iCAMN,uCACE,aAEE,sBAEF,+BAEE,yBAMF,kCAEE,kBACA,2BACA,mCACA,aACA,0BACA,sBACA,kCACA,qBACA,uBACA,iBACA,uBACA,gBACA,6BACA,8BACA,uCACA,oCAEA,gBACA,SACA,sBACA,sBACA,qBACA,mBACA,gBACA,+BACA,oBACA,6BAIF,8BACE,WACA,wBACA,eACA,qBACA,mBAEA,YACA,eACA,kBACA,gBACA,mBACA,eACA,YAGF,6CAEE,gCACA,8BACA,WACA,YACA,gBACA,sBAOJ,4CAEE,kBACA,kBAKA,6BACE,yDAEE,kBACA,kBAEA,sBACA,sBACA,kBAEF,yDAEE,kBACA,kBAEA,sBACA,sBACA,mBAIJ,6BACE,yDAEE,kBACA,kBAEA,sBACA,sBACA,kBAEF,yDAEE,kBACA,kBAEA,sBACA,sBACA,mBASJ,6BACE,8BAEE,WAEF,8BAEE,YAIJ,6BACE,8BAEE,WAEF,8BAEE,YAWF,0BAFF,eAII,wBAEA,8BAEE,cAIJ,wCAZF,eAcI,cAGF,6BAEE,+BACE,wBACA,wBAGF,8CAEE,eAIJ,6BAEE,+BACE,wBACA,wBAGF,8CAEE,eAWN,iCAFF,aAII,sBAEA,+BACE,cAIJ,iCAXF,aAaI,sBACA,kBAEA,kCACE,cAON,aAEE,kBAEA,+BAEE,2BAGF,0BAEE,sBACA,kBACA,gBAOJ,oBACE,aACA,kBACA,2BAEA,SACA,kBACA,oBACA,aACA,WACA,sBACA,WAGF,oBACE,mBACA,kBACA,aACA,iBAEA,sCACE,qBACA,wBACA,mCACA,mBACA,wBACA,UACA,mBAEA,yBACA,eACA,SACA,YACA,kBACA,iCACA,wBACA,gBAIF,qEACE,+BACA,yBACA,uBAGF,wDACE,+BACA,yBACA,uBAIF,qEACE,kPAUF,wDACE,kPAWF,4DACE,wBACA,gBACA,oBACA,qCACA,yBACA,wBACA,kBACA,kBACA,WACA,mBAGF,wDACE,YACA,qCACA,yBACA,wBACA,kBACA,kBACA,WACA,mBAIF,4CACE,aAGF,oIAEE,4DAGF,mEACE,4DAGF,4HAEE,4DAEF,8DACE,4DAIJ,8CAEE,aACE,sBACA,sBACA,kBAGF,oBACE,cAGF,uBACE,cAGF,6BAEE,uBACE,aAEF,uBACE,eAIJ,6BAEE,uBACE,aAEF,uBACE,gBAMN,0CAGE,6BACE,kCAEE,sBAEA,kBACA,kBAEA,sDACE,cAGJ,sDACE,eAIJ,6BAEE,oBACE,aAGF,oDAEE,sBAEA,kBACA,kBAEA,wEACE,cAGJ,2EACE,cAGF,oDAEE,sBAEA,kBACA,kBAEA,wEACE,cAIJ,2EACE,eAIJ,6BAEE,uBACE,aAGF,oDAEE,sBAEA,kBACA,kBAEA,wEACE,cAIJ,2EACE,cAGF,oDAEE,sBAEA,kBACA,kBAEA,wEACE,cAIJ,2EACE,gBAQN,wBAEE,kBACA,kBAEA,4CACE,cAGJ,gBACE,wBACA,iBACA,eACA,gBACA,YACA,gBAEA,uBACE,UACA,qBAEA,WACA,YACA,iBAEA,gBACA,kBACA,qBAEA,2BACE,kBACA,QACA,YACA,WACA,iBACA,SAGF,qCACE","file":"carousel.config.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer components{::slotted(.heading){--bone-height: var(--h2-fs)}:host(.hasCard){display:flex;column-gap:1rem;flex-direction:column}@container (min-width: 36em){:host(.hasCard){flex-direction:row}}::slotted(.card){background-color:var(--colour-light) !important;height:unset !important;min-height:unset !important;aspect-ratio:1.2/1;border:1px solid var(--colour-border);display:flex !important;padding:1rem .75rem;flex-direction:column;justify-content:flex-end}::slotted(.card):before{margin-bottom:.75rem}::slotted(.card):before,::slotted(.card):after{content:"";display:block;background-color:#d9d9d9;display:block;width:auto;height:var(--bone-height);border-radius:.5rem}::slotted(.search){background-color:var(--colour-white) !important;height:3rem !important;min-height:3rem !important;border:1px solid var(--colour-border) !important;border-radius:1.5rem !important}::slotted(.btn){min-width:19rem !important;width:19rem !important}::slotted(:is(.btn,.badge,.tag):empty):before{content:" ";margin:0}:host(:is(.hasBtn,.hasBadge,.hasTag)){display:flex;flex-wrap:wrap}::slotted(:is(.badge,.tag)){min-width:5rem !important;width:5rem !important}::slotted(.link){min-width:8rem !important;width:8rem !important}::slotted(.link):after{margin-top:.25rem}:host(.hasSpinner) ::slotted(*){width:var(--spinner-size) !important;margin-inline:auto !important}::slotted(.spinner){background-color:rgba(0,0,0,0) !important}}/*# sourceMappingURL=skeleton.component.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/skeleton.component.scss"],"names":[],"mappings":"CAAA,kBAEE,oBAEE,4BAIF,gBACE,aACA,gBACA,sBAGF,6BACE,gBAEE,oBAIJ,iBAEE,gDACA,wBACA,4BACA,mBACA,sCACA,wBACA,oBACA,sBACA,yBAEA,wBAEE,qBAEF,+CAEE,WACA,cACA,yBACA,cACA,WACA,0BACA,oBAMJ,mBAEE,gDACA,uBACA,2BACA,iDACA,gCAIF,gBACE,2BACA,uBAIF,8CACE,YACA,SAGF,sCACE,aACA,eAGF,4BACE,0BACA,sBAGF,iBAEE,0BACA,sBAEF,uBAEE,kBAIF,gCAEE,qCACA,8BAGF,oBAEE","file":"skeleton.component.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer components{iam-skeleton{--bone-height: 0.8125rem;--colour-heading: #D9D9D9;--colour-underline: #D9D9D9;container-type:inline-size}iam-bone{background-color:#d9d9d9;border:unset;display:block;width:100%;min-height:var(--bone-height);pointer-events:none !important;margin-bottom:1rem}iam-bone:not(.btn,.badge,.tag){height:var(--bone-height);border-radius:.5rem}}/*# sourceMappingURL=skeleton.global.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/skeleton.global.scss"],"names":[],"mappings":"AAAA,kBAEE,aACE,yBACA,0BACA,4BACA,2BAGF,SACE,yBACA,aACA,cACA,WACA,8BACA,+BACA,mBAEA,+BAEE,0BACA","file":"skeleton.global.css"}
|