@iamproperty/components 5.1.0-beta9 → 5.3.0-beta1

package/assets/css/components/card.css

@@ -1 +1 @@
-.card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--colour-canvas-2);outline-offset:-2px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:is(:hover,:focus,.hover){--card-icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--card-icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}::slotted(i){font-size:1.5rem !important;margin:-3px var(--card-icon-right) 0 0 !important;font-weight:400 !important;vertical-align:middle !important}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;padding-top:1.5rem !important;font-size:1rem !important}.card__badges{position:absolute;top:0;right:.25rem;padding:.25rem;z-index:9;text-align:right;width:1}.card__head .card__badges{top:auto;bottom:0;text-align:left;left:.25rem;right:auto}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none}.card--filter:is(:hover,:focus,.hover) .card__body{background:#eee}.card--filter:is(:checked,.checked,:active,.active){outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card--filter:is(:checked,.checked,:active,.active) .card__body{background:none}.card--filter.card--has-icon{--bottom-padding: 1rem;border:none}.card--filter .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}.card--filter .card__total{font-size:3rem;line-height:3rem;padding-right:1rem}@media screen and (prefers-color-scheme: dark){.card--filter .card__body{background:none !important}.card--filter:is(:hover,:focus,.hover,:active,.active):not(:checked,.checked){outline:2px solid var(--colour, var(--colour-primary)) !important;outline-offset:-2px}}.card--filter ::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}.card:has(.card__head) .card__head{padding-bottom:0;padding-top:27%;position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card:has(.card__head) .card__head>img{position:absolute;top:0;left:0;width:102%;height:102%;object-fit:cover}.card.card--lg-image:has(.card__head) .card__head{padding-top:55%}.card:has(.card__footer):after{display:none}.card:has(.card__footer) .card__footer{position:relative;background:#fff;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1;display:block}:host([data-selected]) .card:before,:host([data-selected]) .card:after{display:none !important}:host(.card--flag){position:relative}:host(.card--flag):after{content:"";font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;right:1rem;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block;font-weight:normal;color:var(--colour, var(--colour-primary))}/*# sourceMappingURL=card.css.map */
+.card{--card-icon-right: 1rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);min-height:100%;width:100%;text-align:left;display:block;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--colour-canvas-2);outline-offset:-2px}.card.border-0{box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__body{position:relative;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1}.card:before,.card:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}.card:after{background:var(--colour-primary-theme);mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}.card:is(:hover,:focus,.hover){--card-icon-right: 0.5rem;outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card:not([class*=colour-]):is(:hover,:focus,.hover):before{background:var(--colour-primary-theme)}.card:not([class*=colour-]):is(:hover,:focus,.hover):after{background:#fff}.card:is(:active,.active){--card-icon-right: 0.5rem;outline:none}.card:is(:active,.active):before{background:var(--colour-warning)}.card:is(:active,.active):after{background:var(--colour-primary)}.card:is(:active){background:#fcfcfc}.card span{display:block;font-weight:bold;padding-top:1.5rem;font-size:1rem}.card:has(.card__illustration) .card__body{align-items:center;display:flex}.card:has(.card__illustration) .card__body .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card:has(.card__illustration) .card__body .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.card .card__total{font-size:3rem;line-height:3rem;padding-right:1rem;margin-top:.5rem}::slotted(i){font-size:1.5rem !important;margin:-3px var(--card-icon-right) 0 0 !important;font-weight:400 !important;vertical-align:middle !important}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;padding-top:1.5rem !important;font-size:1rem !important}.card__badges{position:absolute;top:0;right:.25rem;padding:.25rem;z-index:9;text-align:right;width:1}.card__head .card__badges{top:auto;bottom:0;text-align:left;left:.25rem;right:auto}.card[class*=colour-],.card--filter{border-left:0.75rem solid var(--colour, var(--colour-primary))}.card--filter{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}.card--filter:has(.card__total) .card__body{align-items:center;display:flex}.card--filter:before,.card--filter:after{display:none}.card--filter:is(:hover,:focus,.hover){outline:none}.card--filter:is(:hover,:focus,.hover) .card__body{background:#eee}.card--filter:is(:checked,.checked,:active,.active){outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}.card--filter:is(:checked,.checked,:active,.active) .card__body{background:none}.card--filter.card--has-icon{--bottom-padding: 1rem;border:none}.card--filter .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}.card--filter .card__total{margin-top:0;order:-1}@media screen and (prefers-color-scheme: dark){.card--filter .card__body{background:none !important}.card--filter:is(:hover,:focus,.hover,:active,.active):not(:checked,.checked){outline:2px solid var(--colour, var(--colour-primary)) !important;outline-offset:-2px}}.card--filter ::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}.card:has(.card__head) .card__head{padding-bottom:0;padding-top:27%;position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card:has(.card__head) .card__head>img{position:absolute;top:0;left:0;width:102%;height:102%;object-fit:cover}.card.card--lg-image:has(.card__head) .card__head{padding-top:55%}.card:has(.card__footer):after{display:none}.card:has(.card__footer) .card__footer{position:relative;background:#fff;padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding);z-index:-1;display:block}:host([data-selected]) .card:before,:host([data-selected]) .card:after{display:none !important}:host(.card--flag){position:relative}:host(.card--flag):after{content:"";font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;right:1rem;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block;font-weight:normal;color:var(--colour, var(--colour-primary))}.card--secondary{--card-top-padding: 1rem;--card-bottom-padding: 1.5rem}.card--secondary:before,.card--secondary:after{display:none}.card--secondary .btn-compact{position:absolute;top:0;right:0;margin:.5rem .5rem 0 0;z-index:99}.card--secondary:has(.btn-compact:is(:hover,:focus,:active)){pointer-events:none;outline:none}.card--secondary:has(.btn-compact:is(:hover,:focus,:active)) .card__body{background:none;border-color:rgba(0,0,0,0) !important}.card--secondary:has(.btn-compact:is(:hover,:focus,:active)) .btn-compact{pointer-events:all}.card--secondary ::slotted(i){display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important;line-height:2.5rem}/*# sourceMappingURL=card.css.map */

package/assets/css/components/card.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/card.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"CAGA,MACE,wBACA,kCACA,wCACA,kBACA,iBACA,mBACA,mBACA,4BACA,gBACA,WACA,gBACA,cACA,gBACA,UACA,kCACA,yCACA,oBAEA,eACE,gBACA,0BACA,8BAGF,YACE,kBACA,8GACA,WAGF,yBAEE,WACA,kBACA,6BACA,kCACA,cACA,aACA,iCACA,kBAGF,YACE,uCACA,6BACA,cACA,sBACA,sBACA,qCACA,sBACA,8BACA,8BACA,UAGF,+BACE,0BACA,uDACA,oBAMA,4DACE,uCAEF,2DACE,gBAIJ,0BACE,0BACA,aAEA,iCACE,iCAEF,gCACE,iCAIJ,kBACE,mBAKF,WACE,cACA,iBACA,mBACA,eAGF,2CAEE,mBACA,aAEA,+DACE,YACA,WACA,oBACA,oBACA,uBACA,kBAEA,mEACE,kBACA,MACA,OACA,WACA,YACA,mBAMR,aACE,4BACA,kDACA,2BACA,iCAGF,4BACE,yBACA,8BACA,8BACA,0BAKF,cACE,kBACA,MACA,aACA,eACA,UACA,iBACA,QAEF,0BAEE,SACA,SACA,gBACA,YACA,WAKF,oCAGE,+DAKF,cACE,sBACA,sBACA,yBACA,qBAIA,4CAEE,mBACA,aAGF,yCAEE,aAGF,uCACE,aAEA,mDACE,gBAIJ,oDACE,uDACA,oBAEA,gEACE,gBAIJ,6BACE,uBACA,YAGF,oBACE,8BACA,2BACA,8BACA,2BACA,yBAGF,2BACE,eACA,iBACA,mBCzMF,+CDgNE,0BACE,2BAGF,8EACE,kEACA,qBAKN,2BACE,yBACA,8BACA,8BAMA,mCACE,iBACA,gBACA,kBACA,gBACA,0BACA,WAEA,uCACE,kBACA,MACA,OACA,WACA,YACA,iBAKN,kDAEE,gBAOA,+BACE,aAGF,uCACE,kBACA,gBACA,8GACA,WACA,cASF,uEAEE,wBAKJ,mBACE,kBAEA,yBACE,YACA,iCACA,kBACA,SACA,WACA,eACA,cACA,YACA,WACA,qBACA,mBACA","file":"card.css"}
+{"version":3,"sourceRoot":"","sources":["../../sass/components/card.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"CAGA,MACE,wBACA,kCACA,wCACA,kBACA,iBACA,mBACA,mBACA,4BACA,gBACA,WACA,gBACA,cACA,gBACA,UACA,kCACA,yCACA,oBAEA,eACE,gBACA,0BACA,8BAGF,YACE,kBACA,8GACA,WAGF,yBAEE,WACA,kBACA,6BACA,kCACA,cACA,aACA,iCACA,kBAGF,YACE,uCACA,6BACA,cACA,sBACA,sBACA,qCACA,sBACA,8BACA,8BACA,UAGF,+BACE,0BACA,uDACA,oBAMA,4DACE,uCAEF,2DACE,gBAIJ,0BACE,0BACA,aAEA,iCACE,iCAEF,gCACE,iCAIJ,kBACE,mBAKF,WACE,cACA,iBACA,mBACA,eAGF,2CAEE,mBACA,aAEA,+DACE,YACA,WACA,oBACA,oBACA,uBACA,kBAEA,mEACE,kBACA,MACA,OACA,WACA,YACA,mBAMN,mBACE,eACA,iBACA,mBACA,iBAIJ,aACE,4BACA,kDACA,2BACA,iCAGF,4BACE,yBACA,8BACA,8BACA,0BAKF,cACE,kBACA,MACA,aACA,eACA,UACA,iBACA,QAEF,0BAEE,SACA,SACA,gBACA,YACA,WAKF,oCAGE,+DAKF,cACE,sBACA,sBACA,yBACA,qBAIA,4CAEE,mBACA,aAGF,yCAEE,aAGF,uCACE,aAEA,mDACE,gBAIJ,oDACE,uDACA,oBAEA,gEACE,gBAIJ,6BACE,uBACA,YAGF,oBACE,8BACA,2BACA,8BACA,2BACA,yBAGF,2BACE,aACA,SChNF,+CDuNE,0BACE,2BAGF,8EACE,kEACA,qBAKN,2BACE,yBACA,8BACA,8BAMA,mCACE,iBACA,gBACA,kBACA,gBACA,0BACA,WAEA,uCACE,kBACA,MACA,OACA,WACA,YACA,iBAKN,kDAEE,gBAOA,+BACE,aAGF,uCACE,kBACA,gBACA,8GACA,WACA,cASF,uEAEE,wBAKJ,mBACE,kBAEA,yBACE,YACA,iCACA,kBACA,SACA,WACA,eACA,cACA,YACA,WACA,qBACA,mBACA,2CAOJ,iBAEE,yBACA,8BAEA,+CAEE,aAIJ,8BACE,kBACA,MACA,QACA,uBACA,WAGF,6DAEE,oBACA,aAEA,yEACE,gBACA,sCAGF,0EACE,mBAIJ,8BACE,yBACA,4BACA,kCACA","file":"card.css"}

package/assets/css/components/component.native.css

@@ -1 +1 @@
-:is(*):not(:defined):not(iam-nav):not(iam-pagination):not(iam-carousel){display:block;padding:1.5rem;margin-bottom:1.5rem;border-radius:0.5rem;margin-left:auto;margin-right:auto;max-width:80rem}main>:is(*):not(:defined):not(iam-carousel){padding:var(--container-padding);padding-top:1rem}@media screen and (min-width: 62em){main>:is(*):not(:defined):not(iam-carousel){max-width:100% !important;padding-inline:calc(50% - 34.75rem)}iam-header:not(:defined){min-height:29.375rem}}:is(iam-notification,iam-card):not(:defined){box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding)}iam-carousel{margin-inline:calc(var(--container-padding-x)*-1);margin-bottom:5rem;overflow:auto;display:block}iam-carousel>.row{flex-wrap:nowrap !important;margin-inline-end:0;padding-inline-start:var(--container-padding-x);padding-inline-end:var(--container-padding-x)}iam-carousel>.row .col:last-child{padding-inline-end:var(--container-padding-x)}@media screen and (min-width: 62em){iam-carousel{margin-inline:-0.5rem}iam-carousel>.row{padding-inline:0;margin-inline:0}iam-carousel>.row .col:last-child{padding-inline-end:.5rem}}iam-carousel:defined{overflow:visible}iam-carousel>.row .col{scroll-snap-align:start;scroll-margin-left:calc(var(--container-padding-x) - .5rem)}@media screen and (min-width: 36em){iam-carousel>.row[class*=row-cols-sm-]>.col{scroll-snap-align:unset}iam-carousel>.row-cols-sm-2>.col:nth-child(odd),iam-carousel>.row-cols-sm-3>.col:nth-child(3n+1),iam-carousel>.row-cols-sm-4>.col:nth-child(4n+1),iam-carousel>.row-cols-sm-5>.col:nth-child(5n+1),iam-carousel>.row-cols-sm-6>.col:nth-child(6n+1){scroll-snap-align:start}}@media screen and (min-width: 62em){iam-carousel>.row[class*=row-cols-md-]>.col{scroll-snap-align:unset;margin-left:0;scroll-margin-left:0}iam-carousel>.row-cols-md-2>.col:nth-child(odd),iam-carousel>.row-cols-md-3>.col:nth-child(3n+1),iam-carousel>.row-cols-md-4>.col:nth-child(4n+1),iam-carousel>.row-cols-md-5>.col:nth-child(5n+1),iam-carousel>.row-cols-md-6>.col:nth-child(6n+1){scroll-snap-align:start}}/*# sourceMappingURL=component.native.css.map */
+:is(*):not(:defined):not(iam-nav):not(iam-pagination):not(iam-carousel){display:block;padding:1.5rem;margin-bottom:1.5rem;border-radius:0.5rem;margin-left:auto;margin-right:auto;max-width:80rem}main>:is(*):not(:defined):not(iam-carousel){padding:var(--container-padding);padding-top:1rem}@media screen and (min-width: 62em){main>:is(*):not(:defined):not(iam-carousel){max-width:100% !important;padding-inline:calc(50% - 34.75rem)}iam-header:not(:defined){min-height:29.375rem}}:is(iam-notification,iam-card):not(:defined){box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);padding:var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding)}iam-carousel{margin-inline:calc(var(--container-padding-x)*-1);margin-bottom:5rem;overflow:auto;display:block}iam-carousel>.row{flex-wrap:nowrap !important;margin-inline-end:0;padding-inline-start:var(--container-padding-x);padding-inline-end:var(--container-padding-x)}iam-carousel>.row .col:last-child{padding-inline-end:var(--container-padding-x)}@media screen and (min-width: 62em){iam-carousel{margin-inline:-0.5rem}iam-carousel>.row{padding-inline:0;margin-inline:0}iam-carousel>.row .col:last-child{padding-inline-end:.5rem}}iam-search input:not(.is-invalid):not(:invalid){background:none !important}iam-carousel:defined{overflow:visible}iam-carousel>.row .col{scroll-snap-align:start;scroll-margin-left:calc(var(--container-padding-x) - .5rem)}@media screen and (min-width: 36em){iam-carousel>.row[class*=row-cols-sm-]>.col{scroll-snap-align:unset}iam-carousel>.row-cols-sm-2>.col:nth-child(odd),iam-carousel>.row-cols-sm-3>.col:nth-child(3n+1),iam-carousel>.row-cols-sm-4>.col:nth-child(4n+1),iam-carousel>.row-cols-sm-5>.col:nth-child(5n+1),iam-carousel>.row-cols-sm-6>.col:nth-child(6n+1){scroll-snap-align:start}}@media screen and (min-width: 62em){iam-carousel>.row[class*=row-cols-md-]>.col{scroll-snap-align:unset;margin-left:0;scroll-margin-left:0}iam-carousel>.row-cols-md-2>.col:nth-child(odd),iam-carousel>.row-cols-md-3>.col:nth-child(3n+1),iam-carousel>.row-cols-md-4>.col:nth-child(4n+1),iam-carousel>.row-cols-md-5>.col:nth-child(5n+1),iam-carousel>.row-cols-md-6>.col:nth-child(6n+1){scroll-snap-align:start}}/*# sourceMappingURL=component.native.css.map */

