@frankhoodbs/bootstrap-responsive-grid-cmp
Advanced tools
@@ -1,1 +0,1 @@ | ||
| .BootstrapResponsiveGridCmp[data-v-5761385a]{display:flex;row-gap:var(--bootstrap-responsive-grid-row-gap, 0);flex-direction:column}.BootstrapResponsiveGridCmp.with-separator-between-rows[data-v-5761385a]{row-gap:calc(var(--bootstrap-responsive-grid-row-gap, 0) + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-between-rows>.row[data-v-5761385a]:not(:first-child){position:relative}.BootstrapResponsiveGridCmp.with-separator-between-rows>.row[data-v-5761385a]:not(:first-child):before{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:""}.BootstrapResponsiveGridCmp.with-separator-above[data-v-5761385a]{padding-top:calc(var(--bootstrap-responsive-grid-row-gap, 0) * .5 + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-above>.row[data-v-5761385a]:first-child{position:relative}.BootstrapResponsiveGridCmp.with-separator-above>.row[data-v-5761385a]:first-child:before{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:""}.BootstrapResponsiveGridCmp.with-separator-below[data-v-5761385a]{padding-bottom:calc(var(--bootstrap-responsive-grid-row-gap, 0) * .5 + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-below>.row[data-v-5761385a]:last-child{position:relative}.BootstrapResponsiveGridCmp.with-separator-below>.row[data-v-5761385a]:last-child:after{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:"";inset:auto var(--bootstrap-responsive-grid-separator-inset-right-left, 0) calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp .row[data-v-5761385a]{align-items:var(--bootstrap-responsive-grid-row-align-items, normal);justify-content:var(--bootstrap-responsive-grid-row-justify-content, normal)} | ||
| .BootstrapResponsiveGridCmp[data-v-dabfde64]{display:flex;row-gap:var(--bootstrap-responsive-grid-row-gap, 0);flex-direction:column}.BootstrapResponsiveGridCmp.with-separator-between-rows[data-v-dabfde64]{row-gap:calc(var(--bootstrap-responsive-grid-row-gap, 0) + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-between-rows>.row[data-v-dabfde64]:not(:first-child){position:relative}.BootstrapResponsiveGridCmp.with-separator-between-rows>.row[data-v-dabfde64]:not(:first-child):before{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:""}.BootstrapResponsiveGridCmp.with-separator-above[data-v-dabfde64]{padding-top:calc(var(--bootstrap-responsive-grid-row-gap, 0) * .5 + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-above>.row[data-v-dabfde64]:first-child{position:relative}.BootstrapResponsiveGridCmp.with-separator-above>.row[data-v-dabfde64]:first-child:before{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:""}.BootstrapResponsiveGridCmp.with-separator-below[data-v-dabfde64]{padding-bottom:calc(var(--bootstrap-responsive-grid-row-gap, 0) * .5 + var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp.with-separator-below>.row[data-v-dabfde64]:last-child{position:relative}.BootstrapResponsiveGridCmp.with-separator-below>.row[data-v-dabfde64]:last-child:after{z-index:var(--bootstrap-responsive-grid-z-index, 1);position:absolute;inset:calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px)) var(--bootstrap-responsive-grid-separator-inset-right-left, 0) auto;border-top:var(--bootstrap-responsive-grid-separator-border-width, 1px) var(--bootstrap-responsive-grid-separator-border-style, solid) var(--bootstrap-responsive-grid-separator-border-color, #000000);content:"";inset:auto var(--bootstrap-responsive-grid-separator-inset-right-left, 0) calc(var(--bootstrap-responsive-grid-row-gap, 0) * -.5 - var(--bootstrap-responsive-grid-separator-border-width, 1px))}.BootstrapResponsiveGridCmp .row[data-v-dabfde64]{align-items:var(--bootstrap-responsive-grid-row-align-items, normal);justify-content:var(--bootstrap-responsive-grid-row-justify-content, normal)} |
@@ -0,1 +1,2 @@ | ||
| import { VNode } from 'vue'; | ||
| export interface Props { | ||
@@ -8,5 +9,5 @@ dataSlotsNumber?: string; | ||
| slots: Readonly<{ | ||
| [x: `slot-${number}`]: () => never; | ||
| [x: `slot-${number}`]: () => VNode[]; | ||
| }> & { | ||
| [x: `slot-${number}`]: () => never; | ||
| [x: `slot-${number}`]: () => VNode[]; | ||
| }; | ||
@@ -13,0 +14,0 @@ refs: {}; |
@@ -1,1 +0,1 @@ | ||
| import{defineComponent as o,computed as s,createElementBlock as t,openBlock as r,Fragment as l,renderList as d,normalizeClass as p,renderSlot as n}from"vue";import"./BootstrapResponsiveGridCmp.css";let m={class:"BootstrapResponsiveGridCmp"},a=o({__name:"BootstrapResponsiveGridCmp",props:{dataSlotsNumber:{default:"3"},dataColsPerRow:{default:"1"}},setup(o){let a=o,e=s(()=>1+Math.floor((+a.dataSlotsNumber-1)/+a.dataColsPerRow));return(s,o)=>(r(),t("div",m,[(r(!0),t(l,null,d(e.value,a=>(r(),t("div",{key:"row-"+a,class:p(["row","row-cols-"+ +s.dataColsPerRow])},[(r(!0),t(l,null,d(a*+s.dataColsPerRow<=+s.dataSlotsNumber?+s.dataColsPerRow:+s.dataSlotsNumber-(a-1)*+s.dataColsPerRow,o=>(r(),t("div",{key:"col-"+(o+(a*+s.dataColsPerRow-+s.dataColsPerRow)),class:"col"},[n(s.$slots,"slot-"+(o+(a*+s.dataColsPerRow-+s.dataColsPerRow)),{},void 0,!0)]))),128))],2))),128))]))}}),e=(o,a)=>{var s,e,t=o.__vccOpts||o;for([s,e]of a)t[s]=e;return t},i=e(a,[["__scopeId","data-v-5761385a"]]);export{i as default}; | ||
| import{defineComponent as o,computed as e,createElementBlock as t,openBlock as r,Fragment as l,renderList as d,normalizeClass as p,renderSlot as n}from"vue";import"./BootstrapResponsiveGridCmp.css";let m={class:"BootstrapResponsiveGridCmp"},a=o({__name:"BootstrapResponsiveGridCmp",props:{dataSlotsNumber:{default:"3"},dataColsPerRow:{default:"1"}},setup(s){let o=s,a=e(()=>1+Math.floor((+o.dataSlotsNumber-1)/+o.dataColsPerRow));return(e,o)=>(r(),t("div",m,[(r(!0),t(l,null,d(a.value,a=>(r(),t("div",{key:"row-"+a,class:p(["row","row-cols-"+ +s.dataColsPerRow])},[(r(!0),t(l,null,d(a*+s.dataColsPerRow<=+s.dataSlotsNumber?+s.dataColsPerRow:+s.dataSlotsNumber-(a-1)*+s.dataColsPerRow,o=>(r(),t("div",{key:"col-"+(o+(a*+s.dataColsPerRow-+s.dataColsPerRow)),class:"col"},[n(e.$slots,"slot-"+(o+(a*+s.dataColsPerRow-+s.dataColsPerRow)),{},void 0,!0)]))),128))],2))),128))]))}}),s=(o,a)=>{var e,s,t=o.__vccOpts||o;for([e,s]of a)t[e]=s;return t},i=s(a,[["__scopeId","data-v-dabfde64"]]);export{i as default}; |
+2
-2
@@ -25,5 +25,5 @@ import { App } from 'vue'; | ||
| $slots: Readonly<{ | ||
| [x: `slot-${number}`]: () => never; | ||
| [x: `slot-${number}`]: () => import('vue').VNode[]; | ||
| }> & { | ||
| [x: `slot-${number}`]: () => never; | ||
| [x: `slot-${number}`]: () => import('vue').VNode[]; | ||
| }; | ||
@@ -30,0 +30,0 @@ }); |
+13
-12
@@ -13,3 +13,4 @@ { | ||
| "license": "ISC", | ||
| "version": "3.0.4", | ||
| "version": "4.0.0", | ||
| "type": "module", | ||
| "exports": { | ||
@@ -50,21 +51,21 @@ ".": { | ||
| "devDependencies": { | ||
| "@frankhoodbs/eslint-config-vue": "^3.0.4", | ||
| "@frankhoodbs/prettier-config": "^2.0.1", | ||
| "@frankhoodbs/uglify-js": "^3.0.4", | ||
| "@vitejs/plugin-vue": "^5.2.4", | ||
| "@vue/tsconfig": "^0.7.0", | ||
| "@frankhoodbs/eslint-config-vue": "^4.0.0", | ||
| "@frankhoodbs/prettier-config": "^3.0.0", | ||
| "@frankhoodbs/uglify-js": "^4.0.0", | ||
| "@vitejs/plugin-vue": "^6.0.1", | ||
| "@vue/tsconfig": "^0.8.1", | ||
| "add": "^2.0.6", | ||
| "path": "^0.12.7", | ||
| "sass": "~1.79.6", | ||
| "typescript": "^5.8.3", | ||
| "vite": "^6.3.5", | ||
| "typescript": "~5.9.3", | ||
| "vite": "^7.1.12", | ||
| "vite-plugin-dts": "^4.5.4", | ||
| "vite-plugin-lib-inject-css": "^2.2.2", | ||
| "vue-tsc": "^2.2.12" | ||
| "vue-tsc": "^3.1.1" | ||
| }, | ||
| "dependencies": { | ||
| "@frankhoodbs/breakpoints": "^4.0.4", | ||
| "vue": "^3.5.17" | ||
| "@frankhoodbs/breakpoints": "^5.0.0", | ||
| "vue": "^3.5.22" | ||
| }, | ||
| "gitHead": "590237740d5f0e6933e565126459540c3da16a2f" | ||
| "gitHead": "34fcf1fe1db0b3082b0ab19242908d11ff87d683" | ||
| } |
13453
0.64%78
1.3%Yes
NaN+ Added
+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
- Removed
Updated