You're Invited:Meet the Socket Team at RSAC and BSidesSF 2026, March 23–26.RSVP
Socket
Book a DemoSign in
Socket

@frankhoodbs/bootstrap-responsive-grid-cmp

Package Overview
Dependencies
Maintainers
4
Versions
53
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@frankhoodbs/bootstrap-responsive-grid-cmp - npm Package Compare versions

Comparing version
3.0.3
to
3.0.4
+1
-1
dist/BootstrapResponsiveGridCmp.css

@@ -1,1 +0,1 @@

.BootstrapResponsiveGridCmp[data-v-f2641427]{display:flex;row-gap:var(--bootstrap-responsive-grid-row-gap, 0);flex-direction:column}.BootstrapResponsiveGridCmp.with-separator-between-rows[data-v-f2641427]{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-f2641427]:not(:first-child){position:relative}.BootstrapResponsiveGridCmp.with-separator-between-rows>.row[data-v-f2641427]: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-f2641427]{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-f2641427]:first-child{position:relative}.BootstrapResponsiveGridCmp.with-separator-above>.row[data-v-f2641427]: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-f2641427]{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-f2641427]:last-child{position:relative}.BootstrapResponsiveGridCmp.with-separator-below>.row[data-v-f2641427]: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-f2641427]{align-items:var(--bootstrap-responsive-grid-row-align-items, normal);justify-content:var(--bootstrap-responsive-grid-row-justify-content, normal)}
.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)}

@@ -8,5 +8,5 @@ export interface Props {

slots: Readonly<{
[x: `slot-${number}`]: (props: {}) => any;
[x: `slot-${number}`]: () => never;
}> & {
[x: `slot-${number}`]: (props: {}) => any;
[x: `slot-${number}`]: () => never;
};

@@ -13,0 +13,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-f2641427"]]);export{i as default};
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};

@@ -25,5 +25,5 @@ import { App } from 'vue';

$slots: Readonly<{
[x: `slot-${number}`]: (props: {}) => any;
[x: `slot-${number}`]: () => never;
}> & {
[x: `slot-${number}`]: (props: {}) => any;
[x: `slot-${number}`]: () => never;
};

@@ -30,0 +30,0 @@ });

@@ -13,3 +13,3 @@ {

"license": "ISC",
"version": "3.0.3",
"version": "3.0.4",
"exports": {

@@ -50,5 +50,5 @@ ".": {

"devDependencies": {
"@frankhoodbs/eslint-config-vue": "^3.0.3",
"@frankhoodbs/prettier-config": "^2.0.0",
"@frankhoodbs/uglify-js": "^3.0.3",
"@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",

@@ -63,9 +63,9 @@ "@vue/tsconfig": "^0.7.0",

"vite-plugin-lib-inject-css": "^2.2.2",
"vue-tsc": "^2.2.10"
"vue-tsc": "^2.2.12"
},
"dependencies": {
"@frankhoodbs/breakpoints": "^4.0.3",
"vue": "^3.5.16"
"@frankhoodbs/breakpoints": "^4.0.4",
"vue": "^3.5.17"
},
"gitHead": "9a9bc54e815d1de3189212d5a47b4f6250e17633"
"gitHead": "590237740d5f0e6933e565126459540c3da16a2f"
}