package/assets/css/components/component.native.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../sass/components/component.native.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAIA,wEACE,cACA,eACA,qBACA,qBACA,iBACA,kBACA,gBAGF,4CAEE,iCACA,iBCXE,oCDgBF,4CACE,0BACA,oCAGF,yBACE,sBAIJ,6CACE,kCACA,wCACA,8GAIF,aAEE,kDACA,mBACA,cACA,cAEA,kBAEE,4BACA,oBACA,gDACA,8CAEA,kCACE,8CChDF,oCDiCJ,aAqBI,sBAEA,kBAEE,iBACA,gBAEA,kCACE,0BAUR,qBAEE,iBAEF,uBACE,wBACA,4DC9EE,oCDoFF,4CACE,wBAGF,oPAKE,yBC7FA,oCDmGF,4CACE,wBACA,cACA,qBAGF,oPAKE","file":"component.native.css"}
+{"version":3,"sourceRoot":"","sources":["../../sass/components/component.native.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAIA,wEACE,cACA,eACA,qBACA,qBACA,iBACA,kBACA,gBAGF,4CAEE,iCACA,iBCXE,oCDgBF,4CACE,0BACA,oCAGF,yBACE,sBAIJ,6CACE,kCACA,wCACA,8GAIF,aAEE,kDACA,mBACA,cACA,cAEA,kBAEE,4BACA,oBACA,gDACA,8CAEA,kCACE,8CChDF,oCDiCJ,aAqBI,sBAEA,kBAEE,iBACA,gBAEA,kCACE,0BAOR,gDACE,2BAMF,qBAEE,iBAEF,uBACE,wBACA,4DClFE,oCDwFF,4CACE,wBAGF,oPAKE,yBCjGA,oCDuGF,4CACE,wBACA,cACA,qBAGF,oPAKE","file":"component.native.css"}